@gem-sdk/components 20.1.3 → 20.2.0

package/dist/cjs/post-purchase/button/common/classes.js

@@ -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=>({...e.composeClasses("!gp-inline-flex  gp-py-2 gp-leading-[1.3]"),"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");
+"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");

package/dist/cjs/post-purchase/button/common/helper.js

@@ -0,0 +1 @@
+"use strict";const s=/\sstyle\s*=\s*("[^"]*"|'[^']*')/gi;exports.stripInlineStyles=t=>"string"==typeof t?t.replace(s,""):t;

package/dist/cjs/post-purchase/button/common/styles.js

@@ -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)=>({typo:{...o?.typo,fontWeight:e?.buttonType==="link"?r.postPurchaseFontWeight.normal:r.postPurchaseFontWeight.bold,textColor:e?.buttonType==="primary"||t?"defaultButton":"defaultLink"},direction:o?.direction}),exports.getWrapperStyle=r=>{let o={...t.makeStyle({jc:r?.align==="center"?"center":r?.align==="end"?"end":"start"})};return e.filterTruthyStyles(o)};
+"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)};

package/dist/cjs/post-purchase/button/components/Button.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/core"),t=require("../../text/components/Text.js"),r=require("@gem-sdk/system"),a=require("../common/styles.js"),l=require("../common/classes.js");exports.default=({styles:c,builderAttrs:i,style:n,setting:o,advanced:u,builderProps:C,disabled:x,...y})=>{let d=s.useEditorMode(),{text:g}=o??{},m=r.createStyle({...a.getButtonStyles(x,o)}),p=a.getTextStyles(x,o,c),j=r.createStyle({...a.getContainerStyle(c)}),S=r.createStyle({...a.getWrapperStyle(c)}),q=r.createClass(l.getButtonClass(o)),v=r.createClass(l.getTextClass(d)),N=r.createClass(l.getSpaceClass()),T=r.createClass(l.getContainerClass()),W=r.createClass(l.getTextClassWrapper()),f=r.createClass(l.getWrapperClass()),h=r.createAttr({...i});return e.jsxs("div",{...y,...h,className:f,style:S,children:[e.jsx("div",{className:N}),e.jsx("div",{className:T,style:j,children:e.jsx("button",{className:q,style:m,children:e.jsx(t.default,{setting:{text:g},textClassWrapper:W,textClass:v,styles:p})})})]})};
+"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})})})]})};

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

@@ -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"}]}];
+"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"}]}];

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

@@ -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"}]}];
+"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"}]}];

package/dist/cjs/post-purchase/product/settings/accept-button/configs/settings.js

@@ -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"}]}];
+"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"}]}];

package/dist/cjs/post-purchase/product/settings/accept-button/configs/ui-v2.js

@@ -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"}]}];
+"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"}]}];

package/dist/cjs/product/components/file-upload/UploadFile.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/helpers.js"),a=require("./common/style.js"),r=require("./common/classes.js"),l=require("./common/attr.js");exports.default=({setting:c,styles:o,builderProps:i,pageContext:n})=>{let v=s.createClass(r.createLayoutClasses(c,i?.uid)),y=s.createStyle({...t.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),m=s.createClass(r.createTypoClasses(o)),d=s.createStyle({...t.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=s.createClass(r.createContentWidthClasses()),S=s.createClass(r.createPreviewClasses()),u=s.createClass(r.createPreviewItemClasses()),f=s.createClass(r.createPreviewRemoveClasses()),j=s.createClass(r.createMessageClasses()),x=s.createStyle(a.createMessageStyles()),p=s.createClass(r.createInputClasses()),H=s.createClass(r.composeClasses("gp-flex gp-items-center")),h=s.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),N=s.createStyle({...t.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),g=s.createStyle({...t.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),b=s.createClass(r.createWrapContainerClasses(i?.uid)),I=s.createStyle({...t.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),q=s.createStyle({...t.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),E=s.createClass(r.createIconContentClasses()),W=s.createStyle({...t.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),M=t.getDisplayText("React",{uid:i?.uid,setting:c,styles:o,pageContext:n});return e.jsxs("div",{className:b,style:N,children:[e.jsx("input",{...h,className:p}),e.jsx("div",{className:H,style:g,children:e.jsx("div",{className:C,style:I,children:e.jsxs("div",{className:v,style:y,children:[s.If(!!(c?.iconSvg&&c.iconVisible),e.jsx("div",{className:H,style:q,children:e.jsx("div",{className:E,style:W,dangerouslySetInnerHTML:{__html:c?.iconSvg??""}})})),e.jsx("div",{className:m,style:d,children:M})]})})}),e.jsx("div",{className:S,children:e.jsx("div",{className:u,children:e.jsx("div",{className:f})})}),e.jsx("div",{className:j,style:x})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("@gem-sdk/system"),t=require("./common/helpers.js"),a=require("./common/style.js"),r=require("./common/classes.js"),l=require("./common/attr.js");exports.default=({setting:c,styles:o,builderProps:i,pageContext:n})=>{let v=s.createClass(r.createLayoutClasses(c,i?.uid)),y=s.createStyle({...t.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),m=s.createClass(r.createTypoClasses(o)),d=s.createStyle({...t.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=s.createClass(r.createContentWidthClasses()),u=s.createClass(r.createPreviewClasses()),S=s.createClass(r.createPreviewItemClasses()),f=s.createClass(r.createPreviewRemoveClasses()),j=s.createClass(r.createMessageClasses()),x=s.createStyle(a.createMessageStyles()),p=s.createClass(r.createInputClasses()),H=s.createClass(r.composeClasses("gp-flex gp-items-center")),h=s.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),g=s.createAttr({...l.getWrapperAttr({uid:i?.uid})}),N=s.createStyle({...t.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),b=s.createStyle({...t.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),I=s.createClass(r.createWrapContainerClasses(i?.uid)),q=s.createStyle({...t.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),E=s.createStyle({...t.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),W=s.createClass(r.createIconContentClasses()),A=s.createStyle({...t.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),M=t.getDisplayText("React",{uid:i?.uid,setting:c,styles:o,pageContext:n});return e.jsxs("div",{...g,className:I,style:N,children:[e.jsx("input",{...h,className:p}),e.jsx("div",{className:H,style:b,children:e.jsx("div",{className:C,style:q,children:e.jsxs("div",{className:v,style:y,children:[s.If(!!(c?.iconSvg&&c.iconVisible),e.jsx("div",{className:H,style:E,children:e.jsx("div",{className:W,style:A,dangerouslySetInnerHTML:{__html:c?.iconSvg??""}})})),e.jsx("div",{className:m,style:d,children:M})]})})}),e.jsx("div",{className:u,children:e.jsx("div",{className:S,children:e.jsx("div",{className:f})})}),e.jsx("div",{className:j,style:x})]})};

package/dist/cjs/product/components/file-upload/UploadFile.liquid.js

@@ -1,21 +1,22 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),r=require("./common/classes.js"),a=require("./common/style.js"),l=require("./common/attr.js"),i=require("./common/helpers.js");exports.default=({setting:c,styles:o,builderProps:v,pageContext:n})=>{let d=t.createClass(r.createLayoutClasses(c,v?.uid)),y=t.createStyle({...i.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),p=t.createClass(r.createTypoClasses(o)),u=t.createStyle({...i.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=t.createClass(r.createPreviewClasses()),f=t.createClass(r.createPreviewItemClasses()),S=t.createClass(r.createPreviewRemoveClasses()),m=t.createClass(r.createMessageClasses()),$=t.createStyle(a.createMessageStyles()),g=t.createClass(r.createContentWidthClasses()),H=t.createClass(r.createInputClasses()),b=t.createClass(r.composeClasses("gp-flex gp-items-center")),q=t.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),I=t.createStyle({...i.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),j=t.createStyle({...i.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),E=t.createClass(r.createWrapContainerClasses(v?.uid)),P=t.createStyle({...i.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),h=t.createStyle({...i.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),w=t.createClass(r.createIconContentClasses()),x=t.createStyle({...i.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),O=i.getDisplayText("Liquid",{uid:v?.uid,setting:c,styles:o,pageContext:n}),R=t.createStateOrContext({settings:{isShowPreviewImage:c?.isShowPreviewImage,numberOfFiles:c?.numberOfFiles,isRequired:c?.isRequired}});return e.template`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@gem-sdk/core"),s=require("../../../helpers.js"),t=require("@gem-sdk/system"),r=require("./common/classes.js"),a=require("./common/style.js"),l=require("./common/attr.js"),i=require("./common/helpers.js");exports.default=({setting:c,styles:o,builderProps:v,pageContext:d})=>{let n=t.createClass(r.createLayoutClasses(c,v?.uid)),y=t.createStyle({...i.removeHoverStyles(a.createLayoutStyles(c,o),o?.enableHoverEffect)}),p=t.createClass(r.createTypoClasses(o)),u=t.createStyle({...i.removeHoverStyles(a.createTypoStyles(o),o?.enableHoverEffect)}),C=t.createClass(r.createPreviewClasses()),f=t.createClass(r.createPreviewItemClasses()),S=t.createClass(r.createPreviewRemoveClasses()),$=t.createClass(r.createMessageClasses()),m=t.createStyle(a.createMessageStyles()),g=t.createClass(r.createContentWidthClasses()),H=t.createClass(r.createInputClasses()),b=t.createClass(r.composeClasses("gp-flex gp-items-center")),q=t.createAttr({...l.getInputAttr(c?.isRequired,c?.numberOfFiles)}),I=t.createAttr({...l.getWrapperAttr({uid:v?.uid})}),j=t.createStyle({...i.removeHoverStyles(a.createContainerStyles(o?.align,o?.textColor),o?.enableHoverEffect)}),E=t.createStyle({...i.removeHoverStyles(a.createWrapContentWidthStyles(c),o?.enableHoverEffect)}),P=t.createClass(r.createWrapContainerClasses(v?.uid)),h=t.createStyle({...i.removeHoverStyles(a.createContentWithStyles(c,o),o?.enableHoverEffect)}),w=t.createStyle({...i.removeHoverStyles(a.createIconContainerStyles(c),o?.enableHoverEffect)}),x=t.createClass(r.createIconContentClasses()),O=t.createStyle({...i.removeHoverStyles(a.createIconContentStyles(c,o),o?.enableHoverEffect)}),R=i.getDisplayText("Liquid",{uid:v?.uid,setting:c,styles:o,pageContext:d}),W=t.createStateOrContext({settings:{isShowPreviewImage:c?.isShowPreviewImage,numberOfFiles:c?.numberOfFiles,isRequired:c?.isRequired}});return e.template`
   <gp-file-upload
-    gp-data='${JSON.stringify(R)}'
+    ${I}
+    gp-data='${JSON.stringify(W)}'
   >
-  <div class="${E}" style="${I}">
+  <div class="${P}" style="${j}">
     <input ${q} class="${H}">
-    <div class="${b}" style="${j}">
-      <div class="${g}" style="${P}">
-        <div class="${d}" style="${y}">
+    <div class="${b}" style="${E}">
+      <div class="${g}" style="${h}">
+        <div class="${n}" style="${y}">
       ${t.If(!!(c?.iconSvg&&c?.iconVisible),e.template`
-            <div class='${b}' style="${h}">
-              <div class="${w}" style="${x}">
+            <div class='${b}' style="${w}">
+              <div class="${x}" style="${O}">
                 ${c?.iconSvg}
               </div>
             </div>
           `)}
           <div class="${p}" style="${u}">
-            ${O}
+            ${R}
           </div>
         </div>
       </div>
@@ -26,7 +27,7 @@
     <div class="${S}"></div>
     </div>
   </div>
-  <div class="${m}" style="${$}"></div>
+  <div class="${$}" style="${m}"></div>
   </gp-file-upload>
 
   ${e.RenderIf(e.isLocalEnv,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${s.getSettingPreloadData('class="gps-link" delay',"src")}="${e.baseAssetURL}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}

package/dist/cjs/product/components/file-upload/common/attr.js

@@ -1 +1 @@
-"use strict";exports.getInputAttr=(e,t)=>({type:"file","data-required":e?"true":"",..."single"==t?{single:"true"}:{multiple:"true"}});
+"use strict";exports.getInputAttr=(t,e)=>({type:"file","data-required":t?"true":"",..."single"==e?{single:"true"}:{multiple:"true"}}),exports.getWrapperAttr=({uid:t})=>({"data-id":`${t}`});

package/dist/esm/post-purchase/button/common/classes.js

@@ -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=>({...p("!gp-inline-flex  gp-py-2 gp-leading-[1.3]"),"button-text":"edit"===e});export{n as getButtonClass,t as getContainerClass,e as getSpaceClass,x as getTextClass,g as getTextClassWrapper,l as getWrapperClass};
+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};

package/dist/esm/post-purchase/button/common/helper.js

@@ -0,0 +1 @@
+let e=/\sstyle\s*=\s*("[^"]*"|'[^']*')/gi,s=s=>"string"==typeof s?s.replace(e,""):s;export{s as stripInlineStyles};

package/dist/esm/post-purchase/button/common/styles.js

@@ -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,p=i()?i():{};return r({...p})},p=e=>r({...t("maxw",e?.width)}),l=t=>{let o={...e({jc:t?.align==="center"?"center":t?.align==="end"?"end":"start"})};return r(o)},a=(t,e,r)=>({typo:{...r?.typo,fontWeight:e?.buttonType==="link"?n.normal:n.bold,textColor:e?.buttonType==="primary"||t?"defaultButton":"defaultLink"},direction:r?.direction});export{i as getButtonStyles,p as getContainerStyle,a as getTextStyles,l as getWrapperStyle};
+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};

package/dist/esm/post-purchase/button/components/Button.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as s,jsx as t}from"react/jsx-runtime";import{useEditorMode as e}from"@gem-sdk/core";import m from"../../text/components/Text.js";import{createStyle as r,createClass as o,createAttr as l}from"@gem-sdk/system";import{getButtonStyles as a,getContainerStyle as i,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 u}from"../common/classes.js";let j=({styles:j,builderAttrs:N,style:g,setting:h,advanced:v,builderProps:k,disabled:C,...b})=>{let B=e(),{text:T}=h??{},W=r({...a(C,h)}),q=n(C,h,j),w=r({...i(j)}),z=r({...c(j)}),A=o(p(h)),D=o(d(B)),E=o(f()),F=o(x()),G=o(y()),H=o(u()),I=l({...N});return s("div",{...b,...I,className:H,style:z,children:[t("div",{className:E}),t("div",{className:F,style:w,children:t("button",{className:A,style:W,children:t(m,{setting:{text:T},textClassWrapper:G,textClass:D,styles:q})})})]})};export{j as default};
+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};

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

@@ -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};
+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};

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

@@ -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};
+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};

package/dist/esm/post-purchase/product/settings/accept-button/configs/settings.js

@@ -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};
+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};

package/dist/esm/post-purchase/product/settings/accept-button/configs/ui-v2.js

@@ -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};
+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};

package/dist/esm/product/components/file-upload/UploadFile.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsxs as e,jsx as s}from"react/jsx-runtime";import{createClass as l,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as p,createIconContentStyles as N}from"./common/style.js";import{createLayoutClasses as u,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as S,createIconContentClasses as F}from"./common/classes.js";import{getInputAttr as R}from"./common/attr.js";let _=({setting:_,styles:k,builderProps:q,pageContext:C})=>{let I=l(u(_,q?.uid)),L=i({...t(m(_,k),k?.enableHoverEffect)}),M=l(y(k)),O=i({...t(o(k),k?.enableHoverEffect)}),T=l(h()),U=l(b()),V=l(H()),w=l(g()),z=l(E()),A=i(n()),B=l(j()),D=l(x("gp-flex gp-items-center")),G=a({...R(_?.isRequired,_?.numberOfFiles)}),J=i({...t(d(k?.align,k?.textColor),k?.enableHoverEffect)}),K=i({...t(f(_),k?.enableHoverEffect)}),P=l(S(q?.uid)),Q=i({...t(v(_,k),k?.enableHoverEffect)}),W=i({...t(p(_),k?.enableHoverEffect)}),X=l(F()),Y=i({...t(N(_,k),k?.enableHoverEffect)}),Z=c("React",{uid:q?.uid,setting:_,styles:k,pageContext:C});return e("div",{className:P,style:J,children:[s("input",{...G,className:B}),s("div",{className:D,style:K,children:s("div",{className:T,style:Q,children:e("div",{className:I,style:L,children:[r(!!(_?.iconSvg&&_.iconVisible),s("div",{className:D,style:W,children:s("div",{className:X,style:Y,dangerouslySetInnerHTML:{__html:_?.iconSvg??""}})})),s("div",{className:M,style:O,children:Z})]})})}),s("div",{className:U,children:s("div",{className:V,children:s("div",{className:w})})}),s("div",{className:z,style:A})]})};export{_ as default};
+import{jsxs as e,jsx as s}from"react/jsx-runtime";import{createClass as l,createStyle as i,createAttr as a,If as r}from"@gem-sdk/system";import{removeHoverStyles as t,getDisplayText as c}from"./common/helpers.js";import{createLayoutStyles as m,createTypoStyles as o,createMessageStyles as n,createContainerStyles as d,createWrapContentWidthStyles as f,createContentWithStyles as v,createIconContainerStyles as u,createIconContentStyles as p}from"./common/style.js";import{createLayoutClasses as N,createTypoClasses as y,createContentWidthClasses as h,createPreviewClasses as b,createPreviewItemClasses as H,createPreviewRemoveClasses as g,createMessageClasses as E,createInputClasses as j,composeClasses as x,createWrapContainerClasses as S,createIconContentClasses as F}from"./common/classes.js";import{getInputAttr as R,getWrapperAttr as _}from"./common/attr.js";let k=({setting:k,styles:q,builderProps:C,pageContext:I})=>{let L=l(N(k,C?.uid)),M=i({...t(m(k,q),q?.enableHoverEffect)}),O=l(y(q)),T=i({...t(o(q),q?.enableHoverEffect)}),U=l(h()),V=l(b()),w=l(H()),z=l(g()),A=l(E()),B=i(n()),D=l(j()),G=l(x("gp-flex gp-items-center")),J=a({...R(k?.isRequired,k?.numberOfFiles)}),K=a({..._({uid:C?.uid})}),P=i({...t(d(q?.align,q?.textColor),q?.enableHoverEffect)}),Q=i({...t(f(k),q?.enableHoverEffect)}),W=l(S(C?.uid)),X=i({...t(v(k,q),q?.enableHoverEffect)}),Y=i({...t(u(k),q?.enableHoverEffect)}),Z=l(F()),$=i({...t(p(k,q),q?.enableHoverEffect)}),ee=c("React",{uid:C?.uid,setting:k,styles:q,pageContext:I});return e("div",{...K,className:W,style:P,children:[s("input",{...J,className:D}),s("div",{className:G,style:Q,children:s("div",{className:U,style:X,children:e("div",{className:L,style:M,children:[r(!!(k?.iconSvg&&k.iconVisible),s("div",{className:G,style:Y,children:s("div",{className:Z,style:$,dangerouslySetInnerHTML:{__html:k?.iconSvg??""}})})),s("div",{className:O,style:T,children:ee})]})})}),s("div",{className:V,children:s("div",{className:w,children:s("div",{className:z})})}),s("div",{className:A,style:B})]})};export{k as default};

package/dist/esm/product/components/file-upload/UploadFile.liquid.js

@@ -1,33 +1,34 @@
-import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as t,createStyle as d,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as p,createPreviewRemoveClasses as $,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as S,createContainerStyles as h,createWrapContentWidthStyles as k,createContentWithStyles as q,createIconContainerStyles as w,createIconContentStyles as F}from"./common/style.js";import{getInputAttr as O}from"./common/attr.js";import{removeHoverStyles as x,getDisplayText as R}from"./common/helpers.js";let I=({setting:I,styles:P,builderProps:C,pageContext:J})=>{let L=t(v(I,C?.uid)),N=d({...x(E(I,P),P?.enableHoverEffect)}),U=t(f(P)),V=d({...x(H(P),P?.enableHoverEffect)}),_=t(m()),z=t(p()),A=t($()),B=t(n()),D=d(S()),G=t(u()),K=t(g()),M=t(y("gp-flex gp-items-center")),Q=o({...O(I?.isRequired,I?.numberOfFiles)}),T=d({...x(h(P?.align,P?.textColor),P?.enableHoverEffect)}),W=d({...x(k(I),P?.enableHoverEffect)}),X=t(b(C?.uid)),Y=d({...x(q(I,P),P?.enableHoverEffect)}),Z=d({...x(w(I),P?.enableHoverEffect)}),ee=t(j()),es=d({...x(F(I,P),P?.enableHoverEffect)}),ei=R("Liquid",{uid:C?.uid,setting:I,styles:P,pageContext:J}),el=a({settings:{isShowPreviewImage:I?.isShowPreviewImage,numberOfFiles:I?.numberOfFiles,isRequired:I?.isRequired}});return e`
+import{template as e,RenderIf as s,isLocalEnv as i,baseAssetURL as l}from"@gem-sdk/core";import{getSettingPreloadData as r}from"../../../helpers.js";import{createClass as d,createStyle as t,createAttr as o,createStateOrContext as a,If as c}from"@gem-sdk/system";import{createLayoutClasses as v,createTypoClasses as f,createPreviewClasses as m,createPreviewItemClasses as $,createPreviewRemoveClasses as p,createMessageClasses as n,createContentWidthClasses as u,createInputClasses as g,composeClasses as y,createWrapContainerClasses as b,createIconContentClasses as j}from"./common/classes.js";import{createLayoutStyles as E,createTypoStyles as H,createMessageStyles as S,createContainerStyles as h,createWrapContentWidthStyles as k,createContentWithStyles as q,createIconContainerStyles as w,createIconContentStyles as F}from"./common/style.js";import{getInputAttr as O,getWrapperAttr as x}from"./common/attr.js";import{removeHoverStyles as R,getDisplayText as I}from"./common/helpers.js";let P=({setting:P,styles:C,builderProps:J,pageContext:L})=>{let N=d(v(P,J?.uid)),U=t({...R(E(P,C),C?.enableHoverEffect)}),V=d(f(C)),_=t({...R(H(C),C?.enableHoverEffect)}),z=d(m()),A=d($()),B=d(p()),D=d(n()),G=t(S()),K=d(u()),M=d(g()),Q=d(y("gp-flex gp-items-center")),T=o({...O(P?.isRequired,P?.numberOfFiles)}),W=o({...x({uid:J?.uid})}),X=t({...R(h(C?.align,C?.textColor),C?.enableHoverEffect)}),Y=t({...R(k(P),C?.enableHoverEffect)}),Z=d(b(J?.uid)),ee=t({...R(q(P,C),C?.enableHoverEffect)}),es=t({...R(w(P),C?.enableHoverEffect)}),ei=d(j()),el=t({...R(F(P,C),C?.enableHoverEffect)}),er=I("Liquid",{uid:J?.uid,setting:P,styles:C,pageContext:L}),ed=a({settings:{isShowPreviewImage:P?.isShowPreviewImage,numberOfFiles:P?.numberOfFiles,isRequired:P?.isRequired}});return e`
   <gp-file-upload
-    gp-data='${JSON.stringify(el)}'
+    ${W}
+    gp-data='${JSON.stringify(ed)}'
   >
-  <div class="${X}" style="${T}">
-    <input ${Q} class="${K}">
-    <div class="${M}" style="${W}">
-      <div class="${G}" style="${Y}">
-        <div class="${L}" style="${N}">
-      ${c(!!(I?.iconSvg&&I?.iconVisible),e`
-            <div class='${M}' style="${Z}">
-              <div class="${ee}" style="${es}">
-                ${I?.iconSvg}
+  <div class="${Z}" style="${X}">
+    <input ${T} class="${M}">
+    <div class="${Q}" style="${Y}">
+      <div class="${K}" style="${ee}">
+        <div class="${N}" style="${U}">
+      ${c(!!(P?.iconSvg&&P?.iconVisible),e`
+            <div class='${Q}' style="${es}">
+              <div class="${ei}" style="${el}">
+                ${P?.iconSvg}
               </div>
             </div>
           `)}
-          <div class="${U}" style="${V}">
-            ${ei}
+          <div class="${V}" style="${_}">
+            ${er}
           </div>
         </div>
       </div>
     </div>
   </div>
-  <div class="${_}">
-    <div class="${z}">
-    <div class="${A}"></div>
+  <div class="${z}">
+    <div class="${A}">
+    <div class="${B}"></div>
     </div>
   </div>
-  <div class="${B}" style="${D}"></div>
+  <div class="${D}" style="${G}"></div>
   </gp-file-upload>
 
   ${s(i,`<script ${r('class="gps-link" delay',"src")}="{{ 'gp-file-upload-v7-5.js' | asset_url }}" defer="defer"></script>`,`<script ${r('class="gps-link" delay',"src")}="${l}/assets-v2/gp-file-upload-v7-5.js" defer="defer"></script>`)}
-  `};export{I as default};
+  `};export{P as default};

package/dist/esm/product/components/file-upload/common/attr.js

@@ -1 +1 @@
-let e=(e,t)=>({type:"file","data-required":e?"true":"",..."single"==t?{single:"true"}:{multiple:"true"}});export{e as getInputAttr};
+let t=({uid:t})=>({"data-id":`${t}`}),e=(t,e)=>({type:"file","data-required":t?"true":"",..."single"==e?{single:"true"}:{multiple:"true"}});export{e as getInputAttr,t as getWrapperAttr};

package/dist/types/index.d.ts

@@ -2506,11 +2506,13 @@ type PostPurchaseButtonSettingProps = {
     outOfStockLabel?: string;
     requireAcceptTermLabel?: string;
 };
+type PostPurchaseButtonTextStyle = 'custom' | 'shopify';
 type PostPurchaseButtonStyleProps = {
     typo?: PostPurchaseTypo;
     align?: 'start' | 'end' | 'center';
     width?: ObjectDevices<string>;
     direction?: 'ltr' | 'rtl';
+    textStyle?: PostPurchaseButtonTextStyle;
 };
 type PostPurchaseButtonProps = BasePropsWrap<PostPurchaseButtonSettingProps, PostPurchaseButtonStyleProps>;
 
@@ -6322,6 +6324,7 @@ declare const _default$4: {
         align?: "start" | "end" | "center";
         width?: _gem_sdk_core.ObjectDevices<string>;
         direction?: "ltr" | "rtl";
+        textStyle?: PostPurchaseButtonTextStyle;
     }, Record<string, any>> & {
         builderAttrs?: Record<string, any>;
         style?: React.CSSProperties;

package/package.json

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