@woopze/react-native-sdk 0.1.0

package/dist/components/SearchInput.js

@@ -0,0 +1,186 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const placeholderPhrases = ["Ne aramak istedi\u011Finizi yaz\u0131n", "Pantolon", "Etek"];
+const SearchInput = ({
+  query,
+  setQuery,
+  hideHeaderCloseIcon,
+  isResultsMode,
+  clearSearch,
+  onClosePress,
+  mergedTheme
+}) => {
+  const [phraseIndex, setPhraseIndex] = React.useState(0);
+  const [characterCount, setCharacterCount] = React.useState(0);
+  const [showCursor, setShowCursor] = React.useState(true);
+  const [isDeleting, setIsDeleting] = React.useState(false);
+  const [isInputFocused, setIsInputFocused] = React.useState(false);
+  React.useEffect(() => {
+    if (query.length > 0 || isInputFocused) {
+      setShowCursor(false);
+      return;
+    }
+    const cursorInterval = setInterval(() => {
+      setShowCursor((prev) => !prev);
+    }, 500);
+    return () => clearInterval(cursorInterval);
+  }, [isInputFocused, query.length]);
+  const activePhrase = React.useMemo(
+    () => placeholderPhrases[phraseIndex],
+    [phraseIndex]
+  );
+  React.useEffect(() => {
+    if (query.length > 0 || isInputFocused) return;
+    let timeout;
+    if (!isDeleting && characterCount < activePhrase.length) {
+      timeout = setTimeout(() => setCharacterCount((prev) => prev + 1), 65);
+    } else if (!isDeleting && characterCount === activePhrase.length) {
+      timeout = setTimeout(() => setIsDeleting(true), 900);
+    } else if (isDeleting && characterCount > 0) {
+      timeout = setTimeout(() => setCharacterCount((prev) => prev - 1), 45);
+    } else {
+      timeout = setTimeout(() => {
+        setIsDeleting(false);
+        setPhraseIndex((prev) => (prev + 1) % placeholderPhrases.length);
+      }, 260);
+    }
+    return () => clearTimeout(timeout);
+  }, [activePhrase, characterCount, isDeleting, isInputFocused, query.length]);
+  const animatedPlaceholder = `${activePhrase.slice(0, characterCount)}${showCursor ? "|" : ""}`;
+  return /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: styles.searchContainer }, /* @__PURE__ */ React__default.default.createElement(
+    reactNative.View,
+    {
+      style: [
+        styles.searchHeader,
+        {
+          backgroundColor: mergedTheme.inputBackgroundColor,
+          borderBottomColor: mergedTheme.borderColor
+        }
+      ]
+    },
+    /* @__PURE__ */ React__default.default.createElement(
+      reactNative.TextInput,
+      {
+        value: query,
+        onChangeText: setQuery,
+        onFocus: () => setIsInputFocused(true),
+        onBlur: () => setIsInputFocused(false),
+        style: [styles.input, { color: mergedTheme.textPrimaryColor }],
+        placeholder: "",
+        selectionColor: mergedTheme.accentColor,
+        autoCorrect: false,
+        submitBehavior: "blurAndSubmit",
+        returnKeyType: "search"
+      }
+    ),
+    query.length === 0 && !isInputFocused ? /* @__PURE__ */ React__default.default.createElement(
+      reactNative.Text,
+      {
+        pointerEvents: "none",
+        style: [
+          styles.animatedPlaceholder,
+          { color: mergedTheme.mutedTextColor }
+        ]
+      },
+      animatedPlaceholder
+    ) : null,
+    /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: styles.headerActions }, isResultsMode ? /* @__PURE__ */ React__default.default.createElement(reactNative.Pressable, { hitSlop: 10, onPress: clearSearch }, /* @__PURE__ */ React__default.default.createElement(
+      reactNative.Text,
+      {
+        style: [
+          styles.clearText,
+          { color: mergedTheme.buttonTextColor }
+        ]
+      },
+      "Temizle"
+    )) : /* @__PURE__ */ React__default.default.createElement(reactNative.Pressable, { hitSlop: 10 }, /* @__PURE__ */ React__default.default.createElement(
+      reactNative.Image,
+      {
+        source: require("../assets/search-icon.png"),
+        style: [
+          styles.headerIcon,
+          { tintColor: mergedTheme.iconTintColor }
+        ]
+      }
+    )))
+  ), !hideHeaderCloseIcon ? /* @__PURE__ */ React__default.default.createElement(reactNative.Pressable, { style: styles.closeButtonContainer, onPress: onClosePress }, /* @__PURE__ */ React__default.default.createElement(
+    reactNative.Image,
+    {
+      source: require("../assets/close-icon.png"),
+      style: [
+        styles.closeButton,
+        { tintColor: mergedTheme.iconTintColor }
+      ]
+    }
+  )) : null);
+};
+const styles = reactNative.StyleSheet.create({
+  searchContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  searchHeader: {
+    height: 46,
+    flex: 1,
+    backgroundColor: "#efefef",
+    borderBottomWidth: 1,
+    borderBottomColor: "#1f1f1f",
+    justifyContent: "center",
+    paddingLeft: 8,
+    paddingRight: 12
+  },
+  input: {
+    color: "#111",
+    fontSize: 15,
+    height: 44,
+    padding: 0,
+    paddingRight: 90,
+    fontFamily: "System"
+  },
+  animatedPlaceholder: {
+    position: "absolute",
+    left: 8,
+    top: 13,
+    color: "#6f6f6f",
+    fontSize: 14
+  },
+  closeButtonContainer: {
+    width: 18,
+    height: 18,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  clearText: {
+    color: "#6a6a6a",
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  closeButton: {
+    width: 14,
+    height: 14
+  },
+  headerActions: {
+    position: "absolute",
+    right: 12,
+    flexDirection: "row",
+    gap: 14,
+    alignItems: "center"
+  },
+  headerIcon: {
+    width: 20,
+    height: 20
+  }
+});
+var SearchInput_default = SearchInput;
+
+module.exports = SearchInput_default;
+//# sourceMappingURL=SearchInput.js.map
+//# sourceMappingURL=SearchInput.js.map

package/dist/components/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/SearchInput.tsx"],"names":["useState","useEffect","useMemo","React","View","TextInput","Text","Pressable","Image","StyleSheet"],"mappings":"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","file":"SearchInput.js","sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport {\n  Image,\n  Text,\n  View,\n  StyleSheet,\n  TextInput,\n  Pressable,\n} from \"react-native\";\nimport { WoopzeSearchTheme } from \"../search\";\n\nconst placeholderPhrases = [\"Ne aramak istediğinizi yazın\", \"Pantolon\", \"Etek\"];\n\ntype Props = {\n  query: string;\n  setQuery: (query: string) => void;\n  hideHeaderCloseIcon: boolean;\n  isResultsMode: boolean;\n  clearSearch: () => void;\n  onClosePress: (() => void) | undefined;\n  mergedTheme: WoopzeSearchTheme;\n};\n\nconst SearchInput = ({\n  query,\n  setQuery,\n  hideHeaderCloseIcon,\n  isResultsMode,\n  clearSearch,\n  onClosePress,\n  mergedTheme,\n}: Props) => {\n  const [phraseIndex, setPhraseIndex] = useState(0);\n  const [characterCount, setCharacterCount] = useState(0);\n  const [showCursor, setShowCursor] = useState(true);\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [isInputFocused, setIsInputFocused] = useState(false);\n\n  useEffect(() => {\n    if (query.length > 0 || isInputFocused) {\n      setShowCursor(false);\n      return;\n    }\n\n    const cursorInterval = setInterval(() => {\n      setShowCursor((prev) => !prev);\n    }, 500);\n    return () => clearInterval(cursorInterval);\n  }, [isInputFocused, query.length]);\n\n  const activePhrase = useMemo(\n    () => placeholderPhrases[phraseIndex],\n    [phraseIndex],\n  );\n\n  useEffect(() => {\n    if (query.length > 0 || isInputFocused) return;\n\n    let timeout: ReturnType<typeof setTimeout>;\n\n    if (!isDeleting && characterCount < activePhrase.length) {\n      timeout = setTimeout(() => setCharacterCount((prev) => prev + 1), 65);\n    } else if (!isDeleting && characterCount === activePhrase.length) {\n      timeout = setTimeout(() => setIsDeleting(true), 900);\n    } else if (isDeleting && characterCount > 0) {\n      timeout = setTimeout(() => setCharacterCount((prev) => prev - 1), 45);\n    } else {\n      timeout = setTimeout(() => {\n        setIsDeleting(false);\n        setPhraseIndex((prev) => (prev + 1) % placeholderPhrases.length);\n      }, 260);\n    }\n\n    return () => clearTimeout(timeout);\n  }, [activePhrase, characterCount, isDeleting, isInputFocused, query.length]);\n\n  const animatedPlaceholder = `${activePhrase.slice(0, characterCount)}${showCursor ? \"|\" : \"\"}`;\n  return (\n    <View style={styles.searchContainer}>\n      <View\n        style={[\n          styles.searchHeader,\n          {\n            backgroundColor: mergedTheme.inputBackgroundColor,\n            borderBottomColor: mergedTheme.borderColor,\n          },\n        ]}\n      >\n        <TextInput\n          value={query}\n          onChangeText={setQuery}\n          onFocus={() => setIsInputFocused(true)}\n          onBlur={() => setIsInputFocused(false)}\n          style={[styles.input, { color: mergedTheme.textPrimaryColor }]}\n          placeholder=\"\"\n          selectionColor={mergedTheme.accentColor}\n          autoCorrect={false}\n          submitBehavior=\"blurAndSubmit\"\n          returnKeyType=\"search\"\n        />\n        {query.length === 0 && !isInputFocused ? (\n          <Text\n            pointerEvents=\"none\"\n            style={[\n              styles.animatedPlaceholder,\n              { color: mergedTheme.mutedTextColor },\n            ]}\n          >\n            {animatedPlaceholder}\n          </Text>\n        ) : null}\n        <View style={styles.headerActions}>\n          {isResultsMode ? (\n            <Pressable hitSlop={10} onPress={clearSearch}>\n              <Text\n                style={[\n                  styles.clearText,\n                  { color: mergedTheme.buttonTextColor },\n                ]}\n              >\n                Temizle\n              </Text>\n            </Pressable>\n          ) : (\n            <Pressable hitSlop={10}>\n              <Image\n                source={require(\"../assets/search-icon.png\")}\n                style={[\n                  styles.headerIcon,\n                  { tintColor: mergedTheme.iconTintColor },\n                ]}\n              />\n            </Pressable>\n          )}\n        </View>\n      </View>\n\n      {!hideHeaderCloseIcon ? (\n        <Pressable style={styles.closeButtonContainer} onPress={onClosePress}>\n          <Image\n            source={require(\"../assets/close-icon.png\")}\n            style={[\n              styles.closeButton,\n              { tintColor: mergedTheme.iconTintColor },\n            ]}\n          />\n        </Pressable>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  searchContainer: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    gap: 12,\n  },\n  searchHeader: {\n    height: 46,\n    flex: 1,\n    backgroundColor: \"#efefef\",\n    borderBottomWidth: 1,\n    borderBottomColor: \"#1f1f1f\",\n    justifyContent: \"center\",\n    paddingLeft: 8,\n    paddingRight: 12,\n  },\n  input: {\n    color: \"#111\",\n    fontSize: 15,\n    height: 44,\n    padding: 0,\n    paddingRight: 90,\n    fontFamily: \"System\",\n  },\n  animatedPlaceholder: {\n    position: \"absolute\",\n    left: 8,\n    top: 13,\n    color: \"#6f6f6f\",\n    fontSize: 14,\n  },\n  closeButtonContainer: {\n    width: 18,\n    height: 18,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  clearText: {\n    color: \"#6a6a6a\",\n    fontSize: 13,\n    fontWeight: \"600\",\n  },\n  closeButton: {\n    width: 14,\n    height: 14,\n  },\n  headerActions: {\n    position: \"absolute\",\n    right: 12,\n    flexDirection: \"row\",\n    gap: 14,\n    alignItems: \"center\",\n  },\n  headerIcon: {\n    width: 20,\n    height: 20,\n  },\n});\n\nexport default SearchInput;\n"]}

package/dist/constants.d.ts

@@ -0,0 +1,7 @@
+declare const TRACK_ENDPOINT = "https://api.woopze.com/api/tracking/event";
+declare const fetchVisualSearch: ({ apiKey, model_code, }: {
+    apiKey: string;
+    model_code: string;
+}) => Promise<any>;
+
+export { TRACK_ENDPOINT, fetchVisualSearch };

package/dist/constants.js

@@ -0,0 +1,31 @@
+'use strict';
+
+const TRACK_ENDPOINT = "https://api.woopze.com/api/tracking/event";
+const fetchVisualSearch = async ({
+  apiKey,
+  model_code
+}) => {
+  const response = await fetch(
+    "https://app.woopze.com/service/modules/mod_36/visual-search",
+    {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        Accept: "application/json"
+      },
+      body: JSON.stringify({
+        apiKey,
+        model_code
+      })
+    }
+  );
+  if (!response.ok) {
+    throw new Error(`Request failed: ${response.status}`);
+  }
+  return await response.json();
+};
+
+exports.TRACK_ENDPOINT = TRACK_ENDPOINT;
+exports.fetchVisualSearch = fetchVisualSearch;
+//# sourceMappingURL=constants.js.map
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/constants.ts"],"names":[],"mappings":";;AAAO,MAAM,cAAA,GAAiB;AAE9B,MAAM,oBAAoB,OAAO;AAAA,EAC/B,MAAA;AAAA,EACA;AACF,CAAA,KAGM;AACJ,EAAA,MAAM,WAAW,MAAM,KAAA;AAAA,IACrB,6DAAA;AAAA,IACA;AAAA,MACE,MAAA,EAAQ,MAAA;AAAA,MACR,OAAA,EAAS;AAAA,QACP,cAAA,EAAgB,kBAAA;AAAA,QAChB,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,IAAA,EAAM,KAAK,SAAA,CAAU;AAAA,QACnB,MAAA;AAAA,QACA;AAAA,OACD;AAAA;AACH,GACF;AAEA,EAAA,IAAI,CAAC,SAAS,EAAA,EAAI;AAChB,IAAA,MAAM,IAAI,KAAA,CAAM,CAAA,gBAAA,EAAmB,QAAA,CAAS,MAAM,CAAA,CAAE,CAAA;AAAA,EACtD;AAEA,EAAA,OAAO,MAAM,SAAS,IAAA,EAAK;AAC7B","file":"constants.js","sourcesContent":["export const TRACK_ENDPOINT = \"https://api.woopze.com/api/tracking/event\";\n\nconst fetchVisualSearch = async ({\n  apiKey,\n  model_code,\n}: {\n  apiKey: string;\n  model_code: string;\n}) => {\n  const response = await fetch(\n    \"https://app.woopze.com/service/modules/mod_36/visual-search\",\n    {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n      body: JSON.stringify({\n        apiKey,\n        model_code,\n      }),\n    },\n  );\n\n  if (!response.ok) {\n    throw new Error(`Request failed: ${response.status}`);\n  }\n\n  return await response.json();\n};\n\nexport { fetchVisualSearch };\n"]}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import WoopzeSearchScreen from './search/index.js';
+export { WoopzeSearchProps, WoopzeSearchTheme } from './search/index.js';
+import { trackEvent, initializeFunc } from './tracking.js';
+export { WoopzeEventBody, WoopzeInitialize } from './tracking.js';
+import 'react-native';
+
+declare const Woopze: {
+    Search: typeof WoopzeSearchScreen;
+    track: typeof trackEvent;
+    initialize: typeof initializeFunc;
+    Comments: ({ apiKey, modelCode }: {
+        apiKey: string;
+        modelCode: string;
+    }) => React.JSX.Element | null;
+};
+
+export { Woopze as default };

package/dist/index.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var Search = require('./search');
+var tracking = require('./tracking');
+var Comments = require('./comments');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Search__default = /*#__PURE__*/_interopDefault(Search);
+var Comments__default = /*#__PURE__*/_interopDefault(Comments);
+
+const Woopze = {
+  Search: Search__default.default,
+  track: tracking.trackEvent,
+  initialize: tracking.initializeFunc,
+  Comments: Comments__default.default
+};
+var index_default = Woopze;
+
+module.exports = index_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":["Search","trackEvent","initializeFunc","Comments"],"mappings":";;;;;;;;;;;AAOA,MAAM,MAAA,GAAS;AAAA,UACbA,uBAAA;AAAA,EACA,KAAA,EAAOC,mBAAA;AAAA,EACP,UAAA,EAAYC,uBAAA;AAAA,YACZC;AACF,CAAA;AAEA,IAAO,aAAA,GAAQ","file":"index.js","sourcesContent":["import Search from \"./search\";\nimport { initializeFunc, trackEvent } from \"./tracking\";\nimport Comments from \"./comments\";\n\nexport type { WoopzeEventBody, WoopzeInitialize } from \"./tracking\";\nexport type { WoopzeSearchProps, WoopzeSearchTheme } from \"./search\";\n\nconst Woopze = {\n  Search,\n  track: trackEvent,\n  initialize: initializeFunc,\n  Comments,\n};\n\nexport default Woopze;\n"]}

package/dist/search/FilterModal.d.ts

@@ -0,0 +1,28 @@
+import React__default from 'react';
+
+type FacetConfigItem = {
+    type: string;
+    label: string;
+    order: number;
+    visible: boolean;
+};
+type AppliedFilters = {
+    categories: string[];
+    facets: Record<string, string[]>;
+    minPrice: number | null;
+    maxPrice: number | null;
+};
+type FilterModalProps = {
+    visible: boolean;
+    onClose: () => void;
+    facetDistribution: Record<string, Record<string, number>>;
+    facetConfig: Record<string, FacetConfigItem>;
+    defaultMinPrice: number;
+    defaultMaxPrice: number;
+    appliedFilters: AppliedFilters;
+    onApply: (filters: AppliedFilters) => void;
+    onReset: () => void;
+};
+declare function FilterModal({ visible, onClose, facetDistribution, facetConfig, defaultMinPrice, defaultMaxPrice, appliedFilters, onApply, onReset, }: FilterModalProps): React__default.JSX.Element;
+
+export { type AppliedFilters, FilterModal as default };