@mindly/ui-components 5.103.2 → 5.104.0

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

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

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type OnBoardingHeaderProps = {
+    title?: string | null;
+    description?: string | null;
+    isPreview?: boolean;
+};
+declare const OnBoardingSelectionHeader: FC<OnBoardingHeaderProps>;
+export default OnBoardingSelectionHeader;

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

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

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

@@ -129,3 +129,4 @@ export * from './IconMatching';
 export * from './IconSwitch';
 export * from './IconGlobe';
 export * from './IconAppStoreRating';
+export * from './IconRadioPartial';

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

@@ -24,6 +24,7 @@ export declare enum OnBoardingScreenOptions {
     START = "START",
     MULTI_SELECT = "MULTI_SELECT",
     SINGLE_SELECT = "SINGLE_SELECT",
+    SINGLE_IMAGE_SELECT = "SINGLE_IMAGE_SELECT",
     INFO = "INFO",
     LOADER = "LOADER",
     REVIEWS = "REVIEWS",
@@ -40,6 +41,9 @@ export type OnBoardingScreenOptionType = {
     isDefault?: boolean;
     filtrationAnswerId?: string;
 };
+export type OnBoardingScreenOptionWithImageType = OnBoardingScreenOptionType & {
+    image?: ResponseFileType | null;
+};
 export type OnBoardingScreenButtonType = {
     buttonText?: string | null;
     buttonColor?: string | null;
@@ -106,8 +110,13 @@ export type OnBoardingMultiSelectScreenType = OnBoardingBaseScreenType & OnBoard
     options: OnBoardingScreenOptionType[];
 };
 export type OnBoardingSingleSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    legalText?: string;
     options: OnBoardingScreenOptionType[];
 };
+export type OnBoardingSingleImageSelectScreenType = OnBoardingBaseScreenType & OnBoardingScreenDescriptionType & {
+    legalText?: string;
+    options: OnBoardingScreenOptionWithImageType[];
+};
 export type OnBoardingLoaderScreenType = OnBoardingBaseScreenType & {
     title?: string | null;
     additionalText?: 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, variant, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, selectionImageClassNames, variant, ...props }: ListBoxProps<T>): JSX.Element;

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

@@ -1,8 +1,9 @@
 import { AriaListBoxProps } from 'react-aria';
-import { IconProps } from '../../types';
+import { IconProps, ResponseFileType } from '../../types';
 export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
-    Radio = "radio"
+    Radio = "radio",
+    Image = "image"
 }
 export type VariantType = 'default' | 'blue';
 export type ListBoxProps<T> = AriaListBoxProps<T> & {
@@ -10,6 +11,12 @@ 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;
 };

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

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

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

@@ -1,7 +1,7 @@
 import { ListState, Node } from 'react-stately';
 import * as React from 'react';
 import { ListBoxSelectionType, VariantType } from '../ListBox';
-import { IconProps } from '../../types';
+import { IconProps, ResponseFileType } from '../../types';
 export type ListOptionsProps = {
     item: Node<unknown>;
     state: ListState<unknown>;
@@ -13,6 +13,12 @@ export type ListOptionsProps = {
     selectionPosition?: 'start' | 'end';
     enableSelection?: boolean;
     variant?: VariantType;
+    image?: ResponseFileType | null;
+    selectionImageClassNames?: {
+        label?: string;
+        arrowIcon?: string;
+        bottomContainer?: string;
+    } | null;
 };
 export type ListBoxItemProps = {
     icon?: React.ReactNode;
@@ -22,8 +28,14 @@ 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;
+    image?: ResponseFileType | null;
 };
 export type { Selection } from 'react-stately';

package/dist/esm/configs/tailwind/colors.d.ts

@@ -40,6 +40,7 @@ declare const _default: {
         black: string;
         brand: {
             client: {
+                celestialBlueSuperLight: string;
                 celestialBlue: string;
                 celestialBlueDarker: string;
             };