@gem-sdk/core 1.53.0-dev.14 → 1.53.0-dev.146

package/dist/esm/helpers/animations.js

@@ -51,10 +51,16 @@ const animations = ()=>{
             'left',
             'right'
         ].includes(direction ?? '') ? 'X' : 'Y';
-        const isNeg = [
+        let isNeg = [
             'left',
             'down'
         ].includes(direction ?? '') ? '-' : '';
+        if (reverse) {
+            isNeg = [
+                'left',
+                'down'
+            ].includes(direction ?? '') ? '' : '-';
+        }
         const preset = [
             {
                 opacity: 0,
@@ -124,7 +130,10 @@ const animations = ()=>{
                 opacity: 1
             }
         ];
-        const zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
+        let zoomPreset = zoomDirection === 'in' ? zoomInPreset : zoomOutPreset;
+        if (reverse) {
+            zoomPreset = zoomDirection === 'in' ? zoomOutPreset : zoomInPreset;
+        }
         return generateAnimationInstance(target, reverse ? zoomPreset.reverse() : zoomPreset, {
             ...generateOptions(normalizedOptions, 700)
         });

package/dist/esm/helpers/background.js

@@ -11,7 +11,9 @@ const getStyleBackgroundByDevice = (background, options)=>{
             ...getStyleBgColor(background)
         } : {},
         ...!options?.ignoreBackgroundImage ? {
-            ...getStyleBgImage(background, options),
+            ...getStyleBgImage(background, options)
+        } : {},
+        ...!options?.ignoreBackgroundImageProperties ? {
             ...getStyleBgPosition(background),
             ...getStyleBgSize(background),
             ...getStyleBgRepeat(background)
@@ -72,6 +74,9 @@ const getBgImageByDevice = (background, device, options)=>{
     if (typeof imageByDevice === 'string') {
         return `url(${imageByDevice})`;
     }
+    if (imageByDevice !== undefined) {
+        return 'none';
+    }
 };
 const getStyleBgPosition = (background)=>{
     const bgPosition = {

package/dist/esm/helpers/convert.js

@@ -1,4 +1,4 @@
-const isLocalEnv = true;
+const isLocalEnv = process.env.NEXT_CONVERT_ENV === 'local';
 const baseAssetURL = process.env.GP_BASE_ASSET_URL || 'https://d3kbi0je7pp4lw.cloudfront.net';
 
 export { baseAssetURL, isLocalEnv };

package/dist/esm/helpers/interaction/index.js

@@ -1,6 +1,6 @@
+import { useRef } from 'react';
 import 'react/jsx-runtime';
 import 'zustand';
-import 'react';
 import 'swr';
 import { usePageStore } from '../../contexts/PageContext.js';
 import '@gem-sdk/adapter-shopify';
@@ -15,9 +15,17 @@ import 'dayjs';
 import '../convert.js';
 
 const useInteraction = ()=>{
+    const ref = useRef(null);
     const setInteractionIsSelectOnPage = usePageStore((s)=>s.setInteractionIsSelectOnPage);
+    function findElementIncludingSelf(element, selector) {
+        if (!(element instanceof Document) && element?.matches(selector)) {
+            return element;
+        } else {
+            return element?.querySelector(selector);
+        }
+    }
     const onListener = ({ event, selector }, callback)=>{
-        const element = document.querySelector(selector);
+        const element = findElementIncludingSelf(ref.current || document, selector);
         if (!element) return;
         element.addEventListener(event, (e)=>{
             const event = e;
@@ -25,8 +33,8 @@ const useInteraction = ()=>{
             if (callback) callback(params);
         });
     };
-    const trigger = ({ event, data, selector })=>{
-        const element = document.querySelector(selector);
+    const trigger = ({ event, data, selector, element: elementParam })=>{
+        const element = elementParam || document.querySelector(selector);
         if (!element) return;
         const eventDispatch = new CustomEvent(event, {
             bubbles: false,
@@ -45,6 +53,14 @@ const useInteraction = ()=>{
             [key]: value
         }));
     };
+    const getInteractionPreviousData = (element, key)=>{
+        const interactionData = element.getAttribute('gp-data-interaction');
+        const interactionDataJson = JSON.parse(interactionData || '{}');
+        return {
+            previousData: interactionDataJson[key],
+            interactionDataJson
+        };
+    };
     const closeSelectOnPage = ()=>{
         setInteractionIsSelectOnPage(false);
         const event = new CustomEvent('editor:interaction:change-select-on-page', {
@@ -57,7 +73,10 @@ const useInteraction = ()=>{
         onListener,
         trigger,
         saveToElementInteractionData,
-        closeSelectOnPage
+        closeSelectOnPage,
+        ref,
+        findElementIncludingSelf,
+        getInteractionPreviousData
     };
 };
 

package/dist/esm/helpers/radius.js

@@ -25,7 +25,14 @@ const getRadiusCSSFromGlobal = (state, key, device)=>{
     };
 };
 const getCustomRadius = (state, radius, device)=>{
-    if (!radius || !state || radius?.radiusType !== 'custom') return {};
+    const list = [
+        'custom',
+        'pill',
+        'rounded',
+        'single',
+        'none'
+    ];
+    if (!radius || !state || !list.includes(radius?.radiusType ?? '')) return {};
     const suffix = device && device !== 'desktop' ? devicesMapping?.[device] : '';
     const mState = stateMapping?.[state];
     return {
@@ -60,6 +67,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('normal', radiusValue.normal, device));
             break;
     }
@@ -72,6 +80,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('hover', radiusValue.hover, device));
             break;
     }
@@ -84,6 +93,7 @@ const composeRadiusState = (radiusValue, device)=>{
         case 'circle':
         case 'none':
         case 'custom':
+        case 'rounded':
             Object.assign(style, getCustomRadius('focus', radiusValue.focus, device));
             break;
     }

package/dist/esm/helpers/third-party/appConfig.js

@@ -112,5 +112,41 @@ const YotpoReviewsV3UgcConfig = {
         appId: 'eb7dfd7d-db44-4334-bc49-c893b51b36cf'
     }
 };
+const WhatmoreShoppableVideosreelConfig = {
+    WhatmoreShoppableVideosreel: {
+        appName: 'whatmore-shoppable-videos',
+        appId: '20db8a72-315a-4364-8885-64219ee48303'
+    }
+};
+const ProductOptionsCustomizerConfig = {
+    ProductOptionsCustomizer: {
+        appName: 'product-options-customizer',
+        appId: '6857ca6c-35eb-4b6f-9d58-a039f31d9406'
+    }
+};
+const AppointmentBookingCowlendarConfig = {
+    AppointmentBookingCowlendar: {
+        appName: 'cowlendar-booking',
+        appId: '6d8b8f6a-9b3c-42b8-b2e6-a758c38d45bf'
+    }
+};
+const SproutPlantTreesGrowSalesConfig = {
+    SproutPlantTreesGrowSales: {
+        appName: 'sprout-plant-trees',
+        appId: '7db5ee24-2195-4099-b98e-1547c600e4aa'
+    }
+};
+const InstasellShoppableInstagramConfig = {
+    InstasellShoppableInstagram: {
+        appName: 'instasell-instagram-gallery',
+        appId: '38d643ac-410a-4b2c-a727-6125ff08e444'
+    }
+};
+const BoldSubscriptionsConfig = {
+    BoldSubscriptions: {
+        appName: 'bold-subscriptions',
+        appId: '9ceb49f0-5fe5-4b5e-943d-f8af8985167d'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, YotpoReviewsV3UgcConfig };
+export { AppointmentBookingCowlendarConfig, BoldSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, FlyBundlesUpsellsFbtConfig, InstasellShoppableInstagramConfig, JunipProductReviewsUgcConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PreorderNowPreOrderPqConfig, PreorderNowWodPresaleConfig, ProductOptionsCustomizerConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SproutPlantTreesGrowSalesConfig, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig, WhatmoreShoppableVideosreelConfig, YotpoReviewsV3UgcConfig };

package/dist/esm/helpers/third-party/appSetting.js

@@ -93,6 +93,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'WhatmoreShoppableVideosreel':
+            {
+                return {
+                    ...currentSetting,
+                    ['show-views']: appSetting?.showViews
+                };
+            }
         default:
             return currentSetting;
     }
@@ -212,7 +219,142 @@ const YotpoReviews = {
         }
     }
 };
+const WhatmoreShoppableVideosreel = {
+    WhatmoreShoppableVideosreel: {
+        'app-block': {
+            heading: 'Watch and Buy',
+            'template-type': 'template-f',
+            'show-views': 'show',
+            'ui-theme': 'round',
+            'color-primary': '#343434',
+            'color-secondary': '#343434',
+            'title-font': 'poppins_n4',
+            'primary-font': 'poppins_n4',
+            'title-font-size': 40,
+            'title-font-size-portrait': 24,
+            'landscape-padding': 40,
+            'top-bottom-padding': 20,
+            'scroll-video-tile-size': 80,
+            'scroll-video-tile-size-portrait': 80,
+            'min-height': 380
+        },
+        'app-block-banner': {
+            'template-type': 'template-banner-a',
+            'ui-theme': 'round',
+            'banner-video-tile-size': 80
+        },
+        'app-block-collections': {
+            collectionHeading: 'W',
+            'template-type': 'template-collections-b',
+            'ui-theme': 'round',
+            'color-secondary': '#343434',
+            'primary-font': 'poppins_n4',
+            'tile-size': 60,
+            'tile-size-portrait': 60,
+            'min-height': 250
+        },
+        'app-block-stories': {
+            'template-type': 'template-stories-a',
+            'ui-theme': 'round',
+            'color-primary': '#343434',
+            'color-secondary': '#343434',
+            'primary-font': 'poppins_n4',
+            'stories-top-bottom-padding': 0,
+            'story-tile-size': 40,
+            'story-tile-size-desktop': 40
+        }
+    }
+};
+const ProductOptionsCustomizer = {
+    ProductOptionsCustomizer: {
+        'product-page-customizer': {
+            pc_container_size: 100,
+            pc_show_options_total: 'initial',
+            pc_customizations_total_text: 'Customizations Total:',
+            pc_show_preloader: 'hide',
+            pc_preloader_color: '',
+            pc_ignore_redirect_command: true,
+            pc_basic_label_text_color: '#000000',
+            pc_basic_label_font_size: 14,
+            pc_basic_label_bolden: 'unset',
+            pc_basic_label_space_above: 0,
+            pc_basic_option_background_color: '#FFFFFF',
+            pc_basic_option_text_color: '#000000',
+            pc_basic_option_border_color: '#000000',
+            pc_basic_option_border_style: 'solid',
+            pc_basic_option_border_width: 1,
+            pc_basic_option_curve_the_corners: 'none',
+            pc_basic_option_font_size: 14,
+            pc_basic_option_bolden: 'none',
+            pc_basic_option_width: 100,
+            pc_basic_option_space_above: 0,
+            pc_basic_option_space_below: 0,
+            pc_basic_option_space_inside: 10,
+            pc_advanced_custom_css: '',
+            pc_advanced_custom_js: '',
+            pc_show_image_swatch_preview: false
+        }
+    }
+};
+const AppointmentBookingCowlendar = {
+    AppointmentBookingCowlendar: {
+        'app-section': {
+            section_title: 'Services list',
+            section_type: 'services-list'
+        }
+    }
+};
+const SproutPlantTreesGrowSales = {
+    SproutPlantTreesGrowSales: {
+        badge: null,
+        'impact-banner': null
+    }
+};
+const InstasellShoppableInstagram = {
+    InstasellShoppableInstagram: {
+        'app-block': {
+            heading: 'InstaSell: Instagram Gallery+',
+            description: 'Showcase your Instagram Feed on your Shopify Storefront'
+        }
+    }
+};
+const BoldSubscriptions = {
+    BoldSubscriptions: {
+        'bsub-widget-block': {
+            default_subscribe: true,
+            primary_color: '#3b63ff',
+            secondary_color: '#7dba63',
+            background_color: '#f8f9f9',
+            border_radius: 4,
+            header_text: 'Purchase Options',
+            one_time_text: 'One-time Purchase',
+            recurring_text: 'Subscribe and Save',
+            prepaid_recurring_text: 'Prepaid Subscribe and Save',
+            discount_summary_text: '(Save {discount})',
+            discount_summary_plural_text: '(Save up to {discount})',
+            frequency_header: 'Delivery Frequency',
+            frequency_text: 'delivery',
+            prepaid_checkbox_label_text: 'Prepay for subscription',
+            billing_frequency_header: 'Billing Frequency',
+            billing_frequency_text: '{count} Orders',
+            delivery_frequency_discount_text: '({discount} off)',
+            billing_frequency_discount_text: '({discount} off)',
+            prepaid_total_text: 'Billed {price} today',
+            prepaid_continue_as_prepaid_text: 'Prepaid order will auto-renew after {count} orders',
+            prepaid_continue_as_standard_text: 'Becomes a regular subscription after {count} orders',
+            convertible_header: 'Converts to',
+            eligible_for_subscription_header: 'Eligible for Subscription',
+            initial_dynamic_discount_text: 'Save {initial_percent_discount}% ({initial_fixed_discount})',
+            subsequent_dynamic_discounts_text: '{subsequent_percent_discount}% ({subsequent_fixed_discount}) after {order_count} order(s)'
+        }
+    }
+};
 const composeSettingsByWidgetType = {
+    ...InstasellShoppableInstagram,
+    ...SproutPlantTreesGrowSales,
+    ...AppointmentBookingCowlendar,
+    ...ProductOptionsCustomizer,
+    ...WhatmoreShoppableVideosreel,
     ...JunipProductReviewsUgc,
     ...FlyBundlesUpsellsFbt,
     ...PreorderNowWodPresale,
@@ -231,7 +373,8 @@ const composeSettingsByWidgetType = {
     ...LoyaltyRewardsReferrals,
     ...SubifySubscriptions,
     ...SelleasyWidget,
-    ...YotpoReviews
+    ...YotpoReviews,
+    ...BoldSubscriptions
 };
 
 export { composeSettingsByWidgetType, overrideSettings };

package/dist/esm/helpers/third-party/constant.js

@@ -1,4 +1,4 @@
-import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, PreorderNowPreOrderPqConfig, FlyBundlesUpsellsFbtConfig, JunipProductReviewsUgcConfig, PreorderNowWodPresaleConfig, YotpoReviewsV3UgcConfig, WhatmoreShoppableVideosreelConfig, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, BoldSubscriptionsConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -19,7 +19,13 @@ const mapShopifyAppMeta = {
     ...FlyBundlesUpsellsFbtConfig,
     ...JunipProductReviewsUgcConfig,
     ...PreorderNowWodPresaleConfig,
-    ...YotpoReviewsV3UgcConfig
+    ...YotpoReviewsV3UgcConfig,
+    ...WhatmoreShoppableVideosreelConfig,
+    ...ProductOptionsCustomizerConfig,
+    ...AppointmentBookingCowlendarConfig,
+    ...SproutPlantTreesGrowSalesConfig,
+    ...InstasellShoppableInstagramConfig,
+    ...BoldSubscriptionsConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/helpers/typography.js

@@ -82,7 +82,7 @@ const composeFontFamilyTypographyV2 = (value)=>{
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
-            fallbackFontFamily: value?.fallbackFontFamily
+            fallbackFontFamily: getFallbackFontFamily(value?.fallbackFontFamily, type)
         });
     }
     if (typeof fontFamily === 'object' && typeof fontFamily?.value === 'string') {
@@ -92,12 +92,15 @@ const composeFontFamilyTypographyV2 = (value)=>{
             default:
                 return getFontUsedByTypographyV2({
                     fontFamily: fontFamily.value,
-                    fallbackFontFamily: composeFallbackTypographyStyle(type ?? 'heading')
+                    fallbackFontFamily: getFallbackFontFamily(value?.fallbackFontFamily, type)
                 });
         }
     }
     return;
 };
+const getFallbackFontFamily = (fallbackFontFamilyDefault, type)=>{
+    return fallbackFontFamilyDefault || composeFallbackTypographyStyle(type ?? 'heading');
+};
 const getFontUsedByTypographyV2 = ({ fontFamily, fallbackFontFamily })=>{
     if (fontFamily) {
         return `var(--g-font-${fontFamily?.replace(/ /g, '-')}, '${fontFamily}'), ${fallbackFontFamily}`;

package/dist/esm/hooks/animation/useAnimationConfig.js

@@ -12,7 +12,8 @@ const useAnimationConfig = (props)=>{
         const { animation, setting } = triggerConfig[trigger];
         return {
             type: animation,
-            setting: setting[animation]
+            setting: setting[animation],
+            reverse: trigger === "hidden"
         };
     }, [
         configByDevices

package/dist/esm/hooks/animation/useApplyAnimation.js

@@ -21,13 +21,13 @@ const useApplyAnimation = ({ props })=>{
         setAnimationOnFinish,
         setToolbarActive
     });
-    const generateAnimation = useCallback(({ target, setting, type })=>{
-        return animation[type](target, setting);
+    const generateAnimation = useCallback(({ target, setting, type, reverse })=>{
+        return animation[type](target, setting, reverse);
     }, [
         animation
     ]);
     const initListAnimations = useCallback(()=>{
-        const { type, setting } = getAnimationConfig();
+        const { type, setting, reverse } = getAnimationConfig();
         if (!type || type === AnimationType.None || !targetObjects.current.length) {
             cancelAnimation();
             return;
@@ -35,9 +35,9 @@ const useApplyAnimation = ({ props })=>{
         const listAnimations = targetObjects.current.map((item)=>generateAnimation({
                 type,
                 setting,
-                target: item.target
+                target: item.target,
+                reverse
             }));
-        console.log('listAnimations', listAnimations);
         cancelAnimation();
         setAnimation(listAnimations);
     }, [

package/dist/esm/index.js

@@ -17,6 +17,7 @@ export { ModalProvider, useModalStore } from './contexts/ModalContext.js';
 export { ArticleListProvider, useArticleListStore } from './contexts/ArticleListContext.js';
 export { ArticleProvider, useArticleStore } from './contexts/ArticleContext.js';
 export { PageViewUpDocument } from './graphql/mutations/page-view-up.generated.js';
+export { PublishedShopMetasDocument } from './graphql/queries/published-shop-metas.js';
 export { CollectionDetailFilterDocument } from './graphql/queries/collection-detail-filter.generated.js';
 export { CollectionDocument } from './graphql/queries/collection.generated.js';
 export { CollectionsDocument } from './graphql/queries/collections.generated.js';
@@ -63,6 +64,7 @@ export { isDefined } from './helpers/is-defined.js';
 export { composeGridLayout, convertOldLayout, gridToArrayRegex, optionLayoutStyle } from './helpers/layout.js';
 export { makeAspectRatio, makeGlobalSizeHeightResponsive, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeWidth, removeNullUndefined } from './helpers/make-style.js';
 export { convertTextAlignToJustify } from './helpers/align.js';
+export { checkInStock } from './helpers/variant.js';
 export { checkAvailableVariantInStock, getSelectedVariant, parseSelectedOption } from './helpers/product.js';
 export { generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey } from './helpers/query.js';
 export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSFromGlobal, getCustomRadius, getRadiusCSSFromGlobal, getRadiusStyleActiveState } from './helpers/radius.js';