@woopze/react-native-sdk 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Woopze
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,66 @@
+# @woopze/react-native-sdk
+
+React Native SDK package for Woopze projects.
+
+## Installation
+
+```bash
+npm install @woopze/react-native-sdk
+```
+
+## Usage
+
+```ts
+import Woopze from '@woopze/react-native-sdk';
+
+// Optional: configure globally for tracking calls outside Search
+Woopze.configure({
+  apiKey: 'YOUR_API_KEY',
+  uid: 'DEVICE_ID_OR_MEMBER_ID',
+  originDomain: 'www.setrms.com',
+});
+
+// Search component (required: apiKey, uid, originDomain)
+<Woopze.Search
+  apiKey="YOUR_API_KEY"
+  uid="DEVICE_ID_OR_MEMBER_ID"
+  originDomain="www.setrms.com"
+  onProductPressed={({id, url}) => {
+    console.log(id, url);
+  }}
+  hideHeaderCloseIcon
+  hideRecentSearchCloseIcon
+  theme={{
+    backgroundColor: '#fff',
+    inputBackgroundColor: '#f4f4f4',
+    chipBackgroundColor: '#ececec',
+    buttonTextColor: '#4f4f4f',
+    accentColor: '#111',
+    iconTintColor: '#111',
+  }}
+/>;
+
+// Event tracking
+await Woopze.track(
+  'view',
+  {
+  category_id: 54024,
+  category_name: 'Kaban & Manto',
+  },
+  'category',
+);
+```
+
+## Development
+
+```bash
+npm install
+npm run build
+npm run dev
+```
+
+## Publish
+
+```bash
+npm publish --access public
+```

package/dist/assets/cam-icon.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/assets/cam-icon.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var cam_icon_default = "../cam-icon-II34AEJC.png";
+
+module.exports = cam_icon_default;
+//# sourceMappingURL=cam-icon.js.map
+//# sourceMappingURL=cam-icon.js.map

package/dist/assets/cam-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"cam-icon.js"}

package/dist/assets/chevron-icon.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/assets/chevron-icon.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var chevron_icon_default = "../chevron-icon-7YWXX66A.png";
+
+module.exports = chevron_icon_default;
+//# sourceMappingURL=chevron-icon.js.map
+//# sourceMappingURL=chevron-icon.js.map

package/dist/assets/chevron-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chevron-icon.js"}

package/dist/assets/close-icon.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/assets/close-icon.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var close_icon_default = "../close-icon-VE65QPHD.png";
+
+module.exports = close_icon_default;
+//# sourceMappingURL=close-icon.js.map
+//# sourceMappingURL=close-icon.js.map

package/dist/assets/close-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"close-icon.js"}

package/dist/assets/filter-icon.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/assets/filter-icon.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var filter_icon_default = "../filter-icon-TNVJNKA2.png";
+
+module.exports = filter_icon_default;
+//# sourceMappingURL=filter-icon.js.map
+//# sourceMappingURL=filter-icon.js.map

package/dist/assets/filter-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"filter-icon.js"}

package/dist/assets/search-icon.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/assets/search-icon.js

@@ -0,0 +1,7 @@
+'use strict';
+
+var search_icon_default = "../search-icon-6SVD6L4Q.png";
+
+module.exports = search_icon_default;
+//# sourceMappingURL=search-icon.js.map
+//# sourceMappingURL=search-icon.js.map

package/dist/assets/search-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"search-icon.js"}

package/dist/comments/AllCommentsModal.d.ts

@@ -0,0 +1,11 @@
+import React__default from 'react';
+
+type Props = {
+    visible: boolean;
+    onClose: () => void;
+    apiKey: string;
+    modelCode: string;
+};
+declare const AllCommentsModal: ({ visible, onClose, apiKey, modelCode }: Props) => React__default.JSX.Element;
+
+export { AllCommentsModal as default };

package/dist/comments/AllCommentsModal.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var reactNative = require('react-native');
+var WebView = require('react-native-webview');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var WebView__default = /*#__PURE__*/_interopDefault(WebView);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const AllCommentsModal = ({ visible, onClose, apiKey, modelCode }) => {
+  return /* @__PURE__ */ React__default.default.createElement(reactNative.Modal, { presentationStyle: "fullScreen", visible }, /* @__PURE__ */ React__default.default.createElement(reactNative.SafeAreaView, { style: { flex: 1 } }, /* @__PURE__ */ React__default.default.createElement(
+    reactNative.View,
+    {
+      style: {
+        paddingHorizontal: 16,
+        paddingVertical: 10,
+        paddingBottom: 16,
+        borderBottomWidth: 1,
+        borderBottomColor: "#efefef"
+      }
+    },
+    /* @__PURE__ */ React__default.default.createElement(
+      reactNative.TouchableOpacity,
+      {
+        activeOpacity: 0.8,
+        onPress: onClose,
+        style: {
+          alignItems: "center",
+          gap: 12,
+          flexDirection: "row"
+        }
+      },
+      /* @__PURE__ */ React__default.default.createElement(
+        reactNative.Image,
+        {
+          source: require("../assets/chevron-icon.png"),
+          style: {
+            transform: [{ rotateZ: "90deg" }],
+            height: 12,
+            width: 12
+          }
+        }
+      ),
+      /* @__PURE__ */ React__default.default.createElement(reactNative.Text, { style: { fontSize: 14 } }, "Geri D\xF6n")
+    )
+  ), /* @__PURE__ */ React__default.default.createElement(
+    reactNative.View,
+    {
+      style: {
+        flex: 1,
+        backgroundColor: "red"
+      }
+    },
+    /* @__PURE__ */ React__default.default.createElement(
+      WebView__default.default,
+      {
+        source: {
+          uri: `https://cdn.woopze.com/widgets/reviews-modal.html?apikey=${apiKey}&model_code=${modelCode}`
+        },
+        style: {
+          height: "100%",
+          width: "100%"
+        },
+        injectedJavaScript: `
+        document.body.style.overflow = 'auto';
+        document.documentElement.style.overflow = 'auto';
+        true;
+      `,
+        scrollEnabled: true,
+        nestedScrollEnabled: true,
+        setBuiltInZoomControls: false,
+        setDisplayZoomControls: false,
+        scalesPageToFit: false
+      }
+    )
+  )));
+};
+var AllCommentsModal_default = AllCommentsModal;
+
+module.exports = AllCommentsModal_default;
+//# sourceMappingURL=AllCommentsModal.js.map
+//# sourceMappingURL=AllCommentsModal.js.map

package/dist/comments/AllCommentsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/comments/AllCommentsModal.tsx"],"names":["React","Modal","SafeAreaView","View","TouchableOpacity","Image","Text","WebView"],"mappings":";;;;;;;;;;;AAkBA,MAAM,mBAAmB,CAAC,EAAE,SAAS,OAAA,EAAS,MAAA,EAAQ,WAAU,KAAa;AAC3E,EAAA,uBACEA,sBAAA,CAAA,aAAA,CAACC,iBAAA,EAAA,EAAM,iBAAA,EAAkB,YAAA,EAAa,OAAA,EAAA,kBACpCD,sBAAA,CAAA,aAAA,CAACE,wBAAA,EAAA,EAAa,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAE,EAAA,kBAC7BF,sBAAA,CAAA,aAAA;AAAA,IAACG,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,iBAAA,EAAmB,EAAA;AAAA,QACnB,eAAA,EAAiB,EAAA;AAAA,QACjB,aAAA,EAAe,EAAA;AAAA,QACf,iBAAA,EAAmB,CAAA;AAAA,QACnB,iBAAA,EAAmB;AAAA;AACrB,KAAA;AAAA,oBAEAH,sBAAA,CAAA,aAAA;AAAA,MAACI,4BAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAe,GAAA;AAAA,QACf,OAAA,EAAS,OAAA;AAAA,QACT,KAAA,EAAO;AAAA,UACL,UAAA,EAAY,QAAA;AAAA,UACZ,GAAA,EAAK,EAAA;AAAA,UACL,aAAA,EAAe;AAAA;AACjB,OAAA;AAAA,sBAEAJ,sBAAA,CAAA,aAAA;AAAA,QAACK,iBAAA;AAAA,QAAA;AAAA,UACC,MAAA,EAAQ,QAAQ,4BAA4B,CAAA;AAAA,UAC5C,KAAA,EAAO;AAAA,YACL,SAAA,EAAW,CAAC,EAAE,OAAA,EAAS,SAAS,CAAA;AAAA,YAChC,MAAA,EAAQ,EAAA;AAAA,YACR,KAAA,EAAO;AAAA;AACT;AAAA,OACF;AAAA,2DACCC,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,QAAA,EAAU,EAAA,MAAM,aAAQ;AAAA;AACzC,GACF,kBACAN,sBAAA,CAAA,aAAA;AAAA,IAACG,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,CAAA;AAAA,QACN,eAAA,EAAiB;AAAA;AACnB,KAAA;AAAA,oBAEAH,sBAAA,CAAA,aAAA;AAAA,MAACO,wBAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ;AAAA,UACN,GAAA,EAAK,CAAA,yDAAA,EAA4D,MAAM,CAAA,YAAA,EAAe,SAAS,CAAA;AAAA,SACjG;AAAA,QACA,KAAA,EAAO;AAAA,UACL,MAAA,EAAQ,MAAA;AAAA,UACR,KAAA,EAAO;AAAA,SACT;AAAA,QACA,kBAAA,EAAoB;AAAA;AAAA;AAAA;AAAA,MAAA,CAAA;AAAA,QAKpB,aAAA,EAAa,IAAA;AAAA,QACb,mBAAA,EAAmB,IAAA;AAAA,QACnB,sBAAA,EAAwB,KAAA;AAAA,QACxB,sBAAA,EAAwB,KAAA;AAAA,QACxB,eAAA,EAAiB;AAAA;AAAA;AACnB,GAEJ,CACF,CAAA;AAEJ,CAAA;AAEA,IAAO,wBAAA,GAAQ","file":"AllCommentsModal.js","sourcesContent":["import {\n  Image,\n  Modal,\n  SafeAreaView,\n  Text,\n  TouchableOpacity,\n  View,\n} from \"react-native\";\nimport WebView from \"react-native-webview\";\nimport React from \"react\";\n\ntype Props = {\n  visible: boolean;\n  onClose: () => void;\n  apiKey: string;\n  modelCode: string;\n};\n\nconst AllCommentsModal = ({ visible, onClose, apiKey, modelCode }: Props) => {\n  return (\n    <Modal presentationStyle=\"fullScreen\" visible={visible}>\n      <SafeAreaView style={{ flex: 1 }}>\n        <View\n          style={{\n            paddingHorizontal: 16,\n            paddingVertical: 10,\n            paddingBottom: 16,\n            borderBottomWidth: 1,\n            borderBottomColor: \"#efefef\",\n          }}\n        >\n          <TouchableOpacity\n            activeOpacity={0.8}\n            onPress={onClose}\n            style={{\n              alignItems: \"center\",\n              gap: 12,\n              flexDirection: \"row\",\n            }}\n          >\n            <Image\n              source={require(\"../assets/chevron-icon.png\")}\n              style={{\n                transform: [{ rotateZ: \"90deg\" }],\n                height: 12,\n                width: 12,\n              }}\n            />\n            <Text style={{ fontSize: 14 }}>Geri Dön</Text>\n          </TouchableOpacity>\n        </View>\n        <View\n          style={{\n            flex: 1,\n            backgroundColor: \"red\",\n          }}\n        >\n          <WebView\n            source={{\n              uri: `https://cdn.woopze.com/widgets/reviews-modal.html?apikey=${apiKey}&model_code=${modelCode}`,\n            }}\n            style={{\n              height: \"100%\",\n              width: \"100%\",\n            }}\n            injectedJavaScript={`\n        document.body.style.overflow = 'auto';\n        document.documentElement.style.overflow = 'auto';\n        true;\n      `}\n            scrollEnabled\n            nestedScrollEnabled\n            setBuiltInZoomControls={false}\n            setDisplayZoomControls={false}\n            scalesPageToFit={false}\n          />\n        </View>\n      </SafeAreaView>\n    </Modal>\n  );\n};\n\nexport default AllCommentsModal;\n"]}

package/dist/comments/index.d.ts

@@ -0,0 +1,9 @@
+import React__default from 'react';
+
+type WoopzeCommentsProps = {
+    apiKey: string;
+    modelCode: string;
+};
+declare const Comments: ({ apiKey, modelCode }: WoopzeCommentsProps) => React__default.JSX.Element | null;
+
+export { Comments as default };

package/dist/comments/index.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var React = require('react');
+var reactNative = require('react-native');
+var WebView = require('react-native-webview');
+var AllCommentsModal = require('./AllCommentsModal');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+var WebView__default = /*#__PURE__*/_interopDefault(WebView);
+var AllCommentsModal__default = /*#__PURE__*/_interopDefault(AllCommentsModal);
+
+const Comments = ({ apiKey, modelCode }) => {
+  const [isShowAllComments, setIsShowAllComments] = React.useState(false);
+  if (!apiKey || !modelCode) {
+    return null;
+  }
+  return /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: { width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(
+    AllCommentsModal__default.default,
+    {
+      visible: isShowAllComments,
+      onClose: () => setIsShowAllComments(false),
+      apiKey,
+      modelCode
+    }
+  ), /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: { height: 350, width: "100%" } }, /* @__PURE__ */ React__default.default.createElement(
+    WebView__default.default,
+    {
+      source: {
+        uri: `https://cdn.woopze.com/widgets/reviews-slider.html?apikey=${apiKey}&model_code=${modelCode}`
+      },
+      style: { flex: 1 }
+    }
+  )), /* @__PURE__ */ React__default.default.createElement(
+    reactNative.View,
+    {
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingBottom: 16,
+        width: "100%"
+      }
+    },
+    /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: { flex: 1, height: 1, backgroundColor: "#efefef" } }),
+    /* @__PURE__ */ React__default.default.createElement(
+      reactNative.TouchableOpacity,
+      {
+        activeOpacity: 0.8,
+        onPress: () => setIsShowAllComments(true),
+        style: {
+          backgroundColor: "#efefef",
+          borderRadius: 26,
+          paddingVertical: 8,
+          paddingHorizontal: 16
+        }
+      },
+      /* @__PURE__ */ React__default.default.createElement(reactNative.Text, { style: { marginHorizontal: 8, fontWeight: "500" } }, "T\xDCM YORUMLARI G\xD6R")
+    ),
+    /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: { flex: 1, height: 1, backgroundColor: "#efefef" } })
+  ));
+};
+var comments_default = Comments;
+
+module.exports = comments_default;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/comments/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/comments/index.tsx"],"names":["useState","View","React","AllCommentsModal","WebView","TouchableOpacity","Text"],"mappings":";;;;;;;;;;;;;AAiBA,MAAM,QAAA,GAAW,CAAC,EAAE,MAAA,EAAQ,WAAU,KAA2B;AAC/D,EAAA,MAAM,CAAC,iBAAA,EAAmB,oBAAoB,CAAA,GAAIA,eAAS,KAAK,CAAA;AAChE,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,SAAA,EAAW;AACzB,IAAA,OAAO,IAAA;AAAA,EACT;AAEA,EAAA,4DACGC,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,KAAA,EAAO,QAAO,EAAA,kBAC3BC,sBAAA,CAAA,aAAA;AAAA,IAACC,iCAAA;AAAA,IAAA;AAAA,MACC,OAAA,EAAS,iBAAA;AAAA,MACT,OAAA,EAAS,MAAM,oBAAA,CAAqB,KAAK,CAAA;AAAA,MACzC,MAAA;AAAA,MACA;AAAA;AAAA,GACF,uDAECF,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,MAAA,EAAQ,GAAA,EAAK,KAAA,EAAO,MAAA,EAAO,EAAA,kBACxCC,sBAAA,CAAA,aAAA;AAAA,IAACE,wBAAA;AAAA,IAAA;AAAA,MACC,MAAA,EAAQ;AAAA,QACN,GAAA,EAAK,CAAA,0DAAA,EAA6D,MAAM,CAAA,YAAA,EAAe,SAAS,CAAA;AAAA,OAClG;AAAA,MACA,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA;AAAE;AAAA,GAErB,CAAA,kBAEAF,sBAAA,CAAA,aAAA;AAAA,IAACD,gBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,aAAA,EAAe,KAAA;AAAA,QACf,UAAA,EAAY,QAAA;AAAA,QACZ,aAAA,EAAe,EAAA;AAAA,QACf,KAAA,EAAO;AAAA;AACT,KAAA;AAAA,oBAEAC,sBAAA,CAAA,aAAA,CAACD,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,IAAA,EAAM,GAAG,MAAA,EAAQ,CAAA,EAAG,eAAA,EAAiB,SAAA,EAAU,EAAG,CAAA;AAAA,oBAEjEC,sBAAA,CAAA,aAAA;AAAA,MAACG,4BAAA;AAAA,MAAA;AAAA,QACC,aAAA,EAAe,GAAA;AAAA,QACf,OAAA,EAAS,MAAM,oBAAA,CAAqB,IAAI,CAAA;AAAA,QACxC,KAAA,EAAO;AAAA,UACL,eAAA,EAAiB,SAAA;AAAA,UACjB,YAAA,EAAc,EAAA;AAAA,UACd,eAAA,EAAiB,CAAA;AAAA,UACjB,iBAAA,EAAmB;AAAA;AACrB,OAAA;AAAA,sBAEAH,sBAAA,CAAA,aAAA,CAACI,oBAAK,KAAA,EAAO,EAAE,kBAAkB,CAAA,EAAG,UAAA,EAAY,KAAA,EAAM,EAAA,EAAG,yBAEzD;AAAA,KACF;AAAA,oBAEAJ,sBAAA,CAAA,aAAA,CAACD,gBAAA,EAAA,EAAK,KAAA,EAAO,EAAE,IAAA,EAAM,GAAG,MAAA,EAAQ,CAAA,EAAG,eAAA,EAAiB,SAAA,EAAU,EAAG;AAAA,GAErE,CAAA;AAEJ,CAAA;AAEA,IAAO,gBAAA,GAAQ","file":"index.js","sourcesContent":["import React, { useState } from \"react\";\nimport {\n  Image,\n  Modal,\n  Text,\n  TouchableOpacity,\n  View,\n  SafeAreaView,\n} from \"react-native\";\nimport WebView from \"react-native-webview\";\nimport AllCommentsModal from \"./AllCommentsModal\";\n\ntype WoopzeCommentsProps = {\n  apiKey: string;\n  modelCode: string;\n};\n\nconst Comments = ({ apiKey, modelCode }: WoopzeCommentsProps) => {\n  const [isShowAllComments, setIsShowAllComments] = useState(false);\n  if (!apiKey || !modelCode) {\n    return null;\n  }\n\n  return (\n    <View style={{ width: \"100%\" }}>\n      <AllCommentsModal\n        visible={isShowAllComments}\n        onClose={() => setIsShowAllComments(false)}\n        apiKey={apiKey}\n        modelCode={modelCode}\n      />\n\n      <View style={{ height: 350, width: \"100%\" }}>\n        <WebView\n          source={{\n            uri: `https://cdn.woopze.com/widgets/reviews-slider.html?apikey=${apiKey}&model_code=${modelCode}`,\n          }}\n          style={{ flex: 1 }}\n        />\n      </View>\n\n      <View\n        style={{\n          flexDirection: \"row\",\n          alignItems: \"center\",\n          paddingBottom: 16,\n          width: \"100%\",\n        }}\n      >\n        <View style={{ flex: 1, height: 1, backgroundColor: \"#efefef\" }} />\n\n        <TouchableOpacity\n          activeOpacity={0.8}\n          onPress={() => setIsShowAllComments(true)}\n          style={{\n            backgroundColor: \"#efefef\",\n            borderRadius: 26,\n            paddingVertical: 8,\n            paddingHorizontal: 16,\n          }}\n        >\n          <Text style={{ marginHorizontal: 8, fontWeight: \"500\" }}>\n            TÜM YORUMLARI GÖR\n          </Text>\n        </TouchableOpacity>\n\n        <View style={{ flex: 1, height: 1, backgroundColor: \"#efefef\" }} />\n      </View>\n    </View>\n  );\n};\n\nexport default Comments;\n"]}

package/dist/components/ProductCard.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { WoopzeSearchTheme } from '../search/index.js';
+import { ProductItem } from '../types.js';
+import 'react-native';
+
+declare function ProductCard({ item, onProductPress, onVisualSearchPress, theme, }: {
+    item: ProductItem;
+    onProductPress: (product: {
+        id: string;
+        url: string;
+    }) => void;
+    onVisualSearchPress: () => void;
+    theme: WoopzeSearchTheme;
+}): React__default.JSX.Element;
+
+export { ProductCard as default };

package/dist/components/ProductCard.js

@@ -0,0 +1,123 @@
+'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);
+
+function ProductCard({
+  item,
+  onProductPress,
+  onVisualSearchPress,
+  theme
+}) {
+  return /* @__PURE__ */ React__default.default.createElement(
+    reactNative.TouchableOpacity,
+    {
+      activeOpacity: 0.7,
+      onPress: () => onProductPress({ id: item.ids[0], url: item.url }),
+      style: styles.card
+    },
+    /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: styles.imageWrap }, /* @__PURE__ */ React__default.default.createElement(
+      reactNative.Image,
+      {
+        source: { uri: item.imageUrl },
+        resizeMode: "contain",
+        style: styles.image
+      }
+    ), item.photo_embedding ? /* @__PURE__ */ React__default.default.createElement(
+      reactNative.TouchableOpacity,
+      {
+        activeOpacity: 0.7,
+        style: [
+          styles.cameraButton,
+          { backgroundColor: theme.cameraButtonBackgroundColor }
+        ],
+        onPress: onVisualSearchPress
+      },
+      /* @__PURE__ */ React__default.default.createElement(
+        reactNative.Image,
+        {
+          source: require("../assets/cam-icon.png"),
+          style: styles.cameraIcon
+        }
+      )
+    ) : null),
+    /* @__PURE__ */ React__default.default.createElement(
+      reactNative.Text,
+      {
+        numberOfLines: 1,
+        style: [styles.productTitle, { color: theme.accentColor }]
+      },
+      item.title
+    ),
+    /* @__PURE__ */ React__default.default.createElement(reactNative.View, { style: styles.priceRow }, item.oldPrice ? /* @__PURE__ */ React__default.default.createElement(reactNative.Text, { style: styles.oldPrice }, item.oldPrice) : null, item.discount ? /* @__PURE__ */ React__default.default.createElement(reactNative.Text, { style: [styles.discount, { color: theme.dangerColor }] }, item.discount) : null, /* @__PURE__ */ React__default.default.createElement(reactNative.Text, { style: [styles.newPrice, { color: theme.accentColor }] }, item.newPrice))
+  );
+}
+const styles = reactNative.StyleSheet.create({
+  card: {
+    width: "48.3%"
+  },
+  image: {
+    width: "100%",
+    height: "100%"
+  },
+  newPrice: {
+    fontSize: 12,
+    color: "#000",
+    fontWeight: "600"
+  },
+  imageWrap: {
+    width: "100%",
+    aspectRatio: 0.65
+  },
+  cameraButton: {
+    position: "absolute",
+    top: 8,
+    right: 8,
+    width: 28,
+    height: 28,
+    borderRadius: 24,
+    backgroundColor: "#fff",
+    alignItems: "center",
+    justifyContent: "center",
+    shadowColor: "#000",
+    shadowOpacity: 0.15,
+    shadowRadius: 6,
+    shadowOffset: { width: 0, height: 2 },
+    elevation: 3
+  },
+  cameraIcon: {
+    width: 20,
+    height: 20
+  },
+  productTitle: {
+    fontSize: 12,
+    color: "#000",
+    marginTop: 8
+  },
+  priceRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    flexWrap: "wrap",
+    gap: 4,
+    marginTop: 6
+  },
+  oldPrice: {
+    fontSize: 12,
+    color: "#767676",
+    textDecorationLine: "line-through"
+  },
+  discount: {
+    fontSize: 12,
+    color: "#ff0000",
+    fontWeight: "700"
+  }
+});
+var ProductCard_default = ProductCard;
+
+module.exports = ProductCard_default;
+//# sourceMappingURL=ProductCard.js.map
+//# sourceMappingURL=ProductCard.js.map

package/dist/components/ProductCard.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/ProductCard.tsx"],"names":["React","TouchableOpacity","View","Image","Text","StyleSheet"],"mappings":"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","file":"ProductCard.js","sourcesContent":["import React from \"react\";\nimport { TouchableOpacity, View, StyleSheet, Image, Text } from \"react-native\";\nimport { WoopzeSearchTheme } from \"../search\";\nimport { ProductItem } from \"../types\";\n\nfunction ProductCard({\n  item,\n  onProductPress,\n  onVisualSearchPress,\n  theme,\n}: {\n  item: ProductItem;\n  onProductPress: (product: { id: string; url: string }) => void;\n  onVisualSearchPress: () => void;\n  theme: WoopzeSearchTheme;\n}) {\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      onPress={() => onProductPress({ id: item.ids[0], url: item.url })}\n      style={styles.card}\n    >\n      <View style={styles.imageWrap}>\n        <Image\n          source={{ uri: item.imageUrl }}\n          resizeMode=\"contain\"\n          style={styles.image}\n        />\n        {item.photo_embedding ? (\n          <TouchableOpacity\n            activeOpacity={0.7}\n            style={[\n              styles.cameraButton,\n              { backgroundColor: theme.cameraButtonBackgroundColor },\n            ]}\n            onPress={onVisualSearchPress}\n          >\n            <Image\n              source={require(\"../assets/cam-icon.png\")}\n              style={styles.cameraIcon}\n            />\n          </TouchableOpacity>\n        ) : null}\n      </View>\n      <Text\n        numberOfLines={1}\n        style={[styles.productTitle, { color: theme.accentColor }]}\n      >\n        {item.title}\n      </Text>\n      <View style={styles.priceRow}>\n        {item.oldPrice ? (\n          <Text style={styles.oldPrice}>{item.oldPrice}</Text>\n        ) : null}\n        {item.discount ? (\n          <Text style={[styles.discount, { color: theme.dangerColor }]}>\n            {item.discount}\n          </Text>\n        ) : null}\n        <Text style={[styles.newPrice, { color: theme.accentColor }]}>\n          {item.newPrice}\n        </Text>\n      </View>\n    </TouchableOpacity>\n  );\n}\n\nconst styles = StyleSheet.create({\n  card: {\n    width: \"48.3%\",\n  },\n  image: {\n    width: \"100%\",\n    height: \"100%\",\n  },\n  newPrice: {\n    fontSize: 12,\n    color: \"#000\",\n    fontWeight: \"600\",\n  },\n  imageWrap: {\n    width: \"100%\",\n    aspectRatio: 0.65,\n  },\n  cameraButton: {\n    position: \"absolute\",\n    top: 8,\n    right: 8,\n    width: 28,\n    height: 28,\n    borderRadius: 24,\n    backgroundColor: \"#fff\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    shadowColor: \"#000\",\n    shadowOpacity: 0.15,\n    shadowRadius: 6,\n    shadowOffset: { width: 0, height: 2 },\n    elevation: 3,\n  },\n  cameraIcon: {\n    width: 20,\n    height: 20,\n  },\n  productTitle: {\n    fontSize: 12,\n    color: \"#000\",\n    marginTop: 8,\n  },\n  priceRow: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    flexWrap: \"wrap\",\n    gap: 4,\n    marginTop: 6,\n  },\n  oldPrice: {\n    fontSize: 12,\n    color: \"#767676\",\n    textDecorationLine: \"line-through\",\n  },\n  discount: {\n    fontSize: 12,\n    color: \"#ff0000\",\n    fontWeight: \"700\",\n  },\n});\n\nexport default ProductCard;\n"]}

package/dist/components/SearchInput.d.ts

@@ -0,0 +1,16 @@
+import React__default from 'react';
+import { WoopzeSearchTheme } from '../search/index.js';
+import 'react-native';
+
+type Props = {
+    query: string;
+    setQuery: (query: string) => void;
+    hideHeaderCloseIcon: boolean;
+    isResultsMode: boolean;
+    clearSearch: () => void;
+    onClosePress: (() => void) | undefined;
+    mergedTheme: WoopzeSearchTheme;
+};
+declare const SearchInput: ({ query, setQuery, hideHeaderCloseIcon, isResultsMode, clearSearch, onClosePress, mergedTheme, }: Props) => React__default.JSX.Element;
+
+export { SearchInput as default };