@gem-sdk/components 12.0.0-dev.80 → 12.0.0-dev.82

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,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;
+"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,uid:a})=>{let{alt:i,srcSet:l,priority:g,qualityPercent:p,qualityType:n,title:o}=t??{},c=helpers.getAspectRatio({styles:e,setting:t}),A=()=>{helpers$1.handleClickLink(t?.imageLink,r)},u=l?.desktop?.backupFileKey?helpers.getNewBackupFileKey(l?.desktop?.backupFileKey??"",l?.desktop?.src??""):"",h=s?helpers.getImageSrc({src:l?.desktop?.src,backupFileKey:u,backupFilePath:l?.desktop?.backupFilePath,storage:l?.desktop?.storage}):l?.desktop?.src??"",I=g?{}:{"base-src":h??"","quality-type":helpers.safeStringify(n),"quality-percent":helpers.safeStringify(p)};return{pictureClass:"gp-contents",...a&&{"data-uid":a},...i&&{alt:i},...o&&{title:o},...l&&{srcSet:l},...g&&constants.PRIORITY_LOAD_ATTRS,...I,...e?.objectFit&&{layout:e.objectFit},onClick:A,aspectRatio:c}},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,d=!n&&u&&!i,y=()=>{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",...d?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(),...y()})},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/image/components/Image.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),AdaptiveImage=require("./AdaptiveImage.js"),NextImage=require("./NextImage.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../../helpers.js");const Image=({style:e,styles:s,setting:t,children:a,advanced:r,className:l,builderAttrs:m,builderProps:i,onLoad:c,onClick:y})=>{let{imageLink:n,isAdaptive:g,enableImageLink:u}=t??{},o=core.useEditorMode(),{Wrapper:d,urlData:p}=helpers.getLinkData({defaultWrap:"div",setting:n,enableImageLink:u}),j=system.createStyleReact(styles.getWrapperStyles(s)),x=system.createStyle(styles.getImageStyles(s,i)),I=system.createStyle(styles.getContainerStyles(e,s)),C=system.createClass(classes.getWrapperClasses()),q=system.createClass(classes.getImageClasses(l,s)),A=system.createClass(classes.getContainerClasses(i?.uid,r?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(m,i?.uid)),N=attrs.getLinkWrapperAttrs({urlData:p,imageLink:n,title:t?.title}),f=attrs.getAdaptiveImageAttrs({styles:s,setting:t,mode:o}),h=attrs.getNextImageAttrs({styles:s,setting:t}),R=()=>system.If(g,jsxRuntime.jsx(AdaptiveImage.default,{...f,style:x,className:q}),jsxRuntime.jsx(NextImage.default,{...h,style:x,className:q,onLoad:c}));return jsxRuntime.jsxs("div",{role:"presentation",...v,style:I,className:A,onClick:y,children:[jsxRuntime.jsx(d,{...N,style:j,className:C,children:R()}),a]})};exports.default=Image;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),AdaptiveImage=require("./AdaptiveImage.js"),NextImage=require("./NextImage.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../../helpers.js");const Image=({style:e,styles:s,setting:t,children:a,advanced:r,className:l,builderAttrs:i,builderProps:m,onLoad:c,onClick:y})=>{let{imageLink:u,isAdaptive:n,enableImageLink:g}=t??{},o=core.useEditorMode(),{Wrapper:d,urlData:p}=helpers.getLinkData({defaultWrap:"div",setting:u,enableImageLink:g}),j=system.createStyleReact(styles.getWrapperStyles(s)),x=system.createStyle(styles.getImageStyles(s,m)),I=system.createStyle(styles.getContainerStyles(e,s)),C=system.createClass(classes.getWrapperClasses()),q=system.createClass(classes.getImageClasses(l,s)),A=system.createClass(classes.getContainerClasses(m?.uid,r?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(i,m?.uid)),N=attrs.getLinkWrapperAttrs({urlData:p,imageLink:u,title:t?.title}),f=attrs.getAdaptiveImageAttrs({styles:s,setting:t,mode:o,uid:m?.uid}),h=attrs.getNextImageAttrs({styles:s,setting:t}),R=()=>system.If(n,jsxRuntime.jsx(AdaptiveImage.default,{...f,style:x,className:q}),jsxRuntime.jsx(NextImage.default,{...h,style:x,className:q,onLoad:c}));return jsxRuntime.jsxs("div",{role:"presentation",...v,style:I,className:A,onClick:y,children:[jsxRuntime.jsx(d,{...N,style:j,className:C,children:R()}),a]})};exports.default=Image;

package/dist/cjs/image/components/Image.liquid.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),AdaptiveImage_liquid=require("./AdaptiveImage.liquid.js"),NextImage_liquid=require("./NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js");const Image=({style:e,styles:s,setting:t,advanced:a,className:r,pageContext:l,builderAttrs:i,builderProps:m})=>{let g=helpers.getSettingTranslatedImageAndSeo({setting:t,uid:m?.uid,pageContext:l}),{imageLink:d,isAdaptive:u,enableImageLink:y}=g??{},{enableLazyLoadImage:c}=l??{},{Wrapper:p,urlData:n}=helpers$1.getLinkData({defaultWrap:"div",setting:d,enableImageLink:y,isLiquid:!0}),o=system.createStyle(styles.getWrapperStyles(s)),q=system.createStyle(styles.getImageStyles(s,m)),I=system.createStyle(styles.getContainerStyles(e,s)),A=system.createClass(classes.getWrapperClasses()),$=system.createClass(classes.getImageClasses(r,s)),C=system.createClass(classes.getContainerClasses(m?.uid,a?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(i,m?.uid)),j=attrs.getLinkWrapperAttrs({urlData:n,imageLink:d,title:g?.title,isLiquid:!0}),S=attrs.getAdaptiveImageAttrs({styles:s,setting:g,isLiquid:!0}),h=attrs.getNextImageAttrs({styles:s,setting:g}),f=attrs.getImageLiquidAttrs({pageContext:l,enableLazyLoadImage:c}),x=()=>system.If(u,AdaptiveImage_liquid.default({...f,...S,style:q,className:$}),NextImage_liquid.default({...f,...h,style:q,className:$})),L=()=>x();return core.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),helpers$1=require("../../helpers.js"),AdaptiveImage_liquid=require("./AdaptiveImage.liquid.js"),NextImage_liquid=require("./NextImage.liquid.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),attrs=require("../common/attrs.js"),helpers=require("../common/helpers.js");const Image=({style:e,styles:s,setting:t,advanced:a,className:r,pageContext:i,builderAttrs:l,builderProps:m})=>{let d=helpers.getSettingTranslatedImageAndSeo({setting:t,uid:m?.uid,pageContext:i}),{imageLink:g,isAdaptive:u,enableImageLink:y}=d??{},{enableLazyLoadImage:c}=i??{},{Wrapper:p,urlData:n}=helpers$1.getLinkData({defaultWrap:"div",setting:g,enableImageLink:y,isLiquid:!0}),o=system.createStyle(styles.getWrapperStyles(s)),q=system.createStyle(styles.getImageStyles(s,m)),I=system.createStyle(styles.getContainerStyles(e,s)),A=system.createClass(classes.getWrapperClasses()),$=system.createClass(classes.getImageClasses(r,s)),C=system.createClass(classes.getContainerClasses(m?.uid,a?.cssClass,s?.shape)),v=system.createAttr(attrs.getContainerAttrs(l,m?.uid)),j=attrs.getLinkWrapperAttrs({urlData:n,imageLink:g,title:d?.title,isLiquid:!0}),S=attrs.getAdaptiveImageAttrs({styles:s,setting:d,isLiquid:!0,uid:m?.uid}),h=attrs.getNextImageAttrs({styles:s,setting:d}),f=attrs.getImageLiquidAttrs({pageContext:i,enableLazyLoadImage:c}),x=()=>system.If(u,AdaptiveImage_liquid.default({...f,...S,style:q,className:$}),NextImage_liquid.default({...f,...h,style:q,className:$})),L=()=>x();return core.template`
     <div
       role="presentation"
       ${{...v}}

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"),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;
+"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,builderAttrs:r,style:l})=>{let{isEditMode:c}=core.useRenderMode(),a=core.useProduct(),o=core.usePageStore(e=>e.buyerConsentChecked),n=core.usePageStore(e=>e.setBuyerConsentChecked),i=core.usePageStore(e=>e.subscriptionVisible),{description:u,policyLabel:d,policyLink:y,align:m}=t??{},h=a?.id?`buyer-consent-product-${s?.uid}-${a.id}`:void 0,C=helpers$1.getComponentTag(y),x=system.createStyle(styles.getWrapperStyles({styles:e})),j=system.createClass(classes.getWrapperClassName({align:m,uid:s?.uid})),p=system.createStyle(styles.getContainerStyles({styles:e})),g=system.createClass(classes.getCheckboxContainerClassName()),b=system.createStyle(styles.getTextStyle({styles:e})),P=system.createClass(classes.getLinkComponentClassName()),k=system.createStyle(classes.getLinkComponentStyles()),R=React.useMemo(()=>helpers.extractProductID(a?.baseID??""),[a?.baseID]),S=React.useMemo(()=>{let e=`${R}`;return o?.[e]??!0},[o,R]),q=e=>{let s=`${R}`,t={...o,[s]:e.target.checked};n(t)},N=!c&&!i?.[a?.id??""];return N?null:jsxRuntime.jsx("div",{...r,style:{...l},children:jsxRuntime.jsx("div",{"data-id":s?.uid,style:x,className:j,children:jsxRuntime.jsxs("label",{htmlFor:h,dir:e?.direction??"ltr",style:p,className:g,children:[jsxRuntime.jsx(PostPurchaseCheckbox.default,{id:h,name:h,type:"checkbox",checked:S,onChange:q}),jsxRuntime.jsxs("bdo",{dir:e?.direction??"ltr",style:b,children:[u," ",jsxRuntime.jsx(C,{target:"_blank",rel:"noreferrer",href:y,className:P,style:k,children:d})]})]})})})};exports.default=BuyerConsent;

package/dist/cjs/post-purchase/product/components/product-subscription/ProductSubscription.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),React=require("react"),index=require("../../constants/index.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),useSellingPlanChange=require("./hooks/useSellingPlanChange.js"),useSellingSubscription=require("./hooks/useSellingSubscription.js"),useSellingPlanOptions=require("./hooks/useSellingPlanOptions.js"),useSubscriptionVisibility=require("./hooks/useSubscriptionVisibility.js"),OneTimePurchaseTooltip=require("./components/OneTimePurchaseTooltip.js"),SellingPlanDropdown=require("./components/SellingPlanDropdown.js"),SellingPlanLabel=require("./components/SellingPlanLabel.js"),SellingPlanRadio=require("./components/SellingPlanRadio.js"),SubscriptionDetail=require("./components/SubscriptionDetail.js"),SubscriptionRadio=require("./components/SubscriptionRadio.js");const ProductSubscription=({styles:e,setting:s,builderProps:i,builderAttrs:n,style:l,children:t})=>{let r=core.useProduct(),{defaultValue:u,selectedSellingPlan:a,setSelectedSellingPlan:o}=useSellingSubscription.useSellingSubscription(s),c=useSellingPlanOptions.useSellingPlanOptions(s),{selectedValue:p,handleSellingPlanChange:S}=useSellingPlanChange.useSellingPlanChange({defaultValue:u,selectedSellingPlan:a,setSelectedSellingPlan:o,sellingPlanOptions:c}),d=React.useRef(null),m=React.useId(),{selectedType:g,shouldShowRadio:j,isOneTimeHidden:x,hasNoSellingPlanOptions:b,setSubscriptionSellingType:R}=useSubscriptionVisibility.useSubscriptionVisibility({setting:s}),P=system.createStyle(styles.getSubscriptionStyles(e)),y=system.createStyle(styles.getSubscriptionWrapperStyles(e?.align)),h=system.createClass(classes.getWrapperClasses()),T=system.createClass(classes.getContainerClasses()),O=system.createStyle({...l}),{isEditMode:C}=core.useRenderMode(),I=`product-subscription-${r?.baseID}`,q=r?.baseID,E=`subscription-type-selection-${m}`,N=s?.sellingType===index.SubscriptionEnum.ONE_TIME,v=s?.sellingType===index.SubscriptionEnum.SUBSCRIPTION;if(x||b)return C?jsxRuntime.jsxs("div",{...n,style:O,children:[jsxRuntime.jsx(OneTimePurchaseTooltip.OneTimePurchaseTooltip,{ref:d,setting:s}),core.filterToolbarPreview(t,!0)]}):null;let D=e=>jsxRuntime.jsxs("div",{...n,style:O,children:[jsxRuntime.jsx("div",{ref:d,"data-selling-type":s?.sellingType,id:I,className:h,style:y,children:e}),core.filterToolbarPreview(t,!0)]}),k=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:s?.sellingStyle==="radio"?jsxRuntime.jsx(SellingPlanRadio.SellingPlanRadio,{setting:s,styles:e,builderProps:i,productId:q??"",sellingPlanOptions:c,selectedValue:p,onChange:S}):jsxRuntime.jsx(SellingPlanDropdown.SellingPlanDropdown,{setting:s,sellingPlanOptions:c,selectedValue:p,onChange:S})});return D(N&&j?jsxRuntime.jsx("div",{className:T,style:P,children:jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${q}-one-time-radio`,name:E,value:index.SubscriptionEnum.ONE_TIME,checked:g===index.SubscriptionEnum.ONE_TIME,className:"!gp-items-start",onChange:e=>{e.target.checked&&R(index.SubscriptionEnum.ONE_TIME)},children:jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e})})}):v&&j?jsxRuntime.jsxs("div",{className:T,style:P,children:[jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${q}-subscription-radio`,name:E,value:index.SubscriptionEnum.SUBSCRIPTION,checked:g===index.SubscriptionEnum.SUBSCRIPTION,className:"!gp-items-start",onChange:e=>{e.target.checked&&R(index.SubscriptionEnum.SUBSCRIPTION)},children:jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e})}),g===index.SubscriptionEnum.SUBSCRIPTION&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"gp-pl-7",children:k()}),jsxRuntime.jsx("div",{className:"gp-pl-7",children:jsxRuntime.jsx(SubscriptionDetail.SubscriptionDetail,{setting:s,styles:e})})]})]}):jsxRuntime.jsxs("div",{className:T,style:P,children:[jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e}),k(),jsxRuntime.jsx(SubscriptionDetail.SubscriptionDetail,{setting:s,styles:e})]}))};exports.default=ProductSubscription;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var jsxRuntime=require("react/jsx-runtime"),core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),React=require("react"),index=require("../../constants/index.js"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),useSellingPlanChange=require("./hooks/useSellingPlanChange.js"),useSellingSubscription=require("./hooks/useSellingSubscription.js"),useSellingPlanOptions=require("./hooks/useSellingPlanOptions.js"),useSubscriptionVisibility=require("./hooks/useSubscriptionVisibility.js"),OneTimePurchaseTooltip=require("./components/OneTimePurchaseTooltip.js"),SellingPlanDropdown=require("./components/SellingPlanDropdown.js"),SellingPlanLabel=require("./components/SellingPlanLabel.js"),SellingPlanRadio=require("./components/SellingPlanRadio.js"),SubscriptionDetail=require("./components/SubscriptionDetail.js"),SubscriptionRadio=require("./components/SubscriptionRadio.js"),useDynamicProduct=require("../../hooks/useDynamicProduct.js");const ProductSubscription=({styles:e,setting:s,builderProps:i,builderAttrs:n,style:t,children:l})=>{let r=core.useProduct(),u=core.usePageStore(e=>e.setSubscriptionVisible),{defaultValue:o,selectedSellingPlan:a,setSelectedSellingPlan:c}=useSellingSubscription.useSellingSubscription(s),d=useSellingPlanOptions.useSellingPlanOptions(s),{selectedValue:S,handleSellingPlanChange:p}=useSellingPlanChange.useSellingPlanChange({defaultValue:o,selectedSellingPlan:a,setSelectedSellingPlan:c,sellingPlanOptions:d}),m=React.useRef(null),g=React.useId(),{selectedType:j,shouldShowRadio:x,isOneTimeHidden:b,hasNoSellingPlanOptions:P,setSubscriptionSellingType:y}=useSubscriptionVisibility.useSubscriptionVisibility({setting:s}),R=system.createStyle(styles.getSubscriptionStyles(e)),h=system.createStyle(styles.getSubscriptionWrapperStyles(e?.align)),T=system.createClass(classes.getWrapperClasses()),O=system.createClass(classes.getContainerClasses()),I=system.createStyle({...t}),{isEditMode:q}=core.useRenderMode(),C=`product-subscription-${r?.baseID}`,E=r?.baseID,D=`subscription-type-selection-${g}`,N=s?.sellingType===index.SubscriptionEnum.ONE_TIME,v=s?.sellingType===index.SubscriptionEnum.SUBSCRIPTION,{isDynamicProduct:k}=useDynamicProduct.useDynamicProduct();if(React.useEffect(()=>{r?.id&&v&&!q&&u({productID:r.id,isShow:!(P||k)})},[P,k,q,v,r?.id,u]),b||P||k)return q?jsxRuntime.jsxs("div",{...n,style:I,children:[jsxRuntime.jsx(OneTimePurchaseTooltip.OneTimePurchaseTooltip,{ref:m,setting:s}),core.filterToolbarPreview(l,!0)]}):null;let f=e=>jsxRuntime.jsxs("div",{...n,style:I,children:[jsxRuntime.jsx("div",{ref:m,"data-selling-type":s?.sellingType,id:C,className:T,style:h,children:e}),core.filterToolbarPreview(l,!0)]}),L=()=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:s?.sellingStyle==="radio"?jsxRuntime.jsx(SellingPlanRadio.SellingPlanRadio,{setting:s,styles:e,builderProps:i,productId:E??"",sellingPlanOptions:d,selectedValue:S,onChange:p}):jsxRuntime.jsx(SellingPlanDropdown.SellingPlanDropdown,{setting:s,sellingPlanOptions:d,selectedValue:S,onChange:p})});return f(N&&x?jsxRuntime.jsx("div",{className:O,style:R,children:jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${E}-one-time-radio`,name:D,value:index.SubscriptionEnum.ONE_TIME,checked:j===index.SubscriptionEnum.ONE_TIME,className:"!gp-items-start",onChange:e=>{e.target.checked&&y(index.SubscriptionEnum.ONE_TIME)},children:jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e})})}):v&&x?jsxRuntime.jsxs("div",{className:O,style:R,children:[jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${E}-subscription-radio`,name:D,value:index.SubscriptionEnum.SUBSCRIPTION,checked:j===index.SubscriptionEnum.SUBSCRIPTION,className:"!gp-items-start",onChange:e=>{e.target.checked&&y(index.SubscriptionEnum.SUBSCRIPTION)},children:jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e})}),j===index.SubscriptionEnum.SUBSCRIPTION&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("div",{className:"gp-pl-7",children:L()}),jsxRuntime.jsx("div",{className:"gp-pl-7",children:jsxRuntime.jsx(SubscriptionDetail.SubscriptionDetail,{setting:s,styles:e})})]})]}):jsxRuntime.jsxs("div",{className:O,style:R,children:[jsxRuntime.jsx(SellingPlanLabel.SellingPlanLabel,{setting:s,styles:e}),L(),jsxRuntime.jsx(SubscriptionDetail.SubscriptionDetail,{setting:s,styles:e})]}))};exports.default=ProductSubscription;

package/dist/cjs/product/helpers/function.js

@@ -1 +1 @@
-"use strict";const getStyleOfObject=t=>{let e=Object.keys(t),s="";return e.forEach(e=>{t[e]&&(s+=`${e}: ${t[e]};`)}),s},getAlignClasses=(t,e)=>{if(!t||!e)return{};let s=["tablet","mobile","desktop"],r={};return s.forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};exports.getAlignClasses=getAlignClasses,exports.getStyleOfObject=getStyleOfObject;
+"use strict";const getStyleOfObject=t=>{let e="";if(!t||"object"!=typeof t)return e;let s=Object.keys(t);return s.forEach(s=>{s in t&&(e+=`${s}: ${t[s]};`)}),e},getAlignClasses=(t,e)=>{if(!t||!e)return{};let s=["tablet","mobile","desktop"],r={};return s.forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};exports.getAlignClasses=getAlignClasses,exports.getStyleOfObject=getStyleOfObject;

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,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};
+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,uid:g})=>{let{alt:p,srcSet:u,priority:d,qualityPercent:A,qualityType:m,title:y}=i??{},k=e({styles:t,setting:i}),L=()=>{n(i?.imageLink,l)},F=u?.desktop?.backupFileKey?r(u?.desktop?.backupFileKey??"",u?.desktop?.src??""):"",b=o?a({src:u?.desktop?.src,backupFileKey:F,backupFilePath:u?.desktop?.backupFilePath,storage:u?.desktop?.storage}):u?.desktop?.src??"",f=d?{}:{"base-src":b??"","quality-type":s(m),"quality-percent":s(A)};return{pictureClass:"gp-contents",...g&&{"data-uid":g},...p&&{alt:p},...y&&{title:y},...u&&{srcSet:u},...d&&c,...f,...t?.objectFit&&{layout:t.objectFit},onClick:L,aspectRatio:k}},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/image/components/Image.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useEditorMode as m}from"@gem-sdk/core";import{createStyleReact as t,createStyle as r,createClass as o,createAttr as a,If as i}from"@gem-sdk/system";import l from"./AdaptiveImage.js";import p from"./NextImage.js";import{getWrapperStyles as c,getImageStyles as d,getContainerStyles as n}from"../common/styles.js";import{getWrapperClasses as f,getImageClasses as g,getContainerClasses as j}from"../common/classes.js";import{getContainerAttrs as u,getAdaptiveImageAttrs as y,getNextImageAttrs as N,getLinkWrapperAttrs as h}from"../common/attrs.js";import{getLinkData as I}from"../../helpers.js";let Image=({style:k,styles:v,setting:x,children:C,advanced:W,className:A,builderAttrs:L,builderProps:b,onLoad:q,onClick:w})=>{let{imageLink:z,isAdaptive:B,enableImageLink:D}=x??{},E=m(),{Wrapper:F,urlData:G}=I({defaultWrap:"div",setting:z,enableImageLink:D}),H=t(c(v)),J=r(d(v,b)),K=r(n(k,v)),M=o(f()),O=o(g(A,v)),P=o(j(b?.uid,W?.cssClass,v?.shape)),Q=a(u(L,b?.uid)),R=h({urlData:G,imageLink:z,title:x?.title}),S=y({styles:v,setting:x,mode:E}),T=N({styles:v,setting:x}),U=()=>i(B,s(l,{...S,style:J,className:O}),s(p,{...T,style:J,className:O,onLoad:q}));return e("div",{role:"presentation",...Q,style:K,className:P,onClick:w,children:[s(F,{...R,style:H,className:M,children:U()}),C]})};export{Image as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useEditorMode as m}from"@gem-sdk/core";import{createStyleReact as t,createStyle as r,createClass as o,createAttr as a,If as i}from"@gem-sdk/system";import l from"./AdaptiveImage.js";import p from"./NextImage.js";import{getWrapperStyles as c,getImageStyles as d,getContainerStyles as n}from"../common/styles.js";import{getWrapperClasses as f,getImageClasses as u,getContainerClasses as g}from"../common/classes.js";import{getContainerAttrs as j,getAdaptiveImageAttrs as y,getNextImageAttrs as N,getLinkWrapperAttrs as h}from"../common/attrs.js";import{getLinkData as I}from"../../helpers.js";let Image=({style:k,styles:v,setting:x,children:C,advanced:W,className:A,builderAttrs:L,builderProps:b,onLoad:q,onClick:w})=>{let{imageLink:z,isAdaptive:B,enableImageLink:D}=x??{},E=m(),{Wrapper:F,urlData:G}=I({defaultWrap:"div",setting:z,enableImageLink:D}),H=t(c(v)),J=r(d(v,b)),K=r(n(k,v)),M=o(f()),O=o(u(A,v)),P=o(g(b?.uid,W?.cssClass,v?.shape)),Q=a(j(L,b?.uid)),R=h({urlData:G,imageLink:z,title:x?.title}),S=y({styles:v,setting:x,mode:E,uid:b?.uid}),T=N({styles:v,setting:x}),U=()=>i(B,s(l,{...S,style:J,className:O}),s(p,{...T,style:J,className:O,onLoad:q}));return e("div",{role:"presentation",...Q,style:K,className:P,onClick:w,children:[s(F,{...R,style:H,className:M,children:U()}),C]})};export{Image as default};

package/dist/esm/image/components/Image.liquid.js

@@ -1,4 +1,4 @@
-import{template as s}from"@gem-sdk/core";import{createStyle as e,createClass as t,createAttr as i,If as m}from"@gem-sdk/system";import{getLinkData as o}from"../../helpers.js";import r from"./AdaptiveImage.liquid.js";import l from"./NextImage.liquid.js";import{getWrapperStyles as a,getImageStyles as p,getContainerStyles as d}from"../common/styles.js";import{getWrapperClasses as u,getImageClasses as c,getContainerClasses as f}from"../common/classes.js";import{getContainerAttrs as n,getAdaptiveImageAttrs as g,getNextImageAttrs as $,getLinkWrapperAttrs as j,getImageLiquidAttrs as y}from"../common/attrs.js";import{getSettingTranslatedImageAndSeo as q}from"../common/helpers.js";let Image=({style:v,styles:I,setting:h,advanced:L,className:N,pageContext:k,builderAttrs:x,builderProps:W})=>{let A=q({setting:h,uid:W?.uid,pageContext:k}),{imageLink:C,isAdaptive:b,enableImageLink:w}=A??{},{enableLazyLoadImage:z}=k??{},{Wrapper:B,urlData:D}=o({defaultWrap:"div",setting:C,enableImageLink:w,isLiquid:!0}),E=e(a(I)),F=e(p(I,W)),G=e(d(v,I)),H=t(u()),J=t(c(N,I)),K=t(f(W?.uid,L?.cssClass,I?.shape)),M=i(n(x,W?.uid)),O=j({urlData:D,imageLink:C,title:A?.title,isLiquid:!0}),P=g({styles:I,setting:A,isLiquid:!0}),Q=$({styles:I,setting:A}),R=y({pageContext:k,enableLazyLoadImage:z}),S=()=>m(b,r({...R,...P,style:F,className:J}),l({...R,...Q,style:F,className:J})),T=()=>S();return s`
+import{template as s}from"@gem-sdk/core";import{createStyle as e,createClass as i,createAttr as t,If as m}from"@gem-sdk/system";import{getLinkData as o}from"../../helpers.js";import r from"./AdaptiveImage.liquid.js";import l from"./NextImage.liquid.js";import{getWrapperStyles as a,getImageStyles as d,getContainerStyles as p}from"../common/styles.js";import{getWrapperClasses as u,getImageClasses as c,getContainerClasses as f}from"../common/classes.js";import{getContainerAttrs as n,getAdaptiveImageAttrs as g,getNextImageAttrs as $,getLinkWrapperAttrs as j,getImageLiquidAttrs as y}from"../common/attrs.js";import{getSettingTranslatedImageAndSeo as q}from"../common/helpers.js";let Image=({style:v,styles:I,setting:h,advanced:L,className:N,pageContext:k,builderAttrs:x,builderProps:W})=>{let A=q({setting:h,uid:W?.uid,pageContext:k}),{imageLink:C,isAdaptive:b,enableImageLink:w}=A??{},{enableLazyLoadImage:z}=k??{},{Wrapper:B,urlData:D}=o({defaultWrap:"div",setting:C,enableImageLink:w,isLiquid:!0}),E=e(a(I)),F=e(d(I,W)),G=e(p(v,I)),H=i(u()),J=i(c(N,I)),K=i(f(W?.uid,L?.cssClass,I?.shape)),M=t(n(x,W?.uid)),O=j({urlData:D,imageLink:C,title:A?.title,isLiquid:!0}),P=g({styles:I,setting:A,isLiquid:!0,uid:W?.uid}),Q=$({styles:I,setting:A}),R=y({pageContext:k,enableLazyLoadImage:z}),S=()=>m(b,r({...R,...P,style:F,className:J}),l({...R,...Q,style:F,className:J})),T=()=>S();return s`
     <div
       role="presentation"
       ${{...M}}

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

package/dist/esm/post-purchase/product/components/product-subscription/ProductSubscription.js

@@ -1 +1 @@
-import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useProduct as t,useRenderMode as o,filterToolbarPreview as l}from"@gem-sdk/core";import{createStyle as n,createClass as r}from"@gem-sdk/system";import{useRef as m,useId as c}from"react";import{SubscriptionEnum as a}from"../../constants/index.js";import{getWrapperClasses as p,getContainerClasses as d}from"./common/classes.js";import{getSubscriptionStyles as g,getSubscriptionWrapperStyles as u}from"./common/styles.js";import{useSellingPlanChange as h}from"./hooks/useSellingPlanChange.js";import{useSellingSubscription as S}from"./hooks/useSellingSubscription.js";import{useSellingPlanOptions as f}from"./hooks/useSellingPlanOptions.js";import{useSubscriptionVisibility as y}from"./hooks/useSubscriptionVisibility.js";import{OneTimePurchaseTooltip as I}from"./components/OneTimePurchaseTooltip.js";import{SellingPlanDropdown as N}from"./components/SellingPlanDropdown.js";import{SellingPlanLabel as P}from"./components/SellingPlanLabel.js";import{SellingPlanRadio as b}from"./components/SellingPlanRadio.js";import{SubscriptionDetail as j}from"./components/SubscriptionDetail.js";import{SubscriptionRadio as T}from"./components/SubscriptionRadio.js";let ProductSubscription=({styles:O,setting:k,builderProps:v,builderAttrs:C,style:E,children:R})=>{let B=t(),{defaultValue:U,selectedSellingPlan:D,setSelectedSellingPlan:M}=S(k),$=f(k),{selectedValue:_,handleSellingPlanChange:x}=h({defaultValue:U,selectedSellingPlan:D,setSelectedSellingPlan:M,sellingPlanOptions:$}),V=m(null),w=c(),{selectedType:L,shouldShowRadio:q,isOneTimeHidden:z,hasNoSellingPlanOptions:A,setSubscriptionSellingType:F}=y({setting:k}),G=n(g(O)),H=n(u(O?.align)),J=r(p()),K=r(d()),Q=n({...E}),{isEditMode:W}=o(),X=`product-subscription-${B?.baseID}`,Y=B?.baseID,Z=`subscription-type-selection-${w}`,ee=k?.sellingType===a.ONE_TIME,es=k?.sellingType===a.SUBSCRIPTION;if(z||A)return W?e("div",{...C,style:Q,children:[s(I,{ref:V,setting:k}),l(R,!0)]}):null;let ei=i=>e("div",{...C,style:Q,children:[s("div",{ref:V,"data-selling-type":k?.sellingType,id:X,className:J,style:H,children:i}),l(R,!0)]}),et=()=>s(i,{children:k?.sellingStyle==="radio"?s(b,{setting:k,styles:O,builderProps:v,productId:Y??"",sellingPlanOptions:$,selectedValue:_,onChange:x}):s(N,{setting:k,sellingPlanOptions:$,selectedValue:_,onChange:x})});return ei(ee&&q?s("div",{className:K,style:G,children:s(T,{id:`${Y}-one-time-radio`,name:Z,value:a.ONE_TIME,checked:L===a.ONE_TIME,className:"!gp-items-start",onChange:e=>{e.target.checked&&F(a.ONE_TIME)},children:s(P,{setting:k,styles:O})})}):es&&q?e("div",{className:K,style:G,children:[s(T,{id:`${Y}-subscription-radio`,name:Z,value:a.SUBSCRIPTION,checked:L===a.SUBSCRIPTION,className:"!gp-items-start",onChange:e=>{e.target.checked&&F(a.SUBSCRIPTION)},children:s(P,{setting:k,styles:O})}),L===a.SUBSCRIPTION&&e(i,{children:[s("div",{className:"gp-pl-7",children:et()}),s("div",{className:"gp-pl-7",children:s(j,{setting:k,styles:O})})]})]}):e("div",{className:K,style:G,children:[s(P,{setting:k,styles:O}),et(),s(j,{setting:k,styles:O})]}))};export{ProductSubscription as default};
+import{jsxs as e,jsx as s,Fragment as i}from"react/jsx-runtime";import{useProduct as t,usePageStore as o,useRenderMode as l,filterToolbarPreview as n}from"@gem-sdk/core";import{createStyle as r,createClass as m}from"@gem-sdk/system";import{useRef as c,useId as a,useEffect as p}from"react";import{SubscriptionEnum as d}from"../../constants/index.js";import{getWrapperClasses as g,getContainerClasses as u}from"./common/classes.js";import{getSubscriptionStyles as h,getSubscriptionWrapperStyles as S}from"./common/styles.js";import{useSellingPlanChange as f}from"./hooks/useSellingPlanChange.js";import{useSellingSubscription as y}from"./hooks/useSellingSubscription.js";import{useSellingPlanOptions as I}from"./hooks/useSellingPlanOptions.js";import{useSubscriptionVisibility as N}from"./hooks/useSubscriptionVisibility.js";import{OneTimePurchaseTooltip as P}from"./components/OneTimePurchaseTooltip.js";import{SellingPlanDropdown as b}from"./components/SellingPlanDropdown.js";import{SellingPlanLabel as j}from"./components/SellingPlanLabel.js";import{SellingPlanRadio as T}from"./components/SellingPlanRadio.js";import{SubscriptionDetail as O}from"./components/SubscriptionDetail.js";import{SubscriptionRadio as k}from"./components/SubscriptionRadio.js";import{useDynamicProduct as v}from"../../hooks/useDynamicProduct.js";let ProductSubscription=({styles:C,setting:E,builderProps:R,builderAttrs:D,style:B,children:U})=>{let M=t(),V=o(e=>e.setSubscriptionVisible),{defaultValue:$,selectedSellingPlan:_,setSelectedSellingPlan:x}=y(E),w=I(E),{selectedValue:L,handleSellingPlanChange:q}=f({defaultValue:$,selectedSellingPlan:_,setSelectedSellingPlan:x,sellingPlanOptions:w}),z=c(null),A=a(),{selectedType:F,shouldShowRadio:G,isOneTimeHidden:H,hasNoSellingPlanOptions:J,setSubscriptionSellingType:K}=N({setting:E}),Q=r(h(C)),W=r(S(C?.align)),X=m(g()),Y=m(u()),Z=r({...B}),{isEditMode:ee}=l(),es=`product-subscription-${M?.baseID}`,ei=M?.baseID,et=`subscription-type-selection-${A}`,eo=E?.sellingType===d.ONE_TIME,el=E?.sellingType===d.SUBSCRIPTION,{isDynamicProduct:en}=v();if(p(()=>{M?.id&&el&&!ee&&V({productID:M.id,isShow:!(J||en)})},[J,en,ee,el,M?.id,V]),H||J||en)return ee?e("div",{...D,style:Z,children:[s(P,{ref:z,setting:E}),n(U,!0)]}):null;let er=i=>e("div",{...D,style:Z,children:[s("div",{ref:z,"data-selling-type":E?.sellingType,id:es,className:X,style:W,children:i}),n(U,!0)]}),em=()=>s(i,{children:E?.sellingStyle==="radio"?s(T,{setting:E,styles:C,builderProps:R,productId:ei??"",sellingPlanOptions:w,selectedValue:L,onChange:q}):s(b,{setting:E,sellingPlanOptions:w,selectedValue:L,onChange:q})});return er(eo&&G?s("div",{className:Y,style:Q,children:s(k,{id:`${ei}-one-time-radio`,name:et,value:d.ONE_TIME,checked:F===d.ONE_TIME,className:"!gp-items-start",onChange:e=>{e.target.checked&&K(d.ONE_TIME)},children:s(j,{setting:E,styles:C})})}):el&&G?e("div",{className:Y,style:Q,children:[s(k,{id:`${ei}-subscription-radio`,name:et,value:d.SUBSCRIPTION,checked:F===d.SUBSCRIPTION,className:"!gp-items-start",onChange:e=>{e.target.checked&&K(d.SUBSCRIPTION)},children:s(j,{setting:E,styles:C})}),F===d.SUBSCRIPTION&&e(i,{children:[s("div",{className:"gp-pl-7",children:em()}),s("div",{className:"gp-pl-7",children:s(O,{setting:E,styles:C})})]})]}):e("div",{className:Y,style:Q,children:[s(j,{setting:E,styles:C}),em(),s(O,{setting:E,styles:C})]}))};export{ProductSubscription as default};

package/dist/esm/product/helpers/function.js

@@ -1 +1 @@
-let getStyleOfObject=t=>{let e=Object.keys(t),s="";return e.forEach(e=>{t[e]&&(s+=`${e}: ${t[e]};`)}),s},getAlignClasses=(t,e)=>{if(!t||!e)return{};let s=["tablet","mobile","desktop"],r={};return s.forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};export{getAlignClasses,getStyleOfObject};
+let getStyleOfObject=t=>{let e="";if(!t||"object"!=typeof t)return e;let s=Object.keys(t);return s.forEach(s=>{s in t&&(e+=`${s}: ${t[s]};`)}),e},getAlignClasses=(t,e)=>{if(!t||!e)return{};let s=["tablet","mobile","desktop"],r={};return s.forEach(s=>{r="horizontal"===t[s]?{...r,[`${"desktop"!==s?`${s}:`:""}gp-justify-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-center`]:"center"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-justify-end`]:"right"===e[s]}:{...r,[`${"desktop"!==s?`${s}:`:""}gp-items-end`]:"right"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-start`]:"left"===e[s],[`${"desktop"!==s?`${s}:`:""}gp-items-center`]:"center"===e[s]}}),r};export{getAlignClasses,getStyleOfObject};

package/dist/types/index.d.ts

@@ -5,7 +5,7 @@ import { Property } from 'csstype';
 import * as _gem_sdk_keen_slider from '@gem-sdk/keen-slider';
 import { KeenSliderInstance } from '@gem-sdk/keen-slider';
 import { Swiper } from '@gem-sdk/swiper';
-import React$1, { ReactNode, FC } from 'react';
+import React$1, { ReactNode } from 'react';
 import * as _gem_sdk_swiper_types_swiper_class from '@gem-sdk/swiper/types/swiper-class';
 
 type AccordionSettingProps = {
@@ -3561,9 +3561,9 @@ type PostPurchaseBuyerConsentStyleProps = {
     textAlign?: AlignItemProp;
     typo?: PostPurchaseTypo;
 };
-type PostPurchaseBuyerConsentProps = BaseProps<PostPurchaseBuyerConsentSettingProps, PostPurchaseBuyerConsentStyleProps>;
+type PostPurchaseBuyerConsentProps = BasePropsWrap<PostPurchaseBuyerConsentSettingProps, PostPurchaseBuyerConsentStyleProps>;
 
-declare const BuyerConsent: FC<PostPurchaseBuyerConsentProps>;
+declare const BuyerConsent: React.FC<PostPurchaseBuyerConsentProps>;
 
 declare const postPurchaseBuyerConsentSetting: {
     PostPurchaseBuyerConsent: _gem_sdk_core.ComponentSetting<PostPurchaseBuyerConsentProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "12.0.0-dev.80",
+  "version": "12.0.0-dev.82",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -26,7 +26,7 @@
     "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/translate/extract-texts-to-locales.js && node ./scripts/translate/en-keys-usage.js"
   },
   "devDependencies": {
-    "@gem-sdk/core": "12.0.0-dev.79",
+    "@gem-sdk/core": "12.0.0-dev.82",
     "@gem-sdk/styles": "12.0.0-dev.71",
     "@gem-sdk/system": "12.0.0-dev.53",
     "@types/react-transition-group": "^4.4.12",