@gem-sdk/core 1.43.0-dev.74 → 1.43.0-dev.80

package/dist/cjs/helpers/typography.js

@@ -10,7 +10,9 @@ const composeTypographyCss = (typography)=>{
     const typographyCustom = typography?.custom;
     const { fontFamily, fontSize, fontStyle, fontWeight, lineHeight, letterSpacing } = typographyCustom?.desktop ?? {};
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
+  ${fontFamily ? `fontFamily: ${composeFontFamilyTypographyV2({
+        fontFamily
+    })};` : ''}
   ${fontSize ? `font-size: ${fontSize};` : ''}
   ${fontStyle ? `font-style: ${fontStyle};` : ''}
   ${fontWeight ? `font-weight: ${fontWeight};` : ''}
@@ -25,7 +27,9 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const { bold, italic, underline, transform } = typographyAttrs ?? {};
     const composeImportant = isImportant ? '!important' : '';
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
+  ${fontFamily ? composeFontFamilyTypographyV2({
+        fontFamily
+    }) : ''}
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
   ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
@@ -43,7 +47,9 @@ function getCustomCSSByDevice(typography, device) {
         [`--size${suffix}`]: typography?.[device]?.fontSize,
         [`--lh${suffix}`]: typography?.[device]?.lineHeight,
         [`--fs${suffix}`]: typography?.[device]?.fontStyle,
-        [`--ff${suffix}`]: fontFamily ? `var(--g-font-${fontFamily}, ${fontFamily})` : undefined,
+        [`--ff${suffix}`]: composeFontFamilyTypographyV2({
+            fontFamily
+        }),
         [`--weight${suffix}`]: typography?.[device]?.fontWeight,
         [`--ls${suffix}`]: typography?.[device]?.letterSpacing
     };
@@ -61,7 +67,7 @@ const composeTypographyV2 = (value, attrs)=>{
     return makeStyle.removeNullUndefined({
         ...makeStyle.makeStyle({
             fs: !attrs?.italic ? value?.fontStyle : undefined,
-            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
+            ff: composeFontFamilyTypographyV2(value),
             weight: !attrs?.bold ? value?.fontWeight : undefined,
             ls: value?.letterSpacing
         }),
@@ -69,6 +75,34 @@ const composeTypographyV2 = (value, attrs)=>{
         ...makeStyle.makeStyleResponsive('lh', value?.lineHeight)
     });
 };
+const composeFontFamilyTypographyV2 = (value)=>{
+    const fontFamily = value?.fontFamily;
+    if (!fontFamily) return;
+    if (typeof fontFamily === 'string') {
+        return getFontUsedByTypographyV2({
+            fontFamily,
+            fallbackFontFamily: value?.fallbackFontFamily
+        });
+    }
+    if (typeof fontFamily === 'object' && typeof fontFamily?.value === 'string') {
+        switch(fontFamily.type){
+            case 'theme':
+                return `var(${fontFamily?.value}), var(--g-font-body)`;
+            default:
+                return getFontUsedByTypographyV2({
+                    fontFamily: fontFamily.value,
+                    fallbackFontFamily: value?.fallbackFontFamily
+                });
+        }
+    }
+    return;
+};
+const getFontUsedByTypographyV2 = ({ fontFamily, fallbackFontFamily })=>{
+    if (fontFamily) {
+        return `var(--g-font-${fontFamily?.replace(/ /g, '-')}, '${fontFamily}'), ${fallbackFontFamily}`;
+    }
+    return;
+};
 const composeTypographyAttr = (attrs)=>{
     if (!attrs) return {};
     return makeStyle.removeNullUndefined({
@@ -116,6 +150,7 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
 };
 
 exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
+exports.composeFontFamilyTypographyV2 = composeFontFamilyTypographyV2;
 exports.composeTypography = composeTypography;
 exports.composeTypographyAttr = composeTypographyAttr;
 exports.composeTypographyClassName = composeTypographyClassName;

package/dist/cjs/index.js

@@ -44,6 +44,13 @@ var isEmptyChildren = require('./helpers/is-empty-children.js');
 var isSafari = require('./helpers/is-safari.js');
 var normalizeBuilderData = require('./helpers/normalize-builder-data.js');
 var prefetchQueries = require('./helpers/prefetch-queries.js');
+var email = require('./helpers/email.js');
+var loadScript = require('./helpers/load-script.js');
+var spacing = require('./helpers/spacing.js');
+var cssVariable = require('./helpers/css-variable.js');
+var fpixel = require('./helpers/tracking/fpixel.js');
+var gtag = require('./helpers/tracking/gtag.js');
+var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
 var background = require('./helpers/background.js');
 var colors = require('./helpers/colors.js');
 var composeAdvanceStyle = require('./helpers/compose-advance-style.js');
@@ -61,13 +68,6 @@ var render = require('./helpers/render.js');
 var shadow = require('./helpers/shadow.js');
 var size = require('./helpers/size.js');
 var typography = require('./helpers/typography.js');
-var email = require('./helpers/email.js');
-var loadScript = require('./helpers/load-script.js');
-var spacing = require('./helpers/spacing.js');
-var cssVariable = require('./helpers/css-variable.js');
-var fpixel = require('./helpers/tracking/fpixel.js');
-var gtag = require('./helpers/tracking/gtag.js');
-var tiktokpixel = require('./helpers/tracking/tiktokpixel.js');
 var useAddToCart = require('./hooks/cart/use-add-to-cart.js');
 var useCartData = require('./hooks/cart/use-cart-data.js');
 var useCartDiscountCodesUpdate = require('./hooks/cart/use-cart-discount-codes-update.js');
@@ -181,6 +181,14 @@ exports.isEmptyChildren = isEmptyChildren.isEmptyChildren;
 exports.isSafari = isSafari.default;
 exports.normalizeBuilderData = normalizeBuilderData.normalizeBuilderData;
 exports.prefetchQueries = prefetchQueries.prefetchQueries;
+exports.validateEmail = email.validateEmail;
+exports.loadScript = loadScript.loadScript;
+exports.composeSpacing = spacing.composeSpacing;
+exports.getSpacingVariable = spacing.getSpacingVariable;
+exports.genVariable = cssVariable.genVariable;
+exports.fpixel = fpixel;
+exports.gtag = gtag;
+exports.tiktokpixel = tiktokpixel;
 exports.GRADIENT_BGR_KEY = background.GRADIENT_BGR_KEY;
 exports.composeBackgroundCss = background.composeBackgroundCss;
 exports.getBgImageByDevice = background.getBgImageByDevice;
@@ -270,6 +278,7 @@ exports.makeGlobalSize = size.makeGlobalSize;
 exports.makeGlobalSizeIcon = size.makeGlobalSizeIcon;
 exports.makeStyleWithDefault = size.makeStyleWithDefault;
 exports.composeFallbackTypographyStyle = typography.composeFallbackTypographyStyle;
+exports.composeFontFamilyTypographyV2 = typography.composeFontFamilyTypographyV2;
 exports.composeTypography = typography.composeTypography;
 exports.composeTypographyAttr = typography.composeTypographyAttr;
 exports.composeTypographyClassName = typography.composeTypographyClassName;
@@ -278,14 +287,6 @@ exports.composeTypographyStyle = typography.composeTypographyStyle;
 exports.composeTypographyV2 = typography.composeTypographyV2;
 exports.composeTypographyV2Css = typography.composeTypographyV2Css;
 exports.genTypoClass = typography.genTypoClass;
-exports.validateEmail = email.validateEmail;
-exports.loadScript = loadScript.loadScript;
-exports.composeSpacing = spacing.composeSpacing;
-exports.getSpacingVariable = spacing.getSpacingVariable;
-exports.genVariable = cssVariable.genVariable;
-exports.fpixel = fpixel;
-exports.gtag = gtag;
-exports.tiktokpixel = tiktokpixel;
 exports.useAddToCart = useAddToCart.useAddToCart;
 exports.useCartData = useCartData.useCartData;
 exports.useCartDiscountCodesUpdate = useCartDiscountCodesUpdate.useCartDiscountCodesUpdate;

package/dist/esm/helpers/typography.js

@@ -8,7 +8,9 @@ const composeTypographyCss = (typography)=>{
     const typographyCustom = typography?.custom;
     const { fontFamily, fontSize, fontStyle, fontWeight, lineHeight, letterSpacing } = typographyCustom?.desktop ?? {};
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily});` : ''}
+  ${fontFamily ? `fontFamily: ${composeFontFamilyTypographyV2({
+        fontFamily
+    })};` : ''}
   ${fontSize ? `font-size: ${fontSize};` : ''}
   ${fontStyle ? `font-style: ${fontStyle};` : ''}
   ${fontWeight ? `font-weight: ${fontWeight};` : ''}
@@ -23,7 +25,9 @@ const composeTypographyV2Css = (typography, isImportant)=>{
     const { bold, italic, underline, transform } = typographyAttrs ?? {};
     const composeImportant = isImportant ? '!important' : '';
     return `
-  ${fontFamily ? `font-family: var(--g-font-${fontFamily}, ${fontFamily}) ${composeImportant};` : ''}
+  ${fontFamily ? composeFontFamilyTypographyV2({
+        fontFamily
+    }) : ''}
   ${fontSize?.desktop ? `font-size: ${fontSize?.desktop} ${composeImportant};` : ''}
   ${bold ? `font-weight: bold ${composeImportant};` : fontWeight ? `font-weight: ${fontWeight} ${composeImportant};` : ''}
   ${letterSpacing ? `letter-spacing: ${letterSpacing} ${composeImportant};` : ''}
@@ -41,7 +45,9 @@ function getCustomCSSByDevice(typography, device) {
         [`--size${suffix}`]: typography?.[device]?.fontSize,
         [`--lh${suffix}`]: typography?.[device]?.lineHeight,
         [`--fs${suffix}`]: typography?.[device]?.fontStyle,
-        [`--ff${suffix}`]: fontFamily ? `var(--g-font-${fontFamily}, ${fontFamily})` : undefined,
+        [`--ff${suffix}`]: composeFontFamilyTypographyV2({
+            fontFamily
+        }),
         [`--weight${suffix}`]: typography?.[device]?.fontWeight,
         [`--ls${suffix}`]: typography?.[device]?.letterSpacing
     };
@@ -59,7 +65,7 @@ const composeTypographyV2 = (value, attrs)=>{
     return removeNullUndefined({
         ...makeStyle({
             fs: !attrs?.italic ? value?.fontStyle : undefined,
-            ff: value?.fontFamily ? `var(--g-font-${value.fontFamily.replace(/ /g, '-')}, '${value.fontFamily}'), ${value.fallbackFontFamily}` : undefined,
+            ff: composeFontFamilyTypographyV2(value),
             weight: !attrs?.bold ? value?.fontWeight : undefined,
             ls: value?.letterSpacing
         }),
@@ -67,6 +73,34 @@ const composeTypographyV2 = (value, attrs)=>{
         ...makeStyleResponsive('lh', value?.lineHeight)
     });
 };
+const composeFontFamilyTypographyV2 = (value)=>{
+    const fontFamily = value?.fontFamily;
+    if (!fontFamily) return;
+    if (typeof fontFamily === 'string') {
+        return getFontUsedByTypographyV2({
+            fontFamily,
+            fallbackFontFamily: value?.fallbackFontFamily
+        });
+    }
+    if (typeof fontFamily === 'object' && typeof fontFamily?.value === 'string') {
+        switch(fontFamily.type){
+            case 'theme':
+                return `var(${fontFamily?.value}), var(--g-font-body)`;
+            default:
+                return getFontUsedByTypographyV2({
+                    fontFamily: fontFamily.value,
+                    fallbackFontFamily: value?.fallbackFontFamily
+                });
+        }
+    }
+    return;
+};
+const getFontUsedByTypographyV2 = ({ fontFamily, fallbackFontFamily })=>{
+    if (fontFamily) {
+        return `var(--g-font-${fontFamily?.replace(/ /g, '-')}, '${fontFamily}'), ${fallbackFontFamily}`;
+    }
+    return;
+};
 const composeTypographyAttr = (attrs)=>{
     if (!attrs) return {};
     return removeNullUndefined({
@@ -113,4 +147,4 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
     };
 };
 
-export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };
+export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };

package/dist/esm/index.js

@@ -42,6 +42,16 @@ export { isEmptyChildren } from './helpers/is-empty-children.js';
 export { default as isSafari } from './helpers/is-safari.js';
 export { normalizeBuilderData } from './helpers/normalize-builder-data.js';
 export { prefetchQueries } from './helpers/prefetch-queries.js';
+export { validateEmail } from './helpers/email.js';
+export { loadScript } from './helpers/load-script.js';
+export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
+export { genVariable } from './helpers/css-variable.js';
+import * as fpixel from './helpers/tracking/fpixel.js';
+export { fpixel };
+import * as gtag from './helpers/tracking/gtag.js';
+export { gtag };
+import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
+export { tiktokpixel };
 export { GRADIENT_BGR_KEY, composeBackgroundCss, getBgImageByDevice, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getStyleBackgroundByDevice, makeFixedBgAttachment } from './helpers/background.js';
 export { composeTextColorCss, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getSingleColorVariable, isColor } from './helpers/colors.js';
 export { composeAdvanceStyle, composeAdvanceStyleForPostPurchase, filterAttrInStyle, filterCornerInStyle, removeAttrInStyle, removePaddingYInStyle, splitStyle } from './helpers/compose-advance-style.js';
@@ -58,17 +68,7 @@ export { composeCornerCss, composeRadius, composeRadiusResponsive, getCornerCSSF
 export { RenderIf, composeMemo, dataStringify, props, removeUndefinedValuesFromObject, styles, template } from './helpers/render.js';
 export { composeShadowCss, getStyleShadow, getStyleShadowState, parseValueWithUnit } from './helpers/shadow.js';
 export { composeSize, composeSizeCss, genSizeClass, getAspectRatioGlobalSize, getGlobalSizeGap, getHeightByShapeGlobalSize, getPaddingGlobalSize, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, makeGlobalSize, makeGlobalSizeIcon, makeStyleWithDefault } from './helpers/size.js';
-export { composeFallbackTypographyStyle, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass } from './helpers/typography.js';
-export { validateEmail } from './helpers/email.js';
-export { loadScript } from './helpers/load-script.js';
-export { composeSpacing, getSpacingVariable } from './helpers/spacing.js';
-export { genVariable } from './helpers/css-variable.js';
-import * as fpixel from './helpers/tracking/fpixel.js';
-export { fpixel };
-import * as gtag from './helpers/tracking/gtag.js';
-export { gtag };
-import * as tiktokpixel from './helpers/tracking/tiktokpixel.js';
-export { tiktokpixel };
+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';
 export { useCartData } from './hooks/cart/use-cart-data.js';
 export { useCartDiscountCodesUpdate } from './hooks/cart/use-cart-discount-codes-update.js';

package/dist/types/index.d.ts

@@ -27034,6 +27034,13 @@ declare namespace appAPI {
   };
 }
 
+type NameDevices = 'desktop' | 'tablet' | 'mobile';
+type TypographyV2Family = string | {
+    value: string;
+    type: TypographyV2FontFamilyType;
+};
+type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme';
+
 /**
  * @deprecated Please use `TypographySettingV2`
  */
@@ -27059,7 +27066,7 @@ type TypographyProps = {
     fontSize?: string;
     fontWeight?: string | number;
     fontStyle?: string;
-    fontFamily?: string;
+    fontFamily?: TypographyV2Family;
     lineHeight?: string;
     letterSpacing?: string;
     fallbackFontFamily?: string;
@@ -27133,6 +27140,9 @@ type GlobalStyleResponsiveConfig = {
     spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
     container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
     radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
 };
 type GlobalStyleConfig = {
     color?: Partial<Record<ColorType$1, string>>;
@@ -27141,6 +27151,9 @@ type GlobalStyleConfig = {
     spacing?: Partial<Record<SpacingType, string>>;
     container?: Partial<Record<ContainerProp, string>>;
     radius?: Partial<Record<RoundedSize, string>>;
+    theme?: {
+        font?: Partial<Record<FontName, any>>;
+    };
 };
 type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
 type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
@@ -28040,6 +28053,72 @@ declare const prefetchQueries: (input: BuilderState, options?: {
     isStorefront?: boolean;
 }) => Result[];
 
+declare const validateEmail: (email: string) => boolean;
+
+declare function loadScript(src: string, options?: {
+    module?: boolean;
+    in?: 'head' | 'body';
+}): Promise<boolean>;
+
+declare function getSpacingVariable(key?: SpacingType): string;
+declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
+
+declare const genVariable: (variableName: string) => string;
+
+declare const pageview$1: () => void;
+declare const event: (name: string, options?: {}) => void;
+declare const addToCart$2: (product: ProductInputAnalytic) => void;
+
+declare const fpixel_event: typeof event;
+declare namespace fpixel {
+  export {
+    addToCart$2 as addToCart,
+    fpixel_event as event,
+    pageview$1 as pageview,
+  };
+}
+
+declare const pageview: (url: string, trackingId?: string | null) => void;
+/** Addition to cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */
+declare const addToCart$1: (product: ProductInputAnalytic) => void;
+/** Product clicked event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
+ */
+declare const productClick: (product: ProductInputAnalytic) => void;
+/** Product viewed event
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
+ */
+declare const productDetail: (product: ProductInputAnalytic) => void;
+/** Removal from cart events
+ * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
+ */
+declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
+
+declare const gtag_pageview: typeof pageview;
+declare const gtag_productClick: typeof productClick;
+declare const gtag_productDetail: typeof productDetail;
+declare const gtag_removeFromCart: typeof removeFromCart;
+declare namespace gtag {
+  export {
+    addToCart$1 as addToCart,
+    gtag_pageview as pageview,
+    gtag_productClick as productClick,
+    gtag_productDetail as productDetail,
+    gtag_removeFromCart as removeFromCart,
+  };
+}
+
+declare const addToCart: (product: ProductInputAnalytic) => void;
+
+declare const tiktokpixel_addToCart: typeof addToCart;
+declare namespace tiktokpixel {
+  export {
+    tiktokpixel_addToCart as addToCart,
+  };
+}
+
 type Devices = 'desktop' | 'tablet' | 'mobile';
 type Options = {
     liquid?: boolean;
@@ -34068,8 +34147,6 @@ declare const baseAssetURL: string;
 
 declare const convertHTML: (str: string) => string;
 
-type NameDevices = 'desktop' | 'tablet' | 'mobile';
-
 type PostionType = {
     wrapper?: Record<string, string | number>;
     content?: Record<string, string | number>;
@@ -34224,6 +34301,7 @@ declare const composeTypographyCss: (typography: TypographySetting | undefined)
 declare const composeTypographyV2Css: (typography: TypographySettingV2 | undefined, isImportant?: boolean) => string;
 declare const composeTypography: (typography?: ObjectDevices<TypographyProps>) => React.CSSProperties;
 declare const composeTypographyV2: (value?: TypographyV2Props, attrs?: TypographyV2Attrs) => React.CSSProperties;
+declare const composeFontFamilyTypographyV2: (value?: TypographyV2Props) => string | undefined;
 declare const composeTypographyAttr: (attrs?: TypographyV2Attrs) => React.CSSProperties;
 declare const composeTypographyClassName: (typo?: TypographySettingV2, typography?: TypographySetting) => "" | "gp-g-heading-1" | "gp-g-heading-2" | "gp-g-heading-3" | "gp-g-subheading-1" | "gp-g-subheading-2" | "gp-g-subheading-3" | "gp-g-paragraph-1" | "gp-g-paragraph-2" | "gp-g-paragraph-3" | undefined;
 declare const composeFallbackTypographyStyle: (tag: string) => "var(--g-font-heading, heading)" | "var(--g-font-body, body)";
@@ -35723,72 +35801,6 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     vectorEffect?: csstype.Property.VectorEffect | undefined;
 };
 
-declare const validateEmail: (email: string) => boolean;
-
-declare function loadScript(src: string, options?: {
-    module?: boolean;
-    in?: 'head' | 'body';
-}): Promise<boolean>;
-
-declare function getSpacingVariable(key?: SpacingType): string;
-declare const composeSpacing: (spacingValue?: ObjectDevices<SpacingType>) => React.CSSProperties;
-
-declare const genVariable: (variableName: string) => string;
-
-declare const pageview$1: () => void;
-declare const event: (name: string, options?: {}) => void;
-declare const addToCart$2: (product: ProductInputAnalytic) => void;
-
-declare const fpixel_event: typeof event;
-declare namespace fpixel {
-  export {
-    addToCart$2 as addToCart,
-    fpixel_event as event,
-    pageview$1 as pageview,
-  };
-}
-
-declare const pageview: (url: string, trackingId?: string | null) => void;
-/** Addition to cart events
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
- */
-declare const addToCart$1: (product: ProductInputAnalytic) => void;
-/** Product clicked event
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#product-click
- */
-declare const productClick: (product: ProductInputAnalytic) => void;
-/** Product viewed event
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#measuring-actvities
- */
-declare const productDetail: (product: ProductInputAnalytic) => void;
-/** Removal from cart events
- * https://developers.google.com/analytics/devguides/collection/analyticsjs/enhanced-ecommerce#add-remove-cart
- */
-declare const removeFromCart: (product: ProductInputAnalytic, price: number) => void;
-
-declare const gtag_pageview: typeof pageview;
-declare const gtag_productClick: typeof productClick;
-declare const gtag_productDetail: typeof productDetail;
-declare const gtag_removeFromCart: typeof removeFromCart;
-declare namespace gtag {
-  export {
-    addToCart$1 as addToCart,
-    gtag_pageview as pageview,
-    gtag_productClick as productClick,
-    gtag_productDetail as productDetail,
-    gtag_removeFromCart as removeFromCart,
-  };
-}
-
-declare const addToCart: (product: ProductInputAnalytic) => void;
-
-declare const tiktokpixel_addToCart: typeof addToCart;
-declare namespace tiktokpixel {
-  export {
-    tiktokpixel_addToCart as addToCart,
-  };
-}
-
 type Func$6 = ReturnType<typeof addToCartOperation>;
 type Response$6 = Awaited<ReturnType<Func$6>>;
 type Args$5 = Parameters<Func$6>[0];
@@ -36094,4 +36106,4 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;
 
-export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };
+export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AliReviewsWidgetType, AlignItemProp, AlignProp, AnimationBaseSetting, AnimationConfig, AnimationDirectionType, AnimationEasingType, AnimationFadeSettingType, AnimationSetting, AnimationSettingType, AnimationShakeSettingType, AnimationSlideSettingType, AnimationTrigger, AnimationTriggerType, AnimationType, AnimationZoomDirectionType, AnimationZoomSettingType, appAPI as AppAPIType, ArticleListProvider, ArticleListProviderProps, ArticleProvider, ArticleProviderProps, Background, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CartLineProvider, CartLineProviderProps, CollectionDetailFilterDocument, CollectionDetailFilterQueryResponse, CollectionDetailFilterQueryVariables, CollectionDocument, CollectionProvider, CollectionProviderProps, CollectionQueryResponse, CollectionQueryVariables, CollectionSelectFragment, CollectionsDocument, CollectionsQueryResponse, CollectionsQueryVariables, ColorKey, ColorType$1 as ColorType, ColorValueType, Component, ComponentPreset, ComponentSetting, ContainerProp, ControlProp, ControlTriggerAction, ControlUI, CornerRadius, CornerRadiusType, CustomComponentConfig, DeepPartial, DynamicCollection, DynamicProduct, ExtractState, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetType, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, RGBAColorType, RGBColorType, Ratio$1 as Ratio, RawChild, RenderMemo as Render, RenderChildren, RenderIf, Render as RenderLiquid, RenderMode, RenderPreviewMemo as RenderPreview, RequiredCursorEdge, ResponsiveKey, ResponsiveStateProp, RivyoWidgetType, RoundedSize, RyviuWidgetType, SaleFunnelDiscount$1 as SaleFunnelDiscount, SaleFunnelDiscountEdge$1 as SaleFunnelDiscountEdge, SaleFunnelDiscountObjectType$1 as SaleFunnelDiscountObjectType, SaleFunnelDiscountType$1 as SaleFunnelDiscountType, SaleFunnelDiscountValueType$1 as SaleFunnelDiscountValueType, SaleFunnelDiscountsDocument, SaleFunnelDiscountsQueryResponse, SaleFunnelDiscountsQueryVariables, Scalars$1 as Scalars, ScaleByDirection, SectionData, SectionEntity, SectionProvider, SectionProviderProps, SettingByAnimationType, SettingByAnimationValues, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, cls, composeAdvanceStyle, composeAdvanceStyleForPostPurchase, composeBackgroundCss, composeBorderCss, composeCornerCss, composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeGridLayout, composeMemo, composePositionLineHeight, composePostionIconList, composeRadius, composeRadiusResponsive, composeShadowCss, composeSize, composeSizeCss, composeSpacing, composeTextColorCss, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, convertHTML, convertOldLayout, convertTextAlignToJustify, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, formatMoney, fpixel, genSizeClass, genTypoClass, genVariable, generateCollectionQueryKey, generateProductQueryKey, generateProductsQueryKey, getAspectRatioGlobalSize, getBgImageByDevice, getBorderStyle, getCarouselContainerHeight, getCollection, getCornerCSSFromGlobal, getCustomRadius, getGlobalColorCSSProp, getGlobalColorClass, getGlobalColorResponsiveClass, getGlobalColorResponsiveStyle, getGlobalColorStateClass, getGlobalColorStateClassDynamicBtn, getGlobalColorStateResponsiveClass, getGlobalColorStateResponsiveClassDynamicBtn, getGlobalColorStateResponsiveStyle, getGlobalColorStateStyle, getGlobalColorStyle, getGlobalSizeGap, getGradientBgrStyleByDevice, getGradientBgrStyleForButton, getHeightByShapeGlobalSize, getPaddingGlobalSize, getProduct, getProductBySlug, getRadiusCSSFromGlobal, getRadiusStyleActiveState, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleShadow, getStyleShadowState, getWidthByShapeGlobalSize, getWidthHeightGlobalSize, globalEvent, gridToArrayRegex, gtag, handleConvertBorderColor, handleConvertBorderStyle, handleConvertBorderWidth, handleConvertClassColor, handleConvertClassColorDynamicBtn, isBrowser, isColor, isColumnDirectionExist, isDefined, isEmptyChildren, isLocalEnv, isSafari, loadScript, makeAspectRatio, makeContainerWidthOrHeight, makeDotGapToCarouselStyle, makeFixedBgAttachment, makeGlobalSize, makeGlobalSizeHeightResponsive, makeGlobalSizeIcon, makeGlobalSizeWidthResponsive, makeHeight, makeLineClamp, makeStyle, makeStyleKey, makeStyleResponsive, makeStyleResponsiveByScreen, makeStyleResponsiveState, makeStyleState, makeStyleWithDefault, makeWidth, normalizeBuilderData, optionLayoutStyle, parseSelectedOption, parseValueWithUnit, prefetchQueries, props, removeAttrInStyle, removeNullUndefined, removePaddingYInStyle, removeUndefinedValuesFromObject, shopifyPriceRounding, splitStyle, styles, template, tiktokpixel, useAddToCart, useAddon, useAddons, useArticleListStore, useArticleStore, useArticlesQuery, useBlogsQuery, useBuilderComponent, useBuilderPreviewStore, useBuilderStore, useCartData, useCartDiscountCodesUpdate, useCartId, useCartLine, useCartLineStore, useCartNoteUpdate, useCartUI, useCheckAvailableVariantInStock, useCheckoutUrl, useCollection, useCollectionQuery, useCollectionStore, useCollectionsQuery, useConnectedShopify, useCreateCart, useCurrency, useCurrentDevice, useCurrentVariant, useCurrentVariantInStock, useEditorMode, useFeaturedImageGlobal, useFormatMoney, useInitialSwatchesOptions, useIsSampleProduct, useIsStorefrontProduct, useIsSyncProduct, useIsomorphicLayoutEffect, useLazyVideo, useLoadScript, useLocale, useMatchMutate, useMobileOnly, useModalStore, useMoney, useMoneyFormat, usePageStore, usePageType, usePluginEnable, usePrevious, useProduct, useProductList, useProductListProducts, useProductListSettings, useProductListStore, useProductListStyles, useProductOfferDiscount, useProductProperties, useProductQuery, useProductStore, useProductsQuery, useProductsQueryAll, useQuantity, useRemoveCartItem, useSection, useSectionStore, useSelectedOption, useShopStore, useStoreFront, useSuspenseFetch, useSwatches, useSwatchesOptions, useUniqProductID, useUpdateCartItem, useVariant, useVariantOutStock, useVariants, validateEmail };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.43.0-dev.74",
+  "version": "1.43.0-dev.80",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
     "type-check": "yarn tsc --noEmit"
   },
   "devDependencies": {
-    "@gem-sdk/adapter-shopify": "1.43.0-dev.67",
-    "@gem-sdk/styles": "1.43.0-dev.67",
+    "@gem-sdk/adapter-shopify": "1.43.0-dev.80",
+    "@gem-sdk/styles": "1.43.0-dev.80",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {