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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +58 -4
  2. package/dist/cjs/components/InteractionSuffix.js +19 -92
  3. package/dist/cjs/components/Render.liquid.js +40 -7
  4. package/dist/cjs/contexts/PageContext.js +19 -4
  5. package/dist/cjs/graphql/queries/published-shop-metas.js +15 -0
  6. package/dist/cjs/helpers/animations.js +11 -2
  7. package/dist/cjs/helpers/background.js +10 -5
  8. package/dist/cjs/helpers/compose-advance-style.js +15 -1
  9. package/dist/cjs/helpers/interaction/index.js +45 -6
  10. package/dist/cjs/helpers/radius.js +11 -1
  11. package/dist/cjs/helpers/shadow.js +5 -4
  12. package/dist/cjs/helpers/third-party/appConfig.js +49 -0
  13. package/dist/cjs/helpers/third-party/appSetting.js +150 -35
  14. package/dist/cjs/helpers/third-party/constant.js +8 -1
  15. package/dist/cjs/helpers/third-party/getAppBlockConfig.js +8 -1
  16. package/dist/cjs/helpers/typography.js +5 -2
  17. package/dist/cjs/hooks/animation/useAnimationConfig.js +3 -2
  18. package/dist/cjs/hooks/animation/useApplyAnimation.js +5 -5
  19. package/dist/cjs/index.js +5 -1
  20. package/dist/esm/components/ComponentToolbarPreview.js +58 -4
  21. package/dist/esm/components/InteractionSuffix.js +20 -93
  22. package/dist/esm/components/Render.liquid.js +40 -7
  23. package/dist/esm/contexts/PageContext.js +19 -4
  24. package/dist/esm/graphql/queries/published-shop-metas.js +13 -0
  25. package/dist/esm/helpers/animations.js +11 -2
  26. package/dist/esm/helpers/background.js +10 -5
  27. package/dist/esm/helpers/compose-advance-style.js +16 -2
  28. package/dist/esm/helpers/interaction/index.js +45 -6
  29. package/dist/esm/helpers/radius.js +11 -1
  30. package/dist/esm/helpers/shadow.js +5 -4
  31. package/dist/esm/helpers/third-party/appConfig.js +43 -1
  32. package/dist/esm/helpers/third-party/appSetting.js +150 -35
  33. package/dist/esm/helpers/third-party/constant.js +9 -2
  34. package/dist/esm/helpers/third-party/getAppBlockConfig.js +8 -1
  35. package/dist/esm/helpers/typography.js +5 -2
  36. package/dist/esm/hooks/animation/useAnimationConfig.js +3 -2
  37. package/dist/esm/hooks/animation/useApplyAnimation.js +5 -5
  38. package/dist/esm/index.js +3 -1
  39. package/dist/types/index.d.ts +371 -192
  40. package/package.json +3 -3
@@ -5413,6 +5413,7 @@ type PublishedShopMetaWhereInput$1 = {
5413
5413
  valueNotIn?: InputMaybe$1<Array<Scalars$2['String']>>;
5414
5414
  };
5415
5415
  type PublishedThemePage$1 = {
5416
+ children?: Maybe$1<Array<Maybe$1<PublishedThemePage$1>>>;
5416
5417
  createdAt?: Maybe$1<Scalars$2['Time']>;
5417
5418
  default: Scalars$2['Boolean'];
5418
5419
  description?: Maybe$1<Scalars$2['String']>;
@@ -5677,12 +5678,18 @@ type PublishedThemePageWhereInput$1 = {
5677
5678
  handleNEQ?: InputMaybe$1<Scalars$2['String']>;
5678
5679
  handleNotIn?: InputMaybe$1<Array<Scalars$2['String']>>;
5679
5680
  handleNotNil?: InputMaybe$1<Scalars$2['Boolean']>;
5681
+ /** children edge predicates */
5682
+ hasChildren?: InputMaybe$1<Scalars$2['Boolean']>;
5683
+ hasChildrenWith?: InputMaybe$1<Array<PublishedThemePageWhereInput$1>>;
5680
5684
  /** interaction edge predicates */
5681
5685
  hasInteraction?: InputMaybe$1<Scalars$2['Boolean']>;
5682
5686
  hasInteractionWith?: InputMaybe$1<Array<PublishedPageInteractionWhereInput$1>>;
5683
5687
  /** offer edge predicates */
5684
5688
  hasOffer?: InputMaybe$1<Scalars$2['Boolean']>;
5685
5689
  hasOfferWith?: InputMaybe$1<Array<PublishedSaleFunnelOfferWhereInput$1>>;
5690
+ /** parent edge predicates */
5691
+ hasParent?: InputMaybe$1<Scalars$2['Boolean']>;
5692
+ hasParentWith?: InputMaybe$1<Array<PublishedThemePageWhereInput$1>>;
5686
5693
  /** publishedPageSection edge predicates */
5687
5694
  hasPublishedPageSection?: InputMaybe$1<Scalars$2['Boolean']>;
5688
5695
  hasPublishedPageSectionWith?: InputMaybe$1<Array<PublishedPageSectionWhereInput$1>>;
@@ -5745,6 +5752,13 @@ type PublishedThemePageWhereInput$1 = {
5745
5752
  offerIDNotIn?: InputMaybe$1<Array<Scalars$2['ID']>>;
5746
5753
  offerIDNotNil?: InputMaybe$1<Scalars$2['Boolean']>;
5747
5754
  or?: InputMaybe$1<Array<PublishedThemePageWhereInput$1>>;
5755
+ /** parent_id field predicates */
5756
+ parentID?: InputMaybe$1<Scalars$2['ID']>;
5757
+ parentIDIn?: InputMaybe$1<Array<Scalars$2['ID']>>;
5758
+ parentIDIsNil?: InputMaybe$1<Scalars$2['Boolean']>;
5759
+ parentIDNEQ?: InputMaybe$1<Scalars$2['ID']>;
5760
+ parentIDNotIn?: InputMaybe$1<Array<Scalars$2['ID']>>;
5761
+ parentIDNotNil?: InputMaybe$1<Scalars$2['Boolean']>;
5748
5762
  /** split_percentage field predicates */
5749
5763
  splitPercentage?: InputMaybe$1<Scalars$2['Float']>;
5750
5764
  splitPercentageGT?: InputMaybe$1<Scalars$2['Float']>;
@@ -5998,6 +6012,7 @@ type Query$1 = {
5998
6012
  productOptionValues?: Maybe$1<ProductOptionValueConnection$1>;
5999
6013
  productOptions?: Maybe$1<ProductOptionConnection$1>;
6000
6014
  products?: Maybe$1<ProductConnection$1>;
6015
+ publishedShopMetas?: Maybe$1<Array<PublishedShopMeta$1>>;
6001
6016
  publishedThemePages?: Maybe$1<Array<Maybe$1<PublishedThemePage$1>>>;
6002
6017
  publishedThemeSection?: Maybe$1<PublishedThemeSection$1>;
6003
6018
  publishedThemeSections?: Maybe$1<PublishedThemeSectionConnection$1>;
@@ -6111,6 +6126,9 @@ type QueryProductsArgs$1 = {
6111
6126
  orderBy?: InputMaybe$1<ProductOrder$1>;
6112
6127
  where?: InputMaybe$1<ProductWhereInput$1>;
6113
6128
  };
6129
+ type QueryPublishedShopMetasArgs = {
6130
+ keys?: InputMaybe$1<Array<Scalars$2['String']>>;
6131
+ };
6114
6132
  type QueryPublishedThemePagesArgs$1 = {
6115
6133
  slug?: InputMaybe$1<Scalars$2['String']>;
6116
6134
  slugType: PublishedThemePageType$1;
@@ -6482,6 +6500,7 @@ type shop_EntityFindPublishedThemePageOnlineStoreDataByIdArgs = EntityFindPublis
6482
6500
  type shop_EntityFindPublishedThemeSectionByIdArgs = EntityFindPublishedThemeSectionByIdArgs;
6483
6501
  type shop_EntityFindPublishedThemeStyleByIdArgs = EntityFindPublishedThemeStyleByIdArgs;
6484
6502
  type shop_EntityFindTagByIdArgs = EntityFindTagByIdArgs;
6503
+ type shop_QueryPublishedShopMetasArgs = QueryPublishedShopMetasArgs;
6485
6504
  type shop_Query_EntitiesArgs = Query_EntitiesArgs;
6486
6505
  type shop__Entity = _Entity;
6487
6506
  type shop__Service = _Service;
@@ -6694,6 +6713,7 @@ declare namespace shop {
6694
6713
  QueryProductOptionValuesArgs$1 as QueryProductOptionValuesArgs,
6695
6714
  QueryProductOptionsArgs$1 as QueryProductOptionsArgs,
6696
6715
  QueryProductsArgs$1 as QueryProductsArgs,
6716
+ shop_QueryPublishedShopMetasArgs as QueryPublishedShopMetasArgs,
6697
6717
  QueryPublishedThemePagesArgs$1 as QueryPublishedThemePagesArgs,
6698
6718
  QueryPublishedThemeSectionArgs$1 as QueryPublishedThemeSectionArgs,
6699
6719
  QueryPublishedThemeSectionsArgs$1 as QueryPublishedThemeSectionsArgs,
@@ -6886,19 +6906,21 @@ type RivyoWidgetType = 'reviews' | 'badge' | 'testimonials' | 'allReviewsPage';
6886
6906
  type VitalsWidgetType = 'addToWishlist' | 'goToWishlist' | 'paymentLogos' | 'recentlyViewed' | 'shoppableInstagramFeed' | 'trustSealsAndBadges' | 'productReviews' | 'productBundles' | 'volumeDiscounts' | 'stockScarcity' | 'sizeChart' | 'upsellBuilderBogo' | 'bundleCountdownBox' | 'reviewsUnderTitle' | 'productReviewsCarousel' | 'shippingBox' | 'currencyConverter' | 'relatedProducts' | 'backInStock';
6887
6907
  type FeraReviewsWidgetType = 'productReviews' | 'testimonialCarousel' | 'allReviews' | 'averageStoreRatingBadge' | 'inStoreMedia' | 'averageRatingBadge' | 'productPageMedia';
6888
6908
  type FeraReviewsV3WidgetType = 'allReviews' | 'testimonialCarousel' | 'mediaGallery' | 'productDetailRating' | 'productReviews' | 'productCollectionRating' | 'otherWidget';
6889
- type GrowaveWidgetType = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
6890
- type AliReviewsWidgetType = 'section' | 'starRating' | 'starBadge' | 'starBadgeCollection' | 'carouselSlider';
6909
+ type GrowaveWidgetTypeV2 = 'block.product.reviewWidget' | 'v2.product.reviewsMiniSlider' | 'block.product.reviewAvgProfile' | 'block.product.faveButton';
6910
+ type GrowaveWidgetTypeV1 = 'reviews' | 'badge' | 'productListBadge' | 'wishList' | 'socialShare' | 'favorite';
6911
+ type AliReviewsWidgetType = 'starRating' | 'reviewBox';
6891
6912
  type OpinewWidgetType = 'reviews' | 'badge' | 'badgeCollection' | 'carousel' | 'allReviews' | 'allReviewsBadge';
6892
6913
  type OpinewDesignWidgetType = 'opinew_badge_wide_average' | 'opinew_badge_wide' | 'opinew_badge_small';
6893
6914
  type UltimateSalesBoostWidgetType = 'sticker' | 'message' | 'getItByTimer' | 'buyXGetTY' | 'countdownTimer' | 'stockInventoryNumber' | 'trustBadge' | 'advancedTrustBadge';
6894
6915
  type OmnisendWidgetType = 'landing-page' | 'embedded';
6895
- type BoldSubscriptionsWidgetType = 'v1' | 'v2';
6916
+ type BoldSubscriptionsWidgetType = 'v1' | 'bsub-widget-block';
6896
6917
  type PickyStoryWidgetType = 'gem-picky-bundle' | 'gem-picky-kit' | 'gem-picky-buy-the-look' | 'gem-picky-gallery';
6897
6918
  type KlaviyoWidgetType = 'popup_widget' | 'flyout_widget' | 'embed_widget' | 'full_page_widget';
6898
6919
  type ObjectLayoutValue = {
6899
6920
  display?: 'fill' | 'fit';
6900
6921
  cols?: number[];
6901
6922
  keepCol?: boolean;
6923
+ gap?: string;
6902
6924
  };
6903
6925
  type ProductReviewsWidgetType = 'reviews' | 'badge';
6904
6926
  type TrustooWidgetType = 'starRatingInList' | 'starRating' | 'reviews';
@@ -6914,6 +6936,8 @@ type YotpoReviewsWidgetType = 'reviews' | 'star-rating' | 'reviewHighlights';
6914
6936
  type BogosWidgetType = 'icon' | 'thumnail' | 'slider' | 'message' | 'classic-bundle' | 'quantity-break';
6915
6937
  type PreOrderNowWodWidgetType = 'app-block' | 'popups-block';
6916
6938
  type TagShopWidgetType = 'homeLandingGalleries' | 'productGalleries' | 'tagGalleries';
6939
+ type AirProductReview = 'review_box' | 'star_rating' | 'review_carousel';
6940
+ type FastBundleWidgetType = 'all_bundles' | 'fbt_position' | 'product_bundles' | 'product_bundle_with_ids' | 'volume_position';
6917
6941
 
6918
6942
  type ResponsiveConfig<T> = {
6919
6943
  desktop: {
@@ -6966,6 +6990,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
6966
6990
  active?: boolean;
6967
6991
  };
6968
6992
  devices?: ResponsiveConfig<U>;
6993
+ compoDefaultValue?: ResponsiveConfig<U>;
6969
6994
  emptyOnClear?: boolean;
6970
6995
  showVideo?: boolean;
6971
6996
  } : {
@@ -7004,6 +7029,7 @@ type Mapped$7<K, T> = NonNullable<T> extends ObjectDevices<infer U> ? {
7004
7029
  emptyOnClear?: boolean;
7005
7030
  showVideo?: boolean;
7006
7031
  default?: T;
7032
+ compoDefaultValue?: T;
7007
7033
  };
7008
7034
  type SharedControlType<T> = {
7009
7035
  [K in keyof T]-?: Mapped$7<K, T[K]>;
@@ -7526,23 +7552,23 @@ type Background = {
7526
7552
  storage?: 'THEME' | 'FILE_CONTENT';
7527
7553
  backupFilePath?: string;
7528
7554
  };
7529
- size?: BgSize;
7530
- position?: BgPosition;
7531
- repeat?: BgRepeat;
7532
- attachment?: BgAttachment;
7555
+ size?: BgSize$2;
7556
+ position?: BgPosition$2;
7557
+ repeat?: BgRepeat$2;
7558
+ attachment?: BgAttachment$2;
7533
7559
  video?: string;
7534
7560
  videoHtml5?: string;
7535
7561
  videoType?: 'youtube' | 'html5';
7536
7562
  loop?: boolean;
7537
7563
  lazyLoad?: boolean;
7538
7564
  };
7539
- type BgSize = 'cover' | 'contain';
7540
- type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
7541
- type BgPosition = {
7565
+ type BgSize$2 = 'cover' | 'contain';
7566
+ type BgRepeat$2 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
7567
+ type BgPosition$2 = {
7542
7568
  x: number;
7543
7569
  y: number;
7544
7570
  };
7545
- type BgAttachment = 'scroll' | 'fixed' | 'local';
7571
+ type BgAttachment$2 = 'scroll' | 'fixed' | 'local';
7546
7572
 
7547
7573
  type VisibilityControlType<T> = SharedControlType<T> & {
7548
7574
  type: 'visibility';
@@ -7755,6 +7781,7 @@ type TypographyV2ControlType<T> = SharedControlType<T> & {
7755
7781
  hiddenSetting?: {
7756
7782
  color?: boolean;
7757
7783
  transform?: boolean;
7784
+ fontWeight?: boolean;
7758
7785
  };
7759
7786
  disableCollapse?: boolean;
7760
7787
  };
@@ -7857,6 +7884,7 @@ type DropdownInput<T> = SharedControlType<T> & {
7857
7884
  reversed?: boolean;
7858
7885
  showValue?: boolean;
7859
7886
  }[];
7887
+ isRowWith?: boolean;
7860
7888
  };
7861
7889
 
7862
7890
  type Dropdown<T> = SharedControlType<T> & {
@@ -8165,6 +8193,7 @@ type ControlConfig = ControlProp<any> & {
8165
8193
  linkWithSetting?: LinkWithSetting;
8166
8194
  };
8167
8195
  type Plan = 'trial' | 'build' | 'starter' | 'optimize' | 'advanced' | 'trial2022' | 'enterprise' | 'development' | 'professional';
8196
+ type LabelVariant = 'primary' | 'secondary' | 'bold';
8168
8197
  type SettingUIControl = {
8169
8198
  id?: string;
8170
8199
  controlConfig?: ControlConfig;
@@ -8175,25 +8204,50 @@ type SettingUIControl = {
8175
8204
  conditionDisplay?: string;
8176
8205
  conditionEnable?: string;
8177
8206
  options?: {
8178
- hideLabel?: boolean;
8179
- hideOnDevices?: Record<NameDevices$1, boolean>;
8180
8207
  fullWidth?: boolean;
8181
8208
  onlyShowInTags?: string[];
8182
8209
  target?: 'tab';
8183
8210
  disableMessage?: string;
8184
8211
  nearestSupportedPlan?: Plan;
8185
8212
  lockedOnPlans?: Plan[];
8186
- labelVariant?: 'primary' | 'secondary';
8213
+ labelVariant?: LabelVariant;
8187
8214
  labelInsideControl?: boolean;
8215
+ updateFields?: [
8216
+ {
8217
+ field: string;
8218
+ settingId: string;
8219
+ }
8220
+ ];
8188
8221
  };
8189
8222
  setting?: {
8190
8223
  id: string;
8191
8224
  state?: SettingStateType;
8192
8225
  };
8193
8226
  searchKeyword?: string;
8227
+ controlChangeTrigger?: ControlTrigger;
8194
8228
  tabs?: SettingUITab[];
8195
8229
  info?: LabelWithLang;
8230
+ compoDefaultValue?: any | Record<NameDevices$1, any>;
8196
8231
  } & SettingUICompo;
8232
+ type ControlTriggerAction$1 = {
8233
+ controlId: string;
8234
+ newValue?: any;
8235
+ valueFromField?: string;
8236
+ controlType: string;
8237
+ groupType: string;
8238
+ valueIfNull?: any;
8239
+ };
8240
+ type ControlTriggerSetting = {
8241
+ source?: string[];
8242
+ condition?: string;
8243
+ action: ControlTriggerAction$1;
8244
+ };
8245
+ type ControlTrigger = {
8246
+ settings?: ControlTriggerSetting[];
8247
+ options?: {
8248
+ noRecordHistory?: boolean;
8249
+ };
8250
+ };
8197
8251
  type SettingUICompo = {
8198
8252
  controls?: SettingUIControl[];
8199
8253
  iconName?: string;
@@ -8243,7 +8297,269 @@ type ProductHandleType<T> = SharedControlType<T> & {
8243
8297
  type: 'product-handle';
8244
8298
  };
8245
8299
 
8246
- 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> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T>;
8300
+ type ColorPickerV2ControlType<T> = SharedControlType<T> & {
8301
+ type: 'color-picker-v2';
8302
+ };
8303
+
8304
+ type BorderV2ControlType<T> = SharedControlType<T> & {
8305
+ type: 'border-v2';
8306
+ };
8307
+
8308
+ type CornerV2ControlType<T> = SharedControlType<T> & {
8309
+ type: 'corner-v2';
8310
+ };
8311
+
8312
+ type PaddingV2ControlType<T> = SharedControlType<T> & {
8313
+ type: 'padding-v2';
8314
+ };
8315
+
8316
+ type BackgroundImageType<T> = SharedControlType<T> & {
8317
+ type: 'background-image';
8318
+ value?: BackgroundImageValue;
8319
+ };
8320
+ type BackgroundImageValue = {
8321
+ image?: {
8322
+ src: string;
8323
+ width: number;
8324
+ height: number;
8325
+ };
8326
+ size?: BgSize$1;
8327
+ position?: BgPosition$1;
8328
+ repeat?: BgRepeat$1;
8329
+ attachment?: BgAttachment$1;
8330
+ altText?: string;
8331
+ imageTitle?: string;
8332
+ lazyLoad?: boolean;
8333
+ preload?: boolean;
8334
+ };
8335
+ type BgSize$1 = 'cover' | 'contain' | '100% 100%';
8336
+ type BgRepeat$1 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
8337
+ type BgPosition$1 = {
8338
+ x: number;
8339
+ y: number;
8340
+ };
8341
+ type BgAttachment$1 = 'scroll' | 'fixed' | 'local';
8342
+
8343
+ type BackgroundVideoType<T> = SharedControlType<T> & {
8344
+ type: 'background-video';
8345
+ value?: BackgroundVideoValue;
8346
+ };
8347
+ type BackgroundVideoValue = {
8348
+ srcYoutube?: string;
8349
+ srcHtml5?: string;
8350
+ type?: 'youtube' | 'html5';
8351
+ ratio?: string;
8352
+ loop?: boolean;
8353
+ };
8354
+
8355
+ type BackgroundMediaControlType<T> = SharedControlType<T> & {
8356
+ type: 'background-media';
8357
+ value?: BackgroundMedia;
8358
+ showVideo?: Boolean;
8359
+ };
8360
+ type BackgroundMedia = {
8361
+ type: 'color' | 'image' | 'video';
8362
+ color?: string;
8363
+ image?: {
8364
+ src?: string;
8365
+ width?: number;
8366
+ height?: number;
8367
+ backupFileKey?: string;
8368
+ storage?: 'THEME' | 'FILE_CONTENT';
8369
+ backupFilePath?: string;
8370
+ };
8371
+ size?: BgSize;
8372
+ position?: BgPosition;
8373
+ repeat?: BgRepeat;
8374
+ attachment?: BgAttachment;
8375
+ video?: string;
8376
+ videoHtml5?: string;
8377
+ videoType?: 'youtube' | 'html5';
8378
+ loop?: boolean;
8379
+ lazyLoad?: boolean;
8380
+ preload?: boolean;
8381
+ };
8382
+ type BgSize = 'cover' | 'contain';
8383
+ type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
8384
+ type BgPosition = {
8385
+ x: number;
8386
+ y: number;
8387
+ };
8388
+ type BgAttachment = 'scroll' | 'fixed' | 'local';
8389
+
8390
+ type NameDevices = 'desktop' | 'tablet' | 'mobile';
8391
+ type TypographyV2Family = string | {
8392
+ value: string;
8393
+ type: TypographyV2FontFamilyType;
8394
+ };
8395
+ type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
8396
+
8397
+ /**
8398
+ * @deprecated Please use `TypographySettingV2`
8399
+ */
8400
+ type TypographySetting = {
8401
+ type?: TypographyType;
8402
+ custom?: ObjectDevices<TypographyProps>;
8403
+ };
8404
+ type TypographySettingV2 = {
8405
+ type?: TypographyType;
8406
+ custom?: TypographyV2Props;
8407
+ attrs?: TypographyV2Attrs;
8408
+ };
8409
+ type SizeSetting = {
8410
+ type?: SizeType;
8411
+ custom?: ObjectDevices<SizeProps>;
8412
+ };
8413
+ type SizeProps = {
8414
+ horizontal?: string;
8415
+ vertical?: string;
8416
+ };
8417
+ type SizeType = 'medium' | 'large' | 'small' | 'none';
8418
+ type TypographyProps = {
8419
+ fontSize?: string;
8420
+ fontWeight?: string | number;
8421
+ fontStyle?: string;
8422
+ fontFamily?: TypographyV2Family;
8423
+ lineHeight?: string;
8424
+ letterSpacing?: string;
8425
+ fallbackFontFamily?: string;
8426
+ textShadow?: ShadowProps;
8427
+ hasShadowText?: boolean;
8428
+ isCustom?: boolean;
8429
+ };
8430
+ type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
8431
+ fontSize?: ObjectDevices<string>;
8432
+ lineHeight?: ObjectDevices<string>;
8433
+ };
8434
+ type TypographyV2Attrs = {
8435
+ bold?: boolean;
8436
+ italic?: boolean;
8437
+ underline?: boolean;
8438
+ color?: ColorValueType;
8439
+ transform?: string;
8440
+ textAlign?: ObjectDevices<AlignProp>;
8441
+ };
8442
+ type CornerRadius = {
8443
+ btlr?: string;
8444
+ btrr?: string;
8445
+ bblr?: string;
8446
+ bbrr?: string;
8447
+ radiusType?: CornerRadiusType;
8448
+ };
8449
+ type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom' | 'rounded';
8450
+ type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
8451
+ type FontName = 'body' | 'heading' | 'code';
8452
+ type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
8453
+ type HexColorType = `#${string}`;
8454
+ type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
8455
+ type RGBColorType = `rgb(${number}, ${number}, ${number})`;
8456
+ type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
8457
+ type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
8458
+ type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
8459
+ type BrandColorObject = {
8460
+ brand: string;
8461
+ highlight: string;
8462
+ };
8463
+ type BackgroundColorObject = {
8464
+ 'bg-1': string;
8465
+ 'bg-2': string;
8466
+ 'bg-3': string;
8467
+ };
8468
+ type TextColorObject = {
8469
+ 'text-1': string;
8470
+ 'text-2': string;
8471
+ 'text-3': string;
8472
+ };
8473
+ type LineColorObject = {
8474
+ 'line-1': string;
8475
+ 'line-2': string;
8476
+ 'line-3': string;
8477
+ };
8478
+ type FuncColorObject = {
8479
+ info: string;
8480
+ warning: string;
8481
+ success: string;
8482
+ error: string;
8483
+ };
8484
+ type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
8485
+ type ObjectDeviceGlobalType<T> = {
8486
+ desktop: T;
8487
+ tablet?: T;
8488
+ mobile?: T;
8489
+ };
8490
+ type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
8491
+ type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom' | 'rounded';
8492
+ type ContainerProp = 'width' | 'padding';
8493
+ type GlobalStyleResponsiveConfig = {
8494
+ color?: Partial<Record<ColorType$1, string>>;
8495
+ font?: Partial<Record<FontName, any>>;
8496
+ typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
8497
+ spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
8498
+ container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
8499
+ radius?: Partial<Record<RoundedSize, string>>;
8500
+ theme?: {
8501
+ font?: Partial<Record<FontName, any>>;
8502
+ };
8503
+ };
8504
+ type GlobalStyleConfig = {
8505
+ color?: Partial<Record<ColorType$1, string>>;
8506
+ font?: Partial<Record<FontName, any>>;
8507
+ typography?: Partial<Record<TypographyType, TypographyProps>>;
8508
+ spacing?: Partial<Record<SpacingType, string>>;
8509
+ container?: Partial<Record<ContainerProp, string>>;
8510
+ radius?: Partial<Record<RoundedSize, string>>;
8511
+ theme?: {
8512
+ font?: Partial<Record<FontName, any>>;
8513
+ };
8514
+ };
8515
+ type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
8516
+ type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
8517
+ type ShadowStyle = {
8518
+ value?: ShadowProps;
8519
+ state?: StateType;
8520
+ styleAppliedFor?: ShadowStyleApplied;
8521
+ isEnableShadow?: boolean;
8522
+ };
8523
+ type ShadowProps = {
8524
+ type?: ShadowType | 'custom' | 'none';
8525
+ angle?: string | number;
8526
+ distance?: string;
8527
+ blur?: string;
8528
+ spread?: string;
8529
+ color?: ColorValueType;
8530
+ };
8531
+ type Border = {
8532
+ borderType?: BorderTypeName;
8533
+ border?: BorderStyle$1;
8534
+ color?: ColorValueType;
8535
+ width?: string;
8536
+ isCustom?: boolean;
8537
+ position?: BorderPosition;
8538
+ borderWidth?: string;
8539
+ };
8540
+ type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
8541
+ type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
8542
+ type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
8543
+ type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
8544
+ declare const OptionNormalStyle: string[];
8545
+ declare const OptionSpecialStyle: string[];
8546
+ type SwatchesOptionValue = {
8547
+ label?: string;
8548
+ colors?: string[];
8549
+ imageUrl?: string;
8550
+ };
8551
+ type GlobalSwatchesData = {
8552
+ optionTitle: string;
8553
+ optionType: SwatchesOptionType;
8554
+ optionValues: SwatchesOptionValue[];
8555
+ };
8556
+
8557
+ type ShadowV2ControlType<T> = SharedControlType<T> & {
8558
+ type: 'shadow-v2';
8559
+ value?: ShadowProps;
8560
+ };
8561
+
8562
+ 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> | DisplayTriggerControlType<T> | CustomPositionControlType<T> | DealControlType<T> | ProductHandleType<T> | ColorPickerV2ControlType<T> | BorderV2ControlType<T> | CornerV2ControlType<T> | PaddingV2ControlType<T> | BackgroundImageType<T> | BackgroundMediaControlType<T> | BackgroundVideoType<T> | BackgroundVideoType<T> | ShadowV2ControlType<T>;
8247
8563
  type ControlTriggerAction = {
8248
8564
  controlId: string;
8249
8565
  newValue?: any;
@@ -8270,6 +8586,7 @@ type ComponentSetting<P extends BaseProps> = {
8270
8586
  icon?: string;
8271
8587
  settings?: Setting<P>[];
8272
8588
  advanced?: Record<string, any>;
8589
+ rootOverride?: Record<string, any>;
8273
8590
  init?: InitComponentType[] | {
8274
8591
  default: InitComponentType[];
8275
8592
  mobileOnly?: InitComponentType[];
@@ -8386,6 +8703,7 @@ type ComponentPreset = {
8386
8703
  components: InitComponentType[];
8387
8704
  hideTextContent?: boolean;
8388
8705
  flowTagComponents?: Record<string, InitComponentType[]>;
8706
+ rootOverride?: Record<string, any>;
8389
8707
  };
8390
8708
 
8391
8709
  type PageContext = {
@@ -8437,7 +8755,7 @@ type InteractionElement<E, T> = {
8437
8755
  elementTag?: string;
8438
8756
  targetOutsideSelector?: string;
8439
8757
  targetInsideSelector?: string;
8440
- isEntirePage?: boolean;
8758
+ type?: 'ELEMENT' | 'PAGE';
8441
8759
  };
8442
8760
  declare enum InteractionTargetEvent {
8443
8761
  'gp:change-background-color' = 0,
@@ -8501,7 +8819,7 @@ type InteractionTarget = {
8501
8819
  targetOutsideSelector?: string;
8502
8820
  targetInsideSelector?: string;
8503
8821
  events?: InteractionTargetEventObject[];
8504
- isEntirePage?: boolean;
8822
+ type?: 'ELEMENT' | 'PAGE';
8505
8823
  };
8506
8824
  type InteractionTargetEventObject = {
8507
8825
  event: InteractionTargetEvent;
@@ -30801,172 +31119,6 @@ declare namespace appAPI {
30801
31119
  };
30802
31120
  }
30803
31121
 
30804
- type NameDevices = 'desktop' | 'tablet' | 'mobile';
30805
- type TypographyV2Family = string | {
30806
- value: string;
30807
- type: TypographyV2FontFamilyType;
30808
- };
30809
- type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme';
30810
-
30811
- /**
30812
- * @deprecated Please use `TypographySettingV2`
30813
- */
30814
- type TypographySetting = {
30815
- type?: TypographyType;
30816
- custom?: ObjectDevices<TypographyProps>;
30817
- };
30818
- type TypographySettingV2 = {
30819
- type?: TypographyType;
30820
- custom?: TypographyV2Props;
30821
- attrs?: TypographyV2Attrs;
30822
- };
30823
- type SizeSetting = {
30824
- type?: SizeType;
30825
- custom?: ObjectDevices<SizeProps>;
30826
- };
30827
- type SizeProps = {
30828
- horizontal?: string;
30829
- vertical?: string;
30830
- };
30831
- type SizeType = 'medium' | 'large' | 'small' | 'none';
30832
- type TypographyProps = {
30833
- fontSize?: string;
30834
- fontWeight?: string | number;
30835
- fontStyle?: string;
30836
- fontFamily?: TypographyV2Family;
30837
- lineHeight?: string;
30838
- letterSpacing?: string;
30839
- fallbackFontFamily?: string;
30840
- textShadow?: ShadowProps;
30841
- hasShadowText?: boolean;
30842
- isCustom?: boolean;
30843
- };
30844
- type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
30845
- fontSize?: ObjectDevices<string>;
30846
- lineHeight?: ObjectDevices<string>;
30847
- };
30848
- type TypographyV2Attrs = {
30849
- bold?: boolean;
30850
- italic?: boolean;
30851
- underline?: boolean;
30852
- color?: ColorValueType;
30853
- transform?: string;
30854
- };
30855
- type CornerRadius = {
30856
- btlr?: string;
30857
- btrr?: string;
30858
- bblr?: string;
30859
- bbrr?: string;
30860
- radiusType?: CornerRadiusType;
30861
- };
30862
- type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom';
30863
- type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
30864
- type FontName = 'body' | 'heading' | 'code';
30865
- type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
30866
- type HexColorType = `#${string}`;
30867
- type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
30868
- type RGBColorType = `rgb(${number}, ${number}, ${number})`;
30869
- type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
30870
- type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
30871
- type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
30872
- type BrandColorObject = {
30873
- brand: string;
30874
- highlight: string;
30875
- };
30876
- type BackgroundColorObject = {
30877
- 'bg-1': string;
30878
- 'bg-2': string;
30879
- 'bg-3': string;
30880
- };
30881
- type TextColorObject = {
30882
- 'text-1': string;
30883
- 'text-2': string;
30884
- 'text-3': string;
30885
- };
30886
- type LineColorObject = {
30887
- 'line-1': string;
30888
- 'line-2': string;
30889
- 'line-3': string;
30890
- };
30891
- type FuncColorObject = {
30892
- info: string;
30893
- warning: string;
30894
- success: string;
30895
- error: string;
30896
- };
30897
- type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
30898
- type ObjectDeviceGlobalType<T> = {
30899
- desktop: T;
30900
- tablet?: T;
30901
- mobile?: T;
30902
- };
30903
- type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
30904
- type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom';
30905
- type ContainerProp = 'width' | 'padding';
30906
- type GlobalStyleResponsiveConfig = {
30907
- color?: Partial<Record<ColorType$1, string>>;
30908
- font?: Partial<Record<FontName, any>>;
30909
- typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
30910
- spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
30911
- container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
30912
- radius?: Partial<Record<RoundedSize, string>>;
30913
- theme?: {
30914
- font?: Partial<Record<FontName, any>>;
30915
- };
30916
- };
30917
- type GlobalStyleConfig = {
30918
- color?: Partial<Record<ColorType$1, string>>;
30919
- font?: Partial<Record<FontName, any>>;
30920
- typography?: Partial<Record<TypographyType, TypographyProps>>;
30921
- spacing?: Partial<Record<SpacingType, string>>;
30922
- container?: Partial<Record<ContainerProp, string>>;
30923
- radius?: Partial<Record<RoundedSize, string>>;
30924
- theme?: {
30925
- font?: Partial<Record<FontName, any>>;
30926
- };
30927
- };
30928
- type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
30929
- type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
30930
- type ShadowStyle = {
30931
- value?: ShadowProps;
30932
- state?: StateType;
30933
- styleAppliedFor?: ShadowStyleApplied;
30934
- isEnableShadow?: boolean;
30935
- };
30936
- type ShadowProps = {
30937
- type?: ShadowType | 'custom';
30938
- angle?: string | number;
30939
- distance?: string;
30940
- blur?: string;
30941
- spread?: string;
30942
- color?: ColorValueType;
30943
- };
30944
- type Border = {
30945
- borderType?: BorderTypeName;
30946
- border?: BorderStyle$1;
30947
- color?: ColorValueType;
30948
- width?: string;
30949
- isCustom?: boolean;
30950
- position?: BorderPosition;
30951
- borderWidth?: string;
30952
- };
30953
- type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
30954
- type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
30955
- type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
30956
- type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
30957
- declare const OptionNormalStyle: string[];
30958
- declare const OptionSpecialStyle: string[];
30959
- type SwatchesOptionValue = {
30960
- label?: string;
30961
- colors?: string[];
30962
- imageUrl?: string;
30963
- };
30964
- type GlobalSwatchesData = {
30965
- optionTitle: string;
30966
- optionType: SwatchesOptionType;
30967
- optionValues: SwatchesOptionValue[];
30968
- };
30969
-
30970
31122
  type ProductInputAnalytic = {
30971
31123
  id: string;
30972
31124
  name: string;
@@ -31067,7 +31219,7 @@ type Props = {
31067
31219
  pageContext?: PageContext;
31068
31220
  [key: string]: any;
31069
31221
  };
31070
- declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, ...passProps }: Props) => {
31222
+ declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, largeComponent, sizeLargeComponent, ...passProps }: Props) => {
31071
31223
  liquid: string;
31072
31224
  extraFiles: ExtraFiles;
31073
31225
  };
@@ -31387,8 +31539,10 @@ type PageContextProps = {
31387
31539
  interactionData?: {
31388
31540
  item?: Interaction;
31389
31541
  isSelectOnPage?: boolean;
31390
- selectType?: 'element' | 'page';
31542
+ selectType?: 'ELEMENT' | 'PAGE';
31543
+ settingType?: 'TRIGGER' | 'TARGET';
31391
31544
  };
31545
+ numberOfProduct?: number;
31392
31546
  setDynamicProduct: (data: DynamicProduct) => void;
31393
31547
  setDynamicCollection: (data: DynamicCollection) => void;
31394
31548
  setPostPurchaseProductOffers: (productOffers: ProductOffer[]) => void;
@@ -31396,9 +31550,11 @@ type PageContextProps = {
31396
31550
  setPublicStoreFrontData: (publicStoreFrontData: PublicStoreFrontData | null) => void;
31397
31551
  setInteractionItem: (item: Interaction) => void;
31398
31552
  setInteractionIsSelectOnPage: (value: boolean) => void;
31399
- setInteractionSelectType: (selectType: 'element' | 'page') => void;
31553
+ setInteractionSelectType: (selectType: 'ELEMENT' | 'PAGE') => void;
31554
+ setInteractionSettingType: (settingType?: 'TRIGGER' | 'TARGET') => void;
31555
+ setNumberOfProduct: (numberOfProduct: number) => void;
31400
31556
  };
31401
- type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers'> & {
31557
+ type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers' | 'numberOfProduct'> & {
31402
31558
  children: React.ReactNode;
31403
31559
  key?: React.Key;
31404
31560
  publicStoreFrontData?: PublicStoreFrontData | null;
@@ -31480,6 +31636,11 @@ type PageViewUpMutationVariables = Exact$1<{
31480
31636
  type PageViewUpMutationResponse = Pick<Mutation$1, 'pageViewUp'>;
31481
31637
  declare const PageViewUpDocument = "\n mutation pageViewUp($pageHandle: String!) {\n pageViewUp(pageHandle: $pageHandle)\n}\n ";
31482
31638
 
31639
+ type PublishedShopMetasQueryResponse = {
31640
+ publishedShopMetas?: Maybe$1<Array<Pick<PublishedShopMeta$1, 'id' | 'createdAt' | 'updatedAt' | 'key' | 'value'>>>;
31641
+ };
31642
+ declare const PublishedShopMetasDocument = "\n query PublishedShopMetas($keys: [String!]) {\n publishedShopMetas(keys: $keys) {\n id\n createdAt\n updatedAt\n key\n value\n }\n}\n ";
31643
+
31483
31644
  type CollectionDetailFilterQueryVariables = Exact$1<{
31484
31645
  firstProduct?: InputMaybe$1<Scalars$2['Int']>;
31485
31646
  orderBy?: InputMaybe$1<CollectionOrder$1>;
@@ -31919,6 +32080,7 @@ declare namespace tiktokpixel {
31919
32080
  };
31920
32081
  }
31921
32082
 
32083
+ type CSSStateKey<T extends ShortHandProperty> = `--${T}` | `--hvr-${T}` | `--focus-${T}`;
31922
32084
  type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
31923
32085
  declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
31924
32086
  declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
@@ -31949,6 +32111,7 @@ type Options = {
31949
32111
  liquid?: boolean;
31950
32112
  ignoreBgAttachment?: boolean;
31951
32113
  ignoreBackgroundImage?: boolean;
32114
+ ignoreBackgroundImageProperties?: boolean;
31952
32115
  ignoreBackgroundColor?: boolean;
31953
32116
  };
31954
32117
  declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {
@@ -31984,7 +32147,7 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
31984
32147
  } | undefined;
31985
32148
  declare const GRADIENT_BGR_KEY = "linear-gradient";
31986
32149
  declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
31987
- declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: boolean) => {} | undefined;
32150
+ declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
31988
32151
 
31989
32152
  type ColorType = 'bg' | 'text' | 'border' | 'decoration';
31990
32153
  type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -38123,6 +38286,8 @@ declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevice
38123
38286
 
38124
38287
  declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
38125
38288
 
38289
+ declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
38290
+
38126
38291
  declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
38127
38292
  declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
38128
38293
  declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
@@ -38189,7 +38354,7 @@ declare const getStyleShadow: (shadowStyle: ShadowStyle & {
38189
38354
  [x: string]: string;
38190
38355
  };
38191
38356
  declare const getStyleShadowState: (shadow?: StateProp<ShadowProps>, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: StateProp<boolean>, screen?: string) => React.CSSProperties;
38192
- declare const getResonsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
38357
+ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
38193
38358
  [x: string]: any;
38194
38359
  '--ai'?: csstype.Property.AlignItems | undefined;
38195
38360
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -41613,17 +41778,31 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
41613
41778
  declare const addAppBlockId: (component: Component) => Component;
41614
41779
 
41615
41780
  declare const useInteraction: () => {
41616
- onListener: ({ event, selector }: {
41781
+ onListener: ({ event, selector, elementRef }: {
41617
41782
  event: string;
41618
41783
  selector: string;
41784
+ elementRef?: React.MutableRefObject<HTMLElement> | undefined;
41619
41785
  }, callback: (data: any) => void) => void;
41620
- trigger: ({ event, data, selector }: {
41786
+ trigger: ({ event, data, selector, element: elementParam, }: {
41621
41787
  event: string;
41622
41788
  data?: any;
41623
41789
  selector: string;
41790
+ element?: HTMLElement | undefined;
41624
41791
  }) => void;
41625
41792
  saveToElementInteractionData: (element: HTMLElement, key: string, value: string) => void;
41626
41793
  closeSelectOnPage: () => void;
41794
+ ref: React.MutableRefObject<any>;
41795
+ findElementIncludingSelf: (element: any, selector: string) => any;
41796
+ getInteractionPreviousData: (element: HTMLElement, key: string) => {
41797
+ previousData: any;
41798
+ interactionDataJson: any;
41799
+ };
41800
+ changeSelectMode: (mode: 'ELEMENT' | 'PAGE') => void;
41801
+ selectInteractionElement: ({ componentUid, settingType, $target, }: {
41802
+ componentUid: string;
41803
+ settingType: string;
41804
+ $target: HTMLElement;
41805
+ }) => void;
41627
41806
  };
41628
41807
 
41629
- 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, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, 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, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, 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, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResonsiveStyleShadow, getResponsiveStateValue, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, 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, useHasPreSelected, useInitialSwatchesOptions, useInteraction, 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 };
41808
+ export { AddOn, AddonProvider, AddonProviderProps, AdvancedType, AirProductReview, 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, BackgroundImageValue, BackgroundMedia, BackgroundVideoValue, BaseProps, BasePropsWrap, BlockEntity, BogosWidgetType, BoldSubscriptionsWidgetType, Border, BorderStyle, BuilderComponentProvider, BuilderComponentProviderProps, BuilderEntity, BuilderEntityNested, BuilderPreviewProvider, BuilderPreviewProviderProps, BuilderProvider, BuilderProviderProps, BuilderState, Builtin, CSSStateKey, 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, FastBundleWidgetType, FeraReviewsV3WidgetType, FeraReviewsWidgetType, FetchCollectionArgs, FetchFunc, FetchProductParams, FlexDirectionProp, FontName, GRADIENT_BGR_KEY, GlobalStyleConfig, GlobalStyleResponsiveConfig, GlobalSwatchesData, GraphQLConnection, GroupPropType, GrowaveWidgetTypeV1, GrowaveWidgetTypeV2, HSLAColorType, HSLColorType, HexColorType, ImageShape$1 as ImageShape, InitComponentType, InstantJudgeMeReviewsWidgetType, InstantKlaviyoWidgetType, InstantLooxReviewsWidgetType, Interaction, InteractionCondition, InteractionElement, InteractionTarget, InteractionTargetEvent, InteractionTargetEventObject, InteractionTriggerEvent, JudgeMeReviewsWidgetType, KlaviyoWidgetType, LaiProductReviewsAdvancedWidgetType, LaiProductReviewsWidgetType, LibrarySaleFunnelDocument, LibrarySaleFunnelQueryResponse, LibrarySaleFunnelQueryVariables, LibraryTemplateDocument, LibraryTemplateQueryResponse, LibraryTemplateQueryVariables, LooxReviewsWidgetType, ModalProvider, ModalProviderProps, NameDevices$1 as NameDevices, NestedKeys, ObjectDeviceGlobalType, ObjectDevices, ObjectLayoutValue, OmnisendWidgetType, OnlyOne, OpinewDesignWidgetType, OpinewWidgetType, OptionNormalStyle, OptionSpecialStyle, Options, PageContext, PageProvider, PageProviderProps, PageType, PageViewUpDocument, PageViewUpMutationResponse, PageViewUpMutationVariables, PickyStoryWidgetType, PostPurchaseTypo, PreOrderNowWodWidgetType, PreviewPageDocument, PreviewPageQueryResponse, PreviewPageQueryVariables, Primitive, ProductInputAnalytic, ProductListProvider, ProductListProviderProps, ProductOffer, ProductProvider, ProductProviderProps, ProductReviewsWidgetType, ProductSelectFragment, ProductsDocument, ProductsQueryResponse, ProductsQueryVariables, PublicStoreFrontData, PublishedShopMetasDocument, PublishedShopMetasQueryResponse, PublishedThemePageSelectFragment, PublishedThemePagesDocument, PublishedThemePagesQueryResponse, PublishedThemePagesQueryVariables, QueryPublishedShopMetasArgs, 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, SettingUIGroup, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopLibraryPageDocument, ShopLibraryPageQueryResponse, ShopLibraryPageQueryVariables, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, TagShopWidgetType, ThemePageDocument, ThemePageQueryResponse, ThemePageQueryVariables, ThemeSectionStatus$1 as ThemeSectionStatus, TransformProp, TriggerConfig, TrustooWidgetType, TypographyProps, TypographySetting, TypographySettingV2, TypographyType, TypographyV2Attrs, TypographyV2Props, UltimateSalesBoostWidgetType, VariantSelectFragment, VitalsWidgetType, WiserV2WidgetType, WiserWidgetType, WrapRenderChildren, YotpoReviewsWidgetType, addAppBlockId, animations, baseAssetURL, calculateFirstProduct, checkAvailableVariantInStock, checkInStock, 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, getAppBlocks, getAspectRatioGlobalSize, getBgImageByDevice, getBorderRadiusStyle, 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, getResponsiveStyleShadow, getResponsiveValue, getResponsiveValueByScreen, getSelectedVariant, getShortName, getSingleColorVariable, getSpacingVariable, getStyleBackgroundByDevice, getStyleBgColor, getStyleShadow, getStyleShadowState, getValueByDevice, 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, useHasPreSelected, useInitialSwatchesOptions, useInteraction, 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 };