@gem-sdk/components 2.2.0-staging.38 → 2.3.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 +5 -5
- 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 +3 -3
- 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 +5 -5
- 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 +3 -3
- 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 +16 -30
- 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,24 +3518,24 @@ 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
|
-
productId?: string;
|
|
3534
3526
|
widgetType?: string;
|
|
3535
3527
|
}>;
|
|
3536
|
-
declare const
|
|
3528
|
+
declare const AppstleBundlesDiscounts$1: React.FC<AppstleBundlesDiscountsProps>;
|
|
3537
3529
|
|
|
3538
|
-
type
|
|
3530
|
+
type EcomsendBackInStockAlertProps = BaseProps<{
|
|
3539
3531
|
align?: ObjectDevices<AlignProp>;
|
|
3540
3532
|
openApp?: any;
|
|
3541
3533
|
install?: any;
|
|
3542
3534
|
appBlockId?: string;
|
|
3535
|
+
productId?: string;
|
|
3543
3536
|
widgetType?: string;
|
|
3544
3537
|
}>;
|
|
3545
|
-
declare const
|
|
3538
|
+
declare const EcomsendBackInStockAlert$1: React.FC<EcomsendBackInStockAlertProps>;
|
|
3546
3539
|
|
|
3547
3540
|
declare const _default$q: {
|
|
3548
3541
|
InstantJudgemeReviews: _gem_sdk_core.ComponentSetting<InstantJudgemeReviewsProps>;
|
|
@@ -4001,7 +3994,6 @@ type ImageComparisonStyle = {
|
|
|
4001
3994
|
} & Pick<SharedProps, 'aspectRatio'>;
|
|
4002
3995
|
type ImageComparisonProps = BaseProps & {
|
|
4003
3996
|
className?: string;
|
|
4004
|
-
enableLazyLoadImage?: boolean;
|
|
4005
3997
|
pageContext?: PageContext;
|
|
4006
3998
|
} & BasePropsWrap<ImageComparisonSetting, ImageComparisonStyle>;
|
|
4007
3999
|
declare const ImageComparison$1: React.FC<ImageComparisonProps>;
|
|
@@ -5176,8 +5168,8 @@ declare const _default$1: {
|
|
|
5176
5168
|
InstantLooxReviews: React.ComponentType<InstantLooxReviewsProps>;
|
|
5177
5169
|
InstantKlaviyo: React.ComponentType<InstantKlaviyoProps>;
|
|
5178
5170
|
InstantYotpoLoyalty: React.ComponentType<InstantYotpoLoyaltyProps>;
|
|
5179
|
-
EcomsendBackInStockAlert: React.ComponentType<EcomsendBackInStockAlertProps>;
|
|
5180
5171
|
AppstleBundlesDiscounts: React.ComponentType<AppstleBundlesDiscountsProps>;
|
|
5172
|
+
EcomsendBackInStockAlert: React.ComponentType<EcomsendBackInStockAlertProps>;
|
|
5181
5173
|
EcoboostifyShoppableReelUgc: React.ComponentType<EcoboostifyShoppableReelUgcProps>;
|
|
5182
5174
|
EstimatedDeliveryDatePlus: React.ComponentType<EstimatedDeliveryDatePlusProps>;
|
|
5183
5175
|
OkendoReviewsLoyalty: React.ComponentType<OkendoReviewsLoyaltyProps>;
|
|
@@ -5437,11 +5429,10 @@ type ButtonLiquidProps = MixedProps & ButtonProps & {
|
|
|
5437
5429
|
advanced?: any;
|
|
5438
5430
|
pageContext?: PageContext;
|
|
5439
5431
|
nodePrice?: string | null;
|
|
5440
|
-
isForceValue?: boolean;
|
|
5441
5432
|
} & {
|
|
5442
5433
|
dataId?: string;
|
|
5443
5434
|
};
|
|
5444
|
-
declare const Button: ({ className, builderProps, customAttrs, pageContext, setting, styles, style, wrapClassName, advanced, nodePrice, dataId,
|
|
5435
|
+
declare const Button: ({ className, builderProps, customAttrs, pageContext, setting, styles, style, wrapClassName, advanced, nodePrice, dataId, }: ButtonLiquidProps) => string;
|
|
5445
5436
|
|
|
5446
5437
|
declare const Coupon: ({ setting, builderProps, builderAttrs, style, styles, advanced, pageContext, }: _gem_sdk_core.BaseProps<{
|
|
5447
5438
|
copyContent?: string | undefined;
|
|
@@ -5693,8 +5684,6 @@ declare const ProductButton: ({ setting, builderProps, builderAttrs, style, styl
|
|
|
5693
5684
|
translate?: string | undefined;
|
|
5694
5685
|
outOfStockLabel?: string | undefined;
|
|
5695
5686
|
unavailableLabel?: string | undefined;
|
|
5696
|
-
labelUnavailableTranslate?: string | undefined;
|
|
5697
|
-
labelOutOfStockTranslate?: string | undefined;
|
|
5698
5687
|
actionEffect?: "buy-now" | "open-cart-drawer" | "continue-shopping" | "go-to-url" | undefined;
|
|
5699
5688
|
customURL?: {
|
|
5700
5689
|
link?: string | undefined;
|
|
@@ -5789,7 +5778,7 @@ type PropTypes = ProductImagesProps$1 & React.ComponentPropsWithoutRef<'div'> &
|
|
|
5789
5778
|
children?: any;
|
|
5790
5779
|
} & {
|
|
5791
5780
|
pageContext?: PageContext;
|
|
5792
|
-
|
|
5781
|
+
enableLazyloadImage?: boolean;
|
|
5793
5782
|
};
|
|
5794
5783
|
declare const ProductImages: (productImageProps: PropTypes) => string;
|
|
5795
5784
|
|
|
@@ -6125,7 +6114,7 @@ declare const CarouselItem: ({ children, builderAttrs, styles, advanced, setting
|
|
|
6125
6114
|
background?: Partial<Record<NameDevices, Background>> | undefined;
|
|
6126
6115
|
}) => string;
|
|
6127
6116
|
|
|
6128
|
-
declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx, rootId, rootAttr, rootClass, wrapperClass, rootStyles, children, rawChildren, isHiddenArrowWhenDisabled, advanced, disableMarginAuto, conditionAppendJs,
|
|
6117
|
+
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>> & {
|
|
6129
6118
|
builderAttrs?: Record<string, any> | undefined;
|
|
6130
6119
|
style?: React.CSSProperties | undefined;
|
|
6131
6120
|
} & {
|
|
@@ -6157,7 +6146,6 @@ declare const Carousel: ({ builderAttrs, builderProps, style, styles, moveToIdx,
|
|
|
6157
6146
|
disableMarginAuto?: boolean | undefined;
|
|
6158
6147
|
slidesClass?: string | undefined;
|
|
6159
6148
|
conditionAppendJs?: string | undefined;
|
|
6160
|
-
ftShapeProductImage?: Partial<Record<NameDevices, SizeSettingGlobal>> | undefined;
|
|
6161
6149
|
}) => string;
|
|
6162
6150
|
|
|
6163
6151
|
type LineProps = {
|
|
@@ -6285,7 +6273,7 @@ type CountdownLiquidProps = BaseProps<{
|
|
|
6285
6273
|
};
|
|
6286
6274
|
declare const Countdown: ({ builderProps, setting, styles, advanced, pageContext, }: CountdownLiquidProps) => string;
|
|
6287
6275
|
|
|
6288
|
-
declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced,
|
|
6276
|
+
declare const Image: ({ styles, className, setting, builderAttrs, builderProps, style, advanced, enableLazyloadImage, }: {
|
|
6289
6277
|
className?: string | undefined;
|
|
6290
6278
|
children?: React.ReactNode;
|
|
6291
6279
|
onClick?: React.MouseEventHandler<any> | undefined;
|
|
@@ -6322,7 +6310,6 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
|
|
|
6322
6310
|
} | undefined;
|
|
6323
6311
|
hoverEffect?: string | undefined;
|
|
6324
6312
|
isNotLazyload?: boolean | undefined;
|
|
6325
|
-
disableNoDataState?: boolean | undefined;
|
|
6326
6313
|
} & Pick<AdaptiveImageProps, "srcSet">, {
|
|
6327
6314
|
shape?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.SizeSettingGlobal>> | undefined;
|
|
6328
6315
|
customAspectRadio?: Partial<Record<_gem_sdk_core.NameDevices, _gem_sdk_core.Ratio>> | undefined;
|
|
@@ -6345,8 +6332,7 @@ declare const Image: ({ styles, className, setting, builderAttrs, builderProps,
|
|
|
6345
6332
|
} & {
|
|
6346
6333
|
advanced?: any;
|
|
6347
6334
|
} & {
|
|
6348
|
-
|
|
6349
|
-
pageContext?: PageContext | undefined;
|
|
6335
|
+
enableLazyloadImage?: boolean | undefined;
|
|
6350
6336
|
}) => string;
|
|
6351
6337
|
|
|
6352
6338
|
type VideoProps = {} & BasePropsWrap<{
|
|
@@ -6411,7 +6397,7 @@ declare const TabItem: ({ children, builderAttrs, style, className, parentUid }:
|
|
|
6411
6397
|
parentUid?: string | undefined;
|
|
6412
6398
|
}) => string;
|
|
6413
6399
|
|
|
6414
|
-
declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced,
|
|
6400
|
+
declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style, children, rawChildren, advanced, enableLazyloadImage, }: _gem_sdk_core.BaseProps<{
|
|
6415
6401
|
link?: {
|
|
6416
6402
|
link?: string | undefined;
|
|
6417
6403
|
target?: string | undefined;
|
|
@@ -6474,7 +6460,7 @@ declare const HeroBanner: ({ builderAttrs, builderProps, setting, styles, style,
|
|
|
6474
6460
|
} & {
|
|
6475
6461
|
rawChildren?: any[] | undefined;
|
|
6476
6462
|
advanced?: any;
|
|
6477
|
-
|
|
6463
|
+
enableLazyloadImage?: boolean | undefined;
|
|
6478
6464
|
}) => string;
|
|
6479
6465
|
|
|
6480
6466
|
declare const CSSCode: ({ setting, style, advanced, builderAttrs, builderProps }: CSSCodeProps) => string;
|
|
@@ -6951,10 +6937,10 @@ declare const HextomFreeShippingBar: ({ setting, advanced }: HextomFreeShippingB
|
|
|
6951
6937
|
|
|
6952
6938
|
declare const EcoboostifyShoppableReelUgc: ({ setting, advanced }: EcoboostifyShoppableReelUgcProps) => string;
|
|
6953
6939
|
|
|
6954
|
-
declare const EcomsendBackInStockAlert: ({ setting, advanced }: EcomsendBackInStockAlertProps) => string;
|
|
6955
|
-
|
|
6956
6940
|
declare const AppstleBundlesDiscounts: ({ setting, advanced }: AppstleBundlesDiscountsProps) => string;
|
|
6957
6941
|
|
|
6942
|
+
declare const EcomsendBackInStockAlert: ({ setting, advanced }: EcomsendBackInStockAlertProps) => string;
|
|
6943
|
+
|
|
6958
6944
|
declare const ImageComparison: ({ setting, styles, builderProps, advanced, ...props }: ImageComparisonProps) => string;
|
|
6959
6945
|
|
|
6960
6946
|
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.
|
|
3
|
+
"version": "2.3.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": {
|