@gem-sdk/components 19.1.0-staging.33 → 19.1.0-staging.35
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/button/common/classes.js +1 -1
- package/dist/cjs/post-purchase/button/common/helper.js +1 -0
- package/dist/cjs/post-purchase/button/common/styles.js +1 -1
- package/dist/cjs/post-purchase/button/components/Button.js +1 -1
- package/dist/cjs/post-purchase/button/settings/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/button/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/accept-button/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/product/settings/accept-button/configs/ui-v2.js +1 -1
- package/dist/cjs/stock-counter/common/attrs.js +1 -1
- package/dist/cjs/stock-counter/common/classes.js +1 -1
- package/dist/cjs/stock-counter/common/styles.js +1 -1
- package/dist/cjs/stock-counter/components/StockCounter.js +1 -1
- package/dist/cjs/stock-counter/components/StockCounter.liquid.js +29 -35
- package/dist/cjs/stock-counter/settings/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/button/common/classes.js +1 -1
- package/dist/esm/post-purchase/button/common/helper.js +1 -0
- package/dist/esm/post-purchase/button/common/styles.js +1 -1
- package/dist/esm/post-purchase/button/components/Button.js +1 -1
- package/dist/esm/post-purchase/button/settings/configs/settings.js +1 -1
- package/dist/esm/post-purchase/button/settings/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/accept-button/configs/settings.js +1 -1
- package/dist/esm/post-purchase/product/settings/accept-button/configs/ui-v2.js +1 -1
- package/dist/esm/stock-counter/common/attrs.js +1 -1
- package/dist/esm/stock-counter/common/classes.js +1 -1
- package/dist/esm/stock-counter/common/styles.js +1 -1
- package/dist/esm/stock-counter/components/StockCounter.js +1 -1
- package/dist/esm/stock-counter/components/StockCounter.liquid.js +39 -45
- package/dist/esm/stock-counter/settings/configs/ui-v2.js +1 -1
- package/dist/types/index.d.ts +3 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core");exports.getButtonClass=p=>({...e.composeClasses("gp-rounded-[4px] gp-text-center gp-flex gp-justify-center gp-max-w-full gp-w-full"),"gp-px-0":p?.buttonType==="link","gp-px-[26px]":p?.buttonType!=="link","gp-py-[21px]":p?.buttonType!=="link"}),exports.getContainerClass=()=>e.composeClasses("gp-flex gp-flex-wrap gp-justify-center gp-w-full"),exports.getSpaceClass=()=>e.composeClasses("gp-py-[13px] hidden"),exports.getTextClass=p=>
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core");exports.getButtonClass=p=>({...e.composeClasses("gp-rounded-[4px] gp-text-center gp-flex gp-justify-center gp-max-w-full gp-w-full"),"gp-px-0":p?.buttonType==="link","gp-px-[26px]":p?.buttonType!=="link","gp-py-[21px]":p?.buttonType!=="link"}),exports.getContainerClass=()=>e.composeClasses("gp-flex gp-flex-wrap gp-justify-center gp-w-full"),exports.getSpaceClass=()=>e.composeClasses("gp-py-[13px] hidden"),exports.getTextClass=(p,s)=>{let t="shopify"===s;return{...e.composeClasses("!gp-inline-flex gp-py-2"),"gp-leading-[15px]":t,"gp-leading-[1.3]":!t,"button-text":"edit"===p}},exports.getTextClassWrapper=()=>e.composeClasses("gp-leading-[15px] gp-w-fit"),exports.getWrapperClass=()=>e.composeClasses("gp-flex gp-items-start gp-h-full");
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const s=/\sstyle\s*=\s*("[^"]*"|'[^']*')/gi;exports.stripInlineStyles=t=>"string"==typeof t?t.replace(s,""):t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var t=require("@gem-sdk/core"),e=require("../../../helpers.js"),r=require("../../common/helper.js");exports.getButtonStyles=(o,n)=>{let l=()=>o?t.makeStyle({bg:r.buttonColor.secondary}):n?.buttonType==="primary"?t.makeStyle({bg:r.buttonColor.primary}):n?.buttonType==="secondary"?{boxShadow:`inset 0 0 0 1px ${r.buttonColor.secondary}`}:void 0,i=l()?l():{};return e.filterTruthyStyles({...i})},exports.getContainerStyle=r=>e.filterTruthyStyles({...t.makeStyleResponsive("maxw",r?.width)}),exports.getTextStyles=(t,e,o)=>
|
|
1
|
+
"use strict";var t=require("@gem-sdk/core"),e=require("../../../helpers.js"),r=require("../../common/helper.js");exports.getButtonStyles=(o,n)=>{let l=()=>o?t.makeStyle({bg:r.buttonColor.secondary}):n?.buttonType==="primary"?t.makeStyle({bg:r.buttonColor.primary}):n?.buttonType==="secondary"?{boxShadow:`inset 0 0 0 1px ${r.buttonColor.secondary}`}:void 0,i=l()?l():{};return e.filterTruthyStyles({...i})},exports.getContainerStyle=r=>e.filterTruthyStyles({...t.makeStyleResponsive("maxw",r?.width)}),exports.getTextStyles=(t,e,o)=>{let n=o?.textStyle==="shopify";return{typo:{...n?{fontSize:"default"}:o?.typo,fontWeight:e?.buttonType==="link"?r.postPurchaseFontWeight.normal:r.postPurchaseFontWeight.bold,textColor:e?.buttonType==="primary"||t?"defaultButton":"defaultLink"},direction:n?"ltr":o?.direction}},exports.getWrapperStyle=r=>{let o={...t.makeStyle({jc:r?.align==="center"?"center":r?.align==="end"?"end":"start"})};return e.filterTruthyStyles(o)};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("@gem-sdk/core"),s=require("../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("../common/styles.js"),l=require("../common/classes.js"),c=require("../common/helper.js");exports.default=({styles:i,builderAttrs:n,style:o,setting:y,advanced:u,builderProps:x,disabled:p,...C})=>{let m=t.useEditorMode(),{text:d}=y??{},g=i?.textStyle==="shopify",j=r.createStyle({...a.getButtonStyles(p,y)}),S=a.getTextStyles(p,y,i),q=r.createStyle({...a.getContainerStyle(i)}),h=r.createStyle({...a.getWrapperStyle(i)}),v=r.createClass(l.getButtonClass(y)),f=r.createClass(l.getTextClass(m,i?.textStyle)),N=r.createClass(l.getSpaceClass()),T=r.createClass(l.getContainerClass()),W=r.createClass(l.getTextClassWrapper()),b=r.createClass(l.getWrapperClass()),k=r.createAttr({...n});return e.jsxs("div",{...C,...k,className:b,style:h,children:[e.jsx("div",{className:N}),e.jsx("div",{className:T,style:q,children:e.jsx("button",{className:v,style:j,children:e.jsx(s.default,{setting:{text:g?c.stripInlineStyles(d):d},textClassWrapper:W,textClass:f,styles:S})})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.DeclineButtonSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"select",options:[{value:"No thanks",label:"No thanks"},{value:"Decline offer",label:"Decline offer"}],default:"No thanks"},{id:"buttonType",type:"layout-selector",label:"Style",iconViewBox:"0 0 80 48",enableItemBackground:!0,enableItemOpacity:!0,itemPerRow:2,itemSpacing:"large",default:"secondary",options:[{label:"Outline",value:"secondary",type:"post-purchase-button",iconName:"gp-secondary-button"},{label:"Text link",value:"link",type:"post-purchase-button",iconName:"gp-link-button"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];
|
|
1
|
+
"use strict";exports.DeclineButtonSettings=[{id:"setting",controls:[{id:"text",label:"Content",type:"select",options:[{value:"No thanks",label:"No thanks"},{value:"Decline offer",label:"Decline offer"}],default:"No thanks"},{id:"buttonType",type:"layout-selector",label:"Style",iconViewBox:"0 0 80 48",enableItemBackground:!0,enableItemOpacity:!0,itemPerRow:2,itemSpacing:"large",default:"secondary",options:[{label:"Outline",value:"secondary",type:"post-purchase-button",iconName:"gp-secondary-button"},{label:"Text link",value:"link",type:"post-purchase-button",iconName:"gp-link-button"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"textStyle",label:"Type",type:"option:value",options:[{label:"Shopify",value:"shopify"},{label:"Custom",value:"custom"}],default:"custom"}]}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.SettingUIV2=[{label:"Style",controls:[{setting:{id:"buttonType"},layout:"vertical",popoverLabel:"Style"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal"},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];
|
|
1
|
+
"use strict";exports.SettingUIV2=[{label:"Style",controls:[{setting:{id:"buttonType"},layout:"vertical",popoverLabel:"Style"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Preset",setting:{id:"textStyle"},layout:"horizontal"},{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal",conditionDisplay:'textStyle !== "shopify"'},{type:"control",setting:{id:"typo"},layout:"vertical",conditionDisplay:'textStyle !== "shopify"'}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.AcceptButtonSettings=[{id:"setting",controls:[{id:"outOfStockLabel",type:"input",label:"Out Of Stock Message",default:"Out of stock",clearButton:!1},{id:"text",label:"Content",type:"select",options:[{value:"Take the deal",label:"Take the deal"},{value:"Buy",label:"Buy"}],default:"Take the deal"},{id:"buttonType",label:"Style",type:"layout-segment",iconViewBox:"0 0 120 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"secondary",value:"secondary",type:"post-purchase-button"},{label:"link",value:"link",type:"post-purchase-button"}],default:"primary"}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];
|
|
1
|
+
"use strict";exports.AcceptButtonSettings=[{id:"setting",controls:[{id:"outOfStockLabel",type:"input",label:"Out Of Stock Message",default:"Out of stock",clearButton:!1},{id:"text",label:"Content",type:"select",options:[{value:"Take the deal",label:"Take the deal"},{value:"Buy",label:"Buy"}],default:"Take the deal"},{id:"buttonType",label:"Style",type:"layout-segment",iconViewBox:"0 0 120 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"secondary",value:"secondary",type:"post-purchase-button"},{label:"link",value:"link",type:"post-purchase-button"}],default:"primary"}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"textStyle",label:"Type",type:"option:value",options:[{label:"Shopify",value:"shopify"},{label:"Custom",value:"custom"}],default:"custom"}]}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.SettingUIV2=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal"},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock button",controls:[{type:"control",label:"Message",setting:{id:"outOfStockLabel"},layout:"horizontal"}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];
|
|
1
|
+
"use strict";exports.SettingUIV2=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Preset",setting:{id:"textStyle"},layout:"horizontal"},{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal",conditionDisplay:'textStyle !== "shopify"'},{type:"control",setting:{id:"typo"},layout:"vertical",conditionDisplay:'textStyle !== "shopify"'}]},{label:"Out of stock button",controls:[{type:"control",label:"Message",setting:{id:"outOfStockLabel"},layout:"horizontal"}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.getIconAttrs=(t,
|
|
1
|
+
"use strict";exports.getIconAttrs=(t,e)=>({"data-slot-type":t?"oos-icon":"has-stock-icon","data-visible":e?"true":"false"}),exports.getLiquidTagAttrs=(t,e,a)=>{let{displayByDefault:s,scarcityThreshold:i=0,template:r,outOfStockMessage:o,continueSelling:l,unlimitedQuantityMessage:d,hiddenCounterWhenOutOfStock:p}=e??{},{displayProgressBar:c,textColor:g,oosTextColor:n,typo:u}=a??{},y=u?.attrs?.color;return{"data-id":t?.uid??"","data-visible":"{{ should_display }}","data-policy":"{{ variant_policy_list | escape }}","gp-setting":JSON.stringify({displayByDefault:s,displayProgressBar:c,scarcityThreshold:i,template:r,outOfStockMessage:o,continueSelling:l,unlimitedQuantityMessage:d,color:g||"brand",hiddenCounterWhenOutOfStock:p,oosTextColor:n,typoColor:y}).replaceAll('"',""")}},exports.getLiquidTextAttrs=()=>({"data-slot-type":"message"}),exports.getWrapperAttrs=t=>({"data-id":t?.uid??""});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=s=>{let{progressBarPosition:o="bottom"}=s??{},p="bottom"===o;return{...e.composeClasses("gp-inline-block gp-flex"),"gp-flex-col":p,"gp-flex-col-reverse":!p}},exports.getIconClasses=()=>({...e.composeClasses("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),exports.getLiquidTagClasses=s=>({...e.composeClasses("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e.composeClasses(s?.cssClass)}),exports.getOuterIconClasses=()=>({...e.composeClasses("gp-shrink-0 ")}),exports.
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core");exports.getContainerClasses=s=>{let{progressBarPosition:o="bottom"}=s??{},p="bottom"===o;return{...e.composeClasses("gp-inline-block gp-flex"),"gp-flex-col":p,"gp-flex-col-reverse":!p}},exports.getIconClasses=()=>({...e.composeClasses("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),exports.getLiquidTagClasses=s=>({...e.composeClasses("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e.composeClasses(s?.cssClass)}),exports.getOuterIconClasses=()=>({...e.composeClasses("gp-shrink-0 ")}),exports.getTextClasses=s=>{let{typo:o}=s??{},p=e.composeTypographyClassName(o,s?.typography);return{...e.composeClasses(p),"!gp-whitespace-normal gp-min-w-4":!0}},exports.getWrapperClasses=(s,o)=>{let{hiddenCounterWhenOutOfStock:p}=s??{};return{...e.composeClasses("gp-flex"),"gp-opacity-50":o&&p}},exports.getWrapperIconClasses=s=>{let{iconPosition:o="left"}=s??{};return{...e.composeClasses("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===o,"gp-flex-row-reverse gp-justify-end":"right"===o}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");exports.getContainerStyles=t=>{let{width:
|
|
1
|
+
"use strict";var e=require("@gem-sdk/core"),t=require("./helpers.js");exports.getContainerStyles=t=>{let{width:o,textColor:r}=t??{};return{...e.makeStyleResponsive("w",e.makeWidth(o)),...e.makeStyle({c:e.getSingleColorVariable(r)})}},exports.getIconStyles=(o,r,s)=>{let{iconColor:a,oosIconColor:l}=o??{};return{...e.makeStyle({c:e.getSingleColorVariable(s?l:a)}),...function(o,r){let{typo:s}=o??{},{iconSize:a}=r??{};if(a?.desktop)return{...e.makeStyleResponsive("w",e.makeWidth(a),"px")};let l=s&&!s.custom?e.genVariable(e.getShortName(`typography-${s.type}-fontSize`)):void 0,p=s&&s.custom?t.convertSizeToWidth(e.composeTypographyV2(s.custom)):{};return l?e.makeStyle({w:l}):p}(o,r)}},exports.getTextStyles=(t,o)=>{let{typo:r,oosTextColor:s}=t??{},a={...r,attrs:{...r?.attrs,color:o?s:r?.attrs?.color}},l=e.composeTypographyStyle(a,t?.typography);return{...l,...e.getStyleShadow({value:r?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.custom?.hasShadowText})}},exports.getWrapperStyles=t=>{let{alignment:o}=t??{};return{...e.makeStyleResponsive("jc",o)}};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../hooks/useStockCounterInteraction.js"),r=require("@gem-sdk/system"),l=require("../hooks/useStockCounter.js"),a=require("../common/helpers.js"),c=require("../common/classes.js"),n=require("../common/styles.js"),o=require("../common/attrs.js");exports.default=({setting:i,styles:u,builderProps:m})=>{let{
|
|
2
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),t=require("../hooks/useStockCounterInteraction.js"),r=require("@gem-sdk/system"),l=require("../hooks/useStockCounter.js"),a=require("../common/helpers.js"),c=require("../common/classes.js"),n=require("../common/styles.js"),o=require("../common/attrs.js");exports.default=({setting:i,styles:u,builderProps:m})=>{let{borderRadius:y}=u??{},{showIcon:d,icon:g,layout:C="full",oosIcon:j}=i??{},{outputMessage:S,isOutOfStock:p,inventoryQuantity:x,shouldHideCounter:I}=l.useStockCounter(i,u),h=s.useRef(null),{dispatchStockCounterInteraction:_}=t.useStockCounterInteraction({element:h,uid:m?.uid}),f=a.getInlineCss(m?.uid,y),k=r.createStyle({...n.getContainerStyles(u)}),q=r.createClass({...c.getContainerClasses(i)}),N=r.createStyle({...n.getWrapperStyles(u)}),v=r.createClass({...c.getWrapperIconClasses(i)}),O=r.createClass({...c.getIconClasses()}),T=r.createClass({...c.getOuterIconClasses()}),M=e=>r.createStyle({...n.getIconStyles(u,i,e)}),b=({isOutOfStockIcon:e,isVisible:s})=>r.createAttr({...o.getIconAttrs(e,s)}),A=r.createClass({...c.getTextClasses(u)}),H=e=>r.createStyle({...n.getTextStyles(u,e)}),L=r.createClass({...c.getWrapperClasses(i,p)}),W=r.createAttr({...o.getWrapperAttrs(m)});return(s.useEffect(()=>{_(x)},[x]),I)?null:e.jsxs("div",{...W,style:N,ref:h,className:L,children:[e.jsx("style",{children:f}),e.jsx("div",{className:q,style:k,children:e.jsxs("div",{className:v,children:[d&&(p?e.jsx("div",{...b({isOutOfStockIcon:p,isVisible:p}),style:M(!0),className:T,children:e.jsx("span",{className:O,dangerouslySetInnerHTML:{__html:j||""}})}):e.jsx("div",{...b({isOutOfStockIcon:!p,isVisible:!p}),style:M(!1),className:T,children:e.jsx("span",{className:O,dangerouslySetInnerHTML:{__html:g||""}})})),"progress-bar"!==C&&(p?e.jsx("p",{dangerouslySetInnerHTML:{__html:S()},className:A,style:H(!0)}):e.jsx("p",{dangerouslySetInnerHTML:{__html:S()},className:A,style:H(!1)}))]})})]})};
|
|
@@ -1,68 +1,62 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../common/helpers.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),t=require("../../helpers.js"),s=require("../common/helpers.js"),i=require("../common/classes.js"),a=require("../common/styles.js"),r=require("../common/attrs.js"),l=require("@gem-sdk/system"),c=require("../settings/configs/translate.js");exports.default=({setting:o,styles:d,style:n,advanced:u,builderProps:g,pageContext:p})=>{let{borderRadius:$}=d??{},{showIcon:y,icon:S,oosIcon:m,layout:v="full",template:I,outOfStockMessage:f,continueSelling:k,unlimitedQuantityMessage:C}=o??{},q=s.getInlineCss(g?.uid,$),L=t.getDynamicSourceLocales({val:I,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.template?.id}),pageContext:p,isReplaceInventoryQuantity:!0}),O=t.getDynamicSourceLocales({val:f,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.outOfStockMessage?.id}),pageContext:p}),b=t.getDynamicSourceLocales({val:k,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.continueSelling?.id}),pageContext:p}),_=t.getDynamicSourceLocales({val:C,uid:g?.uid,settingId:t.createSettingId({id:c.StockCounter?.unlimitedQuantityMessage?.id}),pageContext:p}),j=l.createAttr({...r.getLiquidTagAttrs(g,o,d)}),A=l.createStyle({...a.getContainerStyles(d)}),D=l.createClass({...i.getContainerClasses(o)}),T=l.createClass({...i.getLiquidTagClasses(u)}),x=l.createStyle({...n}),R=l.createStyle({...a.getWrapperStyles(d)}),E=s.getLiquidInitData(o,d),V=s.getLiquidTextContent({templateStringDisplay:L,outOfStockMessageDisplay:O,continueSellingDisplay:b,unlimitedQuantityMessageDisplay:_}),h=l.createClass({...i.getWrapperIconClasses(o)}),M=l.createClass({...e.composeClasses("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...i.getIconClasses(),...i.getOuterIconClasses()}),P=l.createClass({...i.getWrapperClasses(o)}),W=e=>l.createStyle({...a.getIconStyles(d,o,e)}),G=({isOutOfStockIcon:e,isVisible:t})=>l.createAttr({...r.getIconAttrs(e,t)}),Q=l.createClass({...i.getTextClasses(d),...e.composeClasses("gp-stock-counter-mark")}),N=e=>l.createStyle({...a.getTextStyles(d,e)}),U=l.createAttr({...r.getLiquidTextAttrs()}),w=s.getTextDisplayData({templateStringDisplay:L,outOfStockMessageDisplay:O,continueSellingDisplay:b,unlimitedQuantityMessageDisplay:_},d);return e.template`
|
|
2
2
|
${E}
|
|
3
|
-
<gp-product-stock-counter ${{...
|
|
4
|
-
style="${
|
|
5
|
-
<div class="${
|
|
3
|
+
<gp-product-stock-counter ${{...j}} class="${T}"
|
|
4
|
+
style="${x}">
|
|
5
|
+
<div class="${P}" style="${R}">
|
|
6
6
|
<style>${q}</style>
|
|
7
7
|
<div
|
|
8
|
-
class="${
|
|
9
|
-
style="${
|
|
8
|
+
class="${D}"
|
|
9
|
+
style="${A}"
|
|
10
10
|
>
|
|
11
|
-
<div class="${
|
|
11
|
+
<div class="${h}">
|
|
12
12
|
${e.RenderIf(y,e.template`
|
|
13
13
|
${l.LiquidIf("is_out_of_stock",e.template`<div
|
|
14
|
-
${{...
|
|
15
|
-
class="${
|
|
16
|
-
style="${
|
|
14
|
+
${{...G({isOutOfStockIcon:!0,isVisible:!0})}}
|
|
15
|
+
class="${M}"
|
|
16
|
+
style="${W(!0)}"
|
|
17
17
|
>
|
|
18
|
-
${
|
|
18
|
+
${m}
|
|
19
19
|
</div>
|
|
20
20
|
<div
|
|
21
|
-
${{...
|
|
21
|
+
${{...G({isOutOfStockIcon:!1,isVisible:!1})}}
|
|
22
22
|
data-slot-type="false"
|
|
23
|
-
class="${
|
|
24
|
-
style="${
|
|
23
|
+
class="${M}"
|
|
24
|
+
style="${W(!1)}"
|
|
25
25
|
>
|
|
26
26
|
${S}
|
|
27
27
|
</div>`,e.template` <div
|
|
28
|
-
${{...
|
|
29
|
-
class="${
|
|
30
|
-
style="${
|
|
28
|
+
${{...G({isOutOfStockIcon:!0,isVisible:!1})}}
|
|
29
|
+
class="${M}"
|
|
30
|
+
style="${W(!0)}"
|
|
31
31
|
>
|
|
32
|
-
${
|
|
32
|
+
${m}
|
|
33
33
|
</div>
|
|
34
34
|
<div
|
|
35
|
-
${{...
|
|
36
|
-
class="${
|
|
37
|
-
style="${
|
|
35
|
+
${{...G({isOutOfStockIcon:!1,isVisible:!0})}}
|
|
36
|
+
class="${M}"
|
|
37
|
+
style="${W(!1)}"
|
|
38
38
|
>
|
|
39
39
|
${S}
|
|
40
40
|
</div>`)}
|
|
41
41
|
`)}
|
|
42
|
-
${
|
|
43
|
-
${e.RenderIf("progress-bar"!==
|
|
42
|
+
${w}
|
|
43
|
+
${e.RenderIf("progress-bar"!==v,e.template`
|
|
44
44
|
${l.LiquidIf("is_out_of_stock",e.template`<p
|
|
45
|
-
${{...
|
|
46
|
-
class="${
|
|
47
|
-
style="${
|
|
45
|
+
${{...U}}
|
|
46
|
+
class="${Q}"
|
|
47
|
+
style="${N(!0)}"
|
|
48
48
|
>
|
|
49
49
|
${V}
|
|
50
50
|
</p>`,e.template`<p
|
|
51
|
-
${{...
|
|
52
|
-
class="${
|
|
53
|
-
style="${
|
|
51
|
+
${{...U}}
|
|
52
|
+
class="${Q}"
|
|
53
|
+
style="${N(!1)}"
|
|
54
54
|
>
|
|
55
55
|
${V}
|
|
56
56
|
</p>`)}
|
|
57
57
|
`)}
|
|
58
58
|
|
|
59
59
|
</div>
|
|
60
|
-
|
|
61
|
-
<div
|
|
62
|
-
${{...N}}
|
|
63
|
-
style="${D}"
|
|
64
|
-
class="${j}"
|
|
65
|
-
></div>
|
|
66
60
|
</div>
|
|
67
61
|
</div>
|
|
68
62
|
</gp-product-stock-counter>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";exports.SettingUIV2=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{
|
|
1
|
+
"use strict";exports.SettingUIV2=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",hiddenOnMobile:!0,label:"Corner",setting:{id:"borderRadius"}}]}},{hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{composeClasses as p}from"@gem-sdk/core";let e=()=>p("gp-py-[13px] hidden"),t=()=>p("gp-flex gp-flex-wrap gp-justify-center gp-w-full"),g=()=>p("gp-leading-[15px] gp-w-fit"),l=()=>p("gp-flex gp-items-start gp-h-full"),n=e=>({...p("gp-rounded-[4px] gp-text-center gp-flex gp-justify-center gp-max-w-full gp-w-full"),"gp-px-0":e?.buttonType==="link","gp-px-[26px]":e?.buttonType!=="link","gp-py-[21px]":e?.buttonType!=="link"}),x=e=>
|
|
1
|
+
import{composeClasses as p}from"@gem-sdk/core";let e=()=>p("gp-py-[13px] hidden"),t=()=>p("gp-flex gp-flex-wrap gp-justify-center gp-w-full"),g=()=>p("gp-leading-[15px] gp-w-fit"),l=()=>p("gp-flex gp-items-start gp-h-full"),n=e=>({...p("gp-rounded-[4px] gp-text-center gp-flex gp-justify-center gp-max-w-full gp-w-full"),"gp-px-0":e?.buttonType==="link","gp-px-[26px]":e?.buttonType!=="link","gp-py-[21px]":e?.buttonType!=="link"}),x=(e,t)=>{let g="shopify"===t;return{...p("!gp-inline-flex gp-py-2"),"gp-leading-[15px]":g,"gp-leading-[1.3]":!g,"button-text":"edit"===e}};export{n as getButtonClass,t as getContainerClass,e as getSpaceClass,x as getTextClass,g as getTextClassWrapper,l as getWrapperClass};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
let e=/\sstyle\s*=\s*("[^"]*"|'[^']*')/gi,s=s=>"string"==typeof s?s.replace(e,""):s;export{s as stripInlineStyles};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyleResponsive as t,makeStyle as e}from"@gem-sdk/core";import{filterTruthyStyles as r}from"../../../helpers.js";import{buttonColor as o,postPurchaseFontWeight as n}from"../../common/helper.js";let i=(t,n)=>{let i=()=>t?e({bg:o.secondary}):n?.buttonType==="primary"?e({bg:o.primary}):n?.buttonType==="secondary"?{boxShadow:`inset 0 0 0 1px ${o.secondary}`}:void 0,
|
|
1
|
+
import{makeStyleResponsive as t,makeStyle as e}from"@gem-sdk/core";import{filterTruthyStyles as r}from"../../../helpers.js";import{buttonColor as o,postPurchaseFontWeight as n}from"../../common/helper.js";let i=(t,n)=>{let i=()=>t?e({bg:o.secondary}):n?.buttonType==="primary"?e({bg:o.primary}):n?.buttonType==="secondary"?{boxShadow:`inset 0 0 0 1px ${o.secondary}`}:void 0,l=i()?i():{};return r({...l})},l=e=>r({...t("maxw",e?.width)}),p=t=>{let o={...e({jc:t?.align==="center"?"center":t?.align==="end"?"end":"start"})};return r(o)},y=(t,e,r)=>{let o=r?.textStyle==="shopify";return{typo:{...o?{fontSize:"default"}:r?.typo,fontWeight:e?.buttonType==="link"?n.normal:n.bold,textColor:e?.buttonType==="primary"||t?"defaultButton":"defaultLink"},direction:o?"ltr":r?.direction}};export{i as getButtonStyles,l as getContainerStyle,y as getTextStyles,p as getWrapperStyle};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as
|
|
2
|
+
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useEditorMode as s}from"@gem-sdk/core";import m from"../../text/components/Text.js";import{createStyle as o,createClass as r,createAttr as l}from"@gem-sdk/system";import{getButtonStyles as i,getContainerStyle as a,getWrapperStyle as c,getTextStyles as n}from"../common/styles.js";import{getButtonClass as p,getTextClass as d,getSpaceClass as f,getContainerClass as x,getTextClassWrapper as y,getWrapperClass as h}from"../common/classes.js";import{stripInlineStyles as j}from"../common/helper.js";let u=({styles:u,builderAttrs:N,style:g,setting:v,advanced:k,builderProps:C,disabled:S,...b})=>{let B=s(),{text:T}=v??{},W=u?.textStyle==="shopify",q=o({...i(S,v)}),w=n(S,v,u),z=o({...a(u)}),A=o({...c(u)}),D=r(p(v)),E=r(d(B,u?.textStyle)),F=r(f()),G=r(x()),H=r(y()),I=r(h()),J=l({...N});return t("div",{...b,...J,className:I,style:A,children:[e("div",{className:F}),e("div",{className:G,style:z,children:e("button",{className:D,style:q,children:e(m,{setting:{text:W?j(T):T},textClassWrapper:H,textClass:E,styles:w})})})]})};export{u as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"text",label:"Content",type:"select",options:[{value:"No thanks",label:"No thanks"},{value:"Decline offer",label:"Decline offer"}],default:"No thanks"},{id:"buttonType",type:"layout-selector",label:"Style",iconViewBox:"0 0 80 48",enableItemBackground:!0,enableItemOpacity:!0,itemPerRow:2,itemSpacing:"large",default:"secondary",options:[{label:"Outline",value:"secondary",type:"post-purchase-button",iconName:"gp-secondary-button"},{label:"Text link",value:"link",type:"post-purchase-button",iconName:"gp-link-button"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];export{e as DeclineButtonSettings};
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"text",label:"Content",type:"select",options:[{value:"No thanks",label:"No thanks"},{value:"Decline offer",label:"Decline offer"}],default:"No thanks"},{id:"buttonType",type:"layout-selector",label:"Style",iconViewBox:"0 0 80 48",enableItemBackground:!0,enableItemOpacity:!0,itemPerRow:2,itemSpacing:"large",default:"secondary",options:[{label:"Outline",value:"secondary",type:"post-purchase-button",iconName:"gp-secondary-button"},{label:"Text link",value:"link",type:"post-purchase-button",iconName:"gp-link-button"}]}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"textStyle",label:"Type",type:"option:value",options:[{label:"Shopify",value:"shopify"},{label:"Custom",value:"custom"}],default:"custom"}]}];export{e as DeclineButtonSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let t=[{label:"Style",controls:[{setting:{id:"buttonType"},layout:"vertical",popoverLabel:"Style"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal"},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];export{t as SettingUIV2};
|
|
1
|
+
let t=[{label:"Style",controls:[{setting:{id:"buttonType"},layout:"vertical",popoverLabel:"Style"}]},{label:"Size",controls:[{label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Preset",setting:{id:"textStyle"},layout:"horizontal"},{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal",conditionDisplay:'textStyle !== "shopify"'},{type:"control",setting:{id:"typo"},layout:"vertical",conditionDisplay:'textStyle !== "shopify"'}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];export{t as SettingUIV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let e=[{id:"setting",controls:[{id:"outOfStockLabel",type:"input",label:"Out Of Stock Message",default:"Out of stock",clearButton:!1},{id:"text",label:"Content",type:"select",options:[{value:"Take the deal",label:"Take the deal"},{value:"Buy",label:"Buy"}],default:"Take the deal"},{id:"buttonType",label:"Style",type:"layout-segment",iconViewBox:"0 0 120 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"secondary",value:"secondary",type:"post-purchase-button"},{label:"link",value:"link",type:"post-purchase-button"}],default:"primary"}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"}]}];export{e as AcceptButtonSettings};
|
|
1
|
+
let e=[{id:"setting",controls:[{id:"outOfStockLabel",type:"input",label:"Out Of Stock Message",default:"Out of stock",clearButton:!1},{id:"text",label:"Content",type:"select",options:[{value:"Take the deal",label:"Take the deal"},{value:"Buy",label:"Buy"}],default:"Take the deal"},{id:"buttonType",label:"Style",type:"layout-segment",iconViewBox:"0 0 120 72",enableItemBackground:!0,itemPerRow:2,itemSpacing:"large",options:[{label:"secondary",value:"secondary",type:"post-purchase-button"},{label:"link",value:"link",type:"post-purchase-button"}],default:"primary"}]},{id:"style",controls:[{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"},tablet:{default:"100%"},mobile:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"medium",fontWeight:"bold",textTransform:"none"},hiddenSetting:["textColor","fontWeight"]},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"start",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:"end",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"start"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"textStyle",label:"Type",type:"option:value",options:[{label:"Shopify",value:"shopify"},{label:"Custom",value:"custom"}],default:"custom"}]}];export{e as AcceptButtonSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let t=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal"},{type:"control",setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock button",controls:[{type:"control",label:"Message",setting:{id:"outOfStockLabel"},layout:"horizontal"}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];export{t as SettingUIV2};
|
|
1
|
+
let t=[{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"},layout:"horizontal"}]},{label:"Text",controls:[{type:"control",label:"Preset",setting:{id:"textStyle"},layout:"horizontal"},{type:"control",label:"Direction",setting:{id:"direction"},layout:"horizontal",conditionDisplay:'textStyle !== "shopify"'},{type:"control",setting:{id:"typo"},layout:"vertical",conditionDisplay:'textStyle !== "shopify"'}]},{label:"Out of stock button",controls:[{type:"control",label:"Message",setting:{id:"outOfStockLabel"},layout:"horizontal"}]},{controls:[{type:"control",label:"Align",setting:{id:"align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"},layout:"horizontal"}]}];export{t as SettingUIV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let t=(t,a,e)=>{let{displayByDefault:
|
|
1
|
+
let t=(t,a,e)=>{let{displayByDefault:i,scarcityThreshold:s=0,template:l,outOfStockMessage:r,continueSelling:d,unlimitedQuantityMessage:o,hiddenCounterWhenOutOfStock:p}=a??{},{displayProgressBar:c,textColor:g,oosTextColor:n,typo:u}=e??{},y=u?.attrs?.color;return{"data-id":t?.uid??"","data-visible":"{{ should_display }}","data-policy":"{{ variant_policy_list | escape }}","gp-setting":JSON.stringify({displayByDefault:i,displayProgressBar:c,scarcityThreshold:s,template:l,outOfStockMessage:r,continueSelling:d,unlimitedQuantityMessage:o,color:g||"brand",hiddenCounterWhenOutOfStock:p,oosTextColor:n,typoColor:y}).replaceAll('"',""")}},a=()=>({"data-slot-type":"message"}),e=t=>({"data-id":t?.uid??""}),i=(t,a)=>({"data-slot-type":t?"oos-icon":"has-stock-icon","data-visible":a?"true":"false"});export{i as getIconAttrs,t as getLiquidTagAttrs,a as getLiquidTextAttrs,e as getWrapperAttrs};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";let
|
|
1
|
+
import{composeClasses as e,composeTypographyClassName as t}from"@gem-sdk/core";let s=t=>{let{progressBarPosition:s="bottom"}=t??{},g="bottom"===s;return{...e("gp-inline-block gp-flex"),"gp-flex-col":g,"gp-flex-col-reverse":!g}},g=t=>({...e("gp-product-stock-counter data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...e(t?.cssClass)}),l=t=>{let{iconPosition:s="left"}=t??{};return{...e("gp-flex gp-items-baseline gp-gap-x-1"),"gp-flex-row":"left"===s,"gp-flex-row-reverse gp-justify-end":"right"===s}},p=()=>({...e("[&>svg]:!gp-h-[var(--w)] [&>svg]:!gp-w-auto tablet:[&>svg]:!gp-h-[var(--w-tablet)] mobile:[&>svg]:!gp-h-[var(--w-mobile)]")}),r=()=>({...e("gp-shrink-0 ")}),a=s=>{let{typo:g}=s??{},l=t(g,s?.typography);return{...e(l),"!gp-whitespace-normal gp-min-w-4":!0}},o=(t,s)=>{let{hiddenCounterWhenOutOfStock:g}=t??{};return{...e("gp-flex"),"gp-opacity-50":s&&g}};export{s as getContainerClasses,p as getIconClasses,g as getLiquidTagClasses,r as getOuterIconClasses,a as getTextClasses,o as getWrapperClasses,l as getWrapperIconClasses};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{makeStyle as t,getSingleColorVariable as e,makeStyleResponsive as r,makeWidth as o,composeTypographyStyle as s,getStyleShadow as l,genVariable as
|
|
1
|
+
import{makeStyle as t,getSingleColorVariable as e,makeStyleResponsive as r,makeWidth as o,composeTypographyStyle as s,getStyleShadow as l,genVariable as p,getShortName as a,composeTypographyV2 as c}from"@gem-sdk/core";import{convertSizeToWidth as n}from"./helpers.js";let u=s=>{let{width:l,textColor:p}=s??{};return{...r("w",o(l)),...t({c:e(p)})}},m=t=>{let{alignment:e}=t??{};return{...r("jc",e)}},y=(s,l,u)=>{let{iconColor:m,oosIconColor:y}=s??{};return{...t({c:e(u?y:m)}),...function(e,s){let{typo:l}=e??{},{iconSize:u}=s??{};if(u?.desktop)return{...r("w",o(u),"px")};let m=l&&!l.custom?p(a(`typography-${l.type}-fontSize`)):void 0,y=l&&l.custom?n(c(l.custom)):{};return m?t({w:m}):y}(s,l)}},i=(t,e)=>{let{typo:r,oosTextColor:o}=t??{},p={...r,attrs:{...r?.attrs,color:e?o:r?.attrs?.color}},a=s(p,t?.typography);return{...a,...l({value:r?.custom?.textShadow,styleAppliedFor:"text-shadow",isEnableShadow:r?.custom?.hasShadowText})}};export{u as getContainerStyles,y as getIconStyles,i as getTextStyles,m as getWrapperStyles};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import{jsxs as
|
|
2
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useRef as t,useEffect as r}from"react";import{useStockCounterInteraction as o}from"../hooks/useStockCounterInteraction.js";import{createStyle as l,createClass as m,createAttr as n}from"@gem-sdk/system";import{useStockCounter as i}from"../hooks/useStockCounter.js";import{getInlineCss as a}from"../common/helpers.js";import{getContainerClasses as c,getWrapperIconClasses as d,getIconClasses as u,getOuterIconClasses as p,getTextClasses as f,getWrapperClasses as h}from"../common/classes.js";import{getContainerStyles as y,getWrapperStyles as N,getIconStyles as S,getTextStyles as k}from"../common/styles.js";import{getWrapperAttrs as _,getIconAttrs as j}from"../common/attrs.js";let I=({setting:I,styles:g,builderProps:v})=>{let{borderRadius:H}=g??{},{showIcon:L,icon:M,layout:O="full",oosIcon:T}=I??{},{outputMessage:b,isOutOfStock:C,inventoryQuantity:x,shouldHideCounter:V}=i(I,g),q=t(null),{dispatchStockCounterInteraction:w}=o({element:q,uid:v?.uid}),z=a(v?.uid,H),A=l({...y(g)}),B=m({...c(I)}),D=l({...N(g)}),E=m({...d(I)}),F=m({...u()}),G=m({...p()}),J=e=>l({...S(g,I,e)}),K=({isOutOfStockIcon:e,isVisible:s})=>n({...j(e,s)}),P=m({...f(g)}),Q=e=>l({...k(g,e)}),R=m({...h(I,C)}),U=n({..._(v)});return(r(()=>{w(x)},[x]),V)?null:e("div",{...U,style:D,ref:q,className:R,children:[s("style",{children:z}),s("div",{className:B,style:A,children:e("div",{className:E,children:[L&&(C?s("div",{...K({isOutOfStockIcon:C,isVisible:C}),style:J(!0),className:G,children:s("span",{className:F,dangerouslySetInnerHTML:{__html:T||""}})}):s("div",{...K({isOutOfStockIcon:!C,isVisible:!C}),style:J(!1),className:G,children:s("span",{className:F,dangerouslySetInnerHTML:{__html:M||""}})})),"progress-bar"!==O&&(C?s("p",{dangerouslySetInnerHTML:{__html:b()},className:P,style:Q(!0)}):s("p",{dangerouslySetInnerHTML:{__html:b()},className:P,style:Q(!1)}))]})})]})};export{I as default};
|
|
@@ -1,70 +1,64 @@
|
|
|
1
|
-
import{composeClasses as s,RenderIf as t,template as i,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getDynamicSourceLocales as l,createSettingId as c,getSettingPreloadData as d}from"../../helpers.js";import{getLiquidInitData as r,getInlineCss as a,getTextDisplayData as $,getLiquidTextContent as p}from"../common/helpers.js";import{
|
|
2
|
-
${
|
|
3
|
-
<gp-product-stock-counter ${{...
|
|
4
|
-
style="${
|
|
5
|
-
<div class="${
|
|
6
|
-
<style>${
|
|
1
|
+
import{composeClasses as s,RenderIf as t,template as i,isLocalEnv as e,baseAssetURL as o}from"@gem-sdk/core";import{getDynamicSourceLocales as l,createSettingId as c,getSettingPreloadData as d}from"../../helpers.js";import{getLiquidInitData as r,getInlineCss as a,getTextDisplayData as $,getLiquidTextContent as p}from"../common/helpers.js";import{getContainerClasses as u,getLiquidTagClasses as n,getWrapperIconClasses as m,getOuterIconClasses as f,getIconClasses as v,getWrapperClasses as g,getTextClasses as k}from"../common/classes.js";import{getContainerStyles as y,getWrapperStyles as S,getIconStyles as I,getTextStyles as O}from"../common/styles.js";import{getLiquidTagAttrs as b,getLiquidTextAttrs as j,getIconAttrs as _}from"../common/attrs.js";import{createAttr as V,createStyle as h,createClass as E,LiquidIf as M}from"@gem-sdk/system";import{StockCounter as A}from"../settings/configs/translate.js";let C=({setting:C,styles:G,style:Q,advanced:R,builderProps:x,pageContext:N})=>{let{borderRadius:P}=G??{},{showIcon:T,icon:q,oosIcon:w,layout:z="full",template:B,outOfStockMessage:D,continueSelling:F,unlimitedQuantityMessage:H}=C??{},J=a(x?.uid,P),K=l({val:B,uid:x?.uid,settingId:c({id:A?.template?.id}),pageContext:N,isReplaceInventoryQuantity:!0}),L=l({val:D,uid:x?.uid,settingId:c({id:A?.outOfStockMessage?.id}),pageContext:N}),U=l({val:F,uid:x?.uid,settingId:c({id:A?.continueSelling?.id}),pageContext:N}),W=l({val:H,uid:x?.uid,settingId:c({id:A?.unlimitedQuantityMessage?.id}),pageContext:N}),X=V({...b(x,C,G)}),Y=h({...y(G)}),Z=E({...u(C)}),ss=E({...n(R)}),st=h({...Q}),si=h({...S(G)}),se=r(C,G),so=p({templateStringDisplay:K,outOfStockMessageDisplay:L,continueSellingDisplay:U,unlimitedQuantityMessageDisplay:W}),sl=E({...m(C)}),sc=E({...s("gp-stock-counter-icon data-[visible=true]:gp-block data-[visible=false]:gp-hidden"),...v(),...f()}),sd=E({...g(C)}),sr=s=>h({...I(G,C,s)}),sa=({isOutOfStockIcon:s,isVisible:t})=>V({..._(s,t)}),s$=E({...k(G),...s("gp-stock-counter-mark")}),sp=s=>h({...O(G,s)}),su=V({...j()}),sn=$({templateStringDisplay:K,outOfStockMessageDisplay:L,continueSellingDisplay:U,unlimitedQuantityMessageDisplay:W},G);return i`
|
|
2
|
+
${se}
|
|
3
|
+
<gp-product-stock-counter ${{...X}} class="${ss}"
|
|
4
|
+
style="${st}">
|
|
5
|
+
<div class="${sd}" style="${si}">
|
|
6
|
+
<style>${J}</style>
|
|
7
7
|
<div
|
|
8
|
-
class="${
|
|
9
|
-
style="${
|
|
8
|
+
class="${Z}"
|
|
9
|
+
style="${Y}"
|
|
10
10
|
>
|
|
11
|
-
<div class="${
|
|
12
|
-
${t(
|
|
13
|
-
${
|
|
14
|
-
${{...
|
|
15
|
-
class="${
|
|
16
|
-
style="${
|
|
11
|
+
<div class="${sl}">
|
|
12
|
+
${t(T,i`
|
|
13
|
+
${M("is_out_of_stock",i`<div
|
|
14
|
+
${{...sa({isOutOfStockIcon:!0,isVisible:!0})}}
|
|
15
|
+
class="${sc}"
|
|
16
|
+
style="${sr(!0)}"
|
|
17
17
|
>
|
|
18
|
-
${
|
|
18
|
+
${w}
|
|
19
19
|
</div>
|
|
20
20
|
<div
|
|
21
|
-
${{...
|
|
21
|
+
${{...sa({isOutOfStockIcon:!1,isVisible:!1})}}
|
|
22
22
|
data-slot-type="false"
|
|
23
|
-
class="${
|
|
24
|
-
style="${
|
|
23
|
+
class="${sc}"
|
|
24
|
+
style="${sr(!1)}"
|
|
25
25
|
>
|
|
26
|
-
${
|
|
26
|
+
${q}
|
|
27
27
|
</div>`,i` <div
|
|
28
|
-
${{...
|
|
29
|
-
class="${
|
|
30
|
-
style="${
|
|
28
|
+
${{...sa({isOutOfStockIcon:!0,isVisible:!1})}}
|
|
29
|
+
class="${sc}"
|
|
30
|
+
style="${sr(!0)}"
|
|
31
31
|
>
|
|
32
|
-
${
|
|
32
|
+
${w}
|
|
33
33
|
</div>
|
|
34
34
|
<div
|
|
35
|
-
${{...
|
|
36
|
-
class="${
|
|
37
|
-
style="${
|
|
35
|
+
${{...sa({isOutOfStockIcon:!1,isVisible:!0})}}
|
|
36
|
+
class="${sc}"
|
|
37
|
+
style="${sr(!1)}"
|
|
38
38
|
>
|
|
39
|
-
${
|
|
39
|
+
${q}
|
|
40
40
|
</div>`)}
|
|
41
41
|
`)}
|
|
42
|
-
${
|
|
43
|
-
${t("progress-bar"!==
|
|
44
|
-
${
|
|
45
|
-
${{...
|
|
46
|
-
class="${
|
|
47
|
-
style="${
|
|
42
|
+
${sn}
|
|
43
|
+
${t("progress-bar"!==z,i`
|
|
44
|
+
${M("is_out_of_stock",i`<p
|
|
45
|
+
${{...su}}
|
|
46
|
+
class="${s$}"
|
|
47
|
+
style="${sp(!0)}"
|
|
48
48
|
>
|
|
49
|
-
${
|
|
49
|
+
${so}
|
|
50
50
|
</p>`,i`<p
|
|
51
|
-
${{...
|
|
52
|
-
class="${
|
|
53
|
-
style="${
|
|
51
|
+
${{...su}}
|
|
52
|
+
class="${s$}"
|
|
53
|
+
style="${sp(!1)}"
|
|
54
54
|
>
|
|
55
|
-
${
|
|
55
|
+
${so}
|
|
56
56
|
</p>`)}
|
|
57
57
|
`)}
|
|
58
58
|
|
|
59
59
|
</div>
|
|
60
|
-
|
|
61
|
-
<div
|
|
62
|
-
${{...sv}}
|
|
63
|
-
style="${si}"
|
|
64
|
-
class="${st}"
|
|
65
|
-
></div>
|
|
66
60
|
</div>
|
|
67
61
|
</div>
|
|
68
62
|
</gp-product-stock-counter>
|
|
69
63
|
${t(e,`<script ${d('class="gps-link" delay',"src")}="{{ 'gp-product-stock-counter-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${d('class="gps-link" delay',"src")}="${o}/assets-v2/gp-product-stock-counter-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
|
|
70
|
-
`};export{
|
|
64
|
+
`};export{C as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let t=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{
|
|
1
|
+
let t=[{label:"layout",controls:[{setting:{id:"layout"},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"displayProgressBar",newValue:!0,groupType:"style",controlType:"style"},source:["layout"],condition:"layout !== 'icon-and-text' && layout !== 'text-only'"},{action:{controlId:"displayProgressBar",newValue:!1,groupType:"style",controlType:"style"},source:["layout"],condition:"layout === 'icon-and-text' || layout === 'text-only'"},{action:{controlId:"showIcon",newValue:!0,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'full' || layout === 'icon-and-text'"},{action:{controlId:"showIcon",newValue:!1,groupType:"setting",controlType:"setting"},source:["layout"],condition:"layout === 'text-and-progress-bar' || layout === 'progress-bar' || layout === 'text-only'"}],options:{noRecordHistory:!0}}}]},{moreSettings:{type:"collapse",controls:[{conditionDisplay:"displayProgressBar == true",label:"Height",setting:{id:"progressBarHeight"}},{conditionDisplay:"displayProgressBar == true",label:"Position",setting:{id:"progressBarPosition"}},{conditionDisplay:"displayProgressBar == true",hiddenOnMobile:!0,label:"Corner",setting:{id:"borderRadius"}}]}},{hiddenOnMobile:!0,controls:[{label:"Icon",setting:{id:"showIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:"Icon",conditionDisplay:"showIcon == true",setting:{id:"icon"},layout:"horizontal"},{label:"Size",conditionDisplay:"showIcon == true",setting:{id:"iconSize"},layout:"horizontal"},{conditionDisplay:"showIcon == true",label:"Color",setting:{id:"iconColor"}},{label:"Position",conditionDisplay:"showIcon == true",setting:{id:"iconPosition"},layout:"horizontal"}]},{label:"Size",hiddenOnMobile:!0,controls:[{label:"Width",setting:{id:"width"}}]},{label:"Text",controls:[{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"template",isHideClear:!0,controls:[{label:"Content",setting:{id:"template"},layout:"vertical"}]},{setting:{id:"typo"},layout:"vertical"}]},{label:"Out of stock state",controls:[{label:"Action",setting:{id:"hiddenCounterWhenOutOfStock"}},{label:"Icon",setting:{id:"oosIcon"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Content",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"outOfStockMessage",isHideClear:!0,controls:[{label:"Content",setting:{id:"outOfStockMessage"},layout:"vertical"}],conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Icon color",setting:{id:"oosIconColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"},{label:"Text color",setting:{id:"oosTextColor"},conditionDisplay:"hiddenCounterWhenOutOfStock == false"}]},{label:"Message",controls:[{label:"Sell when OOS",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"continueSelling",isHideClear:!0,popoverLabel:"Out of stock sell",controls:[{label:"Content",setting:{id:"continueSelling"},layout:"vertical"}]},{label:"Unlimited stock",type:"combo",iconName:"polaris-text-block",getValueFromSettingID:"unlimitedQuantityMessage",isHideClear:!0,popoverLabel:"Unlimited quantity",controls:[{label:"Content",setting:{id:"unlimitedQuantityMessage"},layout:"vertical"}]}]},{label:"Display option",controls:[{label:"Display",setting:{id:"displayByDefault"}},{label:"Stock",conditionDisplay:"displayByDefault == false",setting:{id:"scarcityThreshold"}}]},{controls:[{label:"Align",hiddenOnMobile:!0,conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"alignment"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as SettingUIV2};
|
package/dist/types/index.d.ts
CHANGED
|
@@ -2501,11 +2501,13 @@ type PostPurchaseButtonSettingProps = {
|
|
|
2501
2501
|
outOfStockLabel?: string;
|
|
2502
2502
|
requireAcceptTermLabel?: string;
|
|
2503
2503
|
};
|
|
2504
|
+
type PostPurchaseButtonTextStyle = 'custom' | 'shopify';
|
|
2504
2505
|
type PostPurchaseButtonStyleProps = {
|
|
2505
2506
|
typo?: PostPurchaseTypo;
|
|
2506
2507
|
align?: 'start' | 'end' | 'center';
|
|
2507
2508
|
width?: ObjectDevices<string>;
|
|
2508
2509
|
direction?: 'ltr' | 'rtl';
|
|
2510
|
+
textStyle?: PostPurchaseButtonTextStyle;
|
|
2509
2511
|
};
|
|
2510
2512
|
type PostPurchaseButtonProps = BasePropsWrap<PostPurchaseButtonSettingProps, PostPurchaseButtonStyleProps>;
|
|
2511
2513
|
|
|
@@ -6324,6 +6326,7 @@ declare const _default$4: {
|
|
|
6324
6326
|
align?: "start" | "end" | "center";
|
|
6325
6327
|
width?: _gem_sdk_core.ObjectDevices<string>;
|
|
6326
6328
|
direction?: "ltr" | "rtl";
|
|
6329
|
+
textStyle?: PostPurchaseButtonTextStyle;
|
|
6327
6330
|
}, Record<string, any>> & {
|
|
6328
6331
|
builderAttrs?: Record<string, any>;
|
|
6329
6332
|
style?: React.CSSProperties;
|