@gem-sdk/plugin-cart-drawer 2.0.0-staging.785 → 2.0.0-staging.884

package/dist/cjs/components/CartDiscountCode.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),DiscountCodeItem=require("./DiscountCodeItem.js"),LoadingIcon=require("./LoadingIcon.js");const CartDiscountCode=()=>{let e=react.useRef(null),{cartId:s}=core.useCartId(),{trigger:t,isMutating:r}=core.useCartDiscountCodesUpdate({onSuccess:()=>{e.current&&(e.current.value="")}}),{data:a}=core.useCartData(),o=react.useMemo(()=>a?.discounts?.map(e=>e.code).filter(core.isDefined)??[],[a?.discounts]),i=react.useCallback(()=>{s&&e.current?.value&&!o.some(s=>s.toLowerCase()===e.current?.value.trim().toLowerCase())&&t({cartId:s,discountCodes:[e.current.value,...o]})},[s,t,o]);return jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2 gp-border-t gp-p-4 ",children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-4",children:[jsxRuntime.jsx("input",{className:"gp-flex-1 gp-border gp-p-2 gp-outline-none",placeholder:"Discount Code",style:{...core.composeRadius({normal:{radiusType:"small"}})},ref:e}),jsxRuntime.jsxs("button",{disabled:r,onClick:i,className:"gp-relative gp-bg-g-brand gp-px-2 gp-text-g-text-3 disabled:gp-opacity-80",style:{...core.composeRadius({normal:{radiusType:"small"}})},children:[jsxRuntime.jsx("div",{className:core.cls("gp-absolute gp-left-1/2 gp-top-1/2 -gp-translate-x-1/2 -gp-translate-y-1/2",{"gp-hidden":!r}),children:jsxRuntime.jsx(LoadingIcon.default,{})}),jsxRuntime.jsx("span",{className:core.cls("gp-g-paragraph-1",{invisible:r}),children:"Apply Code"})]})]}),jsxRuntime.jsx("div",{className:"gp-inline-flex gp-flex-wrap gp-gap-2",children:a?.discounts?.map(e=>jsxRuntime.jsx(DiscountCodeItem.default,{item:e},e.code))})]})};exports.default=CartDiscountCode;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),react=require("react"),DiscountCodeItem=require("./DiscountCodeItem.js"),LoadingIcon=require("./LoadingIcon.js");const CartDiscountCode=()=>{let e=react.useRef(null),{cartId:s}=core.useCartId(),{trigger:t,isMutating:r}=core.useCartDiscountCodesUpdate({onSuccess:()=>{e.current&&(e.current.value="")}}),{data:a}=core.useCartData(),o=react.useMemo(()=>a?.discounts?.map(e=>e.code).filter(core.isDefined)??[],[a?.discounts]),i=react.useCallback(()=>{s&&e.current?.value&&!o.some(s=>s.toLowerCase()===e.current?.value.trim().toLowerCase())&&t({cartId:s,discountCodes:[e.current.value,...o]})},[s,t,o]);return jsxRuntime.jsxs("div",{className:"gp-flex gp-flex-col gp-gap-2 gp-border-t gp-p-4 ",children:[jsxRuntime.jsxs("div",{className:"gp-flex gp-gap-4",children:[jsxRuntime.jsx("input",{className:"gp-flex-1 gp-border gp-p-2 gp-outline-none",placeholder:"Discount Code",style:{...core.composeRadius({normal:{radiusType:"small"}})},ref:e}),jsxRuntime.jsxs("button",{disabled:r,onClick:i,className:"gp-relative gp-bg-g-brand gp-px-2 gp-text-g-text-3 disabled:gp-opacity-80",style:{...core.composeRadius({normal:{radiusType:"small"}})},children:[jsxRuntime.jsx("div",{className:core.cls("gp-absolute gp-left-1/2 gp-top-1/2 -gp-translate-x-1/2 -gp-translate-y-1/2",{"gp-hidden":!r}),children:jsxRuntime.jsx(LoadingIcon.default,{})}),jsxRuntime.jsx("span",{className:core.cls("gp-g-paragraph-1",{"gp-invisible":r}),children:"Apply Code"})]})]}),jsxRuntime.jsx("div",{className:"gp-inline-flex gp-flex-wrap gp-gap-2",children:a?.discounts?.map(e=>jsxRuntime.jsx(DiscountCodeItem.default,{item:e},e.code))})]})};exports.default=CartDiscountCode;

package/dist/esm/components/CartDiscountCode.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useCartId as a,useCartDiscountCodesUpdate as t,useCartData as l,isDefined as p,composeRadius as o,cls as s}from"@gem-sdk/core";import{useRef as i,useMemo as n,useCallback as c}from"react";import d from"./DiscountCodeItem.js";import g from"./LoadingIcon.js";let CartDiscountCode=()=>{let m=i(null),{cartId:u}=a(),{trigger:f,isMutating:x}=t({onSuccess:()=>{m.current&&(m.current.value="")}}),{data:C}=l(),v=n(()=>C?.discounts?.map(e=>e.code).filter(p)??[],[C?.discounts]),b=c(()=>{u&&m.current?.value&&!v.some(e=>e.toLowerCase()===m.current?.value.trim().toLowerCase())&&f({cartId:u,discountCodes:[m.current.value,...v]})},[u,f,v]);return e("div",{className:"gp-flex gp-flex-col gp-gap-2 gp-border-t gp-p-4 ",children:[e("div",{className:"gp-flex gp-gap-4",children:[r("input",{className:"gp-flex-1 gp-border gp-p-2 gp-outline-none",placeholder:"Discount Code",style:{...o({normal:{radiusType:"small"}})},ref:m}),e("button",{disabled:x,onClick:b,className:"gp-relative gp-bg-g-brand gp-px-2 gp-text-g-text-3 disabled:gp-opacity-80",style:{...o({normal:{radiusType:"small"}})},children:[r("div",{className:s("gp-absolute gp-left-1/2 gp-top-1/2 -gp-translate-x-1/2 -gp-translate-y-1/2",{"gp-hidden":!x}),children:r(g,{})}),r("span",{className:s("gp-g-paragraph-1",{invisible:x}),children:"Apply Code"})]})]}),r("div",{className:"gp-inline-flex gp-flex-wrap gp-gap-2",children:C?.discounts?.map(e=>r(d,{item:e},e.code))})]})};export{CartDiscountCode as default};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useCartId as a,useCartDiscountCodesUpdate as t,useCartData as p,isDefined as l,composeRadius as o,cls as s}from"@gem-sdk/core";import{useRef as i,useMemo as n,useCallback as g}from"react";import c from"./DiscountCodeItem.js";import d from"./LoadingIcon.js";let CartDiscountCode=()=>{let m=i(null),{cartId:u}=a(),{trigger:f,isMutating:x}=t({onSuccess:()=>{m.current&&(m.current.value="")}}),{data:C}=p(),v=n(()=>C?.discounts?.map(e=>e.code).filter(l)??[],[C?.discounts]),b=g(()=>{u&&m.current?.value&&!v.some(e=>e.toLowerCase()===m.current?.value.trim().toLowerCase())&&f({cartId:u,discountCodes:[m.current.value,...v]})},[u,f,v]);return e("div",{className:"gp-flex gp-flex-col gp-gap-2 gp-border-t gp-p-4 ",children:[e("div",{className:"gp-flex gp-gap-4",children:[r("input",{className:"gp-flex-1 gp-border gp-p-2 gp-outline-none",placeholder:"Discount Code",style:{...o({normal:{radiusType:"small"}})},ref:m}),e("button",{disabled:x,onClick:b,className:"gp-relative gp-bg-g-brand gp-px-2 gp-text-g-text-3 disabled:gp-opacity-80",style:{...o({normal:{radiusType:"small"}})},children:[r("div",{className:s("gp-absolute gp-left-1/2 gp-top-1/2 -gp-translate-x-1/2 -gp-translate-y-1/2",{"gp-hidden":!x}),children:r(d,{})}),r("span",{className:s("gp-g-paragraph-1",{"gp-invisible":x}),children:"Apply Code"})]})]}),r("div",{className:"gp-inline-flex gp-flex-wrap gp-gap-2",children:C?.discounts?.map(e=>r(c,{item:e},e.code))})]})};export{CartDiscountCode as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/plugin-cart-drawer",
-  "version": "2.0.0-staging.785",
+  "version": "2.0.0-staging.884",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -19,13 +19,13 @@
     "test": "jest -c ./../../helpers/jest.config.ts"
   },
   "devDependencies": {
-    "@gem-sdk/components": "2.0.0-staging.785",
-    "@gem-sdk/core": "2.0.0-staging.785",
+    "@gem-sdk/components": "2.0.0-staging.884",
+    "@gem-sdk/core": "2.0.0-staging.884",
     "@gem-sdk/styles": "2.0.0-staging.784"
   },
   "peerDependencies": {
-    "react": "^17 || ^18",
-    "react-dom": "^17 || ^18"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",