@gem-sdk/core 1.53.0-dev.18 → 1.53.0-dev.186

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

@@ -72,6 +72,13 @@ const ShopifyForms = {
         }
     }
 };
+const KachingBundles = {
+    KachingBundles: {
+        'app-block': {
+            product: '{{product}}'
+        }
+    }
+};
 const overrideSettings = (tag, currentSetting, appSetting)=>{
     switch(tag){
         case 'ShopifyForms':
@@ -93,6 +100,13 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'WhatmoreShoppableVideosreel':
+            {
+                return {
+                    ...currentSetting,
+                    ['show-views']: appSetting?.showViews
+                };
+            }
         default:
             return currentSetting;
     }
@@ -215,50 +229,148 @@ 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
+            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
+            '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
+            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
+            '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 Growave = {
+    Growave: {
+        'block.product.faveButton': {
+            option_button_class: ''
+        },
+        'block.product.reviewWidget': null,
+        'block.product.reviewAvgProfile': null,
+        'v2.product.reviewsMiniSlider': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...InstasellShoppableInstagram,
+    ...SproutPlantTreesGrowSales,
+    ...AppointmentBookingCowlendar,
+    ...ProductOptionsCustomizer,
     ...WhatmoreShoppableVideosreel,
     ...JunipProductReviewsUgc,
     ...FlyBundlesUpsellsFbt,
@@ -278,7 +390,10 @@ const composeSettingsByWidgetType = {
     ...LoyaltyRewardsReferrals,
     ...SubifySubscriptions,
     ...SelleasyWidget,
-    ...YotpoReviews
+    ...YotpoReviews,
+    ...BoldSubscriptions,
+    ...Growave,
+    ...KachingBundles
 };
 
 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, WhatmoreShoppableVideosreelConfig } 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, GrowaveConfig, KachingBundlesConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -20,7 +20,14 @@ const mapShopifyAppMeta = {
     ...JunipProductReviewsUgcConfig,
     ...PreorderNowWodPresaleConfig,
     ...YotpoReviewsV3UgcConfig,
-    ...WhatmoreShoppableVideosreelConfig
+    ...WhatmoreShoppableVideosreelConfig,
+    ...ProductOptionsCustomizerConfig,
+    ...AppointmentBookingCowlendarConfig,
+    ...SproutPlantTreesGrowSalesConfig,
+    ...InstasellShoppableInstagramConfig,
+    ...BoldSubscriptionsConfig,
+    ...GrowaveConfig,
+    ...KachingBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

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

@@ -1,10 +1,17 @@
 import { composeSettingsByWidgetType, overrideSettings } from './appSetting.js';
 import { getAppBlockType } from './getAppBlockType.js';
 
+const listAppUpdateNewVersion = [
+    'Growave'
+];
 const getAppBlockConfig = (tag, appBlockId, settings)=>{
+    let widgetType = settings?.widgetType;
+    if (listAppUpdateNewVersion.includes(tag)) {
+        widgetType = settings?.widgetTypeV2;
+    }
     const appBlockType = getAppBlockType({
         tag,
-        widgetType: settings?.widgetType
+        widgetType
     });
     const settingByWidget = composeSettingsByWidgetType[tag][settings?.widgetType];
     const appSettings = overrideSettings(tag, settingByWidget, settings);

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

@@ -9,10 +9,11 @@ const useAnimationConfig = (props)=>{
     ]);
     const getAnimationConfig = useCallback(()=>{
         const { trigger, triggerConfig } = configByDevices;
-        const { animation, setting } = triggerConfig[trigger];
+        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,11 +64,12 @@ 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';
 export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
-export { composeShadowCss, getResonsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
+export { composeShadowCss, getResponsiveStyleShadow, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getValueByDevice, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
 export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
 export { useAddToCart } from './hooks/cart/use-add-to-cart.js';