@gem-sdk/components 12.0.0-dev.67 → 12.0.0-dev.68

package/dist/cjs/post-purchase/buyer-consent/common/classes.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const composeClasses=e=>core.filterTruthyStyles(e),getWrapperClassName=({align:e,uid:s})=>{let t={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return s&&(t[s]=!!s),composeClasses(t)},getCheckboxContainerClassName=()=>({"gp-grid gp-items-start gp-leading-[1.3]":!0}),getCheckboxClassName=()=>composeClasses({"gp-h-[18px] gp-w-[18px] gp-inline-block gp-static gp-flex-shrink-0":!0}),getLinkComponentClassName=()=>({"gp-underline":!0}),getLinkComponentStyles=()=>({color:helper.postPurchaseTextColor.defaultLink});exports.getCheckboxClassName=getCheckboxClassName,exports.getCheckboxContainerClassName=getCheckboxContainerClassName,exports.getLinkComponentClassName=getLinkComponentClassName,exports.getLinkComponentStyles=getLinkComponentStyles,exports.getWrapperClassName=getWrapperClassName;
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const composeClasses=e=>core.filterTruthyStyles(e),getWrapperClassName=({align:e,uid:t})=>{let s={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return t&&(s[t]=!!t),composeClasses(s)},getCheckboxContainerClassName=()=>({"gp-grid gp-items-start gp-leading-[1.3]":!0}),getLinkComponentClassName=()=>({"gp-underline":!0}),getLinkComponentStyles=()=>({color:helper.postPurchaseTextColor.defaultLink});exports.getCheckboxContainerClassName=getCheckboxContainerClassName,exports.getLinkComponentClassName=getLinkComponentClassName,exports.getLinkComponentStyles=getLinkComponentStyles,exports.getWrapperClassName=getWrapperClassName;

package/dist/cjs/post-purchase/buyer-consent/common/styles.js

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const SHOPIFY_CHECKBOX_GAP_FALLBACK="9px",composeStyles=e=>core.filterTruthyStyles(e),getWrapperStyles=({styles:e})=>{let{globalSize:t}=e??{},r=core.makeGlobalSize(t);return composeStyles({...r?.width?.["--w"]?r.width:{"--w":"100%"},...r.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:e})=>{let{horizontalSpacing:t}=e??{},r=t??"9px";return{"--w":e?.width,justifyContent:"start",alignItems:"start",gridTemplate:`"checkbox gap label" auto / auto ${r} auto`}},getCheckboxInputStyles=()=>({appearance:"auto",maxWidth:"none",gridArea:"checkbox"}),getTextStyle=({styles:e})=>{let{typo:t}=e??{},r={display:"block",maxWidth:"100%",gridArea:"label",overflowWrap:"break-word"};if(!t)return core.filterTruthyStyles({...r});let o={"text-transform":t.textTransform,color:helper.makeTextColor(t.textColor,t.fontWeight),"font-weight":helper.makeFontWeight(t.fontWeight),"font-size":helper.makeFontSize(t.fontSize)};return core.filterTruthyStyles({...r,...o})};exports.getCheckboxInputStyles=getCheckboxInputStyles,exports.getContainerStyles=getContainerStyles,exports.getTextStyle=getTextStyle,exports.getWrapperStyles=getWrapperStyles;
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const SHOPIFY_CHECKBOX_GAP_FALLBACK="9px",composeStyles=e=>core.filterTruthyStyles(e),getWrapperStyles=({styles:e})=>{let{globalSize:t}=e??{},r=core.makeGlobalSize(t);return composeStyles({...r?.width?.["--w"]?r.width:{"--w":"100%"},...r.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:e})=>{let{horizontalSpacing:t}=e??{},r=t??"9px";return{"--w":e?.width,justifyContent:"start",alignItems:"start",gridTemplate:`"checkbox gap label" auto / auto ${r} auto`}},getTextStyle=({styles:e})=>{let{typo:t}=e??{},r={display:"block",maxWidth:"100%",gridArea:"label",overflowWrap:"break-word"};if(!t)return core.filterTruthyStyles({...r});let o={"text-transform":t.textTransform,color:helper.makeTextColor(t.textColor,t.fontWeight),"font-weight":helper.makeFontWeight(t.fontWeight),"font-size":helper.makeFontSize(t.fontSize)};return core.filterTruthyStyles({...r,...o})};exports.getContainerStyles=getContainerStyles,exports.getTextStyle=getTextStyle,exports.getWrapperStyles=getWrapperStyles;

package/dist/cjs/post-purchase/buyer-consent/components/BuyerConsent.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../helpers.js");const DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:e,builderProps:s,setting:t})=>{let r=core.useProduct(),l=core.usePageStore(e=>e.buyerConsentChecked),a=core.usePageStore(e=>e.setBuyerConsentChecked),{description:c,policyLabel:n,policyLink:o,align:y}=t??{},i=r?.id?`buyer-consent-product-${s?.uid}-${r.id}`:void 0,u=helpers$1.getComponentTag(o),m=system.createStyle(styles.getWrapperStyles({styles:e})),d=system.createClass(classes.getWrapperClassName({align:y,uid:s?.uid})),C=system.createStyle(styles.getContainerStyles({styles:e})),h=system.createClass(classes.getCheckboxContainerClassName()),p=system.createStyle(styles.getCheckboxInputStyles()),x=system.createStyle(styles.getTextStyle({styles:e})),g=system.createClass(classes.getCheckboxClassName()),j=system.createClass(classes.getLinkComponentClassName()),b=system.createStyle(classes.getLinkComponentStyles()),k=React.useMemo(()=>helpers.extractProductID(r?.baseID??""),[r?.baseID]),S=React.useMemo(()=>{let e=`${k}`;return l?.[e]??!0},[l,k]),R=e=>{let s=`${k}`,t={...l,[s]:e.target.checked};a(t)};return jsxRuntime.jsx("div",{"data-id":s?.uid,style:m,className:d,children:jsxRuntime.jsxs("label",{htmlFor:i,dir:e?.direction??"ltr",style:C,className:h,children:[jsxRuntime.jsx("input",{id:i,name:i,type:"checkbox",style:p,className:g,checked:S,onChange:R}),jsxRuntime.jsxs("bdo",{dir:e?.direction??"ltr",style:x,children:[c," ",jsxRuntime.jsx(u,{target:"_blank",rel:"noreferrer",href:o,className:j,style:b,children:n})]})]})})};exports.default=BuyerConsent;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers$1=require("../common/helpers.js"),core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),PostPurchaseCheckbox=require("./PostPurchaseCheckbox.js");const DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:e,builderProps:s,setting:t})=>{let r=core.useProduct(),c=core.usePageStore(e=>e.buyerConsentChecked),l=core.usePageStore(e=>e.setBuyerConsentChecked),{description:a,policyLabel:o,policyLink:n,align:u}=t??{},i=r?.id?`buyer-consent-product-${s?.uid}-${r.id}`:void 0,y=helpers$1.getComponentTag(n),m=system.createStyle(styles.getWrapperStyles({styles:e})),d=system.createClass(classes.getWrapperClassName({align:u,uid:s?.uid})),h=system.createStyle(styles.getContainerStyles({styles:e})),C=system.createClass(classes.getCheckboxContainerClassName()),x=system.createStyle(styles.getTextStyle({styles:e})),p=system.createClass(classes.getLinkComponentClassName()),j=system.createStyle(classes.getLinkComponentStyles()),g=React.useMemo(()=>helpers.extractProductID(r?.baseID??""),[r?.baseID]),b=React.useMemo(()=>{let e=`${g}`;return c?.[e]??!0},[c,g]),k=e=>{let s=`${g}`,t={...c,[s]:e.target.checked};l(t)};return jsxRuntime.jsx("div",{"data-id":s?.uid,style:m,className:d,children:jsxRuntime.jsxs("label",{htmlFor:i,dir:e?.direction??"ltr",style:h,className:C,children:[jsxRuntime.jsx(PostPurchaseCheckbox.default,{id:i,name:i,type:"checkbox",checked:b,onChange:k}),jsxRuntime.jsxs("bdo",{dir:e?.direction??"ltr",style:x,children:[a," ",jsxRuntime.jsx(y,{target:"_blank",rel:"noreferrer",href:n,className:p,style:j,children:o})]})]})})};exports.default=BuyerConsent;

package/dist/cjs/post-purchase/buyer-consent/components/PostPurchaseCheckbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime");function PostPurchaseCheckbox({checked:e,onChange:p,...o}){return jsxRuntime.jsxs("div",{className:"gp-h-[18px] gp-w-[18px] gp-inline-block gp-relative gp-flex-shrink-0",style:{gridArea:"checkbox"},children:[jsxRuntime.jsx("input",{...o,className:'gp-box-content gp-block gp-h-full gp-w-full gp-rounded gp-cursor-pointer gp-border gp-border-solid gp-border-[#d9d9d9] gp-bg-clip-padding gp-transition-shadow gp-duration-200 gp-ease-out checked:gp-shadow-[inset_0_0_0_10px_#1879b9] gp-appearance-none before:gp-content-[""] before:gp-block before:gp-h-full before:gp-w-full before:gp-rounded-sm before:gp-opacity-30 before:gp-shadow-[inset_#1879b9] before:gp-transition-shadow before:gp-duration-200 before:gp-ease-out [outline:none]',onChange:p}),jsxRuntime.jsx("div",{className:(e?"gp-opacity-100 ":"gp-opacity-0 ")+" gp-pointer-events-none gp-absolute gp-left-[calc(50%+1px)] gp-top-1/2 gp-origin-center gp--translate-x-1/2 gp--translate-y-1/2 gp-text-white gp-transition-all gp-duration-200 gp-ease-in-out",children:jsxRuntime.jsx("span",{className:"gp-block gp-h-2.5 gp-max-h-full gp-w-2.5 gp-max-w-full gp-fill-current",children:jsxRuntime.jsx("svg",{viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-block gp-max-w-full gp-max-h-full",children:jsxRuntime.jsx("path",{d:"M20 5.347 7.647 17.462 0 9.962l2.393-2.347 5.254 5.154L17.607 3z"})})})})]})}exports.default=PostPurchaseCheckbox;

package/dist/esm/post-purchase/buyer-consent/common/classes.js

@@ -1 +1 @@
-import{filterTruthyStyles as e}from"@gem-sdk/core";import{postPurchaseTextColor as t}from"../../common/helper.js";let composeClasses=t=>e(t),getWrapperClassName=({align:e,uid:t})=>{let s={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return t&&(s[t]=!!t),composeClasses(s)},getCheckboxContainerClassName=()=>({"gp-grid gp-items-start gp-leading-[1.3]":!0}),getCheckboxClassName=()=>composeClasses({"gp-h-[18px] gp-w-[18px] gp-inline-block gp-static gp-flex-shrink-0":!0}),getLinkComponentClassName=()=>({"gp-underline":!0}),getLinkComponentStyles=()=>({color:t.defaultLink});export{getCheckboxClassName,getCheckboxContainerClassName,getLinkComponentClassName,getLinkComponentStyles,getWrapperClassName};
+import{filterTruthyStyles as e}from"@gem-sdk/core";import{postPurchaseTextColor as t}from"../../common/helper.js";let composeClasses=t=>e(t),getWrapperClassName=({align:e,uid:t})=>{let s={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return t&&(s[t]=!!t),composeClasses(s)},getCheckboxContainerClassName=()=>({"gp-grid gp-items-start gp-leading-[1.3]":!0}),getLinkComponentClassName=()=>({"gp-underline":!0}),getLinkComponentStyles=()=>({color:t.defaultLink});export{getCheckboxContainerClassName,getLinkComponentClassName,getLinkComponentStyles,getWrapperClassName};

package/dist/esm/post-purchase/buyer-consent/common/styles.js

@@ -1 +1 @@
-import{makeGlobalSize as t,filterTruthyStyles as e}from"@gem-sdk/core";import{makeTextColor as o,makeFontWeight as r,makeFontSize as a}from"../../common/helper.js";let SHOPIFY_CHECKBOX_GAP_FALLBACK="9px",composeStyles=t=>e(t),getWrapperStyles=({styles:e})=>{let{globalSize:o}=e??{},r=t(o);return composeStyles({...r?.width?.["--w"]?r.width:{"--w":"100%"},...r.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:t})=>{let{horizontalSpacing:e}=t??{},o=e??"9px";return{"--w":t?.width,justifyContent:"start",alignItems:"start",gridTemplate:`"checkbox gap label" auto / auto ${o} auto`}},getCheckboxInputStyles=()=>({appearance:"auto",maxWidth:"none",gridArea:"checkbox"}),getTextStyle=({styles:t})=>{let{typo:l}=t??{},n={display:"block",maxWidth:"100%",gridArea:"label",overflowWrap:"break-word"};if(!l)return e({...n});let i={"text-transform":l.textTransform,color:o(l.textColor,l.fontWeight),"font-weight":r(l.fontWeight),"font-size":a(l.fontSize)};return e({...n,...i})};export{getCheckboxInputStyles,getContainerStyles,getTextStyle,getWrapperStyles};
+import{makeGlobalSize as t,filterTruthyStyles as e}from"@gem-sdk/core";import{makeTextColor as r,makeFontWeight as o,makeFontSize as l}from"../../common/helper.js";let SHOPIFY_CHECKBOX_GAP_FALLBACK="9px",composeStyles=t=>e(t),getWrapperStyles=({styles:e})=>{let{globalSize:r}=e??{},o=t(r);return composeStyles({...o?.width?.["--w"]?o.width:{"--w":"100%"},...o.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:t})=>{let{horizontalSpacing:e}=t??{},r=e??"9px";return{"--w":t?.width,justifyContent:"start",alignItems:"start",gridTemplate:`"checkbox gap label" auto / auto ${r} auto`}},getTextStyle=({styles:t})=>{let{typo:a}=t??{},i={display:"block",maxWidth:"100%",gridArea:"label",overflowWrap:"break-word"};if(!a)return e({...i});let n={"text-transform":a.textTransform,color:r(a.textColor,a.fontWeight),"font-weight":o(a.fontWeight),"font-size":l(a.fontSize)};return e({...i,...n})};export{getContainerStyles,getTextStyle,getWrapperStyles};

package/dist/esm/post-purchase/buyer-consent/components/BuyerConsent.js

@@ -1 +1 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{createStyle as o,createClass as s}from"@gem-sdk/system";import{getWrapperStyles as m,getContainerStyles as i,getCheckboxInputStyles as n,getTextStyle as c}from"../common/styles.js";import{getWrapperClassName as d,getCheckboxContainerClassName as l,getCheckboxClassName as a,getLinkComponentClassName as u,getLinkComponentStyles as p}from"../common/classes.js";import{getComponentTag as h}from"../common/helpers.js";import{useProduct as y,usePageStore as f}from"@gem-sdk/core";import{extractProductID as C}from"../../../helpers.js";let DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:b,builderProps:k,setting:E})=>{let N=y(),_=f(e=>e.buyerConsentChecked),g=f(e=>e.setBuyerConsentChecked),{description:j,policyLabel:D,policyLink:I,align:$}=E??{},x=N?.id?`buyer-consent-product-${k?.uid}-${N.id}`:void 0,B=h(I),F=o(m({styles:b})),P=s(d({align:$,uid:k?.uid})),v=o(i({styles:b})),A=s(l()),L=o(n()),O=o(c({styles:b})),R=s(a()),T=s(u()),U=o(p()),H=t(()=>C(N?.baseID??""),[N?.baseID]),K=t(()=>{let e=`${H}`;return _?.[e]??!0},[_,H]),M=e=>{let r=`${H}`,t={..._,[r]:e.target.checked};g(t)};return e("div",{"data-id":k?.uid,style:F,className:P,children:r("label",{htmlFor:x,dir:b?.direction??"ltr",style:v,className:A,children:[e("input",{id:x,name:x,type:"checkbox",style:L,className:R,checked:K,onChange:M}),r("bdo",{dir:b?.direction??"ltr",style:O,children:[j," ",e(B,{target:"_blank",rel:"noreferrer",href:I,className:T,style:U,children:D})]})]})})};export{BuyerConsent as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useMemo as t}from"react";import{createStyle as o,createClass as s}from"@gem-sdk/system";import{getWrapperStyles as m,getContainerStyles as c,getTextStyle as i}from"../common/styles.js";import{getWrapperClassName as d,getCheckboxContainerClassName as n,getLinkComponentClassName as l,getLinkComponentStyles as a}from"../common/classes.js";import{getComponentTag as u}from"../common/helpers.js";import{useProduct as h,usePageStore as p}from"@gem-sdk/core";import{extractProductID as y}from"../../../helpers.js";import f from"./PostPurchaseCheckbox.js";let DEFAULT_PRE_CHECK_VALUE=!0,COMPONENT_ID_PREFIX="buyer-consent-product",BuyerConsent=({styles:C,builderProps:b,setting:k})=>{let j=h(),E=p(e=>e.buyerConsentChecked),_=p(e=>e.setBuyerConsentChecked),{description:g,policyLabel:N,policyLink:P,align:x}=k??{},D=j?.id?`buyer-consent-product-${b?.uid}-${j.id}`:void 0,I=u(P),$=o(m({styles:C})),B=s(d({align:x,uid:b?.uid})),F=o(c({styles:C})),v=s(n()),A=o(i({styles:C})),L=s(l()),O=o(a()),R=t(()=>y(j?.baseID??""),[j?.baseID]),T=t(()=>{let e=`${R}`;return E?.[e]??!0},[E,R]),U=e=>{let r=`${R}`,t={...E,[r]:e.target.checked};_(t)};return e("div",{"data-id":b?.uid,style:$,className:B,children:r("label",{htmlFor:D,dir:C?.direction??"ltr",style:F,className:v,children:[e(f,{id:D,name:D,type:"checkbox",checked:T,onChange:U}),r("bdo",{dir:C?.direction??"ltr",style:A,children:[g," ",e(I,{target:"_blank",rel:"noreferrer",href:P,className:L,style:O,children:N})]})]})})};export{BuyerConsent as default};

package/dist/esm/post-purchase/buyer-consent/components/PostPurchaseCheckbox.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as p}from"react/jsx-runtime";function PostPurchaseCheckbox({checked:o,onChange:g,...a}){return e("div",{className:"gp-h-[18px] gp-w-[18px] gp-inline-block gp-relative gp-flex-shrink-0",style:{gridArea:"checkbox"},children:[p("input",{...a,className:'gp-box-content gp-block gp-h-full gp-w-full gp-rounded gp-cursor-pointer gp-border gp-border-solid gp-border-[#d9d9d9] gp-bg-clip-padding gp-transition-shadow gp-duration-200 gp-ease-out checked:gp-shadow-[inset_0_0_0_10px_#1879b9] gp-appearance-none before:gp-content-[""] before:gp-block before:gp-h-full before:gp-w-full before:gp-rounded-sm before:gp-opacity-30 before:gp-shadow-[inset_#1879b9] before:gp-transition-shadow before:gp-duration-200 before:gp-ease-out [outline:none]',onChange:g}),p("div",{className:(o?"gp-opacity-100 ":"gp-opacity-0 ")+" gp-pointer-events-none gp-absolute gp-left-[calc(50%+1px)] gp-top-1/2 gp-origin-center gp--translate-x-1/2 gp--translate-y-1/2 gp-text-white gp-transition-all gp-duration-200 gp-ease-in-out",children:p("span",{className:"gp-block gp-h-2.5 gp-max-h-full gp-w-2.5 gp-max-w-full gp-fill-current",children:p("svg",{viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-block gp-max-w-full gp-max-h-full",children:p("path",{d:"M20 5.347 7.647 17.462 0 9.962l2.393-2.347 5.254 5.154L17.607 3z"})})})})]})}export{PostPurchaseCheckbox as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "12.0.0-dev.67",
+  "version": "12.0.0-dev.68",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",