@gem-sdk/components 2.5.3-staging.3 → 2.5.3

package/dist/cjs/banner/components/hero-banner/index.liquid.js

@@ -13,21 +13,9 @@ var useAspectRatioSettings = require('./hooks/useAspectRatioSettings.js');
 var NextImage_liquid = require('../../../image/components/NextImage.liquid.js');
 var getSrcSet = require('../../../image/helpers/getSrcSet.js');
 var helpers$1 = require('../../../image/components/helpers.js');
-var constants = require('../../../constants.js');
 
 const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage = true })=>{
-    const { link: rawLink, layout, verticalAlign, order, alignBanner, alt, title, isGoToSalesPage } = setting ?? {};
-    const link = isGoToSalesPage ? {
-        link: constants.HREF_TO_SALES_PAGE,
-        target: '_self'
-    } : rawLink;
-    let { urlData } = helpers.getInsertLinkData('', link);
-    if (isGoToSalesPage) {
-        urlData = {
-            href: constants.HREF_TO_SALES_PAGE,
-            target: '_self'
-        };
-    }
+    const { link, layout, verticalAlign, order, alignBanner, alt, title } = setting ?? {};
     const { background, overlayEnable, overlayColor, overlayOpacity, verticalGutter, contentWidth, hoverEffect, hoverEffectDuration, hoverEffectScale, cornerBg, borderBg, hasActiveShadow, shadowBg, sizeSetting, contentPadding } = styles ?? {};
     const enableParallax = setting?.enableParallax || false;
     const speedParallax = Number(setting?.speedParallax) || 0;
@@ -140,6 +128,7 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
         }
         return;
     };
+    const { urlData } = helpers.getInsertLinkData('', link);
     const imagePlaceholder = {
         desktop: helpers$1.createBlurDataURL(srcSet?.desktop?.width ?? 0, srcSet?.desktop?.height ?? 0),
         tablet: helpers$1.createBlurDataURL(srcSet?.tablet?.width ?? srcSet?.desktop?.width ?? 0, srcSet?.tablet?.height ?? srcSet?.desktop?.width ?? 0),

package/dist/cjs/banner/setting/HeroBanner.js

@@ -3,15 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var heroBanner1Col = require('./presets/heroBanner1Col.js');
-var heroBanner1ColPreSalesPage = require('./presets/heroBanner1ColPreSalesPage.js');
 var heroBannerContentLeft = require('./presets/heroBannerContentLeft.js');
-var heroBannerContentLeftPreSalesPage = require('./presets/heroBannerContentLeftPreSalesPage.js');
 var heroBannerContentRight = require('./presets/heroBannerContentRight.js');
-var heroBannerContentRightPreSalesPage = require('./presets/heroBannerContentRightPreSalesPage.js');
 var heroBannerVideo = require('./presets/heroBannerVideo.js');
-var heroBannerVideoPreSalesPage = require('./presets/heroBannerVideoPreSalesPage.js');
 var heroBannerParallax = require('./presets/heroBannerParallax.js');
-var heroBannerParallaxPreSalesPage = require('./presets/heroBannerParallaxPreSalesPage.js');
 
 const config = {
     tag: 'HeroBanner',
@@ -201,17 +196,6 @@ const config = {
                     label: 'Preload',
                     default: false
                 },
-                {
-                    id: 'isGoToSalesPage',
-                    type: 'toggle',
-                    label: 'Go to Sales page',
-                    default: false
-                },
-                {
-                    id: 'linkedToPreSalesPageBanner',
-                    type: 'banner-pre-sales-page',
-                    default: false
-                },
                 {
                     id: 'link',
                     type: 'pick-link',
@@ -1086,37 +1070,14 @@ const config = {
             ]
         },
         {
-            type: 'group',
+            type: 'control',
             label: {
                 en: 'Link'
             },
-            controls: [
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'linkedToPreSalesPageBanner'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'isGoToSalesPage'
-                    },
-                    label: {
-                        en: 'Go to Sales page'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'isGoToSalesPage === false || pageType != "GP_PRE_SALE_PAGE"',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'link'
-                    }
-                }
-            ]
+            setting: {
+                id: 'link'
+            },
+            layout: 'vertical'
         },
         {
             type: 'group',
@@ -1396,15 +1357,10 @@ const config = {
     ],
     presets: [
         heroBanner1Col.heroBanner1Col,
-        heroBanner1ColPreSalesPage.heroBanner1ColPreSalesPage,
         heroBannerContentLeft.heroBannerContentLeft,
-        heroBannerContentLeftPreSalesPage.heroBannerContentLeftPreSalesPage,
         heroBannerContentRight.heroBannerContentRight,
-        heroBannerContentRightPreSalesPage.heroBannerContentRightPreSalesPage,
         heroBannerVideo.heroBannerVideo,
-        heroBannerVideoPreSalesPage.heroBannerVideoPreSalesPage,
-        heroBannerParallax.heroBannerParallax,
-        heroBannerParallaxPreSalesPage.heroBannerParallaxPreSalesPage
+        heroBannerParallax.heroBannerParallax
     ],
     editorConfigs: {
         slots: {

package/dist/cjs/button/components/Button.liquid.js

@@ -4,11 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@gem-sdk/core');
 var helpers = require('../../helpers.js');
-var constants = require('../../constants.js');
 
 const Button = ({ className, builderProps, customAttrs, pageContext, setting = {}, styles = {}, style, wrapClassName = '', advanced, nodePrice, dataId, isUseTranslatedValue = true })=>{
     const { align, size, backgroundColor, textColor, roundedBtn, iconSpacing, globalSize } = styles;
-    const { label, iconSvg, btnLink, htmlType, disabled, loading, iconAlign, iconVisible, translate, disabledLoading = true, isGoToSalesPage } = setting;
+    const { label, iconSvg, btnLink, htmlType, disabled, loading, iconAlign, iconVisible, translate, disabledLoading = true } = setting;
     const [wrapStyle, restStyle] = core.splitStyle([
         'pos',
         'top',
@@ -17,15 +16,7 @@ const Button = ({ className, builderProps, customAttrs, pageContext, setting = {
         'right',
         'z'
     ], style);
-    let { Wrap, urlData, shouldRenderLink } = helpers.getInsertLinkData('button', btnLink, htmlType);
-    if (isGoToSalesPage) {
-        Wrap = 'a';
-        urlData = {
-            href: constants.HREF_TO_SALES_PAGE,
-            target: '_self'
-        };
-        shouldRenderLink = true;
-    }
+    const { Wrap, urlData, shouldRenderLink } = helpers.getInsertLinkData('button', btnLink, htmlType);
     const spacingDefault = {
         desktop: '8px'
     };

package/dist/cjs/button/setting/Button.js

@@ -35,17 +35,6 @@ const config = {
                         target: '_self'
                     }
                 },
-                {
-                    id: 'isGoToSalesPage',
-                    type: 'toggle',
-                    label: 'Go to Sales page',
-                    default: false
-                },
-                {
-                    id: 'linkedToPreSalesPageBanner',
-                    type: 'banner-pre-sales-page',
-                    default: false
-                },
                 {
                     id: 'iconGroup',
                     type: 'group',
@@ -503,37 +492,14 @@ const config = {
             ]
         },
         {
-            type: 'group',
+            type: 'control',
             label: {
                 en: 'Insert link'
             },
-            controls: [
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'linkedToPreSalesPageBanner'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'isGoToSalesPage'
-                    },
-                    label: {
-                        en: 'Go to Sales page'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'isGoToSalesPage === false || pageType != "GP_PRE_SALE_PAGE"',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'btnLink'
-                    }
-                }
-            ]
+            layout: 'vertical',
+            setting: {
+                id: 'btnLink'
+            }
         },
         {
             type: 'group',
@@ -818,79 +784,6 @@ const config = {
                     }
                 }
             ]
-        },
-        {
-            id: 'button-pre-sales-page',
-            name: {
-                en: 'Button'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <rect x="21.5" y="20" width="53" height="8" rx="4" fill="#757575"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Button',
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 'var(--g-s-l)'
-                                }
-                            }
-                        },
-                        editorData: {
-                            cssPlaceholder: 'button.{{rootClassName}} {\n\n}'
-                        }
-                    },
-                    settings: {
-                        isGoToSalesPage: true
-                    }
-                }
-            ]
-        },
-        {
-            id: 'button-icon-pre-sales-page',
-            name: {
-                en: 'Button'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <rect width="96" height="48" rx="3" fill="#424242"/>
-          <path d="M23.6415 17.8126C23.7882 17.5153 24.2121 17.5153 24.3589 17.8126L26.1255 21.3922C26.1838 21.5102 26.2964 21.5921 26.4267 21.611L30.377 22.185C30.7051 22.2327 30.8361 22.6359 30.5987 22.8673L27.7402 25.6536C27.6459 25.7455 27.6029 25.8779 27.6252 26.0077L28.3 29.9421C28.356 30.2688 28.0131 30.518 27.7196 30.3638L24.1863 28.5062C24.0698 28.4449 23.9306 28.4449 23.814 28.5062L20.2807 30.3637C19.9873 30.518 19.6443 30.2688 19.7004 29.9421L20.3752 26.0077C20.3974 25.8779 20.3544 25.7455 20.2601 25.6536L17.4016 22.8673C17.1642 22.6359 17.2952 22.2327 17.6233 22.185L21.5737 21.611C21.7039 21.5921 21.8166 21.5102 21.8748 21.3922L23.6415 17.8126Z" fill="#F9F9F9"/>
-          <rect x="40" y="20" width="40" height="8" rx="4" fill="#757575"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Button',
-                    settings: {
-                        iconVisible: true,
-                        iconAlign: 'left',
-                        iconSvg: '<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg" className="w-6 h-6"  viewBox="0 0 512 512" fill="currentColor"> <path fill="currentColor" strokeLinecap="round" strokeLinejoin="round" fill="currentColor" d="M115.584 494.176c-12.352 6.336 -26.368 -4.768 -23.872 -18.944l26.56 -151.36L5.536 216.48c-10.528 -10.048 -5.056 -28.416 9.056 -30.4l156.736 -22.272L241.216 25.344c6.304 -12.48 23.36 -12.48 29.664 0l69.888 138.464 156.736 22.272c14.112 1.984 19.584 20.352 9.024 30.4l-112.704 107.392 26.56 151.36c2.496 14.176 -11.52 25.28 -23.872 18.944L256 421.984l-140.448 72.192z" /></svg>',
-                        isGoToSalesPage: true,
-                        enableBtnLink: true
-                    },
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 0
-                                }
-                            }
-                        },
-                        editorData: {
-                            cssPlaceholder: 'button.{{rootClassName}} {\n\n}'
-                        }
-                    }
-                }
-            ]
         }
     ],
     rootOverride: {

package/dist/cjs/icon/components/Icon.liquid.js

@@ -4,19 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var core = require('@gem-sdk/core');
 var helpers = require('../../helpers.js');
-var constants = require('../../constants.js');
 
 const Icon = ({ className, style, builderAttrs, builderProps, setting = {}, styles, advanced })=>{
-    const { iconSvg, iconLink, isGoToSalesPage } = setting;
+    const { iconSvg, iconLink } = setting;
     const { bgColor, color, iconBorder, align, iconRotate, spin, iconRounded, globalSize } = styles ?? {};
-    let { Wrap: WrapLink, urlData } = helpers.getInsertLinkData('div', iconLink);
-    if (isGoToSalesPage) {
-        WrapLink = 'a';
-        urlData = {
-            href: constants.HREF_TO_SALES_PAGE,
-            target: '_self'
-        };
-    }
+    const { Wrap: WrapLink, urlData } = helpers.getInsertLinkData('div', iconLink);
     const composeGlobalSize = core.makeGlobalSizeIcon(globalSize);
     const setRotateIcon = ()=>{
         if (spin) return 0;

package/dist/cjs/icon/setting/Icon.js

@@ -23,17 +23,6 @@ const config = {
                     default: `<svg height="20" width="20" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" fill="currentColor" data-id="508414815326568808">
           <path fill="currentColor" strokelinecap="round" strokelinejoin="round" d="M234.29,114.85l-45,38.83L203,211.75a16.4,16.4,0,0,1-24.5,17.82L128,198.49,77.47,229.57A16.4,16.4,0,0,1,53,211.75l13.76-58.07-45-38.83A16.46,16.46,0,0,1,31.08,86l59-4.76,22.76-55.08a16.36,16.36,0,0,1,30.27,0l22.75,55.08,59,4.76a16.46,16.46,0,0,1,9.37,28.86Z"></path></svg>`
                 },
-                {
-                    id: 'isGoToSalesPage',
-                    type: 'toggle',
-                    label: 'Go to Sales page',
-                    default: false
-                },
-                {
-                    id: 'linkedToPreSalesPageBanner',
-                    type: 'banner-pre-sales-page',
-                    default: false
-                },
                 {
                     id: 'iconLink',
                     type: 'pick-link',
@@ -245,37 +234,14 @@ const config = {
             ]
         },
         {
-            type: 'group',
+            type: 'control',
             label: {
                 en: 'Insert link'
             },
-            controls: [
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'linkedToPreSalesPageBanner'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'pageType == "GP_PRE_SALE_PAGE"',
-                    setting: {
-                        id: 'isGoToSalesPage'
-                    },
-                    label: {
-                        en: 'Go to Sales page'
-                    }
-                },
-                {
-                    type: 'control',
-                    condition: 'isGoToSalesPage === false || pageType != "GP_PRE_SALE_PAGE"',
-                    layout: 'vertical',
-                    setting: {
-                        id: 'iconLink'
-                    }
-                }
-            ]
+            layout: 'vertical',
+            setting: {
+                id: 'iconLink'
+            }
         },
         {
             type: 'group',
@@ -380,36 +346,6 @@ const config = {
                     }
                 }
             ]
-        },
-        {
-            id: 'icon-pre-sales-page',
-            name: {
-                en: 'Icon'
-            },
-            icon: {
-                desktop: `
-          <svg width="96" height="48" viewBox="0 0 96 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-          <path d="M47.283 7.62515C47.5764 7.03055 48.4243 7.03055 48.7177 7.62515L52.251 14.7844C52.3676 15.0205 52.5928 15.1842 52.8534 15.222L60.7541 16.3701C61.4102 16.4654 61.6722 17.2718 61.1974 17.7346L55.4804 23.3073C55.2919 23.4911 55.2059 23.7559 55.2504 24.0154L56.6 31.8842C56.7121 32.5377 56.0261 33.0361 55.4392 32.7275L48.3726 29.0124C48.1396 28.8899 47.8611 28.8898 47.6281 29.0124L40.5615 32.7275C39.9746 33.0361 39.2886 32.5377 39.4007 31.8842L40.7503 24.0154C40.7948 23.7559 40.7088 23.4911 40.5202 23.3073L34.8033 17.7346C34.3284 17.2718 34.5904 16.4654 35.2466 16.3701L43.1473 15.222C43.4079 15.1842 43.6331 15.0205 43.7497 14.7844L47.283 7.62515Z" fill="#D6D6D6"/>
-          </svg>
-        `
-            },
-            components: [
-                {
-                    tag: 'Icon',
-                    advanced: {
-                        'spacing-setting': {
-                            desktop: {
-                                margin: {
-                                    bottom: 0
-                                }
-                            }
-                        }
-                    },
-                    settings: {
-                        isGoToSalesPage: true
-                    }
-                }
-            ]
         }
     ],
     rootOverride: {

package/dist/cjs/image/components/Image.liquid.js

@@ -6,20 +6,11 @@ var core = require('@gem-sdk/core');
 var AdaptiveImage_liquid = require('./AdaptiveImage.liquid.js');
 var NextImage_liquid = require('./NextImage.liquid.js');
 var helpers = require('../../helpers.js');
-var constants = require('../../constants.js');
 
 const Image = ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyloadImage = true })=>{
-    const { imageLink, isNotLazyload, isGoToSalesPage } = setting ?? {};
-    let { Wrap: WrapLink, urlData, shouldRenderLink } = helpers.getInsertLinkData('div', imageLink);
-    if (isGoToSalesPage) {
-        WrapLink = 'a';
-        urlData = {
-            href: constants.HREF_TO_SALES_PAGE,
-            target: '_self'
-        };
-        shouldRenderLink = true;
-    }
+    const { imageLink, isNotLazyload } = setting ?? {};
     const { shape } = styles ?? {};
+    const { Wrap: WrapLink, urlData } = helpers.getInsertLinkData('div', imageLink);
     const overwriteDefaultRadius = (cornerRadius)=>{
         const radius = {
             ...cornerRadius
@@ -51,7 +42,7 @@ const Image = ({ styles, className, setting, builderAttrs, builderProps, style,
     >
       <${WrapLink}
         class="pointer-events-auto h-full gp-flex"
-        ${shouldRenderLink ? {
+        ${imageLink?.link ? {
         ...urlData,
         title: setting?.title
     } : {}}