@mindly/ui-components 5.105.6 → 5.106.0

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingGraphScreenPreviewFeature/OnBoardingGraphScreenPreviewFeature.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { OnBoardingGraphScreenType } from '../../../shared';
+type OnBoardingPaywallScreenPreviewFeatureProps = OnBoardingGraphScreenType;
+declare const OnBoardingGraphScreenPreviewFeature: FC<OnBoardingPaywallScreenPreviewFeatureProps>;
+export default OnBoardingGraphScreenPreviewFeature;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingGraphScreenPreviewFeature/index.d.ts

@@ -0,0 +1 @@
+export { default as OnBoardingGraphScreenPreviewFeature } from './OnBoardingGraphScreenPreviewFeature';

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/OnBoardingSingleSelectionScreenPreviewFeature.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { OnBoardingSingleSelectScreenType, OnBoardingSingleImageSelectScreenType } from '../../../shared';
+import { OnBoardingSingleSelectScreenType, OnBoardingSingleImageSelectScreenType, OnBoardingSingleScaleSelectScreenType } from '../../../shared';
 import { OnboardingVariant } from '../../../shared/';
 type OnBoardingSingleSelectionScreenPreviewFeatureProps = {
     onChange?: (value: string) => void;
     defaultValues?: string[];
     variant?: OnboardingVariant;
-    template?: 'radio' | 'image';
-} & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType;
+    template?: 'radio' | 'image' | 'emoji';
+} & OnBoardingSingleSelectScreenType & OnBoardingSingleImageSelectScreenType & OnBoardingSingleScaleSelectScreenType;
 declare const _default: React.NamedExoticComponent<OnBoardingSingleSelectionScreenPreviewFeatureProps>;
 export default _default;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/components/OnBoardingSelectionFeedback.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { OnBoardingScreenOptionType } from '../../../../shared';
+type OnBoardingSelectionFeedbackProps = {
+    isPreview?: boolean;
+    selectedOption: OnBoardingScreenOptionType | undefined;
+};
+declare const OnBoardingSelectionFeedback: FC<OnBoardingSelectionFeedbackProps>;
+export default OnBoardingSelectionFeedback;

package/dist/cjs/lib2/features/OnBoardingFlow/OnBoardingSingleSelectionScreenPreviewFeature/components/OnBoardingSelectionMinMaxLabels.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+type OnBoardingSelectionMinMaxLabelsProps = {
+    isPreview?: boolean;
+    minLabel: string;
+    maxLabel: string;
+};
+declare const _default: React.NamedExoticComponent<OnBoardingSelectionMinMaxLabelsProps>;
+export default _default;

package/dist/cjs/lib2/features/OnBoardingFlow/components/index.d.ts

@@ -0,0 +1 @@
+export { default as OnBoardingSelectionHeader } from './OnBoardingSelectionHeader';

package/dist/cjs/lib2/features/OnBoardingFlow/index.d.ts

@@ -10,3 +10,4 @@ export * from './OnBoardingConfirmScreenPreviewFeature';
 export * from './OnBoardingCompareScreenPreviewFeature ';
 export * from './OnBoardingPaywallScreenPreviewFeature';
 export * from './OnBoardingChartScreenPreviewFeature';
+export * from './OnBoardingGraphScreenPreviewFeature';

package/dist/cjs/lib2/shared/assets/icons/IconArrowRange.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IconProps } from '../../types';
+export declare const IconArrowRange: FC<IconProps>;

package/dist/cjs/lib2/shared/assets/icons/IconLeaderboard.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { IconProps } from '../../types';
+export declare const IconLeaderboard: FC<IconProps>;

package/dist/cjs/lib2/shared/assets/icons/index.d.ts

@@ -133,3 +133,5 @@ export * from './IconCompare';
 export * from './IconChart';
 export * from './IconPaywall';
 export * from './IconRadioPartial';
+export * from './IconArrowRange';
+export * from './IconLeaderboard';

package/dist/cjs/lib2/shared/types/onBoardingFlow.type.d.ts

@@ -26,6 +26,7 @@ export declare enum OnBoardingScreenOptions {
     MULTI_SELECT = "MULTI_SELECT",
     SINGLE_SELECT = "SINGLE_SELECT",
     SINGLE_IMAGE_SELECT = "SINGLE_IMAGE_SELECT",
+    SINGLE_SCALE_SELECT = "SINGLE_SCALE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
     REVIEWS = "REVIEWS",
@@ -33,7 +34,8 @@ export declare enum OnBoardingScreenOptions {
     CONFIRM = "CONFIRM",
     PAYWALL = "PAYWALL",
     COMPARE = "COMPARE",
-    CHART = "CHART"
+    CHART = "CHART",
+    GRAPH = "GRAPH"
 }
 export type OnBoardingScreenOptionType = {
     id: string;
@@ -45,6 +47,10 @@ export type OnBoardingScreenOptionType = {
 export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
     image?: ResponseFileType | null;
 };
+export type OnBoardingScreenOptionWithScaleType = OnBoardingScreenOptionType & {
+    feedbackTitle?: string;
+    feedbackDescription?: string;
+};
 export type OnBoardingScreenButtonType = {
     buttonText?: string | null;
     buttonColor?: string | null;
@@ -118,6 +124,11 @@ export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & O
     legalText?: string;
     options: OnBoardingScreenOptionWithImageType[];
 };
+export type OnBoardingSingleScaleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    minLabel?: string;
+    maxLabel?: string;
+    options: OnBoardingScreenOptionWithScaleType[];
+};
 export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     title?: string | null;
     additionalText?: string;
@@ -164,6 +175,17 @@ export type OnBoardingCompareScreenType = OnBoardingBaseScreenType & OnBoardingS
         hasInCompetitors: boolean;
     }[];
 };
+export type OnBoardingGraphScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & {
+    title?: string;
+    description?: string;
+    columnCaption: string;
+    columnLabel?: string;
+    otherPlatformsColumnCaption: string;
+    otherPlatformsColumnLabel?: string;
+    percent: string;
+    percentDescription?: string;
+    graphCaption?: string;
+};
 export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenTranslationsType & OnBoardingScreenErrorsType & {
     title?: string;
     disclaimer?: string;

package/dist/cjs/lib2/shared/ui/ListBox/ListBox.d.ts

@@ -1,2 +1,2 @@
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, selectionImageClassNames, variant, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, ...props }: ListBoxProps<T>): JSX.Element;

package/dist/cjs/lib2/shared/ui/ListBox/types.d.ts

@@ -3,7 +3,8 @@ import { IconProps, ResponseFileType } from '../../types';
 export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
     Radio = "radio",
-    Image = "image"
+    Image = "image",
+    Emoji = "emoji"
 }
 export type VariantType = 'default' | 'blue';
 export type ListBoxProps<T> = AriaListBoxProps<T> & {
@@ -11,12 +12,8 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     enableSelection?: boolean;
     selectedIconProps?: IconProps;
     selectionPosition?: 'start' | 'end';
-    selectionImageClassNames?: {
-        label?: string;
-        arrowIcon?: string;
-        bottomContainer?: string;
-    } | null;
     className?: string;
     variant?: VariantType;
     image?: ResponseFileType;
+    isOnboardingPreview?: boolean;
 };

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Node } from 'react-stately';
+import { VariantType } from '../ListBox/types';
+import { IconProps } from '../../types';
+declare const _default: React.MemoExoticComponent<({ item, isSelected, selectionPosition, enableSelection, selectedIconProps, selectionIconClassName, variant, labelProps, customContent, className, type, }: {
+    isSelected: boolean;
+    selectionIconClassName: string;
+    labelProps: React.DOMAttributes<HTMLDivElement>;
+    customContent: boolean;
+    className: string;
+    variant: VariantType;
+    item: Node<unknown>;
+    selectionPosition: "end" | "start";
+    enableSelection: boolean;
+    selectedIconProps: IconProps;
+    type: "image" | "checkbox" | "radio" | "emoji";
+}) => JSX.Element>;
+export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxEmojiItem.d.ts

@@ -0,0 +1,12 @@
+import React, { DOMAttributes } from 'react';
+import { Node } from 'react-stately';
+import { VariantType } from '../ListBox/types';
+type ListBoxImageItemProps = {
+    isSelected: boolean;
+    item: Node<unknown>;
+    variant: VariantType;
+    labelProps: DOMAttributes<HTMLDivElement>;
+    isOnboardingPreview?: boolean;
+};
+declare const _default: React.MemoExoticComponent<({ isSelected, item, variant, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => JSX.Element>;
+export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/ListBoxImageItem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
 import { ResponseFileType } from '../../types';
 import { VariantType } from '../ListBox/types';
@@ -7,11 +7,8 @@ type ListBoxImageItemProps = {
     item: Node<unknown>;
     image?: ResponseFileType | null;
     variant: VariantType;
-    selectionImageClassNames?: {
-        label?: string;
-        arrowIcon?: string;
-        bottomContainer?: string;
-    } | null;
+    labelProps: DOMAttributes<HTMLDivElement>;
+    isOnboardingPreview?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, selectionImageClassNames, }: ListBoxImageItemProps) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => JSX.Element>;
 export default _default;

package/dist/cjs/lib2/shared/ui/ListBoxItem/types.d.ts

@@ -14,11 +14,7 @@ export type ListOptionsProps = {
     enableSelection?: boolean;
     variant?: VariantType;
     image?: ResponseFileType | null;
-    selectionImageClassNames?: {
-        label?: string;
-        arrowIcon?: string;
-        bottomContainer?: string;
-    } | null;
+    isOnboardingPreview?: boolean;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
@@ -28,11 +24,6 @@ export type ListBoxItemProps = {
     value?: string;
     children: React.ReactNode;
     className?: string;
-    sselectionImageClassNames?: {
-        label?: string;
-        arrowIcon?: string;
-        bottomContainer?: string;
-    } | null;
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
     variant?: VariantType;