npm - @gem-sdk/components - Versions diffs - 3.0.0-pre-production.14 → 3.0.1 - Mend

@gem-sdk/components 3.0.0-pre-production.14 → 3.0.1

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.

Files changed (5488) hide show

package/dist/esm/product/setting/ProductList.js DELETED Viewed

@@ -1,1656 +0,0 @@
-const config = {
-    tag: 'ProductList',
-    label: 'Product List',
-    icon: `
-  <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.9075 7.10422C14.6295 6.47277 13.981 6.06462 13.268 6.12193C12.8111 6.15866 12.0129 6.23149 11.1972 6.34772C10.4162 6.459 9.4973 6.62566 8.86739 6.88284C8.4425 7.05632 7.96973 7.41721 7.56476 7.7561C7.12514 8.12398 6.63889 8.57624 6.16347 9.03928C5.21082 9.96712 4.25521 10.9838 3.72156 11.5611C3.02665 12.3128 3.18213 13.4862 4.00429 14.0501L7.14594 16.205V26.2444C7.14594 27.1568 7.8833 27.9057 8.80445 27.9057H23.246C24.1672 27.9057 24.9045 27.1568 24.9045 26.2444V16.205L28.0603 14.0405C28.8678 13.4866 29.0361 12.3395 28.3699 11.5829C27.861 11.005 26.9438 9.98417 26.0115 9.05136C25.5463 8.58586 25.0644 8.12923 24.6192 7.75674C24.2068 7.41161 23.7187 7.04517 23.2589 6.87191C22.0504 6.41643 20.0388 6.19802 19.2897 6.12638C18.6177 6.06213 17.9943 6.4147 17.6856 6.98594L16.1261 9.87237L14.9075 7.10422ZM11.5075 8.52572C12.0668 8.44603 12.6236 8.38769 13.0516 8.3486L14.5589 11.7725C15.1148 13.0353 16.8782 13.1086 17.535 11.8929L19.4471 8.35398C20.3297 8.45016 21.7155 8.64129 22.4831 8.93056C22.5609 8.9599 22.7999 9.10299 23.2073 9.44391C23.582 9.75746 24.0125 10.1634 24.4555 10.6066C25.1311 11.2825 25.8054 12.0148 26.3079 12.5747L23.426 14.5514C22.9732 14.862 22.7045 15.3755 22.7045 15.9221V25.7057H9.34594V15.9221C9.34594 15.3755 9.07722 14.862 8.62448 14.5514L5.76791 12.592C6.29559 12.03 7.00098 11.2946 7.69845 10.6153C8.1553 10.1703 8.59719 9.76082 8.97664 9.44329C9.16639 9.2845 9.33077 9.15694 9.46645 9.06238C9.53381 9.01545 9.58879 8.98036 9.63189 8.95523C9.65312 8.94286 9.66967 8.93395 9.68177 8.92783C9.69405 8.92163 9.69897 8.91962 9.69897 8.91962C10.0488 8.7768 10.7201 8.63792 11.5075 8.52572Z" fill="currentColor"/>
-    <path d="M30.2528 21.8121C29.8846 21.8121 29.5862 21.5136 29.5862 21.1454V20.0645C29.5862 19.6963 29.8846 19.3978 30.2528 19.3978H36.3481C36.7163 19.3978 37.0147 19.6963 37.0147 20.0645V21.1454C37.0147 21.5136 36.7163 21.8121 36.3481 21.8121H30.2528Z" fill="currentColor"/>
-    <path d="M30.2528 27.8478C29.8846 27.8478 29.5862 27.5493 29.5862 27.1811V26.1002C29.5862 25.732 29.8846 25.4335 30.2528 25.4335H36.3481C36.7163 25.4335 37.0147 25.732 37.0147 26.1002V27.1811C37.0147 27.5493 36.7163 27.8478 36.3481 27.8478H30.2528Z" fill="currentColor"/>
-    <path d="M7.96712 33.8834C7.59893 33.8834 7.30046 33.5849 7.30046 33.2168V32.1358C7.30046 31.7676 7.59893 31.4692 7.96712 31.4692H36.3481C36.7163 31.4692 37.0147 31.7676 37.0147 32.1358V33.2168C37.0147 33.5849 36.7163 33.8834 36.3481 33.8834H7.96712Z" fill="currentColor"/>
-  </svg>
-  `,
-    settings: [
-        {
-            id: 'setting',
-            controls: [
-                {
-                    id: 'productSetting',
-                    type: 'product-list',
-                    label: 'Select product list',
-                    default: {
-                        productSrc: 'PickProduct',
-                        productIds: [],
-                        collectionId: 'Latest',
-                        relatedType: 'related-product',
-                        relatedTag: [
-                            'collection'
-                        ],
-                        hasRelatedExclude: false
-                    }
-                },
-                // {
-                //   id: 'randomizeOrder',
-                //   type: 'toggle',
-                //   label: 'Randomize product order',
-                //   default: false,
-                // },
-                // {
-                //   id: 'productSrc',
-                //   type: 'select',
-                //   label: 'Product source',
-                //   default: 'PickProduct',
-                //   options: [
-                //     {
-                //       label: 'Pick Collections',
-                //       value: 'Collection',
-                //       hideOnPage: ['GP_COLLECTION'],
-                //     },
-                //     {
-                //       label: 'Pick Products',
-                //       value: 'PickProduct',
-                //       hideOnPage: ['GP_COLLECTION'],
-                //     },
-                //     {
-                //       label: 'Display by assigned collection',
-                //       value: 'DynamicCollection',
-                //       hideOnPage: [
-                //         'ARTICLE',
-                //         'BLOG',
-                //         'COLLECTION',
-                //         'GP_ARTICLE',
-                //         'GP_BLOG',
-                //         'GP_INDEX',
-                //         'GP_PRODUCT',
-                //         'GP_STATIC',
-                //         'PRODUCT',
-                //         'STATIC',
-                //       ],
-                //     },
-                //   ],
-                // },
-                // {
-                //   id: 'orderBy',
-                //   type: 'select',
-                //   label: 'Order By',
-                //   default: 'none',
-                //   hide: true,
-                //   options: [
-                //     {
-                //       label: 'None',
-                //       value: 'none',
-                //     },
-                //     {
-                //       label: 'Name A-Z',
-                //       value: 'TITLE_ASC',
-                //     },
-                //     {
-                //       label: 'Name Z-A',
-                //       value: 'TITLE_DESC',
-                //     },
-                //     {
-                //       label: 'New Arrivals',
-                //       value: 'CREATED_AT_DESC',
-                //     },
-                //   ],
-                // },
-                // {
-                //   id: 'collectionId',
-                //   type: 'collection',
-                //   label: 'Collection ID',
-                //   hide: true,
-                //   default: 'Latest',
-                // },
-                // {
-                //   id: 'productIds',
-                //   type: 'pick-multi-product',
-                //   label: 'Product List',
-                //   max: 24,
-                //   hide: true,
-                //   default: [],
-                // },
-                {
-                    id: 'slidesToShow',
-                    type: 'range',
-                    min: 1,
-                    max: 6,
-                    label: 'Products per rows ',
-                    hideUnit: true,
-                    useOnlyUnitInit: true,
-                    devices: {
-                        desktop: {
-                            default: 4
-                        },
-                        tablet: {
-                            default: 3
-                        },
-                        mobile: {
-                            default: 2
-                        }
-                    }
-                },
-                {
-                    id: 'numberOfProducts',
-                    type: 'range',
-                    min: 1,
-                    max: 50,
-                    label: 'Number of products',
-                    default: 4,
-                    hide: true,
-                    hideUnit: true,
-                    useOnlyUnitInit: true,
-                    ignoreMax: true
-                },
-                {
-                    id: 'slider-settings',
-                    label: 'Slider Settings',
-                    type: 'group',
-                    hide: true,
-                    controls: [
-                        {
-                            id: 'dot',
-                            label: 'Dot',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: false
-                                }
-                            }
-                        },
-                        {
-                            id: 'dotStyle',
-                            label: 'Dot style',
-                            type: 'layout-segment',
-                            iconViewBox: '0 0 77 48',
-                            enableItemBackground: true,
-                            enableTooltip: true,
-                            options: [
-                                {
-                                    label: 'None',
-                                    value: 'none',
-                                    type: 'carousel-dot',
-                                    isTextIcon: true
-                                },
-                                {
-                                    label: 'Inside',
-                                    value: 'inside',
-                                    type: 'carousel-dot'
-                                },
-                                {
-                                    label: 'Outside',
-                                    value: 'outside',
-                                    type: 'carousel-dot'
-                                }
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: 'inside'
-                                }
-                            }
-                        },
-                        {
-                            id: 'dotSize',
-                            label: 'Dots size',
-                            type: 'input:number',
-                            min: 1,
-                            devices: {
-                                desktop: {
-                                    default: 12
-                                }
-                            }
-                        },
-                        {
-                            id: 'dotGapToCarousel',
-                            label: 'Gap to carousel',
-                            type: 'input:unit',
-                            useOnlyUnitInit: true,
-                            units: [
-                                'px'
-                            ],
-                            min: 0,
-                            devices: {
-                                desktop: {
-                                    default: 16
-                                }
-                            }
-                        },
-                        {
-                            id: 'dotColor',
-                            label: 'Dot color',
-                            type: 'colorpicker',
-                            devices: {
-                                desktop: {
-                                    default: 'bg-1'
-                                }
-                            }
-                        },
-                        {
-                            id: 'dotActiveColor',
-                            label: 'Dot color active',
-                            type: 'colorpicker',
-                            devices: {
-                                desktop: {
-                                    default: 'line-3'
-                                }
-                            }
-                        },
-                        {
-                            id: 'arrow',
-                            label: 'Next/Prev Arrow',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: false
-                                }
-                            }
-                        },
-                        {
-                            id: 'arrowCustom',
-                            label: 'Custom Arrow',
-                            type: 'icon',
-                            default: '<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"></path></svg>'
-                        },
-                        {
-                            id: 'arrowCustomColor',
-                            label: 'Icon color',
-                            type: 'colorpicker',
-                            default: '#000000'
-                        },
-                        {
-                            id: 'controlOverContent',
-                            label: 'Control Over Content',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: false
-                                }
-                            }
-                        },
-                        {
-                            id: 'loop',
-                            label: 'Loop',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: false
-                                }
-                            }
-                        },
-                        {
-                            id: 'speed',
-                            label: 'Speed(s)',
-                            type: 'input:number',
-                            min: 0,
-                            max: 60,
-                            default: 2,
-                            hide: true
-                        },
-                        {
-                            id: 'dragToScroll',
-                            label: 'Drag to scroll',
-                            type: 'toggle',
-                            default: false
-                        },
-                        {
-                            id: 'autoplay',
-                            label: 'Autoplay',
-                            type: 'toggle',
-                            default: false
-                        },
-                        {
-                            id: 'pauseOnHover',
-                            label: 'Pause On Hover',
-                            type: 'toggle',
-                            default: true,
-                            hide: true
-                        },
-                        {
-                            id: 'autoplayTimeout',
-                            label: 'Timeout(s)',
-                            type: 'range',
-                            min: 1,
-                            max: 10,
-                            step: 0.1,
-                            default: 2,
-                            hide: true,
-                            hideUnit: true,
-                            useOnlyUnitInit: true
-                        },
-                        {
-                            id: 'sameHeight',
-                            label: 'Enable same height',
-                            type: 'toggle',
-                            default: false
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            id: 'style',
-            controls: [
-                {
-                    id: 'layout',
-                    type: 'segment',
-                    label: 'Layout',
-                    default: 'grid',
-                    options: [
-                        {
-                            label: 'Grid',
-                            value: 'grid'
-                        },
-                        {
-                            label: 'Slider',
-                            value: 'slider'
-                        }
-                    ]
-                },
-                {
-                    id: 'dimensions',
-                    label: 'Dimensions',
-                    type: 'group',
-                    controls: [
-                        {
-                            id: 'fullWidth',
-                            label: 'Full Width',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: true
-                                }
-                            }
-                        },
-                        {
-                            id: 'width',
-                            label: 'Width',
-                            type: 'input:unit',
-                            emptyOnClear: true,
-                            units: [
-                                'px',
-                                '%'
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: undefined
-                                }
-                            },
-                            hide: true
-                        },
-                        {
-                            id: 'adaptiveHeight',
-                            label: 'Fit height to content',
-                            type: 'toggle',
-                            devices: {
-                                desktop: {
-                                    default: true
-                                }
-                            },
-                            hide: true
-                        },
-                        {
-                            id: 'height',
-                            label: 'Height',
-                            type: 'input:unit',
-                            units: [
-                                'px'
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: '400px'
-                                }
-                            },
-                            hide: true
-                        }
-                    ]
-                },
-                {
-                    id: 'grid',
-                    label: 'Grid',
-                    type: 'group',
-                    controls: [
-                        {
-                            id: 'horizontalGutter',
-                            label: 'Row gap',
-                            type: 'input:unit',
-                            units: [
-                                'px'
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: '16px'
-                                },
-                                mobile: {
-                                    default: '16px'
-                                }
-                            }
-                        },
-                        {
-                            id: 'verticalGutter',
-                            label: 'Column gap',
-                            type: 'input:unit-spacing',
-                            units: [
-                                'px'
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: '8px'
-                                },
-                                mobile: {
-                                    default: '8px'
-                                }
-                            }
-                        }
-                    ],
-                    hide: true
-                },
-                {
-                    id: 'slider',
-                    label: 'Slider',
-                    type: 'group',
-                    controls: [
-                        {
-                            id: 'spacing',
-                            label: 'Item Spacing',
-                            type: 'input:unit',
-                            min: 0,
-                            useOnlyUnitInit: true,
-                            units: [
-                                'px'
-                            ],
-                            devices: {
-                                desktop: {
-                                    default: 44
-                                }
-                            }
-                        }
-                    ],
-                    hide: true
-                }
-            ]
-        }
-    ],
-    ui: [
-        {
-            type: 'control',
-            label: {
-                en: 'Select product list'
-            },
-            setting: {
-                id: 'productSetting'
-            },
-            layout: 'vertical'
-        },
-        // {
-        //   type: 'control',
-        //   label: {
-        //     en: 'Randomize product order',
-        //   },
-        //   condition: "productSetting.productSrc === 'RelatedProduct'",
-        //   setting: {
-        //     id: 'randomizeOrder',
-        //   },
-        // },
-        // {
-        //   type: 'control',
-        //   setting: {
-        //     id: 'productSrc',
-        //   },
-        // },
-        // {
-        //   type: 'control',
-        //   condition: "productSrc === 'PickProduct'",
-        //   setting: {
-        //     id: 'productIds',
-        //   },
-        // },
-        // {
-        //   type: 'control',
-        //   condition: "productSrc !== 'PickProduct'",
-        //   setting: {
-        //     id: 'collectionId',
-        //   },
-        // },
-        // {
-        //   type: 'control',
-        //   label: {
-        //     en: 'Order by',
-        //   },
-        //   options: {
-        //     label: 'large',
-        //   },
-        //   condition: "!!productSetting && productSetting.productSrc !== 'PickProduct'",
-        //   setting: {
-        //     id: 'orderBy',
-        //   },
-        // },
-        {
-            type: 'group',
-            label: {
-                en: 'Products per row'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Number'
-                    },
-                    // info: {
-                    //   en: 'Change products-per-row number separately in each screen size',
-                    // },
-                    setting: {
-                        id: 'slidesToShow'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Number of products'
-            },
-            condition: "productSetting.productSrc === 'RelatedProduct' || !!productSetting && productSetting.productSrc !== 'PickProduct'",
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Number'
-                    },
-                    // info: {
-                    //   en: 'In Collection Pages, this is the number of products displayed on one page. We recommend less than 20 products for the optimal load time',
-                    // },
-                    setting: {
-                        id: 'numberOfProducts'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Layout'
-            },
-            options: {
-                label: 'large'
-            },
-            setting: {
-                id: 'layout'
-            }
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Slider settings'
-            },
-            condition: "layout === 'slider'",
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Drag to scroll'
-                    },
-                    setting: {
-                        id: 'dragToScroll'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Infinity loop'
-                    },
-                    setting: {
-                        id: 'loop'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Autoplay'
-                    },
-                    setting: {
-                        id: 'autoplay'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Pause On Hover'
-                    },
-                    setting: {
-                        id: 'pauseOnHover'
-                    },
-                    condition: 'autoplay == true'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Timeout(s)'
-                    },
-                    setting: {
-                        id: 'autoplayTimeout'
-                    },
-                    condition: 'autoplay == true'
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Dots'
-                    },
-                    setting: {
-                        id: 'dot'
-                    }
-                },
-                {
-                    condition: 'dot === true',
-                    type: 'control',
-                    label: {
-                        en: 'Dot color'
-                    },
-                    setting: {
-                        id: 'dotColor'
-                    }
-                },
-                {
-                    condition: 'dot === true',
-                    type: 'control',
-                    label: {
-                        en: 'Dot color active'
-                    },
-                    setting: {
-                        id: 'dotActiveColor'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Arrows next & previous'
-                    },
-                    setting: {
-                        id: 'arrow'
-                    }
-                },
-                {
-                    condition: 'arrow === true',
-                    type: 'control',
-                    label: {
-                        en: 'Position'
-                    },
-                    setting: {
-                        id: 'controlOverContent'
-                    }
-                },
-                {
-                    condition: 'arrow === true',
-                    type: 'control',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'arrowCustom'
-                    }
-                },
-                {
-                    condition: 'arrow === true',
-                    type: 'control',
-                    label: {
-                        en: 'Icon color'
-                    },
-                    setting: {
-                        id: 'arrowCustomColor'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Item spacing'
-                    },
-                    setting: {
-                        id: 'spacing'
-                    }
-                }
-            ]
-        },
-        // {
-        //   type: 'group',
-        //   label: {
-        //     en: 'Dots',
-        //   },
-        //   condition: "layout === 'slider'",
-        //   controls: [
-        //     {
-        //       type: 'control',
-        //       setting: {
-        //         id: 'dotStyle',
-        //       },
-        //     },
-        //     {
-        //       condition: 'dotStyle !== "none"',
-        //       type: 'control',
-        //       label: {
-        //         en: 'Active color',
-        //       },
-        //       setting: {
-        //         id: 'dotActiveColor',
-        //       },
-        //     },
-        //     {
-        //       condition: 'dotStyle !== "none"',
-        //       type: 'control',
-        //       label: {
-        //         en: 'Inactive color',
-        //       },
-        //       setting: {
-        //         id: 'dotColor',
-        //       },
-        //     },
-        //     {
-        //       condition: 'dotStyle !== "none"',
-        //       type: 'control',
-        //       label: {
-        //         en: 'Dots size',
-        //       },
-        //       setting: {
-        //         id: 'dotSize',
-        //       },
-        //       isMoreSetting: true,
-        //     },
-        //     {
-        //       condition: 'dotStyle !== "none"',
-        //       type: 'control',
-        //       label: {
-        //         en: 'Gap to carousel',
-        //       },
-        //       setting: {
-        //         id: 'dotGapToCarousel',
-        //       },
-        //       isMoreSetting: true,
-        //     },
-        //   ],
-        // },
-        {
-            type: 'group',
-            label: {
-                en: 'Size'
-            },
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Full width'
-                    },
-                    setting: {
-                        id: 'fullWidth'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Width'
-                    },
-                    condition: 'fullWidth === false',
-                    setting: {
-                        id: 'width'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Fit height to content'
-                    },
-                    condition: 'layout === "slider"',
-                    setting: {
-                        id: 'adaptiveHeight'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Height'
-                    },
-                    condition: 'layout === "slider" && adaptiveHeight === false',
-                    setting: {
-                        id: 'height'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: "layout === 'grid'",
-                    options: {
-                        tooltip: {
-                            icon: 'info-line-16',
-                            content: 'Note: this might not work properly on Safari for iOS versions below 17',
-                            iconClass: 'text-[#757575] hover:text-[#F9F9F9]'
-                        }
-                    },
-                    label: {
-                        en: 'Same height'
-                    },
-                    setting: {
-                        id: 'sameHeight'
-                    }
-                }
-            ]
-        },
-        {
-            type: 'group',
-            label: {
-                en: 'Grid'
-            },
-            condition: "layout === 'grid'",
-            controls: [
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Row gap'
-                    },
-                    setting: {
-                        id: 'horizontalGutter'
-                    }
-                },
-                {
-                    type: 'control',
-                    label: {
-                        en: 'Column gap'
-                    },
-                    setting: {
-                        id: 'verticalGutter'
-                    }
-                }
-            ]
-        }
-    ],
-    editorConfigs: {
-        slots: {
-            children: true
-        },
-        toolbar: {
-            parent: true
-        },
-        placeholder: {
-            notAppendTags: [
-                'Product',
-                'ProductList',
-                'ContactForm',
-                'Newsletter',
-                'MarqueeItem',
-                'Marquee'
-            ]
-        }
-    },
-    presets: [
-        {
-            id: 'product-list',
-            name: {
-                en: 'Product List'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="29.3333" height="30" rx="3" fill="#494949"/>
-          <path d="M8.6665 10.4299L12.6625 9.02328C12.6625 9.02328 13.1484 10.1703 14.6705 10.1703C16.1926 10.1703 16.6732 9 16.6732 9L20.6665 10.4299L20.0018 13.957H17.9978V20.3355H11.3265V13.9549H9.33251L8.6665 10.4299Z" fill="#D6D6D6"/>
-          <rect y="33" width="29.3333" height="6" rx="3" fill="#494949"/>
-          <rect x="5.6665" y="42" width="18" height="6" rx="3" fill="#494949"/>
-          <rect x="33.3335" width="29.3333" height="30" rx="3" fill="#494949"/>
-          <path d="M42 10.4299L45.996 9.02328C45.996 9.02328 46.4819 10.1703 48.004 10.1703C49.5261 10.1703 50.0066 9 50.0066 9L54 10.4299L53.3353 13.957H51.3313V20.3355H44.66V13.9549H42.666L42 10.4299Z" fill="#D6D6D6"/>
-          <rect x="33.3335" y="33" width="29.3333" height="6" rx="3" fill="#494949"/>
-          <rect x="39" y="42" width="18" height="6" rx="3" fill="#494949"/>
-          <rect x="66.6665" width="29.3333" height="30" rx="3" fill="#494949"/>
-          <path d="M75.333 10.4299L79.329 9.02328C79.329 9.02328 79.8149 10.1703 81.337 10.1703C82.8591 10.1703 83.3397 9 83.3397 9L87.333 10.4299L86.6683 13.957H84.6643V20.3355H77.993V13.9549H75.999L75.333 10.4299Z" fill="#D6D6D6"/>
-          <rect x="66.6665" y="33" width="29.3333" height="6" rx="3" fill="#494949"/>
-          <rect x="72.333" y="42" width="18" height="6" rx="3" fill="#494949"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'ProductList',
-                    label: 'Product List',
-                    settings: {
-                        columns: {
-                            desktop: 4,
-                            tablet: 2,
-                            mobile: 1
-                        }
-                    },
-                    advanced: {
-                        'spacing-setting': {
-                            padding: {
-                                top: 'var(--g-s-s)',
-                                bottom: 'var(--g-s-s)'
-                            }
-                        }
-                    },
-                    childrens: [
-                        {
-                            tag: 'Row',
-                            label: 'Row',
-                            settings: {
-                                layout: {
-                                    desktop: {
-                                        cols: [
-                                            12
-                                        ],
-                                        display: 'fill'
-                                    }
-                                }
-                            },
-                            styles: {
-                                verticalGutter: {
-                                    desktop: 'var(--g-s-2xl)'
-                                }
-                            },
-                            advanced: {
-                                'spacing-setting': {
-                                    padding: {
-                                        top: 'var(--g-s-s)',
-                                        left: 'var(--g-s-s)',
-                                        right: 'var(--g-s-s)',
-                                        bottom: 'var(--g-s-s)'
-                                    }
-                                },
-                                border: {
-                                    desktop: {
-                                        normal: {
-                                            border: 'none',
-                                            borderLabel: 'Style 1',
-                                            borderType: 'style-1',
-                                            color: 'line-1',
-                                            isCustom: false,
-                                            width: '1px 1px 1px 1px'
-                                        }
-                                    }
-                                },
-                                rounded: {
-                                    desktop: {
-                                        normal: {
-                                            bbtrr: '6px',
-                                            bblr: '6px',
-                                            bbrr: '6px',
-                                            btlr: '6px',
-                                            radiusType: 'medium'
-                                        }
-                                    }
-                                }
-                            },
-                            childrens: [
-                                {
-                                    tag: 'Col',
-                                    label: 'Block',
-                                    settings: {
-                                        fullHeight: true
-                                    },
-                                    styles: {
-                                        justifyContent: {
-                                            desktop: 'normal'
-                                        },
-                                        alignItem: {
-                                            desktop: 'normal'
-                                        },
-                                        order: {
-                                            desktop: 0
-                                        }
-                                    },
-                                    childrens: [
-                                        {
-                                            tag: 'ProductImagesV2',
-                                            label: 'Product Images',
-                                            settings: {
-                                                ftClickOpenLightBox: {
-                                                    desktop: 'product-link'
-                                                }
-                                            },
-                                            styles: {
-                                                position: {
-                                                    desktop: 'only-feature',
-                                                    mobile: 'only-feature'
-                                                }
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        },
-                                        {
-                                            tag: 'ProductTitle',
-                                            label: 'Product Title',
-                                            settings: {
-                                                htmlTag: 'h2'
-                                            },
-                                            styles: {
-                                                typo: {
-                                                    type: 'subheading-2'
-                                                },
-                                                textAlign: {
-                                                    desktop: 'left'
-                                                },
-                                                hasLineClamp: {
-                                                    desktop: true
-                                                },
-                                                lineClamp: {
-                                                    desktop: 2,
-                                                    mobile: 0
-                                                },
-                                                color: {
-                                                    normal: 'text-1'
-                                                },
-                                                hasTextShadow: {
-                                                    normal: false
-                                                },
-                                                textShadow: {
-                                                    normal: {
-                                                        type: 'shadow-1'
-                                                    }
-                                                },
-                                                transform: 'default'
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        },
-                                        {
-                                            tag: 'Row',
-                                            label: 'Row',
-                                            settings: {
-                                                layout: {
-                                                    desktop: {
-                                                        cols: [
-                                                            6,
-                                                            6
-                                                        ],
-                                                        display: 'fit'
-                                                    }
-                                                }
-                                            },
-                                            styles: {
-                                                verticalGutter: {
-                                                    desktop: '16px'
-                                                },
-                                                background: {
-                                                    desktop: {
-                                                        type: 'color',
-                                                        color: 'transparent',
-                                                        image: {
-                                                            src: '',
-                                                            width: 0,
-                                                            height: 0
-                                                        },
-                                                        size: 'cover',
-                                                        position: {
-                                                            x: 50,
-                                                            y: 50
-                                                        },
-                                                        repeat: 'no-repeat',
-                                                        attachment: 'scroll'
-                                                    }
-                                                },
-                                                fullWidth: {
-                                                    desktop: true
-                                                },
-                                                width: {
-                                                    desktop: '100%'
-                                                }
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            },
-                                            childrens: [
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    settings: {},
-                                                    styles: {
-                                                        justifyContent: {
-                                                            desktop: 'center'
-                                                        },
-                                                        alignItem: {
-                                                            desktop: 'normal'
-                                                        },
-                                                        order: {
-                                                            desktop: 0
-                                                        }
-                                                    },
-                                                    advanced: {},
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductPrice',
-                                                            label: 'Product Price',
-                                                            styles: {
-                                                                priceType: 'regular',
-                                                                typo: {
-                                                                    type: 'subheading-2'
-                                                                },
-                                                                color: {
-                                                                    normal: 'text-1'
-                                                                },
-                                                                lineColor: 'highlight',
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                },
-                                                                lineThrough: true,
-                                                                thickness: 1
-                                                            },
-                                                            advanced: {}
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    settings: {},
-                                                    styles: {
-                                                        justifyContent: {
-                                                            desktop: 'center'
-                                                        },
-                                                        alignItem: {
-                                                            desktop: 'normal'
-                                                        },
-                                                        order: {
-                                                            desktop: 0
-                                                        }
-                                                    },
-                                                    advanced: {},
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductPrice',
-                                                            label: 'Product Price',
-                                                            styles: {
-                                                                priceType: 'compare',
-                                                                typo: {
-                                                                    type: 'subheading-2'
-                                                                },
-                                                                color: {
-                                                                    normal: 'text-1'
-                                                                },
-                                                                lineColor: 'text-1',
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                },
-                                                                lineThrough: true,
-                                                                thickness: 1
-                                                            },
-                                                            advanced: {}
-                                                        }
-                                                    ]
-                                                }
-                                            ]
-                                        },
-                                        {
-                                            tag: 'ProductVariants',
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        },
-                                        {
-                                            tag: 'ProductButton',
-                                            label: 'Product Cart Button',
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            },
-                                            settings: {
-                                                actionEffect: 'continue-shopping',
-                                                label: 'Add To cart',
-                                                outOfStockLabel: 'Out Of Stock',
-                                                successMessage: 'Add product to cart successfully',
-                                                errorMessage: 'Cannot add product to cart',
-                                                iconVisible: false,
-                                                iconSvg: `<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>`,
-                                                iconAlign: 'left'
-                                            },
-                                            styles: {
-                                                globalSize: {
-                                                    desktop: {
-                                                        width: '100%'
-                                                    }
-                                                }
-                                            }
-                                        }
-                                    ]
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        },
-        {
-            id: 'related-product',
-            name: {
-                en: 'Related Products'
-            },
-            icon: {
-                desktop: `
-        <svg width="126" height="80" viewBox="0 0 126 80" fill="none" xmlns="http://www.w3.org/2000/svg">
-        <g clip-path="url(#clip0_19807_27615)">
-        <path d="M0 0H126V80H0V0Z" fill="#212121"/>
-        <rect x="15" y="29" width="29.3333" height="30" rx="3" fill="#424242"/>
-        <path d="M23.6667 39.4299L27.6628 38.0233C27.6628 38.0233 28.1486 39.1703 29.6707 39.1703C31.1928 39.1703 31.6734 38 31.6734 38L35.6667 39.4299L35.0021 42.957H32.9981V49.3355H26.3268V42.9549H24.3328L23.6667 39.4299Z" fill="#F9F9F9"/>
-        <rect x="20.6667" y="62" width="18" height="6" rx="3" fill="#424242"/>
-        <rect x="48.3333" y="29" width="29.3333" height="30" rx="3" fill="#424242"/>
-        <path d="M57 39.4299L60.996 38.0233C60.996 38.0233 61.4819 39.1703 63.004 39.1703C64.5261 39.1703 65.0066 38 65.0066 38L69 39.4299L68.3353 42.957H66.3313V49.3355H59.66V42.9549H57.666L57 39.4299Z" fill="#F9F9F9"/>
-        <rect x="54" y="62" width="18" height="6" rx="3" fill="#424242"/>
-        <rect x="81.6667" y="29" width="29.3333" height="30" rx="3" fill="#424242"/>
-        <path d="M90.3335 39.4299L94.3295 38.0233C94.3295 38.0233 94.8154 39.1703 96.3375 39.1703C97.8596 39.1703 98.3401 38 98.3401 38L102.333 39.4299L101.669 42.957H99.6648V49.3355H92.9935V42.9549H90.9995L90.3335 39.4299Z" fill="#F9F9F9"/>
-        <rect x="87.3335" y="62" width="18" height="6" rx="3" fill="#424242"/>
-        <path d="M45.6887 20V12.7273H48.281C48.8444 12.7273 49.312 12.8243 49.6837 13.0185C50.0577 13.2126 50.3371 13.4813 50.5218 13.8246C50.7064 14.1655 50.7987 14.5597 50.7987 15.0071C50.7987 15.4522 50.7052 15.844 50.5182 16.1825C50.3335 16.5187 50.0542 16.7803 49.6801 16.9673C49.3084 17.1544 48.8409 17.2479 48.2774 17.2479H46.3137V16.3033H48.178C48.5331 16.3033 48.8219 16.2524 49.0445 16.1506C49.2694 16.0488 49.4339 15.9008 49.5381 15.7067C49.6423 15.5125 49.6943 15.2794 49.6943 15.0071C49.6943 14.7325 49.6411 14.4946 49.5345 14.2933C49.4304 14.0921 49.2658 13.9382 49.0409 13.8317C48.8184 13.7228 48.526 13.6683 48.1638 13.6683H46.786V20H45.6887ZM49.2789 16.7188L51.0757 20H49.8257L48.0644 16.7188H49.2789ZM54.3312 20.1101C53.7938 20.1101 53.331 19.9953 52.9427 19.7656C52.5568 19.5336 52.2586 19.2081 52.0479 18.7891C51.8395 18.3677 51.7354 17.8741 51.7354 17.3082C51.7354 16.7495 51.8395 16.2571 52.0479 15.831C52.2586 15.4048 52.5521 15.0722 52.9285 14.8331C53.3073 14.594 53.75 14.4744 54.2567 14.4744C54.5644 14.4744 54.8627 14.5253 55.1515 14.6271C55.4404 14.7289 55.6996 14.8887 55.9292 15.1065C56.1589 15.3243 56.34 15.6072 56.4726 15.9553C56.6051 16.3009 56.6714 16.7211 56.6714 17.2159V17.5923H52.3355V16.7969H55.6309C55.6309 16.5175 55.5741 16.2701 55.4605 16.0547C55.3469 15.8369 55.1871 15.6652 54.9811 15.5398C54.7775 15.4143 54.5384 15.3516 54.2638 15.3516C53.9655 15.3516 53.705 15.425 53.4825 15.5717C53.2623 15.7161 53.0919 15.9055 52.9711 16.1399C52.8528 16.3719 52.7936 16.6241 52.7936 16.8963V17.5178C52.7936 17.8823 52.8575 18.1925 52.9854 18.4482C53.1156 18.7038 53.2967 18.8991 53.5287 19.0341C53.7607 19.1667 54.0318 19.233 54.3419 19.233C54.5431 19.233 54.7266 19.2045 54.8923 19.1477C55.058 19.0885 55.2013 19.0009 55.322 18.8849C55.4427 18.7689 55.5351 18.6257 55.599 18.4553L56.604 18.6364C56.5235 18.9323 56.3791 19.1915 56.1707 19.4141C55.9648 19.6342 55.7055 19.8059 55.393 19.929C55.0829 20.0497 54.729 20.1101 54.3312 20.1101ZM58.9113 12.7273V20H57.8495V12.7273H58.9113ZM61.9271 20.1207C61.5815 20.1207 61.269 20.0568 60.9896 19.929C60.7103 19.7988 60.4889 19.6106 60.3256 19.3643C60.1646 19.1181 60.0841 18.8163 60.0841 18.4588C60.0841 18.151 60.1433 17.8977 60.2616 17.6989C60.38 17.5 60.5398 17.3426 60.741 17.2266C60.9423 17.1106 61.1672 17.023 61.4157 16.9638C61.6643 16.9046 61.9176 16.8596 62.1757 16.8288C62.5024 16.791 62.7675 16.7602 62.9711 16.7365C63.1747 16.7105 63.3227 16.669 63.415 16.6122C63.5074 16.5554 63.5535 16.4631 63.5535 16.3352V16.3104C63.5535 16.0002 63.4659 15.7599 63.2907 15.5895C63.1179 15.419 62.8599 15.3338 62.5166 15.3338C62.1591 15.3338 61.8774 15.4131 61.6714 15.5717C61.4678 15.728 61.327 15.902 61.2488 16.0938L60.251 15.8665C60.3693 15.535 60.5422 15.2675 60.7694 15.0639C60.9991 14.858 61.2631 14.7088 61.5613 14.6165C61.8596 14.5218 62.1733 14.4744 62.5024 14.4744C62.7202 14.4744 62.951 14.5005 63.1949 14.5526C63.4411 14.6023 63.6707 14.6946 63.8838 14.8295C64.0992 14.9645 64.2756 15.1574 64.4129 15.4084C64.5502 15.657 64.6189 15.9801 64.6189 16.3778V20H63.5819V19.2543H63.5393C63.4707 19.3916 63.3677 19.5265 63.2304 19.6591C63.0931 19.7917 62.9167 19.9018 62.7013 19.9893C62.4858 20.0769 62.2278 20.1207 61.9271 20.1207ZM62.1579 19.2685C62.4515 19.2685 62.7024 19.2105 62.9108 19.0945C63.1215 18.9785 63.2813 18.8269 63.3902 18.6399C63.5015 18.4505 63.5571 18.2481 63.5571 18.0327V17.3295C63.5192 17.3674 63.4458 17.4029 63.3369 17.4361C63.2304 17.4669 63.1085 17.4941 62.9711 17.5178C62.8338 17.5391 62.7001 17.5592 62.5699 17.5781C62.4397 17.5947 62.3308 17.6089 62.2432 17.6207C62.0372 17.6468 61.849 17.6906 61.6785 17.7521C61.5104 17.8137 61.3755 17.9025 61.2737 18.0185C61.1743 18.1321 61.1246 18.2836 61.1246 18.473C61.1246 18.7358 61.2216 18.9347 61.4157 19.0696C61.6099 19.2022 61.8573 19.2685 62.1579 19.2685ZM68.5793 14.5455V15.3977H65.5999V14.5455H68.5793ZM66.3989 13.2386H67.4607V18.3984C67.4607 18.6044 67.4914 18.7595 67.553 18.8636C67.6146 18.9654 67.6939 19.0353 67.7909 19.0732C67.8904 19.1087 67.9981 19.1264 68.1141 19.1264C68.1993 19.1264 68.2739 19.1205 68.3378 19.1087C68.4017 19.0968 68.4514 19.0874 68.4869 19.0803L68.6787 19.9574C68.6172 19.9811 68.5296 20.0047 68.4159 20.0284C68.3023 20.0545 68.1602 20.0687 67.9898 20.071C67.7104 20.0758 67.45 20.026 67.2085 19.9219C66.9671 19.8177 66.7718 19.6567 66.6226 19.4389C66.4735 19.2211 66.3989 18.9477 66.3989 18.6186V13.2386ZM72.0461 20.1101C71.5087 20.1101 71.0458 19.9953 70.6576 19.7656C70.2717 19.5336 69.9734 19.2081 69.7627 18.7891C69.5544 18.3677 69.4502 17.8741 69.4502 17.3082C69.4502 16.7495 69.5544 16.2571 69.7627 15.831C69.9734 15.4048 70.267 15.0722 70.6434 14.8331C71.0222 14.594 71.4649 14.4744 71.9715 14.4744C72.2793 14.4744 72.5776 14.5253 72.8664 14.6271C73.1552 14.7289 73.4144 14.8887 73.6441 15.1065C73.8737 15.3243 74.0548 15.6072 74.1874 15.9553C74.32 16.3009 74.3863 16.7211 74.3863 17.2159V17.5923H70.0503V16.7969H73.3458C73.3458 16.5175 73.289 16.2701 73.1753 16.0547C73.0617 15.8369 72.9019 15.6652 72.6959 15.5398C72.4923 15.4143 72.2532 15.3516 71.9786 15.3516C71.6803 15.3516 71.4199 15.425 71.1974 15.5717C70.9772 15.7161 70.8067 15.9055 70.686 16.1399C70.5676 16.3719 70.5084 16.6241 70.5084 16.8963V17.5178C70.5084 17.8823 70.5724 18.1925 70.7002 18.4482C70.8304 18.7038 71.0115 18.8991 71.2435 19.0341C71.4755 19.1667 71.7466 19.233 72.0567 19.233C72.258 19.233 72.4414 19.2045 72.6072 19.1477C72.7729 19.0885 72.9161 19.0009 73.0368 18.8849C73.1576 18.7689 73.2499 18.6257 73.3138 18.4553L74.3188 18.6364C74.2383 18.9323 74.0939 19.1915 73.8856 19.4141C73.6796 19.6342 73.4204 19.8059 73.1079 19.929C72.7977 20.0497 72.4438 20.1101 72.0461 20.1101ZM77.6063 20.1065C77.1659 20.1065 76.7729 19.9941 76.4273 19.7692C76.084 19.5419 75.8141 19.2187 75.6176 18.7997C75.4235 18.3783 75.3264 17.8729 75.3264 17.2834C75.3264 16.6939 75.4247 16.1896 75.6212 15.7706C75.82 15.3516 76.0923 15.0308 76.4379 14.8082C76.7836 14.5857 77.1754 14.4744 77.6134 14.4744C77.9519 14.4744 78.2242 14.5312 78.4301 14.6449C78.6385 14.7562 78.7994 14.8864 78.9131 15.0355C79.0291 15.1847 79.1191 15.3161 79.183 15.4297H79.2469V12.7273H80.3087V20H79.2718V19.1513H79.183C79.1191 19.2673 79.0267 19.3999 78.906 19.549C78.7876 19.6982 78.6243 19.8284 78.4159 19.9396C78.2076 20.0509 77.9377 20.1065 77.6063 20.1065ZM77.8406 19.201C78.146 19.201 78.4041 19.1205 78.6148 18.9595C78.8279 18.7962 78.9888 18.5701 79.0977 18.2812C79.209 17.9924 79.2646 17.6562 79.2646 17.2727C79.2646 16.8939 79.2102 16.5625 79.1013 16.2784C78.9924 15.9943 78.8326 15.773 78.6219 15.6143C78.4112 15.4557 78.1508 15.3764 77.8406 15.3764C77.521 15.3764 77.2547 15.4593 77.0416 15.625C76.8286 15.7907 76.6676 16.0168 76.5587 16.3033C76.4521 16.5897 76.3989 16.9129 76.3989 17.2727C76.3989 17.6373 76.4533 17.9652 76.5622 18.2564C76.6711 18.5476 76.8321 18.7784 77.0452 18.9489C77.2606 19.117 77.5258 19.201 77.8406 19.201Z" fill="#AAAAAA"/>
-        </g>
-        <defs>
-        <clipPath id="clip0_19807_27615">
-        <path d="M0 3C0 1.34315 1.34315 0 3 0H123C124.657 0 126 1.34315 126 3V77C126 78.6569 124.657 80 123 80H3C1.34315 80 0 78.6569 0 77V3Z" fill="white"/>
-        </clipPath>
-        </defs>
-        </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'ProductList',
-                    label: 'Product List',
-                    settings: {
-                        productSetting: {
-                            productSrc: 'RelatedProduct'
-                        },
-                        columns: {
-                            desktop: 4,
-                            tablet: 2,
-                            mobile: 1
-                        }
-                    },
-                    advanced: {
-                        'spacing-setting': {
-                            padding: {
-                                top: 'var(--g-s-s)',
-                                bottom: 'var(--g-s-s)'
-                            }
-                        }
-                    },
-                    childrens: [
-                        {
-                            tag: 'Row',
-                            label: 'Row',
-                            settings: {
-                                layout: {
-                                    desktop: {
-                                        cols: [
-                                            12
-                                        ],
-                                        display: 'fill'
-                                    }
-                                }
-                            },
-                            styles: {
-                                verticalGutter: {
-                                    desktop: 'var(--g-s-2xl)'
-                                }
-                            },
-                            advanced: {
-                                'spacing-setting': {
-                                    padding: {
-                                        top: 'var(--g-s-s)',
-                                        left: 'var(--g-s-s)',
-                                        right: 'var(--g-s-s)',
-                                        bottom: 'var(--g-s-s)'
-                                    }
-                                },
-                                border: {
-                                    desktop: {
-                                        normal: {
-                                            border: 'none',
-                                            borderLabel: 'Style 1',
-                                            borderType: 'style-1',
-                                            color: 'line-1',
-                                            isCustom: false,
-                                            width: '1px 1px 1px 1px'
-                                        }
-                                    }
-                                },
-                                rounded: {
-                                    desktop: {
-                                        normal: {
-                                            bbtrr: '6px',
-                                            bblr: '6px',
-                                            bbrr: '6px',
-                                            btlr: '6px',
-                                            radiusType: 'medium'
-                                        }
-                                    }
-                                }
-                            },
-                            childrens: [
-                                {
-                                    tag: 'Col',
-                                    label: 'Block',
-                                    settings: {
-                                        fullHeight: true
-                                    },
-                                    styles: {
-                                        justifyContent: {
-                                            desktop: 'normal'
-                                        },
-                                        alignItem: {
-                                            desktop: 'normal'
-                                        },
-                                        order: {
-                                            desktop: 0
-                                        }
-                                    },
-                                    childrens: [
-                                        {
-                                            tag: 'ProductImagesV2',
-                                            label: 'Product Images',
-                                            settings: {
-                                                ftClickOpenLightBox: {
-                                                    desktop: 'product-link'
-                                                }
-                                            },
-                                            styles: {
-                                                position: {
-                                                    desktop: 'only-feature',
-                                                    mobile: 'only-feature'
-                                                }
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        },
-                                        {
-                                            tag: 'ProductTitle',
-                                            label: 'Product Title',
-                                            settings: {
-                                                htmlTag: 'h2'
-                                            },
-                                            styles: {
-                                                typo: {
-                                                    type: 'subheading-2'
-                                                },
-                                                textAlign: {
-                                                    desktop: 'left'
-                                                },
-                                                hasLineClamp: {
-                                                    desktop: true
-                                                },
-                                                lineClamp: {
-                                                    desktop: 2,
-                                                    mobile: 0
-                                                },
-                                                color: {
-                                                    normal: 'text-1'
-                                                },
-                                                hasTextShadow: {
-                                                    normal: false
-                                                },
-                                                textShadow: {
-                                                    normal: {
-                                                        type: 'shadow-1'
-                                                    }
-                                                },
-                                                transform: 'default'
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        },
-                                        {
-                                            tag: 'Row',
-                                            label: 'Row',
-                                            settings: {
-                                                layout: {
-                                                    desktop: {
-                                                        cols: [
-                                                            6,
-                                                            6
-                                                        ],
-                                                        display: 'fit'
-                                                    }
-                                                }
-                                            },
-                                            styles: {
-                                                verticalGutter: {
-                                                    desktop: '16px'
-                                                },
-                                                background: {
-                                                    desktop: {
-                                                        type: 'color',
-                                                        color: 'transparent',
-                                                        image: {
-                                                            src: '',
-                                                            width: 0,
-                                                            height: 0
-                                                        },
-                                                        size: 'cover',
-                                                        position: {
-                                                            x: 50,
-                                                            y: 50
-                                                        },
-                                                        repeat: 'no-repeat',
-                                                        attachment: 'scroll'
-                                                    }
-                                                },
-                                                fullWidth: {
-                                                    desktop: true
-                                                },
-                                                width: {
-                                                    desktop: '100%'
-                                                }
-                                            },
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            },
-                                            childrens: [
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    settings: {},
-                                                    styles: {
-                                                        justifyContent: {
-                                                            desktop: 'center'
-                                                        },
-                                                        alignItem: {
-                                                            desktop: 'normal'
-                                                        },
-                                                        order: {
-                                                            desktop: 0
-                                                        }
-                                                    },
-                                                    advanced: {},
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductPrice',
-                                                            label: 'Product Price',
-                                                            styles: {
-                                                                priceType: 'regular',
-                                                                typo: {
-                                                                    type: 'subheading-2'
-                                                                },
-                                                                color: {
-                                                                    normal: 'text-1'
-                                                                },
-                                                                lineColor: 'highlight',
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                },
-                                                                lineThrough: true,
-                                                                thickness: 1
-                                                            },
-                                                            advanced: {}
-                                                        }
-                                                    ]
-                                                },
-                                                {
-                                                    tag: 'Col',
-                                                    label: 'Block',
-                                                    settings: {},
-                                                    styles: {
-                                                        justifyContent: {
-                                                            desktop: 'center'
-                                                        },
-                                                        alignItem: {
-                                                            desktop: 'normal'
-                                                        },
-                                                        order: {
-                                                            desktop: 0
-                                                        }
-                                                    },
-                                                    advanced: {},
-                                                    childrens: [
-                                                        {
-                                                            tag: 'ProductPrice',
-                                                            label: 'Product Price',
-                                                            styles: {
-                                                                priceType: 'compare',
-                                                                typo: {
-                                                                    type: 'subheading-2'
-                                                                },
-                                                                color: {
-                                                                    normal: 'text-1'
-                                                                },
-                                                                lineColor: 'text-1',
-                                                                textAlign: {
-                                                                    desktop: 'left'
-                                                                },
-                                                                hasTextShadow: {
-                                                                    normal: false
-                                                                },
-                                                                textShadow: {
-                                                                    normal: {
-                                                                        type: 'shadow-1'
-                                                                    }
-                                                                },
-                                                                lineThrough: true,
-                                                                thickness: 1
-                                                            },
-                                                            advanced: {}
-                                                        }
-                                                    ]
-                                                }
-                                            ]
-                                        },
-                                        {
-                                            tag: 'ProductVariants',
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            }
-                                        },
-                                        {
-                                            tag: 'ProductButton',
-                                            label: 'Product Cart Button',
-                                            advanced: {
-                                                'spacing-setting': {
-                                                    desktop: {
-                                                        margin: {
-                                                            bottom: 'var(--g-s-l)'
-                                                        }
-                                                    }
-                                                }
-                                            },
-                                            settings: {
-                                                actionEffect: 'continue-shopping',
-                                                label: 'Add To cart',
-                                                outOfStockLabel: 'Out Of Stock',
-                                                successMessage: 'Add product to cart successfully',
-                                                errorMessage: 'Cannot add product to cart',
-                                                iconVisible: false,
-                                                iconSvg: `<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M448 128.001H362.667C362.667 69.1207 314.88 21.334 256 21.334C197.12 21.334 149.333 69.1207 149.333 128.001H64V469.334H448V128.001ZM256 64.0007C291.413 64.0007 320 92.5873 320 128.001H192C192 92.5873 220.587 64.0007 256 64.0007ZM256 277.334C197.12 277.334 149.333 229.547 149.333 170.667H192C192 206.081 220.587 234.667 256 234.667C291.413 234.667 320 206.081 320 170.667H362.667C362.667 229.547 314.88 277.334 256 277.334Z" /></svg>`,
-                                                iconAlign: 'left'
-                                            },
-                                            styles: {
-                                                globalSize: {
-                                                    desktop: {
-                                                        width: '100%'
-                                                    }
-                                                }
-                                            }
-                                        }
-                                    ]
-                                }
-                            ]
-                        }
-                    ]
-                }
-            ]
-        }
-    ],
-    locales: {
-        editor: {
-            en: {
-                product_not_found: 'Product Not Found!',
-                no_products_found: 'No products found!',
-                no_related_products: 'No related products!'
-            }
-        }
-    }
-};
-export { config as default };