@gem-sdk/core 1.48.0-dev.4 → 1.48.0-dev.45

package/dist/cjs/components/InteractionSuffix.js

@@ -46,7 +46,7 @@ const InteractionSuffix = ({ tag, uid })=>{
         isCurrentInteractionTarget
     ]);
     if (!isDisplay) {
-        return undefined;
+        return /*#__PURE__*/ jsxRuntime.jsx(jsxRuntime.Fragment, {});
     }
     return /*#__PURE__*/ jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [

package/dist/cjs/components/Render.liquid.js

@@ -234,6 +234,7 @@ const appendAnimation = (props, liquid)=>{
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -248,8 +249,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     style="${{
         display: 'contents'

package/dist/cjs/graphql/fragments/product-little.generated.js

@@ -6,6 +6,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/cjs/graphql/fragments/published-theme-page.generated.js

@@ -28,6 +28,10 @@
   themePageCustomFonts {
     ...CustomFontSelect
   }
+  interaction {
+    id
+    value
+  }
 }
     `;
 const PreviewThemePageSelect = `
@@ -55,6 +59,10 @@ const PreviewThemePageSelect = `
     themePageCustomCode {
       ...CustomCodeSelect
     }
+    interaction {
+    id
+    value
+  }
   }
 `;
 

package/dist/cjs/helpers/background.js

@@ -121,7 +121,7 @@ const getBgAttachmentByDevice = (background, device)=>{
     return background?.[device]?.attachment;
 };
 const composeBackgroundCss = (backgroundColor)=>{
-    return `${backgroundColor ? `background-color: ${colors.getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
+    return `${backgroundColor ? `background-color: ${colors.getSingleColorVariable(backgroundColor)};` : undefined}`;
 };
 const makeFixedBgAttachment = (background)=>{
     if (!background) return;

package/dist/cjs/helpers/queries/get-product.js

@@ -36,7 +36,7 @@ const getProduct = async (fetcher, { id, isSample, isStorefront })=>{
     };
 };
 const orderBy = {
-    field: 'CREATED_AT',
+    field: 'PLATFORM_CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id, isSample, isStorefront })=>{

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

@@ -78,8 +78,22 @@ const SimpleBundlesKitsConfig = {
         appId: 'e553276b-36b2-446d-b80a-aa47fe5f96ac'
     }
 };
+const EasyBundleBuilderSkailamaConfig = {
+    EasyBundleBuilderSkailama: {
+        appName: 'easy-bundles',
+        appId: '05b1325c-6303-4da5-8e2f-b13ab2a50e1a'
+    }
+};
+const AssortionUpsellBundlesConfig = {
+    AssortionUpsellBundles: {
+        appName: 'assortion',
+        appId: '5588d7f9-a5bc-4f4a-9c54-39b7e081dd23'
+    }
+};
 
+exports.AssortionUpsellBundlesConfig = AssortionUpsellBundlesConfig;
 exports.BonLoyaltyRewardsReferralsConfig = BonLoyaltyRewardsReferralsConfig;
+exports.EasyBundleBuilderSkailamaConfig = EasyBundleBuilderSkailamaConfig;
 exports.FastBundleBundlesDiscountsConfig = FastBundleBundlesDiscountsConfig;
 exports.KiteFreeGiftDiscountConfig = KiteFreeGiftDiscountConfig;
 exports.LoopSubscriptionsConfig = LoopSubscriptionsConfig;

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

@@ -129,7 +129,21 @@ const SimpleBundlesKits = {
         'infinite-options-selector': null
     }
 };
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
+const AssortionUpsellBundles = {
+    AssortionUpsellBundles: {
+        volume: null,
+        bundle: null,
+        addon: null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...AssortionUpsellBundles,
+    ...EasyBundleBuilderSkailama,
     ...FastBundleBundlesDiscounts,
     ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,

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

@@ -15,7 +15,9 @@ const mapShopifyAppMeta = {
     ...appConfig.UnlimitedBundlesDiscountsConfig,
     ...appConfig.KiteFreeGiftDiscountConfig,
     ...appConfig.FastBundleBundlesDiscountsConfig,
-    ...appConfig.SimpleBundlesKitsConfig
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig,
+    ...appConfig.AssortionUpsellBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/helpers/typography.js

@@ -76,8 +76,10 @@ const composeTypographyV2 = (value, attrs)=>{
     });
 };
 const composeFontFamilyTypographyV2 = (value)=>{
-    const fontFamily = value?.fontFamily;
-    if (!fontFamily) return;
+    const { fontFamily, isCustom, fallbackFontFamily } = value || {};
+    if (!fontFamily) {
+        return isCustom ? fallbackFontFamily : undefined;
+    }
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
@@ -119,15 +121,7 @@ const composeTypographyClassName = (typo, typography)=>{
     return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
-    if ([
-        'heading',
-        'heading-1',
-        'heading-2',
-        'heading-3',
-        'heading-4',
-        'heading-5',
-        'heading-6'
-    ].includes(tag)) {
+    if (tag.toLocaleLowerCase().includes('heading')) {
         return 'var(--g-font-heading, heading)';
     }
     return 'var(--g-font-body, body)';
@@ -137,7 +131,8 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
         const customTypo = {
             ...typo.custom,
-            fallbackFontFamily: fallbackFontFamily
+            fallbackFontFamily: fallbackFontFamily,
+            isCustom: !!typo.custom
         };
         return {
             ...composeTypographyV2(customTypo, typo.attrs),

package/dist/esm/components/InteractionSuffix.js

@@ -1,4 +1,4 @@
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import 'zustand';
 import 'swr';
@@ -44,7 +44,7 @@ const InteractionSuffix = ({ tag, uid })=>{
         isCurrentInteractionTarget
     ]);
     if (!isDisplay) {
-        return undefined;
+        return /*#__PURE__*/ jsx(Fragment, {});
     }
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [

package/dist/esm/components/Render.liquid.js

@@ -230,6 +230,7 @@ const appendAnimation = (props, liquid)=>{
     const appearTablet = getAnimationType(getSettingsByDevice('tablet'), 'appear');
     const appearMobile = getAnimationType(getSettingsByDevice('mobile'), 'appear');
     const enableAnimation = animation?.desktop?.enabled && (appearDesktop !== 'none' || hoverDesktop !== 'none') || animation?.tablet?.enabled && appearTablet !== 'none' || animation?.mobile?.enabled && appearMobile !== 'none';
+    if (!enableAnimation) return liquid;
     const getInitVisibility = (device)=>getSettingsByDevice(device)?.enabled && ![
             'shake',
             'none'
@@ -244,8 +245,7 @@ const appendAnimation = (props, liquid)=>{
     gp-data='${JSON.stringify({
         config: animation,
         tag,
-        opacity,
-        isEnableInit: enableAnimation
+        opacity
     })}'
     style="${{
         display: 'contents'

package/dist/esm/graphql/fragments/product-little.generated.js

@@ -4,6 +4,7 @@
   title
   description
   descriptionHtml
+  createdAt
   handle
   averageRating
   isStorefront

package/dist/esm/graphql/fragments/published-theme-page.generated.js

@@ -26,6 +26,10 @@
   themePageCustomFonts {
     ...CustomFontSelect
   }
+  interaction {
+    id
+    value
+  }
 }
     `;
 const PreviewThemePageSelect = `
@@ -53,6 +57,10 @@ const PreviewThemePageSelect = `
     themePageCustomCode {
       ...CustomCodeSelect
     }
+    interaction {
+    id
+    value
+  }
   }
 `;
 

package/dist/esm/helpers/background.js

@@ -119,7 +119,7 @@ const getBgAttachmentByDevice = (background, device)=>{
     return background?.[device]?.attachment;
 };
 const composeBackgroundCss = (backgroundColor)=>{
-    return `${backgroundColor ? `background-color: ${getSingleColorVariable(backgroundColor)} !important;` : undefined}`;
+    return `${backgroundColor ? `background-color: ${getSingleColorVariable(backgroundColor)};` : undefined}`;
 };
 const makeFixedBgAttachment = (background)=>{
     if (!background) return;

package/dist/esm/helpers/queries/get-product.js

@@ -34,7 +34,7 @@ const getProduct = async (fetcher, { id, isSample, isStorefront })=>{
     };
 };
 const orderBy = {
-    field: 'CREATED_AT',
+    field: 'PLATFORM_CREATED_AT',
     direction: 'DESC'
 };
 const fetchProduct = async (fetcher, { id, isSample, isStorefront })=>{

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

@@ -76,5 +76,17 @@ const SimpleBundlesKitsConfig = {
         appId: 'e553276b-36b2-446d-b80a-aa47fe5f96ac'
     }
 };
+const EasyBundleBuilderSkailamaConfig = {
+    EasyBundleBuilderSkailama: {
+        appName: 'easy-bundles',
+        appId: '05b1325c-6303-4da5-8e2f-b13ab2a50e1a'
+    }
+};
+const AssortionUpsellBundlesConfig = {
+    AssortionUpsellBundles: {
+        appName: 'assortion',
+        appId: '5588d7f9-a5bc-4f4a-9c54-39b7e081dd23'
+    }
+};
 
-export { BonLoyaltyRewardsReferralsConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };
+export { AssortionUpsellBundlesConfig, BonLoyaltyRewardsReferralsConfig, EasyBundleBuilderSkailamaConfig, FastBundleBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, SimpleBundlesKitsConfig, SkioSubscriptionsYcS20Config, SubifySubscriptionsConfig, UnlimitedBundlesDiscountsConfig };

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

@@ -127,7 +127,21 @@ const SimpleBundlesKits = {
         'infinite-options-selector': null
     }
 };
+const EasyBundleBuilderSkailama = {
+    EasyBundleBuilderSkailama: {
+        'app-block-bundlePage': null
+    }
+};
+const AssortionUpsellBundles = {
+    AssortionUpsellBundles: {
+        volume: null,
+        bundle: null,
+        addon: null
+    }
+};
 const composeSettingsByWidgetType = {
+    ...AssortionUpsellBundles,
+    ...EasyBundleBuilderSkailama,
     ...FastBundleBundlesDiscounts,
     ...KiteFreeGiftDiscount,
     ...UnlimitedBundlesDiscounts,

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 } from './appConfig.js';
+import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig, KiteFreeGiftDiscountConfig, FastBundleBundlesDiscountsConfig, SimpleBundlesKitsConfig, EasyBundleBuilderSkailamaConfig, AssortionUpsellBundlesConfig } from './appConfig.js';
 
 const mapShopifyAppMeta = {
     ...RechargeSubscriptionsConfig,
@@ -13,7 +13,9 @@ const mapShopifyAppMeta = {
     ...UnlimitedBundlesDiscountsConfig,
     ...KiteFreeGiftDiscountConfig,
     ...FastBundleBundlesDiscountsConfig,
-    ...SimpleBundlesKitsConfig
+    ...SimpleBundlesKitsConfig,
+    ...EasyBundleBuilderSkailamaConfig,
+    ...AssortionUpsellBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/helpers/typography.js

@@ -74,8 +74,10 @@ const composeTypographyV2 = (value, attrs)=>{
     });
 };
 const composeFontFamilyTypographyV2 = (value)=>{
-    const fontFamily = value?.fontFamily;
-    if (!fontFamily) return;
+    const { fontFamily, isCustom, fallbackFontFamily } = value || {};
+    if (!fontFamily) {
+        return isCustom ? fallbackFontFamily : undefined;
+    }
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
@@ -117,15 +119,7 @@ const composeTypographyClassName = (typo, typography)=>{
     return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
-    if ([
-        'heading',
-        'heading-1',
-        'heading-2',
-        'heading-3',
-        'heading-4',
-        'heading-5',
-        'heading-6'
-    ].includes(tag)) {
+    if (tag.toLocaleLowerCase().includes('heading')) {
         return 'var(--g-font-heading, heading)';
     }
     return 'var(--g-font-body, body)';
@@ -135,7 +129,8 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         const fallbackFontFamily = composeFallbackTypographyStyle(typo.type ?? 'heading');
         const customTypo = {
             ...typo.custom,
-            fallbackFontFamily: fallbackFontFamily
+            fallbackFontFamily: fallbackFontFamily,
+            isCustom: !!typo.custom
         };
         return {
             ...composeTypographyV2(customTypo, typo.attrs),

package/dist/types/index.d.ts

@@ -7334,6 +7334,7 @@ type Option$2<T> = {
     tooltip?: string;
     type?: string;
     note?: string;
+    maxOption?: number;
 };
 type Mapped$3<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
     id: K;
@@ -8032,8 +8033,79 @@ type ShapeSelectorControlType<T> = SharedControlType<T> & {
     type: 'shape-selector';
 };
 
+declare enum CompareType {
+    EXACT = "exact",
+    ABOVE = "above",
+    BELOW = "below",
+    EXACT_OR_ABOVE = "exact_or_above",
+    EXACT_OR_BELOW = "exact_or_below",
+    BETWEEN = "between"
+}
+declare enum TriggerType {
+    INVENTORY_STATUS = "inventory_status",
+    DISCOUNT_PRICE = "discount_price",
+    PRICE_RANGE = "price_range",
+    PRODUCT_TAGS = "product_tags",
+    CREATION_DATE = "creation_date"
+}
+declare enum InventoryStatus {
+    IN_STOCK = "in_stock",
+    OUT_OF_STOCK = "out_of_stock"
+}
+declare enum CreationDateType {
+    DURATION = "duration",
+    EXACT_DATE = "exact_date",
+    BETWEEN_DATES = "between_dates"
+}
+declare enum DiscountType {
+    PERCENT = "percent",
+    FIXED = "fixed"
+}
+type InventoryStatusTrigger = {
+    triggerEvent: TriggerType.INVENTORY_STATUS;
+    type: InventoryStatus;
+    quantityType: CompareType;
+    from: string;
+    to?: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type DiscountPriceTrigger = {
+    triggerEvent: TriggerType.DISCOUNT_PRICE;
+    type: CompareType;
+    amount?: string;
+    from?: string;
+    to?: string;
+    priority: number;
+    conditionType?: CompareType;
+    discountType?: DiscountType;
+};
+type PriceRangeTrigger = {
+    triggerEvent: TriggerType.PRICE_RANGE;
+    from: string;
+    to: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type CreationDateTrigger = {
+    triggerEvent: TriggerType.CREATION_DATE;
+    type: CreationDateType;
+    days: string;
+    from: string;
+    to: string;
+    priority: number;
+    conditionType?: CompareType;
+};
+type ProductTagTrigger = {
+    triggerEvent: TriggerType.PRODUCT_TAGS;
+    searchTag: string[];
+    priority: number;
+    conditionType?: CompareType;
+};
+type TDisplayTrigger = InventoryStatusTrigger | DiscountPriceTrigger | PriceRangeTrigger | ProductTagTrigger | CreationDateTrigger;
 type DisplayTriggerControlType<T> = SharedControlType<T> & {
     type: 'display-trigger-badge';
+    default: TDisplayTrigger[];
 };
 
 type CustomPositionControlType<T> = SharedControlType<T> & {
@@ -8060,6 +8132,87 @@ type SelectProductBundleControlType<T> = SharedControlType<T> & {
     hide?: boolean;
 };
 
+type SettingStateType = 'normal' | 'hover' | 'focus' | 'active' | 'price' | 'compareAtPrice';
+type LangKey = 'en' | 'vi';
+type LabelWithLang = {
+    [P in keyof Record<LangKey, ''>]?: string;
+};
+type SettingMediaType = 'image' | 'youtubeVideoID';
+type SettingUIHelpType = {
+    content: string;
+    buttonLink?: string;
+    media?: {
+        value: string;
+        type: SettingMediaType;
+    };
+};
+type LinkWithSetting = {
+    name: string;
+    state?: string;
+    field?: string;
+};
+type ControlConfig = ControlProp<any> & {
+    linkWithSetting?: LinkWithSetting;
+};
+type SettingUIControl = {
+    id?: string;
+    controlConfig?: ControlConfig;
+    isCompo?: boolean;
+    layout?: 'vertical' | 'horizontal';
+    toggleGroupId?: string;
+    label?: LabelWithLang;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    options?: {
+        hideOnDevices?: Record<NameDevices$1, boolean>;
+        fullWidth?: boolean;
+        disableMessage?: string;
+    };
+    setting?: {
+        id: string;
+        state?: SettingStateType;
+    };
+    searchKeyword?: string;
+} & SettingUICompo;
+type SettingUICompo = {
+    controls?: SettingUIControl[];
+    iconName?: string;
+    getValueFromSettingID?: string;
+    fixedValue?: string;
+    placeholder?: string;
+    help?: SettingUIHelpType;
+};
+type SettingUIMoreSetting = {
+    label?: LabelWithLang;
+    labelAction?: LabelWithLang;
+    controls?: SettingUIControl[];
+    help?: SettingUIHelpType;
+};
+type SettingUIToggleGroup = {
+    label?: LabelWithLang;
+    id?: string;
+    controls?: SettingUIControl[];
+};
+type SettingUIToggleSettings = {
+    type: 'control' | 'toggleGroup';
+    controls?: SettingUIControl[];
+    isActiveDefault?: boolean;
+} & SettingUIControl & SettingUIToggleGroup;
+type SettingUIGroup = {
+    label?: LabelWithLang;
+    message?: string;
+    disableToggle?: boolean;
+    conditionDisplay?: string;
+    conditionEnable?: string;
+    controls?: SettingUIControl[];
+    moreSettings?: SettingUIMoreSetting;
+    toggleSettings?: SettingUIToggleSettings[];
+    help?: SettingUIHelpType;
+    options?: {
+        disableMessage?: string;
+    };
+};
+
 type ControlProp<T> = ProductBundleChildControlType<T> | SelectProductBundleControlType<T> | AngleControlType<T> | CheckboxControlType<T> | ColorPickerControlType<T> | GroupControlType<T> | IconControlType<T> | InputFixContentControlType<T> | InputNumberControlType<T> | InputUnitControlType<T> | InputUnitSpacingControlType<T> | InputUnitWidthControlType<T> | InputControlType<T> | MarginControlType<T> | PaddingControlType<T> | PositionControlType<T> | RadioGroupControlType | RangeControlType<T> | SegmentControlType<T> | OpenLinkControlType<T> | SelectControlType<T> | TextareaControlType<T> | ToggleControlType<T> | ImageControlType<T> | ChildrensControlType | GridControlType<T> | FlexControlType<T> | TextEditorControlType<T> | ProductControlType<T> | TypographyControlType<T> | TypographyV2ControlType<T> | MenuControlType<T> | BehaviorStateControlType<T> | PickLinkControlType<T> | BoxShadowControlType<T> | TextShadowControlType<T> | BorderControlType<T> | BorderRadiusControlType<T> | RadiusPresetControlType<T> | SizeControlType<T> | ChildItemType<T> | PickMultiProductControlType<T> | CollectionControlType<T> | BackgroundControlType<T> | VisibilityControlType<T> | SelectVariantControlType | CountdownEvergreenType | Timezone<T> | CustomContentControlType<T> | DateTimePickerControlType | CountdownDailyType | KlaviyoCodes | YotpoLoyaltyCodes | InputWidthControlType<T> | LayoutSegmentControlType<T> | InputSpacing<T> | UniqueIdControlType<T> | PositionSquareControlType<T> | CustomCodeEditor | LayoutControlType<T> | LayoutBannerControlType<T> | SwatchesLinkControlType<T> | VariantSwatchesPresetControlType<T> | VariantSwatchesOnlyDefaultVariantControlType<T> | ProductListControlType<T> | ArticleListControlType<T> | CollectionBannerControlType<T> | Ratio<T> | StickyDisplayControlType<T> | SyncProductPropertiesControlType<T> | StepsGuide<T> | ImageShape<T> | GridArrange<T> | SizeSetting$1<T> | ChildIconType<T> | DropdownInput<T> | Dropdown<T> | AliPickSectionControlType<T> | ParallaxScrollingType<T> | BackgroundColorPickerType<T> | PlayPauseControlType<T> | LayoutCustomSegmentControlType<T> | SneakPeakRange<T> | SneakPeakTypeControlType<T> | SneakPeakControlType<T> | ProductInputCurrencyUnitControlType<T> | TypographyPostPurchaseControlType<T> | ProductOffersControlType<T> | DiscountAndShippingFee<T> | PostPurchaseTextareaControlType<T> | NotesControlType<T> | ButtonLayoutType<T> | ShapeSelectorControlType<T> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<T> | DisplayTriggerControlType<T>;
 type ControlTriggerAction = {
     controlId: string;
@@ -8131,6 +8284,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -28415,6 +28569,7 @@ type TypographyProps = {
     fallbackFontFamily?: string;
     textShadow?: ShadowProps;
     hasShadowText?: boolean;
+    isCustom?: boolean;
 };
 type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
     fontSize?: ObjectDevices<string>;
@@ -28823,7 +28978,7 @@ type ProductListProviderProps = ProductListContextProps & {
 declare const ProductListProvider: React.FC<ProductListProviderProps>;
 declare const useProductListStore: <U>(selector: (state: ExtractState<StoreApi<ProductListContextProps>>) => U, equalityFn?: ((a: U, b: U) => boolean) | undefined) => U;
 
-type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
+type ProductSelectFragment = Pick<Product$1, 'tags' | 'id' | 'title' | 'createdAt' | 'description' | 'descriptionHtml' | 'handle' | 'averageRating' | 'isStorefront' | 'isSample' | 'baseID' | 'sku' | 'vendor'> & {
     collections?: Maybe$1<{
         edges: Array<{
             node?: Maybe$1<Pick<Collection$1, 'id' | 'title'>>;
@@ -29187,6 +29342,7 @@ type PublishedThemePagesQueryResponse = {
         themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
         themePageCustomFonts?: Maybe$1<Array<Maybe$1<CustomFont$1>>>;
+        interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
     }>>>;
 };
 declare const PublishedThemePagesDocument: string;
@@ -29264,6 +29420,7 @@ type PreviewPageQueryResponse = {
         pageStyle?: Maybe$1<Pick<PublishedThemeStyle$1, 'id' | 'data' | 'name'>>;
         themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
         themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
+        interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
     }>;
 };
 declare const PreviewPageDocument: string;
@@ -29883,6 +30040,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -31387,6 +31553,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -32891,6 +33066,15 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -34395,6 +34579,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -36039,6 +36232,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
     '--gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--hvr-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
     '--focus-gg-mobile'?: csstype.Property.GridGap<string | number> | undefined;
+    '--gr'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr'?: csstype.Property.GridRow | undefined;
+    '--focus-gr'?: csstype.Property.GridRow | undefined;
+    '--gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-tablet'?: csstype.Property.GridRow | undefined;
+    '--gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--hvr-gr-mobile'?: csstype.Property.GridRow | undefined;
+    '--focus-gr-mobile'?: csstype.Property.GridRow | undefined;
     '--gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--hvr-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
     '--focus-gtc'?: csstype.Property.GridTemplateColumns<string | number> | undefined;
@@ -37532,6 +37734,7 @@ type PublishedThemePageSelectFragment = Pick<PublishedThemePage$1, 'id' | 'name'
     pageStyle?: Maybe$1<Pick<PublishedThemeStyle$1, 'id' | 'data' | 'name'>>;
     themePageAnalytic?: Maybe$1<Pick<Analytic$1, 'fbPixelID' | 'gaTrackingID' | 'tiktokPixelID'>>;
     themePageCustomCode?: Maybe$1<Pick<CustomCode$1, 'body' | 'header'>>;
+    interaction?: Maybe$1<Pick<PublishedPageInteraction$1, 'id' | 'value'>>;
 };
 
 declare const getProductBySlug: (fetcher: FetchFunc, slug?: string) => Promise<ProductSelectFragment>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gem-sdk/core",
-  "version": "1.48.0-dev.4",
+  "version": "1.48.0-dev.45",
   "license": "MIT",
   "sideEffects": false,
   "main": "dist/cjs/index.js",
@@ -28,7 +28,7 @@
   },
   "devDependencies": {
     "@gem-sdk/adapter-shopify": "1.48.0-dev.3",
-    "@gem-sdk/styles": "1.48.0-dev.3",
+    "@gem-sdk/styles": "1.48.0-dev.32",
     "@types/classnames": "^2.3.1"
   },
   "dependencies": {