@gem-sdk/components 2.1.43 → 2.2.0-staging.29

package/dist/esm/third-party/components/Releasit.liquid.js

@@ -1,8 +1,10 @@
+import { getLiquidForAppBlock } from '../helpers/thirdParty.js';
 import { template, makeStyleResponsive } from '@gem-sdk/core';
 
 const Releasit = ({ setting, advanced })=>{
-    const { align } = setting ?? {};
-    return template`
+    const { align, version, appBlockId } = setting ?? {};
+    console.log('version', version);
+    return version === 'v2' ? getLiquidForAppBlock(appBlockId, align, `${advanced?.cssClass ?? ''}!gp-block`) : template`
     <div
       class="${advanced?.cssClass}"
       style="${{

package/dist/esm/third-party/configs/AppstleBundlesDiscounts.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'appstle-bundles-discounts',
+    label: 'Appstle Bundles & Discounts',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/855ee74552c1cca133c12a4364890912/icon/CO69r8mp0oQDEAE=.png',
+    tag: 'AppstleBundlesDiscounts'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/configs/BoldProductOptions.js

@@ -1,7 +1,7 @@
 var BoldProductOptionsConfig = {
     id: 'bold-product-options',
-    label: 'Bold Product Options',
-    logoUrl: 'https://ucarecdn.com/cae13b55-18b6-416a-a447-c18211d78cfe/-/format/auto/-/preview/3000x3000/-/quality/lighter/Bold%20Product%20Options.png',
+    label: 'SC Product Options',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/9a0bf1159f79c6ab0660ec422f350445/icon/CP2Uwo_GuYIDEAE=.png',
     tag: 'BoldProductOptions'
 };
 

package/dist/esm/third-party/configs/EcoboostifyShoppableReelUgc.js

@@ -1,7 +1,7 @@
 var AppConfig = {
     id: 'ecoboostify-shoppable-reel-ugc',
     label: 'EcoBoostify Shoppable Reel UGC',
-    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/COuT9MaKvosDEAE=.png',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png',
     tag: 'EcoboostifyShoppableReelUgc'
 };
 

package/dist/esm/third-party/configs/EcomsendBackInStockAlert.js

@@ -0,0 +1,8 @@
+var AppConfig = {
+    id: 'ecomsend-back-in-stock-alert',
+    label: 'EcomSend Back in Stock Alert',
+    logoUrl: 'https://cdn.shopify.com/app-store/listing_images/d4d2bcc6f71dda4f30b09bd429b37065/icon/CLeo2LeKhIsDEAE=.png',
+    tag: 'EcomsendBackInStockAlert'
+};
+
+export { AppConfig as default };

package/dist/esm/third-party/next.js

@@ -2,6 +2,14 @@ import dynamic from 'next/dynamic';
 import Loading from '../common/components/Loading.js';
 import 'react/jsx-runtime';
 
+const EcomsendBackInStockAlert = dynamic(()=>import('./components/EcomsendBackInStockAlert.js'), {
+    ssr: false,
+    loading: Loading
+});
+const AppstleBundlesDiscounts = dynamic(()=>import('./components/AppstleBundlesDiscounts.js'), {
+    ssr: false,
+    loading: Loading
+});
 const EstimatedDeliveryDatePlus = dynamic(()=>import('./components/EstimatedDeliveryDatePlus.js'), {
     ssr: false,
     loading: Loading
@@ -459,6 +467,8 @@ const EcoboostifyShoppableReelUgc = dynamic(()=>import('./components/Ecoboostify
     loading: Loading
 });
 var thirdParty = {
+    EcomsendBackInStockAlert,
+    AppstleBundlesDiscounts,
     EcoboostifyShoppableReelUgc,
     EstimatedDeliveryDatePlus,
     OkendoReviewsLoyalty,

package/dist/esm/third-party/setting/AppstleBundlesDiscounts.js

@@ -0,0 +1,142 @@
+import AppConfig from '../configs/AppstleBundlesDiscounts.js';
+
+const config = {
+    tag: AppConfig.tag,
+    label: AppConfig.label,
+    icon: '<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/855ee74552c1cca133c12a4364890912/icon/CO69r8mp0oQDEAE=.png">',
+    editorConfigs: {
+        placeholder: {
+            flowTag: [
+                'Product'
+            ]
+        },
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AppConfig.id,
+            name: {
+                en: AppConfig.label
+            },
+            hideTextContent: true,
+            icon: {
+                desktop: `<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/855ee74552c1cca133c12a4364890912/icon/CO69r8mp0oQDEAE=.png">
+        <span class="preset-item-title">Appstle℠ Bundles & Discounts</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Classic Bundle',
+                            value: 'appstle-classic-bundle'
+                        },
+                        {
+                            label: 'Dynamic Bundle',
+                            value: 'appstle-bundle-product-page-build-a-box'
+                        }
+                    ],
+                    default: 'appstle-classic-bundle'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/appstle-bundles?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: '',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'align',
+                    label: 'Alignment',
+                    type: 'segment',
+                    options: [
+                        {
+                            label: 'Left',
+                            value: 'left',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Center',
+                            value: 'center',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Right',
+                            value: 'right',
+                            type: 'align'
+                        }
+                    ],
+                    devices: {
+                        desktop: {
+                            default: 'left'
+                        }
+                    }
+                }
+            ]
+        }
+    ],
+    ui: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Choose widget'
+            },
+            setting: {
+                id: 'widgetType'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };

package/dist/esm/third-party/setting/EcoboostifyShoppableReelUgc.js

@@ -3,7 +3,7 @@ import AppConfig from '../configs/EcoboostifyShoppableReelUgc.js';
 const config = {
     tag: AppConfig.tag,
     label: AppConfig.label,
-    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/COuT9MaKvosDEAE=.png">',
+    icon: '<img class="gp-w-6 gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">',
     editorConfigs: {
         component: {
             isThirdParty: true
@@ -18,7 +18,7 @@ const config = {
             hideTextContent: true,
             icon: {
                 desktop: `<div class="w-full flex flex-col items-center">
-        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/COuT9MaKvosDEAE=.png">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/cdbdfc53291cf8d2908e72deae77f94e/icon/CJWKq4vxxIkDEAE=.png">
         <span class="preset-item-title">EcoBoostify Shoppable Reel UGC</span>
       </div>`
             },

package/dist/esm/third-party/setting/EcomsendBackInStockAlert.js

@@ -0,0 +1,124 @@
+import AppConfig from '../configs/EcomsendBackInStockAlert.js';
+
+const config = {
+    tag: AppConfig.tag,
+    label: AppConfig.label,
+    icon: '<img class="gp-w-[24px] gp-border gp-border-[#494949] gp-rounded-[3px]" src="https://cdn.shopify.com/app-store/listing_images/d4d2bcc6f71dda4f30b09bd429b37065/icon/CLeo2LeKhIsDEAE=.png">',
+    editorConfigs: {
+        placeholder: {
+            flowTag: [
+                'Product'
+            ]
+        },
+        component: {
+            isThirdParty: true
+        }
+    },
+    presets: [
+        {
+            id: AppConfig.id,
+            name: {
+                en: AppConfig.label
+            },
+            hideTextContent: true,
+            icon: {
+                desktop: `<div class="w-full flex flex-col items-center">
+        <img class="w-24 border border-dark-200 rounded-medium" src="https://cdn.shopify.com/app-store/listing_images/d4d2bcc6f71dda4f30b09bd429b37065/icon/CLeo2LeKhIsDEAE=.png">
+        <span class="preset-item-title">EcomSend Back in Stock Alert</span>
+      </div>`
+            },
+            components: [
+                {
+                    tag: AppConfig.tag
+                }
+            ]
+        }
+    ],
+    settings: [
+        {
+            id: 'setting',
+            controls: [
+                {
+                    id: 'widgetType',
+                    label: 'Choose widget',
+                    type: 'select',
+                    options: [
+                        {
+                            label: 'Product Restore Email',
+                            value: 'product-restore-email'
+                        }
+                    ],
+                    default: 'product-restore-email'
+                },
+                {
+                    id: 'install',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'install',
+                    href: 'https://apps.shopify.com/email-1?utm_source=gempages',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'openApp',
+                    type: 'open-link',
+                    target: '_blank',
+                    linkType: 'openApp',
+                    href: '',
+                    appName: AppConfig.label
+                },
+                {
+                    id: 'align',
+                    label: 'Alignment',
+                    type: 'segment',
+                    options: [
+                        {
+                            label: 'Left',
+                            value: 'left',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Center',
+                            value: 'center',
+                            type: 'align'
+                        },
+                        {
+                            label: 'Right',
+                            value: 'right',
+                            type: 'align'
+                        }
+                    ],
+                    devices: {
+                        desktop: {
+                            default: 'left'
+                        }
+                    }
+                }
+            ]
+        }
+    ],
+    ui: [
+        {
+            type: 'control',
+            setting: {
+                id: 'install'
+            }
+        },
+        {
+            type: 'control',
+            setting: {
+                id: 'openApp'
+            }
+        },
+        {
+            type: 'control',
+            label: {
+                en: 'Align'
+            },
+            setting: {
+                id: 'align'
+            }
+        }
+    ]
+};
+
+export { config as default };

package/dist/esm/third-party/setting/Releasit.js

@@ -7,6 +7,11 @@ const config = {
     editorConfigs: {
         component: {
             isThirdParty: true
+        },
+        placeholder: {
+            flowTag: [
+                'Product'
+            ]
         }
     },
     presets: [
@@ -35,6 +40,16 @@ const config = {
         {
             id: 'setting',
             controls: [
+                {
+                    id: 'appBlockId',
+                    type: 'input',
+                    default: ''
+                },
+                {
+                    id: 'productHandle',
+                    type: 'input',
+                    default: ''
+                },
                 {
                     id: 'install',
                     type: 'open-link',
@@ -51,6 +66,38 @@ const config = {
                     href: 'https://admin.shopify.com/?redirect=/apps/releasit-cod-order-form',
                     appName: ReleasitConfig.label
                 },
+                {
+                    id: 'version',
+                    label: 'Choose version',
+                    type: 'select',
+                    default: 'v1',
+                    options: [
+                        {
+                            label: 'V1',
+                            value: 'v1'
+                        },
+                        {
+                            label: 'V2',
+                            value: 'v2'
+                        }
+                    ]
+                },
+                {
+                    id: 'widgetTypeV2',
+                    label: 'Choose widget',
+                    type: 'select',
+                    default: 'button-app-block',
+                    options: [
+                        {
+                            label: 'Releasit button',
+                            value: 'button-app-block'
+                        },
+                        {
+                            label: 'Releasit embedded form',
+                            value: 'form-app-block'
+                        }
+                    ]
+                },
                 {
                     id: 'align',
                     label: 'Alignment',
@@ -91,12 +138,22 @@ const config = {
         {
             type: 'control',
             label: {
-                en: 'Choose widget'
+                en: 'Choose version'
             },
             setting: {
-                id: 'widgetType'
+                id: 'version'
             }
         },
+        {
+            type: 'control',
+            label: {
+                en: 'Choose widget'
+            },
+            setting: {
+                id: 'widgetTypeV2'
+            },
+            condition: 'version === "v2"'
+        },
         {
             type: 'control',
             setting: {

package/dist/esm/third-party/setting/index.js

@@ -112,6 +112,8 @@ import config$1K from './BfSizeChartSizeGuide.js';
 import config$1L from './AlsoBoughtCbb.js';
 import config$1M from './HextomFreeShippingBar.js';
 import config$1N from './EcoboostifyShoppableReelUgc.js';
+import config$1O from './EcomsendBackInStockAlert.js';
+import config$1P from './AppstleBundlesDiscounts.js';
 
 var index = {
     HextomCountdownTimerBar: config,
@@ -227,7 +229,9 @@ var index = {
     BfSizeChartSizeGuide: config$1K,
     AlsoBoughtCbb: config$1L,
     HextomFreeShippingBar: config$1M,
-    EcoboostifyShoppableReelUgc: config$1N
+    EcoboostifyShoppableReelUgc: config$1N,
+    EcomsendBackInStockAlert: config$1O,
+    AppstleBundlesDiscounts: config$1P
 };
 
 export { index as default };

package/dist/esm/video/components/HTML5Embed.js

@@ -47,14 +47,14 @@ const HTML5Embed = (props)=>{
             }),
             props.thumbnail && showThumbnail && /*#__PURE__*/ jsxs("div", {
                 role: "presentation",
-                className: "gp-absolute gp-top-0 gp-left-0  gp-w-full",
+                className: "gp-absolute gp-top-0 gp-left-0  gp-w-full gp-h-full",
                 onClick: playVideoAndTurnOffThumbnail,
                 style: props.style,
                 children: [
                     /*#__PURE__*/ jsx("img", {
                         id: "video-thumbnail",
                         src: props.thumbnail,
-                        className: "gp-w-full gp-h-full gp-object-cover gp-thumbnail-video",
+                        className: "gp-w-full gp-h-full gp-object-contain gp-thumbnail-video",
                         alt: "Video Thumbnail"
                     }),
                     /*#__PURE__*/ jsx("button", {

package/dist/esm/video/components/HTML5Embed.liquid.js

@@ -3,6 +3,7 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { getSettingPreloadData } from '../../helpers.js';
 
 const HTML5Embed = (props)=>{
+    const { enableLazyLoadImage, pageContext } = props;
     const videoId = `gp-video-${props.uid}`;
     const preloadThumbnail = props.autoplay && props.thumbnail;
     const offLazyVideo = !props.lazy && props.isVideoComponent;
@@ -19,7 +20,9 @@ const HTML5Embed = (props)=>{
                 '--op': 0,
                 '--z': -1,
                 display: 'none'
-            }
+            },
+            enableLazyLoadImage,
+            pageContext
         })}
     ${RenderIf(props.autoplay, `<script>
         document.addEventListener("DOMContentLoaded", (event) => {
@@ -68,14 +71,14 @@ const HTML5Embed = (props)=>{
   </video>
     <div
           style="${props.style}"
-           class="${cls('gp-absolute gp-top-0 gp-left-0  gp-w-full gp-thumbnail-video', {
+           class="${cls('gp-absolute gp-top-0 gp-left-0  gp-w-full gp-h-full gp-thumbnail-video', {
         'gp-hidden': !props.thumbnail || props.autoplay
     })}"
         >
           <img
             id="video-thumbnail"
             src="${props.thumbnail ?? ''}"
-            class="gp-w-full gp-h-full gp-object-cover"
+            class="gp-w-full gp-h-full gp-object-contain"
             alt="Video Thumbnail"
           ></img>
           <button

package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js

@@ -3,7 +3,7 @@ import NextImage from '../../image/components/NextImage.liquid.js';
 import { getSettingPreloadData } from '../../helpers.js';
 
 const LiteYouTubeEmbed = (props)=>{
-    const { style, lazy, preload } = props;
+    const { style, lazy, preload, enableLazyLoadImage, pageContext } = props;
     const videoUid = `gp-video-${props.uid}`;
     const videoId = encodeURIComponent(props.id);
     const videoTitle = props.title;
@@ -38,7 +38,7 @@ const LiteYouTubeEmbed = (props)=>{
         data-title="${videoTitle}"
         style="${{
         ...makeStyleResponsive('bgi', {
-            desktop: preload ? `url('${posterUrl}')` : `url('${imagePlaceholder}')`
+            desktop: preload || !enableLazyLoadImage ? `url('${posterUrl}')` : `url('${imagePlaceholder}')`
         }),
         ...style
     }}"
@@ -48,7 +48,9 @@ const LiteYouTubeEmbed = (props)=>{
         src: posterUrl,
         alt: 'Poster',
         className: `gp-invisible gp-w-full gp-h-full gp_lazyforbg`,
-        isDisableAspectStyle: true
+        isDisableAspectStyle: true,
+        enableLazyLoadImage,
+        pageContext
     })}
         <button
           type="button"