@mindly/ui-components 5.107.0 → 5.108.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 (33) hide show
  1. package/dist/cjs/configs/tailwind/colors.d.ts +1 -0
  2. package/dist/cjs/index.js +7 -7
  3. package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/OnBoardingMultiSelectionScreenPreviewFeature.d.ts +1 -0
  4. package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/OnBoardingPaywallScreenPreviewFeature.d.ts +1 -0
  5. package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/conts.d.ts +4 -4
  6. package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/OnBoardingProgressFeature.d.ts +1 -0
  7. package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts +1 -1
  8. package/dist/cjs/lib2/features/TariffFeature/styles.d.ts +0 -14
  9. package/dist/cjs/lib2/shared/assets/icons/IconCheckboxThinUnchecked.d.ts +7 -0
  10. package/dist/cjs/lib2/shared/assets/icons/index.d.ts +1 -0
  11. package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts +6 -4
  12. package/dist/cjs/lib2/shared/ui/ListBox/types.d.ts +3 -1
  13. package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts +1 -1
  14. package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts +17 -0
  15. package/dist/cjs/lib2/shared/ui/ListBoxItem/types.d.ts +1 -0
  16. package/dist/esm/configs/tailwind/colors.d.ts +1 -0
  17. package/dist/esm/index.js +7 -7
  18. package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingMultiSelectionScreenPreviewFeature/OnBoardingMultiSelectionScreenPreviewFeature.d.ts +1 -0
  19. package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/OnBoardingPaywallScreenPreviewFeature.d.ts +1 -0
  20. package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingPaywallScreenPreviewFeature/conts.d.ts +4 -4
  21. package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingProgressFeature/OnBoardingProgressFeature.d.ts +1 -0
  22. package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts +1 -1
  23. package/dist/esm/lib2/features/TariffFeature/styles.d.ts +0 -14
  24. package/dist/esm/lib2/shared/assets/icons/IconCheckboxThinUnchecked.d.ts +7 -0
  25. package/dist/esm/lib2/shared/assets/icons/index.d.ts +1 -0
  26. package/dist/esm/lib2/shared/types/onBoardingFlow.type.d.ts +6 -4
  27. package/dist/esm/lib2/shared/ui/ListBox/types.d.ts +3 -1
  28. package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts +1 -1
  29. package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts +17 -0
  30. package/dist/esm/lib2/shared/ui/ListBoxItem/types.d.ts +1 -0
  31. package/dist/index.d.ts +166 -152
  32. package/package.json +1 -1
  33. package/src/configs/tailwind/colors.ts +1 -0
@@ -5,6 +5,7 @@ type OnBoardingMultiSelectionScreenPreviewFeatureProps = {
5
5
  onChange?: (value: string[]) => void;
6
6
  defaultValues?: string[];
7
7
  variant?: OnboardingVariant;
8
+ template?: 'checkbox' | 'icon';
8
9
  } & OnBoardingMultiSelectScreenType;
9
10
  declare const _default: React.NamedExoticComponent<OnBoardingMultiSelectionScreenPreviewFeatureProps>;
10
11
  export default _default;
@@ -11,6 +11,7 @@ type OnBoardingPaywallScreenPreviewFeatureProps = {
11
11
  useAdditionalDiscount?: boolean;
12
12
  onBuyTariff?: (tariffId: string) => void;
13
13
  isLoading?: boolean;
14
+ termsOfUseLink?: string;
14
15
  } & OnBoardingPaywallScreenType;
15
16
  declare const OnBoardingPaywallScreenPreviewFeature: FC<OnBoardingPaywallScreenPreviewFeatureProps>;
16
17
  export default OnBoardingPaywallScreenPreviewFeature;
@@ -3,8 +3,8 @@ export declare const images: {
3
3
  after: string;
4
4
  before: string;
5
5
  ccpa: string;
6
- forbes: string;
7
6
  gdpr: string;
7
+ soc2: string;
8
8
  guarantee: string;
9
9
  hipaa: string;
10
10
  mockup1: string;
@@ -12,12 +12,12 @@ export declare const images: {
12
12
  mockup3: string;
13
13
  mockup4: string;
14
14
  nwt: string;
15
+ time: string;
16
+ forbes: string;
17
+ verge: string;
15
18
  present: string;
16
19
  realStories: string;
17
20
  session: string;
18
- soc2: string;
19
- time: string;
20
- verge: string;
21
21
  };
22
22
  export declare const getCompareItems: (t?: WithTranslation['t']) => {
23
23
  id: string;
@@ -9,6 +9,7 @@ type OnBoardingProgressFeatureProps = {
9
9
  contentStyle?: OnBoardingScreenStyleOptions;
10
10
  startAdornment?: React.ReactNode;
11
11
  variant?: OnboardingVariant;
12
+ empty?: boolean;
12
13
  };
13
14
  declare const _default: React.NamedExoticComponent<OnBoardingProgressFeatureProps>;
14
15
  export default _default;
@@ -5,7 +5,7 @@ type OnBoardingSingleSelectionScreenPreviewFeatureProps = {
5
5
  onChange?: (value: string) => void;
6
6
  defaultValues?: string[];
7
7
  variant?: OnboardingVariant;
8
- template?: 'radio' | 'image' | 'emoji';
8
+ template?: 'radio' | 'image' | 'emoji' | 'icon';
9
9
  } & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType & OnBoardingSingleScaleSelectScreenType;
10
10
  declare const _default: React.NamedExoticComponent<OnBoardingSingleSelectionScreenPreviewFeatureProps>;
11
11
  export default _default;
@@ -1,11 +1,9 @@
1
1
  export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnType<{
2
2
  variant: {
3
3
  default: {
4
- label: string;
5
4
  checkbox: string;
6
5
  };
7
6
  blue: {
8
- label: string;
9
7
  checkbox: string;
10
8
  };
11
9
  };
@@ -35,11 +33,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
35
33
  }, undefined, import("tailwind-variants/dist/config").TVConfig<{
36
34
  variant: {
37
35
  default: {
38
- label: string;
39
36
  checkbox: string;
40
37
  };
41
38
  blue: {
42
- label: string;
43
39
  checkbox: string;
44
40
  };
45
41
  };
@@ -63,11 +59,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
63
59
  }, {
64
60
  variant: {
65
61
  default: {
66
- label: string;
67
62
  checkbox: string;
68
63
  };
69
64
  blue: {
70
- label: string;
71
65
  checkbox: string;
72
66
  };
73
67
  };
@@ -91,11 +85,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
91
85
  }>, {
92
86
  variant: {
93
87
  default: {
94
- label: string;
95
88
  checkbox: string;
96
89
  };
97
90
  blue: {
98
- label: string;
99
91
  checkbox: string;
100
92
  };
101
93
  };
@@ -125,11 +117,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
125
117
  }, import("tailwind-variants").TVReturnType<{
126
118
  variant: {
127
119
  default: {
128
- label: string;
129
120
  checkbox: string;
130
121
  };
131
122
  blue: {
132
- label: string;
133
123
  checkbox: string;
134
124
  };
135
125
  };
@@ -159,11 +149,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
159
149
  }, undefined, import("tailwind-variants/dist/config").TVConfig<{
160
150
  variant: {
161
151
  default: {
162
- label: string;
163
152
  checkbox: string;
164
153
  };
165
154
  blue: {
166
- label: string;
167
155
  checkbox: string;
168
156
  };
169
157
  };
@@ -187,11 +175,9 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
187
175
  }, {
188
176
  variant: {
189
177
  default: {
190
- label: string;
191
178
  checkbox: string;
192
179
  };
193
180
  blue: {
194
- label: string;
195
181
  checkbox: string;
196
182
  };
197
183
  };
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ interface IconProps extends React.SVGAttributes<SVGElement> {
3
+ size?: number | string;
4
+ color?: string;
5
+ }
6
+ export declare const IconCheckboxThinUnchecked: React.FC<IconProps>;
7
+ export {};
@@ -135,3 +135,4 @@ export * from './IconPaywall';
135
135
  export * from './IconRadioPartial';
136
136
  export * from './IconArrowRange';
137
137
  export * from './IconLeaderboard';
138
+ export * from './IconCheckboxThinUnchecked';
@@ -43,8 +43,6 @@ export type OnBoardingScreenOptionType = {
43
43
  alphabeticalOrder?: string | null;
44
44
  isDefault?: boolean;
45
45
  filtrationAnswerId?: string;
46
- };
47
- export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
48
46
  image?: ResponseFileType | null;
49
47
  };
50
48
  export type OnBoardingScreenOptionWithScaleType = OnBoardingScreenOptionType & {
@@ -114,15 +112,19 @@ export type OnBoardingInfoScreenType = OnBoardingBaseScreenType & OnBoardingScre
114
112
  image?: ResponseFileType | null;
115
113
  };
116
114
  export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenDescriptionType & {
115
+ isOptionView?: boolean;
116
+ isIconView?: boolean;
117
117
  options: OnBoardingScreenOptionType[];
118
118
  };
119
119
  export type OnBoardingSingleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
120
+ isOptionView?: boolean;
121
+ isIconView?: boolean;
120
122
  legalText?: string;
121
123
  options: OnBoardingScreenOptionType[];
122
124
  };
123
125
  export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
124
126
  legalText?: string;
125
- options: OnBoardingScreenOptionWithImageType[];
127
+ options: OnBoardingScreenOptionType[];
126
128
  };
127
129
  export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
128
130
  minLabel?: string;
@@ -191,7 +193,7 @@ export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScr
191
193
  disclaimer?: string;
192
194
  chart: ChartData;
193
195
  };
194
- export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType;
196
+ export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
195
197
  export type OnBoardingFlowType = {
196
198
  id: string;
197
199
  locale: string;
@@ -4,7 +4,8 @@ export declare enum ListBoxSelectionType {
4
4
  Checkbox = "checkbox",
5
5
  Radio = "radio",
6
6
  Image = "image",
7
- Emoji = "emoji"
7
+ Emoji = "emoji",
8
+ Icon = "icon"
8
9
  }
9
10
  export type VariantType = 'default' | 'blue';
10
11
  export type ListBoxProps<T> = AriaListBoxProps<T> & {
@@ -16,4 +17,5 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
16
17
  variant?: VariantType;
17
18
  image?: ResponseFileType;
18
19
  isOnboardingPreview?: boolean;
20
+ selectionMode?: 'single' | 'multiple' | 'none';
19
21
  };
@@ -13,6 +13,6 @@ declare const _default: React.MemoExoticComponent<({ item, isSelected, selection
13
13
  selectionPosition: "end" | "start";
14
14
  enableSelection: boolean;
15
15
  selectedIconProps: IconProps;
16
- type: "image" | "checkbox" | "radio" | "emoji";
16
+ type: "image" | "checkbox" | "radio" | "emoji" | "icon";
17
17
  }) => JSX.Element>;
18
18
  export default _default;
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { Node } from 'react-stately';
3
+ import { VariantType } from '../ListBox/types';
4
+ import { ResponseFileType } from '../../types';
5
+ declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSelection, variant, labelProps, type, isOnboardingPreview, image, selectionMode, }: {
6
+ isSelected: boolean;
7
+ selectionIconClassName: string;
8
+ labelProps: React.DOMAttributes<HTMLDivElement>;
9
+ variant: VariantType;
10
+ item: Node<unknown>;
11
+ enableSelection: boolean;
12
+ type: "image" | "checkbox" | "radio" | "emoji" | "icon";
13
+ isOnboardingPreview?: boolean | undefined;
14
+ image?: ResponseFileType | null | undefined;
15
+ selectionMode?: "none" | "multiple" | "single" | undefined;
16
+ }) => JSX.Element>;
17
+ export default _default;
@@ -15,6 +15,7 @@ export type ListOptionsProps = {
15
15
  variant?: VariantType;
16
16
  image?: ResponseFileType | null;
17
17
  isOnboardingPreview?: boolean;
18
+ selectionMode?: 'single' | 'multiple' | 'none';
18
19
  };
19
20
  export type ListBoxItemProps = {
20
21
  icon?: React.ReactNode;