@gem-sdk/core 1.56.0 → 1.57.0-dev.45

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,20 @@ const overrideSettings = (tag, currentSetting, appSetting)=>{
                     selected_product: appSetting?.['productHandle'] || '{{ product }}'
                 };
             }
+        case 'WhatmoreShoppableVideosreel':
+            {
+                return {
+                    ...currentSetting,
+                    ['show-views']: appSetting?.showViews
+                };
+            }
+        case 'PowerfulContactFormBuilder':
+            {
+                return {
+                    ...currentSetting,
+                    shortcode: appSetting?.shortcode
+                };
+            }
         default:
             return currentSetting;
     }
@@ -215,77 +236,77 @@ 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
+            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
         }
     }
 };
@@ -297,7 +318,130 @@ const AppointmentBookingCowlendar = {
         }
     }
 };
+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 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 Growave = {
+    Growave: {
+        'block.product.faveButton': {
+            option_button_class: ''
+        },
+        'block.product.reviewWidget': null,
+        'block.product.reviewAvgProfile': null,
+        'v2.product.reviewsMiniSlider': null
+    }
+};
+const LoloyalSettingCommon = {
+    title_font_size: 30,
+    subtitle_font_size: 13,
+    name_font_size: 20,
+    details_font_size: 14,
+    corner_radius: 8,
+    btn_radius: 8,
+    top_padding: 32,
+    bottom_padding: 32,
+    icon_color: '',
+    title_color: '#000000',
+    subtitle_color: '#000000',
+    name_color: '#000000',
+    details_color: '#000000',
+    card_bg_color: '#FFFFFF',
+    background_color: '#ffffff',
+    border_color: '#ececec',
+    primary_button_color: '#000000',
+    primary_button_text_color: '#FFFFFF',
+    secondary_button_color: '#FFFFFF',
+    secondary_button_text_color: '#000000',
+    hover_btn: '#000000',
+    hover_text_color: '#FFFFFF',
+    custom_css: '/* Add your custom styles here */'
+};
+const LoloyalLoyaltyReferrals = {
+    LoloyalLoyaltyReferrals: {
+        'app-banner': {
+            img_opacity: 0,
+            bg_color: '#F6F6F6',
+            banner_height: '400',
+            content_position: 'll-middle-left',
+            content_alignment: 'left',
+            title_font_size: 40,
+            subtitle_font_size: 13,
+            title_color: '#000000',
+            subtitle_color: '#000000',
+            btn_radius: 30,
+            primary_button_color: '#000000',
+            primary_button_text_color: '#FFFFFF',
+            secondary_button_color: '#FFFFFF',
+            secondary_button_text_color: '#000000',
+            hover_btn: '#000000',
+            hover_text_color: '#FFFFFF',
+            custom_css: '/* Add your custom styles here */'
+        },
+        'app-ways-to-earn': LoloyalSettingCommon,
+        'app-ways-to-redeem': LoloyalSettingCommon,
+        'app-referrals': LoloyalSettingCommon
+    }
+};
+const PowerfulContactFormBuilder = {
+    PowerfulContactFormBuilder: {
+        'app-block': {
+            shortcode: ''
+        }
+    }
+};
+const WishlistKing = {
+    WishlistKing: {
+        'wishlist-button-block': null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...WishlistKing,
+    ...LoloyalLoyaltyReferrals,
+    ...PowerfulContactFormBuilder,
+    ...InstasellShoppableInstagram,
+    ...SproutPlantTreesGrowSales,
     ...AppointmentBookingCowlendar,
     ...ProductOptionsCustomizer,
     ...WhatmoreShoppableVideosreel,
@@ -319,7 +463,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, ProductOptionsCustomizerConfig, AppointmentBookingCowlendarConfig } 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, BoldSubscriptionsConfig, SproutPlantTreesGrowSalesConfig, InstasellShoppableInstagramConfig, GrowaveConfig, KachingBundlesConfig, LoloyalLoyaltyReferralsConfig, PowerfulContactFormBuilderConfig, WishlistKingConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -22,7 +22,15 @@ const mapShopifyAppMeta = {
     ...YotpoReviewsV3UgcConfig,
     ...WhatmoreShoppableVideosreelConfig,
     ...ProductOptionsCustomizerConfig,
-    ...AppointmentBookingCowlendarConfig
+    ...AppointmentBookingCowlendarConfig,
+    ...BoldSubscriptionsConfig,
+    ...SproutPlantTreesGrowSalesConfig,
+    ...InstasellShoppableInstagramConfig,
+    ...GrowaveConfig,
+    ...KachingBundlesConfig,
+    ...LoloyalLoyaltyReferralsConfig,
+    ...PowerfulContactFormBuilderConfig,
+    ...WishlistKingConfig
 };
 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/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/useAnimationTarget.js

@@ -96,9 +96,12 @@ const useAnimationTarget = (props)=>{
     const initListOfTargets = useCallback(()=>{
         if (!isEnabledAnimation) return;
         if (!targets.current) {
-            targets.current = document.querySelectorAll(`[data-uid="${componentUid}"]`);
+            const $storefront = document.body.querySelector('#storefront');
+            if ($storefront) {
+                targets.current = $storefront.querySelectorAll(`[data-uid="${componentUid}"]`);
+            }
         }
-        const targetsArray = Array.from(targets.current);
+        const targetsArray = Array.from(targets.current || []);
         if (!targetsArray.length) return;
         const updatedTargetObjects = getUpdatedTargetObjects(targetsArray);
         targetObjects.current = updatedTargetObjects;

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

@@ -4,6 +4,7 @@ import { useAnimationTarget } from './useAnimationTarget.js';
 import { useAnimationConfig } from './useAnimationConfig.js';
 import { useAnimationActions } from './useAnimationActions.js';
 import { useAnimationPreview } from './useAnimationPreview.js';
+import '../../types/custom.js';
 import { AnimationType } from '../../types/animations.js';
 
 const useApplyAnimation = ({ props })=>{
@@ -20,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;
@@ -34,7 +35,8 @@ const useApplyAnimation = ({ props })=>{
         const listAnimations = targetObjects.current.map((item)=>generateAnimation({
                 type,
                 setting,
-                target: item.target
+                target: item.target,
+                reverse
             }));
         cancelAnimation();
         setAnimation(listAnimations);

package/dist/esm/hooks/useInteraction.js

@@ -0,0 +1,17 @@
+import { usePageStore } from '../contexts/PageContext.js';
+
+const useInteraction = ()=>{
+    const interactionData = usePageStore((state)=>state.interactionData);
+    const { item } = interactionData || {};
+    const getAnimationByUid = (uid)=>{
+        const targets = item?.targets;
+        const targetByUid = targets?.find((target)=>target.uid === uid);
+        const metaDataContainsAnimation = targetByUid?.events?.find((it)=>it.condition?.metaData?.animation);
+        return metaDataContainsAnimation?.condition?.metaData?.animation;
+    };
+    return {
+        getAnimationByUid
+    };
+};
+
+export { useInteraction };

package/dist/esm/hooks/useToolbarPostPurchase.js

@@ -29,7 +29,7 @@ const usePostPurchase = (uid, tag)=>{
         return count <= 1;
     };
     const verifyWrapContainsRequireElement = ()=>{
-        const $component = document.querySelector(`[data-uid="${uid}"]`);
+        const $component = document.body.querySelector('#storefront')?.querySelector(`[data-uid="${uid}"]`);
         if (!$component) return false;
         for (const requiredElementTag of postPurchaseRequiredElements){
             const countElementInsidePage = getElementCountInPage(requiredElementTag);
@@ -42,7 +42,7 @@ const usePostPurchase = (uid, tag)=>{
     };
     const countRequiredElement = ()=>{
         return postPurchaseRequiredElements.reduce((acc, requiredElementTag)=>{
-            const $component = document.querySelector(`[data-uid="${uid}"]`);
+            const $component = document.body.querySelector('#storefront')?.querySelector(`[data-uid="${uid}"]`);
             if (!$component) return 0;
             const count = $component.querySelectorAll(`[data-component-tag="${requiredElementTag}"]`).length;
             return acc + count;

package/dist/esm/index.js

@@ -63,11 +63,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';
@@ -100,6 +101,7 @@ export { useProductList, useProductListProducts, useProductListSettings, useProd
 export { default as useSuspenseFetch } from './hooks/useSuspenseFetch.js';
 export { default as useSwatchesOptions } from './hooks/useSwatchesOptions.js';
 export { default as useInitialSwatchesOptions } from './hooks/useInitialSwatchesOptions.js';
+export { InteractionTargetEvent, InteractionTriggerEvent } from './types/custom.js';
 import * as shop from './types/shop.js';
 export { shop as ShopType };
 import * as appAPI from './types/appAPI.js';
@@ -111,3 +113,4 @@ export { fetchMedias, fetchVariants, getProduct } from './helpers/queries/get-pr
 export { getProductBySlug } from './helpers/queries/get-product-by-slug.js';
 export { getAppBlocks } from './helpers/third-party/getAppBlocks.js';
 export { addAppBlockId } from './helpers/third-party/addAppBlockId.js';
+export { useInteraction } from './helpers/interaction/index.js';

package/dist/esm/types/animations.js

@@ -30,6 +30,8 @@ var AnimationTriggerType;
 (function(AnimationTriggerType) {
     AnimationTriggerType["Appear"] = 'appear';
     AnimationTriggerType["Hover"] = 'hover';
+    AnimationTriggerType["Hidden"] = 'hidden';
+    AnimationTriggerType["AppearByTrigger"] = 'appearByTrigger';
 })(AnimationTriggerType || (AnimationTriggerType = {}));
 var AnimationZoomDirectionType;
 (function(AnimationZoomDirectionType) {

package/dist/esm/types/custom.js

@@ -0,0 +1,52 @@
+var InteractionTargetEvent;
+(function(InteractionTargetEvent) {
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-background-color'] = 0] = 'gp:change-background-color';
+    InteractionTargetEvent[InteractionTargetEvent['gp:run-animation'] = 1] = 'gp:run-animation';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-element-visibility'] = 2] = 'gp:toggle-element-visibility';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text'] = 3] = 'gp:change-text';
+    InteractionTargetEvent[InteractionTargetEvent['gp:scroll-to'] = 4] = 'gp:scroll-to';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text-style'] = 5] = 'gp:change-text-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-content'] = 6] = 'gp:change-content';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-button-style'] = 7] = 'gp:change-button-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:copy-text'] = 8] = 'gp:copy-text';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-image'] = 9] = 'gp:change-image';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-video-play'] = 10] = 'gp:toggle-video-play';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-slider-ratio'] = 11] = 'gp:change-slider-ratio';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-icon-style'] = 12] = 'gp:change-icon-style';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-expanded-item'] = 13] = 'gp:change-expanded-item';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-active-item'] = 14] = 'gp:change-active-item';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-slide'] = 15] = 'gp:change-slide';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-image-step'] = 16] = 'gp:change-image-step';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-text-value'] = 17] = 'gp:change-text-value';
+    InteractionTargetEvent[InteractionTargetEvent['gp:toggle-popup-open'] = 18] = 'gp:toggle-popup-open';
+    InteractionTargetEvent[InteractionTargetEvent['gp:show-or-hide'] = 19] = 'gp:show-or-hide';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-banner'] = 20] = 'gp:change-banner';
+    InteractionTargetEvent[InteractionTargetEvent['gp:change-open-tab'] = 21] = 'gp:change-open-tab';
+})(InteractionTargetEvent || (InteractionTargetEvent = {}));
+var InteractionTriggerEvent;
+(function(InteractionTriggerEvent) {
+    InteractionTriggerEvent[InteractionTriggerEvent['click'] = 0] = 'click';
+    InteractionTriggerEvent[InteractionTriggerEvent["active"] = 1] = "active";
+    InteractionTriggerEvent[InteractionTriggerEvent['mouseover'] = 2] = 'mouseover';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:appear'] = 3] = 'gp:appear';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-selected'] = 4] = 'gp:item-selected';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-unselected'] = 5] = 'gp:item-unselected';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-hovered'] = 6] = 'gp:item-hovered';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:item-click'] = 7] = 'gp:item-click';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-submit'] = 8] = 'gp:after-submit';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:quantity-change'] = 9] = 'gp:quantity-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-checked-value'] = 10] = 'gp:after-checked-value';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:after-add-to-cart'] = 11] = 'gp:after-add-to-cart';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-open'] = 12] = 'gp:popup-open';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:popup-close'] = 13] = 'gp:popup-close';
+    InteractionTriggerEvent[InteractionTriggerEvent['scroll-up'] = 14] = 'scroll-up';
+    InteractionTriggerEvent[InteractionTriggerEvent['scroll-down'] = 15] = 'scroll-down';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:price-change'] = 16] = 'gp:price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:rollback-price-change'] = 17] = 'gp:rollback-price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:compare-price-change'] = 18] = 'gp:compare-price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:rollback:compare-price-change'] = 19] = 'gp:rollback:compare-price-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:stock-change'] = 20] = 'gp:stock-change';
+    InteractionTriggerEvent[InteractionTriggerEvent['gp:rollback:stock-change'] = 21] = 'gp:rollback:stock-change';
+})(InteractionTriggerEvent || (InteractionTriggerEvent = {}));
+
+export { InteractionTargetEvent, InteractionTriggerEvent };