@gem-sdk/plugin-loox 1.0.0

package/README.md

@@ -0,0 +1 @@
+# GemX Plugin

package/dist/cjs/components/ProductReview.js

@@ -0,0 +1,34 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var Script = require('next/script');
+
+const ProductReview = ({ productId, type, shop }) => {
+    const props = react.useMemo(() => {
+        switch (type) {
+            case 'star':
+                return {
+                    'data-fetch': true,
+                    className: 'loox-rating',
+                    'data-id': productId,
+                };
+            case 'carousel':
+                return {
+                    id: 'looxCarousel',
+                    'data-show-more': true,
+                    'data-product-ids': productId,
+                };
+            default:
+                return {
+                    id: 'looxReviews',
+                    'data-product-id': productId,
+                };
+        }
+    }, [productId, type]);
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Script, { src: `//loox.io/widget/loox.js?shop=${shop}` }), jsxRuntime.jsx("div", { ...props })] }));
+};
+
+exports.default = ProductReview;

package/dist/cjs/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ProductReview = require('./components/ProductReview.js');
+
+
+
+exports.default = ProductReview.default;

package/dist/esm/components/ProductReview.js

@@ -0,0 +1,30 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import Script from 'next/script';
+
+const ProductReview = ({ productId, type, shop }) => {
+    const props = useMemo(() => {
+        switch (type) {
+            case 'star':
+                return {
+                    'data-fetch': true,
+                    className: 'loox-rating',
+                    'data-id': productId,
+                };
+            case 'carousel':
+                return {
+                    id: 'looxCarousel',
+                    'data-show-more': true,
+                    'data-product-ids': productId,
+                };
+            default:
+                return {
+                    id: 'looxReviews',
+                    'data-product-id': productId,
+                };
+        }
+    }, [productId, type]);
+    return (jsxs(Fragment, { children: [jsx(Script, { src: `//loox.io/widget/loox.js?shop=${shop}` }), jsx("div", { ...props })] }));
+};
+
+export { ProductReview as default };

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+import ProductReview from './components/ProductReview.js';
+export { default } from './components/ProductReview.js';

package/dist/types/index.d.ts

@@ -0,0 +1,8 @@
+type ProductReviewProps = {
+    productId: string;
+    type?: 'star' | 'carousel' | 'default';
+    shop: string;
+};
+declare const ProductReview: React.FC<ProductReviewProps>;
+
+export { ProductReview as default };

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@gem-sdk/plugin-loox",
+  "version": "1.0.0",
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "dist/cjs/index.js",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "cleanup": "rimraf es dist lib",
+    "prebuild": "yarn cleanup",
+    "pre:publish": "node ./../../helpers/convert-publish.js -p",
+    "post:publish": "node ./../../helpers/convert-publish.js",
+    "watch": "rollup -c ./../../helpers/rollup.config.mjs -w",
+    "build": "rollup -c ./../../helpers/rollup.config.mjs --environment NODE_ENV:production",
+    "lint": "eslint ./src --ext .tsx,.ts",
+    "type-check": "yarn tsc --noEmit",
+    "test": "jest -c ./../../helpers/jest.config.ts"
+  },
+  "dependencies": {
+    "@gem-sdk/styles": "*"
+  },
+  "devDependencies": {
+    "@gem-sdk/core": "*"
+  },
+  "peerDependencies": {
+    "react": "^17 || ^18",
+    "react-dom": "^17 || ^18"
+  },
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  }
+}