@gem-sdk/components 2.5.5 → 2.6.0-staging.12

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

@@ -21,6 +21,7 @@ const Image = ({ styles, className, setting, builderAttrs, builderProps, style,
     };
     const imageWidth = shape ? core.makeStyleResponsive('w', core.getWidthByShapeGlobalSize(shape)) : core.makeStyleResponsive('w', core.makeWidth(styles?.width, styles?.fullWidth));
     const imageHeight = core.makeStyleResponsive('h', core.getHeightByShapeGlobalSize(shape));
+    const imageFlexGrowClass = core.getFlexGrowClassByShapeGlobalSize(shape);
     const overwriteDefaultRadius = (cornerRadius)=>{
         const radius = {
             ...cornerRadius
@@ -61,7 +62,9 @@ const Image = ({ styles, className, setting, builderAttrs, builderProps, style,
         "data-id": builderProps?.uid,
         onClick: onClick,
         role: "presentation",
-        className: core.cls('gp-group/image gp-relative', builderProps?.uid),
+        className: core.cls('gp-group/image gp-relative', builderProps?.uid, {
+            ...imageFlexGrowClass
+        }),
         style: {
             ...style,
             ...core.makeStyleResponsive('ta', styles?.align)

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

@@ -6,11 +6,20 @@ 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 } = setting ?? {};
+    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 { shape } = styles ?? {};
-    const { Wrap: WrapLink, urlData } = helpers.getInsertLinkData('div', imageLink);
     const overwriteDefaultRadius = (cornerRadius)=>{
         const radius = {
             ...cornerRadius
@@ -42,7 +51,7 @@ const Image = ({ styles, className, setting, builderAttrs, builderProps, style,
     >
       <${WrapLink}
         class="pointer-events-auto h-full gp-flex"
-        ${imageLink?.link ? {
+        ${shouldRenderLink ? {
         ...urlData,
         title: setting?.title
     } : {}}

package/dist/cjs/image/helpers/getSrcSet.js

@@ -34,7 +34,7 @@ const getSrcSetLink = (link)=>{
 // return `${link} 768w,${link} 1024w,${link} 1440w`;
 };
 const getImageSrc = (image, currentDevice)=>{
-    let src = image?.backupFilePath;
+    let src = image?.backupFilePath ?? image?.src;
     if (image?.backupFileKey) {
         const newBackupFileKey = getNewBackupFileKey(image.backupFileKey, image?.src ?? '');
         if (image.storage === 'THEME' || !image.storage) {
@@ -53,7 +53,7 @@ const getImageSrc = (image, currentDevice)=>{
                 break;
         }
     }
-    return src ?? image?.src;
+    return src;
 };
 const regexReplaceEndDot = /\.(?=[^.]*$)/;
 const replaceBackupFileKeyFileContent = (backupFileKey)=>{

package/dist/cjs/image/setting/Image.js

@@ -64,6 +64,17 @@ 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: 'seo',
                     type: 'group',
@@ -137,6 +148,15 @@ const config = {
                             displayOptions: [
                                 'full'
                             ]
+                        },
+                        height: {
+                            displayOptions: [
+                                'full'
+                            ],
+                            units: [
+                                'px',
+                                '%'
+                            ]
                         }
                     },
                     hiddenSettings: [
@@ -394,14 +414,37 @@ const config = {
             ]
         },
         {
-            type: 'control',
+            type: 'group',
             label: {
                 en: 'Insert link'
             },
-            setting: {
-                id: 'imageLink'
-            },
-            layout: 'vertical'
+            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: 'imageLink'
+                    }
+                }
+            ]
         },
         {
             type: 'group',
@@ -607,19 +650,19 @@ const config = {
                             }
                         },
                         borderRadius: {
-                            btrr: "999999px",
-                            bblr: "999999px",
-                            bbrr: "999999px",
-                            btlr: "999999px",
-                            radiusType: "custom"
+                            btrr: '999999px',
+                            bblr: '999999px',
+                            bbrr: '999999px',
+                            btlr: '999999px',
+                            radiusType: 'custom'
                         },
                         wrapperBorder: {
-                            borderType: "none",
-                            border: "none",
-                            width: "1px 1px 1px 1px",
-                            position: "all",
-                            borderWidth: "1px",
-                            color: "#000000",
+                            borderType: 'none',
+                            border: 'none',
+                            width: '1px 1px 1px 1px',
+                            position: 'all',
+                            borderWidth: '1px',
+                            color: '#000000',
                             isCustom: true
                         }
                     },
@@ -637,6 +680,163 @@ const config = {
                     }
                 }
             ]
+        },
+        {
+            id: 'image-pre-sales-page',
+            name: {
+                en: 'Image'
+            },
+            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"/>
+            <circle cx="37" cy="17" r="3" fill="#D6D6D6"/>
+            <path d="M32.42 30.9518L37.1407 25.1338C37.3005 24.9364 37.498 24.7768 37.7203 24.6653C37.9427 24.5538 38.1848 24.4929 38.431 24.4866C38.6772 24.4803 38.9218 24.5287 39.149 24.6287C39.3762 24.7288 39.5809 24.8781 39.7496 25.0671L41.957 27.5361L50.5857 16.6629C50.7546 16.4499 50.967 16.2797 51.2069 16.165C51.4469 16.0503 51.7083 15.9941 51.9718 16.0005C52.2352 16.0069 52.4939 16.0758 52.7285 16.202C52.9632 16.3283 53.1679 16.5086 53.3273 16.7297L63.6435 31.0236C63.8408 31.2976 63.9615 31.6242 63.9922 31.9666C64.0229 32.3089 63.9623 32.6535 63.8173 32.9616C63.6723 33.2697 63.4485 33.529 63.1712 33.7105C62.8939 33.8919 62.5741 33.9883 62.2476 33.9887L33.7537 34C33.4185 33.9999 33.0904 33.8986 32.8082 33.7082C32.526 33.5177 32.3014 33.2461 32.1611 32.9255C32.0208 32.6048 31.9706 32.2485 32.0165 31.8988C32.0624 31.549 32.2024 31.2204 32.42 30.9518Z" fill="#D6D6D6"/>
+            </svg>
+          `
+            },
+            components: [
+                {
+                    tag: 'Image',
+                    advanced: {
+                        'spacing-setting': {
+                            desktop: {
+                                margin: {
+                                    bottom: 'var(--g-s-l)'
+                                }
+                            }
+                        },
+                        editorData: {
+                            cssPlaceholder: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
+                        }
+                    },
+                    settings: {
+                        isGoToSalesPage: true
+                    }
+                }
+            ],
+            flowTagComponents: {
+                Marquee: [
+                    {
+                        tag: 'Image',
+                        styles: {
+                            shape: {
+                                desktop: {
+                                    width: 'auto',
+                                    height: 'auto'
+                                }
+                            },
+                            enableBorder: 'none'
+                        },
+                        advanced: {
+                            'spacing-setting': {
+                                desktop: {
+                                    margin: {
+                                        bottom: 'var(--g-s-l)'
+                                    }
+                                }
+                            },
+                            editorData: {
+                                rootClassName: '{{rootClassName}}',
+                                css: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
+                            }
+                        },
+                        settings: {
+                            isNotLazyload: true
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            id: 'image-circle-pre-sales-page',
+            name: {
+                en: 'Image'
+            },
+            icon: {
+                desktop: `
+          <svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <rect x="2" y="2" width="52" height="52" rx="26" fill="#424242"/>
+          <ellipse cx="20.4375" cy="22.9688" rx="2.0625" ry="1.96875" fill="#F9F9F9"/>
+          <path d="M17.2887 32.9997L20.5342 29.1816C20.6441 29.052 20.7799 28.9473 20.9327 28.8741C21.0856 28.8009 21.2521 28.761 21.4213 28.7568C21.5905 28.7527 21.7587 28.7845 21.915 28.8501C22.0712 28.9158 22.2118 29.0138 22.3278 29.1378L23.8454 30.758L29.7777 23.6225C29.8938 23.4827 30.0398 23.371 30.2048 23.2958C30.3697 23.2205 30.5495 23.1836 30.7306 23.1878C30.9117 23.192 31.0895 23.2372 31.2509 23.3201C31.4122 23.4029 31.5529 23.5213 31.6625 23.6663L38.7549 33.0467C38.8905 33.2266 38.9735 33.4409 38.9947 33.6656C39.0158 33.8902 38.9741 34.1164 38.8744 34.3186C38.7747 34.5207 38.6209 34.6909 38.4302 34.81C38.2396 34.9291 38.0197 34.9923 37.7952 34.9926L18.2057 35C17.9753 34.9999 17.7497 34.9334 17.5557 34.8085C17.3616 34.6835 17.2072 34.5053 17.1108 34.2948C17.0143 34.0844 16.9798 33.8506 17.0113 33.6211C17.0429 33.3915 17.1391 33.1759 17.2887 32.9997Z" fill="#F9F9F9"/>
+          </svg>
+          `
+            },
+            components: [
+                {
+                    tag: 'Image',
+                    settings: {
+                        imageStyle: 'circle',
+                        isGoToSalesPage: true
+                    },
+                    styles: {
+                        shape: {
+                            desktop: {
+                                shape: 'square',
+                                shapeValue: '1/1',
+                                width: '80px',
+                                shapeLinked: true
+                            }
+                        },
+                        borderRadius: {
+                            btrr: '999999px',
+                            bblr: '999999px',
+                            bbrr: '999999px',
+                            btlr: '999999px',
+                            radiusType: 'custom'
+                        },
+                        wrapperBorder: {
+                            borderType: 'none',
+                            border: 'none',
+                            width: '1px 1px 1px 1px',
+                            position: 'all',
+                            borderWidth: '1px',
+                            color: '#000000',
+                            isCustom: true
+                        }
+                    },
+                    advanced: {
+                        'spacing-setting': {
+                            desktop: {
+                                margin: {
+                                    bottom: 'var(--g-s-l)'
+                                }
+                            }
+                        },
+                        editorData: {
+                            cssplaceholder: '.{{rootClassName}} {\n\n}\n.{{rootClassName}} > figure > img {\n\n}'
+                        }
+                    }
+                }
+            ],
+            rootOverride: {
+                styles: {
+                    shape: {
+                        desktop: {
+                            shape: 'square',
+                            shapeValue: '1/1',
+                            width: '80px',
+                            shapeLinked: true
+                        }
+                    },
+                    borderRadius: {
+                        btrr: '999999px',
+                        bblr: '999999px',
+                        bbrr: '999999px',
+                        btlr: '999999px',
+                        radiusType: 'custom'
+                    }
+                },
+                advanced: {
+                    'spacing-setting': {
+                        desktop: {
+                            margin: {
+                                bottom: 0
+                            }
+                        }
+                    }
+                }
+            }
         }
     ],
     rootOverride: {

package/dist/cjs/text/setting/Text.js

@@ -150,7 +150,8 @@ const config = {
                     default: {
                         type: 'paragraph-1',
                         attrs: {
-                            color: 'text-1'
+                            color: 'text-1',
+                            isAlwaysLoadBold: false
                         }
                     },
                     ignoreReRender: true

package/dist/cjs/third-party/components/Trustoo.liquid.js

@@ -8,13 +8,17 @@ var thirdParty = require('../helpers/thirdParty.js');
 
 const Trustoo = ({ setting, advanced })=>{
     const { widgetType, align, version, appBlockId } = setting ?? {};
-    return version === 'v2' ? thirdParty.getLiquidForAppBlock(appBlockId, align, advanced?.cssClass) : core.template`
-    <div
-      class="${advanced?.cssClass}"
-      style="${{
-        ...core.makeStyleResponsive('ta', align)
-    }}"
-    >
+    const widgetTypeMap = {
+        'review-widget': '<div class="custom-vstar-review-widget" style="width:100%"></div>',
+        'star-rating-widget': '<div class="custom-vstar-rating-widget" data-product-id="{{product.id}}"></div>',
+        'text-carousel': '<div id="trustoo-text-carousel" style="display:block;max-width:1200px;margin:0 auto" data-type="block"></div>',
+        'barrage-carousel': '<div id="trustoo-barrage-carousel" style="display:block;max-width:1200px;margin:0 auto" data-type="block"></div>',
+        'card-carousel': '<div id="trustoo-card-carousel-widget" style="display:block;max-width:1200px;margin:0 auto"></div>',
+        'photo-carousel': '<div id="trustoo-photo-carousel" style="display:block;max-width:1200px;margin:0 auto" data-type="block"></div>'
+    };
+    const renderOldVersionTrustoo = ()=>{
+        return version === 'v2' ? thirdParty.getLiquidForAppBlock(appBlockId, align, advanced?.cssClass) : core.template`
+    <div>
       {% if '${widgetType}' == 'starRatingInList' %}
         {% if request.page_type != 'product' %}
           <div class="custom-vstar-rating-widget" product-id="{{ product.id }}"></div>
@@ -37,6 +41,19 @@ const Trustoo = ({ setting, advanced })=>{
       {% endif %}
     </div>
   `;
+    };
+    return !!version ? renderOldVersionTrustoo() : core.template`
+  <div
+    class="${advanced?.cssClass}"
+    style="${{
+        ...core.makeStyleResponsive('ta', align)
+    }}"
+  >
+    ${widgetType && widgetTypeMap?.[widgetType]}
+    <script ${helpers.getSettingPreloadData('class="gps-link" delay', 'src')}="https://cdn.vstar.app/static/dist/js/swiper-reviews.min.js" defer="defer"></script>
+    <link ${helpers.getSettingPreloadData('class="gps-link" delay', 'href')}="https://cdn.vstar.app/static/css/swiper-reviews.min.css" rel="stylesheet" type="text/css" media="all">
+  </div>
+  `;
 };
 
 exports.default = Trustoo;

package/dist/cjs/third-party/setting/Trustoo.js

@@ -65,76 +65,11 @@ const config = {
                     href: 'https://admin.shopify.com/?redirect=/apps/sealapps-product-review',
                     appName: Trustoo.default.label
                 },
-                {
-                    id: 'version',
-                    label: 'Choose version',
-                    type: 'select',
-                    default: 'v1',
-                    options: [
-                        {
-                            label: 'V1',
-                            value: 'v1'
-                        },
-                        {
-                            label: 'V2',
-                            value: 'v2'
-                        }
-                    ]
-                },
                 {
                     id: 'widgetType',
                     label: 'Choose widget',
                     type: 'select',
-                    default: 'starRating',
-                    options: [
-                        {
-                            label: 'Star Rating',
-                            value: 'starRating',
-                            hideOnPage: [
-                                'GP_ARTICLE',
-                                'GP_BLOG',
-                                'GP_COLLECTION',
-                                'GP_INDEX',
-                                'GP_STATIC'
-                            ],
-                            flowTag: [
-                                'Product'
-                            ],
-                            condition: 'or'
-                        },
-                        {
-                            label: 'Star Rating List',
-                            value: 'starRatingInList',
-                            hideOnPage: [
-                                'GP_ARTICLE',
-                                'GP_BLOG',
-                                'GP_COLLECTION',
-                                'GP_INDEX',
-                                'GP_STATIC'
-                            ],
-                            flowTag: [
-                                'ProductList'
-                            ],
-                            condition: 'or'
-                        },
-                        {
-                            label: 'Reviews',
-                            value: 'reviews',
-                            hideOnPage: [
-                                'GP_ARTICLE',
-                                'GP_BLOG',
-                                'GP_COLLECTION',
-                                'GP_INDEX',
-                                'GP_STATIC'
-                            ]
-                        }
-                    ]
-                },
-                {
-                    id: 'widgetTypeV2',
-                    label: 'Choose widget',
-                    type: 'select',
-                    default: 'barrage-carousel',
+                    default: 'star-rating-widget',
                     options: [
                         {
                             label: 'Testimonials',
@@ -150,33 +85,11 @@ const config = {
                         },
                         {
                             label: 'Review Widget',
-                            value: 'review-widget',
-                            hideOnPage: [
-                                'ARTICLE',
-                                'BLOG',
-                                'COLLECTION',
-                                'GP_ARTICLE',
-                                'GP_BLOG',
-                                'GP_COLLECTION',
-                                'GP_INDEX',
-                                'GP_STATIC',
-                                'STATIC'
-                            ]
+                            value: 'review-widget'
                         },
                         {
                             label: 'Star Rating Widget',
-                            value: 'star-rating-widget',
-                            hideOnPage: [
-                                'ARTICLE',
-                                'BLOG',
-                                'COLLECTION',
-                                'GP_ARTICLE',
-                                'GP_BLOG',
-                                'GP_COLLECTION',
-                                'GP_INDEX',
-                                'GP_STATIC',
-                                'STATIC'
-                            ]
+                            value: 'star-rating-widget'
                         },
                         {
                             label: 'Text Carousel',
@@ -226,15 +139,6 @@ const config = {
                 id: 'install'
             }
         },
-        {
-            type: 'control',
-            label: {
-                en: 'Choose version'
-            },
-            setting: {
-                id: 'version'
-            }
-        },
         {
             type: 'control',
             label: {
@@ -242,18 +146,7 @@ const config = {
             },
             setting: {
                 id: 'widgetType'
-            },
-            condition: 'version === "v1"'
-        },
-        {
-            type: 'control',
-            label: {
-                en: 'Choose widget'
-            },
-            setting: {
-                id: 'widgetTypeV2'
-            },
-            condition: 'version === "v2"'
+            }
         },
         {
             type: 'control',

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

@@ -9,9 +9,21 @@ import useAspectRatioSettings from './hooks/useAspectRatioSettings.js';
 import NextImage from '../../../image/components/NextImage.liquid.js';
 import { getImageSrc, DEVICES } from '../../../image/helpers/getSrcSet.js';
 import { createBlurDataURL } from '../../../image/components/helpers.js';
+import { HREF_TO_SALES_PAGE } from '../../../constants.js';
 
 const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage = true })=>{
-    const { link, layout, verticalAlign, order, alignBanner, alt, title } = setting ?? {};
+    const { link: rawLink, layout, verticalAlign, order, alignBanner, alt, title, isGoToSalesPage } = setting ?? {};
+    const link = isGoToSalesPage ? {
+        link: HREF_TO_SALES_PAGE,
+        target: '_self'
+    } : rawLink;
+    let { urlData } = getInsertLinkData('', link);
+    if (isGoToSalesPage) {
+        urlData = {
+            href: HREF_TO_SALES_PAGE,
+            target: '_self'
+        };
+    }
     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;
@@ -124,7 +136,6 @@ const HeroBanner = ({ builderAttrs, builderProps, setting, styles, style, childr
         }
         return;
     };
-    const { urlData } = getInsertLinkData('', link);
     const imagePlaceholder = {
         desktop: createBlurDataURL(srcSet?.desktop?.width ?? 0, srcSet?.desktop?.height ?? 0),
         tablet: createBlurDataURL(srcSet?.tablet?.width ?? srcSet?.desktop?.width ?? 0, srcSet?.tablet?.height ?? srcSet?.desktop?.width ?? 0),

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

@@ -1,8 +1,13 @@
 import { heroBanner1Col } from './presets/heroBanner1Col.js';
+import { heroBanner1ColPreSalesPage } from './presets/heroBanner1ColPreSalesPage.js';
 import { heroBannerContentLeft } from './presets/heroBannerContentLeft.js';
+import { heroBannerContentLeftPreSalesPage } from './presets/heroBannerContentLeftPreSalesPage.js';
 import { heroBannerContentRight } from './presets/heroBannerContentRight.js';
+import { heroBannerContentRightPreSalesPage } from './presets/heroBannerContentRightPreSalesPage.js';
 import { heroBannerVideo } from './presets/heroBannerVideo.js';
+import { heroBannerVideoPreSalesPage } from './presets/heroBannerVideoPreSalesPage.js';
 import { heroBannerParallax } from './presets/heroBannerParallax.js';
+import { heroBannerParallaxPreSalesPage } from './presets/heroBannerParallaxPreSalesPage.js';
 
 const config = {
     tag: 'HeroBanner',
@@ -192,6 +197,17 @@ 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',
@@ -1066,14 +1082,37 @@ const config = {
             ]
         },
         {
-            type: 'control',
+            type: 'group',
             label: {
                 en: 'Link'
             },
-            setting: {
-                id: 'link'
-            },
-            layout: 'vertical'
+            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'
+                    }
+                }
+            ]
         },
         {
             type: 'group',
@@ -1353,10 +1392,15 @@ const config = {
     ],
     presets: [
         heroBanner1Col,
+        heroBanner1ColPreSalesPage,
         heroBannerContentLeft,
+        heroBannerContentLeftPreSalesPage,
         heroBannerContentRight,
+        heroBannerContentRightPreSalesPage,
         heroBannerVideo,
-        heroBannerParallax
+        heroBannerVideoPreSalesPage,
+        heroBannerParallax,
+        heroBannerParallaxPreSalesPage
     ],
     editorConfigs: {
         slots: {