@gem-sdk/components 2.0.0-staging.958 → 2.0.0-staging.960

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

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:{en:"Icon"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical"}]},{controls:[{label:{en:"Separator"},setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:{en:"Price"},setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Layout"},conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:{en:"Product price"},conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Product price text style"},isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:{en:"Compare-at"},conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Compare-at text style"},isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:{en:"Opacity"}},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Text color"},setting:{id:"textColorHover",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}},{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]},{label:{en:"Out of stock state"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"outOfStockLabel"}}]},{label:{en:"Background"},setting:{id:"oosBackgroundV2",state:"normal"}},{label:{en:"Text color"},setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:{en:"Border"},setting:{id:"oosBorderV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"oosRoundedV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:{en:"Redirect to"},controls:[{type:"control",label:{en:"After click"},setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:{en:"Message"},conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:{en:"Success"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:{en:"Success message"},controls:[{label:{en:"Content"},options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:{en:"Error"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:{en:"Error message"},controls:[{label:{en:"Source"},setting:{id:"errorType"}},{label:{en:"Add failed"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:{en:"Not select variant"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Layout"},controls:[{setting:{id:"buttonLayout"},layout:"vertical",controlChangeTrigger:{settings:[{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-full"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-before"}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-only"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}},{condition:'buttonLayout === "cart-price-icon"',source:["buttonLayout"],action:{controlId:"priceLayout",groupType:"setting",controlType:"setting",newValue:"price-only"}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableIcon",groupType:"style",controlType:"style",newValue:!0}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enableSeparator",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"enablePrice",groupType:"style",controlType:"style",newValue:!1}},{condition:'buttonLayout === "cart-icon"',source:["buttonLayout"],action:{controlId:"shouldClearSpace",groupType:"setting",controlType:"setting",newValue:!1}}],options:{noRecordHistory:!0}}}]},{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0},{label:"Full",value:"100%",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"enableIcon"},options:{labelVariant:"primary",toggleStyle:"switch"}},{type:"control",setting:{id:"iconSvg"},label:{en:"Icon"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"enableIcon === true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"enableIcon === true"}]},{label:{en:"Text"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Add to cart",getValueFromSettingID:"label",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"label"}}]},{setting:{id:"typo"},layout:"vertical",options:{updateFields:[{field:"attrs.color",settingId:"textColor",state:"normal"}]},controlChangeTrigger:{settings:[{action:{controlId:"textColor",valueFromField:"attrs.color",groupType:"style",controlType:"style",removeDevice:!0,state:"normal"}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Separator"},setting:{id:"enableSeparator"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},conditionDisplay:"enableSeparator === true",setting:{id:"separator"}}]},{controls:[{label:{en:"Price"},setting:{id:"enablePrice"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Layout"},conditionDisplay:"enablePrice === true",setting:{id:"priceLayout"},layout:"vertical"},{label:{en:"Product price"},conditionDisplay:"enablePrice === true",type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Product price text style"},isHideClear:!0,controls:[{layout:"vertical",setting:{id:"priceTypo"}}]},{label:{en:"Compare-at"},conditionDisplay:'enablePrice === true && priceLayout !== "price-only"',type:"combo",fixedValue:"Edit",iconName:"polaris-text-title",popoverLabel:{en:"Compare-at text style"},isHideClear:!0,controls:[{setting:{id:"opacityPrice"},label:{en:"Opacity"}},{layout:"vertical",setting:{id:"compareAtPriceTypo"}}]}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",state:"hover",setting:{id:"enableHoverEffect"},popoverLabel:{en:"Hover"},controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Background"},setting:{id:"backgroundColorV2",state:"hover"}}]},{label:{en:"Text"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Out of stock state"},controls:[{type:"combo",label:{en:"Content"},iconName:"polaris-text-block",fixedValue:"Out of stock",getValueFromSettingID:"outOfStockLabel",isHideClear:!0,controls:[{label:{en:"Content"},setting:{id:"outOfStockLabel"}}]},{label:{en:"Background"},setting:{id:"oosBackgroundV2",state:"normal"}},{label:{en:"Text color"},setting:{id:"oosTextColorV2",state:"normal"},compoDefaultValue:{desktop:{default:{normal:"#121212"}}}}],moreSettings:{type:"collapse",controls:[{label:{en:"Border"},setting:{id:"oosBorderV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"oosRoundedV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"oosShadow"},options:{updateFields:[{field:"enable",settingId:"oosEnableShadow"}]},controlChangeTrigger:{settings:[{condition:"oosShadow.enable === true",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!0}},{condition:"oosShadow.enable === false",source:["oosShadow","oosEnableShadow"],action:{controlId:"oosEnableShadow",groupType:"style",controlType:"style",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:{en:"Redirect to"},controls:[{type:"control",label:{en:"After click"},setting:{id:"actionEffect"}},{type:"control",conditionDisplay:"actionEffect === 'go-to-url'",layout:"vertical",setting:{id:"customURL"}},{label:{en:"Message"},conditionDisplay:"actionEffect === 'continue-shopping'",setting:{id:"enableMessage"}},{label:{en:"Success"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",getValueFromSettingID:"successMessage",compoDefaultValue:"Add product to cart successfully",iconName:"polaris-check-circle",isHideClear:!0,popoverLabel:{en:"Success message"},controls:[{label:{en:"Content"},options:{labelAlign:"top"},setting:{id:"successMessage"}},{layout:"vertical",setting:{id:"successTypo"}}]},{label:{en:"Error"},conditionDisplay:"enableMessage === true && actionEffect === 'continue-shopping'",type:"combo",fixedValue:"Edit",iconName:"polaris-alert-bubble",getValueFromSettingID:"errorMessage",compoDefaultValue:"Cannot add product to cart",isHideClear:!0,popoverLabel:{en:"Error message"},controls:[{label:{en:"Source"},setting:{id:"errorType"}},{label:{en:"Add failed"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"errorMessage"}},{label:{en:"Not select variant"},options:{labelAlign:"top"},conditionDisplay:"errorType === 'custom'",setting:{id:"variantSelectionRequiredMessage"}},{layout:"vertical",setting:{id:"errorTypo"}}]}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/esm/product/settings/product-view-more/configs/settings.js

@@ -5,4 +5,4 @@ let ProductViewMoreSettings=[{id:"setting",controls:[{id:"label",label:"Text",ty
                     strokelinejoin="round"
                     d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"
                   ></path>
-                </svg>`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"right"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"redirectNewTab",type:"toggle",default:!1}]},{id:"style",controls:[{id:"borderBtn",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"},hover:{isCustom:!1,borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"backgroundColor",type:"colorpicker",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"textColor",type:"colorpicker",label:"Text Color",default:{normal:"text-3"},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},hover:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{id:"textColorHover",type:"color-picker-v2",default:{hover:"text-3"},compoDefaultValue:{hover:"text-3"}},{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"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:void 0}}},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];export{ProductViewMoreSettings};
+                </svg>`,placeholder:'E.g. <svg fill="currentColor"...'},{id:"iconAlign",label:"Icon Alignment",type:"option:value",options:[{label:"Left",value:"left",type:"align",tooltip:"Align left"},{label:"Right",value:"right",type:"align",tooltip:"Align right"}],default:"right"},{id:"shouldClearSpace",label:"",type:"toggle",default:!1},{id:"redirectNewTab",type:"toggle",default:!1},{id:"enableHoverEffect",type:"toggle",default:!0}]},{id:"style",controls:[{id:"borderBtn",type:"border",label:"Border",emptyOnClear:!0,default:{normal:{borderType:"none",border:"none",isCustom:!1,borderWidth:"1px",width:"1px 1px 1px 1px"},hover:{isCustom:!1,borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px"}},state:{hover:!0,normal:!0}},{id:"borderBtnV2",type:"border-v2",default:{normal:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0},hover:{borderType:"none",border:"none",borderWidth:"1px",width:"1px 1px 1px 1px",color:"#121212",isCustom:!0}},compoDefaultValue:{normal:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"},hover:{border:"solid",color:"line-3",width:"1px",borderWidth:"1px"}}},{id:"backgroundColor",type:"colorpicker",label:"Background Color",default:{normal:"brand",hover:"highlight"},state:{hover:!0,normal:!0}},{id:"backgroundColorV2",type:"color-picker-v2",default:{normal:"brand",hover:"highlight"},compoDefaultValue:{normal:"brand",hover:"highlight"},enableGradient:!0},{id:"backgroundImage",type:"background-image",compoDefaultValue:{normal:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}},hover:{size:"cover",position:{x:50,y:50},repeat:"no-repeat",attachment:"scroll",image:{src:"https://cdn.shopify.com/s/files/1/2005/9307/files/background_settings.jpg",width:1200,height:480,hiddenSEO:!0}}}},{id:"textColor",type:"color-picker-v2",label:"Text Color",default:{hover:"text-3"},compoDefaultValue:{hover:"text-3"},state:{hover:!0,normal:!0}},{id:"hasBoxShadowBtn",type:"toggle",label:"Enable Button Shadow",default:{normal:!1,hover:!1},state:{normal:!0,hover:!0}},{id:"boxShadowBtn",type:"shadow-v2",default:{normal:{}},compoDefaultValue:{normal:{type:"shadow-1",distance:"4px",blur:"4px",spread:"0px",color:"rgba(18, 18, 18, 0.2)",angle:45,enable:!0}}},{id:"roundedBtn",type:"radius-preset",label:"Border Radius",default:{normal:{radiusType:"small"}},state:{hover:!0,normal:!0}},{id:"roundedBtnV2",type:"corner-v2",default:{normal:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"},hover:{btrr:"0px",bblr:"0px",bbrr:"0px",btlr:"0px",radiusType:"none"}},compoDefaultValue:{normal:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"},hover:{btrr:"8px",bblr:"8px",bbrr:"8px",btlr:"8px",radiusType:"rounded"}}},{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"}],devices:{desktop:{default:"left"}}},{id:"enableTextStyle",label:"",type:"toggle",default:!0},{id:"typo",type:"typography-v2",label:"Typography",default:{type:"paragraph-1",attrs:{color:"text-3"}},hiddenSetting:{textAlign:!0},ignoreReRender:!0},{id:"transform",label:"Text Transform",type:"select",options:[{value:"default",label:"None"},{value:"capitalize",label:"Capitalize"},{value:"uppercase",label:"Uppercase"},{value:"lowercase",label:"Lowercase"}],default:"default"},{id:"btnSpacing",label:"Inside space",type:"size",default:{type:"medium"},ignoreReRender:!0},{id:"fullWidth",label:"Full Width",type:"toggle",devices:{desktop:{default:!1}}},{id:"width",type:"input:unit",label:"Width",placeholder:"Auto",min:0,units:["px","%"],hide:!0,devices:{desktop:{default:void 0}}},{id:"iconSizeAuto",type:"toggle",label:"Icon Auto Size",default:!0},{id:"size",label:"Size Icon",type:"select",options:[{label:"Large",value:"1.2em"},{label:"Medium",value:"1em"},{label:"Small",value:"0.8em"}],devices:{desktop:{default:"1em"}}},{id:"iconDimension",type:"input:slider",label:"Size",hide:!0,min:0,max:100,step:1,units:["px","em","rem"],devices:{desktop:{default:"24px"}}},{id:"iconSpacing",type:"input:slider",units:["px"],step:1,max:40,ignoreMax:!0,devices:{desktop:{default:"8px"}}},{id:"globalSize",type:"size-setting",devices:{desktop:{default:{width:"Auto",height:"Auto",padding:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}},settingConfig:{width:{displayOptions:["full","auto","small","large","medium"],sizeConfig:{small:"100px",medium:"116px",large:"132px"}},height:{displayOptions:["auto","small","large","medium"],sizeConfig:{small:"28px",medium:"36px",large:"44px"}}},hiddenSettings:["shape","gap"]}]}];export{ProductViewMoreSettings};

package/dist/esm/product/settings/product-view-more/configs/ui-v2.js

@@ -1 +1 @@
-let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Hover effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}},{label:{en:"Text color"},setting:{id:"textColorHover",state:"hover"}}],moreSettings:{type:"collapse",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};
+let SettingUIV2=[{label:{en:"Size"},controls:[{id:"Width",label:{en:"Width"},controlConfig:{id:"width",type:"dropdown:input",label:"Width",inputType:"number",units:["px","%"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"width"},displayOptions:[{label:"Full",value:"100%",showValue:!0},{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{id:"Height",label:{en:"Height"},controlConfig:{id:"height",type:"dropdown:input",label:"height",inputType:"number",units:["px"],hideUnit:!1,linkWithSetting:{name:"globalSize",field:"height"},displayOptions:[{label:"Fit content",value:"Auto",showValue:!0}]},layout:"horizontal"},{label:{en:"Padding"},controlConfig:{id:"padding",type:"padding-v2",linkWithSetting:{name:"globalSize",field:"padding"},compoDefaultValue:{desktop:{default:{type:"medium",top:"12px",bottom:"12px",left:"24px",right:"24px"}}}}}]},{label:{en:"Background"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"normal"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"normal"}}]},{label:{en:"Shape"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"normal"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"normal"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"normal"},options:{updateFields:[{field:"normal.enable",settingId:"hasBoxShadowBtn",state:"normal"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.normal.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!0}},{condition:"boxShadowBtn.normal.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"normal",newValue:!1}}],options:{noRecordHistory:!0}}}]},{controls:[{label:{en:"Icon"},setting:{id:"iconVisible"},options:{labelVariant:"primary",toggleStyle:"switch"}},{label:{en:"Icon"},setting:{id:"iconSvg"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Position"},setting:{id:"iconAlign"},conditionDisplay:"iconVisible == true"},{type:"control",label:{en:"Gap"},setting:{id:"iconSpacing"},conditionDisplay:"iconVisible == true"}]},{controls:[{label:{en:"Text"},setting:{id:"enableTextStyle"},options:{labelVariant:"primary",toggleStyle:"switch"},controlChangeTrigger:{settings:[{condition:'enableTextStyle === true && label === ""',source:["enableTextStyle","label"],action:{controlId:"label",groupType:"setting",controlType:"setting",newValue:"<p>View more</p>"}}],options:{noRecordHistory:!0}}},{id:"typo",label:{en:"Basic"},setting:{id:"typo"},conditionDisplay:"enableTextStyle == true",options:{hideLabel:!0,fullWidth:!0,updateFields:[{field:"attrs.textAlign",settingId:"textAlign"},{field:"attrs.color",settingId:"textColor",state:"normal"}]},layout:"vertical",controlChangeTrigger:{settings:[{action:{controlId:"textAlign",valueFromField:"attrs.textAlign",groupType:"style",controlType:"style"}}],options:{noRecordHistory:!0}}}]},{label:{en:"Effect"},conditionDisplay:'pageType != "POST_PURCHASE"',controls:[{label:{en:"Hover item"},type:"combo",iconName:"polaris-check-hover",fixedValue:"Styled",popoverLabel:{en:"Hover item"},setting:{id:"enableHoverEffect"},controls:[{label:{en:"Background"},type:"group",controls:[{label:{en:"Color"},setting:{id:"backgroundColorV2",state:"hover"}},{label:{en:"Image"},setting:{id:"backgroundImage",state:"hover"}}]},{label:{en:"Text & icon"},type:"group",controls:[{label:{en:"Text color"},setting:{id:"textColor",state:"hover"}}]},{label:{en:"Shape"},type:"group",controls:[{label:{en:"Border"},setting:{id:"borderBtnV2",state:"hover"}},{label:{en:"Corner"},setting:{id:"roundedBtnV2",state:"hover"}},{label:{en:"Shadow"},setting:{id:"boxShadowBtn",state:"hover"},options:{updateFields:[{field:"hover.enable",settingId:"hasBoxShadowBtn",state:"hover"}]},controlChangeTrigger:{settings:[{condition:"boxShadowBtn.hover.enable === true",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!0}},{condition:"boxShadowBtn.hover.enable === false",source:["boxShadowBtn","hasBoxShadowBtn"],action:{controlId:"hasBoxShadowBtn",groupType:"style",controlType:"style",state:"hover",newValue:!1}}],options:{noRecordHistory:!0}}}]}]}]},{label:{en:"Redirect to"},controls:[{label:{en:"New tab"},setting:{id:"redirectNewTab"}}]},{controls:[{label:{en:"Align"},conditionEnable:'!(globalSize.width === "default" || (parseInt(globalSize.width) >= 100 && globalSize.width?.includes("%")))',setting:{id:"align"},options:{labelVariant:"primary",fullWidth:!0,disableMessage:"Horizontal alignment is disabled when the width is set to 100% or greater"}}]}];export{SettingUIV2};

package/dist/types/index.d.ts

@@ -51,6 +51,8 @@ type AccordionStyleProps = {
     widthHeightSize?: ObjectDevices<SizeSettingGlobal>;
     hasActiveShadow?: boolean;
     accordionShadow?: ShadowProps;
+    enableHoverEffect?: boolean;
+    enableActiveEffect?: boolean;
 };
 type AccordionProps = BasePropsWrap<AccordionSettingProps, AccordionStyleProps> & {
     children?: React.ReactNode;
@@ -250,6 +252,7 @@ type ButtonSettingProps = {
         isCannotEditing?: boolean | undefined;
     };
     enableHoverEffect?: boolean;
+    enableActiveEffect?: boolean;
 };
 type ButtonStyleProps = {
     size?: ObjectDevices<string>;
@@ -285,7 +288,6 @@ type ButtonStyleProps = {
     boxShadowBtn?: StateProp<ShadowProps>;
     borderBtnV2?: StateProp<Border>;
     boxShadowBtnV2?: StateProp<ShadowProps>;
-    textColorHover?: StateProp<ColorValueType>;
 };
 type ButtonProps = MixedProps & BasePropsWrap<ButtonSettingProps, ButtonStyleProps> & {
     dataId?: string;
@@ -348,7 +350,6 @@ type ArticleTitleSettingProps = TextSettingProps & {
         type?: any;
     };
     enableLink?: boolean;
-    enableHoverTextColor?: boolean;
     openNewTab?: boolean;
 };
 type ArticleTitleProps = BasePropsWrap<ArticleTitleSettingProps, TextStyleProps>;
@@ -387,6 +388,10 @@ type ArticleDateProps = BasePropsWrap<TextSettingProps & {
     linkArticle?: boolean;
     dateFormat?: string;
 }, TextStyleProps>;
+type ArticleReadMoreSidebarSettingProps = {
+    setting: Pick<OriginalArticleReadMoreSettingProps, 'readMoreType' | 'label'> & Pick<TextSettingProps, 'htmlTag' | 'text' | 'background'> & Pick<ButtonSettingProps, 'iconVisible' | 'iconSvg' | 'iconAlign' | 'translate' | 'htmlType' | 'disabled' | 'shouldClearSpace' | 'enableHoverEffect'>;
+    styles: Pick<ArticleReadMoreStyleProps, 'iconSpacing' | 'borderBtn' | 'borderBtnV2' | 'backgroundColorV2' | 'backgroundColor' | 'backgroundImage' | 'textColorBtnState' | 'roundedBtn' | 'roundedBtnV2' | 'boxShadowBtn' | 'hasBoxShadowBtn' | 'alignBtn' | 'enableTextStyle' | 'typoBtn' | 'transform' | 'btnSpacing' | 'fullWidth' | 'width' | 'iconSizeAuto' | 'size' | 'iconDimension' | 'globalSizeBtn' | 'textColorTextState' | 'typoText' | 'alignText' | 'hasLineClamp' | 'lineClamp' | 'globalSizeText' | 'spacing'> & Pick<ButtonStyleProps, 'textColor'>;
+};
 type OriginalArticleReadMoreSettingProps = {
     readMoreType: 'text' | 'button' | 'rounded' | 'outline';
     label: string | React.ReactNode;
@@ -404,7 +409,6 @@ type ArticleReadMoreStyleProps = TextStyleProps & ButtonStyleProps & {
     alignText?: ObjectDevices<AlignProp>;
     background?: ObjectDevices<BackgroundMedia>;
     iconSpacing?: ObjectDevices<string>;
-    enableHoverEffectText?: boolean;
 };
 type ArticleReadMoreProps = BasePropsWrap<ArticleReadMoreSettingProps, ArticleReadMoreStyleProps> & {
     className?: string;
@@ -627,7 +631,7 @@ declare const articleListSetting: {
     ArticleTag: _gem_sdk_core.ComponentSetting<ArticleTagProps>;
     ArticleCategory: _gem_sdk_core.ComponentSetting<ArticleCategoryProps>;
     ArticleDate: _gem_sdk_core.ComponentSetting<ArticleDateProps>;
-    ArticleReadMore: _gem_sdk_core.ComponentSetting<ArticleReadMoreProps>;
+    ArticleReadMore: _gem_sdk_core.ComponentSetting<ArticleReadMoreSidebarSettingProps>;
 };
 
 type HeroBannerSettingProps = {
@@ -699,6 +703,8 @@ type BreadcrumbSettingProps = {
     color?: ColorValueType;
     globalSize?: ObjectDevices<SizeSettingGlobal>;
     iconSvg?: string;
+    enableHoverEffect?: boolean;
+    enableActiveEffect?: boolean;
 };
 type BreadcrumbStyleProps = {
     typo?: TypographySettingV2;
@@ -1219,7 +1225,7 @@ type CouponSettingProps = {
     defaultLabel?: string;
     clickedLabel?: string;
     couponLayout?: string;
-} & Pick<ButtonSettingProps, 'iconAlign' | 'iconSvg' | 'iconVisible' | 'shouldClearSpace'>;
+} & Pick<ButtonSettingProps, 'iconAlign' | 'iconSvg' | 'iconVisible' | 'shouldClearSpace' | 'enableHoverEffect' | 'enableActiveEffect'>;
 type CouponStyleProps = ButtonStyleProps;
 type CouponProps = BasePropsWrap<CouponSettingProps, CouponStyleProps> & {
     children: React.ReactNode;
@@ -3743,7 +3749,7 @@ type OriginalSettingProps = {
     translate?: string;
     redirectNewTab?: boolean;
 };
-type ProductViewMoreSettingProps = OriginalSettingProps & Pick<ButtonSettingProps, 'iconAlign' | 'iconSvg' | 'iconVisible' | 'shouldClearSpace'>;
+type ProductViewMoreSettingProps = OriginalSettingProps & Pick<ButtonSettingProps, 'iconAlign' | 'iconSvg' | 'iconVisible' | 'shouldClearSpace' | 'enableHoverEffect'>;
 type ProductViewMoreStyleProps = ButtonStyleProps;
 type ProductViewMoreProps = BasePropsWrap<ProductViewMoreSettingProps, ProductViewMoreStyleProps> & {
     children: React.ReactNode;
@@ -6287,7 +6293,7 @@ declare const ProductViewMore: ({ style, styles, setting, advanced, builderProps
     label?: string | undefined;
     translate?: string | undefined;
     redirectNewTab?: boolean | undefined;
-} & Pick<ButtonSettingProps, "iconSvg" | "iconVisible" | "iconAlign" | "shouldClearSpace">, ButtonStyleProps, Record<string, any>> & {
+} & Pick<ButtonSettingProps, "iconSvg" | "enableHoverEffect" | "iconVisible" | "iconAlign" | "shouldClearSpace">, ButtonStyleProps, Record<string, any>> & {
     builderAttrs?: Record<string, any> | undefined;
     style?: React.CSSProperties | undefined;
 } & {
@@ -7276,7 +7282,7 @@ declare const _default$1: {
     ArticleTag: _gem_sdk_core.ComponentSetting<ArticleTagProps>;
     ArticleCategory: _gem_sdk_core.ComponentSetting<ArticleCategoryProps>;
     ArticleDate: _gem_sdk_core.ComponentSetting<ArticleDateProps>;
-    ArticleReadMore: _gem_sdk_core.ComponentSetting<ArticleReadMoreProps>;
+    ArticleReadMore: _gem_sdk_core.ComponentSetting<ArticleReadMoreSidebarSettingProps>;
     Accordion: _gem_sdk_core.ComponentSetting<AccordionProps>;
     AccordionItem: _gem_sdk_core.ComponentSetting<AccordionItemProps>;
 };

package/package.json

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