@gem-sdk/components 12.0.0-staging.57 → 12.0.0-staging.59

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

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

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core");const getWrapperClasses=()=>core.composeClasses("gp-flex gp-gap-x-[10px] gap-[10px]"),getContainerClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getSellingPlanRadioContainerClasses=()=>core.composeClasses("gp-relative gp-flex gp-flex-col"),getSellingPlanRadioLabelClasses=()=>core.composeClasses("gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getSellingPlanRadioOptionTextClasses=()=>core.composeClasses("gp-text-[14px] gp-leading-[1.3] gp-text-[#545454]"),getSubscriptionRadioLabelClasses=e=>{let s=e?"gp-opacity-50 gp-cursor-not-allowed":"";return core.composeClasses(`gp-flex gp-items-center gp-cursor-pointer gp-gap-2 ${s}`.trim())},getSubscriptionRadioInputClasses=()=>core.composeClasses("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=()=>core.composeClasses("gp-relative"),getSellingPlanDropdownLabelClasses=()=>core.composeClasses("!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=()=>core.composeClasses("gp-max-w-full"),getSellingPlanDropdownLabelInnerSpanClasses=()=>core.composeClasses("gp-block gp-overflow-hidden gp-truncate"),getSellingPlanDropdownSelectClasses=({isNoLabel:e=!1})=>core.composeClasses(`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]"}`),getSellingPlanDropdownOptionClasses=()=>core.composeClasses("gp-text-[14px] gp-text-black"),getSellingPlanDropdownIconContainerClasses=()=>core.composeClasses("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=()=>core.composeClasses("gp-h-[10px] gp-w-[10px]");exports.getContainerClasses=getContainerClasses,exports.getSellingPlanDropdownContainerClasses=getSellingPlanDropdownContainerClasses,exports.getSellingPlanDropdownIconClasses=getSellingPlanDropdownIconClasses,exports.getSellingPlanDropdownIconContainerClasses=getSellingPlanDropdownIconContainerClasses,exports.getSellingPlanDropdownLabelClasses=getSellingPlanDropdownLabelClasses,exports.getSellingPlanDropdownLabelInnerSpanClasses=getSellingPlanDropdownLabelInnerSpanClasses,exports.getSellingPlanDropdownLabelSpanClasses=getSellingPlanDropdownLabelSpanClasses,exports.getSellingPlanDropdownOptionClasses=getSellingPlanDropdownOptionClasses,exports.getSellingPlanDropdownSelectClasses=getSellingPlanDropdownSelectClasses,exports.getSellingPlanRadioContainerClasses=getSellingPlanRadioContainerClasses,exports.getSellingPlanRadioLabelClasses=getSellingPlanRadioLabelClasses,exports.getSellingPlanRadioOptionTextClasses=getSellingPlanRadioOptionTextClasses,exports.getSellingPlanRadioOptionsClasses=getSellingPlanRadioOptionsClasses,exports.getSubscriptionRadioInputClasses=getSubscriptionRadioInputClasses,exports.getSubscriptionRadioLabelClasses=getSubscriptionRadioLabelClasses,exports.getWrapperClasses=getWrapperClasses;
+"use strict";var core=require("@gem-sdk/core");const getWrapperClasses=()=>core.composeClasses("gp-flex gp-gap-x-[10px] gap-[10px]"),getContainerClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getSellingPlanRadioContainerClasses=()=>core.composeClasses("gp-relative gp-flex gp-flex-col"),getSellingPlanRadioLabelClasses=()=>core.composeClasses("gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>core.composeClasses("gp-flex gp-flex-col"),getSellingPlanRadioOptionTextClasses=()=>core.composeClasses("gp-text-[14px] gp-leading-[1.3] gp-text-[#545454]"),getSubscriptionRadioLabelClasses=e=>{let s=e?"gp-opacity-50 gp-cursor-not-allowed":"";return core.composeClasses(`gp-flex gp-items-center gp-cursor-pointer gp-gap-2 ${s}`.trim())},getSubscriptionRadioInputClasses=()=>core.composeClasses("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=()=>core.composeClasses("gp-grid gp-w-full gp-gap-y-[9px] gp-leading-[1.3]"),getSellingPlanDropdownLabelClasses=()=>core.composeClasses("!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=()=>core.composeClasses("gp-max-w-full"),getSellingPlanDropdownLabelInnerSpanClasses=()=>core.composeClasses("gp-block gp-overflow-hidden gp-truncate"),getSellingPlanDropdownSelectClasses=({isNoLabel:e=!1})=>core.composeClasses(`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]"}`),getSellingPlanDropdownOptionClasses=()=>core.composeClasses("gp-text-[14px] gp-text-black"),getSellingPlanDropdownIconContainerClasses=()=>core.composeClasses("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=()=>core.composeClasses("gp-h-[10px] gp-w-[10px]");exports.getContainerClasses=getContainerClasses,exports.getSellingPlanDropdownContainerClasses=getSellingPlanDropdownContainerClasses,exports.getSellingPlanDropdownIconClasses=getSellingPlanDropdownIconClasses,exports.getSellingPlanDropdownIconContainerClasses=getSellingPlanDropdownIconContainerClasses,exports.getSellingPlanDropdownLabelClasses=getSellingPlanDropdownLabelClasses,exports.getSellingPlanDropdownLabelInnerSpanClasses=getSellingPlanDropdownLabelInnerSpanClasses,exports.getSellingPlanDropdownLabelSpanClasses=getSellingPlanDropdownLabelSpanClasses,exports.getSellingPlanDropdownOptionClasses=getSellingPlanDropdownOptionClasses,exports.getSellingPlanDropdownSelectClasses=getSellingPlanDropdownSelectClasses,exports.getSellingPlanRadioContainerClasses=getSellingPlanRadioContainerClasses,exports.getSellingPlanRadioLabelClasses=getSellingPlanRadioLabelClasses,exports.getSellingPlanRadioOptionTextClasses=getSellingPlanRadioOptionTextClasses,exports.getSellingPlanRadioOptionsClasses=getSellingPlanRadioOptionsClasses,exports.getSubscriptionRadioInputClasses=getSubscriptionRadioInputClasses,exports.getSubscriptionRadioLabelClasses=getSubscriptionRadioLabelClasses,exports.getWrapperClasses=getWrapperClasses;

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

@@ -1 +1 @@
-"use strict";var core=require("@gem-sdk/core"),helper=require("../../../../common/helper.js");const getSubscriptionStyles=(e,t)=>{let{width:r}=e??{},l=core.makeStyle({w:t?"100%":r}),s=core.makeStyle({rg:"8px"});return core.filterTruthyStyles({...l,...s})},getSubscriptionWrapperStyles=e=>core.filterTruthyStyles({...core.makeStyle({jc:e??"left"})}),getSellingPlanRadioOptionsStyles=({sellingPlanItemGap:e,sellingType:t})=>{let r=helper.postPurchaseSpacing[e??"tight"]||"9px",l=core.makeStyle({rg:"subscription"===t?r:"9px"});return core.filterTruthyStyles({...l})};exports.getSellingPlanRadioOptionsStyles=getSellingPlanRadioOptionsStyles,exports.getSubscriptionStyles=getSubscriptionStyles,exports.getSubscriptionWrapperStyles=getSubscriptionWrapperStyles;
+"use strict";var core=require("@gem-sdk/core"),helper=require("../../../../common/helper.js");const getSubscriptionStyles=e=>{let{width:t}=e??{},r=core.makeStyle({w:t}),l=core.makeStyle({rg:"8px"});return core.filterTruthyStyles({...r,...l})},getSubscriptionWrapperStyles=e=>core.filterTruthyStyles({...core.makeStyle({jc:e??"left"})}),getSellingPlanRadioOptionsStyles=({sellingPlanItemGap:e,sellingType:t})=>{let r=helper.postPurchaseSpacing[e??"tight"]||"9px",l=core.makeStyle({rg:"subscription"===t?r:"9px"});return core.filterTruthyStyles({...l})};exports.getSellingPlanRadioOptionsStyles=getSellingPlanRadioOptionsStyles,exports.getSubscriptionStyles=getSubscriptionStyles,exports.getSubscriptionWrapperStyles=getSubscriptionWrapperStyles;

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

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

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

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../../text/components/Text.js"),attrs=require("../common/attrs.js"),index=require("../../../constants/index.js"),core=require("@gem-sdk/core");const SellingPlanLabel=({setting:e,styles:t,isShowRadio:s})=>{let{sellingTitle:n,sellingTitleOneTime:r,sellingType:l}=e??{},{width:i}=t??{},a=core.makeStyle({w:s?i:"100%"}),x=l===index.SubscriptionEnum.ONE_TIME,u=x?r:n,{typo:m,textAlign:c,direction:g}=attrs.getSellingPlanLabelAttrs({styles:t,sellingType:l});return jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx("div",{style:{...a},children:jsxRuntime.jsx(Text.default,{className:"gp-flex-1",textClassWrapper:"gp-leading-[24px]",styles:{typo:m,textAlign:c,direction:g},setting:{text:u}})})})};exports.SellingPlanLabel=SellingPlanLabel;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../../text/components/Text.js"),attrs=require("../common/attrs.js"),index=require("../../../constants/index.js");const SellingPlanLabel=({setting:e,styles:t,id:l})=>{let{sellingTitle:s,sellingTitleOneTime:n,sellingType:r}=e??{},i=r===index.SubscriptionEnum.ONE_TIME,a=i?n:s,{typo:x,textAlign:u,direction:g}=attrs.getSellingPlanLabelAttrs({styles:t,sellingType:r});return jsxRuntime.jsx("label",{htmlFor:l,children:jsxRuntime.jsx(Text.default,{className:"gp-flex-1",textClassWrapper:"gp-leading-[24px]",styles:{typo:x,textAlign:u,direction:g},setting:{text:a}})})};exports.SellingPlanLabel=SellingPlanLabel;

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

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),SubscriptionRadio=require("./SubscriptionRadio.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js"),core=require("@gem-sdk/core");const SellingPlanRadio=({setting:e,styles:s,productId:l,sellingPlanOptions:a,builderProps:i,selectedValue:n,isShowRadio:t,onChange:r})=>{let{sellingLabel:c}=e??{},{width:o}=s??{},m=core.makeStyle({w:t?o:"100%"}),{uid:u}=i??{},d=system.createClass(classes.getSellingPlanRadioContainerClasses()),g=system.createClass(classes.getSellingPlanRadioLabelClasses()),R=system.createClass(classes.getSellingPlanRadioOptionsClasses()),p=system.createClass(classes.getSellingPlanRadioOptionTextClasses()),y=styles.getSellingPlanRadioOptionsStyles({sellingPlanItemGap:s?.sellingPlanItemGap,sellingType:e?.sellingType});return jsxRuntime.jsxs("div",{className:d,style:{...y,...m},children:[c&&jsxRuntime.jsx("label",{className:g,children:c}),jsxRuntime.jsx("div",{className:R,style:y,children:a.map(e=>jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{name:`${l}-selling-plan-options-${u??""}`,value:e.value,checked:n===e.value,onChange:e=>r(e.target.value),children:jsxRuntime.jsx("span",{className:p,children:e.label})},`${l}-${e.value}-${u??""}`))})]})};exports.SellingPlanRadio=SellingPlanRadio;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),system=require("@gem-sdk/system"),SubscriptionRadio=require("./SubscriptionRadio.js"),classes=require("../common/classes.js"),styles=require("../common/styles.js");const SellingPlanRadio=({setting:s,styles:e,productId:l,sellingPlanOptions:a,builderProps:i,selectedValue:n,onChange:t})=>{let{sellingLabel:r}=s??{},{uid:c}=i??{},o=system.createClass(classes.getSellingPlanRadioContainerClasses()),m=system.createClass(classes.getSellingPlanRadioLabelClasses()),u=system.createClass(classes.getSellingPlanRadioOptionsClasses()),d=system.createClass(classes.getSellingPlanRadioOptionTextClasses()),g=styles.getSellingPlanRadioOptionsStyles({sellingPlanItemGap:e?.sellingPlanItemGap,sellingType:s?.sellingType});return jsxRuntime.jsxs("div",{className:o,style:g,children:[r&&jsxRuntime.jsx("label",{className:m,children:r}),jsxRuntime.jsx("div",{className:u,style:g,children:a.map(s=>jsxRuntime.jsx(SubscriptionRadio.SubscriptionRadio,{id:`${l}-${s.value}-${c??""}`,name:`${l}-selling-plan-options-${c??""}`,value:s.value,checked:n===s.value,onChange:s=>t(s.target.value),children:jsxRuntime.jsx("span",{className:d,children:s.label})},`${l}-${s.value}-${c??""}`))})]})};exports.SellingPlanRadio=SellingPlanRadio;

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

@@ -1 +1 @@
-"use strict";var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../../text/components/Text.js");const SubscriptionDetail=({setting:t,styles:i})=>t?.enableSubscriptionDetail?jsxRuntime.jsx(Text.default,{styles:{typo:i?.subscriptionDetailTypo??{},textAlign:i?.subscriptionDetailAlign??"left",direction:i?.subscriptionDetailDirection??"ltr"},textClassWrapper:"gp-leading-[24px]",setting:{text:t.subscriptionLabel}}):null;exports.SubscriptionDetail=SubscriptionDetail;
+"use strict";var jsxRuntime=require("react/jsx-runtime"),Text=require("../../../../text/components/Text.js");const SubscriptionDetail=({setting:t,styles:e})=>t?.enableSubscriptionDetail?jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Text.default,{styles:{typo:e?.subscriptionDetailTypo??{},textAlign:e?.subscriptionDetailAlign??"left",direction:e?.subscriptionDetailDirection??"ltr"},textClassWrapper:"gp-leading-[24px]",setting:{text:t.subscriptionLabel}})}):null;exports.SubscriptionDetail=SubscriptionDetail;

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

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-relative"),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 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};

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 getSubscriptionStyles=r=>{let{width:i}=r??{},p=t({w:i}),l=t({rg:"8px"});return e({...p,...l})},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};

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

@@ -1 +1 @@
-import{jsxs as e,jsx as l}from"react/jsx-runtime";import{createClass as a}from"@gem-sdk/system";import{getSellingPlanDropdownContainerClasses as s,getSellingPlanDropdownLabelClasses as o,getSellingPlanDropdownLabelSpanClasses as r,getSellingPlanDropdownLabelInnerSpanClasses as n,getSellingPlanDropdownSelectClasses as t,getSellingPlanDropdownOptionClasses as m,getSellingPlanDropdownIconContainerClasses as i,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(o()),j=a(r()),k=a(n()),y=a(t({isNoLabel:""===f})),C=a(m()),D=a(i()),L=a(c());return e("div",{className:x,style:{...b},children:[f&&l("label",{htmlFor:"selling-plan-select",className:S,children:l("span",{className:j,children:l("span",{className:k,children:f})})}),l("select",{autoComplete:"off",name:"Select Option",className:y,value:g,onChange:e=>u(e.target.value),children:v.map(e=>l("option",{className:C,value:e.value,children:e.label},e.value))}),l("div",{className:D,children:l("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:L,children:l("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 n,getSellingPlanDropdownLabelSpanClasses as r,getSellingPlanDropdownLabelInnerSpanClasses as i,getSellingPlanDropdownSelectClasses as o,getSellingPlanDropdownOptionClasses as t,getSellingPlanDropdownIconContainerClasses as c,getSellingPlanDropdownIconClasses as m}from"../common/classes.js";let SellingPlanDropdown=({setting:d,sellingPlanOptions:p,selectedValue:h,onChange:v})=>{let{sellingLabel:g}=d??{},u=a(s()),N=a(n()),f=a(r()),w=a(i()),b=a(o({isNoLabel:""===g})),x=a(t()),S=a(c()),j=a(m());return e("div",{className:u,children:l("div",{className:"gp-relative",children:[g&&e("label",{htmlFor:"selling-plan-select",className:N,children:e("span",{className:f,children:e("span",{className:w,children:g})})}),e("select",{autoComplete:"off",name:"Select Option",className:b,value:h,onChange:e=>v(e.target.value),children:p.map(l=>e("option",{className:x,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:j,children:e("path",{d:"M0 5h20L10 15"})})})]})})};export{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}from"react/jsx-runtime";import t from"../../../../text/components/Text.js";import{getSellingPlanLabelAttrs as l}from"../common/attrs.js";import{SubscriptionEnum as r}from"../../../constants/index.js";let SellingPlanLabel=({setting:n,styles:s,id:o})=>{let{sellingTitle:m,sellingTitleOneTime:a,sellingType:i}=n??{},p=i===r.ONE_TIME,x=p?a:m,{typo:g,textAlign:c,direction:f}=l({styles:s,sellingType:i});return e("label",{htmlFor:o,children:e(t,{className:"gp-flex-1",textClassWrapper:"gp-leading-[24px]",styles:{typo:g,textAlign:c,direction:f},setting:{text:x}})})};export{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 a}from"@gem-sdk/system";import{SubscriptionRadio as s}from"./SubscriptionRadio.js";import{getSellingPlanRadioContainerClasses as i,getSellingPlanRadioLabelClasses as n,getSellingPlanRadioOptionsClasses as m,getSellingPlanRadioOptionTextClasses as o}from"../common/classes.js";import{getSellingPlanRadioOptionsStyles as r}from"../common/styles.js";let SellingPlanRadio=({setting:t,styles:c,productId:p,sellingPlanOptions:d,builderProps:g,selectedValue:u,onChange:v})=>{let{sellingLabel:$}=t??{},{uid:h}=g??{},y=a(i()),f=a(n()),j=a(m()),N=a(o()),P=r({sellingPlanItemGap:c?.sellingPlanItemGap,sellingType:t?.sellingType});return e("div",{className:y,style:P,children:[$&&l("label",{className:f,children:$}),l("div",{className:j,style:P,children:d.map(e=>l(s,{id:`${p}-${e.value}-${h??""}`,name:`${p}-selling-plan-options-${h??""}`,value:e.value,checked:u===e.value,onChange:e=>v(e.target.value),children:l("span",{className:N,children:e.label})},`${p}-${e.value}-${h??""}`))})]})};export{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,Fragment as i}from"react/jsx-runtime";import e from"../../../../text/components/Text.js";let SubscriptionDetail=({setting:r,styles:l})=>r?.enableSubscriptionDetail?t(i,{children:t(e,{styles:{typo:l?.subscriptionDetailTypo??{},textAlign:l?.subscriptionDetailAlign??"left",direction:l?.subscriptionDetailDirection??"ltr"},textClassWrapper:"gp-leading-[24px]",setting:{text:r.subscriptionLabel}})}):null;export{SubscriptionDetail};

package/package.json

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