@scbt-ecom/ui 0.137.0 → 0.138.1

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

@@ -1,3 +1,2 @@
-import { AuthProviderProps } from './model/types';
-import * as React from 'react';
-export declare const AuthProvider: (props: AuthProviderProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+import { AuthVariant } from './model';
+export declare const AuthProvider: (props: AuthVariant) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export type * from './types';
+export * from './helpers';

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

@@ -29,43 +29,40 @@ type EsiaClasses = {
     badge?: string;
     links?: TLinksClasses;
 };
-export type SingleAuthSchema = {
+export type BaseAuthSchema = {
     mainLink: {
         title: string;
         mobileTitle: string;
     };
-    ssoAuthorizationTop?: boolean;
     linkDescription?: string;
     classes?: CombineClasses;
     badge?: string;
     loaderProps?: LoaderProps;
     isLoading?: boolean;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
-type CombineAuthSchema = {
-    esiaConfig: Omit<SingleAuthSchema, 'badge'> & Pick<EsiaMode, 'classes'>;
-    mobileIdConfig: Omit<SingleAuthSchema, 'badge'> & Pick<MobileIdMode, 'classes'>;
+export type CombineAuthSchema = {
+    esiaConfig: Omit<BaseAuthSchema, 'badge'> & Pick<AuthEsia, 'classes'>;
+    mobileIdConfig: Omit<BaseAuthSchema, 'badge'> & Pick<AuthMobileId, 'classes'>;
     subtitle?: string;
     badge?: string;
     classes?: CombineClasses;
 };
-type EsiaMode = SingleAuthSchema & {
+export type AuthEsia = BaseAuthSchema & {
     classes?: EsiaClasses;
 } & {
     mode: typeof AUTH_PROVIDER_MODE.ESIA;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
-type MobileIdMode = SingleAuthSchema & {
+export type AuthMobileId = BaseAuthSchema & {
     classes?: MobileIdClasses;
 } & {
     mode: typeof AUTH_PROVIDER_MODE.MOBILE_ID;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
-type CombineMode = CombineAuthSchema & {
+export type AuthCombine = CombineAuthSchema & {
     mode: typeof AUTH_PROVIDER_MODE.COMBINE;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
 };
-export type TEsiaProps = Omit<EsiaMode, 'mode'>;
-export type TMobileIdProps = Omit<MobileIdMode, 'mode'>;
-export type TCombineProps = Omit<CombineMode, 'mode'>;
-export type AuthProviderProps = CombineMode | MobileIdMode | EsiaMode;
+export type AuthVariant = AuthCombine | AuthMobileId | AuthEsia;
+export type EsiaProps = Omit<AuthEsia, 'mode'>;
+export type MobileIdProps = Omit<AuthMobileId, 'mode'>;
+export type CombineProps = Omit<AuthCombine, 'mode'>;
 export {};

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

@@ -1,2 +1,2 @@
-import { TEsiaProps } from '../model/types';
-export declare const Esia: ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: TEsiaProps) => import("react/jsx-runtime").JSX.Element;
+import { EsiaProps } from '../model';
+export declare const Esia: ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: EsiaProps) => 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, linkDescription, isLoading, badge, loaderProps, classes, onClick }: TMobileIdProps) => import("react/jsx-runtime").JSX.Element;
+import { MobileIdProps } from '../model';
+export declare const MobileId: ({ mainLink, linkDescription, isLoading, badge, loaderProps, classes, onClick }: MobileIdProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,10 +1,10 @@
-import { SingleAuthSchema } from '../../model/types';
+import { BaseAuthSchema } from '../../model/types';
 export type TLinksClasses = {
     linksWrapper?: string;
     linksMainLink?: string;
     linksSubLink?: string;
 };
-interface ILinksProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<SingleAuthSchema, 'linkDescription' | 'mainLink'> {
+interface ILinksProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Pick<BaseAuthSchema, 'linkDescription' | 'mainLink'> {
     isMobile: boolean;
     classes?: TLinksClasses;
 }

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

@@ -1,19 +1,7 @@
-import { FieldValues } from 'react-hook-form';
-import { Approvement, ApprovementType, Auth, AuthMode, Chips, ChipsType, Progress, ProgressField, ProgressType } from './model';
+import { Approvement, ApprovementClasses, ApprovementType, Auth, AuthMode, Chips, ChipsClasses, ChipsType, Progress, ProgressField, ProgressType, SubmitProps } from './model';
 import { FieldValidation } from '../../../src/shared/utils';
-import { ButtonProps, CheckboxBase, ProgressBar } from '../../shared/ui';
+import { ButtonProps, ProgressBar } from '../../shared/ui';
 import { FieldElement } from '../fieldMapper';
-type SubmitProps = {
-    submitCallback: <T extends FieldValues>(values: T) => void;
-};
-type ChipsClasses = {
-    root?: string;
-    icon?: string;
-};
-type ApprovementClasses = {
-    checkbox?: React.ComponentProps<typeof CheckboxBase>['classes'];
-    content?: string;
-};
 type DynamicFormClasses = {
     root?: string;
     title?: string;
@@ -29,6 +17,7 @@ export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsT
         validation: FieldValidation;
         progress: ProgressField;
     }>[];
+    ssoAuthorizationTop: boolean;
     title: string;
     progress: Progress<PType>;
     approvement: Approvement<AType>;
@@ -38,5 +27,5 @@ export type DynamicFormProps<AType extends ApprovementType, CType extends ChipsT
     buttonGroup: ButtonProps[];
     auth: Auth<AuthType>;
 };
-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 declare const DynamicForm: <AType extends ApprovementType, CType extends ChipsType, PType extends ProgressType, AuthType extends AuthMode>({ fields, title, progress, approvement, chips, submitProps, auth, classes, buttonGroup, ssoAuthorizationTop }: DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element;
 export default DynamicForm;

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

@@ -0,0 +1,10 @@
+import { FieldValues } from 'react-hook-form';
+import { Approvement, ApprovementClasses, ApprovementType, Auth, AuthMode, Progress, ProgressField, ProgressType } from './types';
+import { ISubscribedField } from '../../../shared/hooks';
+import { CheckedState } from '../../../shared/ui';
+import { FieldElement } from '../../fieldMapper';
+export declare const withAuthProvider: <Mode extends AuthMode>(auth: Auth<Mode>) => import("react/jsx-runtime").JSX.Element | null;
+export declare const withApprovement: <Type extends ApprovementType>(approvement: Approvement<Type>, checked: CheckedState, onCheckedChange: (checked: CheckedState) => void, classes?: ApprovementClasses) => React.ReactNode;
+export declare const getFieldsProgress: <TFieldValues extends FieldValues, Type extends ProgressType>(progress: Progress<Type>, fields: FieldElement<any, any, {
+    progress: ProgressField;
+}>[]) => ISubscribedField<TFieldValues>[] | null;

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

@@ -1,2 +1,2 @@
-export { getFieldsProgress } from './getFieldsProgress';
 export type * from './types';
+export * from './helpers';

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

@@ -1,4 +1,6 @@
-import { AllowedIcons } from '../../../shared/ui';
+import { FieldValues } from 'react-hook-form';
+import { AuthCombine, AuthEsia, AuthMobileId } from '../../authProvider';
+import { AllowedIcons, CheckboxBase } from '../../../shared/ui';
 type ApprovementDisabled = {
     type: 'off';
 };
@@ -38,36 +40,20 @@ export type ProgressField = {
     progress: number;
     maxPercent: number;
 };
-type BaseAuth = {
-    mainLink: {
-        title: string;
-        mobileTitle: string;
-    };
-    linkDescription?: string;
-    ssoAuthorizationTop?: boolean;
-    subLink?: {
-        text: string;
-        href: string;
-    };
-    badge?: string;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+export type SubmitProps = {
+    submitCallback: <T extends FieldValues>(values: T) => void;
+};
+export type ChipsClasses = {
+    root?: string;
+    icon?: string;
+};
+export type ApprovementClasses = {
+    checkbox?: React.ComponentProps<typeof CheckboxBase>['classes'];
+    content?: string;
 };
 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 type Auth<Mode extends AuthMode> = Mode extends 'off' ? AuthDisabled : Mode extends 'esia' ? AuthEsia : Mode extends 'mobileId' ? AuthMobileId : AuthCombine;
 export {};

package/dist/types/lib/widgets/dynamicFormDialog/DynamicFormDialog.d.ts

@@ -30,6 +30,7 @@ export type DynamicFormDialogProps<AType extends ApprovementType, AuthType exten
     classes?: DynamicFormDialogClasses;
     buttonGroup: ButtonProps[];
     auth: Auth<AuthType>;
+    ssoAuthorizationTop?: boolean;
 };
-export declare const DynamicFormDialog: <AType extends ApprovementType, AuthType extends AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ...props }: DynamicFormDialogProps<AType, AuthType>) => import("react/jsx-runtime").JSX.Element;
+export declare const DynamicFormDialog: <AType extends ApprovementType, AuthType extends AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ssoAuthorizationTop, ...props }: DynamicFormDialogProps<AType, AuthType>) => import("react/jsx-runtime").JSX.Element;
 export default DynamicFormDialog;

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

@@ -4,8 +4,8 @@ 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, 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, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType, AuthType>) => 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, ssoAuthorizationTop }: import('..').DynamicFormProps<AType, CType, PType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
+    readonly formDialog: import('react').LazyExoticComponent<(<AType extends import('../dynamicFormDialog/model').ApprovementType, AuthType extends import('../dynamicForm/model').AuthMode>({ fields, title, approvement, submitProps, dialogId, classes, auth, buttonGroup, ssoAuthorizationTop, ...props }: import('../dynamicFormDialog/DynamicFormDialog').DynamicFormDialogProps<AType, AuthType>) => import("react/jsx-runtime").JSX.Element)>;
     readonly stepper: import('react').LazyExoticComponent<(<WithImages extends boolean>({ steppers, headline, 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>;
     readonly longBanner: import('react').LazyExoticComponent<(<Enabled extends boolean>({ headline, buttonConfig, intent, details, image, backgroundColor, classes }: import('..').LongBannerProps<Enabled>) => import("react/jsx-runtime").JSX.Element)>;

package/package.json

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

package/dist/lib/widgets/dynamicForm/model/getFieldsProgress.js

@@ -1,2 +0,0 @@
-const n=(e,s)=>e.enabled?s.map(r=>({name:r.args.name,...r.args.progress})):null;export{n as getFieldsProgress};
-//# sourceMappingURL=getFieldsProgress.js.map

package/dist/lib/widgets/dynamicForm/model/getFieldsProgress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFieldsProgress.js","sources":["../../../../../lib/widgets/dynamicForm/model/getFieldsProgress.ts"],"sourcesContent":["import { type FieldPath, type FieldValues } from 'react-hook-form'\nimport type { Progress, ProgressField, ProgressType } from './types'\nimport { type ISubscribedField } from '$/shared/hooks'\nimport type { FieldElement } from '$/widgets/fieldMapper'\n\nexport const getFieldsProgress = <TFieldValues extends FieldValues, Type extends ProgressType>(\n  progress: Progress<Type>,\n  fields: FieldElement<any, any, { progress: ProgressField }>[]\n) => {\n  if (!progress.enabled) return null\n\n  return fields.map<ISubscribedField<TFieldValues>>((field) => ({\n    name: field.args.name as FieldPath<TFieldValues>,\n    ...field.args.progress\n  }))\n}\n"],"names":["getFieldsProgress","progress","fields","field"],"mappings":"AAKO,MAAMA,EAAoB,CAC/BC,EACAC,IAEKD,EAAS,QAEPC,EAAO,IAAqCC,IAAW,CAC5D,KAAMA,EAAM,KAAK,KACjB,GAAGA,EAAM,KAAK,QAAA,EACd,EAL4B"}

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

@@ -1,7 +0,0 @@
-import { FieldValues } from 'react-hook-form';
-import { Progress, ProgressField, ProgressType } from './types';
-import { ISubscribedField } from '../../../shared/hooks';
-import { FieldElement } from '../../fieldMapper';
-export declare const getFieldsProgress: <TFieldValues extends FieldValues, Type extends ProgressType>(progress: Progress<Type>, fields: FieldElement<any, any, {
-    progress: ProgressField;
-}>[]) => ISubscribedField<TFieldValues>[] | null;