@scbt-ecom/ui 0.115.4 → 0.115.5

package/dist/types/lib/widgets/authProvider/model/types.d.ts

@@ -32,7 +32,6 @@ export type SingleAuthSchema = {
     mainLink: {
         title: string;
         mobileTitle: string;
-        href: string;
     };
     subLink?: {
         text: string;
@@ -54,14 +53,17 @@ type EsiaMode = SingleAuthSchema & {
     classes?: EsiaClasses;
 } & {
     mode: typeof AUTH_PROVIDER_MODE.ESIA;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
 type MobileIdMode = SingleAuthSchema & {
     classes?: MobileIdClasses;
 } & {
     mode: typeof AUTH_PROVIDER_MODE.MOBILE_ID;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
 type CombineMode = CombineAuthSchema & {
     mode: typeof AUTH_PROVIDER_MODE.COMBINE;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
 export type TEsiaProps = Omit<EsiaMode, 'mode'>;
 export type TMobileIdProps = Omit<MobileIdMode, 'mode'>;

package/dist/types/lib/widgets/authProvider/ui/Esia.d.ts

@@ -1,2 +1,2 @@
 import { TEsiaProps } from '../model/types';
-export declare const Esia: ({ mainLink, subLink, isLoading, badge, loaderProps, classes }: TEsiaProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Esia: ({ mainLink, subLink, isLoading, badge, loaderProps, classes, onClick }: TEsiaProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/authProvider/ui/MobileId.d.ts

@@ -1,2 +1,2 @@
 import { TMobileIdProps } from '../model/types';
-export declare const MobileId: ({ mainLink, subLink, isLoading, badge, loaderProps, classes }: TMobileIdProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileId: ({ mainLink, subLink, isLoading, badge, loaderProps, classes, onClick }: TMobileIdProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/authProvider/ui/ui/AuthWrapper.d.ts

@@ -3,10 +3,10 @@ export type AuthWrapperClasses = {
     root?: string;
     wrapper?: string;
 };
-export interface AuthWrapperProps {
+export interface AuthWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactElement;
     classes?: AuthWrapperClasses;
     isLoading?: boolean;
     loaderProps?: LoaderProps;
 }
-export declare const AuthWrapper: ({ children, isLoading, classes, loaderProps }: AuthWrapperProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AuthWrapper: ({ children, isLoading, classes, loaderProps, ...props }: AuthWrapperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/authProvider/ui/ui/Links.d.ts

@@ -4,9 +4,9 @@ export type TLinksClasses = {
     linksMainLink?: string;
     linksSubLink?: string;
 };
-interface ILinksProps extends Pick<SingleAuthSchema, 'subLink' | 'mainLink'> {
+interface ILinksProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<SingleAuthSchema, 'subLink' | 'mainLink'> {
     isMobile: boolean;
     classes?: TLinksClasses;
 }
-export declare const Links: ({ mainLink, subLink, isMobile, classes }: ILinksProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Links: ({ mainLink, subLink, isMobile, classes, ...props }: ILinksProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/widgets/benefit/model/types.d.ts

@@ -14,5 +14,7 @@ export type Details = {
     title: string;
     subtitle: string;
     color?: BackgroundBenefitColorsValues;
+    enabledMobileImage?: boolean;
+    enabledMobileButton?: boolean;
 };
 export type BenefitColors = keyof typeof backgroundBenefitColors;

package/dist/types/lib/widgets/benefit/ui/BenefitItem.d.ts

@@ -1,7 +1,4 @@
-import { ReactElement } from 'react';
-import { BackgroundBenefitColorsValues } from '../model/constants';
-import { Img } from '../../../../widgets/benefit/model/types';
-import { ButtonWithHandlersProps } from '../../../../widgets/buttonWithHandlers';
+import { Details } from '../model/types';
 export type BenefitItemClasses = {
     root?: string;
     button?: string;
@@ -12,15 +9,8 @@ export type BenefitItemClasses = {
     imgContainer?: string;
     title?: string;
 };
-export interface BenefitItemProps {
-    title: string;
-    subtitle: string;
-    img?: ReactElement | Img;
-    mobileImg?: boolean;
+export interface BenefitItemProps extends Details {
     classes?: BenefitItemClasses;
-    withButton?: boolean;
-    button?: ButtonWithHandlersProps;
     variant?: 'twoCards' | 'threeCards' | 'fourCards';
-    color?: BackgroundBenefitColorsValues;
 }
-export declare const BenefitItem: ({ subtitle, title, img, mobileImg, classes, withButton, button, variant, color }: BenefitItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BenefitItem: ({ subtitle, title, img, classes, button, variant, color, enabledMobileButton, enabledMobileImage }: BenefitItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/widgets/dynamicForm/DynamicForm.d.ts

@@ -1,5 +1,5 @@
 import { FieldValues } from 'react-hook-form';
-import { Approvement, ApprovementType, Chips, ChipsType, Progress, ProgressField, ProgressType } from './model';
+import { Approvement, ApprovementType, Auth, AuthMode, Chips, ChipsType, Progress, ProgressField, ProgressType } from './model';
 import { FieldValidation } from '../../../../src/shared/utils';
 import { ButtonProps, CheckboxBase, ProgressBar } from '../../../shared/ui';
 import { FieldElement } from '../../../widgets/fieldMapper';
@@ -24,7 +24,7 @@ type DynamicFormClasses = {
     progressBar?: React.ComponentProps<typeof ProgressBar>['classes'];
     submit?: string;
 };
-export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType> = {
+export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType, AuthType extends AuthMode> = {
     fields: FieldElement<any, any, {
         validation: FieldValidation;
         progress: ProgressField;
@@ -36,6 +36,7 @@ export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsT
     submitProps?: SubmitProps;
     classes?: DynamicFormClasses;
     buttonGroup: ButtonProps[];
+    auth: Auth<AuthType>;
 };
-export declare const DynamicForm: <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes, buttonGroup }: DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicForm: <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType, AuthType extends AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup }: DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;

package/dist/types/lib/widgets/dynamicForm/model/types.d.ts

@@ -37,4 +37,34 @@ export type ProgressField = {
     progress: number;
     maxPercent: number;
 };
+type BaseAuth = {
+    mainLink: {
+        title: string;
+        mobileTitle: string;
+    };
+    subLink?: {
+        text: string;
+        href: string;
+    };
+    badge?: string;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+export type AuthMode = 'off' | 'esia' | 'mobileId' | 'combine';
+type AuthDisabled = {
+    mode: 'off';
+};
+type AuthEsia = BaseAuth & {
+    mode: 'esia';
+};
+type AuthMobileId = BaseAuth & {
+    mode: 'mobileId';
+};
+type AuthCombined = {
+    mode: 'combine';
+    esiaConfig: BaseAuth;
+    mobileIdConfig: BaseAuth;
+    subtitle?: string;
+    badge?: string;
+};
+export type Auth<Mode extends AuthMode> = Mode extends 'off' ? AuthDisabled : Mode extends 'esia' ? AuthEsia : Mode extends 'mobileId' ? AuthMobileId : AuthCombined;
 export {};

package/dist/types/lib/widgets/model/helpers.d.ts

@@ -4,7 +4,7 @@ export declare const WIDGET_LIST_MAP: {
     readonly seoHeader: import('react').LazyExoticComponent<({ categories, helpers, phone, breadcrumbs, classes }: import('..').SeoHeaderProps) => import("react/jsx-runtime").JSX.Element>;
     readonly banner: import('react').LazyExoticComponent<({ variant, ...props }: import('..').BannerProps) => import("react/jsx-runtime").JSX.Element>;
     readonly calculator: import('react').LazyExoticComponent<({ calculators, headline, classes }: import('..').CalculatorProps) => import("react/jsx-runtime").JSX.Element>;
-    readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType>({ fields, title, progress, approvement, chips, submitProps, classes, buttonGroup }: import('..').DynamicFormProps<AType, CType, PType>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly form: import('react').LazyExoticComponent<(<AType extends import('../dynamicForm/model').ApprovementType, CType extends import('../dynamicForm/model').ChipsType, PType extends import('../dynamicForm/model').ProgressType, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup }: import('..').DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType>({ fields, title, approvement, submitProps, dialogId, classes, buttonGroup, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly stepper: import('react').LazyExoticComponent<(<WithImages extends boolean>({ steppers, classes }: import('..').StepperProps<WithImages>) => import("react/jsx-runtime").JSX.Element)>;
     readonly benefit: import('react').LazyExoticComponent<({ headline, details, variant, classes }: import('..').BenefitProps) => import("react/jsx-runtime").JSX.Element>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scbt-ecom/ui",
-  "version": "0.115.4",
+  "version": "0.115.5",
   "type": "module",
   "exports": {
     ".": {