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

package/dist/cjs/image/common/attrs.js

@@ -1 +1 @@
-"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),constants=require("../constants.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:l,qualityPercent:g,qualityType:p}=t??{},n=helpers.getAspectRatio({styles:e,setting:t}),o=()=>{helpers$1.handleClickLink(t?.imageLink,r)},c=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",A=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:c,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",u=l?{}:{"base-src":A??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(g)};return{pictureClass:"gp-contents",...a&&{alt:a},...i&&{srcSet:i},...l&&constants.PRIORITY_LOAD_ATTRS,...u,...e?.objectFit&&{layout:e.objectFit},onClick:o,aspectRatio:n}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:l,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:o}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...l&&{quality:l},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:n,qualityPercent:o}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:l,width:g=2237,height:p=1678,isNotLazyload:n,backupFileKey:o,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:I,src:E=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:_=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,y=!n&&u&&!i,d=()=>{let e=o?helpers.getNewBackupFileKey(o??"",E):"",r=A?a:helpers.getImageSrc({src:E,backupFileKey:e,backupFilePath:c,storage:s}),l=A?E:helpers.getSrcSet(e??"",s??"THEME",E),n={sizes:"100vw",src:helpers.createBlurDataURL(g,p),...r&&!i?{"base-src":r}:{},...r?{"data-src":r}:{},...l?{"data-srcset":l}:{}},u={sizes:_,src:r??"",isNotLazyload:"true",srcset:t??"",...r&&!i?{"base-src":r}:{},...i?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...y?n:u}},L=()=>{let{qualityPercent:e,qualityType:t}=r??{},s=!i&&t&&e?{"quality-type":helpers.safeStringify(t),"quality-percent":helpers.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...h&&{alt:h},...I&&{title:I},width:g,height:p,draggable:"false",...s}};return system.createAttr({...l,...L(),...d()})},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:i,enableLazyLoadImage:l,base64:g=helpers.IMAGE_PLACEHOLDER,alt:p=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:n,src:o=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,c=!i&&l&&!a,A=()=>{let e={loading:"lazy",placeholder:"blur",...g&&{blurDataURL:g}},t={loading:"eager",fetchpriority:"high"};return{...c?e:t}},u=()=>({src:o,alt:p,title:n,width:t,height:r,quality:s}),h=u(),I=system.createAttr(A());return{...h,...I}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageLiquidAttrs=getNextImageLiquidAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;
+"use strict";var constant=require("../../constant.js"),helpers=require("./helpers.js"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),constants=require("../constants.js");const getContainerAttrs=(e,t)=>({...e,...t&&{"data-id":t}}),getLinkWrapperAttrs=({urlData:e,imageLink:t,title:r,isLiquid:s=!1})=>{let a=s?{...e,...t?.noFollow&&{rel:"nofollow"},title:r}:{setting:e,title:r};return t?.type!=="go-to-sales-page"?t?.link?a:{}:s?{href:constant.HREF_TO_SALES_PAGE,target:"_self"}:{setting:{href:constant.HREF_TO_SALES_PAGE,target:"_self"}}},getImageLiquidAttrs=({pageContext:e,enableLazyLoadImage:t=!1})=>({...e&&{pageContext:e},...t&&{enableLazyLoadImage:t}}),getAdaptiveImageAttrs=({styles:e,setting:t,mode:r,isLiquid:s})=>{let{alt:a,srcSet:i,priority:l,qualityPercent:g,qualityType:p,title:n}=t??{},o=helpers.getAspectRatio({styles:e,setting:t}),c=()=>{helpers$1.handleClickLink(t?.imageLink,r)},A=i?.desktop?.backupFileKey?helpers.getNewBackupFileKey(i?.desktop?.backupFileKey??"",i?.desktop?.src??""):"",u=s?helpers.getImageSrc({src:i?.desktop?.src,backupFileKey:A,backupFilePath:i?.desktop?.backupFilePath,storage:i?.desktop?.storage}):i?.desktop?.src??"",h=l?{}:{"base-src":u??"","quality-type":helpers.safeStringify(p),"quality-percent":helpers.safeStringify(g)};return{pictureClass:"gp-contents",...a&&{alt:a},...n&&{title:n},...i&&{srcSet:i},...l&&constants.PRIORITY_LOAD_ATTRS,...h,...e?.objectFit&&{layout:e.objectFit},onClick:c,aspectRatio:o}},getNextImageAttrs=({styles:e,setting:t})=>{let{objectFit:r}=e??{},{vw:s,alt:a,title:i,quality:l,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:o}=t??{},c=helpers.getAspectRatio({styles:e,setting:t});return{...t?.image,...s&&{vw:s},...a&&{alt:a},...i&&{title:i},...l&&{quality:l},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:c,layout:r,qualityType:n,qualityPercent:o}}},getNextImageLiquidAttrs=e=>{let{srcset:t,setting:r,storage:s,baseSrc:a,priority:i,customAttrs:l,width:g=2237,height:p=1678,isNotLazyload:n,backupFileKey:o,backupFilePath:c,srcIsLiquidCode:A,enableLazyLoadImage:u,alt:h=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:I,src:E=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC,sizes:_=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SIZES}=e,y=!n&&u&&!i,d=()=>{let e=o?helpers.getNewBackupFileKey(o??"",E):"",r=A?a:helpers.getImageSrc({src:E,backupFileKey:e,backupFilePath:c,storage:s}),l=A?E:helpers.getSrcSet(e??"",s??"THEME",E),n={sizes:"100vw",src:helpers.createBlurDataURL(g,p),...r&&!i?{"base-src":r}:{},...r?{"data-src":r}:{},...l?{"data-srcset":l}:{}},u={sizes:_,src:r??"",isNotLazyload:"true",srcset:t??"",...r&&!i?{"base-src":r}:{},...i?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...y?n:u}},L=()=>{let{qualityPercent:e,qualityType:t}=r??{},s=!i&&t&&e?{"quality-type":helpers.safeStringify(t),"quality-percent":helpers.safeStringify(e)}:{"quality-type":"","quality-percent":""};return{...h&&{alt:h},...I&&{title:I},width:g,height:p,draggable:"false",...s}};return system.createAttr({...l,...L(),...d()})},getNextImageReactAttrs=e=>{let{width:t=helpers.NEXT_IMAGE_CONFIG.DEFAULT_WIDTH_PROPS,height:r=helpers.NEXT_IMAGE_CONFIG.DEFAULT_HEIGHT_PROPS,quality:s,priority:a,isNotLazyload:i,enableLazyLoadImage:l,base64:g=helpers.IMAGE_PLACEHOLDER,alt:p=helpers.NEXT_IMAGE_CONFIG.DEFAULT_ALT,title:n,src:o=helpers.NEXT_IMAGE_CONFIG.DEFAULT_SRC}=e,c=!i&&l&&!a,A=()=>{let e={loading:"lazy",placeholder:"blur",...g&&{blurDataURL:g}},t={loading:"eager",fetchpriority:"high"};return{...c?e:t}},u=()=>({src:o,alt:p,title:n,width:t,height:r,quality:s}),h=u(),I=system.createAttr(A());return{...h,...I}};exports.getAdaptiveImageAttrs=getAdaptiveImageAttrs,exports.getContainerAttrs=getContainerAttrs,exports.getImageLiquidAttrs=getImageLiquidAttrs,exports.getLinkWrapperAttrs=getLinkWrapperAttrs,exports.getNextImageAttrs=getNextImageAttrs,exports.getNextImageLiquidAttrs=getNextImageLiquidAttrs,exports.getNextImageReactAttrs=getNextImageReactAttrs;

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/image/common/attrs.js

@@ -1 +1 @@
-import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,createBlurDataURL as o,IMAGE_PLACEHOLDER as g}from"./helpers.js";import{createAttr as p}from"@gem-sdk/system";import{handleClickLink as n}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as c}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:p,priority:u,qualityPercent:d,qualityType:A}=i??{},m=e({styles:t,setting:i}),y=()=>{n(i?.imageLink,l)},k=p?.desktop?.backupFileKey?r(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",L=o?a({src:p?.desktop?.src,backupFileKey:k,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",F=u?{}:{"base-src":L??"","quality-type":s(A),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...p&&{srcSet:p},...u&&c,...F,...t?.objectFit&&{layout:t.objectFit},onClick:y,aspectRatio:m}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:g,storage:n,baseSrc:c,priority:u,customAttrs:d,width:A=2237,height:m=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f=i.DEFAULT_ALT,title:h,src:I=i.DEFAULT_SRC,sizes:T=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,_=()=>{let t=k?r(k??"",I):"",s=F?c:a({src:I,backupFileKey:t,backupFilePath:L,storage:n}),i=F?I:l(t??"",n??"THEME",I),g={sizes:"100vw",src:o(A,m),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:T,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?g:p}},q=()=>{let{qualityPercent:t,qualityType:e}=g??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:A,height:m,draggable:"false",...r}};return p({...d,...q(),..._()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:l,enableLazyLoadImage:o,base64:n=g,alt:c=i.DEFAULT_ALT,title:u,src:d=i.DEFAULT_SRC}=t,A=!l&&o&&!s,m=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...A?t:e}},y=()=>({src:d,alt:c,title:u,width:e,height:r,quality:a}),k=y(),L=p(m());return{...k,...L}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};
+import{HREF_TO_SALES_PAGE as t}from"../../constant.js";import{getAspectRatio as e,getNewBackupFileKey as r,getImageSrc as a,safeStringify as s,NEXT_IMAGE_CONFIG as i,getSrcSet as l,createBlurDataURL as o,IMAGE_PLACEHOLDER as g}from"./helpers.js";import{createAttr as p}from"@gem-sdk/system";import{handleClickLink as n}from"../../helpers.js";import{PRIORITY_LOAD_ATTRS as c}from"../constants.js";let getContainerAttrs=(t,e)=>({...t,...e&&{"data-id":e}}),getLinkWrapperAttrs=({urlData:e,imageLink:r,title:a,isLiquid:s=!1})=>{let i=s?{...e,...r?.noFollow&&{rel:"nofollow"},title:a}:{setting:e,title:a};return r?.type!=="go-to-sales-page"?r?.link?i:{}:s?{href:t,target:"_self"}:{setting:{href:t,target:"_self"}}},getImageLiquidAttrs=({pageContext:t,enableLazyLoadImage:e=!1})=>({...t&&{pageContext:t},...e&&{enableLazyLoadImage:e}}),getAdaptiveImageAttrs=({styles:t,setting:i,mode:l,isLiquid:o})=>{let{alt:g,srcSet:p,priority:u,qualityPercent:d,qualityType:A,title:m}=i??{},y=e({styles:t,setting:i}),k=()=>{n(i?.imageLink,l)},L=p?.desktop?.backupFileKey?r(p?.desktop?.backupFileKey??"",p?.desktop?.src??""):"",F=o?a({src:p?.desktop?.src,backupFileKey:L,backupFilePath:p?.desktop?.backupFilePath,storage:p?.desktop?.storage}):p?.desktop?.src??"",b=u?{}:{"base-src":F??"","quality-type":s(A),"quality-percent":s(d)};return{pictureClass:"gp-contents",...g&&{alt:g},...m&&{title:m},...p&&{srcSet:p},...u&&c,...b,...t?.objectFit&&{layout:t.objectFit},onClick:k,aspectRatio:y}},getNextImageAttrs=({styles:t,setting:r})=>{let{objectFit:a}=t??{},{vw:s,alt:i,title:l,quality:o,priority:g,isNotLazyload:p,qualityType:n,qualityPercent:c}=r??{},u=e({styles:t,setting:r});return{...r?.image,...s&&{vw:s},...i&&{alt:i},...l&&{title:l},...o&&{quality:o},...g&&{priority:g},isNotLazyload:p,setting:{aspectRatio:u,layout:a,qualityType:n,qualityPercent:c}}},getNextImageLiquidAttrs=t=>{let{srcset:e,setting:g,storage:n,baseSrc:c,priority:u,customAttrs:d,width:A=2237,height:m=1678,isNotLazyload:y,backupFileKey:k,backupFilePath:L,srcIsLiquidCode:F,enableLazyLoadImage:b,alt:f=i.DEFAULT_ALT,title:h,src:I=i.DEFAULT_SRC,sizes:T=i.DEFAULT_SIZES}=t,E=!y&&b&&!u,_=()=>{let t=k?r(k??"",I):"",s=F?c:a({src:I,backupFileKey:t,backupFilePath:L,storage:n}),i=F?I:l(t??"",n??"THEME",I),g={sizes:"100vw",src:o(A,m),...s&&!u?{"base-src":s}:{},...s?{"data-src":s}:{},...i?{"data-srcset":i}:{}},p={sizes:T,src:s??"",isNotLazyload:"true",srcset:e??"",...s&&!u?{"base-src":s}:{},...u?{loading:"eager",fetchpriority:"high"}:{loading:"lazy"}};return{"data-sizes":"auto",...E?g:p}},q=()=>{let{qualityPercent:t,qualityType:e}=g??{},r=!u&&e&&t?{"quality-type":s(e),"quality-percent":s(t)}:{"quality-type":"","quality-percent":""};return{...f&&{alt:f},...h&&{title:h},width:A,height:m,draggable:"false",...r}};return p({...d,...q(),..._()})},getNextImageReactAttrs=t=>{let{width:e=i.DEFAULT_WIDTH_PROPS,height:r=i.DEFAULT_HEIGHT_PROPS,quality:a,priority:s,isNotLazyload:l,enableLazyLoadImage:o,base64:n=g,alt:c=i.DEFAULT_ALT,title:u,src:d=i.DEFAULT_SRC}=t,A=!l&&o&&!s,m=()=>{let t={loading:"lazy",placeholder:"blur",...n&&{blurDataURL:n}},e={loading:"eager",fetchpriority:"high"};return{...A?t:e}},y=()=>({src:d,alt:c,title:u,width:e,height:r,quality:a}),k=y(),L=p(m());return{...k,...L}};export{getAdaptiveImageAttrs,getContainerAttrs,getImageLiquidAttrs,getLinkWrapperAttrs,getNextImageAttrs,getNextImageLiquidAttrs,getNextImageReactAttrs};

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.70",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",