@gem-sdk/components 8.0.0-dev.117 → 8.0.0-dev.120
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/post-purchase/buyer-consent/common/classes.js +1 -1
- package/dist/cjs/post-purchase/buyer-consent/common/styles.js +1 -1
- package/dist/cjs/post-purchase/buyer-consent/settings/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/buyer-consent/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-subscription/common/classes.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-subscription/common/styles.js +1 -1
- package/dist/cjs/post-purchase/product/components/product-subscription/components/SellingPlanDropdown.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-subscription/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-subscription/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/buyer-consent/common/classes.js +1 -1
- package/dist/esm/post-purchase/buyer-consent/common/styles.js +1 -1
- package/dist/esm/post-purchase/buyer-consent/settings/configs/settings.js +1 -1
- package/dist/esm/post-purchase/buyer-consent/settings/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/product/components/product-subscription/common/classes.js +1 -1
- package/dist/esm/post-purchase/product/components/product-subscription/common/styles.js +1 -1
- package/dist/esm/post-purchase/product/components/product-subscription/components/SellingPlanDropdown.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-subscription/configs/settings.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-subscription/configs/ui-v2.js +1 -1
- package/dist/types/index.d.ts +2 -2
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const composeClasses=e=>core.filterTruthyStyles(e),getWrapperClassName=({align:e,uid:s})=>{let t={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return s&&(t[s]=!!s),composeClasses(t)},getCheckboxContainerClassName=()=>({"gp-flex gp-items-start":!0}),getCheckboxClassName=()=>composeClasses({"gp-h-
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const composeClasses=e=>core.filterTruthyStyles(e),getWrapperClassName=({align:e,uid:s})=>{let t={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return s&&(t[s]=!!s),composeClasses(t)},getCheckboxContainerClassName=()=>({"gp-flex gp-items-start gp-leading-[1.3]":!0}),getCheckboxClassName=()=>composeClasses({"gp-m-0.5 gp-h-4 gp-w-4 gp-inline-block gp-static gp-flex-shrink-0":!0}),getLinkComponentClassName=()=>({"gp-underline":!0}),getLinkComponentStyles=()=>({color:helper.postPurchaseTextColor.defaultLink});exports.getCheckboxClassName=getCheckboxClassName,exports.getCheckboxContainerClassName=getCheckboxContainerClassName,exports.getLinkComponentClassName=getLinkComponentClassName,exports.getLinkComponentStyles=getLinkComponentStyles,exports.getWrapperClassName=getWrapperClassName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const composeStyles=e=>core.filterTruthyStyles(e),getWrapperStyles=({styles:e})=>{let{globalSize:t}=e??{},r=core.makeGlobalSize(t);return composeStyles({...r?.width?.["--w"]?r.width:{"--w":"100%"},...r.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:e})=>
|
|
1
|
+
"use strict";var core=require("@gem-sdk/core"),helper=require("../../common/helper.js");const composeStyles=e=>core.filterTruthyStyles(e),getWrapperStyles=({styles:e})=>{let{globalSize:t}=e??{},r=core.makeGlobalSize(t);return composeStyles({...r?.width?.["--w"]?r.width:{"--w":"100%"},...r.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:e})=>({"--w":e?.width}),getCheckboxInputStyles=()=>({appearance:"auto"}),getTextStyle=({styles:e})=>{let{horizontalSpacing:t="8px",typo:r}=e??{},o={"--pl":t,minWidth:"0",overflowWrap:"break-work"};if(!r)return core.filterTruthyStyles({...o});let l={"text-transform":r.textTransform,color:helper.makeTextColor(r.textColor,r.fontWeight),"font-weight":helper.makeFontWeight(r.fontWeight),"font-size":helper.makeFontSize(r.fontSize)};return core.filterTruthyStyles({...o,...l})};exports.getCheckboxInputStyles=getCheckboxInputStyles,exports.getContainerStyles=getContainerStyles,exports.getTextStyle=getTextStyle,exports.getWrapperStyles=getWrapperStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const PostPurchaseBuyerConsentSettings=[{id:"setting",controls:[{id:"description",label:"Content",type:"textarea",default:"I understand this is a subscription that renews automatically until it ends or is canceled.",placeholder:"",autoHeight:!
|
|
1
|
+
"use strict";const PostPurchaseBuyerConsentSettings=[{id:"setting",controls:[{id:"description",label:"Content",type:"textarea",default:"I understand this is a subscription that renews automatically until it ends or is canceled.",placeholder:"",autoHeight:!1,lazyUpdate:!0,minHeight:76,maxHeight:76},{id:"policyLink",label:"Link",type:"input",default:"",placeholder:"Insert link"},{id:"policyLabel",label:"Text",type:"input",default:"Cancellation policy",placeholder:"E.g. Store policy"},{id:"selected",type:"toggle",label:"Pre-checked",default:!0},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]},{id:"style",controls:[{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"default"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,default:"100%",displayOptions:[{label:"Fit content",value:"auto",showValue:!0,displayValue:"Auto"},{label:"Full",value:"100%",showValue:!0}]}]}];exports.PostPurchaseBuyerConsentSettings=PostPurchaseBuyerConsentSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"description",
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"description",defaultValueWhenClear:"",compoDefaultValue:"I understand this is a subscription that renews automatically until it ends or is canceled.",controls:[{layout:"vertical",setting:{id:"description"},isHideClear:!1,defaultValueWhenClear:""}]},{type:"combo",label:{en:"Policy link"},iconName:"polaris-text-block",getValueFromSettingID:"policyLabel",isHideClear:!0,compoDefaultValue:"Cancellation policy",controls:[{label:{en:"Text"},setting:{id:"policyLabel"}},{label:{en:"Link"},setting:{id:"policyLink"}}]},{type:"control",label:{en:"Direction"},setting:{id:"direction"},controlChangeTrigger:{options:{noRecordHistory:!0},settings:[{action:{controlId:"textAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"direction === 'rtl' && textAlign === 'left'",source:["direction","textAlign"]},{action:{controlId:"textAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"direction === 'ltr' && textAlign === 'right'",source:["direction","textAlign"]}]}},{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}},{type:"control",setting:{id:"textAlign"},label:{en:"Align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Display"},controls:[{label:{en:"Pre-checked"},setting:{id:"selected"}}]},{controls:[{label:{en:"Align"},conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1 +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-mb-2 gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>core.composeClasses("gp-flex gp-flex-col gp-gap-[9px]"),getSellingPlanRadioOptionTextClasses=()=>core.composeClasses("gp-text-[14px] gp-leading-[1.3] gp-text-text-light-500"),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-w-5 gp-h-5 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-[5px] 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"),getSellingPlanDropdownSelectClasses=()=>core.composeClasses(
|
|
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-mb-2 gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>core.composeClasses("gp-flex gp-flex-col gp-gap-[9px]"),getSellingPlanRadioOptionTextClasses=()=>core.composeClasses("gp-text-[14px] gp-leading-[1.3] gp-text-text-light-500"),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-w-5 gp-h-5 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-[5px] 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"),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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var SubscriptionBgColorEnum,core=require("@gem-sdk/core"),helper=require("../../../../common/helper.js");!function(e){e.info="#f0f8ff",e.success="#E8F8EB",e.warning="#FFF8E0",e.critical="#FFEBEB",e.none="#FAFAFA"}(SubscriptionBgColorEnum||(SubscriptionBgColorEnum={}));const getSubscriptionStyles=(e,r)=>{let{sellingType:t}=r??{},{width:o,backgroundColor:i,sellingPlanItemGap:s}=e??{},n=helper.postPurchaseSpacing[s??"tight"]||"9px",c=core.makeStyle({rg:"subscription"===t?n:"9px"}),p=core.
|
|
1
|
+
"use strict";var SubscriptionBgColorEnum,core=require("@gem-sdk/core"),helper=require("../../../../common/helper.js");!function(e){e.info="#f0f8ff",e.success="#E8F8EB",e.warning="#FFF8E0",e.critical="#FFEBEB",e.none="#FAFAFA"}(SubscriptionBgColorEnum||(SubscriptionBgColorEnum={}));const getSubscriptionStyles=(e,r)=>{let{sellingType:t}=r??{},{width:o,backgroundColor:i,sellingPlanItemGap:s}=e??{},n=helper.postPurchaseSpacing[s??"tight"]||"9px",c=core.makeStyle({rg:"subscription"===t?n:"9px"}),p=core.makeStyle({w:o}),u=i?{backgroundColor:SubscriptionBgColorEnum[i]??SubscriptionBgColorEnum.none}:{};return core.filterTruthyStyles({...p,...u,...c})},getSubscriptionWrapperStyles=e=>core.filterTruthyStyles({...core.makeStyle({ai:e??"left"})});exports.getSubscriptionStyles=getSubscriptionStyles,exports.getSubscriptionWrapperStyles=getSubscriptionWrapperStyles;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),useSellingPlanOptions=require("../hooks/useSellingPlanOptions.js"),classes=require("../common/classes.js");const SellingPlanDropdown=({setting:e,defaultValue:s})=>{let{sellingLabel:l}=e??{},a=useSellingPlanOptions.useSellingPlanOptions(e),[n,t]=React.useState(s||a[0]?.value||"");React.useEffect(()=>{if(s)t(s);else if(a.length>0){let e=a[0];e?.value&&t(s=>s||e.value)}},[s,a]);let i=system.createClass(classes.getSellingPlanDropdownContainerClasses()),r=system.createClass(classes.getSellingPlanDropdownLabelClasses()),
|
|
1
|
+
"use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),system=require("@gem-sdk/system"),useSellingPlanOptions=require("../hooks/useSellingPlanOptions.js"),classes=require("../common/classes.js");const SellingPlanDropdown=({setting:e,defaultValue:s})=>{let{sellingLabel:l}=e??{},a=useSellingPlanOptions.useSellingPlanOptions(e),[n,t]=React.useState(s||a[0]?.value||"");React.useEffect(()=>{if(s)t(s);else if(a.length>0){let e=a[0];e?.value&&t(s=>s||e.value)}},[s,a]);let i=system.createClass(classes.getSellingPlanDropdownContainerClasses()),r=system.createClass(classes.getSellingPlanDropdownLabelClasses()),o=system.createClass(classes.getSellingPlanDropdownLabelSpanClasses()),c=system.createClass(classes.getSellingPlanDropdownLabelInnerSpanClasses()),m=system.createClass(classes.getSellingPlanDropdownSelectClasses({isNoLabel:""===l})),u=system.createClass(classes.getSellingPlanDropdownOptionClasses()),g=system.createClass(classes.getSellingPlanDropdownIconContainerClasses()),p=system.createClass(classes.getSellingPlanDropdownIconClasses());return jsxRuntime.jsxs("div",{className:i,children:[l&&jsxRuntime.jsx("label",{htmlFor:"selling-plan-select",className:r,children:jsxRuntime.jsx("span",{className:o,children:jsxRuntime.jsx("span",{className:c,children:l})})}),jsxRuntime.jsx("select",{autoComplete:"off",name:"Select Option",className:m,value:n,onChange:e=>t(e.target.value),children:a.map(e=>jsxRuntime.jsx("option",{className:u,value:e.value,children:e.label},e.value))}),jsxRuntime.jsx("div",{className:g,children:jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:p,children:jsxRuntime.jsx("path",{d:"M0 5h20L10 15"})})})]})};exports.SellingPlanDropdown=SellingPlanDropdown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var constants=require("../../../../common/constants.js");const ProductSubscriptionSettings=[{id:"setting",controls:[{id:"sellingType",label:"Type",type:"pick-subscription",options:[{value:"one-time",label:"One-time purchase"},{value:"subscription",label:"Subscription"}],default:"subscription"},{id:"sellingPlans",label:"Selling plans",type:"selling-plan"},{id:"sellingTitle",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Subscribe and save up to {total_max_discount}",suggestContents:[{message:"{total_max_discount}",eg:"E.g: 50% (offer’s + plan’s max discount)"},{message:"{offer_selling_plan_discount}",eg:"E.g: 20%"}]},{id:"sellingLabel",label:"Text",type:"input",default:"Purchase options",placeholder:"E.g. Purchase options",
|
|
1
|
+
"use strict";var constants=require("../../../../common/constants.js");const ProductSubscriptionSettings=[{id:"setting",controls:[{id:"sellingType",label:"Type",type:"pick-subscription",options:[{value:"one-time",label:"One-time purchase"},{value:"subscription",label:"Subscription"}],default:"subscription"},{id:"sellingPlans",label:"Selling plans",type:"selling-plan"},{id:"sellingTitle",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Subscribe and save up to {total_max_discount}",suggestContents:[{message:"{total_max_discount}",eg:"E.g: 50% (offer’s + plan’s max discount)"},{message:"{offer_selling_plan_discount}",eg:"E.g: 20%"}]},{id:"sellingLabel",label:"Text",type:"input",default:"Purchase options",placeholder:"E.g. Purchase options",action:{clear:!0}},{id:"sellingTitleOneTime",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"One-time purchase",suggestContents:[]},{id:"sellingStyle",label:"Style",type:"option:illustration",default:"dropdown",options:[{label:"Dropdown",value:"dropdown",svgName:"gp-selling-plan-dropdown"},{label:"Radio",value:"radio",svgName:"gp-selling-plan-radio"}]},{id:"subscriptionLabel",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",suggestContents:[{message:"{selling_plan_delivery_frequency}",eg:"E.g: every week"},{message:"{selling_plan_discount}",eg:"E.g: 10%"},{message:"{selling_plan_billing_cycle}",eg:"E.g: every 1 month"}]},{id:"enableSubscriptionDetail",label:"Enable subscription detail",type:"toggle",default:!1}]},{id:"style",controls:[{id:"sellingTitleDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingTitleOneTimeDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"subscriptionDetailDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingPlanItemGap",type:"select",label:"Item gap",options:constants.postPurchaseSpacing,default:"tight"},{id:"sellingTitleTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"sellingTitleOneTimeTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleOneTimeAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"subscriptionDetailTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"subscriptionDetailAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,default:"100%",displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"backgroundColor",type:"select",label:"Background Color",options:[{label:"Transparent",value:"none",icon:"gp-bg-transparent"},{label:"Red",value:"critical",icon:"gp-bg-color-red"},{label:"Blue",value:"info",icon:"gp-bg-color-blue"},{label:"Green",value:"success",icon:"gp-bg-color-green"},{label:"Yellow",value:"warning",icon:"gp-bg-color-yellow"}],default:"none"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.ProductSubscriptionSettings=ProductSubscriptionSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Selling options"},controls:[{type:"control",label:{en:"Type"},setting:{id:"sellingType"}},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_max_discount}",popoverLabel:{en:"Selling option title"},isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'rtl' && sellingTitleAlign === 'left'",source:["subscriptionDetailDirection","sellingTitleAlign"]},{action:{controlId:"sellingTitleAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'ltr' && sellingTitleAlign === 'right'",source:["sellingTitleDirection","sellingTitleAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:{en:"Align"}}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:{en:"Selling option title"},isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:{en:"Content"},setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleOneTimeDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleOneTimeAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'rtl' && sellingTitleOneTimeAlign === 'left'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]},{action:{controlId:"sellingTitleOneTimeAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'ltr' && sellingTitleOneTimeAlign === 'right'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:{en:"Align"}}]}]},{label:{en:"Selling plans"},controls:[{type:"control",label:{en:"
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Selling options"},controls:[{type:"control",label:{en:"Type"},setting:{id:"sellingType"}},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_max_discount}",popoverLabel:{en:"Selling option title"},isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'rtl' && sellingTitleAlign === 'left'",source:["subscriptionDetailDirection","sellingTitleAlign"]},{action:{controlId:"sellingTitleAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'ltr' && sellingTitleAlign === 'right'",source:["sellingTitleDirection","sellingTitleAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:{en:"Align"}}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:{en:"Selling option title"},isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:{en:"Content"},setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleOneTimeDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleOneTimeAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'rtl' && sellingTitleOneTimeAlign === 'left'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]},{action:{controlId:"sellingTitleOneTimeAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'ltr' && sellingTitleOneTimeAlign === 'right'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:{en:"Align"}}]}]},{label:{en:"Selling plans"},controls:[{type:"control",label:{en:"Source"},setting:{id:"sellingPlans"}},{type:"control",label:{en:"Label"},setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:{en:"Style"},setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:{en:"Item gap"},setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:{en:"Subscription detail"},setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:{en:"Label"},iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:{en:"Subscription detail"},isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:{en:"Content"},setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:{en:"Direction"},setting:{id:"subscriptionDetailDirection"},conditionDisplay:"enableSubscriptionDetail === true",controlChangeTrigger:{settings:[{action:{controlId:"subscriptionDetailAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'rtl' && subscriptionDetailAlign === 'left'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]},{action:{controlId:"subscriptionDetailAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'ltr' && subscriptionDetailAlign === 'right'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:{en:"Align"},conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{filterTruthyStyles as e}from"@gem-sdk/core";import{postPurchaseTextColor as t}from"../../common/helper.js";let composeClasses=t=>e(t),getWrapperClassName=({align:e,uid:t})=>{let s={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return t&&(s[t]=!!t),composeClasses(s)},getCheckboxContainerClassName=()=>({"gp-flex gp-items-start":!0}),getCheckboxClassName=()=>composeClasses({"gp-h-
|
|
1
|
+
import{filterTruthyStyles as e}from"@gem-sdk/core";import{postPurchaseTextColor as t}from"../../common/helper.js";let composeClasses=t=>e(t),getWrapperClassName=({align:e,uid:t})=>{let s={"gp-flex gp-items-center":!0,"gp-justify-center":"center"===e,"gp-justify-end":"right"===e,"gp-justify-start":"right"!==e&&"center"!==e};return t&&(s[t]=!!t),composeClasses(s)},getCheckboxContainerClassName=()=>({"gp-flex gp-items-start gp-leading-[1.3]":!0}),getCheckboxClassName=()=>composeClasses({"gp-m-0.5 gp-h-4 gp-w-4 gp-inline-block gp-static gp-flex-shrink-0":!0}),getLinkComponentClassName=()=>({"gp-underline":!0}),getLinkComponentStyles=()=>({color:t.defaultLink});export{getCheckboxClassName,getCheckboxContainerClassName,getLinkComponentClassName,getLinkComponentStyles,getWrapperClassName};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeGlobalSize as t,
|
|
1
|
+
import{makeGlobalSize as t,filterTruthyStyles as e}from"@gem-sdk/core";import{makeTextColor as o,makeFontWeight as r,makeFontSize as n}from"../../common/helper.js";let composeStyles=t=>e(t),getWrapperStyles=({styles:e})=>{let{globalSize:o}=e??{},r=t(o);return composeStyles({...r?.width?.["--w"]?r.width:{"--w":"100%"},...r.padding,"--ta":e?.textAlign})},getContainerStyles=({styles:t})=>({"--w":t?.width}),getCheckboxInputStyles=()=>({appearance:"auto"}),getTextStyle=({styles:t})=>{let{horizontalSpacing:l="8px",typo:p}=t??{},i={"--pl":l,minWidth:"0",overflowWrap:"break-work"};if(!p)return e({...i});let s={"text-transform":p.textTransform,color:o(p.textColor,p.fontWeight),"font-weight":r(p.fontWeight),"font-size":n(p.fontSize)};return e({...i,...s})};export{getCheckboxInputStyles,getContainerStyles,getTextStyle,getWrapperStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let PostPurchaseBuyerConsentSettings=[{id:"setting",controls:[{id:"description",label:"Content",type:"textarea",default:"I understand this is a subscription that renews automatically until it ends or is canceled.",placeholder:"",autoHeight:!
|
|
1
|
+
let PostPurchaseBuyerConsentSettings=[{id:"setting",controls:[{id:"description",label:"Content",type:"textarea",default:"I understand this is a subscription that renews automatically until it ends or is canceled.",placeholder:"",autoHeight:!1,lazyUpdate:!0,minHeight:76,maxHeight:76},{id:"policyLink",label:"Link",type:"input",default:"",placeholder:"Insert link"},{id:"policyLabel",label:"Text",type:"input",default:"Cancellation policy",placeholder:"E.g. Store policy"},{id:"selected",type:"toggle",label:"Pre-checked",default:!0},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]},{id:"style",controls:[{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"default"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,default:"100%",displayOptions:[{label:"Fit content",value:"auto",showValue:!0,displayValue:"Auto"},{label:"Full",value:"100%",showValue:!0}]}]}];export{PostPurchaseBuyerConsentSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"description",
|
|
1
|
+
let SettingUIV2=[{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"description",defaultValueWhenClear:"",compoDefaultValue:"I understand this is a subscription that renews automatically until it ends or is canceled.",controls:[{layout:"vertical",setting:{id:"description"},isHideClear:!1,defaultValueWhenClear:""}]},{type:"combo",label:{en:"Policy link"},iconName:"polaris-text-block",getValueFromSettingID:"policyLabel",isHideClear:!0,compoDefaultValue:"Cancellation policy",controls:[{label:{en:"Text"},setting:{id:"policyLabel"}},{label:{en:"Link"},setting:{id:"policyLink"}}]},{type:"control",label:{en:"Direction"},setting:{id:"direction"},controlChangeTrigger:{options:{noRecordHistory:!0},settings:[{action:{controlId:"textAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"direction === 'rtl' && textAlign === 'left'",source:["direction","textAlign"]},{action:{controlId:"textAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"direction === 'ltr' && textAlign === 'right'",source:["direction","textAlign"]}]}},{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.textAlign",settingId:"align"}]},controlChangeTrigger:{settings:[{action:{controlId:"align",valueFromField:"attrs.textAlign",groupType:"setting",controlType:"setting"}}],options:{noRecordHistory:!0}}},{type:"control",setting:{id:"textAlign"},label:{en:"Align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{label:{en:"Display"},controls:[{label:{en:"Pre-checked"},setting:{id:"selected"}}]},{controls:[{label:{en:"Align"},conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|
|
@@ -1 +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-mb-2 gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>e("gp-flex gp-flex-col gp-gap-[9px]"),getSellingPlanRadioOptionTextClasses=()=>e("gp-text-[14px] gp-leading-[1.3] gp-text-text-light-500"),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-w-5 gp-h-5 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-[5px] 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"),getSellingPlanDropdownSelectClasses=()=>e(
|
|
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-mb-2 gp-text-xs gp-leading-[1.3]"),getSellingPlanRadioOptionsClasses=()=>e("gp-flex gp-flex-col gp-gap-[9px]"),getSellingPlanRadioOptionTextClasses=()=>e("gp-text-[14px] gp-leading-[1.3] gp-text-text-light-500"),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-w-5 gp-h-5 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-[5px] 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"),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};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var SubscriptionBgColorEnum;import{makeStyle as o,
|
|
1
|
+
var SubscriptionBgColorEnum;import{makeStyle as o,filterTruthyStyles as r}from"@gem-sdk/core";import{postPurchaseSpacing as i}from"../../../../common/helper.js";!function(o){o.info="#f0f8ff",o.success="#E8F8EB",o.warning="#FFF8E0",o.critical="#FFEBEB",o.none="#FAFAFA"}(SubscriptionBgColorEnum||(SubscriptionBgColorEnum={}));let getSubscriptionStyles=(t,n)=>{let{sellingType:e}=n??{},{width:p,backgroundColor:s,sellingPlanItemGap:u}=t??{},c=i[u??"tight"]||"9px",l=o({rg:"subscription"===e?c:"9px"}),g=o({w:p}),S=s?{backgroundColor:SubscriptionBgColorEnum[s]??SubscriptionBgColorEnum.none}:{};return r({...g,...S,...l})},getSubscriptionWrapperStyles=i=>r({...o({ai:i??"left"})});export{getSubscriptionStyles,getSubscriptionWrapperStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useState as a,useEffect as s}from"react";import{createClass as n}from"@gem-sdk/system";import{useSellingPlanOptions as o}from"../hooks/useSellingPlanOptions.js";import{getSellingPlanDropdownContainerClasses as r,getSellingPlanDropdownLabelClasses as t,getSellingPlanDropdownLabelSpanClasses as i,getSellingPlanDropdownLabelInnerSpanClasses as m,getSellingPlanDropdownSelectClasses as c,getSellingPlanDropdownOptionClasses as p,getSellingPlanDropdownIconContainerClasses as d,getSellingPlanDropdownIconClasses as h}from"../common/classes.js";let SellingPlanDropdown=({setting:u,defaultValue:v})=>{let{sellingLabel:f}=u??{},g=o(u),[N,w]=a(v||g[0]?.value||"");s(()=>{if(v)w(v);else if(g.length>0){let e=g[0];e?.value&&w(l=>l||e.value)}},[v,g]);let
|
|
1
|
+
import{jsxs as e,jsx as l}from"react/jsx-runtime";import{useState as a,useEffect as s}from"react";import{createClass as n}from"@gem-sdk/system";import{useSellingPlanOptions as o}from"../hooks/useSellingPlanOptions.js";import{getSellingPlanDropdownContainerClasses as r,getSellingPlanDropdownLabelClasses as t,getSellingPlanDropdownLabelSpanClasses as i,getSellingPlanDropdownLabelInnerSpanClasses as m,getSellingPlanDropdownSelectClasses as c,getSellingPlanDropdownOptionClasses as p,getSellingPlanDropdownIconContainerClasses as d,getSellingPlanDropdownIconClasses as h}from"../common/classes.js";let SellingPlanDropdown=({setting:u,defaultValue:v})=>{let{sellingLabel:f}=u??{},g=o(u),[N,w]=a(v||g[0]?.value||"");s(()=>{if(v)w(v);else if(g.length>0){let e=g[0];e?.value&&w(l=>l||e.value)}},[v,g]);let b=n(r()),x=n(t()),S=n(i()),j=n(m()),P=n(c({isNoLabel:""===f})),k=n(p()),C=n(d()),D=n(h());return e("div",{className:b,children:[f&&l("label",{htmlFor:"selling-plan-select",className:x,children:l("span",{className:S,children:l("span",{className:j,children:f})})}),l("select",{autoComplete:"off",name:"Select Option",className:P,value:N,onChange:e=>w(e.target.value),children:g.map(e=>l("option",{className:k,value:e.value,children:e.label},e.value))}),l("div",{className:C,children:l("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",focusable:"false","aria-hidden":"true",role:"presentation",className:D,children:l("path",{d:"M0 5h20L10 15"})})})]})};export{SellingPlanDropdown};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{postPurchaseSpacing as e}from"../../../../common/constants.js";let ProductSubscriptionSettings=[{id:"setting",controls:[{id:"sellingType",label:"Type",type:"pick-subscription",options:[{value:"one-time",label:"One-time purchase"},{value:"subscription",label:"Subscription"}],default:"subscription"},{id:"sellingPlans",label:"Selling plans",type:"selling-plan"},{id:"sellingTitle",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Subscribe and save up to {total_max_discount}",suggestContents:[{message:"{total_max_discount}",eg:"E.g: 50% (offer’s + plan’s max discount)"},{message:"{offer_selling_plan_discount}",eg:"E.g: 20%"}]},{id:"sellingLabel",label:"Text",type:"input",default:"Purchase options",placeholder:"E.g. Purchase options",
|
|
1
|
+
import{postPurchaseSpacing as e}from"../../../../common/constants.js";let ProductSubscriptionSettings=[{id:"setting",controls:[{id:"sellingType",label:"Type",type:"pick-subscription",options:[{value:"one-time",label:"One-time purchase"},{value:"subscription",label:"Subscription"}],default:"subscription"},{id:"sellingPlans",label:"Selling plans",type:"selling-plan"},{id:"sellingTitle",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Subscribe and save up to {total_max_discount}",suggestContents:[{message:"{total_max_discount}",eg:"E.g: 50% (offer’s + plan’s max discount)"},{message:"{offer_selling_plan_discount}",eg:"E.g: 20%"}]},{id:"sellingLabel",label:"Text",type:"input",default:"Purchase options",placeholder:"E.g. Purchase options",action:{clear:!0}},{id:"sellingTitleOneTime",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"One-time purchase",suggestContents:[]},{id:"sellingStyle",label:"Style",type:"option:illustration",default:"dropdown",options:[{label:"Dropdown",value:"dropdown",svgName:"gp-selling-plan-dropdown"},{label:"Radio",value:"radio",svgName:"gp-selling-plan-radio"}]},{id:"subscriptionLabel",label:"Text",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",suggestContents:[{message:"{selling_plan_delivery_frequency}",eg:"E.g: every week"},{message:"{selling_plan_discount}",eg:"E.g: 10%"},{message:"{selling_plan_billing_cycle}",eg:"E.g: every 1 month"}]},{id:"enableSubscriptionDetail",label:"Enable subscription detail",type:"toggle",default:!1}]},{id:"style",controls:[{id:"sellingTitleDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingTitleOneTimeDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"subscriptionDetailDirection",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"sellingPlanItemGap",type:"select",label:"Item gap",options:e,default:"tight"},{id:"sellingTitleTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"sellingTitleOneTimeTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"sellingTitleOneTimeAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"subscriptionDetailTypo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",textColor:"default",fontWeight:"normal",textTransform:"none"}},{id:"subscriptionDetailAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,default:"100%",displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{id:"backgroundColor",type:"select",label:"Background Color",options:[{label:"Transparent",value:"none",icon:"gp-bg-transparent"},{label:"Red",value:"critical",icon:"gp-bg-color-red"},{label:"Blue",value:"info",icon:"gp-bg-color-blue"},{label:"Green",value:"success",icon:"gp-bg-color-green"},{label:"Yellow",value:"warning",icon:"gp-bg-color-yellow"}],default:"none"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];export{ProductSubscriptionSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Selling options"},controls:[{type:"control",label:{en:"Type"},setting:{id:"sellingType"}},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_max_discount}",popoverLabel:{en:"Selling option title"},isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'rtl' && sellingTitleAlign === 'left'",source:["subscriptionDetailDirection","sellingTitleAlign"]},{action:{controlId:"sellingTitleAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'ltr' && sellingTitleAlign === 'right'",source:["sellingTitleDirection","sellingTitleAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:{en:"Align"}}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:{en:"Selling option title"},isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:{en:"Content"},setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleOneTimeDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleOneTimeAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'rtl' && sellingTitleOneTimeAlign === 'left'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]},{action:{controlId:"sellingTitleOneTimeAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'ltr' && sellingTitleOneTimeAlign === 'right'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:{en:"Align"}}]}]},{label:{en:"Selling plans"},controls:[{type:"control",label:{en:"
|
|
1
|
+
let SettingUIV2=[{label:{en:"Selling options"},controls:[{type:"control",label:{en:"Type"},setting:{id:"sellingType"}},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_max_discount}",popoverLabel:{en:"Selling option title"},isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'rtl' && sellingTitleAlign === 'left'",source:["subscriptionDetailDirection","sellingTitleAlign"]},{action:{controlId:"sellingTitleAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleDirection === 'ltr' && sellingTitleAlign === 'right'",source:["sellingTitleDirection","sellingTitleAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:{en:"Align"}}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:{en:"Title"},iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:{en:"Selling option title"},isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:{en:"Content"},setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:{en:"Direction"},setting:{id:"sellingTitleOneTimeDirection"},controlChangeTrigger:{settings:[{action:{controlId:"sellingTitleOneTimeAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'rtl' && sellingTitleOneTimeAlign === 'left'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]},{action:{controlId:"sellingTitleOneTimeAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"sellingTitleOneTimeDirection === 'ltr' && sellingTitleOneTimeAlign === 'right'",source:["sellingTitleOneTimeDirection","sellingTitleOneTimeAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:{en:"Align"}}]}]},{label:{en:"Selling plans"},controls:[{type:"control",label:{en:"Source"},setting:{id:"sellingPlans"}},{type:"control",label:{en:"Label"},setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:{en:"Style"},setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:{en:"Item gap"},setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:{en:"Subscription detail"},setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:{en:"Label"},iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:{en:"Subscription detail"},isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:{en:"Content"},setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:{en:"Direction"},setting:{id:"subscriptionDetailDirection"},conditionDisplay:"enableSubscriptionDetail === true",controlChangeTrigger:{settings:[{action:{controlId:"subscriptionDetailAlign",newValue:"right",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'rtl' && subscriptionDetailAlign === 'left'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]},{action:{controlId:"subscriptionDetailAlign",newValue:"left",groupType:"style",controlType:"style"},condition:"subscriptionDetailDirection === 'ltr' && subscriptionDetailAlign === 'right'",source:["subscriptionDetailDirection","subscriptionDetailAlign"]}],options:{noRecordHistory:!0}}},{type:"control",label:{en:""},setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:{en:"Align"},conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{label:{en:"Background"},controls:[{label:{en:"Color"},setting:{id:"backgroundColor"}}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -3100,7 +3100,7 @@ type ProductSubscriptionStyleProps = {
|
|
|
3100
3100
|
subscriptionDetailTypo?: PostPurchaseTypo;
|
|
3101
3101
|
subscriptionDetailAlign?: AlignItemProp;
|
|
3102
3102
|
sellingPlanItemGap?: keyof typeof postPurchaseSpacing;
|
|
3103
|
-
width?:
|
|
3103
|
+
width?: string;
|
|
3104
3104
|
backgroundColor?: TStatus | '';
|
|
3105
3105
|
align?: AlignItemProp;
|
|
3106
3106
|
sellingPlanId?: string;
|
|
@@ -3621,7 +3621,7 @@ type PostPurchaseBuyerConsentStyleProps = {
|
|
|
3621
3621
|
globalSize?: ObjectDevices<SizeSettingGlobal>;
|
|
3622
3622
|
horizontalSpacing?: Property.Padding;
|
|
3623
3623
|
direction?: 'ltr' | 'rtl';
|
|
3624
|
-
width?:
|
|
3624
|
+
width?: string;
|
|
3625
3625
|
textAlign?: AlignItemProp;
|
|
3626
3626
|
typo?: PostPurchaseTypo;
|
|
3627
3627
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gem-sdk/components",
|
|
3
|
-
"version": "8.0.0-dev.
|
|
3
|
+
"version": "8.0.0-dev.120",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"i18n:generate": "node ./scripts/update-locales-to-setting.js"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@gem-sdk/core": "8.0.0-dev.
|
|
30
|
+
"@gem-sdk/core": "8.0.0-dev.118",
|
|
31
31
|
"@gem-sdk/styles": "8.0.0-dev.115",
|
|
32
32
|
"@gem-sdk/system": "8.0.0-dev.115",
|
|
33
33
|
"@types/react-transition-group": "4.4.12",
|