softchatjs-react-native/dist/components/Search.js

React native UI SDK for softchatjs-core. Create a free account at: https://www.softchatjs.com

var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
  for (var name in all)
    __defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
  if (from && typeof from === "object" || typeof from === "function") {
    for (let key of __getOwnPropNames(from))
      if (!__hasOwnProp.call(to, key) && key !== except)
        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
  }
  return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
  // If the importer is in node compatibility mode or this is not an ESM
  // file that has been converted to a CommonJS file using a Babel-
  // compatible transform (i.e. "__esModule" has not been set), then set
  // "default" to the CommonJS "module.exports" for node compatibility.
  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
  mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

// src/components/Search.tsx
var Search_exports = {};
__export(Search_exports, {
  default: () => Search
});
module.exports = __toCommonJS(Search_exports);
var import_react_native2 = require("react-native");
var import_react4 = __toESM(require("react"));

// src/contexts/ChatProvider.tsx
var import_react3 = __toESM(require("react"));

// src/contexts/ModalProvider.tsx
var import_react = __toESM(require("react"));
var import_react_native = require("react-native");
var initial = {
  displayModal: () => {
  },
  resetModal: () => {
  },
  modalProps: {
    dismissable: true,
    justifyContent: "center",
    children: null,
    animation: "slide",
    containerWidth: "100%"
  }
};
var ModalProviderContext = (0, import_react.createContext)(initial);

// src/theme/colors.ts
var teal = {
  50: "#DCF2F0",
  100: "#A9DFD8",
  200: "#73CABE",
  300: "#3AB4A4",
  400: "#00A391",
  500: "#00927E",
  600: "#008572",
  700: "#007662",
  800: "#006654",
  900: "#004A38"
};
var green = {
  50: "#E6F5E4",
  100: "#C2E6BD",
  200: "#9AD693",
  300: "#6FC666",
  400: "#4ABA42",
  500: "#17AE13",
  600: "#029F04",
  700: "#008D00",
  800: "#007C00",
  900: "#005E00"
};
var grey = {
  50: "#F6F6FF",
  100: "#F2F1FF",
  200: "#EBEBF9",
  300: "#CAC9D7",
  400: "#ACACB9",
  500: "#82818F",
  600: "#6D6D7A",
  700: "#4D4D59",
  800: "#2B2B36",
  900: "#21222D",
  A100: "#1D1E26"
};
var stone = {
  50: "#F8F8F8",
  100: "#EFEFEF",
  200: "#E8E8E8",
  300: "#D9D9D9",
  400: "#D2D2D2",
  500: "#A0A0A0",
  600: "#87888C",
  700: "#2C2D33",
  800: "#1D1E26",
  900: "#171821"
};

// src/theme/index.ts
var theme = {
  background: {
    primary: stone[900],
    secondary: grey[900],
    disabled: grey[800]
  },
  text: {
    primary: "black",
    secondary: stone[200],
    disabled: stone[500]
  },
  action: {
    primary: teal[50],
    secondary: stone[300]
  },
  chatBubble: {
    left: {
      bgColor: grey[900],
      messageColor: stone[200],
      messageTimeColor: "grey",
      replyBorderColor: stone[200]
    },
    right: {
      bgColor: "#474952",
      messageColor: "white",
      messageTimeColor: "grey",
      replyBorderColor: green[900]
    }
  },
  icon: "white",
  divider: stone[700]
};
var theme_default = theme;

// src/contexts/MessageStateContext.tsx
var import_react2 = __toESM(require("react"));
var import_expo_av = require("expo-av");

// src/constants/defaultUser.ts
var defaultUser_default = {
  id: "",
  uid: "",
  username: "",
  firstname: "",
  lastname: "",
  profileUrl: "",
  color: "",
  custom: {}
};

// src/contexts/MessageStateContext.tsx
var initialMessageStateContext = {
  globalTextMessage: "",
  setGlobalTextMessage: () => {
  },
  stickers: [],
  setStickers: () => {
  },
  pendingMessages: [],
  addNewPendingMessages: (message) => {
  },
  removePendingMessage: (messageId) => {
  },
  updatePendingMessage: (messageId, message) => {
  },
  playVoiceMessage: (media) => {
  },
  pauseVoiceMessage: () => {
  },
  resumeVoiceMessage: () => {
  },
  audioState: null,
  unload: () => {
  },
  sound: null,
  activeVoiceMessage: null,
  avPlayBackStatus: null,
  userMeta: defaultUser_default,
  setUserMeta: () => {
  },
  conversationList: [],
  setConversationList: () => {
  }
};
var MessageStateContext = (0, import_react2.createContext)(
  initialMessageStateContext
);

// src/contexts/ChatProvider.tsx
var ConfigContext = (0, import_react3.createContext)({
  theme: theme_default,
  client: null,
  fontFamily: void 0,
  fontScale: 1
});
function useConfig() {
  return (0, import_react3.useContext)(ConfigContext);
}

// src/components/Search.tsx
function Search(props) {
  const { theme: theme2, fontFamily } = useConfig();
  const { value, setValue, placeholder, containerStyle } = props;
  return /* @__PURE__ */ import_react4.default.createElement(
    import_react_native2.View,
    {
      style: {
        paddingHorizontal: 10,
        marginVertical: 10,
        width: "100%",
        ...containerStyle
      }
    },
    /* @__PURE__ */ import_react4.default.createElement(
      import_react_native2.TextInput,
      {
        style: {
          height: 45,
          width: "100%",
          borderWidth: 1,
          borderColor: theme2?.divider,
          borderRadius: 10,
          paddingStart: 10,
          color: theme2?.text.secondary,
          fontFamily
        },
        placeholder,
        placeholderTextColor: "grey",
        value,
        onChangeText: (val) => setValue(val)
      }
    )
  );
}
//# sourceMappingURL=Search.js.map