@gem-sdk/components 2.0.0-staging.979 → 2.0.0-staging.980
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/image/settings/Image.js +2 -2
- package/dist/cjs/post-purchase/image/settings/configs/setting-v2.js +1 -1
- package/dist/cjs/post-purchase/image/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/post-purchase/line/settings/configs/presets.js +1 -1
- package/dist/cjs/post-purchase/link/settings/configs/presets.js +1 -1
- package/dist/cjs/post-purchase/link/settings/configs/settings.js +1 -1
- package/dist/cjs/post-purchase/link/settings/configs/ui-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js +1 -1
- package/dist/cjs/post-purchase/product/settings/product-discount-tag/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/image/settings/Image.js +2 -2
- package/dist/esm/post-purchase/image/settings/configs/setting-v2.js +1 -1
- package/dist/esm/post-purchase/image/settings/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/line/settings/configs/presets.js +1 -1
- package/dist/esm/post-purchase/link/settings/configs/presets.js +1 -1
- package/dist/esm/post-purchase/link/settings/configs/settings.js +1 -1
- package/dist/esm/post-purchase/link/settings/configs/ui-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-discount-tag/configs/setting-v2.js +1 -1
- package/dist/esm/post-purchase/product/settings/product-discount-tag/configs/ui-v2.js +1 -1
- package/package.json +1 -1
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
|
|
4
4
|
</svg>
|
|
5
|
-
`,settings:[{id:"setting",controls:[{id:"srcSet",type:"image",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Original",value:"auto"},{label:"Square",value:"1",type:"image-shape",icon:"image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"image-shape-horizontal"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"
|
|
5
|
+
`,settings:[{id:"setting",controls:[{id:"srcSet",type:"image",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Original",value:"auto"},{label:"Square",value:"1",type:"image-shape",icon:"image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"image-shape-horizontal"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"objectFit",type:"layout-segment",iconViewBox:"0 0 66 48",enableItemBackground:!0,enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image"},{label:"Fit image",value:"contain",type:"image"}],default:"cover"},{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"enableBorder",type:"segment",default:"none",options:[{label:"None",value:"none",type:"border"},{label:"Solid",value:"solid",type:"border"}]}]}],settingsV2:settingV2.ImagePostPurchaseSettingV2,ui:[{type:"group",label:{en:"Image"},options:{labelSpacing:"small"},controls:[{type:"control",layout:"vertical",label:{en:"Image"},setting:{id:"srcSet"}},{type:"control",label:{en:"Preload"},options:{info:"near"},setting:{id:"priority"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Ratio"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Image scale"},setting:{id:"objectFit"}}]},{type:"group",label:{en:"Shape"},controls:[{type:"control",setting:{id:"enableBorder"},label:{en:"Border"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}],uiV2:uiV2.SettingUIV2,presets:[{id:"post-purchase-image",name:{en:"Image"},icon:{desktop:`
|
|
6
6
|
<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7
7
|
<rect width="96" height="48" rx="3" fill="#424242"/>
|
|
8
8
|
<circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
|
|
9
9
|
<path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
|
|
10
10
|
</svg>
|
|
11
|
-
`},components:[{tag:"PostPurchaseImage",advanced:{blockPadding:"none",inlinePadding:"none"}}]}]};exports.default=config;
|
|
11
|
+
`},components:[{tag:"PostPurchaseImage",advanced:{blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{width:{desktop:"500px"}}}}]};exports.default=config;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}],devices:{desktop:{default:"
|
|
1
|
+
"use strict";const ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"align",label:"Align",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:"enableBorder",type:"option:value",default:"none",options:[{value:"none",iconName:"gp-cursor-none"},{value:"solid",iconName:"gp-line"}]}]}];exports.ImagePostPurchaseSettingV2=ImagePostPurchaseSettingV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
1
|
+
"use strict";const SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<rect width="96" height="2" transform="translate(0 24)" fill="#F9F9F9"/>
|
|
4
4
|
</svg>
|
|
5
|
-
`},components:[{tag:"PostPurchaseLine",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}]}];exports.PostPurchaseLinePreset=PostPurchaseLinePreset;
|
|
5
|
+
`},components:[{tag:"PostPurchaseLine",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{align:"center",width:{desktop:"default"}}}}];exports.PostPurchaseLinePreset=PostPurchaseLinePreset;
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
</clipPath>
|
|
11
11
|
</defs>
|
|
12
12
|
</svg>
|
|
13
|
-
`},components:[{tag:"PostPurchaseLink",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}]}];exports.PostPurchaseLinkPreset=PostPurchaseLinkPreset;
|
|
13
|
+
`},components:[{tag:"PostPurchaseLink",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{align:"center"}}}];exports.PostPurchaseLinkPreset=PostPurchaseLinkPreset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const 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,
|
|
1
|
+
"use strict";const 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:"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:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]},{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"]},{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"}]}];exports.PostPurchaseLinkSettings=PostPurchaseLinkSettings;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const PostPurchaseLinkUIV2=[{label:{en:"Insert Link"},controls:[{label:{en:"Link"},setting:{id:"link"}}]},{label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{label:{en:"
|
|
1
|
+
"use strict";const PostPurchaseLinkUIV2=[{label:{en:"Insert Link"},controls:[{label:{en:"Link"},setting:{id:"link"}}]},{label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{label:{en:"Text"},controls:[{type:"control",label:{en:""},setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Text align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{label:{en:"Align"},conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.PostPurchaseLinkUIV2=PostPurchaseLinkUIV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {{Discount}})",suggestContents:[{message:"{{Discount}}",eg:"20%"}]}]},{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:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}
|
|
1
|
+
"use strict";const settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {{Discount}})",suggestContents:[{message:"{{Discount}}",eg:"20%"}]}]},{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:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{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",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];exports.settingV2=settingV2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const SettingUIV2=[{controls:[{type:"control",label:{en:""},setting:{id:"discountAndShippingFee"},layout:"vertical"}]},{label:{en:"
|
|
1
|
+
"use strict";const SettingUIV2=[{controls:[{type:"control",label:{en:""},setting:{id:"discountAndShippingFee"},layout:"vertical"}]},{label:{en:"Text"},controls:[{type:"control",label:{en:"Direction"},setting:{id:"direction"}},{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"message",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"message"},layout:"vertical"}],layout:"horizontal"},{type:"control",label:{en:""},setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];exports.SettingUIV2=SettingUIV2;
|
|
@@ -2,10 +2,10 @@ import{SettingUIV2 as e}from"./configs/ui-v2.js";import{ImagePostPurchaseSetting
|
|
|
2
2
|
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<path d="M13.3337 14.6666C13.3337 16.1333 12.1337 17.3333 10.667 17.3333C9.20033 17.3333 8.00033 16.1333 8.00033 14.6666C8.00033 13.2 9.20033 12 10.667 12C12.1337 12 13.3337 13.2 13.3337 14.6666ZM27.3741 14.8404C26.9836 14.4499 26.3504 14.4499 25.9599 14.8404L16.667 24.1333L14.0346 21.6062C13.6442 21.2314 13.0267 21.2352 12.6409 21.6145L5.33366 28.8V9.33329H34.667V22.1333L27.3741 14.8404ZM34.667 30.6666H23.2003L18.5337 26L26.667 17.8666L34.667 25.8666V30.6666ZM7.33366 30.6666L13.467 24.6666L19.467 30.6666H7.33366ZM3.66699 6.66663C3.11471 6.66663 2.66699 7.11434 2.66699 7.66663V31.4666V32.3333C2.66699 32.8856 3.11471 33.3333 3.66699 33.3333H25.867H36.3337C36.8859 33.3333 37.3337 32.8856 37.3337 32.3333V30.6666V28.5333V24.8V7.66662C37.3337 7.11434 36.8859 6.66663 36.3337 6.66663H3.66699Z" fill="currentColor"/>
|
|
4
4
|
</svg>
|
|
5
|
-
`,settings:[{id:"setting",controls:[{id:"srcSet",type:"image",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Original",value:"auto"},{label:"Square",value:"1",type:"image-shape",icon:"image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"image-shape-horizontal"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"
|
|
5
|
+
`,settings:[{id:"setting",controls:[{id:"srcSet",type:"image",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Original",value:"auto"},{label:"Square",value:"1",type:"image-shape",icon:"image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"image-shape-horizontal"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,devices:{desktop:{default:"100%"}},displayOptions:[{label:"Full",value:"100%",showValue:!0}]},{id:"objectFit",type:"layout-segment",iconViewBox:"0 0 66 48",enableItemBackground:!0,enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image"},{label:"Fit image",value:"contain",type:"image"}],default:"cover"},{id:"align",label:"Align",type:"segment",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Center",value:"center",type:"align",tooltip:"Align center"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"left"},{id:"enableBorder",type:"segment",default:"none",options:[{label:"None",value:"none",type:"border"},{label:"Solid",value:"solid",type:"border"}]}]}],settingsV2:t,ui:[{type:"group",label:{en:"Image"},options:{labelSpacing:"small"},controls:[{type:"control",layout:"vertical",label:{en:"Image"},setting:{id:"srcSet"}},{type:"control",label:{en:"Preload"},options:{info:"near"},setting:{id:"priority"}}]},{type:"group",label:{en:"Size"},controls:[{type:"control",label:{en:"Ratio"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}},{type:"control",label:{en:"Image scale"},setting:{id:"objectFit"}}]},{type:"group",label:{en:"Shape"},controls:[{type:"control",setting:{id:"enableBorder"},label:{en:"Border"}}]},{type:"control",label:{en:"Align"},options:{label:"large"},setting:{id:"align"}}],uiV2:e,presets:[{id:"post-purchase-image",name:{en:"Image"},icon:{desktop:`
|
|
6
6
|
<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
7
7
|
<rect width="96" height="48" rx="3" fill="#424242"/>
|
|
8
8
|
<circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
|
|
9
9
|
<path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
|
|
10
10
|
</svg>
|
|
11
|
-
`},components:[{tag:"PostPurchaseImage",advanced:{blockPadding:"none",inlinePadding:"none"}}]}]};export{config as default};
|
|
11
|
+
`},components:[{tag:"PostPurchaseImage",advanced:{blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{width:{desktop:"500px"}}}}]};export{config as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}],devices:{desktop:{default:"
|
|
1
|
+
let ImagePostPurchaseSettingV2=[{id:"setting",controls:[{id:"srcSet",type:"image:post-purchase",label:"Device Image",hide:!0,devices:{desktop:{default:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/image_demo.jpg",width:2237,height:1678}}}},{id:"priority",type:"toggle",label:"Preload",default:!1},{id:"alt",label:"Alt Text",type:"textarea",minHeight:100,autoHeight:!0,placeholder:"E.g: Classic white crewneck t-shirt with minimalist logo design, casual and versatile style"}]},{id:"style",controls:[{id:"aspectRatio",type:"select",default:"auto",options:[{label:"Square",value:"1",type:"image-shape",icon:"gp-image-shape-square"},{label:"Vertical",value:"3/4",type:"image-shape",icon:"gp-image-shape-vertical"},{label:"Horizontal",value:"4/3",type:"image-shape",icon:"gp-image-shape-horizontal"},{label:"Original",value:"auto"}]},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Default",value:"1200px",showValue:!0}],devices:{desktop:{default:"100%"}}},{id:"objectFit",type:"option:illustration",enableTooltip:!0,label:"Image scale",options:[{label:"Fill image",value:"cover",type:"image",svgName:"gp-image-cover"},{label:"Fit image",value:"contain",type:"image",svgName:"gp-image-contain"}],default:"cover"},{id:"align",label:"Align",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:"enableBorder",type:"option:value",default:"none",options:[{value:"none",iconName:"gp-cursor-none"},{value:"solid",iconName:"gp-line"}]}]}];export{ImagePostPurchaseSettingV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|
|
1
|
+
let SettingUIV2=[{label:{en:"Source"},controls:[{type:"control",layout:"vertical",label:{en:""},setting:{id:"srcSet"}},{label:{en:"Scale"},setting:{id:"objectFit"},conditionDisplay:'aspectRatio !== "auto"'}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Frame"},setting:{id:"aspectRatio"}},{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{setting:{id:"enableBorder"},label:{en:"Border"},options:{labelVariant:"primary"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(parseInt(width) >= 100 && width?.includes("%"))',setting:{id:"align"},options:{labelVariant:"primary",disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|
|
@@ -2,4 +2,4 @@ let PostPurchaseLinePreset=[{id:"PostPurchaseLine",name:{en:"Line"},icon:{deskto
|
|
|
2
2
|
<svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
3
|
<rect width="96" height="2" transform="translate(0 24)" fill="#F9F9F9"/>
|
|
4
4
|
</svg>
|
|
5
|
-
`},components:[{tag:"PostPurchaseLine",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}]}];export{PostPurchaseLinePreset};
|
|
5
|
+
`},components:[{tag:"PostPurchaseLine",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{align:"center",width:{desktop:"default"}}}}];export{PostPurchaseLinePreset};
|
|
@@ -10,4 +10,4 @@ let PostPurchaseLinkPreset=[{id:"PostPurchaseLink",name:{en:"Link"},icon:{deskto
|
|
|
10
10
|
</clipPath>
|
|
11
11
|
</defs>
|
|
12
12
|
</svg>
|
|
13
|
-
`},components:[{tag:"PostPurchaseLink",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}]}];export{PostPurchaseLinkPreset};
|
|
13
|
+
`},components:[{tag:"PostPurchaseLink",advanced:{"spacing-setting":{desktop:{padding:{top:"12px",bottom:"12px"},margin:{bottom:"16px"}}},blockPadding:"none",inlinePadding:"none"}}],rootOverride:{styles:{align:"center"}}}];export{PostPurchaseLinkPreset};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let 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,
|
|
1
|
+
let 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:"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:"Default",value:"1200px",showValue:!0},{label:"Full",value:"100%",showValue:!0}]}]},{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"]},{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"}]}];export{PostPurchaseLinkSettings};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let PostPurchaseLinkUIV2=[{label:{en:"Insert Link"},controls:[{label:{en:"Link"},setting:{id:"link"}}]},{label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{label:{en:"
|
|
1
|
+
let PostPurchaseLinkUIV2=[{label:{en:"Insert Link"},controls:[{label:{en:"Link"},setting:{id:"link"}}]},{label:{en:"Content"},controls:[{type:"control",label:{en:"Label"},setting:{id:"label"}}]},{label:{en:"Text"},controls:[{type:"control",label:{en:""},setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Text align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"}}]},{controls:[{label:{en:"Align"},conditionEnable:"!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== '1px'",setting:{id:"align"},options:{fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{PostPurchaseLinkUIV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {{Discount}})",suggestContents:[{message:"{{Discount}}",eg:"20%"}]}]},{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:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}
|
|
1
|
+
let settingV2=[{id:"setting",controls:[{id:"discountAndShippingFee",type:"discount-and-shipping-fee-product-offer",multiple:!1},{id:"message",label:"",type:"textarea",defaultRows:4,showPlusBtn:!0,autoHeight:!0,minHeight:72,default:"(Save {{Discount}})",suggestContents:[{message:"{{Discount}}",eg:"20%"}]}]},{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:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},{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",textColor:"critical",fontWeight:"bold",textTransform:"none"}},{id:"textAlign",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"text",tooltip:"Align left",iconName:"polaris-text-align-left"},{label:"Center",value:"center",type:"text",tooltip:"Align center",iconName:"polaris-text-align-center"},{label:"Right",value:"right",type:"text",tooltip:"Align right",iconName:"polaris-text-align-right"}],default:"left"},{id:"align",label:"Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left",iconName:"gp-align-left"},{label:"Center",value:"center",type:"align",tooltip:"Align center",iconName:"gp-align-center"},{label:"Right",value:"right",type:"align",tooltip:"Align right",iconName:"gp-align-right"}],default:"left"}]}];export{settingV2};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
let SettingUIV2=[{controls:[{type:"control",label:{en:""},setting:{id:"discountAndShippingFee"},layout:"vertical"}]},{label:{en:"
|
|
1
|
+
let SettingUIV2=[{controls:[{type:"control",label:{en:""},setting:{id:"discountAndShippingFee"},layout:"vertical"}]},{label:{en:"Text"},controls:[{type:"control",label:{en:"Direction"},setting:{id:"direction"}},{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",getValueFromSettingID:"message",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"message"},layout:"vertical"}],layout:"horizontal"},{type:"control",label:{en:""},setting:{id:"typo"},layout:"vertical"},{type:"control",setting:{id:"textAlign"},label:{en:"Align"}}]},{label:{en:"Size"},controls:[{type:"control",label:{en:"Width"},setting:{id:"width"},layout:"horizontal"}]},{controls:[{label:{en:"Align"},conditionEnable:"activeScreenId === 'desktop' ? !(parseInt(width) >= 100 && width?.includes(\"%\")) : (!(parseInt(width) >= 100 && width?.includes(\"%\")) && width !== 'default')",setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
|