@gem-sdk/components 2.2.0-staging.31 → 2.2.0

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 (80) hide show
  1. package/dist/cjs/article/components/ArticleImage.js +1 -2
  2. package/dist/cjs/banner/components/hero-banner/index.liquid.js +7 -4
  3. package/dist/cjs/builder.js +1 -1
  4. package/dist/cjs/button/components/Button.js +3 -3
  5. package/dist/cjs/button/components/Button.liquid.js +4 -4
  6. package/dist/cjs/carousel/components/Carousel.liquid.js +2 -3
  7. package/dist/cjs/carousel/components/plugins/AutoPlayPlugin.js +58 -17
  8. package/dist/cjs/common/const.js +1 -1
  9. package/dist/cjs/grid/setting/Section.js +7 -37
  10. package/dist/cjs/image/components/AdaptiveImage.liquid.js +5 -6
  11. package/dist/cjs/image/components/Image.js +1 -2
  12. package/dist/cjs/image/components/Image.liquid.js +4 -6
  13. package/dist/cjs/image/components/NextImage.liquid.js +3 -4
  14. package/dist/cjs/image-comparison/components/CompareImage.liquid.js +3 -7
  15. package/dist/cjs/index.js +2 -2
  16. package/dist/cjs/index.liquid.js +2 -2
  17. package/dist/cjs/marquee/components/Marquee.liquid.js +13 -10
  18. package/dist/cjs/post-purchase/product/components/variants/Dropdown.js +1 -1
  19. package/dist/cjs/product/components/ProductButton.js +1 -1
  20. package/dist/cjs/product/components/ProductButton.liquid.js +3 -21
  21. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +5 -6
  22. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js +2 -2
  23. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js +4 -4
  24. package/dist/cjs/product/components/ProductImagesV2/liquid/ProductImages.liquid.js +4 -4
  25. package/dist/cjs/product/components/ProductVariants/variants/combine/index.js +1 -1
  26. package/dist/cjs/product/setting/ProductList.js +1 -1
  27. package/dist/cjs/tab/hooks/useTabInteraction.js +9 -13
  28. package/dist/cjs/third-party/components/Bogos/BogosSampleContent.js +10 -9
  29. package/dist/cjs/third-party/components/RechargeSubscriptions.liquid.js +1 -1
  30. package/dist/cjs/third-party/components/Releasit.liquid.js +2 -4
  31. package/dist/cjs/third-party/configs/BoldProductOptions.js +2 -2
  32. package/dist/cjs/third-party/configs/EcoboostifyShoppableReelUgc.js +1 -1
  33. package/dist/cjs/third-party/next.js +3 -3
  34. package/dist/cjs/third-party/setting/EcoboostifyShoppableReelUgc.js +2 -2
  35. package/dist/cjs/third-party/setting/Releasit.js +2 -59
  36. package/dist/cjs/third-party/setting/index.js +3 -3
  37. package/dist/cjs/video/components/HTML5Embed.js +2 -2
  38. package/dist/cjs/video/components/HTML5Embed.liquid.js +3 -6
  39. package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +3 -5
  40. package/dist/esm/article/components/ArticleImage.js +1 -2
  41. package/dist/esm/banner/components/hero-banner/index.liquid.js +7 -4
  42. package/dist/esm/builder.js +1 -1
  43. package/dist/esm/button/components/Button.js +3 -3
  44. package/dist/esm/button/components/Button.liquid.js +4 -4
  45. package/dist/esm/carousel/components/Carousel.liquid.js +2 -3
  46. package/dist/esm/carousel/components/plugins/AutoPlayPlugin.js +58 -17
  47. package/dist/esm/common/const.js +1 -1
  48. package/dist/esm/grid/setting/Section.js +7 -37
  49. package/dist/esm/image/components/AdaptiveImage.liquid.js +5 -6
  50. package/dist/esm/image/components/Image.js +2 -3
  51. package/dist/esm/image/components/Image.liquid.js +4 -6
  52. package/dist/esm/image/components/NextImage.liquid.js +3 -4
  53. package/dist/esm/image-comparison/components/CompareImage.liquid.js +3 -7
  54. package/dist/esm/index.js +1 -1
  55. package/dist/esm/index.liquid.js +1 -1
  56. package/dist/esm/marquee/components/Marquee.liquid.js +13 -10
  57. package/dist/esm/post-purchase/product/components/variants/Dropdown.js +1 -1
  58. package/dist/esm/product/components/ProductButton.js +1 -1
  59. package/dist/esm/product/components/ProductButton.liquid.js +3 -21
  60. package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +5 -6
  61. package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js +2 -2
  62. package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js +4 -4
  63. package/dist/esm/product/components/ProductImagesV2/liquid/ProductImages.liquid.js +4 -4
  64. package/dist/esm/product/components/ProductVariants/variants/combine/index.js +1 -1
  65. package/dist/esm/product/setting/ProductList.js +1 -1
  66. package/dist/esm/tab/hooks/useTabInteraction.js +10 -14
  67. package/dist/esm/third-party/components/Bogos/BogosSampleContent.js +11 -10
  68. package/dist/esm/third-party/components/RechargeSubscriptions.liquid.js +1 -1
  69. package/dist/esm/third-party/components/Releasit.liquid.js +2 -4
  70. package/dist/esm/third-party/configs/BoldProductOptions.js +2 -2
  71. package/dist/esm/third-party/configs/EcoboostifyShoppableReelUgc.js +1 -1
  72. package/dist/esm/third-party/next.js +3 -3
  73. package/dist/esm/third-party/setting/EcoboostifyShoppableReelUgc.js +2 -2
  74. package/dist/esm/third-party/setting/Releasit.js +2 -59
  75. package/dist/esm/third-party/setting/index.js +4 -4
  76. package/dist/esm/video/components/HTML5Embed.js +2 -2
  77. package/dist/esm/video/components/HTML5Embed.liquid.js +3 -6
  78. package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +3 -5
  79. package/dist/types/index.d.ts +15 -29
  80. package/package.json +3 -3
@@ -447,7 +447,6 @@ type ImageSetting$1 = Pick<NextImageProps, 'priority' | 'quality' | 'vw'> & Pick
447
447
  };
448
448
  hoverEffect?: string;
449
449
  isNotLazyload?: boolean;
450
- disableNoDataState?: boolean;
451
450
  } & Pick<AdaptiveImageProps, 'srcSet'>;
452
451
  type ImageStyleSetting$1 = {
453
452
  shape?: ObjectDevices<SizeSettingGlobal>;
@@ -1578,8 +1577,6 @@ type ProductButtonProps = BasePropsWrap<{
1578
1577
  translate?: string;
1579
1578
  outOfStockLabel?: string;
1580
1579
  unavailableLabel?: string;
1581
- labelUnavailableTranslate?: string;
1582
- labelOutOfStockTranslate?: string;
1583
1580
  actionEffect?: 'open-cart-drawer' | 'buy-now' | 'continue-shopping' | 'go-to-url';
1584
1581
  customURL?: {
1585
1582
  link?: string;
@@ -2439,8 +2436,8 @@ declare const _default$r: {
2439
2436
  AlsoBoughtCbb: _gem_sdk_core.ComponentSetting<AlsoBoughtCbbProps>;
2440
2437
  HextomFreeShippingBar: _gem_sdk_core.ComponentSetting<HextomFreeShippingBarProps>;
2441
2438
  EcoboostifyShoppableReelUgc: _gem_sdk_core.ComponentSetting<EcoboostifyShoppableReelUgcProps>;
2442
- EcomsendBackInStockAlert: _gem_sdk_core.ComponentSetting<EcomsendBackInStockAlertProps>;
2443
2439
  AppstleBundlesDiscounts: _gem_sdk_core.ComponentSetting<AppstleBundlesDiscountsProps>;
2440
+ EcomsendBackInStockAlert: _gem_sdk_core.ComponentSetting<EcomsendBackInStockAlertProps>;
2444
2441
  };
2445
2442
 
2446
2443
  type RechargeSubscriptionsProps = BaseProps<{
@@ -2878,10 +2875,6 @@ type ReleasitProps = BaseProps<{
2878
2875
  align?: ObjectDevices<AlignProp>;
2879
2876
  openApp?: any;
2880
2877
  install?: any;
2881
- version?: 'v1' | 'v2';
2882
- widgetTypeV2?: string;
2883
- appBlockId?: string;
2884
- productHandle?: string;
2885
2878
  }>;
2886
2879
  declare const Releasit$1: React.FC<ReleasitProps>;
2887
2880
 
@@ -3525,23 +3518,23 @@ type EcoboostifyShoppableReelUgcProps = BaseProps<{
3525
3518
  }>;
3526
3519
  declare const EcoboostifyShoppableReelUgc$1: React.FC<EcoboostifyShoppableReelUgcProps>;
3527
3520
 
3528
- type EcomsendBackInStockAlertProps = BaseProps<{
3521
+ type AppstleBundlesDiscountsProps = BaseProps<{
3529
3522
  align?: ObjectDevices<AlignProp>;
3530
3523
  openApp?: any;
3531
3524
  install?: any;
3532
3525
  appBlockId?: string;
3533
3526
  widgetType?: string;
3534
3527
  }>;
3535
- declare const EcomsendBackInStockAlert$1: React.FC<EcomsendBackInStockAlertProps>;
3528
+ declare const AppstleBundlesDiscounts$1: React.FC<AppstleBundlesDiscountsProps>;
3536
3529
 
3537
- type AppstleBundlesDiscountsProps = BaseProps<{
3530
+ type EcomsendBackInStockAlertProps = BaseProps<{
3538
3531
  align?: ObjectDevices<AlignProp>;
3539
3532
  openApp?: any;
3540
3533
  install?: any;
3541
3534
  appBlockId?: string;
3542
3535
  widgetType?: string;
3543
3536
  }>;
3544
- declare const AppstleBundlesDiscounts$1: React.FC<AppstleBundlesDiscountsProps>;
3537
+ declare const EcomsendBackInStockAlert$1: React.FC<EcomsendBackInStockAlertProps>;
3545
3538
 
3546
3539
  declare const _default$q: {
3547
3540
  InstantJudgemeReviews: _gem_sdk_core.ComponentSetting<InstantJudgemeReviewsProps>;
@@ -4000,7 +3993,6 @@ type ImageComparisonStyle = {
4000
3993
  } & Pick<SharedProps, 'aspectRatio'>;
4001
3994
  type ImageComparisonProps = BaseProps & {
4002
3995
  className?: string;
4003
- enableLazyLoadImage?: boolean;
4004
3996
  pageContext?: PageContext;
4005
3997
  } & BasePropsWrap<ImageComparisonSetting, ImageComparisonStyle>;
4006
3998
  declare const ImageComparison$1: React.FC<ImageComparisonProps>;
@@ -5175,8 +5167,8 @@ declare const _default$1: {
5175
5167
  InstantLooxReviews: React.ComponentType<InstantLooxReviewsProps>;
5176
5168
  InstantKlaviyo: React.ComponentType<InstantKlaviyoProps>;
5177
5169
  InstantYotpoLoyalty: React.ComponentType<InstantYotpoLoyaltyProps>;
5178
- EcomsendBackInStockAlert: React.ComponentType<EcomsendBackInStockAlertProps>;
5179
5170
  AppstleBundlesDiscounts: React.ComponentType<AppstleBundlesDiscountsProps>;
5171
+ EcomsendBackInStockAlert: React.ComponentType<EcomsendBackInStockAlertProps>;
5180
5172
  EcoboostifyShoppableReelUgc: React.ComponentType<EcoboostifyShoppableReelUgcProps>;
5181
5173
  EstimatedDeliveryDatePlus: React.ComponentType<EstimatedDeliveryDatePlusProps>;
5182
5174
  OkendoReviewsLoyalty: React.ComponentType<OkendoReviewsLoyaltyProps>;
@@ -5436,11 +5428,10 @@ type ButtonLiquidProps = MixedProps & ButtonProps & {
5436
5428
  advanced?: any;
5437
5429
  pageContext?: PageContext;
5438
5430
  nodePrice?: string | null;
5439
- isForceValue?: boolean;
5440
5431
  } & {
5441
5432
  dataId?: string;
5442
5433
  };
5443
- declare const Button: ({ className, builderProps, customAttrs, pageContext, setting, styles, style, wrapClassName, advanced, nodePrice, dataId, isForceValue, }: ButtonLiquidProps) => string;
5434
+ declare const Button: ({ className, builderProps, customAttrs, pageContext, setting, styles, style, wrapClassName, advanced, nodePrice, dataId, }: ButtonLiquidProps) => string;
5444
5435
 
5445
5436
  declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, advanced, pageContext, }: _gem_sdk_core.BaseProps<{
5446
5437
  copyContent?: string | undefined;
@@ -5692,8 +5683,6 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
5692
5683
  translate?: string | undefined;
5693
5684
  outOfStockLabel?: string | undefined;
5694
5685
  unavailableLabel?: string | undefined;
5695
- labelUnavailableTranslate?: string | undefined;
5696
- labelOutOfStockTranslate?: string | undefined;
5697
5686
  actionEffect?: "buy-now" | "open-cart-drawer" | "continue-shopping" | "go-to-url" | undefined;
5698
5687
  customURL?: {
5699
5688
  link?: string | undefined;
@@ -5788,7 +5777,7 @@ type PropTypes = ProductImagesProps$1 & React.ComponentPropsWithoutRef<'div'> &
5788
5777
  children?: any;
5789
5778
  } & {
5790
5779
  pageContext?: PageContext;
5791
- enableLazyLoadImage?: boolean;
5780
+ enableLazyloadImage?: boolean;
5792
5781
  };
5793
5782
  declare const ProductImages: (productImageProps: PropTypes) => string;
5794
5783
 
@@ -6124,7 +6113,7 @@ declare const CarouselItem: ({ children, builderAttrs, styles, advanced, setting
6124
6113
  background?: Partial<Record<NameDevices, Background>> | undefined;
6125
6114
  }) => string;
6126
6115
 
6127
- declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ftShapeProductImage, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
6116
+ declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs, ...props }: _gem_sdk_core.BaseProps<CarouselSettings, CarouselStyles, Record<string, any>> & {
6128
6117
  builderAttrs?: Record<string, any> | undefined;
6129
6118
  style?: React.CSSProperties | undefined;
6130
6119
  } & {
@@ -6156,7 +6145,6 @@ declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx,
6156
6145
  disableMarginAuto?: boolean | undefined;
6157
6146
  slidesClass?: string | undefined;
6158
6147
  conditionAppendJs?: string | undefined;
6159
- ftShapeProductImage?: Partial<Record<NameDevices, SizeSettingGlobal>> | undefined;
6160
6148
  }) => string;
6161
6149
 
6162
6150
  type LineProps = {
@@ -6284,7 +6272,7 @@ type CountdownLiquidProps = BaseProps<{
6284
6272
  };
6285
6273
  declare const Countdown: ({ builderProps, setting, styles, advanced, pageContext, }: CountdownLiquidProps) => string;
6286
6274
 
6287
- declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyLoadImage, pageContext, }: {
6275
+ declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyloadImage, }: {
6288
6276
  className?: string | undefined;
6289
6277
  children?: React.ReactNode;
6290
6278
  onClick?: React.MouseEventHandler<any> | undefined;
@@ -6321,7 +6309,6 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
6321
6309
  } | undefined;
6322
6310
  hoverEffect?: string | undefined;
6323
6311
  isNotLazyload?: boolean | undefined;
6324
- disableNoDataState?: boolean | undefined;
6325
6312
  } & Pick<AdaptiveImageProps, "srcSet">, {
6326
6313
  shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
6327
6314
  customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
@@ -6344,8 +6331,7 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
6344
6331
  } & {
6345
6332
  advanced?: any;
6346
6333
  } & {
6347
- enableLazyLoadImage?: boolean | undefined;
6348
- pageContext?: PageContext | undefined;
6334
+ enableLazyloadImage?: boolean | undefined;
6349
6335
  }) => string;
6350
6336
 
6351
6337
  type VideoProps = {} & BasePropsWrap<{
@@ -6410,7 +6396,7 @@ declare const TabItem: ({ children, builderAttrs, style, className, parentUid }:
6410
6396
  parentUid?: string | undefined;
6411
6397
  }) => string;
6412
6398
 
6413
- declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyLoadImage, }: _gem_sdk_core.BaseProps<{
6399
+ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage, }: _gem_sdk_core.BaseProps<{
6414
6400
  link?: {
6415
6401
  link?: string | undefined;
6416
6402
  target?: string | undefined;
@@ -6473,7 +6459,7 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
6473
6459
  } & {
6474
6460
  rawChildren?: any[] | undefined;
6475
6461
  advanced?: any;
6476
- enableLazyLoadImage?: boolean | undefined;
6462
+ enableLazyloadImage?: boolean | undefined;
6477
6463
  }) => string;
6478
6464
 
6479
6465
  declare const CSSCode: ({ setting, style, advanced, builderAttrs, builderProps }: CSSCodeProps) => string;
@@ -6950,10 +6936,10 @@ declare const HextomFreeShippingBar: ({ setting, advanced }: HextomFreeShippingB
6950
6936
 
6951
6937
  declare const EcoboostifyShoppableReelUgc: ({ setting, advanced }: EcoboostifyShoppableReelUgcProps) => string;
6952
6938
 
6953
- declare const EcomsendBackInStockAlert: ({ setting, advanced }: EcomsendBackInStockAlertProps) => string;
6954
-
6955
6939
  declare const AppstleBundlesDiscounts: ({ setting, advanced }: AppstleBundlesDiscountsProps) => string;
6956
6940
 
6941
+ declare const EcomsendBackInStockAlert: ({ setting, advanced }: EcomsendBackInStockAlertProps) => string;
6942
+
6957
6943
  declare const ImageComparison: ({ setting, styles, builderProps, advanced, ...props }: ImageComparisonProps) => string;
6958
6944
 
6959
6945
  declare const ThirdPartySlot: ({ setting, advanced }: ThirdPartySlotProps) => string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/components",
3
- "version": "2.2.0-staging.31",
3
+ "version": "2.2.0",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -21,8 +21,8 @@
21
21
  "format": "prettier --write \"./src/**/*.{ts,tsx}\""
22
22
  },
23
23
  "devDependencies": {
24
- "@gem-sdk/core": "2.2.0-staging.30",
25
- "@gem-sdk/styles": "2.1.27-staging.13",
24
+ "@gem-sdk/core": "2.2.0",
25
+ "@gem-sdk/styles": "2.1.31",
26
26
  "@types/react-transition-group": "^4.4.5"
27
27
  },
28
28
  "dependencies": {