@gem-sdk/components 12.0.0-dev.133 → 12.0.0-dev.139

package/dist/esm/post-purchase/product/components/ProductDescription.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useProduct as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let PostPurchaseProductDescription=({setting:o,builderProps:i,styles:s})=>{let c=e(),d=c?.baseID?.replace("gid://shopify/Product/","");return t("div",{id:`shopify-text-element-${i?.uid}`,"data-product-id":d,children:c?t(r,{styles:s,setting:{...o,text:c.descriptionHtml}}):null})};export{PostPurchaseProductDescription as default};
+import{jsx as t}from"react/jsx-runtime";import{useProduct as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let o=({setting:o,builderProps:i,styles:s})=>{let d=e(),c=d?.baseID?.replace("gid://shopify/Product/","");return t("div",{id:`shopify-text-element-${i?.uid}`,"data-product-id":c,children:d?t(r,{styles:s,setting:{...o,text:d.descriptionHtml}}):null})};export{o as default};

package/dist/esm/post-purchase/product/components/ProductDiscountTag.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as o,jsx as s}from"react/jsx-runtime";import{useProduct as t,useProductOfferDiscount as r}from"@gem-sdk/core";import m from"../../text/components/Text.js";import{useDynamicProduct as e}from"../hooks/useDynamicProduct.js";import{createClass as i,createAttr as c,createStyle as u}from"@gem-sdk/system";import{getContainerAttrs as a}from"../common/attrs.js";import{getContainerClasses as d}from"../common/classes.js";import{getContainerStyles as p}from"../common/styles.js";import{getTextSettings as n}from"../common/helpers.js";let PostPurchaseProductDiscountTag=({setting:f={},styles:l={},style:P,builderAttrs:j,builderProps:g,children:h})=>{let y=t(),x=y?.baseID?.replace("gid://shopify/Product/",""),D=r(),{isDynamicProduct:k,isEnableDynamicDiscount:T}=e(),{typo:b,direction:v,textAlign:I,align:N,width:q}=l,{message:w}=f,z=!!D||k&&T,A=i({...d({uid:g?.uid})}),B=c({...a({...j,currentProductId:x,uid:g?.uid})}),C=u({...p({style:P,hasDiscount:z})}),E=n({hasDiscount:z,message:w});return o("div",{...B,className:A,style:C,children:[s(m,{setting:E,styles:{typo:b,direction:v,textAlign:I,align:N,width:q}}),h]})};export{PostPurchaseProductDiscountTag as default};
+import{jsxs as o,jsx as m}from"react/jsx-runtime";import{useProduct as s,useProductOfferDiscount as t}from"@gem-sdk/core";import r from"../../text/components/Text.js";import{useDynamicProduct as e}from"../hooks/useDynamicProduct.js";import{createClass as i,createAttr as c,createStyle as p}from"@gem-sdk/system";import{getContainerAttrs as d}from"../common/attrs.js";import{getContainerClasses as u}from"../common/classes.js";import{getContainerStyles as a}from"../common/styles.js";import{getTextSettings as n}from"../common/helpers.js";let f=({setting:f={},styles:l={},style:j,builderAttrs:y,builderProps:g,children:h})=>{let P=s(),x=P?.baseID?.replace("gid://shopify/Product/",""),k=t(),{isDynamicProduct:D,isEnableDynamicDiscount:T}=e(),{typo:b,direction:v,textAlign:I,align:N,width:q}=l,{message:w}=f,z=!!k||D&&T,A=i({...u({uid:g?.uid})}),B=c({...d({currentProductId:x,uid:g?.uid})}),C=p({...a({style:j,hasDiscount:z})}),E=n({hasDiscount:z,message:w});return o("div",{...B,className:A,style:C,children:[m(r,{setting:E,styles:{typo:b,direction:v,textAlign:I,align:N,width:q}}),h]})};export{f as default};

package/dist/esm/post-purchase/product/components/ProductPrice.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCurrentVariant as t,useProduct as o,useProductStore as i,convertDecimalToNumber as l,shopifyPriceRounding as s,useProductOfferDiscount as p,useI18nStore as a,useRenderMode as n,useFormatMoney as c,cls as g}from"@gem-sdk/core";import{useMemo as m}from"react";import d from"../../text/components/Text.js";import{useDynamicProduct as u}from"../hooks/useDynamicProduct.js";import f from"../../../common/components/TooltipHover.js";import{calculateSellingPlanDiscount as P}from"../helpers/product-price-breakdown/getPrice.js";import{useSubscriptionSellingType as h}from"../hooks/useSubscriptionSellingType.js";let PostPurchaseProductPrice=({styles:y,style:x,builderAttrs:b,builderProps:N,children:j,setting:S})=>{let k=t(),D=o(),{isOneTime:F}=h(),v=i(e=>e.selectedSellingPlan),w=l(k?.price)??0,G=l(k?.salePrice)??0,T=parseFloat(s(p(),2)),{isDynamicProduct:I}=u(),{t:J}=a(),{isEditMode:O}=n(),{priceType:$,source:H}=S??{},q="compare"===$,z="offer"===$,A="price"===H,B="compare-price"===H,C=k?.sellingPlanGroups,E=D?.sellingPlanGroups,K=m(()=>{if(!v||F)return null;let e=k?.sellingPlanGroups??D?.sellingPlanGroups??[];for(let r of e)if(r?.sellingPlans){for(let e of r.sellingPlans)if(e?.baseID===v)return e}return null},[JSON.stringify(C),JSON.stringify(E),v,F]),L=JSON.stringify(K?.pricingPolicies),M=K?.baseID,Q=m(()=>!K||w<=0||F?0:P({variantPrice:w,pricingPolicies:K.pricingPolicies}),[L,w,F]),R=m(()=>{let e=z&&!F&&v&&M;if(e){let e=parseFloat(s(w-Q,2)),r=parseFloat(s(e-T,2));return r>0?r:0}let r=parseFloat(s(w-T,2));return r>0?r:0},[z,F,v,M,w,Q,T]),U=m(()=>q?A?w:G:z?R:w,[q,A,z,w,G,R]),V=c(parseFloat(s(Number(U)||0,2)),!1),W=D?.baseID?.replace("gid://shopify/Product/",""),X=m(()=>q&&(!T&&G<w||B&&!G||A&&w<=0),[q,T,w,G,B,A]);return(!U&&!z||X)&&O?e(f,{enable:!0,text:"Not be displayed when published",width:"205px",position:"bottom",className:"gp-arrow-left-offset-10",children:e("div",{className:"gp-h-[28px] gp-px-1.5 gp-py-1 gp-flex gp-border gp-border-light-200 gp-items-center gp-justify-center gp-rounded-lg",style:{borderStyle:"dashed",strokeDasharray:"2,2"},children:e("span",{className:"gp-text-dark-400 gp-text-[12px] gp-leading-5",children:J("No compare price")})})}):X&&!O?null:r("div",{...b,className:g(N?.uid),style:{...x},id:`shopify-text-element-${N?.uid}`,"data-product-id":W,children:[e(d,{styles:y,setting:{text:I?"$???":V},className:g({"gp-money":z,"gp-product-compare-price":q,"gp-line-through":q&&y?.lineThrough})}),j]})};export{PostPurchaseProductPrice as default};
+import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCurrentVariant as t,useProduct as i,useProductStore as o,convertDecimalToNumber as l,shopifyPriceRounding as s,useProductOfferDiscount as p,useI18nStore as a,useRenderMode as n,useFormatMoney as c,cls as g}from"@gem-sdk/core";import{useMemo as m}from"react";import d from"../../text/components/Text.js";import{useDynamicProduct as u}from"../hooks/useDynamicProduct.js";import f from"../../../common/components/TooltipHover.js";import{calculateSellingPlanDiscount as h}from"../helpers/product-price-breakdown/getPrice.js";import{useSubscriptionSellingType as P}from"../hooks/useSubscriptionSellingType.js";let y=({styles:y,style:x,builderAttrs:b,builderProps:N,children:j,setting:S})=>{let k=t(),D=i(),{isOneTime:F}=P(),v=o(e=>e.selectedSellingPlan),w=l(k?.price)??0,G=l(k?.salePrice)??0,T=parseFloat(s(p(),2)),{isDynamicProduct:I}=u(),{t:J}=a(),{isEditMode:O}=n(),{priceType:$,source:H}=S??{},q="compare"===$,z="offer"===$,A="price"===H,B="compare-price"===H,C=k?.sellingPlanGroups,E=D?.sellingPlanGroups,K=m(()=>{if(!v||F)return null;let e=k?.sellingPlanGroups??D?.sellingPlanGroups??[];for(let r of e)if(r?.sellingPlans){for(let e of r.sellingPlans)if(e?.baseID===v)return e}return null},[JSON.stringify(C),JSON.stringify(E),v,F]),L=JSON.stringify(K?.pricingPolicies),M=K?.baseID,Q=m(()=>!K||w<=0||F?0:h({variantPrice:w,pricingPolicies:K.pricingPolicies}),[L,w,F]),R=m(()=>{let e=z&&!F&&v&&M;if(e){let e=parseFloat(s(w-Q,2)),r=parseFloat(s(e-T,2));return r>0?r:0}let r=parseFloat(s(w-T,2));return r>0?r:0},[z,F,v,M,w,Q,T]),U=m(()=>q?A?w:G:z?R:w,[q,A,z,w,G,R]),V=c(parseFloat(s(Number(U)||0,2)),!1),W=D?.baseID?.replace("gid://shopify/Product/",""),X=m(()=>q&&(!T&&G<w||B&&!G||A&&w<=0),[q,T,w,G,B,A]);return(!U&&!z||X)&&O?e(f,{enable:!0,text:"Not be displayed when published",width:"205px",position:"bottom",className:"gp-arrow-left-offset-10",children:e("div",{className:"gp-h-[28px] gp-px-1.5 gp-py-1 gp-flex gp-border gp-border-light-200 gp-items-center gp-justify-center gp-rounded-lg",style:{borderStyle:"dashed",strokeDasharray:"2,2"},children:e("span",{className:"gp-text-dark-400 gp-text-[12px] gp-leading-5",children:J("No compare price")})})}):X&&!O?null:r("div",{...b,className:g(N?.uid),style:{...x},id:`shopify-text-element-${N?.uid}`,"data-product-id":W,children:[e(d,{styles:y,setting:{text:I?"$???":V},className:g({"gp-money":z,"gp-product-compare-price":q,"gp-line-through":q&&y?.lineThrough})}),j]})};export{y as default};

package/dist/esm/post-purchase/product/components/ProductPriceBreakdown.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{Fragment as i}from"react";import{useProduct as r}from"@gem-sdk/core";import{createStyle as s,createAttr as l,createClass as d}from"@gem-sdk/system";import{getIconCollapseClassesRotate as n,getContainerPriceBreakdownClasses as a,getWrapperLabelClasses as c,getLabelClasses as m,getDividerClasses as p,getWrapperMoneyLinesClasses as u,getWrapperBreakdownClasses as h}from"../helpers/product-price-breakdown/getClasses.js";import{getStyle as f,getWrapperMoneyLinesStyles as b}from"../helpers/product-price-breakdown/getStyles.js";import{useGetItemGapPriceBreakdown as w}from"../hooks/useGetItemGapPriceBreakdown.js";import{useSetCollapsePrice as y}from"../hooks/useSetCollapsePrice.js";import k from"./price-breakdown/MoneyLine.js";import g from"../../text/components/Text.js";import{useGetMoneyLines as P}from"../hooks/useGetMoneyLines.js";let PostPurchaseProductPriceBreakdown=({setting:v={},styles:x={},style:C,builderAttrs:I,builderProps:j,children:L})=>{let{labelStyle:N,moneyStyle:q,spacing:S,width:B,align:T,isShowPrice:D,direction:G}=x,M=r(),H=M?.baseID?.replace("gid://shopify/Product/",""),{isCollapsePrice:R,onClickLabelPriceBreakdown:$}=y(D),{itemGap:E}=w(S),{getMoneyLines:F}=P(x,v),U=s({...f(C)}),Z=l({...I}),z=d(n(R)),A=d(a(T,j?.uid)),J=d(c(G)),K=d(m()),O=d(p()),Q=d(u()),V=d(h()),W=s({...b(B,E)});return e(t,{children:[e("div",{className:J,onClick:$,role:"button",tabIndex:0,"aria-hidden":"true",children:[o(g,{className:K,styles:{direction:G},setting:{text:R?v.contentHide||"Hide price breakdown":v.contentShow||"Show price breakdown",options:{isCannotEditing:!0}}}),o("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:z,children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0187 10.3598C10.7759 10.5853 10.3963 10.5712 10.1708 10.3284L8.01045 8.00191L5.85012 10.3284C5.62464 10.5712 5.245 10.5853 5.00218 10.3598C4.75935 10.1343 4.74529 9.75469 4.97077 9.51187L7.57077 6.71187C7.6843 6.58961 7.84361 6.52014 8.01045 6.52014C8.17729 6.52014 8.3366 6.58961 8.45012 6.71187L11.0501 9.51187C11.2756 9.75469 11.2615 10.1343 11.0187 10.3598Z",fill:"#1879B9"})})]}),o("div",{className:O}),R?o("div",{className:V,children:e("div",{...Z,className:A,style:U,id:`shopify-text-element-${j?.uid}`,"data-product-id":H,children:[o("div",{className:Q,style:W,children:F().map(t=>e(i,{children:["totalLabel"===t.uniqueId&&F().length>1&&o("hr",{}),o("div",{children:o(k,{uniqueId:t.uniqueId,direction:G,builderPropsUID:j?.uid,title:"totalLabel"===t.uniqueId?`<b>${t.title}</b>`:t.title,money:t.money,tooltipData:t.tooltip,labelTextStyles:{typo:{...N},direction:G},moneyTextStyles:{typo:q},subTitle:t.subTitle})},t.uniqueId)]},t.uniqueId))}),L]})}):null]})};export{PostPurchaseProductPriceBreakdown as default};
+import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{Fragment as i}from"react";import{useProduct as r}from"@gem-sdk/core";import{createStyle as s,createAttr as l,createClass as d}from"@gem-sdk/system";import{getIconCollapseClassesRotate as n,getContainerPriceBreakdownClasses as a,getWrapperLabelClasses as m,getLabelClasses as c,getDividerClasses as p,getWrapperMoneyLinesClasses as u,getWrapperBreakdownClasses as h}from"../helpers/product-price-breakdown/getClasses.js";import{getStyle as f,getWrapperMoneyLinesStyles as b}from"../helpers/product-price-breakdown/getStyles.js";import{useGetItemGapPriceBreakdown as y}from"../hooks/useGetItemGapPriceBreakdown.js";import{useSetCollapsePrice as w}from"../hooks/useSetCollapsePrice.js";import g from"./price-breakdown/MoneyLine.js";import k from"../../text/components/Text.js";import{useGetMoneyLines as v}from"../hooks/useGetMoneyLines.js";let x=({setting:x={},styles:C={},style:I,builderAttrs:j,builderProps:L,children:P})=>{let{labelStyle:N,moneyStyle:q,spacing:S,width:T,align:B,isShowPrice:D,direction:G}=C,M=r(),H=M?.baseID?.replace("gid://shopify/Product/",""),{isCollapsePrice:R,onClickLabelPriceBreakdown:$}=w(D),{itemGap:E}=y(S),{getMoneyLines:F}=v(C,x),U=s({...f(I)}),Z=l({...j}),z=d(n(R)),A=d(a(B,L?.uid)),J=d(m(G)),K=d(c()),O=d(p()),Q=d(u()),V=d(h()),W=s({...b(T,E)});return e(t,{children:[e("div",{className:J,onClick:$,role:"button",tabIndex:0,"aria-hidden":"true",children:[o(k,{className:K,styles:{direction:G},setting:{text:R?x.contentHide||"Hide price breakdown":x.contentShow||"Show price breakdown",options:{isCannotEditing:!0}}}),o("svg",{width:"17",height:"17",viewBox:"0 0 17 17",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:z,children:o("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.0187 10.3598C10.7759 10.5853 10.3963 10.5712 10.1708 10.3284L8.01045 8.00191L5.85012 10.3284C5.62464 10.5712 5.245 10.5853 5.00218 10.3598C4.75935 10.1343 4.74529 9.75469 4.97077 9.51187L7.57077 6.71187C7.6843 6.58961 7.84361 6.52014 8.01045 6.52014C8.17729 6.52014 8.3366 6.58961 8.45012 6.71187L11.0501 9.51187C11.2756 9.75469 11.2615 10.1343 11.0187 10.3598Z",fill:"#1879B9"})})]}),o("div",{className:O}),R?o("div",{className:V,children:e("div",{...Z,className:A,style:U,id:`shopify-text-element-${L?.uid}`,"data-product-id":H,children:[o("div",{className:Q,style:W,children:F().map(t=>e(i,{children:["totalLabel"===t.uniqueId&&F().length>1&&o("hr",{}),o("div",{children:o(g,{uniqueId:t.uniqueId,direction:G,builderPropsUID:L?.uid,title:"totalLabel"===t.uniqueId?`<b>${t.title}</b>`:t.title,money:t.money,tooltipData:t.tooltip,labelTextStyles:{typo:{...N},direction:G},moneyTextStyles:{typo:q},subTitle:t.subTitle})},t.uniqueId)]},t.uniqueId))}),P]})}):null]})};export{x as default};

package/dist/esm/post-purchase/product/components/ProductQuantity.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useQuantity as r,useCurrentVariantInStock as s}from"@gem-sdk/core";import{getWrapperClasses as a,getContainerClasses as o,getWrapperInputClasses as l,getLabelClasses as i,getInputClasses as m}from"../helpers/product-quantity/getClasses.js";import{createClass as n,createStyle as u}from"@gem-sdk/system";import{getWrapperStyles as c}from"../helpers/product-quantity/getStyles.js";import{useHandleQuantity as d}from"../hooks/useHandleQuantity.js";let PostPurchaseProductQuantity=({setting:p={},styles:h={}})=>{let{inputWidth:y,align:f}=h,{quantity:P,setQuantity:g}=r(),{value:N,onBlurInput:j,onChangeInput:v}=d(P,g,p),Q=s(),b=n(a(f)),k=n(o()),C=n(l()),q=n(i()),x=n(m()),S=u({...c(y)});return t("div",{className:b,children:t("div",{className:k,style:{...S},children:e("div",{className:C,children:[t("label",{htmlFor:"input",className:q,children:p.title||"Quantity"}),t("input",{disabled:!Q,autoComplete:"off",name:"Select Option",className:x,type:"number",value:N,min:1,onBlur:j,onChange:v})]})})})};export{PostPurchaseProductQuantity as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useQuantity as r,useCurrentVariantInStock as s}from"@gem-sdk/core";import{getWrapperClasses as a,getContainerClasses as l,getWrapperInputClasses as o,getLabelClasses as m,getInputClasses as i}from"../helpers/product-quantity/getClasses.js";import{createClass as n,createStyle as u}from"@gem-sdk/system";import{getWrapperStyles as c}from"../helpers/product-quantity/getStyles.js";import{useHandleQuantity as d}from"../hooks/useHandleQuantity.js";let p=({setting:p={},styles:h={}})=>{let{inputWidth:f,align:y}=h,{quantity:g,setQuantity:N}=r(),{value:j,onBlurInput:v,onChangeInput:b}=d(g,N,p),k=s(),C=n(a(y)),P=n(l()),Q=n(o()),q=n(m()),x=n(i()),S=u({...c(f)});return e("div",{className:C,children:e("div",{className:P,style:{...S},children:t("div",{className:Q,children:[e("label",{htmlFor:"input",className:q,children:p.title||"Quantity"}),e("input",{disabled:!k,autoComplete:"off",name:"Select Option",className:x,type:"number",value:j,min:1,onBlur:v,onChange:b})]})})})};export{p as default};

package/dist/esm/post-purchase/product/components/ProductTitle.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as t}from"react/jsx-runtime";import{useProduct as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let PostPurchaseProductTitle=({setting:o,builderProps:i,styles:s})=>{let d=e(),c=d?.baseID?.replace("gid://shopify/Product/","");return t("div",{id:`shopify-text-element-${i?.uid}`,"data-product-id":c,children:t(r,{styles:s,setting:{...o,text:d?.title}})})};export{PostPurchaseProductTitle as default};
+import{jsx as t}from"react/jsx-runtime";import{useProduct as e}from"@gem-sdk/core";import r from"../../text/components/Text.js";let o=({setting:o,builderProps:i,styles:s})=>{let d=e(),m=d?.baseID?.replace("gid://shopify/Product/","");return t("div",{id:`shopify-text-element-${i?.uid}`,"data-product-id":m,children:t(r,{styles:s,setting:{...o,text:d?.title}})})};export{o as default};

package/dist/esm/post-purchase/product/components/price-breakdown/MoneyLine.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useProduct as o}from"@gem-sdk/core";import s from"../../../../common/components/Tooltip.js";import r from"../../../text/components/Text.js";import{createClass as i}from"@gem-sdk/system";import{getMoneyRowClasses as n,getTextLabelMoneyClasses as m,getTextValueMoneyClasses as p}from"../../helpers/product-price-breakdown/getClasses.js";import{getLabelTextStyles as d}from"../../helpers/product-price-breakdown/getStyles.js";let MoneyLine=({uniqueId:l,title:a,money:c,labelTextStyles:g,moneyTextStyles:f,builderPropsUID:u,tooltipData:x,direction:h,subTitle:y})=>{let j=o(),k=j?.baseID?.replace("gid://shopify/Product/",""),w=i(n(h)),N=i(m(h)),b=i(p(h)),v=d(h,g);return t("div",{children:[t("div",{className:w,children:[e(r,{className:N,setting:{text:a,options:{uniqueId:`${l}-${u}-${k}`,productID:k,useState:!0}},styles:v}),x?e(s,{tooltip:x.content||"",width:x.width||""}):e(r,{className:b,setting:{text:c,options:{isCannotEditing:!0}},styles:f})]}),y&&e("div",{className:"gp-text-xs gp-font-normal gp-leading-5 gp-text-[#737373]",children:y})]})};export{MoneyLine as default};
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useProduct as o}from"@gem-sdk/core";import s from"../../../../common/components/Tooltip.js";import r from"../../../text/components/Text.js";import{createClass as i}from"@gem-sdk/system";import{getMoneyRowClasses as m,getTextLabelMoneyClasses as n,getTextValueMoneyClasses as p}from"../../helpers/product-price-breakdown/getClasses.js";import{getLabelTextStyles as d}from"../../helpers/product-price-breakdown/getStyles.js";let l=({uniqueId:l,title:a,money:c,labelTextStyles:g,moneyTextStyles:f,builderPropsUID:u,tooltipData:x,direction:h,subTitle:y})=>{let j=o(),k=j?.baseID?.replace("gid://shopify/Product/",""),w=i(m(h)),N=i(n(h)),b=i(p(h)),v=d(h,g);return t("div",{children:[t("div",{className:w,children:[e(r,{className:N,setting:{text:a,options:{uniqueId:`${l}-${u}-${k}`,productID:k,useState:!0}},styles:v}),x?e(s,{tooltip:x.content||"",width:x.width||""}):e(r,{className:b,setting:{text:c,options:{isCannotEditing:!0}},styles:f})]}),y&&e("div",{className:"gp-text-xs gp-font-normal gp-leading-5 gp-text-[#737373]",children:y})]})};export{l as default};

package/dist/esm/post-purchase/product/components/product-image/FeatureImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"./ImageListCarousel.js";import{createStyle as o}from"@gem-sdk/system";import{useFeatureImagePostPurchase as r}from"../../hooks/useFeatureImagePostPurchase.js";import{useSlideCarousel as s}from"../../hooks/useSlideCarousel.js";import{getFeatureImageStyle as m}from"../../common/styles.js";let FeatureImage=i=>{let{styles:a,setting:u,gallery:l}=i,n={...u,...a},{ftNavigation:c="none",ftSpacing:p="xtight",layoutType:d,ftAspectRatio:g,ftObjectFit:f,ftWidth:j}=n,{idxActive:h}=r({gallery:l}),{itemSlideList:I}=s({layoutType:d}),v=o(m({ftWidth:j}));return e("div",{style:v,children:e(t,{...i,productImages:l,aspectRatio:g,objectFit:f,spacing:p,navigation:c,vertical:!1,border:"none",itemPerSlide:I,idxActive:h})})};export{FeatureImage as default};
+import{jsx as e}from"react/jsx-runtime";import t from"./ImageListCarousel.js";import{createStyle as o}from"@gem-sdk/system";import{useFeatureImagePostPurchase as r}from"../../hooks/useFeatureImagePostPurchase.js";import{useSlideCarousel as s}from"../../hooks/useSlideCarousel.js";import{getFeatureImageStyle as i}from"../../common/styles.js";let m=m=>{let{styles:a,setting:l,gallery:n}=m,u={...l,...a},{ftNavigation:c="none",ftSpacing:p="xtight",layoutType:d,ftAspectRatio:g,ftObjectFit:f,ftWidth:j}=u,{idxActive:h}=r({gallery:n}),{itemSlideList:v}=s({layoutType:d}),x=o(i({ftWidth:j}));return e("div",{style:x,children:e(t,{...m,productImages:n,aspectRatio:g,objectFit:f,spacing:p,navigation:c,vertical:!1,border:"none",itemPerSlide:v,idxActive:h})})};export{m as default};

package/dist/esm/post-purchase/product/components/product-image/ImageListCarousel.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{CarouselProvider as e}from"./carousel-post-purchase/CarouselPostPurchaseContext.js";import{CarouselWrapperPostPurchase as s}from"./carousel-post-purchase/CarouselWrapperPostPurchase.js";let ImageListCarousel=o=>r(e,{children:r(s,{...o})});export{ImageListCarousel as default};
+import{jsx as r}from"react/jsx-runtime";import{CarouselProvider as e}from"./carousel-post-purchase/CarouselPostPurchaseContext.js";import{CarouselWrapperPostPurchase as s}from"./carousel-post-purchase/CarouselWrapperPostPurchase.js";let o=o=>r(e,{children:r(s,{...o})});export{o as default};

package/dist/esm/post-purchase/product/components/product-image/ImageListGrid.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{postPurchaseSpacing as m}from"../../../common/helper.js";import{createClass as o,createStyle as r}from"@gem-sdk/system";import{ItemGridPostPurchase as s}from"./ItemGridPostPurchase.js";import{useSlideCarousel as t}from"../../hooks/useSlideCarousel.js";import{getImageGridClass as i}from"../../common/classes.js";import{getImageGridStyle as a}from"../../common/styles.js";let ImageListGrid=({styles:l,setting:p,productImages:c})=>{let d={...l,...p},{ilObjectFit:f,ilAspectRatio:n,layoutType:j,ilNumberPerRow:u,ilSpacing:g,ilBorder:h}=d,y=m[g||"none"],{itemSlideGrid:G}=t({layoutType:j,ilNumberPerRow:u}),I=o(i()),b=r(a({gap:y,itemSlide:G}));return e("div",{className:I,style:b,children:c?.map(m=>e(s,{image:m,border:h,aspectRatio:n,objectFit:f},m.src))})};export{ImageListGrid as default};
+import{jsx as e}from"react/jsx-runtime";import{postPurchaseSpacing as m}from"../../../common/helper.js";import{createClass as o,createStyle as r}from"@gem-sdk/system";import{ItemGridPostPurchase as s}from"./ItemGridPostPurchase.js";import{useSlideCarousel as t}from"../../hooks/useSlideCarousel.js";import{getImageGridClass as i}from"../../common/classes.js";import{getImageGridStyle as a}from"../../common/styles.js";let l=({styles:l,setting:p,productImages:c})=>{let d={...l,...p},{ilObjectFit:f,ilAspectRatio:n,layoutType:j,ilNumberPerRow:u,ilSpacing:g,ilBorder:h}=d,y=m[g||"none"],{itemSlideGrid:b}=t({layoutType:j,ilNumberPerRow:u}),k=o(i()),x=r(a({gap:y,itemSlide:b}));return e("div",{className:k,style:x,children:c?.map(m=>e(s,{image:m,border:h,aspectRatio:n,objectFit:f},m.src))})};export{l as default};

package/dist/esm/post-purchase/product/components/product-image/ItemCarouselPostPurchase.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useFeaturedImageGlobal as t,useProductStore as s}from"@gem-sdk/core";import{createClass as r}from"@gem-sdk/system";import{getItemCarouselPostPurchaseClass as o}from"../../common/classes.js";import m from"../../../image/components/Image.js";let ItemCarouselPostPurchase=a=>{let{image:c,border:i,aspectRatio:n,objectFit:b}=a,d=t(),l=s(e=>e.setProductFeaturedImage),f=r(o({border:c?.id===d?.id&&"none"!==i})),p={src:c?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:""};return e("div",{"aria-hidden":"true",className:f,onClick:()=>l(c),children:e(m,{setting:{srcSet:{desktop:p,mobile:p,tablet:p}},styles:{aspectRatio:n,objectFit:b,enableBorder:"none"}},c?.src)})};export{ItemCarouselPostPurchase};
+import{jsx as e}from"react/jsx-runtime";import{useFeaturedImageGlobal as t,useProductStore as r}from"@gem-sdk/core";import{createClass as s}from"@gem-sdk/system";import{getItemCarouselPostPurchaseClass as o}from"../../common/classes.js";import m from"../../../image/components/Image.js";let a=a=>{let{image:c,border:i,aspectRatio:n,objectFit:b}=a,d=t(),l=r(e=>e.setProductFeaturedImage),f=s(o({border:c?.id===d?.id&&"none"!==i})),p={src:c?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",alt:""};return e("div",{"aria-hidden":"true",className:f,onClick:()=>l(c),children:e(m,{setting:{srcSet:{desktop:p,mobile:p,tablet:p}},styles:{aspectRatio:n,objectFit:b,enableBorder:"none"}},c?.src)})};export{a as ItemCarouselPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/ItemGridPostPurchase.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import{useFeaturedImageGlobal as r,useProductStore as t}from"@gem-sdk/core";import{createClass as o}from"@gem-sdk/system";import s from"../../../image/components/Image.js";import{getItemCarouselPostPurchaseClass as m}from"../../common/classes.js";let ItemGridPostPurchase=i=>{let{image:a,border:c,aspectRatio:d,objectFit:n}=i,l=r(),p=t(e=>e.setProductFeaturedImage),u={src:a.src,alt:""},g=o(m({border:a?.id===l?.id&&"none"!==c}));return e("div",{"aria-hidden":"true",className:g,onClick:()=>p(a),children:e(s,{setting:{srcSet:{desktop:u,mobile:u,tablet:u}},styles:{aspectRatio:d,objectFit:n,enableBorder:"none"}},a?.src)})};export{ItemGridPostPurchase};
+import{jsx as e}from"react/jsx-runtime";import{useFeaturedImageGlobal as r,useProductStore as t}from"@gem-sdk/core";import{createClass as o}from"@gem-sdk/system";import s from"../../../image/components/Image.js";import{getItemCarouselPostPurchaseClass as m}from"../../common/classes.js";let i=i=>{let{image:a,border:c,aspectRatio:d,objectFit:n}=i,l=r(),p=t(e=>e.setProductFeaturedImage),g={src:a.src,alt:""},u=o(m({border:a?.id===l?.id&&"none"!==c}));return e("div",{"aria-hidden":"true",className:u,onClick:()=>p(a),children:e(s,{setting:{srcSet:{desktop:g,mobile:g,tablet:g}},styles:{aspectRatio:d,objectFit:n,enableBorder:"none"}},a?.src)})};export{i as ItemGridPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/carousel-post-purchase/Arrow.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{createClass as o}from"@gem-sdk/system";import{useNavigationCarouselPostPurchase as s}from"../../../hooks/useNavigationCarouselPostPurchase.js";import{getNavigationClass as e}from"../../../common/classes.js";let ArrowPostPurchase=t=>{let{type:m,navigation:a,vertical:i,hidden:l=!1}=t,{imgSrc:c,handleClick:n,disabled:u}=s({type:m,vertical:i}),p=o(e());return"none"===a||l?null:r("button",{className:p,disabled:u,onClick:n,children:r("img",{src:c,alt:`gp-arrow-${m}`})})};export{ArrowPostPurchase};
+import{jsx as o}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import{useNavigationCarouselPostPurchase as s}from"../../../hooks/useNavigationCarouselPostPurchase.js";import{getNavigationClass as e}from"../../../common/classes.js";let t=t=>{let{type:m,navigation:a,vertical:i,hidden:l=!1}=t,{imgSrc:n,handleClick:c,disabled:u}=s({type:m,vertical:i}),p=r(e());return"none"===a||l?null:o("button",{className:p,disabled:u,onClick:c,children:o("img",{src:n,alt:`gp-arrow-${m}`})})};export{t as ArrowPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/carousel-post-purchase/CarouselPostPurchase.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as s,Fragment as o}from"react/jsx-runtime";import{ItemCarouselPostPurchase as r}from"../ItemCarouselPostPurchase.js";import{createClass as e}from"@gem-sdk/system";import{useListCarousel as t}from"../../../hooks/useListCarousel.js";import{getItemCarouseEmptyPostPurchaseClass as m}from"../../../common/classes.js";let CarouselPostPurchase=a=>{let{productImages:i,itemPerRow:c,border:u,aspectRatio:l,objectFit:p,vertical:P}=a,{listRender:d}=t({productImages:i,itemPerRow:c,vertical:P}),f=e(m());return s(o,{children:d?.map((o,e)=>o?s(r,{image:o,border:u,objectFit:p,aspectRatio:l},o.id):s("div",{className:f},e))})};export{CarouselPostPurchase};
+import{jsx as o,Fragment as r}from"react/jsx-runtime";import{ItemCarouselPostPurchase as s}from"../ItemCarouselPostPurchase.js";import{createClass as e}from"@gem-sdk/system";import{useListCarousel as t}from"../../../hooks/useListCarousel.js";import{getItemCarouseEmptyPostPurchaseClass as m}from"../../../common/classes.js";let a=a=>{let{productImages:i,itemPerRow:c,border:l,aspectRatio:p,objectFit:u,vertical:d}=a,{listRender:f}=t({productImages:i,itemPerRow:c,vertical:d}),j=e(m());return o(r,{children:f?.map((r,e)=>r?o(s,{image:r,border:l,objectFit:u,aspectRatio:p},r.id):o("div",{className:j},e))})};export{a as CarouselPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/carousel-post-purchase/CarouselPostPurchaseContext.js

@@ -1 +1 @@
-import{jsx as r}from"react/jsx-runtime";import{useState as e,createContext as o}from"react";let CarouselPostPurchaseContext=o(void 0),CarouselProvider=({children:o})=>{let[t,s]=e(0),[a,u]=e(0);return r(CarouselPostPurchaseContext.Provider,{value:{moveToIdx:t,setMoveToIdx:s,maxIdx:a,setMaxIdx:u},children:o})};export{CarouselPostPurchaseContext,CarouselProvider};
+import{jsx as r}from"react/jsx-runtime";import{useState as e,createContext as o}from"react";let t=o(void 0),i=({children:o})=>{let[i,a]=e(0),[l,u]=e(0);return r(t.Provider,{value:{moveToIdx:i,setMoveToIdx:a,maxIdx:l,setMaxIdx:u},children:o})};export{t as CarouselPostPurchaseContext,i as CarouselProvider};

package/dist/esm/post-purchase/product/components/product-image/carousel-post-purchase/CarouselWrapperPostPurchase.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useEffect as o}from"react";import{postPurchaseSpacing as t}from"../../../../common/helper.js";import{createClass as s,createStyle as m}from"@gem-sdk/system";import{ArrowPostPurchase as a}from"./Arrow.js";import{CarouselPostPurchase as i}from"./CarouselPostPurchase.js";import{useCarousel as n}from"../../../hooks/useCarousel.js";import{getImageListClass as p}from"../../../common/classes.js";import{getImageListStyle as c}from"../../../common/styles.js";let CarouselWrapperPostPurchase=({styles:l,setting:u,productImages:h,objectFit:d="cover",aspectRatio:f,itemPerSlide:j=1,spacing:v,navigation:g="none",vertical:P=!1,border:y="none",idxActive:x})=>{let C={...l,...u},{layoutType:b}=C||{},{setMoveToIdx:k,setMaxIdx:w}=n(),N=t[v||"none"]??"0px",R="one-col"===b,W=s(p()),A=m(c({gap:N,vertical:P}));return o(()=>{let e=h.length-Number(j||0);w(e)},[h.length,j,w]),o(()=>{(x||0===x)&&1===j&&k(x)},[x,j,k]),e("div",{className:W,style:A,children:[r(a,{type:"prev",navigation:g,vertical:P,hidden:R}),r(i,{productImages:h,itemPerRow:j,border:y,aspectRatio:f,objectFit:d,vertical:P}),r(a,{type:"next",navigation:g,vertical:P,hidden:R})]})};export{CarouselWrapperPostPurchase};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useEffect as r}from"react";import{postPurchaseSpacing as t}from"../../../../common/helper.js";import{createClass as m,createStyle as s}from"@gem-sdk/system";import{ArrowPostPurchase as i}from"./Arrow.js";import{CarouselPostPurchase as a}from"./CarouselPostPurchase.js";import{useCarousel as n}from"../../../hooks/useCarousel.js";import{getImageListClass as p}from"../../../common/classes.js";import{getImageListStyle as c}from"../../../common/styles.js";let l=({styles:l,setting:u,productImages:d,objectFit:f="cover",aspectRatio:h,itemPerSlide:j=1,spacing:v,navigation:g="none",vertical:y=!1,border:P="none",idxActive:x})=>{let b={...l,...u},{layoutType:C}=b||{},{setMoveToIdx:k,setMaxIdx:w}=n(),N=t[v||"none"]??"0px",R="one-col"===C,A=m(p()),F=s(c({gap:N,vertical:y}));return r(()=>{let e=d.length-Number(j||0);w(e)},[d.length,j,w]),r(()=>{(x||0===x)&&1===j&&k(x)},[x,j,k]),e("div",{className:A,style:F,children:[o(i,{type:"prev",navigation:g,vertical:y,hidden:R}),o(a,{productImages:d,itemPerRow:j,border:P,aspectRatio:h,objectFit:f,vertical:y}),o(i,{type:"next",navigation:g,vertical:y,hidden:R})]})};export{l as CarouselWrapperPostPurchase};

package/dist/esm/post-purchase/product/components/product-image/index.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import{useProduct as s}from"@gem-sdk/core";import a from"./layouts/FeatureImageWithGalleryImage.js";import o from"./FeatureImage.js";import m from"./layouts/OnlyGalleryImage.js";import{createClass as l,createStyle as i}from"@gem-sdk/system";import{getProductImageClass as c}from"../../common/classes.js";let PostPurchaseProductImages=g=>{let{setting:n,styles:d,builderProps:f,builderAttrs:u,style:I,children:p}=g,y={...n,...d},{layoutType:b="bottom-center"}=y,h=s(),E=e=>e?.medias?.edges.filter(e=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(e.node?.contentType||"")).map(e=>e?.node),D=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),P=r(()=>{let e=E(h)?.map(e=>(e&&(e.src=D(e.contentType)?e?.previewImage:e.src),e));return e?.length?e:[{id:h?.featuredImage?.id||"noImageError",baseID:h?.featuredImage?.baseID||"noImageError",src:h?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:h?.featuredImage?.width||480,height:h?.featuredImage?.height||480}]},[h]),O=()=>["bottom-center","left","right"].includes(b)?t(a,{gallery:P,builderProps:f,setting:n,styles:d}):["one-col","two-col"].includes(b)?t(m,{gallery:P,builderProps:f,setting:n,styles:d}):t(o,{gallery:P,styles:d,setting:n}),j=l(c({align:y?.align})),_=i({...I});return e("div",{...u,className:j,style:_,children:[t("div",{className:j,children:O()}),p]})};export{PostPurchaseProductImages as default};
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useMemo as r}from"react";import{useProduct as s}from"@gem-sdk/core";import a from"./layouts/FeatureImageWithGalleryImage.js";import o from"./FeatureImage.js";import m from"./layouts/OnlyGalleryImage.js";import{createClass as l,createStyle as i}from"@gem-sdk/system";import{getProductImageClass as g}from"../../common/classes.js";let c=c=>{let{setting:n,styles:d,builderProps:f,builderAttrs:u,style:I,children:p}=c,y={...n,...d},{layoutType:b="bottom-center"}=y,h=s(),E=e=>e?.medias?.edges.filter(e=>!["VIDEO","EXTERNAL_VIDEO","MODEL_3D"].includes(e.node?.contentType||"")).map(e=>e?.node),D=e=>!!e&&["EXTERNAL_VIDEO","MODEL_3D","VIDEO"].includes(e),O=r(()=>{let e=E(h)?.map(e=>(e&&(e.src=D(e.contentType)?e?.previewImage:e.src),e));return e?.length?e:[{id:h?.featuredImage?.id||"noImageError",baseID:h?.featuredImage?.baseID||"noImageError",src:h?.featuredImage?.src||"https://cdn.shopify.com/s/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c_large.gif",width:h?.featuredImage?.width||480,height:h?.featuredImage?.height||480}]},[h]),j=l(g({align:y?.align})),P=i({...I});return e("div",{...u,className:j,style:P,children:[t("div",{className:j,children:["bottom-center","left","right"].includes(b)?t(a,{gallery:O,builderProps:f,setting:n,styles:d}):["one-col","two-col"].includes(b)?t(m,{gallery:O,builderProps:f,setting:n,styles:d}):t(o,{gallery:O,styles:d,setting:n})}),p]})};export{c as default};

package/dist/esm/post-purchase/product/components/product-image/layouts/FeatureImageWithGalleryImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as m}from"react/jsx-runtime";import r from"../FeatureImage.js";import t from"./OnlyGalleryImage.js";import{createStyle as a,createClass as s}from"@gem-sdk/system";import{useProductImagePostPurchase as o}from"../../../hooks/useProductImagePostPurchase.js";import{getFeatureImageClass as l,getProductImageLayoutClass as i}from"../../../common/classes.js";import{getProductImageLayoutStyle as g,getAlignStyle as c}from"../../../common/styles.js";let FeatureImageWithGalleryImage=n=>{let{setting:p,styles:u,gallery:f}=n,y={...p,...u},{layoutType:d="bottom-center"}=y,{itemGap:I,gridLayout:h,isShowGalleryImages:j}=o({imageList:f,setting:p}),F=a(g({gap:I},h)),G=a(c({layoutType:d,align:y?.align})),P=s(l()),k=s(i());return e("div",{className:k,style:F,children:[m("div",{className:P,style:G,children:m(r,{...n})}),j&&m(t,{...n})]})};export{FeatureImageWithGalleryImage as default};
+import{jsxs as e,jsx as m}from"react/jsx-runtime";import r from"../FeatureImage.js";import t from"./OnlyGalleryImage.js";import{createStyle as s,createClass as o}from"@gem-sdk/system";import{useProductImagePostPurchase as a}from"../../../hooks/useProductImagePostPurchase.js";import{getFeatureImageClass as l,getProductImageLayoutClass as i}from"../../../common/classes.js";import{getProductImageLayoutStyle as c,getAlignStyle as g}from"../../../common/styles.js";let n=n=>{let{setting:p,styles:f,gallery:u}=n,d={...p,...f},{layoutType:y="bottom-center"}=d,{itemGap:j,gridLayout:h,isShowGalleryImages:I}=a({imageList:u,setting:p}),P=s(c({gap:j},h)),k=s(g({layoutType:y,align:d?.align})),v=o(l()),x=o(i());return e("div",{className:x,style:P,children:[m("div",{className:v,style:k,children:m(r,{...n})}),I&&m(t,{...n})]})};export{n as default};

package/dist/esm/post-purchase/product/components/product-image/layouts/OnlyGalleryImage.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e}from"react/jsx-runtime";import t from"../ImageListGrid.js";import i from"../ImageListCarousel.js";import{createClass as r}from"@gem-sdk/system";import{useProductImagePostPurchase as o}from"../../../hooks/useProductImagePostPurchase.js";import{getOnlyFeatureLayoutClass as a}from"../../../common/classes.js";let OnlyGalleryImage=m=>{let{setting:s,styles:l,gallery:c}=m,p={...s,...l},{isImageListCarousel:g}=o({imageList:c,setting:s}),d=r(a());return e("div",{className:d,children:g?e(i,{...m,productImages:c,aspectRatio:p?.ilAspectRatio,objectFit:p.ilObjectFit,spacing:p.ilSpacing,navigation:p?.ilNavigation,vertical:p?.layoutType!=="bottom-center",border:p?.ilBorder,itemPerSlide:p?.ilItemPerSlide}):e(t,{...m,productImages:c})})};export{OnlyGalleryImage as default};
+import{jsx as e}from"react/jsx-runtime";import t from"../ImageListGrid.js";import i from"../ImageListCarousel.js";import{createClass as r}from"@gem-sdk/system";import{useProductImagePostPurchase as o}from"../../../hooks/useProductImagePostPurchase.js";import{getOnlyFeatureLayoutClass as m}from"../../../common/classes.js";let a=a=>{let{setting:s,styles:l,gallery:c}=a,p={...s,...l},{isImageListCarousel:d}=o({imageList:c,setting:s}),g=r(m());return e("div",{className:g,children:d?e(i,{...a,productImages:c,aspectRatio:p?.ilAspectRatio,objectFit:p.ilObjectFit,spacing:p.ilSpacing,navigation:p?.ilNavigation,vertical:p?.layoutType!=="bottom-center",border:p?.ilBorder,itemPerSlide:p?.ilItemPerSlide}):e(t,{...a,productImages:c})})};export{a as default};

package/dist/esm/post-purchase/product/components/product-offer/common/attrs.js

@@ -1 +1 @@
-let getProductOfferAttrs=(t,o)=>({"data-uid":o||"","data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":t?.baseID?.replace("gid://shopify/Product/","")||"","data-product-gp-id":t?.id||""});export{getProductOfferAttrs};
+let t=(t,o)=>({"data-uid":o||"","data-component-type":"component","data-component-tag":"Product","data-component-label":"Product","data-component-no-setting":!0,"data-product-id":t?.baseID?.replace("gid://shopify/Product/","")||"","data-product-gp-id":t?.id||""});export{t as getProductOfferAttrs};

package/dist/esm/post-purchase/product/components/product-offer/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e,DEVICES as r}from"@gem-sdk/core";let getProductOfferContainerClasses=r=>({...e(r),...e("gp-flex gp-w-auto")}),getProductOfferWrapperClasses=()=>e("gp-grid gp-grid-cols-2"),getProductOfferItemClasses=(t,s,o)=>{let{productOfferLayout:f}=s??{},l="";return r.forEach(e=>{let r="desktop"===e?"":`${e}:`;if("mobile"===e){l+=" mobile:gp-col-span-2";return}(f?.[e]==="1col"&&t%3==0||1>=(o||0))&&(l+=` ${r}gp-col-span-2`)}),e(l)};export{getProductOfferContainerClasses,getProductOfferItemClasses,getProductOfferWrapperClasses};
+import{composeClasses as e,DEVICES as r}from"@gem-sdk/core";let o=r=>({...e(r),...e("gp-flex gp-w-auto")}),t=()=>e("gp-grid gp-grid-cols-2"),s=(o,t,s)=>{let{productOfferLayout:l}=t??{},p="";return r.forEach(e=>{let r="desktop"===e?"":`${e}:`;if("mobile"===e){p+=" mobile:gp-col-span-2";return}(l?.[e]==="1col"&&o%3==0||1>=(s||0))&&(p+=` ${r}gp-col-span-2`)}),e(p)};export{o as getProductOfferContainerClasses,s as getProductOfferItemClasses,t as getProductOfferWrapperClasses};

package/dist/esm/post-purchase/product/components/product-offer/common/styles.js

@@ -1 +1 @@
-import{filterTruthyStyles as e,makeStyleResponsive as t,makeWidth as r,makeStyle as o}from"@gem-sdk/core";import{postPurchaseViewSpacing as p}from"../../../../common/helper.js";let getWrapperStyles=o=>{let{productOfferColumnGap:l,productOfferVerticalGutter:s,productOfferWidth:g}=o??{};return e({...t("cg",l),...t("rg",{desktop:p[s||"base"]}),...t("w",r(g))})},getContainerStyles=(t,r)=>{let{inlineAlignment:p}=t??{};return e({...o({pc:p}),...r})};export{getContainerStyles,getWrapperStyles};
+import{filterTruthyStyles as e,makeStyleResponsive as r,makeWidth as t,makeStyle as o}from"@gem-sdk/core";import{postPurchaseViewSpacing as p}from"../../../../common/helper.js";let m=o=>{let{productOfferColumnGap:m,productOfferVerticalGutter:l,productOfferWidth:s}=o??{};return e({...r("cg",m),...r("rg",{desktop:p[l||"base"]}),...r("w",t(s))})},l=(r,t)=>{let{inlineAlignment:p}=r??{};return e({...o({pc:p}),...t})};export{l as getContainerStyles,m as getWrapperStyles};

package/dist/esm/post-purchase/product/components/product-offer/components/ProductOffer.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as o,Fragment as t}from"react/jsx-runtime";import{createElement as e}from"react";import r from"../../../../../common/components/Loading.js";import"@gem-sdk/core";import{getProductOfferContainerClasses as s,getProductOfferWrapperClasses as m}from"../common/classes.js";import{createClass as c,createStyle as a}from"@gem-sdk/system";import{getWrapperStyles as d,getContainerStyles as i}from"../common/styles.js";import{useProductOfferData as l}from"../hooks/useProductOfferData.js";import{ProductOfferItem as f}from"./ProductOfferItem.js";let PostPurchaseProductOffer=u=>{let{styles:n,builderAttrs:p,builderProps:h,setting:P}=u,{isLoading:j,productSortedById:y,totalProduct:g}=l(),k=c({...s(h?.uid)}),v=c({...m()}),O=a({...d(n)}),x=a({...i(P)});return o(t,{children:j?o(r,{}):y?.length?o("div",{...p,className:k,style:x,children:o("div",{className:v,style:O,children:y?.map((o,t)=>e(f,{...u,product:o,index:t,key:t,totalProduct:g}))})}):o("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};export{PostPurchaseProductOffer as default};
+import{jsx as o,Fragment as t}from"react/jsx-runtime";import{createElement as e}from"react";import r from"../../../../../common/components/Loading.js";import"@gem-sdk/core";import{getProductOfferContainerClasses as m,getProductOfferWrapperClasses as s}from"../common/classes.js";import{createClass as a,createStyle as c}from"@gem-sdk/system";import{getWrapperStyles as d,getContainerStyles as i}from"../common/styles.js";import{useProductOfferData as l}from"../hooks/useProductOfferData.js";import{ProductOfferItem as n}from"./ProductOfferItem.js";let f=f=>{let{styles:p,builderAttrs:u,builderProps:h,setting:P}=f,{isLoading:j,productSortedById:y,totalProduct:g}=l(),k=a({...m(h?.uid)}),v=a({...s()}),x=c({...d(p)}),O=c({...i(P)});return o(t,{children:j?o(r,{}):y?.length?o("div",{...u,className:k,style:O,children:o("div",{className:v,style:x,children:y?.map((o,t)=>e(n,{...f,product:o,index:t,key:t,totalProduct:g}))})}):o("div",{children:"You haven't set up a product yet. Please go back to the sales funnel details to add a product."})})};export{f as default};

package/dist/esm/post-purchase/product/components/product-offer/components/ProductOfferItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as r}from"react/jsx-runtime";import{useEditorMode as t,ProductProvider as e,isEmptyChildren as i}from"@gem-sdk/core";import"react";import o from"../../../../../grid/components/row/Row.js";import m from"../../../../../grid/components/ChildrenDroppable.js";import{createAttr as s,createClass as d}from"@gem-sdk/system";import{getProductOfferAttrs as l}from"../common/attrs.js";import{getProductOfferItemClasses as c}from"../common/classes.js";let ProductOfferItem=n=>{let{product:a,setting:p,builderProps:f,children:u,index:h,totalProduct:j,builderAttrs:g,styles:y}=n,I=t(),{variantSelected:b,productOfferLayout:O,layout:k,...v}=p??{};Object.keys(k||{}).forEach(r=>{O?.[r]==="2col"&&k?.[r]&&(k[r].display="fill")});let w=b?.[a?.baseID??""]?.variantId,x=s({...l(a,f?.uid)}),D=d({...c(h,p,j)});return r("div",{className:D,children:r(e,{product:a,readOnly:!0,initialVariantId:w??"Latest",uid:f?.uid,children:r("div",{..."edit"===I?{...x}:{},children:r(o,{builderAttrs:g,setting:{...v,layout:k},styles:y,children:i(u)?r(m,{}):u})})})},`uid-${a?.id}`)};export{ProductOfferItem};
+import{jsx as r}from"react/jsx-runtime";import{useEditorMode as t,ProductProvider as e,isEmptyChildren as i}from"@gem-sdk/core";import"react";import o from"../../../../../grid/components/row/Row.js";import m from"../../../../../grid/components/ChildrenDroppable.js";import{createAttr as s,createClass as d}from"@gem-sdk/system";import{getProductOfferAttrs as l}from"../common/attrs.js";import{getProductOfferItemClasses as n}from"../common/classes.js";let a=a=>{let{product:c,setting:p,builderProps:f,children:u,index:h,totalProduct:j,builderAttrs:g,styles:y}=a,b=t(),{variantSelected:I,productOfferLayout:k,layout:v,...O}=p??{};Object.keys(v||{}).forEach(r=>{k?.[r]==="2col"&&v?.[r]&&(v[r].display="fill")});let w=I?.[c?.baseID??""]?.variantId,x=s({...l(c,f?.uid)}),D=d({...n(h,p,j)});return r("div",{className:D,children:r(e,{product:c,readOnly:!0,initialVariantId:w??"Latest",uid:f?.uid,children:r("div",{..."edit"===b?{...x}:{},children:r(o,{builderAttrs:g,setting:{...O,layout:v},styles:y,children:i(u)?r(m,{}):u})})})},`uid-${c?.id}`)};export{a as ProductOfferItem};

package/dist/esm/post-purchase/product/components/product-offer/hooks/useProductOfferData.js

@@ -1 +1 @@
-import{usePageStore as o,useRenderMode as t,useProductOffersQuery as e,flattenConnection as r}from"@gem-sdk/core";import{useDynamicProduct as i}from"../../../hooks/useDynamicProduct.js";import{useMemo as n,useEffect as d}from"react";import{hasPublicStoreFrontData as a,createStoreFrontFetcher as p}from"../../../helpers/index.js";import{productOfferPlaceholder as u}from"../../../constants/ProductOfferPlaceholder.js";let useProductOfferData=()=>{let s=o(o=>o.productOffers),c=o(o=>o.publicStoreFrontData),{isDynamicProduct:l}=i(),f=o(o=>o.dynamicDiscountOffer),{isEditMode:m}=t(),P=n(()=>l?f?.appliedProductCount:s?.length,[f?.appliedProductCount,l,s?.length]),b=n(()=>s?.sort((o,t)=>o?.node?.position&&t?.node?.position?o.node.position-t.node.position:0).map(o=>o?.node?.objectBaseID).filter(Boolean),[s]),{isLoading:h,isValidating:D,data:C}=e(b||[],{revalidateOnMount:!0},{allStatus:!0,fetcher:a(c)?p(c):void 0}),O=n(()=>h||D,[h,D]),v=n(()=>r(C?.products),[C?.products]),g=n(()=>l&&f?.appliedProductCount?Array(f.appliedProductCount).fill(u):b?.map(o=>v?.find(t=>t?.baseID===o)).filter(Boolean),[l,f?.appliedProductCount,b,v]);return d(()=>{if(O||!m)return;let o=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{}});window.dispatchEvent(o)},[O,m]),{isLoading:O,productSortedById:g,totalProduct:P}};export{useProductOfferData};
+import{usePageStore as o,useRenderMode as t,useProductOffersQuery as e,flattenConnection as r}from"@gem-sdk/core";import{useDynamicProduct as i}from"../../../hooks/useDynamicProduct.js";import{useMemo as n,useEffect as d}from"react";import{hasPublicStoreFrontData as a,createStoreFrontFetcher as p}from"../../../helpers/index.js";import{productOfferPlaceholder as l}from"../../../constants/ProductOfferPlaceholder.js";let s=()=>{let s=o(o=>o.productOffers),u=o(o=>o.publicStoreFrontData),{isDynamicProduct:c}=i(),f=o(o=>o.dynamicDiscountOffer),{isEditMode:m}=t(),P=n(()=>c?f?.appliedProductCount:s?.length,[f?.appliedProductCount,c,s?.length]),b=n(()=>s?.sort((o,t)=>o?.node?.position&&t?.node?.position?o.node.position-t.node.position:0).map(o=>o?.node?.objectBaseID).filter(Boolean),[s]),{isLoading:h,isValidating:C,data:D}=e(b||[],{revalidateOnMount:!0},{allStatus:!0,fetcher:a(u)?p(u):void 0}),v=n(()=>h||C,[h,C]),O=n(()=>r(D?.products),[D?.products]),g=n(()=>c&&f?.appliedProductCount?Array(f.appliedProductCount).fill(l):b?.map(o=>O?.find(t=>t?.baseID===o)).filter(Boolean),[c,f?.appliedProductCount,b,O]);return d(()=>{if(v||!m)return;let o=new CustomEvent("editor:toolbar:force-active-component",{bubbles:!0,detail:{}});window.dispatchEvent(o)},[v,m]),{isLoading:v,productSortedById:g,totalProduct:P}};export{s as useProductOfferData};

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

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

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

@@ -1 +1 @@
-import{SubscriptionEnum as e}from"../../../constants/index.js";let getSellingPlanLabelAttrs=({styles:l,sellingType:t})=>{let i=t===e.ONE_TIME;return{typo:i?l?.sellingTitleOneTimeTypo??{}:l?.sellingTitleTypo??{},textAlign:i?l?.sellingTitleOneTimeAlign??"left":l?.sellingTitleAlign??"left",direction:i?l?.sellingTitleOneTimeDirection??"ltr":l?.sellingTitleDirection??"ltr"}};export{getSellingPlanLabelAttrs};
+import{SubscriptionEnum as e}from"../../../constants/index.js";let l=({styles:l,sellingType:i})=>{let t=i===e.ONE_TIME;return{typo:t?l?.sellingTitleOneTimeTypo??{}:l?.sellingTitleTypo??{},textAlign:t?l?.sellingTitleOneTimeAlign??"left":l?.sellingTitleAlign??"left",direction:t?l?.sellingTitleOneTimeDirection??"ltr":l?.sellingTitleDirection??"ltr"}};export{l as getSellingPlanLabelAttrs};

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

@@ -1 +1 @@
-import{composeClasses as e}from"@gem-sdk/core";let getWrapperClasses=()=>e("gp-flex gp-gap-x-[10px] gap-[10px]"),getContainerClasses=()=>e("gp-flex gp-flex-col"),getSellingPlanRadioContainerClasses=()=>e("gp-relative gp-flex gp-flex-col"),getSellingPlanRadioLabelClasses=()=>e("gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>e("gp-flex gp-flex-col"),getSellingPlanRadioOptionTextClasses=()=>e("gp-text-[14px] gp-leading-[1.3] gp-text-[#545454]"),getSubscriptionRadioLabelClasses=p=>{let g=p?"gp-opacity-50 gp-cursor-not-allowed":"";return e(`gp-flex gp-items-center gp-cursor-pointer gp-gap-2 ${g}`.trim())},getSubscriptionRadioInputClasses=()=>e("gp-relative gp-min-h-[18px] gp-min-w-[18px] gp-mt-[3px] gp-w-4 gp-h-4 gp-cursor-pointer gp-appearance-none gp-rounded-full gp-bg-light-100 gp-transition-all gp-border-light-500 gp-border-2 checked:gp-border-[#1879b9] checked:gp-border-[6px] checked:gp-after:gp-content-[''] checked:gp-after:gp-absolute checked:gp-after:gp-top-1/2 checked:gp-after:gp-left-1/2 checked:gp-after:gp-transform checked:gp-after:gp--translate-x-1/2 checked:gp-after:gp--translate-y-1/2 checked:gp-after:gp-h-2 checked:gp-after:gp-w-2 checked:gp-after:gp-rounded-full checked:gp-after:gp-bg-white disabled:gp-cursor-not-allowed"),getSellingPlanDropdownContainerClasses=()=>e("gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]"),getSellingPlanDropdownLabelClasses=()=>e("!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]"),getSellingPlanDropdownLabelSpanClasses=()=>e("gp-max-w-full"),getSellingPlanDropdownLabelInnerSpanClasses=()=>e("gp-block gp-overflow-hidden gp-truncate"),getSellingPlanDropdownSelectClasses=({isNoLabel:p=!1})=>e(`gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9]  gp-pl-[11px] gp-pr-[40px] gp-text-[14px] gp-outline-none gp-text-[#545454] gp-leading-[1.3] ${p?"gp-pt-0 gp-pb-0":"gp-pt-[21px] gp-pb-[6px]"}`),getSellingPlanDropdownOptionClasses=()=>e("gp-text-[14px] gp-text-black"),getSellingPlanDropdownIconContainerClasses=()=>e("gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]"),getSellingPlanDropdownIconClasses=()=>e("gp-h-[10px] gp-w-[10px]");export{getContainerClasses,getSellingPlanDropdownContainerClasses,getSellingPlanDropdownIconClasses,getSellingPlanDropdownIconContainerClasses,getSellingPlanDropdownLabelClasses,getSellingPlanDropdownLabelInnerSpanClasses,getSellingPlanDropdownLabelSpanClasses,getSellingPlanDropdownOptionClasses,getSellingPlanDropdownSelectClasses,getSellingPlanRadioContainerClasses,getSellingPlanRadioLabelClasses,getSellingPlanRadioOptionTextClasses,getSellingPlanRadioOptionsClasses,getSubscriptionRadioInputClasses,getSubscriptionRadioLabelClasses,getWrapperClasses};
+import{composeClasses as p}from"@gem-sdk/core";let e=()=>p("gp-flex gp-gap-x-[10px] gap-[10px]"),g=()=>p("gp-flex gp-flex-col"),l=()=>p("gp-relative gp-flex gp-flex-col"),t=()=>p("gp-text-xs gp-leading-[1.3]"),a=()=>p("gp-flex gp-flex-col"),n=()=>p("gp-text-[14px] gp-leading-[1.3] gp-text-[#545454]"),r=e=>p(`gp-flex gp-items-center gp-cursor-pointer gp-gap-2 ${e?"gp-opacity-50 gp-cursor-not-allowed":""}`.trim()),o=()=>p("gp-relative gp-min-h-[18px] gp-min-w-[18px] gp-mt-[3px] gp-w-4 gp-h-4 gp-cursor-pointer gp-appearance-none gp-rounded-full gp-bg-light-100 gp-transition-all gp-border-light-500 gp-border-2 checked:gp-border-[#1879b9] checked:gp-border-[6px] checked:gp-after:gp-content-[''] checked:gp-after:gp-absolute checked:gp-after:gp-top-1/2 checked:gp-after:gp-left-1/2 checked:gp-after:gp-transform checked:gp-after:gp--translate-x-1/2 checked:gp-after:gp--translate-y-1/2 checked:gp-after:gp-h-2 checked:gp-after:gp-w-2 checked:gp-after:gp-rounded-full checked:gp-after:gp-bg-white disabled:gp-cursor-not-allowed"),s=()=>p("gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]"),i=()=>p("!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]"),d=()=>p("gp-max-w-full"),c=()=>p("gp-block gp-overflow-hidden gp-truncate"),x=({isNoLabel:e=!1})=>p(`gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9]  gp-pl-[11px] gp-pr-[40px] gp-text-[14px] gp-outline-none gp-text-[#545454] gp-leading-[1.3] ${e?"gp-pt-0 gp-pb-0":"gp-pt-[21px] gp-pb-[6px]"}`),f=()=>p("gp-text-[14px] gp-text-black"),b=()=>p("gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]"),h=()=>p("gp-h-[10px] gp-w-[10px]");export{g as getContainerClasses,s as getSellingPlanDropdownContainerClasses,h as getSellingPlanDropdownIconClasses,b as getSellingPlanDropdownIconContainerClasses,i as getSellingPlanDropdownLabelClasses,c as getSellingPlanDropdownLabelInnerSpanClasses,d as getSellingPlanDropdownLabelSpanClasses,f as getSellingPlanDropdownOptionClasses,x as getSellingPlanDropdownSelectClasses,l as getSellingPlanRadioContainerClasses,t as getSellingPlanRadioLabelClasses,n as getSellingPlanRadioOptionTextClasses,a as getSellingPlanRadioOptionsClasses,o as getSubscriptionRadioInputClasses,r as getSubscriptionRadioLabelClasses,e as getWrapperClasses};

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

@@ -1 +1 @@
-let extractVariantId=t=>t?t.includes("/ProductVariant/")?t.split("/ProductVariant/")[1]||"":t:"",extractProductId=t=>t?t.includes("/Product/")?t.split("/Product/")[1]||"":t:"",extractSellingPlanSettings=({sellingPlansSetting:t,currentVariant:e,product:i,isFromEvent:r=!1})=>{if(!t)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};if(r&&e?.id){let r,o;if(i&&"baseID"in i&&i.baseID?(r=extractProductId(i.baseID),o=Object.keys(t)[0]):r="data"===(o=Object.keys(t)[0])&&t[o]?Object.keys(t[o])[0]:o,r){let i="data"===o?t.data:t[r],u="data"===o?i[r]:i;if(u){let t=extractVariantId(e.id?.toString()||""),i=extractVariantId(e.baseID||""),r=Object.keys(u).find(r=>r===e.id?.toString()||r===e.baseID||r===t||r===i||e.id?.toString()===r||e.baseID===r||e.id?.toString().includes(r)||e.baseID?.includes(r)||r.includes(t)||r.includes(i));if(r&&u[r]){let t=u[r];return{sourceApp:t?.sourceApp,group:t?.group,defaultOptions:t?.defaultOption}}let o=Object.keys(u)[0];if(o&&u[o]){let t=u[o];return{sourceApp:t?.sourceApp,group:t?.group,defaultOptions:t?.defaultOption}}}}}let o=Object.keys(t)[0];if(!o)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let u=t[o];if(!u)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let d=Object.keys(u)[0];if(!d)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let a=u[d];return{sourceApp:a?.sourceApp||a?.appSource,group:a?.group,defaultOptions:a?.defaultOption}};export{extractSellingPlanSettings};
+let e=e=>e?e.includes("/ProductVariant/")?e.split("/ProductVariant/")[1]||"":e:"",t=e=>e?e.includes("/Product/")?e.split("/Product/")[1]||"":e:"",i=({sellingPlansSetting:i,currentVariant:o,product:u,isFromEvent:r=!1})=>{if(!i)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};if(r&&o?.id){let r,p;if(u&&"baseID"in u&&u.baseID?(r=t(u.baseID),p=Object.keys(i)[0]):r="data"===(p=Object.keys(i)[0])&&i[p]?Object.keys(i[p])[0]:p,r){let t="data"===p?i.data:i[r],u="data"===p?t[r]:t;if(u){let t=e(o.id?.toString()||""),i=e(o.baseID||""),r=Object.keys(u).find(e=>e===o.id?.toString()||e===o.baseID||e===t||e===i||o.id?.toString()===e||o.baseID===e||o.id?.toString().includes(e)||o.baseID?.includes(e)||e.includes(t)||e.includes(i));if(r&&u[r]){let e=u[r];return{sourceApp:e?.sourceApp,group:e?.group,defaultOptions:e?.defaultOption}}let p=Object.keys(u)[0];if(p&&u[p]){let e=u[p];return{sourceApp:e?.sourceApp,group:e?.group,defaultOptions:e?.defaultOption}}}}}let p=Object.keys(i)[0];if(!p)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let d=i[p];if(!d)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let s=Object.keys(d)[0];if(!s)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let n=d[s];return{sourceApp:n?.sourceApp||n?.appSource,group:n?.group,defaultOptions:n?.defaultOption}};export{i as extractSellingPlanSettings};

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

@@ -1 +1 @@
-import{makeStyle as t,filterTruthyStyles as e}from"@gem-sdk/core";import{postPurchaseSpacing as r}from"../../../../common/helper.js";let getSubscriptionStyles=(r,i)=>{let{width:p}=r??{},l=t({w:i?"100%":p}),o=t({rg:"8px"});return e({...l,...o})},getSubscriptionWrapperStyles=r=>e({...t({jc:r??"left"})}),getSellingPlanRadioOptionsStyles=({sellingPlanItemGap:i,sellingType:p})=>{let l=r[i??"tight"]||"9px",o=t({rg:"subscription"===p?l:"9px"});return e({...o})};export{getSellingPlanRadioOptionsStyles,getSubscriptionStyles,getSubscriptionWrapperStyles};
+import{makeStyle as t,filterTruthyStyles as e}from"@gem-sdk/core";import{postPurchaseSpacing as r}from"../../../../common/helper.js";let o=(r,o)=>{let{width:p}=r??{},i=t({w:o?"100%":p}),l=t({rg:"8px"});return e({...i,...l})},p=r=>e({...t({jc:r??"left"})}),i=({sellingPlanItemGap:o,sellingType:p})=>{let i=r[o??"tight"]||"9px",l=t({rg:"subscription"===p?i:"9px"});return e({...l})};export{i as getSellingPlanRadioOptionsStyles,o as getSubscriptionStyles,p as getSubscriptionWrapperStyles};

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

@@ -1 +1 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useI18nStore as i}from"@gem-sdk/core";import o from"../../../../../common/components/TooltipHover.js";import{SubscriptionEnum as r}from"../../../constants/index.js";let OneTimePurchaseTooltip=t(({setting:t},p)=>{let{t:s}=i();return e("div",{ref:p,"data-selling-type":t?.sellingType,id:"product-subscription",children:e(o,{enable:!0,text:"Not be displayed when published",width:"205px",position:"bottom",className:"gp-arrow-left-offset-10",children:e("div",{className:"gp-px-2 gp-py-1 gp-flex gp-border gp-border-light-200 gp-items-center gp-justify-center gp-rounded-lg gp-w-fit",style:{borderStyle:"dashed",strokeDasharray:"2,2"},children:e("span",{className:"gp-text-dark-400 gp-text-[12px] gp-leading-5",children:s(t?.sellingType===r.ONE_TIME?"This product is only available as a subscription":"This product is only available as a one-time purchase")})})})})});OneTimePurchaseTooltip.displayName="OneTimePurchaseTooltip";export{OneTimePurchaseTooltip};
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{useI18nStore as r}from"@gem-sdk/core";import i from"../../../../../common/components/TooltipHover.js";import{SubscriptionEnum as o}from"../../../constants/index.js";let p=t(({setting:t},p)=>{let{t:s}=r();return e("div",{ref:p,"data-selling-type":t?.sellingType,id:"product-subscription",children:e(i,{enable:!0,text:"Not be displayed when published",width:"205px",position:"bottom",className:"gp-arrow-left-offset-10",children:e("div",{className:"gp-px-2 gp-py-1 gp-flex gp-border gp-border-light-200 gp-items-center gp-justify-center gp-rounded-lg gp-w-fit",style:{borderStyle:"dashed",strokeDasharray:"2,2"},children:e("span",{className:"gp-text-dark-400 gp-text-[12px] gp-leading-5",children:s(t?.sellingType===o.ONE_TIME?"This product is only available as a subscription":"This product is only available as a one-time purchase")})})})})});p.displayName="OneTimePurchaseTooltip";export{p as OneTimePurchaseTooltip};

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

@@ -1 +1 @@
-import{jsx as e,jsxs as l}from"react/jsx-runtime";import{createClass as a}from"@gem-sdk/system";import{getSellingPlanDropdownContainerClasses as s,getSellingPlanDropdownLabelClasses as r,getSellingPlanDropdownLabelSpanClasses as n,getSellingPlanDropdownLabelInnerSpanClasses as o,getSellingPlanDropdownSelectClasses as i,getSellingPlanDropdownOptionClasses as t,getSellingPlanDropdownIconContainerClasses as m,getSellingPlanDropdownIconClasses as c}from"../common/classes.js";import{makeStyle as d}from"@gem-sdk/core";let SellingPlanDropdown=({setting:p,styles:h,sellingPlanOptions:v,selectedValue:g,onChange:u,isShowRadio:N})=>{let{sellingLabel:f}=p??{},{width:w}=h??{},b=d({w:N?w:void 0}),x=a(s()),S=a(r()),j=a(n()),k=a(o()),y=a(i({isNoLabel:""===f})),C=a(t()),D=a(m()),L=a(c());return e("div",{className:x,style:{...b},children:l("div",{className:"gp-relative",children:[f&&e("label",{htmlFor:"selling-plan-select",className:S,children:e("span",{className:j,children:e("span",{className:k,children:f})})}),e("select",{autoComplete:"off",name:"Select Option",className:y,value:g,onChange:e=>u(e.target.value),children:v.map(l=>e("option",{className:C,value:l.value,children:l.label},l.value))}),e("div",{className:D,children:e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:L,children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{SellingPlanDropdown};
+import{jsx as e,jsxs as l}from"react/jsx-runtime";import{createClass as a}from"@gem-sdk/system";import{getSellingPlanDropdownContainerClasses as s,getSellingPlanDropdownLabelClasses as r,getSellingPlanDropdownLabelSpanClasses as o,getSellingPlanDropdownLabelInnerSpanClasses as t,getSellingPlanDropdownSelectClasses as i,getSellingPlanDropdownOptionClasses as m,getSellingPlanDropdownIconContainerClasses as n,getSellingPlanDropdownIconClasses as c}from"../common/classes.js";import{makeStyle as d}from"@gem-sdk/core";let p=({setting:p,styles:h,sellingPlanOptions:v,selectedValue:g,onChange:u,isShowRadio:N})=>{let{sellingLabel:f}=p??{},{width:w}=h??{},b=d({w:N?w:void 0}),x=a(s()),j=a(r()),k=a(o()),y=a(t()),C=a(i({isNoLabel:""===f})),L=a(m()),S=a(n()),B=a(c());return e("div",{className:x,style:{...b},children:l("div",{className:"gp-relative",children:[f&&e("label",{htmlFor:"selling-plan-select",className:j,children:e("span",{className:k,children:e("span",{className:y,children:f})})}),e("select",{autoComplete:"off",name:"Select Option",className:C,value:g,onChange:e=>u(e.target.value),children:v.map(l=>e("option",{className:L,value:l.value,children:l.label},l.value))}),e("div",{className:S,children:e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:B,children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{p as SellingPlanDropdown};

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

@@ -1 +1 @@
-import{jsx as e,Fragment as t}from"react/jsx-runtime";import r from"../../../../text/components/Text.js";import{getSellingPlanLabelAttrs as l}from"../common/attrs.js";import{SubscriptionEnum as s}from"../../../constants/index.js";import{makeStyle as n}from"@gem-sdk/core";let SellingPlanLabel=({setting:o,styles:m,isShowRadio:i})=>{let{sellingTitle:p,sellingTitleOneTime:a,sellingType:c}=o??{},{width:g}=m??{},x=n({w:i?g:"100%"}),d=c===s.ONE_TIME,f=d?a:p,{typo:j,textAlign:y,direction:T}=l({styles:m,sellingType:c});return e(t,{children:e("div",{style:{...x},children:e(r,{className:"gp-flex-1",textClassWrapper:"gp-leading-[24px]",styles:{typo:j,textAlign:y,direction:T},setting:{text:f}})})})};export{SellingPlanLabel};
+import{jsx as e,Fragment as t}from"react/jsx-runtime";import r from"../../../../text/components/Text.js";import{getSellingPlanLabelAttrs as s}from"../common/attrs.js";import{SubscriptionEnum as o}from"../../../constants/index.js";import{makeStyle as l}from"@gem-sdk/core";let m=({setting:m,styles:n,isShowRadio:i})=>{let{sellingTitle:p,sellingTitleOneTime:a,sellingType:x}=m??{},{width:c}=n??{},g=l({w:i?c:"100%"}),d=x===o.ONE_TIME,{typo:f,textAlign:j,direction:y}=s({styles:n,sellingType:x});return e(t,{children:e("div",{style:{...g},children:e(r,{className:"gp-flex-1",textClassWrapper:"gp-leading-[24px]",styles:{typo:f,textAlign:j,direction:y},setting:{text:d?a:p}})})})};export{m as SellingPlanLabel};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import{createClass as a}from"@gem-sdk/system";import{SubscriptionRadio as s}from"./SubscriptionRadio.js";import{getSellingPlanRadioContainerClasses as i,getSellingPlanRadioLabelClasses as m,getSellingPlanRadioOptionsClasses as n,getSellingPlanRadioOptionTextClasses as o}from"../common/classes.js";import{getSellingPlanRadioOptionsStyles as r}from"../common/styles.js";import{makeStyle as t}from"@gem-sdk/core";let SellingPlanRadio=({setting:c,styles:p,productId:d,sellingPlanOptions:g,builderProps:u,selectedValue:h,isShowRadio:v,onChange:f})=>{let{sellingLabel:y}=c??{},{width:$}=p??{},j=t({w:v?$:"100%"}),{uid:N}=u??{},P=a(i()),b=a(m()),k=a(n()),R=a(o()),S=r({sellingPlanItemGap:p?.sellingPlanItemGap,sellingType:c?.sellingType});return e("div",{className:P,style:{...S,...j},children:[y&&l("label",{className:b,children:y}),l("div",{className:k,style:S,children:g.map(e=>l(s,{name:`${d}-selling-plan-options-${N??""}`,value:e.value,checked:h===e.value,onChange:e=>f(e.target.value),children:l("span",{className:R,children:e.label})},`${d}-${e.value}-${N??""}`))})]})};export{SellingPlanRadio};
+import{jsxs as e,jsx as l}from"react/jsx-runtime";import{createClass as s}from"@gem-sdk/system";import{SubscriptionRadio as a}from"./SubscriptionRadio.js";import{getSellingPlanRadioContainerClasses as m,getSellingPlanRadioLabelClasses as i,getSellingPlanRadioOptionsClasses as n,getSellingPlanRadioOptionTextClasses as r}from"../common/classes.js";import{getSellingPlanRadioOptionsStyles as o}from"../common/styles.js";import{makeStyle as t}from"@gem-sdk/core";let c=({setting:c,styles:p,productId:d,sellingPlanOptions:g,builderProps:u,selectedValue:h,isShowRadio:v,onChange:f})=>{let{sellingLabel:y}=c??{},{width:$}=p??{},j=t({w:v?$:"100%"}),{uid:N}=u??{},b=s(m()),k=s(i()),P=s(n()),x=s(r()),G=o({sellingPlanItemGap:p?.sellingPlanItemGap,sellingType:c?.sellingType});return e("div",{className:b,style:{...G,...j},children:[y&&l("label",{className:k,children:y}),l("div",{className:P,style:G,children:g.map(e=>l(a,{name:`${d}-selling-plan-options-${N??""}`,value:e.value,checked:h===e.value,onChange:e=>f(e.target.value),children:l("span",{className:x,children:e.label})},`${d}-${e.value}-${N??""}`))})]})};export{c as SellingPlanRadio};

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

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import i from"../../../../text/components/Text.js";let SubscriptionDetail=({setting:e,styles:r})=>e?.enableSubscriptionDetail?t(i,{styles:{typo:r?.subscriptionDetailTypo??{},textAlign:r?.subscriptionDetailAlign??"left",direction:r?.subscriptionDetailDirection??"ltr"},textClassWrapper:"gp-leading-[24px]",setting:{text:e.subscriptionLabel}}):null;export{SubscriptionDetail};
+import{jsx as t}from"react/jsx-runtime";import i from"../../../../text/components/Text.js";let e=({setting:e,styles:r})=>e?.enableSubscriptionDetail?t(i,{styles:{typo:r?.subscriptionDetailTypo??{},textAlign:r?.subscriptionDetailAlign??"left",direction:r?.subscriptionDetailDirection??"ltr"},textClassWrapper:"gp-leading-[24px]",setting:{text:e.subscriptionLabel}}):null;export{e as SubscriptionDetail};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as i}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import{getSubscriptionRadioLabelClasses as m,getSubscriptionRadioInputClasses as o}from"../common/classes.js";let SubscriptionRadio=({checked:s=!1,id:t,value:a,name:c,onChange:l,disabled:n=!1,className:d="",children:p})=>{let u=r(m(n)),b=r(o());return e("label",{className:`${u} ${d}`.trim(),children:[i("input",{id:t,type:"radio",name:c,value:a,checked:s,onChange:l,disabled:n,className:b}),p]})};export{SubscriptionRadio};
+import{jsxs as e,jsx as m}from"react/jsx-runtime";import{createClass as r}from"@gem-sdk/system";import{getSubscriptionRadioLabelClasses as s,getSubscriptionRadioInputClasses as t}from"../common/classes.js";let a=({checked:a=!1,id:i,value:o,name:l,onChange:c,disabled:n=!1,className:d="",children:p})=>{let u=r(s(n)),b=r(t());return e("label",{className:`${u} ${d}`.trim(),children:[m("input",{id:i,type:"radio",name:l,value:o,checked:a,onChange:c,disabled:n,className:b}),p]})};export{a as SubscriptionRadio};

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

@@ -1 +1 @@
-import{AdjustmentType as e}from"../types.js";let parseNumber=e=>{let{value:t,defaultValue:l=0}=e;return"string"==typeof t?parseFloat(t)||l:"number"==typeof t?t:l},isValidPositiveNumber=e=>{let{value:t}=e;return!isNaN(t)&&t>0},findPolicyWithoutAfterCycle=e=>{let{policies:t}=e,l=t.filter(e=>null!=e);if(0===l.length)return null;let r=l.find(e=>{let t=e.AfterCycle??e.afterCycle;return null==t||0===t});return r??l[0]??null},calculateResult=t=>{let{variantPrice:l,adjustmentType:r,adjustmentValue:u}=t;if(!r||!u)return l;if(r===e.FIXED_AMOUNT&&u.amount){let e=parseNumber({value:u.amount});return isValidPositiveNumber({value:e})?l-e:l}if(r===e.PERCENTAGE&&void 0!==u.percentage){let e=u.percentage;return isValidPositiveNumber({value:e})?l-l*e/100:l}if(r===e.PRICE&&u.amount){let e=parseNumber({value:u.amount});return isValidPositiveNumber({value:e})?e:l}return l},parsePercentageFromName=e=>{if(!e)return null;let t=e.match(/(\d+(?:\.\d+)?)\s*%/);if(t&&t[1]){let e=parseFloat(t[1]);if(!isNaN(e)&&e>0&&e<=100)return e}return null},calculatePlanResultFromPercentage=(t,l)=>calculateResult({variantPrice:t,adjustmentType:e.PERCENTAGE,adjustmentValue:{percentage:l}}),calculatePlanResult=e=>{let{plan:t,variantPrice:l}=e,r=t.pricingPolicies;if(Array.isArray(r)&&r.length>0){let e=r.filter(e=>null!=e);if(e.length>0){let t=findPolicyWithoutAfterCycle({policies:e});if(t){let e=t.AdjustmentType??t.adjustmentType,r=t.AdjustmentValue??t.adjustmentValue;return calculateResult({variantPrice:l,adjustmentType:e,adjustmentValue:r})}}}let u=parsePercentageFromName(t.name);return null!==u?calculatePlanResultFromPercentage(l,u):l},findBestPlanFromList=e=>{let{plans:t,variantPrice:l}=e;if(0===t.length)return null;let r=null,u=1/0;for(let e of t){let t=calculatePlanResult({plan:e,variantPrice:l});if(t<u)u=t,r=e;else if(t===u&&r){let t=e=>{let t=e.updatedAt;if(!t)return 0;if("string"==typeof t){let e=Date.parse(t);return isNaN(e)?parseFloat(t)||0:e}return t},l=t(e),u=t(r);l>u?r=e:l===u&&e.id>r.id&&(r=e)}}return r};export{findBestPlanFromList};
+import{AdjustmentType as e}from"../types.js";let t=e=>{let{value:t,defaultValue:l=0}=e;return"string"==typeof t?parseFloat(t)||l:"number"==typeof t?t:l},l=e=>{let{value:t}=e;return!isNaN(t)&&t>0},r=e=>{let{policies:t}=e,l=t.filter(e=>null!=e);if(0===l.length)return null;let r=l.find(e=>{let t=e.AfterCycle??e.afterCycle;return null==t||0===t});return r??l[0]??null},n=r=>{let{variantPrice:n,adjustmentType:u,adjustmentValue:a}=r;if(!u||!a)return n;if(u===e.FIXED_AMOUNT&&a.amount){let e=t({value:a.amount});return l({value:e})?n-e:n}if(u===e.PERCENTAGE&&void 0!==a.percentage){let e=a.percentage;return l({value:e})?n-n*e/100:n}if(u===e.PRICE&&a.amount){let e=t({value:a.amount});return l({value:e})?e:n}return n},u=e=>{if(!e)return null;let t=e.match(/(\d+(?:\.\d+)?)\s*%/);if(t&&t[1]){let e=parseFloat(t[1]);if(!isNaN(e)&&e>0&&e<=100)return e}return null},a=(t,l)=>n({variantPrice:t,adjustmentType:e.PERCENTAGE,adjustmentValue:{percentage:l}}),i=e=>{let{plan:t,variantPrice:l}=e,i=t.pricingPolicies;if(Array.isArray(i)&&i.length>0){let e=i.filter(e=>null!=e);if(e.length>0){let t=r({policies:e});if(t){let e=t.AdjustmentType??t.adjustmentType,r=t.AdjustmentValue??t.adjustmentValue;return n({variantPrice:l,adjustmentType:e,adjustmentValue:r})}}}let f=u(t.name);return null!==f?a(l,f):l},f=e=>{let{plans:t,variantPrice:l}=e;if(0===t.length)return null;let r=null,n=1/0;for(let e of t){let t=i({plan:e,variantPrice:l});if(t<n)n=t,r=e;else if(t===n&&r){let t=e=>{let t=e.updatedAt;if(!t)return 0;if("string"==typeof t){let e=Date.parse(t);return isNaN(e)?parseFloat(t)||0:e}return t},l=t(e),n=t(r);l>n?r=e:l===n&&e.id>r.id&&(r=e)}}return r};export{f as findBestPlanFromList};

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

@@ -1 +1 @@
-import{findBestPlanFromList as e}from"./calculateBestSellingPlan.js";import{convertDecimalToNumber as t}from"@gem-sdk/core";let findDefaultValue=i=>{let{validPlans:l,extractedSettings:r,currentVariant:a,plans:f}=i;if(r.defaultOptions){let e=l.find(e=>e.baseID===r.defaultOptions),t=l.find(e=>e.id===r.defaultOptions);return e?.baseID??t?.baseID}if(l.length>0&&a){let i="number"==typeof a.price?String(a.price):a.price??void 0,r=t(i)??0;if(r>0){let t=e({plans:l,variantPrice:r});if(t)return t.baseID}}return f[0]?.value};export{findDefaultValue};
+import{findBestPlanFromList as e}from"./calculateBestSellingPlan.js";import{convertDecimalToNumber as t}from"@gem-sdk/core";let i=i=>{let{validPlans:l,extractedSettings:r,currentVariant:n,plans:a}=i;if(r.defaultOptions){let e=l.find(e=>e.baseID===r.defaultOptions),t=l.find(e=>e.id===r.defaultOptions);return e?.baseID??t?.baseID}if(l.length>0&&n){let i="number"==typeof n.price?String(n.price):n.price??void 0,r=t(i)??0;if(r>0){let t=e({plans:l,variantPrice:r});if(t)return t.baseID}}return a[0]?.value};export{i as findDefaultValue};

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

@@ -1 +1 @@
-import{findBestPlanFromList as e}from"./calculateBestSellingPlan.js";import{convertDecimalToNumber as r}from"@gem-sdk/core";let getAllValidPlans=e=>{let r=[];for(let i of e)if(i?.sellingPlans){let e=i.sellingPlans.filter(e=>null!=e);r.push(...e)}return r},getVariantPrice=e=>{if(!e)return 0;let i="number"==typeof e.price?String(e.price):e.price??void 0;return r(i)??0},findGroupByPlanId=(e,r)=>e.find(e=>e?.sellingPlans?.some(e=>e?.baseID===r||e?.id===r)),findGroupByBestPlan=(r,i)=>{let l=getAllValidPlans(r);if(0===l.length)return;let n=e({plans:l,variantPrice:i});if(n)return findGroupByPlanId(r,n.baseID||n.id||"")},findMatchedGroup=e=>{let{sellingPlanGroups:r,extractedSettings:i,currentVariant:l}=e;if(i.group){if("__unknown__"===i.sourceApp){let e=r.find(e=>e?.id===i.group);if(e)return e}else if(i.sourceApp){let e=r.find(e=>e?.appID===i.sourceApp&&e?.id===i.group);if(e)return e}}if(i.defaultOptions){let e=findGroupByPlanId(r,i.defaultOptions);if(e)return e}if(i.sourceApp){let e=r.find(e=>e?.appID===i.sourceApp);if(e)return e}let n=getVariantPrice(l);if(n>0){let e=findGroupByBestPlan(r,n);if(e)return e}return r[0]};export{findMatchedGroup};
+import{findBestPlanFromList as e}from"./calculateBestSellingPlan.js";import{convertDecimalToNumber as r}from"@gem-sdk/core";let t=e=>{let r=[];for(let t of e)if(t?.sellingPlans){let e=t.sellingPlans.filter(e=>null!=e);r.push(...e)}return r},i=e=>{if(!e)return 0;let t="number"==typeof e.price?String(e.price):e.price??void 0;return r(t)??0},l=(e,r)=>e.find(e=>e?.sellingPlans?.some(e=>e?.baseID===r||e?.id===r)),n=(r,i)=>{let n=t(r);if(0===n.length)return;let p=e({plans:n,variantPrice:i});if(p)return l(r,p.baseID||p.id||"")},p=e=>{let{sellingPlanGroups:r,extractedSettings:t,currentVariant:p}=e;if(t.group){if("__unknown__"===t.sourceApp){let e=r.find(e=>e?.id===t.group);if(e)return e}else if(t.sourceApp){let e=r.find(e=>e?.appID===t.sourceApp&&e?.id===t.group);if(e)return e}}if(t.defaultOptions){let e=l(r,t.defaultOptions);if(e)return e}if(t.sourceApp){let e=r.find(e=>e?.appID===t.sourceApp);if(e)return e}let f=i(p);if(f>0){let e=n(r,f);if(e)return e}return r[0]};export{p as findMatchedGroup};

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

@@ -1 +1 @@
-let findVariantByOptions=e=>{let{variants:n,selectedOptions:t}=e;return n&&0!==n.length?n.find(e=>!!e?.selectedOptions&&e.selectedOptions.every(e=>t[e.name??""]===e.value))??null:null};export{findVariantByOptions};
+let e=e=>{let{variants:n,selectedOptions:t}=e;return n&&0!==n.length?n.find(e=>!!e?.selectedOptions&&e.selectedOptions.every(e=>t[e.name??""]===e.value))??null:null};export{e as findVariantByOptions};

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

@@ -1 +1 @@
-import{useRef as e,useEffect as l}from"react";let useSellingPlanChange=({defaultValue:t,selectedSellingPlan:r,setSelectedSellingPlan:n,sellingPlanOptions:u})=>{let a=e(!0);l(()=>{if(a.current){if(!r){let e=t||u[0]?.value||"";e&&n(e)}a.current=!1;return}if(r){let e=u.some(e=>e.value===r);if(!e&&u.length>0){let e=t||u[0]?.value||"";e&&n(e)}}},[t,u,r,n]);let i=e=>{n(e)},f=r||t||u[0]?.value||"";return{selectedValue:f,handleSellingPlanChange:i}};export{useSellingPlanChange};
+import{useRef as e,useEffect as l}from"react";let t=({defaultValue:t,selectedSellingPlan:n,setSelectedSellingPlan:r,sellingPlanOptions:a})=>{let u=e(!0);l(()=>{if(u.current){if(!n){let e=t||a[0]?.value||"";e&&r(e)}u.current=!1;return}if(n){let e=a.some(e=>e.value===n);if(!e&&a.length>0){let e=t||a[0]?.value||"";e&&r(e)}}},[t,a,n,r]);let i=n||t||a[0]?.value||"";return{selectedValue:i,handleSellingPlanChange:e=>{r(e)}}};export{t as useSellingPlanChange};

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

@@ -1 +1 @@
-import{useSellingSubscription as e}from"./useSellingSubscription.js";let useSellingPlanOptions=l=>{let{sellingPlans:n}=e(l);return n||[]};export{useSellingPlanOptions};
+import{useSellingSubscription as e}from"./useSellingSubscription.js";let l=l=>{let{sellingPlans:t}=e(l);return t||[]};export{l as useSellingPlanOptions};

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

@@ -1 +1 @@
-import{useRef as e,useEffect as l,useMemo as n}from"react";import{useProduct as t,useVariants as r,useSelectedOption as i,useProductStore as s,usePageStore as o,useEditorMode as u,RenderModeEnv as a}from"@gem-sdk/core";import{extractSellingPlanSettings as p}from"../common/extractSellingPlanSettings.js";import{findMatchedGroup as m}from"../helpers/findMatchedGroup.js";import{findDefaultValue as c}from"../helpers/findDefaultValue.js";import{findVariantByOptions as d}from"../helpers/findVariantByOptions.js";let useSellingSubscription=f=>{let g=t(),v=r(),{selectedOptions:P}=i(),S=s(e=>e.selectedSellingPlan),b=s(e=>e.setSelectedSellingPlan),h=o(e=>e.sellingPlanMeta),V=u(),j=e(!1),D=e(void 0);l(()=>{if(!j.current&&V===a.EDIT&&!h){let e=new CustomEvent("element-subscription-mount");globalThis.dispatchEvent(e),j.current=!0}},[V,h]);let E=h??f?.sellingPlans,G=n(()=>{if(!E)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let e=null;return h&&P&&(e=d({variants:v,selectedOptions:P})),p({sellingPlansSetting:E,currentVariant:e,product:g,isFromEvent:!!h})},[E,h,v,P,g]),I=n(()=>P?d({variants:v,selectedOptions:P}):null,[P,v]);l(()=>{D.current=void 0},[I?.baseID]);let{sellingPlans:x,defaultValue:M}=n(()=>{let e=I?.sellingPlanGroups??g?.sellingPlanGroups??[];if(!e||0===e.length)return{sellingPlans:[],defaultValue:void 0};let l=m({sellingPlanGroups:e,extractedSettings:G,currentVariant:I}),n=l?.sellingPlans?.filter(e=>null!=e)??[],t=n.map(e=>({label:e.name||"",value:e.baseID})),r=c({validPlans:n,extractedSettings:G,currentVariant:I,plans:t});return{sellingPlans:t,defaultValue:r}},[g,I,G]);return l(()=>{!S&&M&&D.current!==M&&(D.current=M,b(M))},[M,S,b]),{sellingPlans:x,defaultValue:M,selectedSellingPlan:S,setSelectedSellingPlan:b}};export{useSellingSubscription};
+import{useRef as e,useEffect as l,useMemo as t}from"react";import{useProduct as n,useVariants as r,useSelectedOption as i,useProductStore as s,usePageStore as o,useEditorMode as a,RenderModeEnv as u}from"@gem-sdk/core";import{extractSellingPlanSettings as p}from"../common/extractSellingPlanSettings.js";import{findMatchedGroup as m}from"../helpers/findMatchedGroup.js";import{findDefaultValue as c}from"../helpers/findDefaultValue.js";import{findVariantByOptions as d}from"../helpers/findVariantByOptions.js";let f=f=>{let g=n(),v=r(),{selectedOptions:P}=i(),h=s(e=>e.selectedSellingPlan),S=s(e=>e.setSelectedSellingPlan),b=o(e=>e.sellingPlanMeta),V=a(),j=e(!1),D=e(void 0);l(()=>{if(!j.current&&V===u.EDIT&&!b){let e=new CustomEvent("element-subscription-mount");globalThis.dispatchEvent(e),j.current=!0}},[V,b]);let E=b??f?.sellingPlans,G=t(()=>{if(!E)return{sourceApp:void 0,group:void 0,defaultOptions:void 0};let e=null;return b&&P&&(e=d({variants:v,selectedOptions:P})),p({sellingPlansSetting:E,currentVariant:e,product:g,isFromEvent:!!b})},[E,b,v,P,g]),I=t(()=>P?d({variants:v,selectedOptions:P}):null,[P,v]);l(()=>{D.current=void 0},[I?.baseID]);let{sellingPlans:x,defaultValue:M}=t(()=>{let e=I?.sellingPlanGroups??g?.sellingPlanGroups??[];if(!e||0===e.length)return{sellingPlans:[],defaultValue:void 0};let l=m({sellingPlanGroups:e,extractedSettings:G,currentVariant:I}),t=l?.sellingPlans?.filter(e=>null!=e)??[],n=t.map(e=>({label:e.name||"",value:e.baseID})),r=c({validPlans:t,extractedSettings:G,currentVariant:I,plans:n});return{sellingPlans:n,defaultValue:r}},[g,I,G]);return l(()=>{!h&&M&&D.current!==M&&(D.current=M,S(M))},[M,h,S]),{sellingPlans:x,defaultValue:M,selectedSellingPlan:h,setSelectedSellingPlan:S}};export{f as useSellingSubscription};

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

@@ -1 +1 @@
-import{useEffect as e}from"react";import{useProductStore as i,useProduct as l}from"@gem-sdk/core";import{SubscriptionEnum as s}from"../../../constants/index.js";import{useSellingPlanOptions as t}from"./useSellingPlanOptions.js";import{useSubscriptionSellingType as n}from"../../../hooks/useSubscriptionSellingType.js";let useSubscriptionVisibility=({setting:r})=>{let o=i(e=>e.setSubscriptionSellingType),{isOneTime:p,subscriptionSellingType:S}=n(),T=t(r),g=l(),m=g?.requiresSellingPlan,u=p?s.ONE_TIME:s.SUBSCRIPTION;e(()=>{S||(r?.sellingType===s.ONE_TIME?o(s.ONE_TIME):o(r?.sellingType??s.SUBSCRIPTION))},[o,r?.sellingType,S]);let I=!m&&T&&T.length>0,y=r?.sellingType===s.SUBSCRIPTION&&(!T||0===T.length),E=r?.sellingType===s.ONE_TIME&&m;return{selectedType:u,shouldShowRadio:I,isOneTimeHidden:E,hasNoSellingPlanOptions:y,setSubscriptionSellingType:o}};export{useSubscriptionVisibility};
+import{useEffect as e}from"react";import{useProductStore as i,useProduct as l}from"@gem-sdk/core";import{SubscriptionEnum as s}from"../../../constants/index.js";import{useSellingPlanOptions as n}from"./useSellingPlanOptions.js";import{useSubscriptionSellingType as t}from"../../../hooks/useSubscriptionSellingType.js";let r=({setting:r})=>{let o=i(e=>e.setSubscriptionSellingType),{isOneTime:p,subscriptionSellingType:T}=t(),S=n(r),g=l(),m=g?.requiresSellingPlan,I=p?s.ONE_TIME:s.SUBSCRIPTION;e(()=>{T||(r?.sellingType===s.ONE_TIME?o(s.ONE_TIME):o(r?.sellingType??s.SUBSCRIPTION))},[o,r?.sellingType,T]);let u=!m&&S&&S.length>0,y=r?.sellingType===s.SUBSCRIPTION&&(!S||0===S.length),E=r?.sellingType===s.ONE_TIME&&m;return{selectedType:I,shouldShowRadio:u,isOneTimeHidden:E,hasNoSellingPlanOptions:y,setSubscriptionSellingType:o}};export{r as useSubscriptionVisibility};

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

@@ -1 +1 @@
-var AdjustmentType;!function(t){t.FIXED_AMOUNT="FIXED_AMOUNT",t.PERCENTAGE="PERCENTAGE",t.PRICE="PRICE"}(AdjustmentType||(AdjustmentType={}));export{AdjustmentType};
+var E;!function(E){E.FIXED_AMOUNT="FIXED_AMOUNT",E.PERCENTAGE="PERCENTAGE",E.PRICE="PRICE"}(E||(E={}));export{E as AdjustmentType};

package/dist/esm/post-purchase/product/components/product-variant/common/classes.js

@@ -1 +1 @@
-import{composeClasses as e}from"@gem-sdk/core";let defaultVariantClasses="gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",containerClasses="gp-grid",variantItemWrapperClasses="gp-flex gp-w-full gp-flex-wrap gp-items-start",productOptionClasses="gp-box-border gp-flex gp-flex-col",getContainerClasses=()=>e(containerClasses),getDefaultVariantClasses=()=>e(defaultVariantClasses),getDropdownVariantWrapperClasses=(e,t)=>{let{align:s}=e??{};return{"gp-flex":!0,"gp-w-full":!t,"gp-justify-start":"start"===s,"gp-justify-end":"end"===s,"gp-justify-center":!s||"center"===s}},getVariantItemWrapperClasses=()=>e("gp-flex gp-w-full gp-flex-wrap gp-items-start"),getProductOptionClasses=()=>e("gp-box-border gp-flex gp-flex-col");export{containerClasses,defaultVariantClasses,getContainerClasses,getDefaultVariantClasses,getDropdownVariantWrapperClasses,getProductOptionClasses,getVariantItemWrapperClasses};
+import{composeClasses as e}from"@gem-sdk/core";let t="gp-p-2 gp-text-center gp-text-sm gp-font-semibold gp-text-gray-500",s="gp-grid",r=()=>e(s),p=()=>e(t),a=(e,t)=>{let{align:s}=e??{};return{"gp-flex":!0,"gp-w-full":!t,"gp-justify-start":"start"===s,"gp-justify-end":"end"===s,"gp-justify-center":!s||"center"===s}},g=()=>e("gp-flex gp-w-full gp-flex-wrap gp-items-start"),l=()=>e("gp-box-border gp-flex gp-flex-col");export{s as containerClasses,t as defaultVariantClasses,r as getContainerClasses,p as getDefaultVariantClasses,a as getDropdownVariantWrapperClasses,l as getProductOptionClasses,g as getVariantItemWrapperClasses};

package/dist/esm/post-purchase/product/components/product-variant/common/helpers.js

@@ -1 +1 @@
-let getDisplayLabelSetting=e=>{let{option:t,hasPreSelected:a,isChangeVariant:l,selectedOptions:n}=e;return{text:`${t.name}${!1!=a||l?`: ${n?.[t.name]}`:""}`}};export{getDisplayLabelSetting};
+let e=e=>{let{option:t,hasPreSelected:a,isChangeVariant:l,selectedOptions:n}=e;return{text:`${t.name}${!1!=a||l?`: ${n?.[t.name]}`:""}`}};export{e as getDisplayLabelSetting};

package/dist/esm/post-purchase/product/components/product-variant/common/styles.js

@@ -1 +1 @@
-import{makeStyleResponsive as e,makeWidth as t,optionLayoutStyle as p,removeNullUndefined as r,filterTruthyStyles as a}from"@gem-sdk/core";import{postPurchaseSpacing as l}from"../../../../common/helper.js";let getDisplayLabelStyles=e=>({"--pb":"14px","--pt":"14px","--ta":e??"center"}),getVariantItemWrapperStyles=(e,t)=>a({"--mt":"dropdown"!==e?`-${t}`:"0px","--ml":"dropdown"!==e?`-${t}`:"0px"}),getWrapperStyles=a=>{let{setting:m,styles:o,style:s}=a,{width:i,fullWidth:n,variantSpacing:y}=o??{},{column:g}=m??{},S=e("w",t(i,n));return{...p(g),...r(S),...s,gap:l[y||"none"]??""}},getDisplayLabelSettingStyles=()=>({typo:{attrs:{transform:"capitalize"},custom:{fontSize:{desktop:"medium",tablet:"medium",mobile:"medium"}}}});export{getDisplayLabelSettingStyles,getDisplayLabelStyles,getVariantItemWrapperStyles,getWrapperStyles};
+import{makeStyleResponsive as e,makeWidth as t,removeNullUndefined as p,optionLayoutStyle as r,filterTruthyStyles as m}from"@gem-sdk/core";import{postPurchaseSpacing as o}from"../../../../common/helper.js";let a=e=>({"--pb":"14px","--pt":"14px","--ta":e??"center"}),l=(e,t)=>m({"--mt":"dropdown"!==e?`-${t}`:"0px","--ml":"dropdown"!==e?`-${t}`:"0px"}),i=m=>{let{setting:a,styles:l,style:i}=m,{width:s,fullWidth:n,variantSpacing:d}=l??{},{column:g}=a??{},y=e("w",t(s,n));return{...r(g),...p(y),...i,gap:o[d||"none"]??""}},s=()=>({typo:{attrs:{transform:"capitalize"},custom:{fontSize:{desktop:"medium",tablet:"medium",mobile:"medium"}}}});export{s as getDisplayLabelSettingStyles,a as getDisplayLabelStyles,l as getVariantItemWrapperStyles,i as getWrapperStyles};

package/dist/esm/post-purchase/product/components/product-variant/components/ProductOption.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useVariants as t,OptionSpecialStyle as i}from"@gem-sdk/core";import{createStyle as n,createClass as r}from"@gem-sdk/system";import{postPurchaseSpacing as m}from"../../../../common/helper.js";import{getDisplayLabelSetting as s}from"../common/helpers.js";import{getVariantItemWrapperStyles as a,getDisplayLabelStyles as p,getDisplayLabelSettingStyles as l}from"../common/styles.js";import d from"./variants/Dropdown.js";import c from"./variants/VariantItem.js";import u from"../../../../../text/components/Text.js";import{getProductOptionClasses as f,getVariantItemWrapperClasses as h,getDropdownVariantWrapperClasses as v}from"../common/classes.js";let ProductOption=({option:y,indexOption:g,productVariantSettings:j,styles:w,setting:b,builderProps:N,optionLength:T})=>{let{showAsSwatches:x}=b??{},{align:P}=w??{},{uid:$}=N??{},k=t(),{getVariantConfiguration:A,getSwatchDropdownAutoWidth:C,hasPreSelected:O,variantId:S,selectedOptions:V,isChangeVariant:D}=j,I=A(y.name),K=I?I.optionType:y.optionType,W=(O||S)&&y.name?V?.[y.name]:void 0,_=I?.hide;if(_)return null;let q=I.presets[K],z=q?.labelToggle,B=q?.itemSpacing,E=m[B||"none"],F=n({...a(K,E)}),G=r({...f()}),H=r({...h()}),J=r({...v(w)}),L=n({...p(P)});return o("div",{className:G,children:[z&&"dropdown"!==K&&e(u,{style:L,styles:l(),setting:s({option:y,hasPreSelected:O,isChangeVariant:D,selectedOptions:V})}),o("div",{className:H,style:F,children:[x&&i.includes(`${K}`)&&y.values.map(o=>{let t=(!!O||!!D||!!S)&&!!y.name&&V?.[y.name]===o.label;return e(c,{variantKey:`${y.id}-${o.id}`,showAsSwatches:x,uid:$,name:y.name,value:o,optionNumber:T,optionPosition:g,...w,...b,presetConfiguration:A(y.name),checked:t,optionType:K||"dropdown"},o.id)}),e("div",{className:J,children:("dropdown"===K||x&&!i.includes(`${K}`))&&"radio_buttons"!==K&&e(d,{...w,...b,variants:k,preset:q,option:y,initValue:W,label:y.name,presetConfiguration:A(y.name),swatchAutoWidth:C(),optionPosition:g,optionNumber:T})})]})]},y.id)};export{ProductOption as default};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useVariants as t,OptionSpecialStyle as i}from"@gem-sdk/core";import{createStyle as n,createClass as r}from"@gem-sdk/system";import{postPurchaseSpacing as m}from"../../../../common/helper.js";import{getDisplayLabelSetting as s}from"../common/helpers.js";import{getVariantItemWrapperStyles as a,getDisplayLabelStyles as p,getDisplayLabelSettingStyles as l}from"../common/styles.js";import d from"./variants/Dropdown.js";import c from"./variants/VariantItem.js";import u from"../../../../../text/components/Text.js";import{getProductOptionClasses as f,getVariantItemWrapperClasses as h,getDropdownVariantWrapperClasses as v}from"../common/classes.js";let y=({option:y,indexOption:g,productVariantSettings:j,styles:w,setting:b,builderProps:N,optionLength:T})=>{let{showAsSwatches:x}=b??{},{align:$}=w??{},{uid:k}=N??{},P=t(),{getVariantConfiguration:A,getSwatchDropdownAutoWidth:C,hasPreSelected:S,variantId:V,selectedOptions:D,isChangeVariant:I}=j,K=A(y.name),O=K?K.optionType:y.optionType,W=(S||V)&&y.name?D?.[y.name]:void 0,_=K?.hide;if(_)return null;let q=K.presets[O],z=q?.labelToggle,B=q?.itemSpacing,E=m[B||"none"],F=n({...a(O,E)}),G=r({...f()}),H=r({...h()}),J=r({...v(w)}),L=n({...p($)});return e("div",{className:G,children:[z&&"dropdown"!==O&&o(u,{style:L,styles:l(),setting:s({option:y,hasPreSelected:S,isChangeVariant:I,selectedOptions:D})}),e("div",{className:H,style:F,children:[x&&i.includes(`${O}`)&&y.values.map(e=>{let t=(!!S||!!I||!!V)&&!!y.name&&D?.[y.name]===e.label;return o(c,{variantKey:`${y.id}-${e.id}`,showAsSwatches:x,uid:k,name:y.name,value:e,optionNumber:T,optionPosition:g,...w,...b,presetConfiguration:A(y.name),checked:t,optionType:O||"dropdown"},e.id)}),o("div",{className:J,children:("dropdown"===O||x&&!i.includes(`${O}`))&&"radio_buttons"!==O&&o(d,{...w,...b,variants:P,preset:q,option:y,initValue:W,label:y.name,presetConfiguration:A(y.name),swatchAutoWidth:C(),optionPosition:g,optionNumber:T})})]})]},y.id)};export{y as default};

package/dist/esm/post-purchase/product/components/product-variant/components/ProductVariant.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"./variants/VariantGroup.js";import{createClass as i,createStyle as n}from"@gem-sdk/system";import{getDefaultVariantClasses as s,getContainerClasses as a,getDropdownVariantWrapperClasses as d}from"../common/classes.js";import{getWrapperStyles as l}from"../common/styles.js";import c from"./ProductOption.js";import{useVariants as m,useProduct as p,useIsSyncProduct as u,useSelectedOption as f,useEditorMode as h,useInitialSwatchesOptions as w,useSwatchesOptions as v,DEVICES as g,getSelectedVariant as P}from"@gem-sdk/core";import{useTransition as y}from"../hooks/useTransition.js";import{useState as L,useEffect as j,useMemo as N,useCallback as O}from"react";import{checkDefaultVariant as V}from"../../../../../product/helpers/product.js";let PostPurchaseProductVariants=({builderProps:E,style:S,styles:b,setting:k})=>{let{hasPreSelected:x}=k??{},I="variant",R=!1,{dropdownItemWidth:U}=b??{},{optionType:G,variantPresets:J}=k??{},T=m(),A=p(),W=u(),{selectedOptions:q,setSelectedOption:z,forceSelectedOption:B}=f(),[C,D]=L(""),F=h();j(()=>{let e=new URL(window.location.href),t=e.searchParams.get(I);t&&D(t)},[]);let H=()=>{let e=new URL(window.location.href),t=e.searchParams.get(I);if(t){let e=T.find(e=>e?.id===t);return e}return null};j(()=>{let e=H();if(e){let t=e?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{})??{};B(t,A?.id,!0)}},[]);let K=A?.options;w(K);let M=v(K),[Q,X]=L(!1),Y=V(A),Z=N(()=>"groupOption"===G,[G]),$=()=>{let e={};return g.forEach(t=>{e[t]=U?.[t]==="fill"}),e},_=O(e=>{let t=J?.find(t=>t.optionName===e);return t||J?.find(e=>"base"===e.optionName)},[J]),ee=O(e=>{let t=e.detail,r=A?.id;X(!0),W&&t&&r==t.productId&&z(t.optionId,t.optionValue,r,!0)},[W,A?.id,z]),et=O(e=>{let t=e.detail,r=A?.id;X(!0),W&&t&&r==t.productId&&B(t.selectedOption,r,!0)},[B,W,A?.id]),er=e=>{let t=new URL(window.location.href);e?t.searchParams.set(I,e):t.searchParams.delete(I),history.replaceState(null,"",t.toString())};j(()=>(window.addEventListener("set-selected-option",ee),window.addEventListener("force-selected-option",et),()=>{window.removeEventListener("set-selected-option",ee),window.removeEventListener("force-selected-option",et)}),[et,ee]),y(e=>{if(!R){R=!0;return}let t=JSON.stringify(e),r=JSON.stringify(q);if(e&&t!==r){let e=P(T,q);er(e?.id||"")}},[q]);let eo=i({...s()}),ei=i({...a()}),en=i({...d(b,Z)}),es=n({...l({setting:k,styles:b,style:S})});return e(t,{children:Y?e("div",{children:"edit"===F&&e("p",{className:eo,children:"This product has only default variant"})}):r("div",{className:ei,style:es,children:[!Z&&M?.map((t,r)=>e(c,{option:t,indexOption:r,productVariantSettings:{getVariantConfiguration:_,getSwatchDropdownAutoWidth:$,hasPreSelected:x,variantId:C,selectedOptions:q,isChangeVariant:Q},setting:k,styles:b,builderProps:E,optionLength:M.length},t.id)),Z&&e("div",{className:en,children:e(o,{...b,...k,variantGroup:!0,label:"Variants",swatchAutoWidth:$()})})]})})};export{PostPurchaseProductVariants as default};
+import{jsx as e,Fragment as t,jsxs as r}from"react/jsx-runtime";import o from"./variants/VariantGroup.js";import{createClass as i,createStyle as n}from"@gem-sdk/system";import{getDefaultVariantClasses as s,getContainerClasses as a,getDropdownVariantWrapperClasses as d}from"../common/classes.js";import{getWrapperStyles as l}from"../common/styles.js";import c from"./ProductOption.js";import{useVariants as m,useProduct as p,useIsSyncProduct as u,useSelectedOption as f,useEditorMode as h,useInitialSwatchesOptions as w,useSwatchesOptions as v,DEVICES as g,getSelectedVariant as P}from"@gem-sdk/core";import{useTransition as y}from"../hooks/useTransition.js";import{useState as L,useEffect as j,useMemo as N,useCallback as O}from"react";import{checkDefaultVariant as E}from"../../../../../product/helpers/product.js";let S=({builderProps:S,style:V,styles:b,setting:k})=>{let{hasPreSelected:x}=k??{},I="variant",R=!1,{dropdownItemWidth:U}=b??{},{optionType:G,variantPresets:J}=k??{},T=m(),A=p(),W=u(),{selectedOptions:q,setSelectedOption:z,forceSelectedOption:B}=f(),[C,D]=L(""),F=h();j(()=>{let e=new URL(window.location.href),t=e.searchParams.get(I);t&&D(t)},[]);let H=()=>{let e=new URL(window.location.href),t=e.searchParams.get(I);if(t){let e=T.find(e=>e?.id===t);return e}return null};j(()=>{let e=H();if(e){let t=e?.selectedOptions.reduce((e,t)=>t.name?{...e,[t.name]:t.value}:e,{})??{};B(t,A?.id,!0)}},[]);let K=A?.options;w(K);let M=v(K),[Q,X]=L(!1),Y=E(A),Z=N(()=>"groupOption"===G,[G]),$=()=>{let e={};return g.forEach(t=>{e[t]=U?.[t]==="fill"}),e},_=O(e=>{let t=J?.find(t=>t.optionName===e);return t||J?.find(e=>"base"===e.optionName)},[J]),ee=O(e=>{let t=e.detail,r=A?.id;X(!0),W&&t&&r==t.productId&&z(t.optionId,t.optionValue,r,!0)},[W,A?.id,z]),et=O(e=>{let t=e.detail,r=A?.id;X(!0),W&&t&&r==t.productId&&B(t.selectedOption,r,!0)},[B,W,A?.id]),er=e=>{let t=new URL(window.location.href);e?t.searchParams.set(I,e):t.searchParams.delete(I),history.replaceState(null,"",t.toString())};j(()=>(window.addEventListener("set-selected-option",ee),window.addEventListener("force-selected-option",et),()=>{window.removeEventListener("set-selected-option",ee),window.removeEventListener("force-selected-option",et)}),[et,ee]),y(e=>{if(!R){R=!0;return}let t=JSON.stringify(e),r=JSON.stringify(q);if(e&&t!==r){let e=P(T,q);er(e?.id||"")}},[q]);let eo=i({...s()}),ei=i({...a()}),en=i({...d(b,Z)}),es=n({...l({setting:k,styles:b,style:V})});return e(t,{children:Y?e("div",{children:"edit"===F&&e("p",{className:eo,children:"This product has only default variant"})}):r("div",{className:ei,style:es,children:[!Z&&M?.map((t,r)=>e(c,{option:t,indexOption:r,productVariantSettings:{getVariantConfiguration:_,getSwatchDropdownAutoWidth:$,hasPreSelected:x,variantId:C,selectedOptions:q,isChangeVariant:Q},setting:k,styles:b,builderProps:S,optionLength:M.length},t.id)),Z&&e("div",{className:en,children:e(o,{...b,...k,variantGroup:!0,label:"Variants",swatchAutoWidth:$()})})]})})};export{S as default};

package/dist/esm/post-purchase/product/components/product-variant/components/variants/Dropdown.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as p,Fragment as t}from"react/jsx-runtime";import{useSelectedOption as a,useProduct as n,makeStyleResponsive as l,makeWidth as i,parseSelectedOption as r}from"@gem-sdk/core";import o from"./DropdownOption.js";import{useMemo as g,useState as d,useEffect as s}from"react";import c from"./VariantOption.js";let DropdownVariant=({option:m,optionPosition:u,optionNumber:x,variantGroup:h,variants:w,price:f,blankText:v,combineWidth:b,combineFullWidth:N,label:y,initValue:k,hasPreSelected:O,soldOutStyle:j,soldOutMark:D,preset:P})=>{let{setSelectedOption:C,forceSelectedOption:V,selectedOptions:I}=a(),M=n(),Q=g(()=>"Disable"===j&&D,[j,D]),S=e=>{let p=w?.find(p=>p?.id===e);if(p&&p.selectedOptions){let e=r(p.selectedOptions);e&&V(e,M?.id)}},[W,_]=d(O?k:"blank");s(()=>{_(I?.[m?.name??"blank"])},[I,m]),s(()=>{O||_("blank")},[O]);let B=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),E=g(()=>h?l("w",i(b,N)):l("w",i(P?.width,P?.fullWidth)),[P?.width,P?.fullWidth,h,b,N]);return e("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...E},children:p("div",{className:"gp-relative",children:[e("label",{className:"!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]",children:e("span",{className:"gp-max-w-full",children:e("span",{className:"gp-block gp-overflow-hidden",children:y})})}),e("select",{autoComplete:"off",name:m?.name||"Select Option",className:"gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-[6px] gp-pl-[11px] gp-pr-[40px] gp-pt-[21px] gp-text-[14px] gp-outline-none gp-text-[#545454]",value:W??k,onChange:e=>{h?S(e.target?.value):C(m?.name,e.target?.value,M?.id)},children:p(t,{children:[!O&&e("option",{value:"blank",children:v??"Please select an option"}),m?.values?.map(p=>e(o,{value:p,optionName:m.name,optionPosition:u,optionNumber:x,isSoldOutMark:Q},p?.id)),h&&w?.map(p=>e(c,{disabled:!B(p)&&Q,value:p?.id,variant:p,includePrice:f},p?.id))]})}),e("div",{className:"gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-h-[10px] gp-w-[10px]",children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{DropdownVariant as default};
+import{jsx as e,jsxs as p,Fragment as t}from"react/jsx-runtime";import{useSelectedOption as a,useProduct as n,makeStyleResponsive as l,makeWidth as i,parseSelectedOption as r}from"@gem-sdk/core";import o from"./DropdownOption.js";import{useMemo as g,useState as s,useEffect as d}from"react";import c from"./VariantOption.js";let m=({option:m,optionPosition:u,optionNumber:x,variantGroup:h,variants:f,price:v,blankText:w,combineWidth:b,combineFullWidth:N,label:y,initValue:k,hasPreSelected:O,soldOutStyle:j,soldOutMark:P,preset:C})=>{let{setSelectedOption:D,forceSelectedOption:I,selectedOptions:M}=a(),Q=n(),S=g(()=>"Disable"===j&&P,[j,P]),V=e=>{let p=f?.find(p=>p?.id===e);if(p&&p.selectedOptions){let e=r(p.selectedOptions);e&&I(e,Q?.id)}},[W,_]=s(O?k:"blank");d(()=>{_(M?.[m?.name??"blank"])},[M,m]),d(()=>{O||_("blank")},[O]);let B=e=>!!e&&(e?.inventoryQuantity&&e.inventoryQuantity>0||!e?.manageInventory||"CONTINUE"===e.inventoryPolicy),E=g(()=>h?l("w",i(b,N)):l("w",i(C?.width,C?.fullWidth)),[C?.width,C?.fullWidth,h,b,N]);return e("div",{className:"gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]",style:{...E},children:p("div",{className:"gp-relative",children:[e("label",{className:"!gp-max-w-[calc(100%_-_66px)] gp-absolute gp-left-[12px] gp-top-[6px] gp-p-0 gp-text-xs gp-leading-[1.3] gp-text-[#737373] gp-transition-[top]",children:e("span",{className:"gp-max-w-full",children:e("span",{className:"gp-block gp-overflow-hidden",children:y})})}),e("select",{autoComplete:"off",name:m?.name||"Select Option",className:"gp-min-h-[47px] gp-appearance-none gp-bg-transparent gp-w-full gp-whitespace-nowrap gp-rounded-[5px] gp-border gp-border-[#d9d9d9] gp-pb-[6px] gp-pl-[11px] gp-pr-[40px] gp-pt-[21px] gp-text-[14px] gp-outline-none gp-text-[#545454]",value:W??k,onChange:e=>{h?V(e.target?.value):D(m?.name,e.target?.value,Q?.id)},children:p(t,{children:[!O&&e("option",{value:"blank",children:w??"Please select an option"}),m?.values?.map(p=>e(o,{value:p,optionName:m.name,optionPosition:u,optionNumber:x,isSoldOutMark:S},p?.id)),h&&f?.map(p=>e(c,{disabled:!B(p)&&S,value:p?.id,variant:p,includePrice:v},p?.id))]})}),e("div",{className:"gp-pointer-events-none gp-absolute gp-right-[2px] gp-top-[50%] gp-flex gp-h-[43%] gp-w-[40px] gp-translate-y-[-50%] gp-items-center gp-justify-center gp-border-l-[1px] gp-bg-white gp-border-[#545454]",children:e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:"gp-h-[10px] gp-w-[10px]",children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{m as default};