@gem-sdk/plugin-quick-view 1.11.1-experimental-8f483e48 → 1.11.1-experimental-d7cbfa75

package/dist/components/QuickView.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/// <reference types="react" />
+import type { BaseProps } from '@gem-sdk/core';
+export type ProductQuickViewProps = BaseProps<{
+    label?: React.ReactNode;
+}>;
+declare const ProductQuickView: React.FC<ProductQuickViewProps>;
+export default ProductQuickView;
+//# sourceMappingURL=QuickView.d.ts.map

package/dist/components/QuickView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickView.d.ts","sourceRoot":"","sources":["../../src/components/QuickView.tsx"],"names":[],"mappings":";;AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAG/C,MAAM,MAAM,qBAAqB,GAAG,SAAS,CAAC;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB,CAAC,CAAC;AA6GH,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAsBrD,CAAC;AAMF,eAAe,gBAAgB,CAAC"}

package/dist/components/QuickView.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Col, Modal, ProductButton, ProductImages, ProductPrice, ProductQuantity, ProductTitle, ProductVariants, Row, } from '@gem-sdk/components';
+import { ProductProvider, usePluginEnable, useProduct, useProductQuery } from '@gem-sdk/core';
+import { useState } from 'react';
+const ModalContent = () => {
+    const product = useProduct();
+    const { data, isLoading: loading, error } = useProductQuery(product === null || product === void 0 ? void 0 : product.id);
+    if (loading)
+        return (_jsx("div", { children: _jsxs("svg", Object.assign({ className: "mx-auto my-20 h-8 w-8 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" }, { children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] })) }));
+    if (error)
+        return _jsx("p", Object.assign({ className: "py-20 text-center font-semibold" }, { children: "Something went wrong" }));
+    return (_jsx(ProductProvider, Object.assign({ product: data }, { children: _jsxs(Row, Object.assign({ setting: {
+                layout: {
+                    desktop: {
+                        cols: [6, 6],
+                        display: 'fill',
+                    },
+                    mobile: {
+                        cols: [12],
+                    },
+                },
+            } }, { children: [_jsx(Col, { children: _jsx(ProductImages, {}) }), _jsxs(Col, { children: [_jsx(ProductTitle, { setting: {
+                                htmlTag: 'p',
+                            }, styles: {
+                                typography: {
+                                    type: 'heading-3',
+                                },
+                            } }), _jsxs(Row, Object.assign({ setting: {
+                                layout: {
+                                    desktop: {
+                                        cols: [6, 6],
+                                        display: 'fit',
+                                    },
+                                },
+                                horizontalAlign: {
+                                    desktop: 'end',
+                                },
+                            } }, { children: [_jsx(Col, { children: _jsx(ProductPrice, { styles: {
+                                            typography: {
+                                                type: 'subheading-2',
+                                            },
+                                        }, setting: {
+                                            priceType: 'regular',
+                                        } }) }), _jsx(Col, { children: _jsx(ProductPrice, { styles: {
+                                            typography: {
+                                                type: 'paragraph-2',
+                                            },
+                                        }, setting: {
+                                            priceType: 'compare',
+                                        } }) })] })), _jsx(ProductVariants, {}), _jsx(ProductQuantity, {}), _jsx(ProductButton, { setting: { actionEffect: 'open-cart-drawer' } })] })] })) })));
+};
+const ProductQuickView = ({ setting }) => {
+    const [open, setOpen] = useState(false);
+    const plugins = usePluginEnable();
+    if (!(plugins === null || plugins === void 0 ? void 0 : plugins.includes('quick-view'))) {
+        return null;
+    }
+    return (_jsxs("div", { children: [_jsx("div", Object.assign({ "aria-hidden": true, role: "button", "aria-label": "Quick view", onClick: () => setOpen((prev) => !prev) }, { children: setting === null || setting === void 0 ? void 0 : setting.label })), _jsx(Modal, Object.assign({ setting: { open }, closeOnClickOutside: true, onClose: () => setOpen((prev) => !prev) }, { children: _jsx(ModalContent, {}) }))] }));
+};
+ProductQuickView.defaultProps = {
+    setting: { label: 'Quick View' },
+};
+export default ProductQuickView;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+import QuickView from './components/QuickView';
+export { default as builderSetting } from './setting';
+export default QuickView;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,WAAW,CAAC;AAEtD,eAAe,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,3 @@
+import QuickView from './components/QuickView';
+export { default as builderSetting } from './setting';
+export default QuickView;

package/dist/setting/QuickView.d.ts

@@ -0,0 +1,5 @@
+import type { ProductQuickViewProps } from '../components/QuickView';
+import type { ComponentSetting } from '@gem-sdk/core';
+declare const config: ComponentSetting<ProductQuickViewProps>;
+export default config;
+//# sourceMappingURL=QuickView.d.ts.map

package/dist/setting/QuickView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickView.d.ts","sourceRoot":"","sources":["../../src/setting/QuickView.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,QAAA,MAAM,MAAM,EAAE,gBAAgB,CAAC,qBAAqB,CAGnD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/{esm/setting → setting}/QuickView.js

@@ -2,5 +2,4 @@ const config = {
     tag: 'QuickView',
     label: 'Product Quick View',
 };
-
-export { config as default };
+export default config;

package/dist/setting/index.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    QuickView: import("@gem-sdk/core").ComponentSetting<import("../components/QuickView").ProductQuickViewProps>;
+};
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/dist/setting/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/setting/index.ts"],"names":[],"mappings":";;;AAEA,wBAA6B"}

package/dist/setting/index.js

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

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@gem-sdk/plugin-quick-view",
-  "version": "1.11.1-experimental-8f483e48",
+  "version": "1.11.1-experimental-d7cbfa75",
   "license": "MIT",
   "sideEffects": false,
-  "main": "dist/cjs/index.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
@@ -13,28 +14,19 @@
     "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",
+    "build:rollup": "rollup -c ./../../helpers/rollup.config.mjs --environment NODE_ENV:production",
+    "build": "tsc -p tsconfig.build.json",
     "lint": "eslint ./src --ext .tsx,.ts",
     "type-check": "yarn tsc --noEmit",
     "test": "jest -c ./../../helpers/jest.config.ts"
   },
   "devDependencies": {
-    "@gem-sdk/components": "1.12.0-experimental-8f483e48",
-    "@gem-sdk/core": "1.12.0-experimental-8f483e48",
-    "@gem-sdk/styles": "1.12.0-experimental-8f483e48"
+    "@gem-sdk/components": "1.12.0-experimental-d7cbfa75",
+    "@gem-sdk/core": "1.12.0-experimental-d7cbfa75",
+    "@gem-sdk/styles": "1.12.0-experimental-d7cbfa75"
   },
   "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"
-    }
   }
 }

package/dist/cjs/components/QuickView.js

@@ -1,70 +0,0 @@
-'use client';
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var components = require('@gem-sdk/components');
-var core = require('@gem-sdk/core');
-var react = require('react');
-
-const ModalContent = () => {
-    const product = core.useProduct();
-    const { data, isLoading: loading, error } = core.useProductQuery(product?.id);
-    if (loading)
-        return (jsxRuntime.jsx("div", { children: jsxRuntime.jsxs("svg", { className: "mx-auto my-20 h-8 w-8 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsxRuntime.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsxRuntime.jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) }));
-    if (error)
-        return jsxRuntime.jsx("p", { className: "py-20 text-center font-semibold", children: "Something went wrong" });
-    return (jsxRuntime.jsx(core.ProductProvider, { product: data, children: jsxRuntime.jsxs(components.Row, { setting: {
-                layout: {
-                    desktop: {
-                        cols: [6, 6],
-                        display: 'fill',
-                    },
-                    mobile: {
-                        cols: [12],
-                    },
-                },
-            }, children: [jsxRuntime.jsx(components.Col, { children: jsxRuntime.jsx(components.ProductImages, {}) }), jsxRuntime.jsxs(components.Col, { children: [jsxRuntime.jsx(components.ProductTitle, { setting: {
-                                htmlTag: 'p',
-                            }, styles: {
-                                typography: {
-                                    type: 'heading-3',
-                                },
-                            } }), jsxRuntime.jsxs(components.Row, { setting: {
-                                layout: {
-                                    desktop: {
-                                        cols: [6, 6],
-                                        display: 'fit',
-                                    },
-                                },
-                                horizontalAlign: {
-                                    desktop: 'end',
-                                },
-                            }, children: [jsxRuntime.jsx(components.Col, { children: jsxRuntime.jsx(components.ProductPrice, { styles: {
-                                            typography: {
-                                                type: 'subheading-2',
-                                            },
-                                        }, setting: {
-                                            priceType: 'regular',
-                                        } }) }), jsxRuntime.jsx(components.Col, { children: jsxRuntime.jsx(components.ProductPrice, { styles: {
-                                            typography: {
-                                                type: 'paragraph-2',
-                                            },
-                                        }, setting: {
-                                            priceType: 'compare',
-                                        } }) })] }), jsxRuntime.jsx(components.ProductVariants, {}), jsxRuntime.jsx(components.ProductQuantity, {}), jsxRuntime.jsx(components.ProductButton, { setting: { actionEffect: 'open-cart-drawer' } })] })] }) }));
-};
-const ProductQuickView = ({ setting }) => {
-    const [open, setOpen] = react.useState(false);
-    const plugins = core.usePluginEnable();
-    if (!plugins?.includes('quick-view')) {
-        return null;
-    }
-    return (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("div", { "aria-hidden": true, role: "button", "aria-label": "Quick view", onClick: () => setOpen((prev) => !prev), children: setting?.label }), jsxRuntime.jsx(components.Modal, { setting: { open }, closeOnClickOutside: true, onClose: () => setOpen((prev) => !prev), children: jsxRuntime.jsx(ModalContent, {}) })] }));
-};
-ProductQuickView.defaultProps = {
-    setting: { label: 'Quick View' },
-};
-
-exports.default = ProductQuickView;

package/dist/cjs/index.js

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

package/dist/cjs/setting/QuickView.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const config = {
-    tag: 'QuickView',
-    label: 'Product Quick View',
-};
-
-exports.default = config;

package/dist/cjs/setting/index.js

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

package/dist/esm/components/QuickView.js

@@ -1,66 +0,0 @@
-'use client';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Modal, Row, Col, ProductImages, ProductTitle, ProductPrice, ProductVariants, ProductQuantity, ProductButton } from '@gem-sdk/components';
-import { usePluginEnable, useProduct, useProductQuery, ProductProvider } from '@gem-sdk/core';
-import { useState } from 'react';
-
-const ModalContent = () => {
-    const product = useProduct();
-    const { data, isLoading: loading, error } = useProductQuery(product?.id);
-    if (loading)
-        return (jsx("div", { children: jsxs("svg", { className: "mx-auto my-20 h-8 w-8 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }) }));
-    if (error)
-        return jsx("p", { className: "py-20 text-center font-semibold", children: "Something went wrong" });
-    return (jsx(ProductProvider, { product: data, children: jsxs(Row, { setting: {
-                layout: {
-                    desktop: {
-                        cols: [6, 6],
-                        display: 'fill',
-                    },
-                    mobile: {
-                        cols: [12],
-                    },
-                },
-            }, children: [jsx(Col, { children: jsx(ProductImages, {}) }), jsxs(Col, { children: [jsx(ProductTitle, { setting: {
-                                htmlTag: 'p',
-                            }, styles: {
-                                typography: {
-                                    type: 'heading-3',
-                                },
-                            } }), jsxs(Row, { setting: {
-                                layout: {
-                                    desktop: {
-                                        cols: [6, 6],
-                                        display: 'fit',
-                                    },
-                                },
-                                horizontalAlign: {
-                                    desktop: 'end',
-                                },
-                            }, children: [jsx(Col, { children: jsx(ProductPrice, { styles: {
-                                            typography: {
-                                                type: 'subheading-2',
-                                            },
-                                        }, setting: {
-                                            priceType: 'regular',
-                                        } }) }), jsx(Col, { children: jsx(ProductPrice, { styles: {
-                                            typography: {
-                                                type: 'paragraph-2',
-                                            },
-                                        }, setting: {
-                                            priceType: 'compare',
-                                        } }) })] }), jsx(ProductVariants, {}), jsx(ProductQuantity, {}), jsx(ProductButton, { setting: { actionEffect: 'open-cart-drawer' } })] })] }) }));
-};
-const ProductQuickView = ({ setting }) => {
-    const [open, setOpen] = useState(false);
-    const plugins = usePluginEnable();
-    if (!plugins?.includes('quick-view')) {
-        return null;
-    }
-    return (jsxs("div", { children: [jsx("div", { "aria-hidden": true, role: "button", "aria-label": "Quick view", onClick: () => setOpen((prev) => !prev), children: setting?.label }), jsx(Modal, { setting: { open }, closeOnClickOutside: true, onClose: () => setOpen((prev) => !prev), children: jsx(ModalContent, {}) })] }));
-};
-ProductQuickView.defaultProps = {
-    setting: { label: 'Quick View' },
-};
-
-export { ProductQuickView as default };

package/dist/esm/index.js

@@ -1,6 +0,0 @@
-import ProductQuickView from './components/QuickView.js';
-export { default as builderSetting } from './setting/index.js';
-
-
-
-export { ProductQuickView as default };

package/dist/esm/setting/index.js

@@ -1,5 +0,0 @@
-import config from './QuickView.js';
-
-var index = { QuickView: config };
-
-export { index as default };

package/dist/types/index.d.ts

@@ -1,13 +0,0 @@
-import * as _gem_sdk_core from '@gem-sdk/core';
-import { BaseProps } from '@gem-sdk/core';
-
-type ProductQuickViewProps = BaseProps<{
-    label?: React.ReactNode;
-}>;
-declare const ProductQuickView: React.FC<ProductQuickViewProps>;
-
-declare const _default: {
-    QuickView: _gem_sdk_core.ComponentSetting<ProductQuickViewProps>;
-};
-
-export { _default as builderSetting, ProductQuickView as default };