@gem-sdk/core 1.46.1 → 1.47.0-dev.5

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 (42) hide show
  1. package/dist/cjs/components/ComponentToolbarPreview.js +156 -106
  2. package/dist/cjs/components/ComponentWrapperPreview.js +16 -2
  3. package/dist/cjs/components/InteractionSuffix.js +107 -0
  4. package/dist/cjs/components/Render.liquid.js +35 -7
  5. package/dist/cjs/components/RenderPreview.js +1 -0
  6. package/dist/cjs/components/constant.js +2 -1
  7. package/dist/cjs/contexts/PageContext.js +29 -1
  8. package/dist/cjs/contexts/SectionContext.js +0 -1
  9. package/dist/cjs/helpers/align.js +19 -0
  10. package/dist/cjs/helpers/colors.js +1 -1
  11. package/dist/cjs/helpers/shadow.js +1 -1
  12. package/dist/cjs/helpers/third-party/appConfig.js +14 -0
  13. package/dist/cjs/helpers/third-party/appSetting.js +22 -0
  14. package/dist/cjs/helpers/third-party/constant.js +3 -1
  15. package/dist/cjs/hooks/animation/useApplyAnimation.js +1 -0
  16. package/dist/cjs/hooks/useFormatMoney.js +61 -60
  17. package/dist/cjs/hooks/useInteraction.js +19 -0
  18. package/dist/cjs/hooks/useProduct.js +2 -1
  19. package/dist/cjs/index.js +12 -0
  20. package/dist/cjs/types/custom.js +44 -0
  21. package/dist/esm/components/ComponentToolbarPreview.js +156 -106
  22. package/dist/esm/components/ComponentWrapperPreview.js +16 -2
  23. package/dist/esm/components/InteractionSuffix.js +105 -0
  24. package/dist/esm/components/Render.liquid.js +35 -7
  25. package/dist/esm/components/RenderPreview.js +1 -0
  26. package/dist/esm/components/constant.js +2 -1
  27. package/dist/esm/contexts/PageContext.js +29 -1
  28. package/dist/esm/contexts/SectionContext.js +0 -1
  29. package/dist/esm/helpers/align.js +17 -0
  30. package/dist/esm/helpers/colors.js +1 -1
  31. package/dist/esm/helpers/shadow.js +1 -1
  32. package/dist/esm/helpers/third-party/appConfig.js +13 -1
  33. package/dist/esm/helpers/third-party/appSetting.js +22 -0
  34. package/dist/esm/helpers/third-party/constant.js +4 -2
  35. package/dist/esm/hooks/animation/useApplyAnimation.js +1 -0
  36. package/dist/esm/hooks/useFormatMoney.js +61 -61
  37. package/dist/esm/hooks/useInteraction.js +17 -0
  38. package/dist/esm/hooks/useProduct.js +2 -1
  39. package/dist/esm/index.js +3 -1
  40. package/dist/esm/types/custom.js +44 -0
  41. package/dist/types/index.d.ts +169 -3
  42. package/package.json +3 -3
@@ -6832,6 +6832,7 @@ type ImageShape$1 = {
6832
6832
  type SizeSettingGlobal = {
6833
6833
  shape?: 'square' | 'vertical' | 'horizontal' | 'custom' | 'original';
6834
6834
  shapeLinked?: boolean;
6835
+ disableShapeLinked?: boolean;
6835
6836
  shapeValue?: string;
6836
6837
  widthHeightLinked?: boolean;
6837
6838
  padding?: {
@@ -7227,6 +7228,7 @@ type PositionControlType<T> = SharedControlType<T> & {
7227
7228
 
7228
7229
  type PositionSquareControlType<T> = SharedControlType<T> & {
7229
7230
  type: 'position:square';
7231
+ ignoreValue?: string[];
7230
7232
  };
7231
7233
 
7232
7234
  type RadioGroupControlType = {
@@ -7382,6 +7384,8 @@ type TextareaControlType<T> = SharedControlType<T> & {
7382
7384
  minHeight?: number;
7383
7385
  maxWidth?: number;
7384
7386
  autoHeight?: boolean;
7387
+ defaultRows?: number;
7388
+ showPlusBtn?: boolean;
7385
7389
  suggestContents?: {
7386
7390
  message: string;
7387
7391
  eg?: string;
@@ -7433,6 +7437,7 @@ type BehaviorStateControlType<T> = {
7433
7437
  type BoxShadowControlType<T> = SharedControlType<T> & {
7434
7438
  id?: string;
7435
7439
  type: 'boxShadow';
7440
+ hideOptions?: string[];
7436
7441
  popup?: boolean;
7437
7442
  };
7438
7443
 
@@ -7818,6 +7823,8 @@ type SizeSetting$1<T> = SharedControlType<T> & {
7818
7823
  hiddenShowMore?: boolean;
7819
7824
  sizePaddingInput?: 'normal' | 'small';
7820
7825
  lockShapeValue?: boolean;
7826
+ isShowResponsive?: boolean;
7827
+ disableShapeLinkedTooltip?: string;
7821
7828
  };
7822
7829
 
7823
7830
  type ChildIconType<T> = SharedControlType<T> & {
@@ -7858,6 +7865,7 @@ type ParallaxScrollingType<T> = SharedControlType<T> & {
7858
7865
 
7859
7866
  type BackgroundColorPickerType<T> = SharedControlType<T> & {
7860
7867
  type: 'background-color-picker';
7868
+ mode?: 'both' | 'solid' | 'gradient';
7861
7869
  popup?: boolean;
7862
7870
  readonly?: boolean;
7863
7871
  };
@@ -8013,7 +8021,39 @@ type ButtonLayoutType<T> = SharedControlType<T> & {
8013
8021
  }[];
8014
8022
  };
8015
8023
 
8016
- type ControlProp<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>;
8024
+ type ShapeSelectorControlType<T> = SharedControlType<T> & {
8025
+ type: 'shape-selector';
8026
+ };
8027
+
8028
+ type DisplayTriggerControlType<T> = SharedControlType<T> & {
8029
+ type: 'display-trigger-badge';
8030
+ };
8031
+
8032
+ type CustomPositionControlType<T> = SharedControlType<T> & {
8033
+ type: 'custom-position';
8034
+ ignoreValue?: string[];
8035
+ topGap?: string;
8036
+ leftGap?: string;
8037
+ rightGap?: string;
8038
+ bottomGap?: string;
8039
+ };
8040
+
8041
+ type DealControlType<T> = SharedControlType<T> & {
8042
+ type: 'bundleItem';
8043
+ readonly?: boolean;
8044
+ };
8045
+
8046
+ type ProductBundleChildControlType<T> = SharedControlType<T> & {
8047
+ type: 'product-bundle-child-item';
8048
+ [key: string]: any;
8049
+ };
8050
+ type SelectProductBundleControlType<T> = SharedControlType<T> & {
8051
+ type: 'select-product-bundle';
8052
+ label?: string;
8053
+ hide?: boolean;
8054
+ };
8055
+
8056
+ 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> | CustomPositionControlType<T> | SneakPeakControlType<T> | PostPurchaseTextareaControlType<T> | DealControlType<T> | DisplayTriggerControlType<T>;
8017
8057
  type ControlTriggerAction = {
8018
8058
  controlId: string;
8019
8059
  newValue?: any;
@@ -8069,6 +8109,7 @@ type ComponentSetting<P extends BaseProps> = {
8069
8109
  flowPage?: string;
8070
8110
  notAppendTags?: string[];
8071
8111
  notAppendLeftRight?: boolean;
8112
+ allowAppendTags?: string[];
8072
8113
  };
8073
8114
  sideBar?: {
8074
8115
  hide?: boolean;
@@ -8105,7 +8146,7 @@ type ControlUI = {
8105
8146
  labelPosition?: 'start' | 'end';
8106
8147
  justifyContent?: 'start' | 'end' | 'between' | 'around';
8107
8148
  label?: 'medium' | 'large';
8108
- info?: 'near' | 'far';
8149
+ info?: 'near' | 'far' | 'bottom';
8109
8150
  labelSpacing?: 'small' | 'medium' | 'large';
8110
8151
  removeSpacing?: boolean;
8111
8152
  noGap?: boolean;
@@ -8197,6 +8238,75 @@ type PublicStoreFrontData = {
8197
8238
  token?: string;
8198
8239
  endpoint?: string;
8199
8240
  };
8241
+ type InteractionElement<E, T> = {
8242
+ uid?: string;
8243
+ event?: E;
8244
+ condition?: T;
8245
+ elementTag?: string;
8246
+ targetOutsideSelector?: string;
8247
+ targetInsideSelector?: string;
8248
+ };
8249
+ declare enum InteractionTargetEvent {
8250
+ 'gp:change-background-color' = 0,
8251
+ 'gp:run-animation' = 1,
8252
+ 'gp:toggle-element-visibility' = 2,
8253
+ 'gp:change-text' = 3,
8254
+ 'gp:scroll-to' = 4,
8255
+ 'gp:change-text-style' = 5,
8256
+ 'gp:change-content' = 6,
8257
+ 'gp:change-button-style' = 7,
8258
+ 'gp:copy-text' = 8,
8259
+ 'gp:change-image' = 9,
8260
+ 'gp:toggle-video-play' = 10,
8261
+ 'gp:change-slider-ratio' = 11,
8262
+ 'gp:change-icon-style' = 12,
8263
+ 'gp:change-expanded-item' = 13,
8264
+ 'gp:change-active-item' = 14,
8265
+ 'gp:change-slide' = 15,
8266
+ 'gp:change-image-step' = 16,
8267
+ 'gp:change-text-value' = 17,
8268
+ 'gp:toggle-popup-open' = 18,
8269
+ 'gp:show-or-hide' = 19
8270
+ }
8271
+ declare enum InteractionTriggerEvent {
8272
+ 'click' = 0,
8273
+ active = 1,
8274
+ 'mouseover' = 2,
8275
+ 'gp:appear' = 3,
8276
+ 'gp:item-selected' = 4,
8277
+ 'gp:item-unselected' = 5,
8278
+ 'gp:item-hovered' = 6,
8279
+ 'gp:item-click' = 7,
8280
+ 'gp:after-submit' = 8,
8281
+ 'gp:quantity-change' = 9,
8282
+ 'gp:after-checked-value' = 10,
8283
+ 'gp:after-add-to-cart' = 11,
8284
+ 'gp:popup-open' = 12,
8285
+ 'gp:popup-close' = 13,
8286
+ 'scroll-up' = 14,
8287
+ 'scroll-down' = 15
8288
+ }
8289
+ type InteractionCondition = {
8290
+ type?: 'equal' | 'greater' | 'less' | 'greater-or-equal' | 'less-or-equal' | 'distance-to-top' | 'selected-item' | 'between' | 'out-of-stock' | 'out-of-time' | 'delay';
8291
+ data?: unknown;
8292
+ metaData?: any;
8293
+ };
8294
+ type Interaction = {
8295
+ self?: InteractionElement<InteractionTriggerEvent, InteractionCondition>;
8296
+ targets?: InteractionTarget[];
8297
+ };
8298
+ type InteractionTarget = {
8299
+ uid?: string;
8300
+ elementTag?: string;
8301
+ targetOutsideSelector?: string;
8302
+ targetInsideSelector?: string;
8303
+ events?: InteractionTargetEventObject[];
8304
+ };
8305
+ type InteractionTargetEventObject = {
8306
+ event: InteractionTargetEvent;
8307
+ eventName: string;
8308
+ condition: InteractionCondition;
8309
+ };
8200
8310
 
8201
8311
  type Maybe<T> = T | undefined;
8202
8312
  type InputMaybe<T> = T | undefined;
@@ -28838,11 +28948,19 @@ type PageContextProps = {
28838
28948
  productOffers?: ProductOffer[];
28839
28949
  salePageProductId?: string;
28840
28950
  publicStoreFrontData?: PublicStoreFrontData | null;
28951
+ interactionData?: {
28952
+ item?: Interaction;
28953
+ isSelectOnPage?: boolean;
28954
+ selectType?: 'element' | 'page';
28955
+ };
28841
28956
  setDynamicProduct: (data: DynamicProduct) => void;
28842
28957
  setDynamicCollection: (data: DynamicCollection) => void;
28843
28958
  setPostPurchaseProductOffers: (productOffers: ProductOffer[]) => void;
28844
28959
  setSalePageProductId: (id: string) => void;
28845
28960
  setPublicStoreFrontData: (publicStoreFrontData: PublicStoreFrontData | null) => void;
28961
+ setInteractionItem: (item: Interaction) => void;
28962
+ setInteractionIsSelectOnPage: (value: boolean) => void;
28963
+ setInteractionSelectType: (selectType: 'element' | 'page') => void;
28846
28964
  };
28847
28965
  type PageProviderProps = Pick<PageContextProps, 'dynamicProduct' | 'dynamicCollection' | 'productOffers'> & {
28848
28966
  children: React.ReactNode;
@@ -30127,6 +30245,15 @@ declare const filterAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
30127
30245
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
30128
30246
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
30129
30247
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
30248
+ '--wm'?: csstype.Property.WritingMode | undefined;
30249
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
30250
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
30251
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
30252
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
30253
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
30254
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
30255
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
30256
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
30130
30257
  accentColor?: csstype.Property.AccentColor | undefined;
30131
30258
  alignContent?: csstype.Property.AlignContent | undefined;
30132
30259
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -31622,6 +31749,15 @@ declare const removeAttrInStyle: (style?: React.CSSProperties, filterKeys?: stri
31622
31749
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
31623
31750
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
31624
31751
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
31752
+ '--wm'?: csstype.Property.WritingMode | undefined;
31753
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
31754
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
31755
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
31756
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
31757
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
31758
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
31759
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
31760
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
31625
31761
  accentColor?: csstype.Property.AccentColor | undefined;
31626
31762
  alignContent?: csstype.Property.AlignContent | undefined;
31627
31763
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -33117,6 +33253,15 @@ declare const filterCornerInStyle: (style?: React.CSSProperties) => {
33117
33253
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
33118
33254
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
33119
33255
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
33256
+ '--wm'?: csstype.Property.WritingMode | undefined;
33257
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
33258
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
33259
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
33260
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
33261
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
33262
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
33263
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
33264
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
33120
33265
  accentColor?: csstype.Property.AccentColor | undefined;
33121
33266
  alignContent?: csstype.Property.AlignContent | undefined;
33122
33267
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -34612,6 +34757,15 @@ declare const removePaddingYInStyle: (style?: React.CSSProperties) => {
34612
34757
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
34613
34758
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
34614
34759
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
34760
+ '--wm'?: csstype.Property.WritingMode | undefined;
34761
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
34762
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
34763
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
34764
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
34765
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
34766
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
34767
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
34768
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
34615
34769
  accentColor?: csstype.Property.AccentColor | undefined;
34616
34770
  alignContent?: csstype.Property.AlignContent | undefined;
34617
34771
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -35447,6 +35601,8 @@ declare const optionLayoutStyle: (column?: ObjectDevices<string | number>) => Re
35447
35601
  declare const composeGridLayout: (layout?: ObjectDevices<ObjectLayoutValue>) => React.CSSProperties;
35448
35602
  declare const convertOldLayout: (layout?: ObjectDevices<string>) => ObjectDevices<ObjectLayoutValue>;
35449
35603
 
35604
+ declare const convertTextAlignToJustify: (align: Partial<Record<NameDevices$1, AlignProp>> | undefined) => Record<string, boolean>;
35605
+
35450
35606
  declare function getSelectedVariant(variants?: Maybe$1<VariantSelectFragment>[], choices?: Record<string, string>, variantId?: string | null): Maybe$1<VariantSelectFragment>;
35451
35607
  declare function parseSelectedOption(options: SelectedOption$1[]): SelectedOption$1 | undefined;
35452
35608
  declare function checkAvailableVariantInStock(variants: Maybe$1<VariantSelectFragment>[] | undefined, optionId: string, optionValue: string): boolean;
@@ -36245,6 +36401,15 @@ declare const composeTypographyStyle: (typo?: TypographySettingV2, typography?:
36245
36401
  '--z-mobile'?: csstype.Property.ZIndex | undefined;
36246
36402
  '--hvr-z-mobile'?: csstype.Property.ZIndex | undefined;
36247
36403
  '--focus-z-mobile'?: csstype.Property.ZIndex | undefined;
36404
+ '--wm'?: csstype.Property.WritingMode | undefined;
36405
+ '--hvr-wm'?: csstype.Property.WritingMode | undefined;
36406
+ '--focus-wm'?: csstype.Property.WritingMode | undefined;
36407
+ '--wm-tablet'?: csstype.Property.WritingMode | undefined;
36408
+ '--hvr-wm-tablet'?: csstype.Property.WritingMode | undefined;
36409
+ '--focus-wm-tablet'?: csstype.Property.WritingMode | undefined;
36410
+ '--wm-mobile'?: csstype.Property.WritingMode | undefined;
36411
+ '--hvr-wm-mobile'?: csstype.Property.WritingMode | undefined;
36412
+ '--focus-wm-mobile'?: csstype.Property.WritingMode | undefined;
36248
36413
  accentColor?: csstype.Property.AccentColor | undefined;
36249
36414
  alignContent?: csstype.Property.AlignContent | undefined;
36250
36415
  alignItems?: csstype.Property.AlignItems | undefined;
@@ -37143,6 +37308,7 @@ declare const useProductsQueryAll: (variable?: VariableRelatedStyles | undefined
37143
37308
  declare const useCurrentDevice: () => NameDevices$1;
37144
37309
 
37145
37310
  declare const shopifyPriceRounding: (amount: number | string, precision?: number) => string;
37311
+ declare const formatMoney: (cents: string, format: any) => string;
37146
37312
  declare const useFormatMoney: (amount: number, withCurrency: boolean) => string;
37147
37313
 
37148
37314
  declare const useLazyVideo: () => void;
@@ -37377,4 +37543,4 @@ declare const getAppBlocks: (section: PublishedPageSection$1 & {
37377
37543
 
37378
37544
  declare const addAppBlockId: (component: Component) => Component;
37379
37545
 
37380
- 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, 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, 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, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, 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, dataStringify, fetchMedias, fetchVariants, filterAttrInStyle, filterCornerInStyle, filterToolbarPreview, flattenConnection, 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, 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, useInitialSwatchesOptions, 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 };
37546
+ 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, 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, ShadowProps, ShadowStyle, ShadowStyleApplied, ShadowType, ShopProvider, ShopProviderProps, shop as ShopType, SizeProps, SizeSetting, SizeSettingGlobal, SizeType, SpacingType, StampedWidgetType, StateProp, StateSelector, StateType, StoreConfig, StorePropertyDocument, StorePropertyQueryResponse, StorePropertyQueryVariables, SwatchesOptionType, SwatchesOptionValue, 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, 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, useInitialSwatchesOptions, 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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gem-sdk/core",
3
- "version": "1.46.1",
3
+ "version": "1.47.0-dev.5",
4
4
  "license": "MIT",
5
5
  "sideEffects": false,
6
6
  "main": "dist/cjs/index.js",
@@ -27,8 +27,8 @@
27
27
  "type-check": "yarn tsc --noEmit"
28
28
  },
29
29
  "devDependencies": {
30
- "@gem-sdk/adapter-shopify": "1.46.0",
31
- "@gem-sdk/styles": "1.46.0",
30
+ "@gem-sdk/adapter-shopify": "1.47.0-dev.4",
31
+ "@gem-sdk/styles": "1.47.0-dev.4",
32
32
  "@types/classnames": "^2.3.1"
33
33
  },
34
34
  "dependencies": {