@gem-sdk/components 12.0.0-dev.50 → 12.0.0-dev.52

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.
@@ -1 +1 @@
1
- "use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:n,sliderClass:c,sliderOrder:u,thumbsSwiper:a,...p}=e,[l,w]=React.useState(!1),o=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),f=styles.getStyleSwiperContainer(),d="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0,y=()=>{t.current?.swiper&&t.current.swiper.wrapperEl.style.setProperty("width",`${t.current.swiper.width}px`)};return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),w(!0)};e()},[]),React.useEffect(()=>{l&&(Object.assign(t.current,p),t.current.initialize(),n?.(t.current.swiper),y())},[l]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,p),t.current.initialize(),n(t.current.swiper),i())},[p.dir,p.loop,d,p.slidesPerView,n,i,p.spaceBetween,p.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,p),e.swiper?.update(),y())},[p]),React.useEffect(()=>{i()},[u,i]),React.useEffect(()=>{let e=t.current;if(!e)return;let r=()=>{y()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:c,style:{...f,display:l?"block":"none"},...o,children:r})}exports.Swiper=Swiper;
1
+ "use strict";var jsxRuntime=require("react/jsx-runtime"),React=require("react"),styles=require("./common/styles.js");function Swiper(e){let t=React.useRef(null),{children:r,totalSlides:s,onSwiperReset:i,onSwiperReady:n,sliderClass:c,sliderOrder:u,thumbsSwiper:a,...p}=e,[l,w]=React.useState(!1),o=React.useMemo(()=>a?{"thumbs-swiper":a}:{},[a]),f=styles.getStyleSwiperContainer(),d="object"==typeof e.autoplay&&null!==e.autoplay?e.autoplay.pauseOnMouseEnter:void 0,y=()=>{t.current?.swiper&&t.current.swiper.wrapperEl.style.setProperty("width",`${t.current.swiper.width}px`)};return React.useEffect(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),w(!0)};e()},[]),React.useEffect(()=>{l&&t.current?.swiper&&(Object.assign(t.current,p),t.current.initialize(),n?.(t.current.swiper),y())},[l]),React.useEffect(()=>{t.current?.swiper&&(t.current.swiper.destroy(!1,!1),Object.assign(t.current,p),t.current.initialize(),n(t.current.swiper),i())},[p.dir,p.loop,d,p.slidesPerView,n,i,p.spaceBetween,p.slidesOffsetBefore]),React.useEffect(()=>{let e=t.current;e&&(Object.assign(e,p),e.swiper?.update(),y())},[p]),React.useEffect(()=>{i()},[u,i]),React.useEffect(()=>{let e=t.current;if(!e)return;let r=()=>{y()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),jsxRuntime.jsx("swiper-container",{init:!1,ref:t,class:c,style:{...f,display:l?"block":"none"},...o,children:r})}exports.Swiper=Swiper;
@@ -1,9 +1,9 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../../helpers.js");const Dialog=e=>{let{setting:s,children:t,builderProps:a,style:l,advanced:r,builderAttrs:y,pageContext:c}=e,o=r?.d,{frequency:i=3,triggerPercentage:n=0,trigger:g,triggerTime:d,frequencyMode:m="once",mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$}=s??{},{name:S,fullScreen:v,width:u,height:f,position:b,overlayColor:A,overlayOpacity:B,iconSize:L,closeButtonPosition:h,iconSvg:j}=s??{},D=s?.dialogId??a?.uid,O=system.createStateOrContext({dialogId:D,trigger:g,triggerTime:d,frequency:i,triggerPercentage:n,mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$,frequencyMode:m,display:o}),q=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),x=system.createStyle({...styles.getWrapperStyle(o)}),E=system.createClass({...classes.getContainClasses(r?.cssClass,B,A)}),k=system.createAttr({...attrs.getAttrContainer({uid:D||""})}),I=system.createStyle({...styles.getContainStyle()}),P=system.createClass({...classes.getBackdropClasses(b)}),_=system.createStyle({...styles.getBackdropStyle(l)}),M=system.createAttr({...attrs.getAttrOverlay()}),R=system.createClass({...classes.getOverlayClasses()}),z=system.createStyle({...styles.getOverlayStyle(B,A,l)}),G=system.createStyle({...styles.getDialogContentStyle({style:l,width:u,height:f,fullScreen:v})}),N=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:!0,isILP:!1})}),w=system.createAttr({...attrs.getAttrClose()}),H=system.createClass({...classes.getHeadContentClasses()}),J=system.createStyle({...styles.getButtonContentStyle(s)}),T=system.createClass({...classes.getButtonContentClasses(h)}),U=system.createStyle({...styles.getSvgContentStyle(L)}),V=system.createClass({...classes.getSvgContentClasses()}),W=system.createStyle({...styles.getBodyContentStyle({setting:s,style:l,uid:a?.uid,pageContext:c})}),F=system.createClass({...classes.getBodyContentClasses()}),K=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),system=require("@gem-sdk/system"),attrs=require("../common/attrs.js"),styles=require("../common/styles.js"),classes=require("../common/classes.js"),helpers=require("../../helpers.js");const Dialog=e=>{let{setting:s,children:t,builderProps:a,style:l,advanced:r,builderAttrs:y,pageContext:c}=e,o=r?.d,{frequency:i=3,triggerPercentage:n=0,trigger:g,triggerTime:d,frequencyMode:m="once",mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$}=s??{},{name:S,fullScreen:u,width:v,height:f,position:b,overlayColor:A,overlayOpacity:L,iconSize:B,closeButtonPosition:h,iconSvg:j}=s??{},q=s?.dialogId??a?.uid,D=system.createStateOrContext({dialogId:q,trigger:g,triggerTime:d,frequency:i,triggerPercentage:n,mobileTrigger:C,mobileTriggerTime:p,closeOnClickOutside:$,frequencyMode:m,display:o}),O=system.createAttr({...attrs.getAttr({uid:a?.uid||""})}),x=system.createStyle({...styles.getWrapperStyle(o)}),E=system.createClass({...classes.getContainClasses(r?.cssClass,L,A)}),k=system.createAttr({...attrs.getAttrContainer({uid:q||""})}),I=system.createStyle({...styles.getContainStyle()}),P=system.createClass({...classes.getBackdropClasses(b)}),_=system.createStyle({...styles.getBackdropStyle(l)}),M=system.createAttr({...attrs.getAttrOverlay()}),R=system.createClass({...classes.getOverlayClasses()}),z=system.createStyle({...styles.getOverlayStyle(L,A,l)}),G=system.createStyle({...styles.getDialogContentStyle({style:l,width:v,height:f,fullScreen:u})}),N=system.createClass({...classes.getDialogContentClasses({setting:s,enableEffect:!0,isILP:!1})}),w=system.createAttr({...attrs.getAttrClose()}),H=system.createClass({...classes.getHeadContentClasses()}),J=system.createStyle({...styles.getButtonContentStyle(s)}),T=system.createClass({...classes.getButtonContentClasses(h)}),U=system.createStyle({...styles.getSvgContentStyle(B)}),V=system.createClass({...classes.getSvgContentClasses()}),W=system.createStyle({...styles.getBodyContentStyle({setting:s,style:l,uid:a?.uid,pageContext:c,type:"Liquid"})}),F=system.createClass({...classes.getBodyContentClasses()}),K=()=>core.RenderIf(core.isLocalEnv,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${core.baseAssetURL}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return core.template`
2
2
  <gp-dialog
3
- ${{...q}}
3
+ ${{...O}}
4
4
  class="${helpers.getSettingPreloadData("gps-lazy")}"
5
5
  style="${x}"
6
- data-gp-setting='${JSON.stringify(O)}'>
6
+ data-gp-setting='${JSON.stringify(D)}'>
7
7
  <dialog
8
8
  aria-label="${S}"
9
9
  ${{...k}}
@@ -1 +1 @@
1
- "use strict";var calculateBestSellingPlan=require("./calculateBestSellingPlan.js"),core=require("@gem-sdk/core");const findMatchedGroup=e=>{let{sellingPlanGroups:l,extractedSettings:i,currentVariant:r}=e;if("__unknown__"===i.sourceApp){if(i.group)return l.find(e=>e?.id===i.group)??void 0}else if(i.sourceApp&&i.group)return l.find(e=>e?.appID===i.sourceApp&&e?.id===i.group);if(!i.defaultOptions&&r){let e="number"==typeof r.price?String(r.price):r.price??void 0,i=core.convertDecimalToNumber(e)??0;if(i>0){let e=[];for(let i of l)if(i?.sellingPlans){let l=i.sellingPlans.filter(e=>null!=e);e.push(...l)}if(e.length>0){let r=calculateBestSellingPlan.findBestPlanFromList({plans:e,variantPrice:i});if(r)return l.find(e=>e?.sellingPlans?.some(e=>e?.baseID===r.baseID||e?.id===r.id))}}}return l[0]};exports.findMatchedGroup=findMatchedGroup;
1
+ "use strict";var calculateBestSellingPlan=require("./calculateBestSellingPlan.js"),core=require("@gem-sdk/core");const getAllValidPlans=e=>{let r=[];for(let l of e)if(l?.sellingPlans){let e=l.sellingPlans.filter(e=>null!=e);r.push(...e)}return r},getVariantPrice=e=>{if(!e)return 0;let r="number"==typeof e.price?String(e.price):e.price??void 0;return core.convertDecimalToNumber(r)??0},findGroupByPlanId=(e,r)=>e.find(e=>e?.sellingPlans?.some(e=>e?.baseID===r||e?.id===r)),findGroupByBestPlan=(e,r)=>{let l=getAllValidPlans(e);if(0===l.length)return;let n=calculateBestSellingPlan.findBestPlanFromList({plans:l,variantPrice:r});if(n)return findGroupByPlanId(e,n.baseID||n.id||"")},findMatchedGroup=e=>{let{sellingPlanGroups:r,extractedSettings:l,currentVariant:n}=e;if(l.group){if("__unknown__"===l.sourceApp){let e=r.find(e=>e?.id===l.group);if(e)return e}else if(l.sourceApp){let e=r.find(e=>e?.appID===l.sourceApp&&e?.id===l.group);if(e)return e}}if(l.defaultOptions){let e=findGroupByPlanId(r,l.defaultOptions);if(e)return e}if(l.sourceApp){let e=r.find(e=>e?.appID===l.sourceApp);if(e)return e}let i=getVariantPrice(n);if(i>0){let e=findGroupByBestPlan(r,i);if(e)return e}return r[0]};exports.findMatchedGroup=findMatchedGroup;
@@ -1 +1 @@
1
- "use strict";const SettingUIV2=[{label:"Selling options",controls:[{type:"control",label:"Type",setting:{id:"sellingType"}},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_discount}",popoverLabel:"Selling option title",isHideClear:!0,controls:[{label:"Content",setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:"Align"}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:"Selling option title",isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:"Content",setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:"Align"}]}]},{label:"Selling plans",controls:[{type:"control",label:"Selling plans",setting:{id:"sellingPlans"}},{type:"control",label:"Label",setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:"Style",setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:"Item gap",setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:"Subscription detail",setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:"Subscription detail",isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:"Content",setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:"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",setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:"Align",conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:"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
+ "use strict";const SettingUIV2=[{label:"Selling options",controls:[{type:"control",label:"Type",setting:{id:"sellingType"}},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_discount}",popoverLabel:"Selling option title",isHideClear:!0,controls:[{label:"Content",setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:"Align"}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"One-time purchase",popoverLabel:"Selling option title",isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:"Content",setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:"Align"}]}]},{label:"Selling plans",controls:[{type:"control",label:"Selling plans",setting:{id:"sellingPlans"}},{type:"control",label:"Label",setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:"Style",setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:"Item gap",setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:"Subscription detail",setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:"Subscription detail",isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:"Content",setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:"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",setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:"Align",conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:"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,14 +1,14 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),translate=require("../../settings/product-description/configs/translate.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:i,viewMoreText:l,viewLessText:c}=s??{},o="html"===i?"div":"p",p=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),n=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),d=system.createClass(classes.getButtonClasses({setting:s})),m=system.createClass({"gp-show-more-text":!0}),u=system.createClass({"gp-show-more-icon gp-ml-1":!0}),y=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),g=system.createClass(classes.getClassPreBuilt()),$=system.createStyle(styles.getButtonStyle({setting:s})),v=system.createAttr({"data-id":`${r?.uid}`}),S=system.createAttr({"data-gp-text":""}),{textDescriptionCss:C,gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},w=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:s?.viewMoreText,viewLessText:s?.viewLessText,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:y}),q=helpers.getDynamicSourceLocales({val:l,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewMoreText?.id}),pageContext:a}),I=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewLessText?.id}),pageContext:a});return system.LiquidIf(L,"",system.Liquid(core.template`
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var core=require("@gem-sdk/core"),helpers=require("../../../helpers.js"),system=require("@gem-sdk/system"),classes=require("./common/classes.js"),styles=require("./common/styles.js"),helpers$1=require("./common/helpers.js"),translate=require("../../settings/product-description/configs/translate.js");const ProductDescription=e=>{let{setting:s,advanced:t,builderProps:r,pageContext:a}=e,{htmlTag:i,viewMoreText:l,viewLessText:c}=s??{},o="html"===i?"div":"p",p=system.createClass({"gp-product-description":!0,[t?.cssClass]:!0}),n=system.createClass(classes.getClasses({setting:s,isLiquid:!0})),d=system.createClass(classes.getButtonClasses({setting:s})),m=system.createClass({"gp-show-more-text":!0}),u=system.createClass({"gp-show-more-icon gp-ml-1":!0}),y=system.createStyle({...styles.getTextStyle({setting:s,renderMaxHeight:!0}),...core.makeStyleResponsive("line-clamp",core.makeLineClamp(s?.lineClamp,s?.hasLineClamp))}),g=system.createClass(classes.getClassPreBuilt()),$=system.createStyle(styles.getButtonStyle({setting:s})),S=system.createAttr({"data-id":`${r?.uid}`}),C=system.createAttr({"data-gp-text":""}),{textDescriptionCss:v,gpDescriptionCss:h}=styles.getStaticCss(),L="product.description == blank",x=()=>{let e=core.isLocalEnv?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${core.baseAssetURL}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${helpers.getSettingPreloadData('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},q=helpers.getDynamicSourceLocales({val:l,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewMoreText?.id}),pageContext:a}),I=helpers.getDynamicSourceLocales({val:c,uid:r?.uid,settingId:helpers.createSettingId({id:translate.ProductDescription?.viewLessText?.id}),pageContext:a}),f=system.createStateOrContext({setting:{lineClamp:s?.lineClamp,hasLineClamp:s?.hasLineClamp,viewMoreText:q,viewLessText:I,enableViewMoreIcon:s?.enableViewMoreIcon},textStyle:y});return system.LiquidIf(L,"",system.Liquid(core.template`
2
2
  <gp-product-description
3
- ${v}
3
+ ${S}
4
4
  class="${p}"
5
5
  data-view-more-text="${q}"
6
6
  data-view-less-text="${I}"
7
7
  >
8
- <script gp-data type="application/json">${core.dataStringify(w).replaceAll("'","&#039;")}</script>
9
- <style>${C}${h}</style>
8
+ <script gp-data type="application/json">${core.dataStringify(f).replaceAll("'","&#039;")}</script>
9
+ <style>${v}${h}</style>
10
10
  <div class="${g}" ></div>
11
- ${system.LiquidUnless("product","<p>Product not found</p>",core.template`<${o} ${S} class="${n}" style="${y}">
11
+ ${system.LiquidUnless("product","<p>Product not found</p>",core.template`<${o} ${C} class="${n}" style="${y}">
12
12
  {{product.description}}
13
13
  </${o}>
14
14
  ${system.LiquidUnless(L,core.template`<button type="button" class="${d}" style="${$}">
@@ -1 +1 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as t,useMemo as i,useEffect as n}from"react";import{getStyleSwiperContainer as s}from"./common/styles.js";function Swiper(p){let o=r(null),{children:c,totalSlides:l,onSwiperReset:u,onSwiperReady:a,sliderClass:w,sliderOrder:d,thumbsSwiper:m,...f}=p,[y,b]=t(!1),j=i(()=>m?{"thumbs-swiper":m}:{},[m]),g=s(),h="object"==typeof p.autoplay&&null!==p.autoplay?p.autoplay.pauseOnMouseEnter:void 0,E=()=>{o.current?.swiper&&o.current.swiper.wrapperEl.style.setProperty("width",`${o.current.swiper.width}px`)};return n(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),b(!0)};e()},[]),n(()=>{y&&(Object.assign(o.current,f),o.current.initialize(),a?.(o.current.swiper),E())},[y]),n(()=>{o.current?.swiper&&(o.current.swiper.destroy(!1,!1),Object.assign(o.current,f),o.current.initialize(),a(o.current.swiper),u())},[f.dir,f.loop,h,f.slidesPerView,a,u,f.spaceBetween,f.slidesOffsetBefore]),n(()=>{let e=o.current;e&&(Object.assign(e,f),e.swiper?.update(),E())},[f]),n(()=>{u()},[d,u]),n(()=>{let e=o.current;if(!e)return;let r=()=>{E()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),e("swiper-container",{init:!1,ref:o,class:w,style:{...g,display:y?"block":"none"},...j,children:c})}export{Swiper};
1
+ import{jsx as e}from"react/jsx-runtime";import{useRef as r,useState as t,useMemo as i,useEffect as n}from"react";import{getStyleSwiperContainer as s}from"./common/styles.js";function Swiper(p){let c=r(null),{children:o,totalSlides:u,onSwiperReset:l,onSwiperReady:a,sliderClass:w,sliderOrder:d,thumbsSwiper:m,...f}=p,[y,b]=t(!1),j=i(()=>m?{"thumbs-swiper":m}:{},[m]),g=s(),h="object"==typeof p.autoplay&&null!==p.autoplay?p.autoplay.pauseOnMouseEnter:void 0,E=()=>{c.current?.swiper&&c.current.swiper.wrapperEl.style.setProperty("width",`${c.current.swiper.width}px`)};return n(()=>{let e=async()=>{let e=await import("@gem-sdk/swiper/element/bundle");e.register(),await window.customElements.whenDefined("swiper-container"),b(!0)};e()},[]),n(()=>{y&&c.current?.swiper&&(Object.assign(c.current,f),c.current.initialize(),a?.(c.current.swiper),E())},[y]),n(()=>{c.current?.swiper&&(c.current.swiper.destroy(!1,!1),Object.assign(c.current,f),c.current.initialize(),a(c.current.swiper),l())},[f.dir,f.loop,h,f.slidesPerView,a,l,f.spaceBetween,f.slidesOffsetBefore]),n(()=>{let e=c.current;e&&(Object.assign(e,f),e.swiper?.update(),E())},[f]),n(()=>{l()},[d,l]),n(()=>{let e=c.current;if(!e)return;let r=()=>{E()};return e.addEventListener("swiperresize",r),()=>{e.removeEventListener("swiperresize",r)}},[]),e("swiper-container",{init:!1,ref:c,class:w,style:{...g,display:y?"block":"none"},...j,children:o})}export{Swiper};
@@ -1,4 +1,4 @@
1
- import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-sdk/core";import{createStateOrContext as t,createAttr as i,createStyle as o,createClass as d,If as r}from"@gem-sdk/system";import{getAttr as $,getAttrContainer as p,getAttrOverlay as c,getAttrClose as g}from"../common/attrs.js";import{getWrapperStyle as n,getContainStyle as m,getBackdropStyle as v,getOverlayStyle as f,getDialogContentStyle as y,getButtonContentStyle as u,getSvgContentStyle as b,getBodyContentStyle as S}from"../common/styles.js";import{getContainClasses as j,getBackdropClasses as L,getOverlayClasses as h,getDialogContentClasses as E,getHeadContentClasses as x,getButtonContentClasses as C,getSvgContentClasses as D,getBodyContentClasses as k}from"../common/classes.js";import{getSettingPreloadData as I}from"../../helpers.js";let Dialog=z=>{let{setting:A,children:B,builderProps:G,style:M,advanced:N,builderAttrs:O,pageContext:P}=z,_=N?.d,{frequency:w=3,triggerPercentage:J=0,trigger:R,triggerTime:T,frequencyMode:V="once",mobileTrigger:q,mobileTriggerTime:F,closeOnClickOutside:H}=A??{},{name:K,fullScreen:Q,width:U,height:W,position:X,overlayColor:Y,overlayOpacity:Z,iconSize:ss,closeButtonPosition:sl,iconSvg:sa}=A??{},se=A?.dialogId??G?.uid,st=t({dialogId:se,trigger:R,triggerTime:T,frequency:w,triggerPercentage:J,mobileTrigger:q,mobileTriggerTime:F,closeOnClickOutside:H,frequencyMode:V,display:_}),si=i({...$({uid:G?.uid||""})}),so=o({...n(_)}),sd=d({...j(N?.cssClass,Z,Y)}),sr=i({...p({uid:se||""})}),s$=o({...m()}),sp=d({...L(X)}),sc=o({...v(M)}),sg=i({...c()}),sn=d({...h()}),sm=o({...f(Z,Y,M)}),sv=o({...y({style:M,width:U,height:W,fullScreen:Q})}),sf=d({...E({setting:A,enableEffect:!0,isILP:!1})}),sy=i({...g()}),su=d({...x()}),sb=o({...u(A)}),sS=d({...C(sl)}),sj=o({...b(ss)}),sL=d({...D()}),sh=o({...S({setting:A,style:M,uid:G?.uid,pageContext:P})}),sE=d({...k()}),sx=()=>l(a,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
1
+ import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-sdk/core";import{createStateOrContext as t,createAttr as i,createStyle as o,createClass as d,If as r}from"@gem-sdk/system";import{getAttr as p,getAttrContainer as $,getAttrOverlay as c,getAttrClose as g}from"../common/attrs.js";import{getWrapperStyle as n,getContainStyle as m,getBackdropStyle as v,getOverlayStyle as y,getDialogContentStyle as f,getButtonContentStyle as u,getSvgContentStyle as b,getBodyContentStyle as L}from"../common/styles.js";import{getContainClasses as S,getBackdropClasses as j,getOverlayClasses as h,getDialogContentClasses as E,getHeadContentClasses as x,getButtonContentClasses as C,getSvgContentClasses as D,getBodyContentClasses as k}from"../common/classes.js";import{getSettingPreloadData as I}from"../../helpers.js";let Dialog=z=>{let{setting:A,children:B,builderProps:G,style:M,advanced:N,builderAttrs:O,pageContext:P}=z,_=N?.d,{frequency:q=3,triggerPercentage:w=0,trigger:J,triggerTime:R,frequencyMode:T="once",mobileTrigger:V,mobileTriggerTime:F,closeOnClickOutside:H}=A??{},{name:K,fullScreen:Q,width:U,height:W,position:X,overlayColor:Y,overlayOpacity:Z,iconSize:ss,closeButtonPosition:sl,iconSvg:sa}=A??{},se=A?.dialogId??G?.uid,st=t({dialogId:se,trigger:J,triggerTime:R,frequency:q,triggerPercentage:w,mobileTrigger:V,mobileTriggerTime:F,closeOnClickOutside:H,frequencyMode:T,display:_}),si=i({...p({uid:G?.uid||""})}),so=o({...n(_)}),sd=d({...S(N?.cssClass,Z,Y)}),sr=i({...$({uid:se||""})}),sp=o({...m()}),s$=d({...j(X)}),sc=o({...v(M)}),sg=i({...c()}),sn=d({...h()}),sm=o({...y(Z,Y,M)}),sv=o({...f({style:M,width:U,height:W,fullScreen:Q})}),sy=d({...E({setting:A,enableEffect:!0,isILP:!1})}),sf=i({...g()}),su=d({...x()}),sb=o({...u(A)}),sL=d({...C(sl)}),sS=o({...b(ss)}),sj=d({...D()}),sh=o({...L({setting:A,style:M,uid:G?.uid,pageContext:P,type:"Liquid"})}),sE=d({...k()}),sx=()=>l(a,'<script src="{{ \'gp-dialog-v7-5.js\' | asset_url }}" defer="defer"></script>',`<script src="${e}/assets-v2/gp-dialog-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`);return s`
2
2
  <gp-dialog
3
3
  ${{...si}}
4
4
  class="${I("gps-lazy")}"
@@ -8,9 +8,9 @@ import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-s
8
8
  aria-label="${K}"
9
9
  ${{...sr}}
10
10
  class="${sd}"
11
- style="${s$}"
11
+ style="${sp}"
12
12
  >
13
- <div aria-label="Backdrop" class="${sp}" style="${sc}">
13
+ <div aria-label="Backdrop" class="${s$}" style="${sc}">
14
14
  ${r(!!Y,s`
15
15
  <div
16
16
  ${{...sg}}
@@ -24,17 +24,17 @@ import{template as s,RenderIf as l,isLocalEnv as a,baseAssetURL as e}from"@gem-s
24
24
  role="dialog"
25
25
  aria-label="Dialog content"
26
26
  ${{...O}}
27
- class="${sf}"
27
+ class="${sy}"
28
28
  style="${sv}"
29
29
  >
30
30
  <button
31
- ${{...sy}}
31
+ ${{...sf}}
32
32
  type="button"
33
33
  tabindex="-1"
34
- class="${sS}"
34
+ class="${sL}"
35
35
  style="${sb}"
36
36
  >
37
- <span style="${sj}" class="${sL}">
37
+ <span style="${sS}" class="${sj}">
38
38
  ${sa??`<svg viewBox="0 0 12 12" fill="currentColor" style={svgContentStyle}>
39
39
  <path d="M7.1,6l4.5,4.5l-1.1,1.1L6,7.1l-4.5,4.5l-1.1-1.1L4.9,6L0.5,1.5l1.1-1.1L6,4.9l4.5-4.5l1.1,1.1L7.1,6z"></path>
40
40
  </svg>`}
@@ -1 +1 @@
1
- import{findBestPlanFromList as e}from"./calculateBestSellingPlan.js";import{convertDecimalToNumber as i}from"@gem-sdk/core";let findMatchedGroup=r=>{let{sellingPlanGroups:l,extractedSettings:n,currentVariant:p}=r;if("__unknown__"===n.sourceApp){if(n.group)return l.find(e=>e?.id===n.group)??void 0}else if(n.sourceApp&&n.group)return l.find(e=>e?.appID===n.sourceApp&&e?.id===n.group);if(!n.defaultOptions&&p){let r="number"==typeof p.price?String(p.price):p.price??void 0,n=i(r)??0;if(n>0){let i=[];for(let e of l)if(e?.sellingPlans){let r=e.sellingPlans.filter(e=>null!=e);i.push(...r)}if(i.length>0){let r=e({plans:i,variantPrice:n});if(r)return l.find(e=>e?.sellingPlans?.some(e=>e?.baseID===r.baseID||e?.id===r.id))}}}return l[0]};export{findMatchedGroup};
1
+ import{findBestPlanFromList as e}from"./calculateBestSellingPlan.js";import{convertDecimalToNumber as r}from"@gem-sdk/core";let getAllValidPlans=e=>{let r=[];for(let i of e)if(i?.sellingPlans){let e=i.sellingPlans.filter(e=>null!=e);r.push(...e)}return r},getVariantPrice=e=>{if(!e)return 0;let i="number"==typeof e.price?String(e.price):e.price??void 0;return r(i)??0},findGroupByPlanId=(e,r)=>e.find(e=>e?.sellingPlans?.some(e=>e?.baseID===r||e?.id===r)),findGroupByBestPlan=(r,i)=>{let l=getAllValidPlans(r);if(0===l.length)return;let n=e({plans:l,variantPrice:i});if(n)return findGroupByPlanId(r,n.baseID||n.id||"")},findMatchedGroup=e=>{let{sellingPlanGroups:r,extractedSettings:i,currentVariant:l}=e;if(i.group){if("__unknown__"===i.sourceApp){let e=r.find(e=>e?.id===i.group);if(e)return e}else if(i.sourceApp){let e=r.find(e=>e?.appID===i.sourceApp&&e?.id===i.group);if(e)return e}}if(i.defaultOptions){let e=findGroupByPlanId(r,i.defaultOptions);if(e)return e}if(i.sourceApp){let e=r.find(e=>e?.appID===i.sourceApp);if(e)return e}let n=getVariantPrice(l);if(n>0){let e=findGroupByBestPlan(r,n);if(e)return e}return r[0]};export{findMatchedGroup};
@@ -1 +1 @@
1
- let SettingUIV2=[{label:"Selling options",controls:[{type:"control",label:"Type",setting:{id:"sellingType"}},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_discount}",popoverLabel:"Selling option title",isHideClear:!0,controls:[{label:"Content",setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:"Align"}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"Purchase options",popoverLabel:"Selling option title",isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:"Content",setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:"Align"}]}]},{label:"Selling plans",controls:[{type:"control",label:"Selling plans",setting:{id:"sellingPlans"}},{type:"control",label:"Label",setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:"Style",setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:"Item gap",setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:"Subscription detail",setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:"Subscription detail",isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:"Content",setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:"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",setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:"Align",conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:"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};
1
+ let SettingUIV2=[{label:"Selling options",controls:[{type:"control",label:"Type",setting:{id:"sellingType"}},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitle",compoDefaultValue:"Subscribe and save up to {total_discount}",popoverLabel:"Selling option title",isHideClear:!0,controls:[{label:"Content",setting:{id:"sellingTitle"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleAlign"},label:"Align"}],conditionDisplay:'sellingType === "subscription"'},{type:"combo",label:"Title",iconName:"polaris-text-block",getValueFromSettingID:"sellingTitleOneTime",compoDefaultValue:"One-time purchase",popoverLabel:"Selling option title",isHideClear:!0,conditionDisplay:'sellingType === "one-time"',controls:[{label:"Content",setting:{id:"sellingTitleOneTime"},layout:"vertical"},{type:"control",label:"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",setting:{id:"sellingTitleOneTimeTypo"},layout:"vertical"},{type:"control",setting:{id:"sellingTitleOneTimeAlign"},label:"Align"}]}]},{label:"Selling plans",controls:[{type:"control",label:"Selling plans",setting:{id:"sellingPlans"}},{type:"control",label:"Label",setting:{id:"sellingLabel"},layout:"horizontal",isHideClear:!0,conditionDisplay:'sellingType === "subscription"'},{type:"control",label:"Style",setting:{id:"sellingStyle"},layout:"horizontal"},{type:"control",label:"Item gap",setting:{id:"sellingPlanItemGap"},layout:"horizontal",conditionDisplay:"sellingStyle === 'radio'"}],conditionDisplay:'sellingType === "subscription"'},{controls:[{type:"control",label:"Subscription detail",setting:{id:"enableSubscriptionDetail"},options:{labelVariant:"primary",toggleStyle:"switch",fullWidth:!0}},{type:"combo",label:"Label",iconName:"polaris-text-block",getValueFromSettingID:"subscriptionLabel",compoDefaultValue:"Delivery every {selling_plan_delivery_frequency}, save {selling_plan_discount}",popoverLabel:"Subscription detail",isHideClear:!0,conditionDisplay:"enableSubscriptionDetail === true",controls:[{label:"Content",setting:{id:"subscriptionLabel"},layout:"vertical"}]},{type:"control",label:"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",setting:{id:"subscriptionDetailTypo"},layout:"vertical",conditionDisplay:"enableSubscriptionDetail === true"},{type:"control",setting:{id:"subscriptionDetailAlign"},label:"Align",conditionDisplay:"enableSubscriptionDetail === true"}],conditionDisplay:'sellingType === "subscription"'},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:"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};
@@ -1,11 +1,11 @@
1
- import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as c,createAttr as l,createStateOrContext as m,LiquidIf as u,Liquid as $,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as w,getClassPreBuilt as x}from"./common/classes.js";import{getTextStyle as h,getButtonStyle as y,getStaticCss as j}from"./common/styles.js";import{ICON_SVG as M}from"./common/helpers.js";import{ProductDescription as b}from"../../settings/product-description/configs/translate.js";let ProductDescription=C=>{let{setting:L,advanced:S,builderProps:T,pageContext:I}=C,{htmlTag:P,viewMoreText:k,viewLessText:E}=L??{},V="html"===P?"div":"p",A=d({"gp-product-description":!0,[S?.cssClass]:!0}),D=d(f({setting:L,isLiquid:!0})),G=d(w({setting:L})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=c({...h({setting:L,renderMaxHeight:!0}),...e("line-clamp",t(L?.lineClamp,L?.hasLineClamp))}),N=d(x()),O=c(y({setting:L})),R=l({"data-id":`${T?.uid}`}),z=l({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=j(),J="product.description == blank",K=()=>{let e=o?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},Q=m({setting:{lineClamp:L?.lineClamp,hasLineClamp:L?.hasLineClamp,viewMoreText:L?.viewMoreText,viewLessText:L?.viewLessText,enableViewMoreIcon:L?.enableViewMoreIcon},textStyle:H}),U=p({val:k,uid:T?.uid,settingId:a({id:b?.viewMoreText?.id}),pageContext:I}),W=p({val:E,uid:T?.uid,settingId:a({id:b?.viewLessText?.id}),pageContext:I});return u(J,"",$(s`
1
+ import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify as i,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{getDynamicSourceLocales as p,createSettingId as a,getSettingPreloadData as n}from"../../../helpers.js";import{createClass as d,createStyle as c,createAttr as l,createStateOrContext as m,LiquidIf as u,Liquid as $,LiquidUnless as g,If as v}from"@gem-sdk/system";import{getClasses as f,getButtonClasses as w,getClassPreBuilt as h}from"./common/classes.js";import{getTextStyle as x,getButtonStyle as y,getStaticCss as j}from"./common/styles.js";import{ICON_SVG as b}from"./common/helpers.js";import{ProductDescription as C}from"../../settings/product-description/configs/translate.js";let ProductDescription=M=>{let{setting:S,advanced:I,builderProps:L,pageContext:P}=M,{htmlTag:T,viewMoreText:k,viewLessText:E}=S??{},V="html"===T?"div":"p",A=d({"gp-product-description":!0,[I?.cssClass]:!0}),D=d(f({setting:S,isLiquid:!0})),G=d(w({setting:S})),_=d({"gp-show-more-text":!0}),q=d({"gp-show-more-icon gp-ml-1":!0}),H=c({...x({setting:S,renderMaxHeight:!0}),...e("line-clamp",t(S?.lineClamp,S?.hasLineClamp))}),N=d(h()),O=c(y({setting:S})),R=l({"data-id":`${L?.uid}`}),z=l({"data-gp-text":""}),{textDescriptionCss:B,gpDescriptionCss:F}=j(),J="product.description == blank",K=()=>{let e=o?"{{ 'gp-product-description-v7-5.js' | asset_url }}":`${r}/assets-v2/gp-product-description-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}`;return`<script ${n('class="gps-link" delay',"src")}="${e}" defer="defer"></script>`},Q=p({val:k,uid:L?.uid,settingId:a({id:C?.viewMoreText?.id}),pageContext:P}),U=p({val:E,uid:L?.uid,settingId:a({id:C?.viewLessText?.id}),pageContext:P}),W=m({setting:{lineClamp:S?.lineClamp,hasLineClamp:S?.hasLineClamp,viewMoreText:Q,viewLessText:U,enableViewMoreIcon:S?.enableViewMoreIcon},textStyle:H});return u(J,"",$(s`
2
2
  <gp-product-description
3
3
  ${R}
4
4
  class="${A}"
5
- data-view-more-text="${U}"
6
- data-view-less-text="${W}"
5
+ data-view-more-text="${Q}"
6
+ data-view-less-text="${U}"
7
7
  >
8
- <script gp-data type="application/json">${i(Q).replaceAll("'","&#039;")}</script>
8
+ <script gp-data type="application/json">${i(W).replaceAll("'","&#039;")}</script>
9
9
  <style>${B}${F}</style>
10
10
  <div class="${N}" ></div>
11
11
  ${g("product","<p>Product not found</p>",s`<${V} ${z} class="${D}" style="${H}">
@@ -13,9 +13,9 @@ import{makeStyleResponsive as e,makeLineClamp as t,template as s,dataStringify a
13
13
  </${V}>
14
14
  ${g(J,s`<button type="button" class="${G}" style="${O}">
15
15
  <span class="${_}">
16
- ${v(!1,W?.toString(),U?.toString())}
16
+ ${v(!1,U?.toString(),Q?.toString())}
17
17
  </span>
18
- ${v(L?.enableViewMoreIcon,s`<span class="${q}">${M}</span>`," ")}
18
+ ${v(S?.enableViewMoreIcon,s`<span class="${q}">${b}</span>`," ")}
19
19
  </button>`)}`)}
20
20
  </gp-product-description>
21
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "12.0.0-dev.50",
3
+ "version": "12.0.0-dev.52",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -24,12 +24,12 @@
24
24
  "update-img-src-3rd": "node ./scripts/update-img-src-3rd.js",
25
25
  "generate-tailwind": "node ./scripts/generateTailwind.js",
26
26
  "i18n:extract": "rollup -c ./scripts/rollup.config.settings.mjs && node ./scripts/extract-texts-to-locales.js",
27
- "i18n:generate": "node ./scripts/update-locales-to-setting.js"
27
+ "i18n:generate-keys-usage": "node ./scripts/en-keys-usage.js"
28
28
  },
29
29
  "devDependencies": {
30
- "@gem-sdk/core": "12.0.0-dev.46",
31
- "@gem-sdk/styles": "12.0.0-dev.44",
32
- "@gem-sdk/system": "12.0.0-dev.44",
30
+ "@gem-sdk/core": "12.0.0-dev.52",
31
+ "@gem-sdk/styles": "12.0.0-dev.52",
32
+ "@gem-sdk/system": "12.0.0-dev.52",
33
33
  "@types/react-transition-group": "^4.4.12",
34
34
  "tsup": "8.5.1",
35
35
  "postcss-import": "16.1.1",