@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.
- package/dist/cjs/article/components/ArticleImage.js +1 -2
- package/dist/cjs/banner/components/hero-banner/index.liquid.js +7 -4
- package/dist/cjs/builder.js +1 -1
- package/dist/cjs/button/components/Button.js +3 -3
- package/dist/cjs/button/components/Button.liquid.js +4 -4
- package/dist/cjs/carousel/components/Carousel.liquid.js +2 -3
- package/dist/cjs/carousel/components/plugins/AutoPlayPlugin.js +58 -17
- package/dist/cjs/common/const.js +1 -1
- package/dist/cjs/grid/setting/Section.js +7 -37
- package/dist/cjs/image/components/AdaptiveImage.liquid.js +5 -6
- package/dist/cjs/image/components/Image.js +1 -2
- package/dist/cjs/image/components/Image.liquid.js +4 -6
- package/dist/cjs/image/components/NextImage.liquid.js +3 -4
- package/dist/cjs/image-comparison/components/CompareImage.liquid.js +3 -7
- package/dist/cjs/index.js +2 -2
- package/dist/cjs/index.liquid.js +2 -2
- package/dist/cjs/marquee/components/Marquee.liquid.js +13 -10
- package/dist/cjs/post-purchase/product/components/variants/Dropdown.js +1 -1
- package/dist/cjs/product/components/ProductButton.js +1 -1
- package/dist/cjs/product/components/ProductButton.liquid.js +3 -21
- package/dist/cjs/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +5 -6
- package/dist/cjs/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js +2 -2
- package/dist/cjs/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js +4 -4
- package/dist/cjs/product/components/ProductImagesV2/liquid/ProductImages.liquid.js +4 -4
- package/dist/cjs/product/components/ProductVariants/variants/combine/index.js +1 -1
- package/dist/cjs/product/setting/ProductList.js +1 -1
- package/dist/cjs/tab/hooks/useTabInteraction.js +9 -13
- package/dist/cjs/third-party/components/Bogos/BogosSampleContent.js +10 -9
- package/dist/cjs/third-party/components/RechargeSubscriptions.liquid.js +1 -1
- package/dist/cjs/third-party/components/Releasit.liquid.js +2 -4
- package/dist/cjs/third-party/configs/BoldProductOptions.js +2 -2
- package/dist/cjs/third-party/configs/EcoboostifyShoppableReelUgc.js +1 -1
- package/dist/cjs/third-party/next.js +3 -3
- package/dist/cjs/third-party/setting/EcoboostifyShoppableReelUgc.js +2 -2
- package/dist/cjs/third-party/setting/Releasit.js +2 -59
- package/dist/cjs/third-party/setting/index.js +3 -3
- package/dist/cjs/video/components/HTML5Embed.js +2 -2
- package/dist/cjs/video/components/HTML5Embed.liquid.js +3 -6
- package/dist/cjs/video/components/LiteYouTubeEmbed.liquid.js +3 -5
- package/dist/esm/article/components/ArticleImage.js +1 -2
- package/dist/esm/banner/components/hero-banner/index.liquid.js +7 -4
- package/dist/esm/builder.js +1 -1
- package/dist/esm/button/components/Button.js +3 -3
- package/dist/esm/button/components/Button.liquid.js +4 -4
- package/dist/esm/carousel/components/Carousel.liquid.js +2 -3
- package/dist/esm/carousel/components/plugins/AutoPlayPlugin.js +58 -17
- package/dist/esm/common/const.js +1 -1
- package/dist/esm/grid/setting/Section.js +7 -37
- package/dist/esm/image/components/AdaptiveImage.liquid.js +5 -6
- package/dist/esm/image/components/Image.js +2 -3
- package/dist/esm/image/components/Image.liquid.js +4 -6
- package/dist/esm/image/components/NextImage.liquid.js +3 -4
- package/dist/esm/image-comparison/components/CompareImage.liquid.js +3 -7
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.liquid.js +1 -1
- package/dist/esm/marquee/components/Marquee.liquid.js +13 -10
- package/dist/esm/post-purchase/product/components/variants/Dropdown.js +1 -1
- package/dist/esm/product/components/ProductButton.js +1 -1
- package/dist/esm/product/components/ProductButton.liquid.js +3 -21
- package/dist/esm/product/components/ProductImagesV2/liquid/ProductFeaturedImageCarousel.liquid.js +5 -6
- package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryCarousel.liquid.js +2 -2
- package/dist/esm/product/components/ProductImagesV2/liquid/ProductGalleryGrid.liquid.js +4 -4
- package/dist/esm/product/components/ProductImagesV2/liquid/ProductImages.liquid.js +4 -4
- package/dist/esm/product/components/ProductVariants/variants/combine/index.js +1 -1
- package/dist/esm/product/setting/ProductList.js +1 -1
- package/dist/esm/tab/hooks/useTabInteraction.js +10 -14
- package/dist/esm/third-party/components/Bogos/BogosSampleContent.js +11 -10
- package/dist/esm/third-party/components/RechargeSubscriptions.liquid.js +1 -1
- package/dist/esm/third-party/components/Releasit.liquid.js +2 -4
- package/dist/esm/third-party/configs/BoldProductOptions.js +2 -2
- package/dist/esm/third-party/configs/EcoboostifyShoppableReelUgc.js +1 -1
- package/dist/esm/third-party/next.js +3 -3
- package/dist/esm/third-party/setting/EcoboostifyShoppableReelUgc.js +2 -2
- package/dist/esm/third-party/setting/Releasit.js +2 -59
- package/dist/esm/third-party/setting/index.js +4 -4
- package/dist/esm/video/components/HTML5Embed.js +2 -2
- package/dist/esm/video/components/HTML5Embed.liquid.js +3 -6
- package/dist/esm/video/components/LiteYouTubeEmbed.liquid.js +3 -5
- package/dist/types/index.d.ts +15 -29
- package/package.json +3 -3
package/dist/types/index.d.ts
CHANGED
|
@@ -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
|
|
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
|
|
3528
|
+
declare const AppstleBundlesDiscounts$1: React.FC<AppstleBundlesDiscountsProps>;
|
|
3536
3529
|
|
|
3537
|
-
type
|
|
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
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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,
|
|
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
|
-
|
|
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
|
|
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
|
|
25
|
-
"@gem-sdk/styles": "2.1.
|
|
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": {
|