@gem-sdk/core 1.48.0-dev.3 → 1.48.0-dev.33

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/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

@@ -60,14 +60,49 @@ const UnlimitedBundlesDiscountsConfig = {
         appId: 'd33d0f48-dee0-42a0-b156-2a5dce91814a'
     }
 };
+const KiteFreeGiftDiscountConfig = {
+    KiteFreeGiftDiscount: {
+        appName: 'kite-free-gift-discounts',
+        appId: '2c7302c4-455d-4078-a829-48563ba26089'
+    }
+};
+const FastBundleBundlesDiscountsConfig = {
+    FastBundleBundlesDiscounts: {
+        appName: 'fast-bundle',
+        appId: '9e87fbe2-9041-4c23-acf5-322413994cef'
+    }
+};
+const SimpleBundlesKitsConfig = {
+    SimpleBundlesKits: {
+        appName: 'simple-bundles-kits',
+        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;
 exports.PumperBundlesVolumeDiscountConfig = PumperBundlesVolumeDiscountConfig;
 exports.RechargeSubscriptionsConfig = RechargeSubscriptionsConfig;
 exports.ReviewxpoProductReviewsAppConfig = ReviewxpoProductReviewsAppConfig;
 exports.SelleasyConfig = SelleasyConfig;
 exports.ShopifyFormsConfig = ShopifyFormsConfig;
+exports.SimpleBundlesKitsConfig = SimpleBundlesKitsConfig;
 exports.SkioSubscriptionsYcS20Config = SkioSubscriptionsYcS20Config;
 exports.SubifySubscriptionsConfig = SubifySubscriptionsConfig;
 exports.UnlimitedBundlesDiscountsConfig = UnlimitedBundlesDiscountsConfig;

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

@@ -110,8 +110,44 @@ const UnlimitedBundlesDiscounts = {
         'product-page-placeholder': null
     }
 };
+const KiteFreeGiftDiscount = {
+    KiteFreeGiftDiscount: {
+        'app-block': null
+    }
+};
+const FastBundleBundlesDiscounts = {
+    FastBundleBundlesDiscounts: {
+        all_bundles: null,
+        fbt_position: null,
+        product_bundles: null,
+        product_bundle_with_ids: null,
+        volume_position: null
+    }
+};
+const SimpleBundlesKits = {
+    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,
+    ...SimpleBundlesKits,
     ...PumperBundlesVolumeDiscount,
     ...ReviewxpoProductReviewsApp,
     ...ShopifyForms,

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

@@ -12,7 +12,12 @@ const mapShopifyAppMeta = {
     ...appConfig.ShopifyFormsConfig,
     ...appConfig.ReviewxpoProductReviewsAppConfig,
     ...appConfig.PumperBundlesVolumeDiscountConfig,
-    ...appConfig.UnlimitedBundlesDiscountsConfig
+    ...appConfig.UnlimitedBundlesDiscountsConfig,
+    ...appConfig.KiteFreeGiftDiscountConfig,
+    ...appConfig.FastBundleBundlesDiscountsConfig,
+    ...appConfig.SimpleBundlesKitsConfig,
+    ...appConfig.EasyBundleBuilderSkailamaConfig,
+    ...appConfig.AssortionUpsellBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/cjs/helpers/typography.js

@@ -77,7 +77,9 @@ const composeTypographyV2 = (value, attrs)=>{
 };
 const composeFontFamilyTypographyV2 = (value)=>{
     const fontFamily = value?.fontFamily;
-    if (!fontFamily) return;
+    if (!fontFamily) {
+        return value?.fallbackFontFamily;
+    }
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
@@ -116,7 +118,7 @@ const composeTypographyAttr = (attrs)=>{
     });
 };
 const composeTypographyClassName = (typo, typography)=>{
-    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+    return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
     if ([
@@ -148,6 +150,9 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         ...!typography?.type ? composeTypography(typography?.custom) : {}
     };
 };
+const isCustomTypo = (typoProps)=>{
+    return typoProps && Object.keys(typoProps).length > 1 || typoProps && Object.keys(typoProps).length === 1 && !typoProps.fontSize;
+};
 
 exports.composeFallbackTypographyStyle = composeFallbackTypographyStyle;
 exports.composeFontFamilyTypographyV2 = composeFontFamilyTypographyV2;

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/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

@@ -58,5 +58,35 @@ const UnlimitedBundlesDiscountsConfig = {
         appId: 'd33d0f48-dee0-42a0-b156-2a5dce91814a'
     }
 };
+const KiteFreeGiftDiscountConfig = {
+    KiteFreeGiftDiscount: {
+        appName: 'kite-free-gift-discounts',
+        appId: '2c7302c4-455d-4078-a829-48563ba26089'
+    }
+};
+const FastBundleBundlesDiscountsConfig = {
+    FastBundleBundlesDiscounts: {
+        appName: 'fast-bundle',
+        appId: '9e87fbe2-9041-4c23-acf5-322413994cef'
+    }
+};
+const SimpleBundlesKitsConfig = {
+    SimpleBundlesKits: {
+        appName: 'simple-bundles-kits',
+        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, LoopSubscriptionsConfig, PumperBundlesVolumeDiscountConfig, RechargeSubscriptionsConfig, ReviewxpoProductReviewsAppConfig, SelleasyConfig, ShopifyFormsConfig, 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

@@ -108,8 +108,44 @@ const UnlimitedBundlesDiscounts = {
         'product-page-placeholder': null
     }
 };
+const KiteFreeGiftDiscount = {
+    KiteFreeGiftDiscount: {
+        'app-block': null
+    }
+};
+const FastBundleBundlesDiscounts = {
+    FastBundleBundlesDiscounts: {
+        all_bundles: null,
+        fbt_position: null,
+        product_bundles: null,
+        product_bundle_with_ids: null,
+        volume_position: null
+    }
+};
+const SimpleBundlesKits = {
+    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,
+    ...SimpleBundlesKits,
     ...PumperBundlesVolumeDiscount,
     ...ReviewxpoProductReviewsApp,
     ...ShopifyForms,

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

@@ -1,4 +1,4 @@
-import { RechargeSubscriptionsConfig, BonLoyaltyRewardsReferralsConfig, SubifySubscriptionsConfig, SelleasyConfig, LoopSubscriptionsConfig, SkioSubscriptionsYcS20Config, ShopifyFormsConfig, ReviewxpoProductReviewsAppConfig, PumperBundlesVolumeDiscountConfig, UnlimitedBundlesDiscountsConfig } 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,
@@ -10,7 +10,12 @@ const mapShopifyAppMeta = {
     ...ShopifyFormsConfig,
     ...ReviewxpoProductReviewsAppConfig,
     ...PumperBundlesVolumeDiscountConfig,
-    ...UnlimitedBundlesDiscountsConfig
+    ...UnlimitedBundlesDiscountsConfig,
+    ...KiteFreeGiftDiscountConfig,
+    ...FastBundleBundlesDiscountsConfig,
+    ...SimpleBundlesKitsConfig,
+    ...EasyBundleBuilderSkailamaConfig,
+    ...AssortionUpsellBundlesConfig
 };
 const THIRD_PARTY_APP_BLOCK_ID_PREFIX = 'gp_app';
 

package/dist/esm/helpers/typography.js

@@ -75,7 +75,9 @@ const composeTypographyV2 = (value, attrs)=>{
 };
 const composeFontFamilyTypographyV2 = (value)=>{
     const fontFamily = value?.fontFamily;
-    if (!fontFamily) return;
+    if (!fontFamily) {
+        return value?.fallbackFontFamily;
+    }
     if (typeof fontFamily === 'string') {
         return getFontUsedByTypographyV2({
             fontFamily,
@@ -114,7 +116,7 @@ const composeTypographyAttr = (attrs)=>{
     });
 };
 const composeTypographyClassName = (typo, typography)=>{
-    return typo ? typo?.type && !typo.custom ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
+    return typo ? typo?.type && !isCustomTypo(typo.custom) ? genTypoClass(typo.type) : '' : typography?.type && genTypoClass(typography?.type);
 };
 const composeFallbackTypographyStyle = (tag)=>{
     if ([
@@ -146,5 +148,8 @@ const composeTypographyStyle = (typo, typography, disableAttr)=>{
         ...!typography?.type ? composeTypography(typography?.custom) : {}
     };
 };
+const isCustomTypo = (typoProps)=>{
+    return typoProps && Object.keys(typoProps).length > 1 || typoProps && Object.keys(typoProps).length === 1 && !typoProps.fontSize;
+};
 
 export { composeFallbackTypographyStyle, composeFontFamilyTypographyV2, composeTypography, composeTypographyAttr, composeTypographyClassName, composeTypographyCss, composeTypographyStyle, composeTypographyV2, composeTypographyV2Css, genTypoClass };

package/dist/types/index.d.ts

@@ -7187,6 +7187,11 @@ type InputControlType<T> = SharedControlType<T> & {
     action?: {
         clear?: boolean;
     };
+    actionChangeControls?: {
+        controlID: string;
+        condition?: string;
+        newValue: any;
+    }[];
 };
 
 type InputFixContentControlType<T> = SharedControlType<T> & {
@@ -7329,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;
@@ -7383,6 +7389,7 @@ type TextareaControlType<T> = SharedControlType<T> & {
     readonly?: boolean;
     minHeight?: number;
     maxWidth?: number;
+    inputClass?: string;
     autoHeight?: boolean;
     defaultRows?: number;
     showPlusBtn?: boolean;
@@ -8054,6 +8061,78 @@ 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 SettingUIControl = {
+    id?: string;
+    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;
@@ -8125,6 +8204,7 @@ type ComponentSetting<P extends BaseProps> = {
         };
     };
     ui?: ControlUI[];
+    uiV2?: SettingUIGroup[];
     presets?: ComponentPreset[];
     locales?: Record<string, any>;
 };
@@ -28817,7 +28897,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'>>;
@@ -29877,6 +29957,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;
@@ -31381,6 +31470,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;
@@ -32885,6 +32983,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;
@@ -34389,6 +34496,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;
@@ -36033,6 +36149,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;

package/package.json

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