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

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 +13 -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 +14 -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 +361 -189
  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> & {
@@ -8191,9 +8219,29 @@ type SettingUIControl = {
8191
8219
  state?: SettingStateType;
8192
8220
  };
8193
8221
  searchKeyword?: string;
8222
+ controlChangeTrigger?: ControlTrigger;
8194
8223
  tabs?: SettingUITab[];
8195
8224
  info?: LabelWithLang;
8225
+ compoDefaultValue?: any | Record<NameDevices$1, any>;
8196
8226
  } & SettingUICompo;
8227
+ type ControlTriggerAction$1 = {
8228
+ controlId: string;
8229
+ newValue: any;
8230
+ controlType: string;
8231
+ groupType: string;
8232
+ valueIfNull?: any;
8233
+ };
8234
+ type ControlTriggerSetting = {
8235
+ source?: string[];
8236
+ condition?: string;
8237
+ action: ControlTriggerAction$1;
8238
+ };
8239
+ type ControlTrigger = {
8240
+ settings?: ControlTriggerSetting[];
8241
+ options?: {
8242
+ noRecordHistory?: boolean;
8243
+ };
8244
+ };
8197
8245
  type SettingUICompo = {
8198
8246
  controls?: SettingUIControl[];
8199
8247
  iconName?: string;
@@ -8243,7 +8291,268 @@ type ProductHandleType<T> = SharedControlType<T> & {
8243
8291
  type: 'product-handle';
8244
8292
  };
8245
8293
 
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>;
8294
+ type ColorPickerV2ControlType<T> = SharedControlType<T> & {
8295
+ type: 'color-picker-v2';
8296
+ };
8297
+
8298
+ type BorderV2ControlType<T> = SharedControlType<T> & {
8299
+ type: 'border-v2';
8300
+ };
8301
+
8302
+ type CornerV2ControlType<T> = SharedControlType<T> & {
8303
+ type: 'corner-v2';
8304
+ };
8305
+
8306
+ type PaddingV2ControlType<T> = SharedControlType<T> & {
8307
+ type: 'padding-v2';
8308
+ };
8309
+
8310
+ type BackgroundImageType<T> = SharedControlType<T> & {
8311
+ type: 'background-image';
8312
+ value?: BackgroundImageValue;
8313
+ };
8314
+ type BackgroundImageValue = {
8315
+ image?: {
8316
+ src: string;
8317
+ width: number;
8318
+ height: number;
8319
+ };
8320
+ size?: BgSize$1;
8321
+ position?: BgPosition$1;
8322
+ repeat?: BgRepeat$1;
8323
+ attachment?: BgAttachment$1;
8324
+ altText?: string;
8325
+ imageTitle?: string;
8326
+ lazyLoad?: boolean;
8327
+ preload?: boolean;
8328
+ };
8329
+ type BgSize$1 = 'cover' | 'contain' | '100% 100%';
8330
+ type BgRepeat$1 = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
8331
+ type BgPosition$1 = {
8332
+ x: number;
8333
+ y: number;
8334
+ };
8335
+ type BgAttachment$1 = 'scroll' | 'fixed' | 'local';
8336
+
8337
+ type BackgroundVideoType<T> = SharedControlType<T> & {
8338
+ type: 'background-video';
8339
+ value?: BackgroundVideoValue;
8340
+ };
8341
+ type BackgroundVideoValue = {
8342
+ srcYoutube?: string;
8343
+ srcHtml5?: string;
8344
+ type?: 'youtube' | 'html5';
8345
+ ratio?: string;
8346
+ loop?: boolean;
8347
+ };
8348
+
8349
+ type BackgroundMediaControlType<T> = SharedControlType<T> & {
8350
+ type: 'background-media';
8351
+ value?: BackgroundMedia;
8352
+ showVideo?: Boolean;
8353
+ };
8354
+ type BackgroundMedia = {
8355
+ type: 'color' | 'image' | 'video';
8356
+ color?: string;
8357
+ image?: {
8358
+ src?: string;
8359
+ width?: number;
8360
+ height?: number;
8361
+ backupFileKey?: string;
8362
+ storage?: 'THEME' | 'FILE_CONTENT';
8363
+ backupFilePath?: string;
8364
+ };
8365
+ size?: BgSize;
8366
+ position?: BgPosition;
8367
+ repeat?: BgRepeat;
8368
+ attachment?: BgAttachment;
8369
+ video?: string;
8370
+ videoHtml5?: string;
8371
+ videoType?: 'youtube' | 'html5';
8372
+ loop?: boolean;
8373
+ lazyLoad?: boolean;
8374
+ preload?: boolean;
8375
+ };
8376
+ type BgSize = 'cover' | 'contain';
8377
+ type BgRepeat = 'repeat' | 'repeat-x' | 'repeat-y' | 'no-repeat';
8378
+ type BgPosition = {
8379
+ x: number;
8380
+ y: number;
8381
+ };
8382
+ type BgAttachment = 'scroll' | 'fixed' | 'local';
8383
+
8384
+ type NameDevices = 'desktop' | 'tablet' | 'mobile';
8385
+ type TypographyV2Family = string | {
8386
+ value: string;
8387
+ type: TypographyV2FontFamilyType;
8388
+ };
8389
+ type TypographyV2FontFamilyType = 'google' | 'custom' | 'theme' | 'bunny';
8390
+
8391
+ /**
8392
+ * @deprecated Please use `TypographySettingV2`
8393
+ */
8394
+ type TypographySetting = {
8395
+ type?: TypographyType;
8396
+ custom?: ObjectDevices<TypographyProps>;
8397
+ };
8398
+ type TypographySettingV2 = {
8399
+ type?: TypographyType;
8400
+ custom?: TypographyV2Props;
8401
+ attrs?: TypographyV2Attrs;
8402
+ };
8403
+ type SizeSetting = {
8404
+ type?: SizeType;
8405
+ custom?: ObjectDevices<SizeProps>;
8406
+ };
8407
+ type SizeProps = {
8408
+ horizontal?: string;
8409
+ vertical?: string;
8410
+ };
8411
+ type SizeType = 'medium' | 'large' | 'small' | 'none';
8412
+ type TypographyProps = {
8413
+ fontSize?: string;
8414
+ fontWeight?: string | number;
8415
+ fontStyle?: string;
8416
+ fontFamily?: TypographyV2Family;
8417
+ lineHeight?: string;
8418
+ letterSpacing?: string;
8419
+ fallbackFontFamily?: string;
8420
+ textShadow?: ShadowProps;
8421
+ hasShadowText?: boolean;
8422
+ isCustom?: boolean;
8423
+ };
8424
+ type TypographyV2Props = Omit<TypographyProps, 'fontSize' | 'lineHeight'> & {
8425
+ fontSize?: ObjectDevices<string>;
8426
+ lineHeight?: ObjectDevices<string>;
8427
+ };
8428
+ type TypographyV2Attrs = {
8429
+ bold?: boolean;
8430
+ italic?: boolean;
8431
+ underline?: boolean;
8432
+ color?: ColorValueType;
8433
+ transform?: string;
8434
+ };
8435
+ type CornerRadius = {
8436
+ btlr?: string;
8437
+ btrr?: string;
8438
+ bblr?: string;
8439
+ bbrr?: string;
8440
+ radiusType?: CornerRadiusType;
8441
+ };
8442
+ type CornerRadiusType = 'none' | 'large' | 'medium' | 'small' | 'circle' | 'custom' | 'rounded';
8443
+ type ColorType$1 = NestedKeys<BrandColorObject> | NestedKeys<BackgroundColorObject> | NestedKeys<TextColorObject> | NestedKeys<LineColorObject> | NestedKeys<FuncColorObject>;
8444
+ type FontName = 'body' | 'heading' | 'code';
8445
+ type ColorKey = 'transparent' | 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'pink' | 'gray';
8446
+ type HexColorType = `#${string}`;
8447
+ type RGBAColorType = `rgba(${number}, ${number}, ${number}, ${number})`;
8448
+ type RGBColorType = `rgb(${number}, ${number}, ${number})`;
8449
+ type HSLColorType = `hsl(${number}, ${number}%, ${number}%)`;
8450
+ type HSLAColorType = `hsla(${number}, ${number}%, ${number}%, ${number})`;
8451
+ type ColorValueType = ColorType$1 | HexColorType | RGBAColorType | RGBColorType | HSLColorType | HSLAColorType | ColorKey;
8452
+ type BrandColorObject = {
8453
+ brand: string;
8454
+ highlight: string;
8455
+ };
8456
+ type BackgroundColorObject = {
8457
+ 'bg-1': string;
8458
+ 'bg-2': string;
8459
+ 'bg-3': string;
8460
+ };
8461
+ type TextColorObject = {
8462
+ 'text-1': string;
8463
+ 'text-2': string;
8464
+ 'text-3': string;
8465
+ };
8466
+ type LineColorObject = {
8467
+ 'line-1': string;
8468
+ 'line-2': string;
8469
+ 'line-3': string;
8470
+ };
8471
+ type FuncColorObject = {
8472
+ info: string;
8473
+ warning: string;
8474
+ success: string;
8475
+ error: string;
8476
+ };
8477
+ type TypographyType = 'heading-1' | 'heading-2' | 'heading-3' | 'subheading-1' | 'subheading-2' | 'subheading-3' | 'paragraph-1' | 'paragraph-2' | 'paragraph-3';
8478
+ type ObjectDeviceGlobalType<T> = {
8479
+ desktop: T;
8480
+ tablet?: T;
8481
+ mobile?: T;
8482
+ };
8483
+ type SpacingType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
8484
+ type RoundedSize = 'small' | 'medium' | 'large' | 'circle' | 'none' | 'custom' | 'rounded';
8485
+ type ContainerProp = 'width' | 'padding';
8486
+ type GlobalStyleResponsiveConfig = {
8487
+ color?: Partial<Record<ColorType$1, string>>;
8488
+ font?: Partial<Record<FontName, any>>;
8489
+ typography?: Partial<Record<TypographyType, ObjectDeviceGlobalType<TypographyProps>>>;
8490
+ spacing?: Partial<Record<SpacingType, ObjectDeviceGlobalType<string>>>;
8491
+ container?: Partial<Record<ContainerProp, ObjectDeviceGlobalType<string>>>;
8492
+ radius?: Partial<Record<RoundedSize, string>>;
8493
+ theme?: {
8494
+ font?: Partial<Record<FontName, any>>;
8495
+ };
8496
+ };
8497
+ type GlobalStyleConfig = {
8498
+ color?: Partial<Record<ColorType$1, string>>;
8499
+ font?: Partial<Record<FontName, any>>;
8500
+ typography?: Partial<Record<TypographyType, TypographyProps>>;
8501
+ spacing?: Partial<Record<SpacingType, string>>;
8502
+ container?: Partial<Record<ContainerProp, string>>;
8503
+ radius?: Partial<Record<RoundedSize, string>>;
8504
+ theme?: {
8505
+ font?: Partial<Record<FontName, any>>;
8506
+ };
8507
+ };
8508
+ type ShadowStyleApplied = 'text-shadow' | 'box-shadow';
8509
+ type ShadowType = 'shadow-1' | 'shadow-2' | 'shadow-3';
8510
+ type ShadowStyle = {
8511
+ value?: ShadowProps;
8512
+ state?: StateType;
8513
+ styleAppliedFor?: ShadowStyleApplied;
8514
+ isEnableShadow?: boolean;
8515
+ };
8516
+ type ShadowProps = {
8517
+ type?: ShadowType | 'custom' | 'none';
8518
+ angle?: string | number;
8519
+ distance?: string;
8520
+ blur?: string;
8521
+ spread?: string;
8522
+ color?: ColorValueType;
8523
+ };
8524
+ type Border = {
8525
+ borderType?: BorderTypeName;
8526
+ border?: BorderStyle$1;
8527
+ color?: ColorValueType;
8528
+ width?: string;
8529
+ isCustom?: boolean;
8530
+ position?: BorderPosition;
8531
+ borderWidth?: string;
8532
+ };
8533
+ type BorderTypeName = 'none' | 'style-1' | 'style-2' | 'style-3';
8534
+ type BorderStyle$1 = 'none' | 'solid' | 'dotted' | 'dashed';
8535
+ type BorderPosition = 'top' | 'left' | 'right' | 'bottom' | 'all';
8536
+ type SwatchesOptionType = 'radio_buttons' | 'dropdown' | 'color' | 'image' | 'rectangle_list' | 'image_shopify' | string;
8537
+ declare const OptionNormalStyle: string[];
8538
+ declare const OptionSpecialStyle: string[];
8539
+ type SwatchesOptionValue = {
8540
+ label?: string;
8541
+ colors?: string[];
8542
+ imageUrl?: string;
8543
+ };
8544
+ type GlobalSwatchesData = {
8545
+ optionTitle: string;
8546
+ optionType: SwatchesOptionType;
8547
+ optionValues: SwatchesOptionValue[];
8548
+ };
8549
+
8550
+ type ShadowV2ControlType<T> = SharedControlType<T> & {
8551
+ type: 'shadow-v2';
8552
+ value?: ShadowProps;
8553
+ };
8554
+
8555
+ 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
8556
  type ControlTriggerAction = {
8248
8557
  controlId: string;
8249
8558
  newValue?: any;
@@ -8270,6 +8579,7 @@ type ComponentSetting<P extends BaseProps> = {
8270
8579
  icon?: string;
8271
8580
  settings?: Setting<P>[];
8272
8581
  advanced?: Record<string, any>;
8582
+ rootOverride?: Record<string, any>;
8273
8583
  init?: InitComponentType[] | {
8274
8584
  default: InitComponentType[];
8275
8585
  mobileOnly?: InitComponentType[];
@@ -8386,6 +8696,7 @@ type ComponentPreset = {
8386
8696
  components: InitComponentType[];
8387
8697
  hideTextContent?: boolean;
8388
8698
  flowTagComponents?: Record<string, InitComponentType[]>;
8699
+ rootOverride?: Record<string, any>;
8389
8700
  };
8390
8701
 
8391
8702
  type PageContext = {
@@ -8437,7 +8748,7 @@ type InteractionElement<E, T> = {
8437
8748
  elementTag?: string;
8438
8749
  targetOutsideSelector?: string;
8439
8750
  targetInsideSelector?: string;
8440
- isEntirePage?: boolean;
8751
+ type?: 'ELEMENT' | 'PAGE';
8441
8752
  };
8442
8753
  declare enum InteractionTargetEvent {
8443
8754
  'gp:change-background-color' = 0,
@@ -8501,7 +8812,7 @@ type InteractionTarget = {
8501
8812
  targetOutsideSelector?: string;
8502
8813
  targetInsideSelector?: string;
8503
8814
  events?: InteractionTargetEventObject[];
8504
- isEntirePage?: boolean;
8815
+ type?: 'ELEMENT' | 'PAGE';
8505
8816
  };
8506
8817
  type InteractionTargetEventObject = {
8507
8818
  event: InteractionTargetEvent;
@@ -30801,172 +31112,6 @@ declare namespace appAPI {
30801
31112
  };
30802
31113
  }
30803
31114
 
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
31115
  type ProductInputAnalytic = {
30971
31116
  id: string;
30972
31117
  name: string;
@@ -31067,7 +31212,7 @@ type Props = {
31067
31212
  pageContext?: PageContext;
31068
31213
  [key: string]: any;
31069
31214
  };
31070
- declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, ...passProps }: Props) => {
31215
+ declare const Render: ({ uid, builder, components, parentId, extraFiles, pageContext, largeComponent, sizeLargeComponent, ...passProps }: Props) => {
31071
31216
  liquid: string;
31072
31217
  extraFiles: ExtraFiles;
31073
31218
  };
@@ -31387,8 +31532,10 @@ type PageContextProps = {
31387
31532
  interactionData?: {
31388
31533
  item?: Interaction;
31389
31534
  isSelectOnPage?: boolean;
31390
- selectType?: 'element' | 'page';
31535
+ selectType?: 'ELEMENT' | 'PAGE';
31536
+ settingType?: 'TRIGGER' | 'TARGET';
31391
31537
  };
31538
+ numberOfProduct?: number;
31392
31539
  setDynamicProduct: (data: DynamicProduct) => void;
31393
31540
  setDynamicCollection: (data: DynamicCollection) => void;
31394
31541
  setPostPurchaseProductOffers: (productOffers: ProductOffer[]) => void;
@@ -31396,9 +31543,11 @@ type PageContextProps = {
31396
31543
  setPublicStoreFrontData: (publicStoreFrontData: PublicStoreFrontData | null) => void;
31397
31544
  setInteractionItem: (item: Interaction) => void;
31398
31545
  setInteractionIsSelectOnPage: (value: boolean) => void;
31399
- setInteractionSelectType: (selectType: 'element' | 'page') => void;
31546
+ setInteractionSelectType: (selectType: 'ELEMENT' | 'PAGE') => void;
31547
+ setInteractionSettingType: (settingType?: 'TRIGGER' | 'TARGET') => void;
31548
+ setNumberOfProduct: (numberOfProduct: number) => void;
31400
31549
  };
31401
- type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers'> & {
31550
+ type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers' | 'numberOfProduct'> & {
31402
31551
  children: React.ReactNode;
31403
31552
  key?: React.Key;
31404
31553
  publicStoreFrontData?: PublicStoreFrontData | null;
@@ -31480,6 +31629,11 @@ type PageViewUpMutationVariables = Exact$1<{
31480
31629
  type PageViewUpMutationResponse = Pick<Mutation$1, 'pageViewUp'>;
31481
31630
  declare const PageViewUpDocument = "\n mutation pageViewUp($pageHandle: String!) {\n pageViewUp(pageHandle: $pageHandle)\n}\n ";
31482
31631
 
31632
+ type PublishedShopMetasQueryResponse = {
31633
+ publishedShopMetas?: Maybe$1<Array<Pick<PublishedShopMeta$1, 'id' | 'createdAt' | 'updatedAt' | 'key' | 'value'>>>;
31634
+ };
31635
+ 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 ";
31636
+
31483
31637
  type CollectionDetailFilterQueryVariables = Exact$1<{
31484
31638
  firstProduct?: InputMaybe$1<Scalars$2['Int']>;
31485
31639
  orderBy?: InputMaybe$1<CollectionOrder$1>;
@@ -31919,6 +32073,7 @@ declare namespace tiktokpixel {
31919
32073
  };
31920
32074
  }
31921
32075
 
32076
+ type CSSStateKey<T extends ShortHandProperty> = `--${T}` | `--hvr-${T}` | `--focus-${T}`;
31922
32077
  type ResponsiveKey<T extends ShortHandProperty> = `--${T}` | `--${T}-tablet` | `--${T}-mobile`;
31923
32078
  declare const removeNullUndefined: <T extends Record<string, any>>(obj: T) => T;
31924
32079
  declare const makeStyleKey: <T extends ShortHandProperty>(name: T) => string[];
@@ -31949,6 +32104,7 @@ type Options = {
31949
32104
  liquid?: boolean;
31950
32105
  ignoreBgAttachment?: boolean;
31951
32106
  ignoreBackgroundImage?: boolean;
32107
+ ignoreBackgroundImageProperties?: boolean;
31952
32108
  ignoreBackgroundColor?: boolean;
31953
32109
  };
31954
32110
  declare const getStyleBackgroundByDevice: (background?: ObjectDevices<Background>, options?: Options) => {
@@ -31984,7 +32140,7 @@ declare const makeFixedBgAttachment: (background?: ObjectDevices<Background>) =>
31984
32140
  } | undefined;
31985
32141
  declare const GRADIENT_BGR_KEY = "linear-gradient";
31986
32142
  declare const getGradientBgrStyleForButton: (backgroundStyle: Partial<Record<StateType, ColorValueType>> | undefined) => {} | undefined;
31987
- declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: boolean) => {} | undefined;
32143
+ declare const getGradientBgrStyleByDevice: (backgroundStyle: Partial<Record<Devices, Background>> | undefined, ignoreBackgroundImage?: Record<Devices, boolean>) => {} | undefined;
31988
32144
 
31989
32145
  type ColorType = 'bg' | 'text' | 'border' | 'decoration';
31990
32146
  type ColorProp = 'bgc' | 'bc' | 'c' | 'bg';
@@ -38123,6 +38279,8 @@ declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevice
38123
38279
 
38124
38280
  declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
38125
38281
 
38282
+ declare function checkInStock(variant?: VariantSelectFragment, product?: ProductSelectFragment): boolean;
38283
+
38126
38284
  declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
38127
38285
  declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
38128
38286
  declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
@@ -38189,7 +38347,7 @@ declare const getStyleShadow: (shadowStyle: ShadowStyle & {
38189
38347
  [x: string]: string;
38190
38348
  };
38191
38349
  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) => {
38350
+ declare const getResponsiveStyleShadow: (value?: any, styleAppliedFor?: ShadowStyleApplied, isEnableShadow?: any) => {
38193
38351
  [x: string]: any;
38194
38352
  '--ai'?: csstype.Property.AlignItems | undefined;
38195
38353
  '--hvr-ai'?: csstype.Property.AlignItems | undefined;
@@ -41613,17 +41771,31 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
41613
41771
  declare const addAppBlockId: (component: Component) => Component;
41614
41772
 
41615
41773
  declare const useInteraction: () => {
41616
- onListener: ({ event, selector }: {
41774
+ onListener: ({ event, selector, elementRef }: {
41617
41775
  event: string;
41618
41776
  selector: string;
41777
+ elementRef?: React.MutableRefObject<HTMLElement> | undefined;
41619
41778
  }, callback: (data: any) => void) => void;
41620
- trigger: ({ event, data, selector }: {
41779
+ trigger: ({ event, data, selector, element: elementParam, }: {
41621
41780
  event: string;
41622
41781
  data?: any;
41623
41782
  selector: string;
41783
+ element?: HTMLElement | undefined;
41624
41784
  }) => void;
41625
41785
  saveToElementInteractionData: (element: HTMLElement, key: string, value: string) => void;
41626
41786
  closeSelectOnPage: () => void;
41787
+ ref: React.MutableRefObject<any>;
41788
+ findElementIncludingSelf: (element: any, selector: string) => any;
41789
+ getInteractionPreviousData: (element: HTMLElement, key: string) => {
41790
+ previousData: any;
41791
+ interactionDataJson: any;
41792
+ };
41793
+ changeSelectMode: (mode: 'ELEMENT' | 'PAGE') => void;
41794
+ selectInteractionElement: ({ componentUid, settingType, $target, }: {
41795
+ componentUid: string;
41796
+ settingType: string;
41797
+ $target: HTMLElement;
41798
+ }) => void;
41627
41799
  };
41628
41800
 
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 };
41801
+ 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 };