@mindly/ui-components 6.3.1 → 6.4.0

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingGoalSelectionScreenPreviewFeature/OnBoardingGoalSelectionScreenPreviewFeature.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { OnBoardingGoalSelectScreenType } from '../../../shared';
+import { OnboardingVariant } from '../../../shared';
+import { WithTranslation } from 'react-i18next';
+type OnBoardingGoalSelectionScreenPreviewFeatureProps = {
+    onChange?: (value: string[]) => void;
+    defaultValues?: string[];
+    variant?: OnboardingVariant;
+    template?: 'checkbox' | 'icon';
+    currentSelectionScreenCount?: number;
+    categoryLabel?: string;
+    initialVisibleCount?: number;
+    t?: WithTranslation['t'];
+} & OnBoardingGoalSelectScreenType;
+declare const _default: React.NamedExoticComponent<OnBoardingGoalSelectionScreenPreviewFeatureProps>;
+export default _default;

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingGoalSelectionScreenPreviewFeature/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const AREAS_OF_CLIENT_PROBLEM_CATEGORIES: {
+    id: string;
+    label: string;
+    isDefault: boolean;
+    filtrationAnswerId: string;
+    alphabeticalOrder: string;
+}[];

package/dist/esm/lib2/features/OnBoardingFlow/OnBoardingGoalSelectionScreenPreviewFeature/index.d.ts

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

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

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

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

@@ -37,7 +37,8 @@ export declare enum OnBoardingScreenOptions {
     PAYWALL = "PAYWALL",
     COMPARE = "COMPARE",
     CHART = "CHART",
-    GRAPH = "GRAPH"
+    GRAPH = "GRAPH",
+    GOAL = "GOAL"
 }
 export type OnBoardingScreenOptionType = {
     id: string;
@@ -56,6 +57,11 @@ export type OnBoardingScreenButtonType = {
     buttonColor?: string | null;
     buttonTextColor?: string | null;
 };
+export type OnBoardingScreenSubgoalButtonType = {
+    subgoalButtonText?: string | null;
+    subgoalButtonColor?: string | null;
+    subgoalButtonTextColor?: string | null;
+};
 export type OnBoardingScreenSkipButtonType = {
     skipButtonText?: string | null;
     showSkipButton?: boolean;
@@ -116,6 +122,15 @@ export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoard
     isIconView?: boolean;
     options: OnBoardingScreenOptionType[];
 };
+export type OnBoardingGoalSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenButtonType & OnBoardingScreenSubgoalButtonType & OnBoardingScreenDescriptionType & {
+    isOptionView?: boolean;
+    subgoalIsOptionView?: boolean;
+    options: OnBoardingScreenOptionType[];
+    subgoalTitle?: string;
+    subgoalDescription?: string;
+    isShowCategoryName?: boolean;
+    maxSelectionCount?: number;
+};
 export type OnBoardingSingleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
     isOptionView?: boolean;
     isIconView?: boolean;
@@ -210,7 +225,7 @@ export type OnBoardingChartScreenType = OnBoardingBaseScreenType & OnBoardingScr
     disclaimer?: string;
     chart: ChartData;
 };
-export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleRoundImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
+export type OnBoardingScreensType = OnBoardingStartScreenType | OnBoardingMultiSelectScreenType | OnBoardingGoalSelectScreenType | OnBoardingSingleSelectScreenType | OnBoardingSingleImageSelectScreenType | OnBoardingSingleRoundImageSelectScreenType | OnBoardingSingleScaleSelectScreenType | OnBoardingInfoScreenType | OnBoardingLoaderScreenType | OnBoardingReviewsScreenType | OnBoardingEmailScreenType | OnBoardingConfirmScreenType | OnBoardingCompareScreenType | OnBoardingPaywallScreenType | OnBoardingChartScreenType | OnBoardingGraphScreenType;
 export type OnBoardingFlowType = {
     id: string;
     locale: string;

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

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, isTransparent, isRoundCorners, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): JSX.Element;

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

@@ -1,5 +1,6 @@
 import { AriaListBoxProps } from 'react-aria';
 import { IconProps, ResponseFileType } from '../../types';
+import { WithTranslation } from 'react-i18next';
 export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
     Radio = "radio",
@@ -21,4 +22,7 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     selectionMode?: 'single' | 'multiple' | 'none';
     isTransparent?: boolean;
     isRoundCorners?: boolean;
+    maxSelectionCount?: number;
+    initialVisibleCount?: number;
+    t?: WithTranslation['t'];
 };

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxItem.d.ts

@@ -1,5 +1,7 @@
 import * as React from 'react';
 import { ItemProps } from 'react-stately';
 import { ListBoxItemProps, ListOptionsProps } from './types';
-export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & React.RefAttributes<HTMLIonItemElement>>;
+export declare const ListOption: React.ForwardRefExoticComponent<ListOptionsProps & {
+    maxSelectionCount?: number | undefined;
+} & React.RefAttributes<HTMLIonItemElement>>;
 export declare const ListBoxItem: (props: ItemProps<unknown> & ListBoxItemProps) => JSX.Element;

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

@@ -31,5 +31,6 @@ export type ListBoxItemProps = {
     onClick?: HTMLIonItemElement['onclick'];
     variant?: VariantType;
     image?: ResponseFileType | null;
+    maxSelectionCount?: number;
 };
 export type { Selection } from 'react-stately';