@frankieone/one-sdk 1.6.1-beta → 1.7.0-rc

package/dist/esm/modules/form/vendors/react/features/IdSelection/manualIdSelection.config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manualIdSelection.config.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/IdSelection/manualIdSelection.config.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8f0C,CAAC"}

package/dist/esm/modules/form/vendors/react/features/IdSelection/manualIdSelection.config.js

@@ -0,0 +1,321 @@
+/* eslint-disable check-file/filename-naming-convention */
+import { ValidationRulesForForm } from '../../constants/form.const.js';
+import { icons } from '../../constants/icons.js';
+import { commonFormFields } from './idSelection.const.js';
+export const manualIdSelectionPage = {
+    name: 'DOCUMENT',
+    type: 'manual',
+    numberOfIDs: 1,
+    title: {
+        label: 'Select your first ID',
+    },
+    subtitle: {
+        label: 'Your ID must be valid and not expired',
+    },
+    descriptions: [
+        {
+            label: 'We need one form of ID document to verify your identity.',
+        },
+    ],
+    documents: [
+        {
+            type: 'DRIVERS_LICENCE',
+            label: "Driver's licence",
+            subtitle: '(recommended)',
+            postIcon: icons.rightArrowIcon,
+            icon: icons.driverLicenseIcon,
+            countries: {
+                default: {
+                    default: {
+                        fields: [commonFormFields.country],
+                    },
+                },
+                NZL: {
+                    default: {
+                        image: icons.nzSampleCard,
+                        fields: [
+                            commonFormFields.country,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { rules: Object.assign(Object.assign({}, commonFormFields.licenceNumber.rules), { required: {
+                                        value: true,
+                                        message: 'Please enter your licence number',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                            {
+                                fieldType: 'input',
+                                dataType: 'number',
+                                label: 'Version Number',
+                                placeholder: 'e.g. 123',
+                                name: 'extraData.licence_version',
+                                image: icons.nzVersionNumber,
+                                rules: {
+                                    required: {
+                                        value: true,
+                                        message: 'Please enter your version number',
+                                    },
+                                    minLength: {
+                                        value: 3,
+                                        message: 'Version number must be at least 3 charecters',
+                                    },
+                                    maxLength: {
+                                        value: 3,
+                                        message: 'Version number must not exceed 3 charecters',
+                                    },
+                                    pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers),
+                                },
+                            },
+                        ],
+                    },
+                },
+                AUS: {
+                    default: {
+                        image: icons.driversLicenseBanner,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.actLicenseNumber }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.actSampleCard }),
+                        ],
+                    },
+                    ACT: {
+                        image: icons.driversLicenseBanner,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.actLicenseNumber, rules: {
+                                    required: {
+                                        value: true,
+                                        message: 'Please enter your licence number',
+                                    },
+                                    minLength: {
+                                        value: 1,
+                                        message: `Licence number must be at least 1 digits`,
+                                    },
+                                    maxLength: {
+                                        value: 10,
+                                        message: `Licence number must not exceed 10 digits`,
+                                    },
+                                    pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers),
+                                } }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.actSampleCard, rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                        ],
+                    },
+                    NSW: {
+                        image: icons.nswIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.nswLicenseNumber }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.nswSampleCard, helperText: 'You will find your Card Number on the front of your card, in the top right corner above your photo.' }),
+                        ],
+                    },
+                    NT: {
+                        image: icons.ntIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.ntLicenseNumber, rules: Object.assign(Object.assign({}, commonFormFields.licenceNumber.rules), { minLength: {
+                                        value: 1,
+                                        message: 'Licence number must be at least 1 characters',
+                                    }, maxLength: {
+                                        value: 10,
+                                        message: 'Licence number must not exceed 10 characters',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers) }) }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.ntSampleCard, rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { minLength: {
+                                        value: 6,
+                                        message: 'Card number must be at least 6 charecters',
+                                    }, maxLength: {
+                                        value: 8,
+                                        message: 'Card number must not exceed 8 charecters',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers) }), helperText: 'The card number is located on the back of your card, either in the bottom left corner or bottom middle.' }),
+                        ],
+                    },
+                    QLD: {
+                        image: icons.qldIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.qldLicenseNumber, rules: Object.assign(Object.assign({}, commonFormFields.licenceNumber.rules), { minLength: {
+                                        value: 8,
+                                        message: 'Licence number must be at least 8 characters',
+                                    }, maxLength: {
+                                        value: 9,
+                                        message: 'Licence number must not exceed 9 characters',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers) }) }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.qldSampleCard, helperText: 'You will find your Card Number on the front of your card, in the bottom middle, or the back of your card, on the bottom right side.', rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                        ],
+                    },
+                    SA: {
+                        image: icons.saIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.saLicenseNumber, rules: Object.assign(Object.assign({}, commonFormFields.licenceNumber.rules), { minLength: {
+                                        value: 6,
+                                        message: 'Licence number must be at least 6 characters',
+                                    }, maxLength: {
+                                        value: 6,
+                                        message: 'Licence number must not exceed 6 characters',
+                                    } }) }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.saSampleCard, helperText: 'You will find your Card Number on the back of your card, in the top right corner.', rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { minLength: {
+                                        value: 9,
+                                        message: 'Card number must be at least 9 charecters',
+                                    }, maxLength: {
+                                        value: 9,
+                                        message: 'Card number must not exceed 9 charecters',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                        ],
+                    },
+                    TAS: {
+                        image: icons.tasIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.tasLicenseNumber }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { helperText: 'You will find your Card Number on the back of your card, in the top right corner.', image: icons.tasSampleCard, rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { maxLength: {
+                                        value: 9,
+                                        message: 'Card number must not exceed 9 charecters',
+                                    }, minLength: {
+                                        value: 9,
+                                        message: 'Card number must be at least 9 charecters',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                        ],
+                    },
+                    VIC: {
+                        image: icons.vicIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.vicLicenseNumber, rules: Object.assign(Object.assign({}, commonFormFields.licenceNumber.rules), { minLength: {
+                                        value: 1,
+                                        message: `Licence number must be at least 1 digits`,
+                                    }, maxLength: {
+                                        value: 10,
+                                        message: `Licence number must not exceed 10 digits`,
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers) }) }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.vicSampleCard, placeholder: 'e.g. P1234567', helperText: 'You will find your Card Number on the back of your card, either in the top right corner or middle right.', rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { minLength: {
+                                        value: 8,
+                                        message: 'Card number must be at least 8 digits',
+                                    }, maxLength: {
+                                        value: 8,
+                                        message: 'Card number must not exceed 8 digits',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                        ],
+                    },
+                    WA: {
+                        image: icons.waIdDetails,
+                        fields: [
+                            commonFormFields.country,
+                            commonFormFields.state,
+                            Object.assign(Object.assign({}, commonFormFields.licenceNumber), { image: icons.waLicenseNumber, rules: Object.assign(Object.assign({}, commonFormFields.licenceNumber.rules), { minLength: {
+                                        value: 7,
+                                        message: 'Licence number must be at least 7 characters',
+                                    }, maxLength: {
+                                        value: 7,
+                                        message: 'Licence number must not exceed 7 characters',
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers) }) }),
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { image: icons.waSampleCard, helperText: 'You will find your Card Number on the back of your card, in the middle of the right side.', rules: Object.assign(Object.assign({}, commonFormFields.cardNumber.rules), { minLength: {
+                                        value: 8,
+                                        message: `Card number must be at least 8 characters`,
+                                    }, maxLength: {
+                                        value: 10,
+                                        message: `Card number must not exceed 10 characters`,
+                                    }, pattern: Object.assign({}, ValidationRulesForForm.alphaNumeric) }) }),
+                        ],
+                    },
+                },
+            },
+        },
+        {
+            type: 'PASSPORT',
+            label: 'Passport',
+            postIcon: icons.rightArrowIcon,
+            icon: icons.passportIcon,
+            countries: {
+                default: {
+                    default: {
+                        image: icons.internationPassport,
+                        fields: [
+                            Object.assign(Object.assign({}, commonFormFields.country), { label: 'Passport Issuing Country' }),
+                            commonFormFields.passport,
+                        ],
+                    },
+                },
+                AUS: {
+                    default: {
+                        image: icons.ausPassport,
+                        fields: [
+                            Object.assign(Object.assign({}, commonFormFields.country), { label: 'Passport Issuing Country' }),
+                            Object.assign(Object.assign({}, commonFormFields.passport), { rules: Object.assign(Object.assign({}, commonFormFields.passport.rules), { minLength: {
+                                        value: 8,
+                                        message: 'Passport number must be at least 8 characters',
+                                    }, maxLength: {
+                                        value: 9,
+                                        message: 'Passport number must not exceed 9 characters',
+                                    } }) }),
+                        ],
+                    },
+                },
+                NZL: {
+                    default: {
+                        image: icons.nzPassport,
+                        fields: [
+                            Object.assign(Object.assign({}, commonFormFields.country), { label: 'Passport Issuing Country' }),
+                            Object.assign(Object.assign({}, commonFormFields.passport), { image: icons.nzPassport, rules: Object.assign(Object.assign({}, commonFormFields.passport.rules), { minLength: {
+                                        value: 8,
+                                        message: 'Passport number must be at least 8 characters',
+                                    }, maxLength: {
+                                        value: 9,
+                                        message: 'Passport number must not exceed 9 characters',
+                                    } }) }),
+                            Object.assign(Object.assign({}, commonFormFields.date), { label: 'Date of Expiry', rules: Object.assign(Object.assign({}, commonFormFields.date.rules), { required: {
+                                        value: true,
+                                        message: 'Please enter your passport’s expiry date',
+                                    } }), calendarConfig: Object.assign(Object.assign({}, commonFormFields.date.calendarConfig), { maxYear: 2030, message: 'Please enter your passport’s expiry date' }) }),
+                        ],
+                    },
+                },
+            },
+        },
+        {
+            type: 'NATIONAL_HEALTH_ID',
+            label: 'Medicare card',
+            postIcon: icons.rightArrowIcon,
+            icon: icons.medicalIcon,
+            countries: {
+                default: {
+                    default: {
+                        image: icons.greenMedicareCard,
+                        fields: [
+                            commonFormFields.cardColor,
+                            Object.assign(Object.assign({}, commonFormFields.cardNumber), { name: 'idNumber', label: 'Medicare Card Number', helperText: '', rules: {
+                                    required: {
+                                        value: true,
+                                        message: 'Please enter your Medicare card number',
+                                    },
+                                    minLength: {
+                                        value: 10,
+                                        message: 'Medicare card number must be at least 10 digits',
+                                    },
+                                    maxLength: {
+                                        value: 10,
+                                        message: 'Medicare card number must be not exceed 10 digits',
+                                    },
+                                    pattern: Object.assign({}, ValidationRulesForForm.onlyNumbers),
+                                } }),
+                            commonFormFields.positionOnCard,
+                            Object.assign(Object.assign({}, commonFormFields.date), { label: 'Date of Expiry', rules: {
+                                    required: {
+                                        value: true,
+                                        message: 'Please enter your Medicare expiry date',
+                                    },
+                                }, calendarConfig: Object.assign(Object.assign({}, commonFormFields.date.calendarConfig), { maxYear: 2045, message: 'Please enter your Medicare expiry date' }) }),
+                        ],
+                    },
+                },
+            },
+        },
+    ],
+    cta: {
+        label: 'Next',
+    },
+};
+//# sourceMappingURL=manualIdSelection.config.js.map

package/dist/esm/modules/form/vendors/react/features/IdSelection/manualIdSelection.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manualIdSelection.config.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/IdSelection/manualIdSelection.config.tsx"],"names":[],"mappings":"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"}

package/dist/esm/modules/form/vendors/react/features/Loading/Loading.d.ts

@@ -1,3 +1,8 @@
-declare const Loading: () => import("react/jsx-runtime").JSX.Element;
+import type { IProgressPageConfig } from '../../appConfig.type';
+type LoadingProps = {
+    config?: Partial<IProgressPageConfig<'LOADING'>>;
+    progressWrapperClass?: string;
+};
+declare const Loading: ({ config, progressWrapperClass }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
 export default Loading;
 //# sourceMappingURL=Loading.d.ts.map

package/dist/esm/modules/form/vendors/react/features/Loading/Loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/Loading.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,OAAO,+CASZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Loading.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/Loading.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,KAAK,YAAY,GAAG;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;IACjD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AACF,QAAA,MAAM,OAAO,qCAAsC,YAAY,4CAY9D,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/modules/form/vendors/react/features/Loading/Loading.js

@@ -3,10 +3,11 @@ import { useSelector } from 'react-redux';
 import Progress from '../../components/view/Progress/Progress.js';
 import { selectPageConfig } from '../../redux/slices/moduleSlice.js';
 import { React_Form_IDS } from '../../types/pages.type.js';
-const Loading = () => {
+const Loading = ({ config, progressWrapperClass }) => {
     const { pageConfigs } = useSelector(selectPageConfig);
-    const config = pageConfigs[React_Form_IDS.LOADING];
-    return (_jsx(Progress, Object.assign({}, config)));
+    let newConfig = pageConfigs[React_Form_IDS.LOADING];
+    newConfig = Object.assign(Object.assign({}, newConfig), config);
+    return (_jsx(Progress, Object.assign({}, newConfig, { inputClass: "f1-h-full", progressWrapperClass: progressWrapperClass })));
 };
 export default Loading;
 //# sourceMappingURL=Loading.js.map

package/dist/esm/modules/form/vendors/react/features/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/Loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAIxD,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,WAAW,CACxB,cAAc,CAAC,OAAO,CACA,CAAC;IAEzB,OAAO,CACL,KAAC,QAAQ,oBAAK,MAAM,EAAG,CACxB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Loading.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/Loading.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,QAAQ,MAAM,yCAAyC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAQxD,MAAM,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,oBAAoB,EAAgB,EAAE,EAAE;IACjE,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,CAAC,gBAAgB,CAAC,CAAC;IACtD,IAAI,SAAS,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,CAAwB,CAAC;IAC3E,SAAS,mCAAQ,SAAS,GAAK,MAAM,CAAE,CAAC;IAExC,OAAO,CACL,KAAC,QAAQ,oBACH,SAAS,IACb,UAAU,EAAC,WAAW,EACtB,oBAAoB,EAAE,oBAAoB,IAC1C,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/modules/form/vendors/react/features/Loading/loading.config.d.ts

@@ -1,3 +1,4 @@
-import type { IProgressPageConfig } from "../../appConfig.type";
-export declare const loadingPage: IProgressPageConfig;
+import type { IProgressPageConfig } from '../../appConfig.type';
+export declare const loadingPage: IProgressPageConfig<'LOADING'>;
+export declare const manualLoading: IProgressPageConfig<'LOADING'>;
 //# sourceMappingURL=loading.config.d.ts.map

package/dist/esm/modules/form/vendors/react/features/Loading/loading.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.config.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/loading.config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAC,mBAQxB,CAAC"}
+{"version":3,"file":"loading.config.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/loading.config.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,eAAO,MAAM,WAAW,EAAE,mBAAmB,CAAC,SAAS,CAQtD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,mBAAmB,CAAC,SAAS,CASxD,CAAC"}

package/dist/esm/modules/form/vendors/react/features/Loading/loading.config.js

@@ -7,4 +7,14 @@ export const loadingPage = {
         },
     ],
 };
+export const manualLoading = {
+    name: 'LOADING',
+    title: { label: 'Verifying your identity' },
+    descriptions: [
+        {
+            label: `Hold tight, this can take a few seconds.
+      Please do not refresh this page or click the ‘back’ button on your browser.`,
+        },
+    ],
+};
 //# sourceMappingURL=loading.config.js.map

package/dist/esm/modules/form/vendors/react/features/Loading/loading.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.config.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/loading.config.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAuB;IAC3C,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;IAC9B,YAAY,EAAE;QACV;YACI,KAAK,EAAE,oBAAoB;SAC9B;KACJ;CACJ,CAAC"}
+{"version":3,"file":"loading.config.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/Loading/loading.config.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,WAAW,GAAmC;IACzD,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE;IAC9B,YAAY,EAAE;QACZ;YACE,KAAK,EAAE,oBAAoB;SAC5B;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAmC;IAC3D,IAAI,EAAE,SAAS;IACf,KAAK,EAAE,EAAE,KAAK,EAAE,yBAAyB,EAAE;IAC3C,YAAY,EAAE;QACZ;YACE,KAAK,EAAE;kFACqE;SAC7E;KACF;CACF,CAAC"}

package/dist/esm/modules/form/vendors/react/features/PersonalDetails/PersonalDetails.d.ts

@@ -1,3 +1,10 @@
-declare const PersonalDetails: () => import("react/jsx-runtime").JSX.Element;
+import { React_Form_IDS } from '../../types/pages.type';
+import type { IFormPageConfig } from '../../appConfig.type';
+type PersonalDetailsProps<dType extends IFormPageConfig<'PERSONAL'>> = {
+    config: dType;
+    formFieldsType?: React_Form_IDS;
+    previewImage?: boolean;
+};
+declare const PersonalDetails: <dType extends IFormPageConfig<"PERSONAL">>({ config, formFieldsType, previewImage, }: PersonalDetailsProps<dType>) => import("react/jsx-runtime").JSX.Element;
 export default PersonalDetails;
 //# sourceMappingURL=PersonalDetails.d.ts.map

package/dist/esm/modules/form/vendors/react/features/PersonalDetails/PersonalDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PersonalDetails.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/PersonalDetails/PersonalDetails.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,eAAe,+CA2CpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PersonalDetails.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/features/PersonalDetails/PersonalDetails.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAGxD,OAAO,KAAK,EAAa,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAIvE,KAAK,oBAAoB,CAAC,KAAK,SAAS,eAAe,CAAC,UAAU,CAAC,IAAI;IACrE,MAAM,EAAE,KAAK,CAAC;IACd,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAIF,QAAA,MAAM,eAAe,yFAIlB,qBAAqB,KAAK,CAAC,4CA4M7B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/modules/form/vendors/react/features/PersonalDetails/PersonalDetails.js

@@ -1,38 +1,134 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { useForm } from "react-hook-form";
-import { useSelector } from "react-redux";
-import FrankieDescription from "../../components/view/FrankieDescription/FrankieDescription.js";
-import FrankieFormMapper from "../../components/view/FrankieFormMapper/FrankieFormMapper.js";
-import Heading from "../../components/view/FrankieHeading/Heading.js";
-import Wrapper from "../../components/view/Wrapper/Wrapper.js";
-import { useEventHandler } from "../../hooks/useEventContext.js";
-import { usePersonalDetailsUpdateFactory } from "../../hooks/usePersonalDetailsUpdateFactory.hook.js";
-import { PersonalDetailsDocument } from "../../model/personalDetails.model.js";
-import { selectPageConfig } from "../../redux/slices/moduleSlice.js";
-import { React_Form_IDS } from "../../types/pages.type.js";
-const PersonalDetails = () => {
+import clsx from 'clsx';
+import set from 'lodash/set';
+import { useEffect, useMemo, useState } from 'react';
+import { useForm } from 'react-hook-form';
+import { useSelector } from 'react-redux';
+import ActionFormField from '../../components/view/ActionFormField/ActionFormField.js';
+import FrankieDescription from '../../components/view/FrankieDescription/FrankieDescription.js';
+import FrankieFormMapper from '../../components/view/FrankieFormMapper/FrankieFormMapper.js';
+import Heading from '../../components/view/FrankieHeading/Heading.js';
+import Wrapper from '../../components/view/Wrapper/Wrapper.js';
+import { useEventHandler } from '../../hooks/useEventContext.js';
+import { useFormMapper } from '../../hooks/useFormMapper.hook.js';
+import { useManualConfigFactory } from '../../hooks/useManualConfigFactory.hook.js';
+import { usePersonalDetailsUpdateFactory } from '../../hooks/usePersonalDetailsUpdateFactory.hook.js';
+import { useReviewUpdateFactory } from '../../hooks/useReviewUpdateFactory.hook.js';
+import { PersonalDetailsDocument } from '../../model/personalDetails.model.js';
+import { FORM_MODE, VERIFICATION_FAILED_IDS, selectManualForm, } from '../../redux/slices/manualSlice.js';
+import { selectPageConfig } from '../../redux/slices/moduleSlice.js';
+import { React_Form_IDS } from '../../types/pages.type.js';
+import { checkObjectEditable } from '../../utils/object.util.js';
+const PersonalDetails = ({ config, formFieldsType, previewImage, }) => {
     const { pageConfigs } = useSelector(selectPageConfig);
-    const config = pageConfigs[React_Form_IDS.PERSONAL_DETAILS];
+    const reduxForm = useSelector(selectManualForm);
+    const { getIndividualData } = useManualConfigFactory();
+    const [prevAddress, setPrevAddress] = useState(false);
+    const { modifyFormConfig } = useFormMapper();
+    const idvData = () => getIndividualData(React_Form_IDS.PERSONAL);
+    const getDefautlValues = () => {
+        const data = idvData();
+        set(data, 'address1.fullAddressShowToggle', checkObjectEditable(data, 'address1.fullAddress'));
+        return Object.assign(Object.assign(Object.assign({}, new PersonalDetailsDocument({})), data), { middleNameShowToggle: checkObjectEditable(data, 'middleName') });
+    };
     const form = useForm({
-        defaultValues: new PersonalDetailsDocument({}),
-        mode: 'onChange',
+        defaultValues: getDefautlValues(),
+        mode: 'all',
     });
+    const { getScannedData } = useReviewUpdateFactory();
+    const { idType } = getScannedData;
+    const { country, region } = form.watch();
     const { handleSubmit } = form;
-    const { updateModule, updateForm } = usePersonalDetailsUpdateFactory();
+    const { updateModule } = usePersonalDetailsUpdateFactory();
+    const { saveConfig, handleBack } = useManualConfigFactory();
     const { documentReady } = useEventHandler();
-    const handleFormSubmit = () => {
+    // Remarks: Resetting the form based on the current form
+    useEffect(() => {
+        var _a;
+        if ((_a = reduxForm === null || reduxForm === void 0 ? void 0 : reduxForm.data) === null || _a === void 0 ? void 0 : _a[React_Form_IDS.PERSONAL]) {
+            form.reset(getDefautlValues());
+        }
+    }, [reduxForm, prevAddress]);
+    useEffect(() => {
+        if (!form.getValues('middleNameShowToggle')) {
+            form.setValue('middleName', '');
+        }
+    }, [form.watch('middleNameShowToggle')]);
+    useEffect(() => {
+        const cName = form.getValues('address.country');
+        if (cName)
+            form.setValue('country', cName);
+    }, [form.watch('address.country')]);
+    const willToEmitEvent = useMemo(() => reduxForm.mode !== FORM_MODE.EDIT &&
+        reduxForm.currentForm !== React_Form_IDS.RETRY, [reduxForm.mode, reduxForm.currentForm]);
+    const prevAddressFormFields = useMemo(() => {
+        var _a, _b, _c, _d, _e;
+        return modifyFormConfig((_e = (_d = (_c = (_b = (_a = config === null || config === void 0 ? void 0 : config['personal']) === null || _a === void 0 ? void 0 : _a['countries']) === null || _b === void 0 ? void 0 : _b['default']) === null || _c === void 0 ? void 0 : _c['default']) === null || _d === void 0 ? void 0 : _d['fields']) === null || _e === void 0 ? void 0 : _e.find((item) => item.dataType === 'previous_addr'));
+    }, [config, prevAddress]);
+    const updateFormModule = () => {
+        var _a;
         const individualData = form.getValues();
-        updateModule(individualData).then(() => {
-            documentReady();
+        updateModule(individualData, prevAddress ? 'RESIDENTIAL2' : 'RESIDENTIAL1', prevAddress
+            ? !!((_a = form.getValues(prevAddressFormFields.name)) === null || _a === void 0 ? void 0 : _a.length)
+            : true).then(() => {
+            willToEmitEvent && documentReady();
+            saveConfig({
+                idType: React_Form_IDS.PERSONAL,
+                configName: React_Form_IDS.PERSONAL,
+                label: 'Personal details',
+                extraFields: [
+                    Object.assign(Object.assign({}, prevAddressFormFields), { label: 'Previous Residential Address' }),
+                ],
+            });
         });
     };
-    useEffect(() => {
-        updateForm(form);
-    }, []);
-    return (_jsx(Wrapper, { onSubmit: handleSubmit(handleFormSubmit), renderScreen: () => {
-            var _a;
-            return (_jsxs(_Fragment, { children: [_jsx(Heading, { label: config.title.label, style: (_a = config.title) === null || _a === void 0 ? void 0 : _a.style }), _jsx(FrankieDescription, { descriptions: config === null || config === void 0 ? void 0 : config.descriptions }), _jsx(FrankieFormMapper, { form: form, config: config })] }));
+    const handleFormSubmit = () => {
+        const { formState } = form;
+        const { touchedFields } = formState;
+        if (reduxForm.failedType === VERIFICATION_FAILED_IDS.NAME &&
+            (((reduxForm === null || reduxForm === void 0 ? void 0 : reduxForm.currentForm) === React_Form_IDS.RETRY &&
+                Object.keys(touchedFields).length === 0) ||
+                (reduxForm.mode === FORM_MODE.EDIT &&
+                    Object.keys(touchedFields).length === 0 &&
+                    reduxForm.data.personal.docFields.find((item) => (item === null || item === void 0 ? void 0 : item['dataType']) === 'previous_addr')))) {
+            prevAddress ? updateFormModule() : setPrevAddress(true);
+        }
+        else {
+            updateFormModule();
+        }
+    };
+    const isEditMode = useMemo(() => {
+        return reduxForm.mode == FORM_MODE.EDIT;
+    }, [reduxForm.mode]);
+    const isRetryFlow = useMemo(() => {
+        return pageConfigs.currentModule === React_Form_IDS.RETRY;
+    }, [pageConfigs]);
+    const getAddressLabel = () => {
+        var _a, _b, _c, _d;
+        return isEditMode
+            ? `Edit ${(_c = (_b = (_a = pageConfigs[React_Form_IDS.PERSONAL]) === null || _a === void 0 ? void 0 : _a.title) === null || _b === void 0 ? void 0 : _b.label) === null || _c === void 0 ? void 0 : _c.toLowerCase()}`
+            : (_d = config.title) === null || _d === void 0 ? void 0 : _d.label;
+    };
+    return (_jsx(Wrapper, { onSubmit: handleSubmit(handleFormSubmit), disabled: !form.formState.isValid, buttonConfig: isEditMode && {
+            editable: {
+                pre: {
+                    label: 'Cancel',
+                    onClick: () => handleBack(),
+                    disabled: false,
+                },
+                post: {
+                    label: 'Save',
+                    onClick: handleSubmit(handleFormSubmit),
+                    disabled: !form.formState.isValid,
+                },
+            },
+        }, inputClass: clsx({ '!f1-pt-[24px]': prevAddress }, { 'tablet:!f1-pt-[49px]': prevAddress }), renderScreen: () => {
+            var _a, _b, _c;
+            return (_jsxs(_Fragment, { children: [_jsx(Heading, { label: prevAddress
+                            ? (_a = prevAddressFormFields === null || prevAddressFormFields === void 0 ? void 0 : prevAddressFormFields['title']) === null || _a === void 0 ? void 0 : _a.label
+                            : getAddressLabel(), onBack: prevAddress ? () => setPrevAddress(false) : undefined, style: (_b = config.title) === null || _b === void 0 ? void 0 : _b.style, className: clsx(`f1-mb-[8px]`) }), !prevAddress && (_jsx(FrankieDescription, { descriptions: isRetryFlow
+                            ? (_c = pageConfigs[React_Form_IDS.PERSONAL]) === null || _c === void 0 ? void 0 : _c.descriptions
+                            : config === null || config === void 0 ? void 0 : config.descriptions })), prevAddress && (_jsx(ActionFormField, { config: Object.assign({ control: form.control }, prevAddressFormFields), type: 'text' })), !prevAddress && (_jsx(FrankieFormMapper, { form: form, config: config, individualConfig: { idType, country, region }, formFieldsType: formFieldsType, previewImage: previewImage }))] }));
         } }));
 };
 export default PersonalDetails;