@gem-sdk/components 17.0.0-dev.106 → 17.0.0-dev.108

package/dist/cjs/post-purchase/link/components/PostPurchaseLink.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../text/components/Text.js"),t=require("@gem-sdk/system"),r=require("../common/classes.js"),l=require("../common/styles.js"),a=require("../common/helpers.js");exports.default=({builderAttrs:n,setting:o={},styles:c,builderProps:i})=>{let{link:m,label:u}=o,{textAlign:g,typo:x,width:y,direction:C}=c??{},d=a.getComponentTag(m),j=t.createClass({...r.getClasses({builderProps:i,styles:c})}),p=t.createStyle({...l.getStyle(y)}),S=t.createClass({...r.getComponentClasses(m)}),f=t.createStyle({...l.getComponentStyles()}),h=l.getTextStyle({textAlign:g,typo:x}),q=t.createClass({...r.getTextClasses(m)}),v=t.createClass({...r.getElementMarginClasses()});return e.jsx("div",{...n,className:j,children:e.jsxs("div",{style:p,children:[e.jsx(d,{href:m,target:"_blank",rel:"noreferrer",className:S,style:f,children:e.jsx(s.default,{styles:{...h,direction:C},setting:{text:u},textClass:q})}),x?.fontSize===a.PostPurchaseFontSizeValue.XLarge&&e.jsx("div",{className:v})]})})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../text/components/Text.js"),t=require("@gem-sdk/system"),r=require("../common/classes.js"),l=require("../common/styles.js"),a=require("../common/helpers.js");exports.default=({builderAttrs:n,setting:o={},styles:c,builderProps:i})=>{let{link:m,label:u}=o,{textAlign:g,typo:x,width:y}=c??{},C=a.getComponentTag(m),d=t.createClass({...r.getClasses({builderProps:i,styles:c})}),j=t.createStyle({...l.getStyle(y)}),p=t.createClass({...r.getComponentClasses(m)}),S=t.createStyle({...l.getComponentStyles()}),f=l.getTextStyle({textAlign:g,typo:x}),h=t.createClass({...r.getTextClasses(m)}),q=t.createClass({...r.getElementMarginClasses()});return e.jsx("div",{...n,className:d,children:e.jsxs("div",{style:j,children:[e.jsx(C,{href:m,target:"_blank",rel:"noreferrer",className:p,style:S,children:e.jsx(s.default,{styles:{...f},setting:{text:u},textClass:h})}),x?.fontSize===a.PostPurchaseFontSizeValue.XLarge&&e.jsx("div",{className:q})]})})};

package/dist/cjs/post-purchase/link/settings/configs/settings.js

@@ -1 +1 @@
-"use strict";exports.PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"}]},{id:"style",controls:[{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight","textTransform"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]}];
+"use strict";exports.PostPurchaseLinkSettings=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"}]},{id:"style",controls:[{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight","textTransform"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]}];

package/dist/cjs/post-purchase/link/settings/configs/ui-v2.js

@@ -1 +1 @@
-"use strict";exports.PostPurchaseLinkUIV2=[{label:"Insert Link",controls:[{label:"Link",setting:{id:"link"}}]},{label:"Content",controls:[{type:"control",label:"Label",setting:{id:"label"}}]},{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},controlChangeTrigger:{options:{noRecordHistory:!0}}},{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:"Align"}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"}}]},{controls:[{label:"Align",conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];
+"use strict";exports.PostPurchaseLinkUIV2=[{label:"Insert Link",controls:[{label:"Link",setting:{id:"link"}}]},{label:"Content",controls:[{type:"control",label:"Label",setting:{id:"label"}}]},{label:"Text",controls:[{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:"Align"}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"}}]},{controls:[{label:"Align",conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];

package/dist/cjs/product/components/product-button/ProductButton.liquid.js

@@ -1,23 +1,25 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("./common/styles.js"),e=require("./common/helpers.js"),s=require("@gem-sdk/core"),a=require("@gem-sdk/system"),r=require("../../../helpers.js"),i=require("./helpers/getButtonDynamicSourceLocales.js"),o=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:d,styles:p,pageContext:g}=l,{wrapStyle:y,restStyle:m}=t.getSplitStyle(d),{outOfStockButtonLabel:b,unavailableButtonLabel:f,variantSelectionRequiredMessage:S,successMessage:q,errorMessage:v}=i.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=r.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=a.createStateOrContext(e.getGPProductButtonState({styles:p,setting:u,successMessage:q,errorMessage:v}));return s.template`
-    ${a.Liquid("{%- assign total_combinations = 1 -%}")}
-    ${a.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./common/styles.js"),t=require("./common/helpers.js"),s=require("@gem-sdk/core"),r=require("@gem-sdk/system"),a=require("../../../helpers.js"),o=require("./helpers/getButtonDynamicSourceLocales.js"),i=require("./SoldOutButton.liquid.js"),n=require("./AddToCartButton.liquid.js");exports.default=l=>{let{setting:u,builderProps:c,style:p,styles:d,pageContext:g}=l,{wrapStyle:m,restStyle:y}=e.getSplitStyle(p),{outOfStockButtonLabel:S,unavailableButtonLabel:b,variantSelectionRequiredMessage:f,successMessage:q,errorMessage:v}=o.getButtonDynamicSourceLocales({setting:u,pageContext:g,builderProps:c}),{urlData:$}=a.getInsertLinkData("",u?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:u?.customURL),_=r.createStateOrContext(t.getGPProductButtonState({styles:d,setting:u})),h=t.escapeSingleQuoteForAttr(q??u?.successMessage),j=t.escapeSingleQuoteForAttr(v??u?.errorMessage);return s.template`
+    ${r.Liquid("{%- assign total_combinations = 1 -%}")}
+    ${r.LiquidFor("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
       assign inventory_quantity = variant.inventory_quantity | default: 0
       assign is_in_stock = variant.available
     -%}
     <gp-product-button
-      style="${y}"
+      style="${m}"
       gp-data-wrapper="true"
       gp-href="${$.href}"
       class="gp-product-button"
-      gp-label-out-of-stock="${b}"
-      gp-label-unavailable="${f}"
+      gp-label-out-of-stock="${S}"
+      gp-label-unavailable="${b}"
       gp-data='${JSON.stringify(_)}'
-      data-variant-selection-required-message="${S}"
+      data-variant-selection-required-message="${f}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
+      gp-error-message="${j}"
+      gp-success-message="${h}"
     >
-      ${n.AddToCartButton({...l,style:m})}
-      ${o.SoldOutButton({...l,style:m,label:b})}
+      ${n.AddToCartButton({...l,style:y})}
+      ${i.SoldOutButton({...l,style:y,label:S})}
     </gp-product-button>
-    ${a.If(s.isLocalEnv,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${r.If(s.isLocalEnv,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${a.getSettingPreloadData('class="gps-link" delay',"src")}="${s.baseAssetURL}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};

package/dist/cjs/product/components/product-button/common/helpers.js

@@ -1 +1 @@
-"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),s=e=>{if(null==e)return e;let s=e.toString();return t.test(s)?r(s):s.replaceAll("'","'").replaceAll("’","'")},o=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.getGPProductButtonState=({styles:e,setting:t,successMessage:r,errorMessage:o})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:s(t?.label),errorMessage:s(o??t?.errorMessage),successMessage:s(r??t?.successMessage),outOfStockLabel:s(t?.outOfStockLabel),customURL:{link:s(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:o(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:o(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;
+"use strict";var e=require("./constants.js");const t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);exports.checkIconVisibility=e=>e?.enableIcon===!0,exports.escapeSingleQuoteForAttr=o,exports.getGPProductButtonState=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),exports.getRenderComparePriceSettings=e=>({lineThrough:!0,typo:a(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),exports.getRenderRegularPriceSettings=e=>({lineThrough:!1,typo:a(e?.priceTypo)}),exports.renderSeparator=t=>({dot:e.SEPARATOR.DOT,"vertical-line":e.SEPARATOR.VERTICAL_LINE,"horizontal-line":e.SEPARATOR.HORIZONTAL_LINE})[t??"horizontal-line"]??e.SEPARATOR.HORIZONTAL_LINE;

package/dist/esm/post-purchase/link/components/PostPurchaseLink.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../../text/components/Text.js";import{createClass as s,createStyle as m}from"@gem-sdk/system";import{getClasses as o,getComponentClasses as l,getTextClasses as i,getElementMarginClasses as n}from"../common/classes.js";import{getStyle as a,getComponentStyles as c,getTextStyle as f}from"../common/styles.js";import{PostPurchaseFontSizeValue as p,getComponentTag as d}from"../common/helpers.js";let x=({builderAttrs:x,setting:h={},styles:j,builderProps:y})=>{let{link:g,label:k}=h,{textAlign:u,typo:v,width:N,direction:L}=j??{},b=d(g),z=s({...o({builderProps:y,styles:j})}),C=m({...a(N)}),S=s({...l(g)}),T=m({...c()}),X=f({textAlign:u,typo:v}),_=s({...i(g)}),q=s({...n()});return e("div",{...x,className:z,children:t("div",{style:C,children:[e(b,{href:g,target:"_blank",rel:"noreferrer",className:S,style:T,children:e(r,{styles:{...X,direction:L},setting:{text:k},textClass:_})}),v?.fontSize===p.XLarge&&e("div",{className:q})]})})};export{x as default};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import r from"../../text/components/Text.js";import{createClass as s,createStyle as m}from"@gem-sdk/system";import{getClasses as o,getComponentClasses as l,getTextClasses as i,getElementMarginClasses as n}from"../common/classes.js";import{getStyle as a,getComponentStyles as c,getTextStyle as f}from"../common/styles.js";import{PostPurchaseFontSizeValue as p,getComponentTag as d}from"../common/helpers.js";let x=({builderAttrs:x,setting:h={},styles:j,builderProps:y})=>{let{link:g,label:k}=h,{textAlign:u,typo:v,width:N}=j??{},L=d(g),b=s({...o({builderProps:y,styles:j})}),z=m({...a(N)}),C=s({...l(g)}),S=m({...c()}),T=f({textAlign:u,typo:v}),X=s({...i(g)}),_=s({...n()});return e("div",{...x,className:b,children:t("div",{style:z,children:[e(L,{href:g,target:"_blank",rel:"noreferrer",className:C,style:S,children:e(r,{styles:{...T},setting:{text:k},textClass:X})}),v?.fontSize===p.XLarge&&e("div",{className:_})]})})};export{x as default};

package/dist/esm/post-purchase/link/settings/configs/settings.js

@@ -1 +1 @@
-let e=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"}]},{id:"style",controls:[{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"direction",label:"Direction",type:"option:value",options:[{label:"LTR",value:"ltr"},{label:"RTL",value:"rtl"}],default:"ltr"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight","textTransform"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]}];export{e as PostPurchaseLinkSettings};
+let e=[{id:"setting",controls:[{id:"link",label:"Link",type:"input",default:"",placeholder:"E.g. gempages.net"},{id:"label",label:"Text",type:"textarea",default:"Preview Sample",autoHeight:!0,lazyUpdate:!0,placeholder:"E.g. Preview"}]},{id:"style",controls:[{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"},{id:"typo",label:"Label",type:"typography-post-purchase",default:{fontSize:"default",fontWeight:"normal",textTransform:"none",textColor:"defaultLink"},hiddenSetting:["textColor","fontWeight","textTransform"]},{id:"textAlign",label:"Alignment",type:"option:value",options:[{value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]}];export{e as PostPurchaseLinkSettings};

package/dist/esm/post-purchase/link/settings/configs/ui-v2.js

@@ -1 +1 @@
-let t=[{label:"Insert Link",controls:[{label:"Link",setting:{id:"link"}}]},{label:"Content",controls:[{type:"control",label:"Label",setting:{id:"label"}}]},{label:"Text",controls:[{type:"control",label:"Direction",setting:{id:"direction"},controlChangeTrigger:{options:{noRecordHistory:!0}}},{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:"Align"}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"}}]},{controls:[{label:"Align",conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as PostPurchaseLinkUIV2};
+let t=[{label:"Insert Link",controls:[{label:"Link",setting:{id:"link"}}]},{label:"Content",controls:[{type:"control",label:"Label",setting:{id:"label"}}]},{label:"Text",controls:[{type:"control",setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:"Align"}]},{label:"Size",controls:[{type:"control",label:"Width",setting:{id:"width"}}]},{controls:[{label:"Align",conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{t as PostPurchaseLinkUIV2};

package/dist/esm/product/components/product-button/ProductButton.liquid.js

@@ -1,23 +1,25 @@
-import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as s}from"./common/helpers.js";import{template as e,isLocalEnv as o,baseAssetURL as r}from"@gem-sdk/core";import{createStateOrContext as a,Liquid as i,LiquidFor as n,If as l}from"@gem-sdk/system";import{getInsertLinkData as p,getSettingPreloadData as c}from"../../../helpers.js";import{getButtonDynamicSourceLocales as u}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as m}from"./AddToCartButton.liquid.js";let f=f=>{let{setting:g,builderProps:b,style:y,styles:$,pageContext:v}=f,{wrapStyle:_,restStyle:h}=t(y),{outOfStockButtonLabel:S,unavailableButtonLabel:j,variantSelectionRequiredMessage:k,successMessage:E,errorMessage:q}=u({setting:g,pageContext:v,builderProps:b}),{urlData:A}=p("",g?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:g?.customURL),B=a(s({styles:$,setting:g,successMessage:E,errorMessage:q}));return e`
-    ${i("{%- assign total_combinations = 1 -%}")}
-    ${n("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
+import{getSplitStyle as t}from"./common/styles.js";import{getGPProductButtonState as s,escapeSingleQuoteForAttr as e}from"./common/helpers.js";import{template as r,isLocalEnv as o,baseAssetURL as a}from"@gem-sdk/core";import{createStateOrContext as i,Liquid as n,LiquidFor as l,If as p}from"@gem-sdk/system";import{getInsertLinkData as c,getSettingPreloadData as u}from"../../../helpers.js";import{getButtonDynamicSourceLocales as m}from"./helpers/getButtonDynamicSourceLocales.js";import{SoldOutButton as d}from"./SoldOutButton.liquid.js";import{AddToCartButton as g}from"./AddToCartButton.liquid.js";let f=f=>{let{setting:$,builderProps:b,style:y,styles:v,pageContext:_}=f,{wrapStyle:h,restStyle:S}=t(y),{outOfStockButtonLabel:j,unavailableButtonLabel:k,variantSelectionRequiredMessage:E,successMessage:q,errorMessage:A}=m({setting:$,pageContext:_,builderProps:b}),{urlData:B}=c("",$?.actionEffect==="open-cart-drawer"?{link:"/cart",target:"_self"}:$?.customURL),G=i(s({styles:v,setting:$})),M=e(q??$?.successMessage),P=e(A??$?.errorMessage);return r`
+    ${n("{%- assign total_combinations = 1 -%}")}
+    ${l("option in product.options_with_values","{%- assign total_combinations = total_combinations | times: option.values.size -%}")}
     {%- liquid
       assign inventory_quantity = variant.inventory_quantity | default: 0
       assign is_in_stock = variant.available
     -%}
     <gp-product-button
-      style="${_}"
+      style="${h}"
       gp-data-wrapper="true"
-      gp-href="${A.href}"
+      gp-href="${B.href}"
       class="gp-product-button"
-      gp-label-out-of-stock="${S}"
-      gp-label-unavailable="${j}"
-      gp-data='${JSON.stringify(B)}'
-      data-variant-selection-required-message="${k}"
+      gp-label-out-of-stock="${j}"
+      gp-label-unavailable="${k}"
+      gp-data='${JSON.stringify(G)}'
+      data-variant-selection-required-message="${E}"
       gp-enable-third-partycart="{{shop.metafields.GEMPAGES.enableThirdPartyCart}}"
+      gp-error-message="${P}"
+      gp-success-message="${M}"
     >
-      ${m({...f,style:h})}
-      ${d({...f,style:h,label:S})}
+      ${g({...f,style:S})}
+      ${d({...f,style:S,label:j})}
     </gp-product-button>
-    ${l(o,`<script ${c('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${c('class="gps-link" delay',"src")}="${r}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
+    ${p(o,`<script ${u('class="gps-link" delay',"src")}="{{ 'gp-product-button-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${u('class="gps-link" delay',"src")}="${a}/assets-v2/gp-product-button-v7-5.js?v={{ shop.metafields.GEMPAGES.ASSETS_VERSION }}" defer="defer"></script>`)}
   `};export{f as default};

package/dist/esm/product/components/product-button/common/helpers.js

@@ -1 +1 @@
-import{SEPARATOR as e}from"./constants.js";let t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'")},a=e=>e?.enableIcon===!0,s=e=>({lineThrough:!1,typo:n(e?.priceTypo)}),l=e=>({lineThrough:!0,typo:n(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),c=({styles:e,setting:t,successMessage:r,errorMessage:a})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),errorMessage:o(a??t?.errorMessage),successMessage:o(r??t?.successMessage),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),i=t=>({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t??"horizontal-line"]??e.HORIZONTAL_LINE,n=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{a as checkIconVisibility,c as getGPProductButtonState,l as getRenderComparePriceSettings,s as getRenderRegularPriceSettings,i as renderSeparator};
+import{SEPARATOR as e}from"./constants.js";let t=/^\s*\{\{[\s\S]*\}\}\s*$/,r=e=>e.replace(/\s*\}\}\s*$/," | escape }}"),o=e=>{if(null==e)return e;let o=e.toString();return t.test(o)?r(o):o.replaceAll("'","'").replaceAll("’","'").replaceAll('"',""")},a=e=>e?.enableIcon===!0,l=e=>({lineThrough:!1,typo:s(e?.priceTypo)}),i=e=>({lineThrough:!0,typo:s(e?.compareAtPriceTypo),opacityPrice:e?.opacityPrice}),c=({styles:e,setting:t})=>({styles:{errorTypo:e?.errorTypo,successTypo:e?.successTypo},setting:{errorType:t?.errorType,actionEffect:t?.actionEffect,enableMessage:t?.enableMessage,label:o(t?.label),outOfStockLabel:o(t?.outOfStockLabel),customURL:{link:o(t?.customURL?.link),target:t?.customURL?.target}},variantID:"{{variant.id}}",disabled:"{{variant.available}}",totalVariant:"{{total_combinations}}"}),n=t=>({dot:e.DOT,"vertical-line":e.VERTICAL_LINE,"horizontal-line":e.HORIZONTAL_LINE})[t??"horizontal-line"]??e.HORIZONTAL_LINE,s=e=>(e?.attrs&&e?.attrs.color&&delete e.attrs.color,e);export{a as checkIconVisibility,o as escapeSingleQuoteForAttr,c as getGPProductButtonState,i as getRenderComparePriceSettings,l as getRenderRegularPriceSettings,n as renderSeparator};

package/dist/types/index.d.ts

@@ -2651,7 +2651,6 @@ type PostPurchaseLinkStyleProps = {
     typo?: PostPurchaseTypo;
     textAlign?: 'left' | 'center' | 'right';
     width?: ObjectDevices<string>;
-    direction?: 'ltr' | 'rtl';
 };
 type PostPurchaseLinkProps = BasePropsWrap<PostPurchaseLinkSettingProps, PostPurchaseLinkStyleProps>;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/components",
-  "version": "17.0.0-dev.106",
+  "version": "17.0.0-dev.108",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,7 +27,7 @@
   },
   "devDependencies": {
     "@gem-sdk/core": "17.0.0-dev.106",
-    "@gem-sdk/styles": "17.0.0-dev.93",
+    "@gem-sdk/styles": "17.0.0-dev.108",
     "@gem-sdk/system": "17.0.0-dev.93",
     "@types/react-transition-group": "^4.4.12",
     "postcss-import": "16.1.1",