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

package/dist/esm/modules/form/vendors/react/components/view/FrankieFormButton/FrankieFormButton.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { ConfigCSSKeys } from '../../../appConfig.type.js';
+import { FrankieButton } from '../../base/index.js';
+export const FrankieFormButton = (_a) => {
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u;
+    var { className = ConfigCSSKeys.button, disabled = false, label = '', icon = null, onClick, visible = true, testid = {
+        container: '',
+        preButton: '',
+    }, buttonClass = '' } = _a, props = __rest(_a, ["className", "disabled", "label", "icon", "onClick", "visible", "testid", "buttonClass"]);
+    if (!visible)
+        return null;
+    return (_jsxs("div", { "data-testid": testid.container, className: clsx('f1-left-0', 'f1-right-0', 'f1-bottom-0', 'f1-p-6', 'tablet:f1-pt-0', 'tablet:f1-mb-[120px]', 'f1-shadow-top', 'tablet:!f1-shadow-none', 'f1-flex', 'f1-justify-center', 'f1-sticky', 'tablet:f1-static', 'f1-bg-mono-white', 'f1-z-20', 'f1-gap-4', buttonClass), children: [((_b = props === null || props === void 0 ? void 0 : props.editable) === null || _b === void 0 ? void 0 : _b.pre) && (_jsxs(FrankieButton, { disabled: (_d = (_c = props === null || props === void 0 ? void 0 : props.editable) === null || _c === void 0 ? void 0 : _c.pre) === null || _d === void 0 ? void 0 : _d.disabled, onClick: (_f = (_e = props === null || props === void 0 ? void 0 : props.editable) === null || _e === void 0 ? void 0 : _e.pre) === null || _f === void 0 ? void 0 : _f.onClick, "data-testid": testid.preButton, className: clsx('f1-w-full', `tablet: ${((_g = props === null || props === void 0 ? void 0 : props.editable) === null || _g === void 0 ? void 0 : _g.pre) ? 'f1-w-[50%]' : 'f1-min-w-[210px]'}`, 'f1-h-auto', '!f1-bg-mono-white', '!f1-text-tertiary-grey-500', ConfigCSSKeys.cancelButton), style: Object.assign({ border: '1px solid #E5E5E5' }, ((props === null || props === void 0 ? void 0 : props['style'])
+                    ? props.style
+                    : {})), children: [(_j = (_h = props === null || props === void 0 ? void 0 : props.editable) === null || _h === void 0 ? void 0 : _h.pre) === null || _j === void 0 ? void 0 : _j.icon, (_l = (_k = props === null || props === void 0 ? void 0 : props.editable) === null || _k === void 0 ? void 0 : _k.pre) === null || _l === void 0 ? void 0 : _l.label] })), _jsxs(FrankieButton, { disabled: disabled, onClick: onClick, className: clsx('f1-w-full', { 'tablet:f1-w-auto': !((_m = props === null || props === void 0 ? void 0 : props.editable) === null || _m === void 0 ? void 0 : _m.post) }, `tablet: ${((_o = props === null || props === void 0 ? void 0 : props.editable) === null || _o === void 0 ? void 0 : _o.post) ? 'f1-w-[50%]' : 'f1-min-w-[210px]'}`, 'f1-h-auto', className), style: props === null || props === void 0 ? void 0 : props.style, children: [(_r = (_q = (_p = props === null || props === void 0 ? void 0 : props.editable) === null || _p === void 0 ? void 0 : _p.post) === null || _q === void 0 ? void 0 : _q.icon) !== null && _r !== void 0 ? _r : icon, (_u = (_t = (_s = props === null || props === void 0 ? void 0 : props.editable) === null || _s === void 0 ? void 0 : _s.post) === null || _t === void 0 ? void 0 : _t.label) !== null && _u !== void 0 ? _u : label] })] }));
+};
+//# sourceMappingURL=FrankieFormButton.js.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieFormButton/FrankieFormButton.js.map

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

package/dist/esm/modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.d.ts

@@ -1,10 +1,18 @@
-import type { ReviewDocument } from '@module/form/vendors/react/model/review.model';
-import type { FormPageScreen, IFormPageConfig } from '../../../appConfig.type';
+import { React_Form_IDS } from '../../../types/pages.type';
+import type { FormPageScreen, IFormPageConfig, IIdCardPageConfig } from '../../../appConfig.type';
+import type { ReviewDocument } from '../../../model/review.model';
 import type { UseFormReturn } from 'react-hook-form';
 export type FrankieFormMapperProps<PType extends FormPageScreen, FType> = {
     form: UseFormReturn<FType>;
-    config: IFormPageConfig<PType>;
+    config: IFormPageConfig<PType> | IIdCardPageConfig;
+    individualConfig: {
+        idType: ReviewDocument['idType'];
+        country: string;
+        region: string;
+    };
+    formFieldsType?: React_Form_IDS;
+    previewImage?: boolean;
 };
-declare const FrankieFormMapper: <PType extends "REVIEW" | "PERSONAL_DETAILS" = "REVIEW" | "PERSONAL_DETAILS">({ form, config, }: FrankieFormMapperProps<PType, ReviewDocument>) => import("react/jsx-runtime").JSX.Element;
+declare const FrankieFormMapper: <FType, PType extends "REVIEW" | "PERSONAL" | "RETRY" = "REVIEW" | "PERSONAL" | "RETRY">({ form, config, individualConfig, formFieldsType, previewImage, }: FrankieFormMapperProps<PType, FType>) => import("react/jsx-runtime").JSX.Element;
 export default FrankieFormMapper;
 //# sourceMappingURL=FrankieFormMapper.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrankieFormMapper.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAUpF,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,cAAc,EAAE,KAAK,IAAI;IACxE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,CAAC;CAChC,CAAC;AAEF,QAAA,MAAM,iBAAiB,mGAGpB,uBAAuB,KAAK,EAAE,cAAc,CAAC,4CA4F/C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FrankieFormMapper.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAQ3D,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EAClB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGlE,OAAO,KAAK,EAAQ,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE3D,MAAM,MAAM,sBAAsB,CAAC,KAAK,SAAS,cAAc,EAAE,KAAK,IAAI;IACxE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,iBAAiB,CAAC;IACnD,gBAAgB,EAAE;QAChB,MAAM,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;QACjC,OAAO,EAAE,MAAM,CAAC;QAChB,MAAM,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,iBAAiB,8JASpB,uBAAuB,KAAK,EAAE,KAAK,CAAC,4CAgLtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.js

@@ -1,48 +1,117 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
-import { useCallback } from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
 import { ConfigCSSKeys } from '../../../appConfig.type.js';
 import { useFormMapper } from '../../../hooks/useFormMapper.hook.js';
+import { React_Form_IDS } from '../../../types/pages.type.js';
 import Input from '../../base/SharedInput/Input.js';
 import { SelectFormField } from '../../base/SharedSelect/Select.js';
 import StandardDate from '../../base/StandardDate/StandardDate.js';
 import ActionFormField from '../ActionFormField/ActionFormField.js';
 import FrankieAddress from '../FrankieAddress/FrankieAddress.js';
-const FrankieFormMapper = ({ form, config, }) => {
+import FrankiePhoneField from '../FrankiePhoneField/FrankiePhoneField.js';
+const FrankieFormMapper = ({ form, config, individualConfig, formFieldsType, previewImage = true, }) => {
     var _a;
+    const [formFieldImage, setFormFieldImage] = useState(null);
+    const [isExpiryDateField, setIsExpiryDateField] = useState(false);
     const { control } = form;
-    const { getFormConfig } = useFormMapper();
-    const { documentFields, personalFields } = getFormConfig({
+    const { getFormConfig, modifyFormConfig } = useFormMapper();
+    const { getDefaultImage, documentFields, personalFields } = getFormConfig({
         config,
-        idType: form.getValues('idType'),
-        country: form.getValues('country'),
-        region: form.getValues('region'),
+        idType: individualConfig.idType,
+        country: individualConfig.country,
+        region: individualConfig.region,
     });
-    const documentInfo = [...personalFields, ...documentFields];
+    const documentInfo = useMemo(() => {
+        switch (formFieldsType) {
+            case React_Form_IDS.PERSONAL:
+                return personalFields;
+            case React_Form_IDS.DOCUMENT:
+                return documentFields;
+            default:
+                return [...personalFields, ...documentFields];
+        }
+    }, [personalFields, documentFields, individualConfig, config]);
+    const getGenericImage = () => getDefaultImage({
+        country: individualConfig.country,
+        region: individualConfig.region,
+    });
+    const handleFocus = (e) => {
+        var _a;
+        if ((individualConfig === null || individualConfig === void 0 ? void 0 : individualConfig.idType) === 'NATIONAL_HEALTH_ID')
+            return;
+        const formFieldImage = ((_a = documentInfo.find((field) => e.target.name === field.name)) === null || _a === void 0 ? void 0 : _a.image) ||
+            getGenericImage();
+        setFormFieldImage(formFieldImage);
+    };
+    const handleBlur = () => {
+        if ((individualConfig === null || individualConfig === void 0 ? void 0 : individualConfig.idType) === 'NATIONAL_HEALTH_ID')
+            return;
+        setFormFieldImage(getGenericImage());
+    };
+    useEffect(() => {
+        var _a, _b;
+        if (individualConfig.idType === 'NATIONAL_HEALTH_ID') {
+            const idSTData = form.getValues('idSubType');
+            const selectedOption = (_b = (_a = documentInfo
+                .find((field) => field.name === 'idSubType')) === null || _a === void 0 ? void 0 : _a['options']) === null || _b === void 0 ? void 0 : _b.find((op) => op.value === idSTData);
+            setIsExpiryDateField(idSTData === 'G');
+            handleSelectChange({
+                target: { value: idSTData, selected: selectedOption },
+            });
+        }
+    }, [individualConfig]);
+    const handleSelectChange = (e) => {
+        var _a, _b, _c, _d, _e;
+        if (individualConfig.idType === 'NATIONAL_HEALTH_ID') {
+            setIsExpiryDateField(((_a = e.target) === null || _a === void 0 ? void 0 : _a.value) == 'G');
+        }
+        if ((_c = (_b = e.target) === null || _b === void 0 ? void 0 : _b.selected) === null || _c === void 0 ? void 0 : _c['icon']) {
+            setFormFieldImage((_e = (_d = e.target) === null || _d === void 0 ? void 0 : _d.selected) === null || _e === void 0 ? void 0 : _e['icon']);
+        }
+    };
+    useEffect(() => {
+        if (getGenericImage()) {
+            setFormFieldImage(getGenericImage);
+        }
+    }, [config, getGenericImage()]);
     const formFields = useCallback((configField) => {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const formConfig = Object.assign(Object.assign({}, configField), { rules: Object.assign(Object.assign({}, ((_a = configField === null || configField === void 0 ? void 0 : configField.rules) !== null && _a !== void 0 ? _a : {})), (((_b = configField === null || configField === void 0 ? void 0 : configField.rules) === null || _b === void 0 ? void 0 : _b.pattern) && {
-                pattern: Object.assign(Object.assign({}, (_c = configField === null || configField === void 0 ? void 0 : configField.rules) === null || _c === void 0 ? void 0 : _c.pattern), { value: new RegExp((_e = (_d = configField === null || configField === void 0 ? void 0 : configField.rules) === null || _d === void 0 ? void 0 : _d.pattern) === null || _e === void 0 ? void 0 : _e.value) }),
-            })) });
+        var _a;
+        const formConfig = modifyFormConfig(configField);
+        const getActionField = () => {
+            var _a;
+            return (_jsx(ActionFormField, { config: formConfig, type: (_a = formConfig === null || formConfig === void 0 ? void 0 : formConfig['type']) !== null && _a !== void 0 ? _a : 'text' }));
+        };
         return {
             input: (formConfig === null || formConfig === void 0 ? void 0 : formConfig['showToggle'])
-                ? (_jsx(ActionFormField, { config: formConfig, type: (_f = formConfig === null || formConfig === void 0 ? void 0 : formConfig['type']) !== null && _f !== void 0 ? _f : 'text' }))
-                : (_jsx(Input, Object.assign({}, formConfig, { type: (_g = formConfig === null || formConfig === void 0 ? void 0 : formConfig['type']) !== null && _g !== void 0 ? _g : 'text' }))),
-            date: _jsx(StandardDate, Object.assign({}, formConfig)),
-            select: _jsx(SelectFormField, Object.assign({}, formConfig, { autocomplete: true })),
-            address: _jsx(FrankieAddress, Object.assign({}, formConfig)),
-            //TODO: make phoneNo component, and map it here
-            //formConfig has key = 'phone' | 'email'| 'individual_extra' | 'document_extra'| 'previous_addr'| 'current_addr'| 'text'| 'number,
-            //map based on that
+                ? (getActionField())
+                : (_jsx(Input, Object.assign({}, formConfig, { onBlur: handleBlur, onFocus: handleFocus, type: (_a = formConfig === null || formConfig === void 0 ? void 0 : formConfig['type']) !== null && _a !== void 0 ? _a : 'text' }))),
+            date: _jsx(StandardDate, Object.assign({}, formConfig, { expiryDate: isExpiryDateField })),
+            select: (_jsx(SelectFormField, Object.assign({}, formConfig, { 
+                // onBlur={handleBlur}
+                // onFocus={handleSelectChange}
+                onChange: handleSelectChange, autocomplete: true }))),
+            address: (formConfig === null || formConfig === void 0 ? void 0 : formConfig['showToggle'])
+                ? (getActionField())
+                : (_jsx(FrankieAddress, Object.assign({}, formConfig))),
+            phone: _jsx(FrankiePhoneField, Object.assign({}, formConfig)),
         };
-    }, [config]);
-    return (_jsx("form", { className: clsx('f1-w-full', 'f1-h-auto', 'f1-flex', 'f1-flex-col', 'f1-justify-start', 'f1-items-start', 'f1-mx-auto', 'f1-border-2', 'f1-border-grey-100', 'f1-gap-[8px]', 'f1-box-border', ConfigCSSKeys.formWrapper), style: (_a = config === null || config === void 0 ? void 0 : config['style']) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.formWrapper], children: documentInfo === null || documentInfo === void 0 ? void 0 : documentInfo.map((field, index) => {
-            var _a, _b, _c;
-            const configField = Object.assign(Object.assign({}, field), { control, inputClassName: clsx(ConfigCSSKeys.formField) });
-            if (field === null || field === void 0 ? void 0 : field.hide)
-                return null;
-            return (_jsx("div", { className: clsx('f1-w-full', ConfigCSSKeys.formField), style: Object.assign(Object.assign({}, ((_b = (_a = config === null || config === void 0 ? void 0 : config['style']) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.formField]) !== null && _b !== void 0 ? _b : {})), (_c = field === null || field === void 0 ? void 0 : field.style) === null || _c === void 0 ? void 0 : _c[ConfigCSSKeys.formField]), children: formFields(configField)[field.fieldType] }, index));
-        }) }));
+    }, [
+        config,
+        individualConfig,
+        individualConfig.country,
+        individualConfig.region,
+        individualConfig.idType,
+        isExpiryDateField,
+    ]);
+    return (_jsxs(_Fragment, { children: [_jsx("form", { className: clsx('f1-w-full', 'f1-h-auto', 'f1-flex', 'f1-flex-col', 'f1-justify-start', 'f1-items-start', 'f1-mx-auto', 'f1-border-2', 'f1-border-grey-100', 'f1-gap-[12px]', 'f1-box-border', ConfigCSSKeys.formWrapper), style: (_a = config === null || config === void 0 ? void 0 : config['style']) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.formWrapper], children: documentInfo === null || documentInfo === void 0 ? void 0 : documentInfo.map((field, index) => {
+                    var _a, _b, _c;
+                    const configField = Object.assign(Object.assign({}, field), { control, inputClassName: clsx(ConfigCSSKeys.formField) });
+                    const excludeFields = ['previous_addr'];
+                    if ((field === null || field === void 0 ? void 0 : field.hide) || (excludeFields === null || excludeFields === void 0 ? void 0 : excludeFields.includes(field.dataType)))
+                        return null;
+                    return (_jsx("div", { className: clsx('f1-w-full', ConfigCSSKeys.formField), style: Object.assign(Object.assign({}, ((_b = (_a = config === null || config === void 0 ? void 0 : config['style']) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.formField]) !== null && _b !== void 0 ? _b : {})), (_c = field === null || field === void 0 ? void 0 : field.style) === null || _c === void 0 ? void 0 : _c[ConfigCSSKeys.formField]), children: formFields(configField)[field.fieldType] }, index));
+                }) }), formFieldImage && previewImage && (_jsx("div", { className: clsx('f1-mx-[21px]', 'f1-mt-6'), children: _jsx("img", { src: formFieldImage, className: clsx('f1-w-full') }) }))] }));
 };
 export default FrankieFormMapper;
 //# sourceMappingURL=FrankieFormMapper.js.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrankieFormMapper.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAU9D,MAAM,iBAAiB,GAAG,CAAgD,EACxE,IAAI,EACJ,MAAM,GACwC,EAAE,EAAE;;IAClD,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAC;IAC1C,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;QACvD,MAAM;QACN,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;QAChC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;QAClC,MAAM,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC;KACjC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,GAAG,cAAc,EAAE,GAAG,cAAc,CAAC,CAAC;IAE5D,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,WAAW,EAAE,EAAE;;QACd,MAAM,UAAU,mCACX,WAAW,KACd,KAAK,kCACA,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,EAAE,CAAC,GAC1B,CAAC,CAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,OAAO,KAAI;gBACjC,OAAO,kCACF,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,OAAO,KAC9B,KAAK,EAAE,IAAI,MAAM,CAAC,MAAA,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAE,OAAO,0CAAE,KAAK,CAAC,GACtD;aACF,CAAC,IAEL,CAAC;QAEF,OAAO;YACL,KAAK,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,YAAY,CAAC;gBACzC,CAAC,CAAC,CACQ,KAAC,eAAe,IACd,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,CAAC,mCAAI,MAAM,GACpC,CACH;gBACT,CAAC,CAAC,CACQ,KAAC,KAAK,oBAAK,UAAU,IAAE,IAAI,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,CAAC,mCAAI,MAAM,IAAI,CAChE;YACD,IAAI,EAAE,KAAC,YAAY,oBAAK,UAAU,EAAI;YACtC,MAAM,EAAE,KAAC,eAAe,oBAAK,UAAU,IAAE,YAAY,UAAG;YACxD,OAAO,EAAE,KAAC,cAAc,oBAAK,UAAU,EAAI;YAC3C,+CAA+C;YAC/C,kIAAkI;YAClI,mBAAmB;SACpB,CAAC;IACJ,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,aAAa,CAAC,WAAW,CAC1B,EACD,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAO,CAAC,0CAAG,aAAa,CAAC,WAAW,CAAC,YAEpD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE;;YAC1C,MAAM,WAAW,mCACZ,KAAK,KACR,OAAO,EACP,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAC9C,CAAC;YAEF,IAAI,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI;gBAAE,OAAO,IAAI,CAAC;YAE7B,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,EAErD,KAAK,kCACA,CAAC,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAO,CAAC,0CAAG,aAAa,CAAC,SAAS,CAAC,mCAAI,EAAE,CAAC,GACpD,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,aAAa,CAAC,SAAS,CAAC,aAG3C,UAAU,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IANpC,KAAK,CAON,CACP,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"FrankieFormMapper.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAmC,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,eAAe,MAAM,oCAAoC,CAAC;AACjE,OAAO,cAAc,MAAM,kCAAkC,CAAC;AAC9D,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AAwBvE,MAAM,iBAAiB,GAAG,CAGxB,EACA,IAAI,EACJ,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,YAAY,GAAG,IAAI,GACkB,EAAE,EAAE;;IACzC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAS,IAAI,CAAC,CAAC;IACnE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3E,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IACzB,MAAM,EAAE,aAAa,EAAE,gBAAgB,EAAE,GAAG,aAAa,EAAE,CAAC;IAC5D,MAAM,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;QACxE,MAAM;QACN,MAAM,EAAE,gBAAgB,CAAC,MAAM;QAC/B,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,MAAM,EAAE,gBAAgB,CAAC,MAAM;KAChC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,QAAQ,cAAc,EAAE,CAAC;YACvB,KAAK,cAAc,CAAC,QAAQ;gBAC1B,OAAO,cAAc,CAAC;YACxB,KAAK,cAAc,CAAC,QAAQ;gBAC1B,OAAO,cAAc,CAAC;YACxB;gBACE,OAAO,CAAC,GAAG,cAAc,EAAE,GAAG,cAAc,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAAC,CAAC;IAE/D,MAAM,eAAe,GAAG,GAAG,EAAE,CAC3B,eAAe,CAAC;QACd,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,MAAM,EAAE,gBAAgB,CAAC,MAAM;KAChC,CAAC,CAAC;IAEL,MAAM,WAAW,GAAG,CAAC,CAAgC,EAAE,EAAE;;QACvD,IAAI,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,MAAK,oBAAoB;YAAE,OAAO;QAC9D,MAAM,cAAc,GAClB,CAAA,MAAA,YAAY,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,0CAAE,KAAK;YACjE,eAAe,EAAE,CAAC;QACpB,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,CAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,MAAM,MAAK,oBAAoB;YAAE,OAAO;QAC9D,iBAAiB,CAAC,eAAe,EAAE,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;;QACb,IAAI,gBAAgB,CAAC,MAAM,KAAK,oBAAoB,EAAE,CAAC;YACrD,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,CAAC,WAA0B,CAAC,CAAC;YAC5D,MAAM,cAAc,GAAG,MAAA,MAAA,YAAY;iBAChC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC,0CACzC,SAAS,CAAC,0CAAE,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC;YACrD,oBAAoB,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC;YACvC,kBAAkB,CAAC;gBACjB,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE;aACjC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,MAAM,kBAAkB,GAAG,CAAC,CAAoB,EAAE,EAAE;;QAClD,IAAI,gBAAgB,CAAC,MAAM,KAAK,oBAAoB,EAAE,CAAC;YACrD,oBAAoB,CAAC,CAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,KAAK,KAAI,GAAG,CAAC,CAAC;QAC/C,CAAC;QAED,IAAI,MAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,QAAQ,0CAAG,MAAM,CAAC,EAAE,CAAC;YACjC,iBAAiB,CAAC,MAAA,MAAA,CAAC,CAAC,MAAM,0CAAE,QAAQ,0CAAG,MAAM,CAAC,CAAC,CAAC;QAClD,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE,EAAE,CAAC;YACtB,iBAAiB,CAAC,eAAe,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC,CAAC;IAEhC,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,WAAW,EAAE,EAAE;;QACd,MAAM,UAAU,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC;QAEjD,MAAM,cAAc,GAAG,GAAG,EAAE;;YAAC,OAAA,CAC3B,KAAC,eAAe,IACd,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,CAAC,mCAAI,MAAM,GACpC,CACH,CAAA;SAAA,CAAC;QAEF,OAAO;YACL,KAAK,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,YAAY,CAAC;gBACzC,CAAC,CAAC,CACQ,cAAc,EAAE,CACjB;gBACT,CAAC,CAAC,CACQ,KAAC,KAAK,oBACA,UAAU,IACd,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,MAAM,CAAC,mCAAI,MAAM,IACpC,CACH;YACD,IAAI,EAAE,KAAC,YAAY,oBAAK,UAAU,IAAE,UAAU,EAAE,iBAAiB,IAAI;YACrE,MAAM,EAAE,CACN,KAAC,eAAe,oBACV,UAAU;gBACd,sBAAsB;gBACtB,+BAA+B;gBAC/B,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,UACZ,CACH;YACD,OAAO,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,YAAY,CAAC;gBAC3C,CAAC,CAAC,CACQ,cAAc,EAAE,CACjB;gBACT,CAAC,CAAC,CACQ,KAAC,cAAc,oBAAK,UAAU,EAAI,CACnC;YACD,KAAK,EAAE,KAAC,iBAAiB,oBAAK,UAAU,EAAI;SAC7C,CAAC;IACJ,CAAC,EACD;QACE,MAAM;QACN,gBAAgB;QAChB,gBAAgB,CAAC,OAAO;QACxB,gBAAgB,CAAC,MAAM;QACvB,gBAAgB,CAAC,MAAM;QACvB,iBAAiB;KAClB,CACF,CAAC;IAEF,OAAO,CACL,8BACE,eACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,WAAW,EACX,SAAS,EACT,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,aAAa,CAAC,WAAW,CAC1B,EACD,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAO,CAAC,0CAAG,aAAa,CAAC,WAAW,CAAC,YAEpD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,GAAG,CAAC,CAAC,KAAK,EAAE,KAAa,EAAE,EAAE;;oBAC1C,MAAM,WAAW,mCACZ,KAAK,KACR,OAAO,EACP,cAAc,EAAE,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GAC9C,CAAC;oBACF,MAAM,aAAa,GAA8B,CAAC,eAAe,CAAC,CAAC;oBACnE,IAAI,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,MAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAA;wBACxD,OAAO,IAAI,CAAC;oBAEd,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,CAAC,SAAS,CAAC,EAErD,KAAK,kCACA,CAAC,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAO,CAAC,0CAAG,aAAa,CAAC,SAAS,CAAC,mCAAI,EAAE,CAAC,GACpD,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,aAAa,CAAC,SAAS,CAAC,aAG3C,UAAU,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,IANpC,KAAK,CAON,CACP,CAAC;gBACJ,CAAC,CAAC,GACG,EACN,cAAc,IAAI,YAAY,IAAI,CACjC,cAAK,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,YAC7C,cAAK,GAAG,EAAE,cAAc,EAAE,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,GAAI,GACtD,CACP,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieHeading/Heading.d.ts

@@ -2,11 +2,13 @@ import { type Styles } from '../../../appConfig.type';
 type HeadingProps = {
     label: string;
     style?: Styles;
-    testId?: {
-        header: string;
+    onBack?: () => void;
+    testid?: {
+        header?: string;
+        mockImg?: string | null;
     };
     className?: string;
 };
-declare const Heading: ({ label, style, className, testId }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const Heading: ({ label, style, className, testid, onBack, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 export default Heading;
 //# sourceMappingURL=Heading.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieHeading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieHeading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAErE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAC;QACN,MAAM,EAAC,MAAM,CAAC;KACf,CAAC;IACF,SAAS,CAAC,EAAC,MAAM,CAAC;CACnB,CAAC;AAIF,QAAA,MAAM,OAAO,wCAAyC,YAAY,4CAkBjE,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieHeading/Heading.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAGrE,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACzB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,QAAA,MAAM,OAAO,iDAMV,YAAY,4CAiCd,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieHeading/Heading.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { ConfigCSSKeys } from '../../../appConfig.type.js';
-const Heading = ({ label, style, className, testId }) => {
-    return (_jsx("h1", { className: clsx('f1-font-bold', 'f1-text-2xl', 'f1-leading-9', 'f1-text-tertiary-grey-800', 'f1-mt-0', className, ConfigCSSKeys.title), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.title], "data-testid": testId === null || testId === void 0 ? void 0 : testId.header, children: label }));
+import { icons } from '../../../constants/icons.js';
+const Heading = ({ label, style, className, testid = { header: '', mockImg: null }, onBack, }) => {
+    var _a;
+    return (_jsxs("h1", { className: clsx('f1-text-2xl', 'f1-leading-9', 'f1-text-tertiary-grey-800', 'f1-mt-0', className, ConfigCSSKeys.title), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.title], "data-testid": testid === null || testid === void 0 ? void 0 : testid.header, children: [onBack && (_jsx("div", { className: clsx('f1-text-sm', 'f1-text-tertiary-grey-500'), children: _jsxs("span", { className: clsx('f1-cursor-pointer', 'f1-flex', 'f1-gap-2', 'f1-leading-[21px]', 'f1-font-normal'), onClick: onBack, children: [_jsx("img", { src: (_a = testid === null || testid === void 0 ? void 0 : testid.mockImg) !== null && _a !== void 0 ? _a : icons.backArrow, alt: "back" }), " Back"] }) })), _jsx("div", { className: clsx('f1-font-bold'), children: label })] }));
 };
 export default Heading;
 //# sourceMappingURL=Heading.js.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieHeading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieHeading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAe,MAAM,yBAAyB,CAAC;AAarE,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAC,SAAS,EAAG,MAAM,EAAgB,EAAE,EAAE;IACpE,OAAO,CACL,aACE,SAAS,EAAE,IAAI,CACb,cAAc,EACd,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,SAAS,EACT,SAAS,EACT,aAAa,CAAC,KAAK,CACpB,EACD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,KAAK,CAAC,iBACpB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,YAE5B,KAAK,GACH,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieHeading/Heading.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAe,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAajD,MAAM,OAAO,GAAG,CAAC,EACf,KAAK,EACL,KAAK,EACL,SAAS,EACT,MAAM,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EACtC,MAAM,GACO,EAAE,EAAE;;IACjB,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CACb,aAAa,EACb,cAAc,EACd,2BAA2B,EAC3B,SAAS,EACT,SAAS,EACT,aAAa,CAAC,KAAK,CACpB,EACD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,KAAK,CAAC,iBACtB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,aAE1B,MAAM,IAAI,CACT,cAAK,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,2BAA2B,CAAC,YAC7D,gBACE,SAAS,EAAE,IAAI,CACb,mBAAmB,EACnB,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,gBAAgB,CACjB,EACD,OAAO,EAAE,MAAM,aAEf,cAAK,GAAG,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,KAAK,CAAC,SAAS,EAAE,GAAG,EAAC,MAAM,GAAG,aACtD,GACH,CACP,EACD,cAAK,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,YAAG,KAAK,GAAO,IAChD,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.d.ts

@@ -1,14 +1,15 @@
-import { type ListInfo } from "../../../appConfig.type";
-import type { DocumentTypes } from "../../../appConfig.type";
-import type { ReactFormIdsKeys } from "../../../types/pages.type";
+import { type ListInfo } from '../../../appConfig.type';
+import type { DocumentTypes } from '../../../appConfig.type';
+import type { ReactFormIdsKeys } from '../../../types/pages.type';
 type TestIdType = {
-    container: string;
-    label: string;
-    contentWrapper: string;
+    container?: string;
+    label?: string;
+    contentWrapper?: string;
+    mockImg?: string | null;
 };
 type InstructionProps = ListInfo<ReactFormIdsKeys> | ListInfo<DocumentTypes>;
-declare const FrankieInstructionList: ({ content, label, style, testId, }: InstructionProps & {
-    testId?: TestIdType;
+declare const FrankieInstructionList: ({ content, label, style, testid, }: InstructionProps & {
+    testid?: TestIdType;
 }) => import("react/jsx-runtime").JSX.Element;
 export default FrankieInstructionList;
 //# sourceMappingURL=FrankieInstructionList.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FrankieInstructionList.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,KAAK,UAAU,GAAG;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC7E,QAAA,MAAM,sBAAsB,uCAKzB,gBAAgB,GAAG;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,4CAyEA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"FrankieInstructionList.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE,KAAK,UAAU,GAAG;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACzB,CAAC;AAEF,KAAK,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC7E,QAAA,MAAM,sBAAsB,uCAUzB,gBAAgB,GAAG;IACpB,MAAM,CAAC,EAAE,UAAU,CAAC;CACrB,4CA2EA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.js

@@ -1,15 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import DOMPurify from "dompurify";
-import { ConfigCSSKeys } from "../../../appConfig.type.js";
-const FrankieInstructionList = ({ content, label, style, testId, }) => {
-    return (_jsxs("div", { className: clsx("f1-text-tertiary-grey-700", "f1-mt-[32px]", ConfigCSSKeys.instructions), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.instructions], "data-testid": testId === null || testId === void 0 ? void 0 : testId.container, children: [_jsx("p", { className: clsx("f1-font-semibold", "f1-text-md", "f1-leading-6", "f1-mb-4", "f1-text-tertiary-grey-700"), "data-testid": testId === null || testId === void 0 ? void 0 : testId.label, children: label }), content === null || content === void 0 ? void 0 : content.map((instruction, index) => {
-                var _a, _b;
-                return (_jsxs("div", { className: clsx("f1-flex", "f1-items-start", "f1-mb-4", !(instruction === null || instruction === void 0 ? void 0 : instruction.icon) && "f1-justify-center", ConfigCSSKeys.instructionItem), style: (_a = instruction === null || instruction === void 0 ? void 0 : instruction.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.instructionItem], "data-testid": testId === null || testId === void 0 ? void 0 : testId.contentWrapper, children: [(instruction === null || instruction === void 0 ? void 0 : instruction.icon) && (_jsx("img", { className: clsx("f1-pr-3"), src: instruction === null || instruction === void 0 ? void 0 : instruction.icon, alt: instruction === null || instruction === void 0 ? void 0 : instruction.label })), (instruction === null || instruction === void 0 ? void 0 : instruction.label) && (_jsx("div", { className: clsx("f1-font-normal", "f1-text-md", "f1-leading-6", "f1-text-tertiary-grey-800", "f1-text-left", "f1-link-text"), dangerouslySetInnerHTML: {
-                                __html: DOMPurify.sanitize((_b = instruction === null || instruction === void 0 ? void 0 : instruction.label) !== null && _b !== void 0 ? _b : "", {
+import clsx from 'clsx';
+import DOMPurify from 'dompurify';
+import { ConfigCSSKeys } from '../../../appConfig.type.js';
+const FrankieInstructionList = ({ content, label, style, testid = {
+    container: '',
+    label: '',
+    contentWrapper: '',
+    mockImg: null,
+}, }) => {
+    return (_jsxs("div", { className: clsx('f1-text-tertiary-grey-700', 'f1-mt-[32px]', ConfigCSSKeys.instructions), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.instructions], "data-testid": testid.container, children: [_jsx("p", { className: clsx('f1-font-semibold', 'f1-text-md', 'f1-leading-6', 'f1-mb-4', 'f1-text-tertiary-grey-700'), "data-testid": testid.label, children: label }), content === null || content === void 0 ? void 0 : content.map((instruction, index) => {
+                var _a, _b, _c, _d;
+                return (_jsxs("div", { className: clsx('f1-flex', 'f1-items-start', 'f1-mb-4', !(instruction === null || instruction === void 0 ? void 0 : instruction.icon) && 'f1-justify-center', ConfigCSSKeys.instructionItem), style: (_a = instruction === null || instruction === void 0 ? void 0 : instruction.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.instructionItem], "data-testid": testid.contentWrapper, children: [(instruction === null || instruction === void 0 ? void 0 : instruction.icon) && (_jsx("img", { className: clsx('f1-pr-3'), src: (_b = testid.mockImg) !== null && _b !== void 0 ? _b : instruction === null || instruction === void 0 ? void 0 : instruction.icon, alt: instruction === null || instruction === void 0 ? void 0 : instruction.label })), (instruction === null || instruction === void 0 ? void 0 : instruction.label) && (_jsx("div", { className: clsx('f1-font-normal', 'f1-text-md', 'f1-leading-6', 'f1-text-tertiary-grey-800', 'f1-text-left', 'f1-link-text'), dangerouslySetInnerHTML: {
+                                __html: DOMPurify.sanitize((_c = instruction === null || instruction === void 0 ? void 0 : instruction.label) !== null && _c !== void 0 ? _c : '', {
                                     sanitize: true,
                                 }),
-                            } })), (instruction === null || instruction === void 0 ? void 0 : instruction.image) && (_jsx("img", { src: instruction.image, alt: `instruction-image-${index}` }))] }, `instructions-list-${index}`));
+                            } })), (instruction === null || instruction === void 0 ? void 0 : instruction.image) && (_jsx("img", { src: (_d = testid.mockImg) !== null && _d !== void 0 ? _d : instruction.image, alt: `instruction-image-${index}` }))] }, `instructions-list-${index}`));
             })] }));
 };
 export default FrankieInstructionList;

package/dist/esm/modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FrankieInstructionList.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,aAAa,EAAiB,MAAM,yBAAyB,CAAC;AAYvE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,KAAK,EACL,MAAM,GAGP,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CACb,2BAA2B,EAC3B,cAAc,EACd,aAAa,CAAC,YAAY,CAC3B,EACD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,YAAY,CAAC,iBAC7B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,aAE9B,YACE,SAAS,EAAE,IAAI,CACb,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,2BAA2B,CAC5B,iBACY,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,YAEzB,KAAK,GACJ,EACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;;gBACnC,OAAO,CACL,eAEE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,gBAAgB,EAChB,SAAS,EAET,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAA,IAAI,mBAAmB,EACzC,aAAa,CAAC,eAAe,CAC9B,EACD,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAG,aAAa,CAAC,eAAe,CAAC,iBAC7C,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,cAAc,aAGlC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,CACpB,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC1B,GAAG,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACtB,GAAG,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,GACvB,CACH,EAEA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CACrB,cACE,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,2BAA2B,EAC3B,cAAc,EACd,cAAc,CACf,EACD,uBAAuB,EAAE;gCACvB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,EAAE,EAAE;oCACnD,QAAQ,EAAE,IAAI;iCACf,CAAC;6BACH,GACI,CACR,EAEA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CACrB,cAAK,GAAG,EAAE,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,qBAAqB,KAAK,EAAE,GAAI,CACnE,KAzCI,qBAAqB,KAAK,EAAE,CA0C7B,CACP,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"FrankieInstructionList.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieInstructionList/FrankieInstructionList.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,aAAa,EAAiB,MAAM,yBAAyB,CAAC;AAavE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,KAAK,EACL,MAAM,GAAG;IACP,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,cAAc,EAAE,EAAE;IAClB,OAAO,EAAE,IAAI;CACd,GAGF,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CACb,2BAA2B,EAC3B,cAAc,EACd,aAAa,CAAC,YAAY,CAC3B,EACD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,YAAY,CAAC,iBAC7B,MAAM,CAAC,SAAS,aAE7B,YACE,SAAS,EAAE,IAAI,CACb,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,SAAS,EACT,2BAA2B,CAC5B,iBACY,MAAM,CAAC,KAAK,YAExB,KAAK,GACJ,EACH,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;;gBACnC,OAAO,CACL,eAEE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,gBAAgB,EAChB,SAAS,EAET,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAA,IAAI,mBAAmB,EACzC,aAAa,CAAC,eAAe,CAC9B,EACD,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAG,aAAa,CAAC,eAAe,CAAC,iBAC7C,MAAM,CAAC,cAAc,aAEjC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,CACpB,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC1B,GAAG,EAAE,MAAA,MAAM,CAAC,OAAO,mCAAI,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,EACxC,GAAG,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,GACvB,CACH,EAEA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CACrB,cACE,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,2BAA2B,EAC3B,cAAc,EACd,cAAc,CACf,EACD,uBAAuB,EAAE;gCACvB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,EAAE,EAAE;oCACnD,QAAQ,EAAE,IAAI;iCACf,CAAC;6BACH,GACI,CACR,EAEA,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,KAAI,CACrB,cACE,GAAG,EAAE,MAAA,MAAM,CAAC,OAAO,mCAAI,WAAW,CAAC,KAAK,EACxC,GAAG,EAAE,qBAAqB,KAAK,EAAE,GACjC,CACH,KA3CI,qBAAqB,KAAK,EAAE,CA4C7B,CACP,CAAC;YACJ,CAAC,CAAC,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankiePhoneField/FrankiePhoneField.d.ts

@@ -0,0 +1,25 @@
+/// <reference types="react" />
+import { Control, FieldValues, Path, RegisterOptions } from 'react-hook-form';
+import { FrankieSelectOptions } from '../../../types/form';
+import { FrankieTextInputTypes } from '../../../types/form/formTypes/textFields.types';
+type ControlType<TFieldValues extends FieldValues> = {
+    label?: string;
+    placeholder?: {
+        cc: string;
+        phoneNumber?: string;
+    };
+    rules?: RegisterOptions<TFieldValues, Path<TFieldValues>>;
+    options?: FrankieSelectOptions[];
+    emptyText?: string;
+    type?: FrankieTextInputTypes;
+};
+export type FrankiePhoneFieldTypeProps<TFieldValues extends FieldValues> = {
+    control: Control<TFieldValues>;
+    name: Path<TFieldValues>;
+} & ControlType<TFieldValues>;
+declare const FrankiePhoneField: import("react").ForwardRefExoticComponent<{
+    control: Control<FieldValues>;
+    name: string;
+} & ControlType<FieldValues> & import("react").RefAttributes<HTMLDivElement>>;
+export default FrankiePhoneField;
+//# sourceMappingURL=FrankiePhoneField.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankiePhoneField/FrankiePhoneField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankiePhoneField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankiePhoneField/FrankiePhoneField.tsx"],"names":[],"mappings":";AAKA,OAAO,EACL,OAAO,EAEP,WAAW,EACX,IAAI,EACJ,eAAe,EAEhB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAIvF,KAAK,WAAW,CAAC,YAAY,SAAS,WAAW,IAAI;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW,CAAC,EAAE;QACZ,EAAE,EAAE,MAAM,CAAC;QACX,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAC1D,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,0BAA0B,CAAC,YAAY,SAAS,WAAW,IAAI;IACzE,OAAO,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC/B,IAAI,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;CAC1B,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;AAE9B,QAAA,MAAM,iBAAiB;;;6EAmJtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankiePhoneField/FrankiePhoneField.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-len */
+/* eslint-disable @typescript-eslint/consistent-type-imports */
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Controller, useController, } from 'react-hook-form';
+import { icons } from '../../../constants/icons.js';
+import Input from '../../base/SharedInput/Input.js';
+import { SelectFormField } from '../../base/SharedSelect/Select.js';
+const FrankiePhoneField = forwardRef(({ control, name, emptyText, label, options, placeholder, rules, type, }, ref) => {
+    const { field: countryCodeField, formState: countryCodeState } = useController({
+        name: 'code',
+        control: control,
+    });
+    const { field: phoneNumberField, formState: phoneNumberState } = useController({
+        name: 'number',
+        control: control,
+    });
+    return (_jsx(Controller, { control: control, name: name, render: ({ field }) => {
+            var _a, _b, _c, _d;
+            const inputDate = field.value
+                ? field.value.split('-')
+                : '-'.split('-');
+            const code = inputDate[0];
+            const number = inputDate[1];
+            return (_jsxs("div", { children: [_jsx("div", { className: clsx('f1-w-full', 'f1-py-2'), children: _jsx("label", { htmlFor: name, className: clsx('f1-text-tertiary-grey-800', 'f1-text-sm', 'f1-font-medium', 'f1-w-full', 'f1-py-2'), children: label }) }), _jsxs("div", { className: clsx('f1-w-full', 'f1-h-auto', 'f1-flex', 'f1-relative', `${countryCodeState.errors.code ||
+                            phoneNumberState.errors.number
+                            ? 'f1-mb-6'
+                            : 'f1-mb-0'}`), ref: ref, children: [_jsx(SelectFormField, Object.assign({}, countryCodeField, { control: control, name: "code", placeholder: placeholder.cc, emptyText: emptyText !== null && emptyText !== void 0 ? emptyText : 'No record found', className: clsx('!f1-w-[138px]'), inputClassName: clsx('!f1-rounded-l-sm', '!f1-border-r-[0px]', '!f1-rounded-[0px]', {
+                                    '!f1-bg-[#e8f0ff]': !countryCodeState.errors.code,
+                                }), options: options !== null && options !== void 0 ? options : [], autocomplete: true, rules: {
+                                    required: rules === null || rules === void 0 ? void 0 : rules.required,
+                                }, hideError: true, onChange: (e) => {
+                                    field.onChange(`${e.target.value || ''}-${number || ''}`);
+                                } })), _jsx(Input, Object.assign({ control: control }, phoneNumberField, { type: type, inputClassName: clsx('!f1-rounded-r-sm', '!f1-rounded-[0px]'), name: "number", placeholder: placeholder.phoneNumber, rules: Object.assign({}, rules), hideError: true, onChange: (e) => {
+                                    field.onChange(`${code || ''}-${e.target.value || ''}`);
+                                } })), (countryCodeState.errors.code ||
+                                countryCodeState.errors.number) && (_jsx("div", { children: _jsx("div", { className: clsx('f1-flex', 'f1-flex-col', 'f1-gap-1', 'f1-text-[14px]', 'f1-absolute', 'f1-left-0', 'f1-bottom-[-20px]'), children: _jsxs("div", { className: clsx('f1-flex', 'f1-text-tertiary-red-600'), children: [(countryCodeState.errors.code ||
+                                                countryCodeState.errors.number) && (_jsx("img", { className: clsx('f1-mr-1'), src: icons.alertCircleOutline })), (((_b = (_a = countryCodeState.errors) === null || _a === void 0 ? void 0 : _a.code) === null || _b === void 0 ? void 0 : _b.message) ||
+                                                ((_d = (_c = countryCodeState.errors) === null || _c === void 0 ? void 0 : _c.number) === null || _d === void 0 ? void 0 : _d.message))] }) }) }))] })] }));
+        } }));
+});
+export default FrankiePhoneField;
+//# sourceMappingURL=FrankiePhoneField.js.map

package/dist/esm/modules/form/vendors/react/components/view/FrankiePhoneField/FrankiePhoneField.js.map

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

package/dist/esm/modules/form/vendors/react/components/view/FrankieReviewDocumentList/FrankieReviewDocumentList.d.ts

@@ -0,0 +1,25 @@
+import type { Content } from '../../../appConfig.type';
+import type { ManualReduxFormKeys } from '../../../redux/slices/manualSlice';
+export type FrankieEditDocuments<EType extends string = string> = {
+    type: ManualReduxFormKeys;
+    title: Content;
+    details: Content[];
+} & (EType extends 'response' ? {
+    index: number;
+} : NonNullable<unknown>);
+type Props = {
+    items?: FrankieEditDocuments[];
+    onSelect: (selectedItem: FrankieEditDocuments<'response'>) => void;
+    testid?: {
+        container?: string;
+        label?: string;
+        detailWrapper?: string;
+        detailLabel?: string;
+        detailSubText?: string;
+        image?: string;
+        mockImg?: string | null;
+    };
+};
+declare const FrankieManualEditCardList: ({ items, onSelect, testid, }: Props) => import("react/jsx-runtime").JSX.Element[];
+export default FrankieManualEditCardList;
+//# sourceMappingURL=FrankieReviewDocumentList.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieReviewDocumentList/FrankieReviewDocumentList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieReviewDocumentList.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieReviewDocumentList/FrankieReviewDocumentList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,MAAM,MAAM,oBAAoB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI;IAChE,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;CACpB,GAAG,CAAC,KAAK,SAAS,UAAU,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAE1E,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,YAAY,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IACnE,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,aAAa,CAAC,EAAE,MAAM,CAAC;QAEvB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACzB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,yBAAyB,iCAY5B,KAAK,8CA+EP,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieReviewDocumentList/FrankieReviewDocumentList.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useCallback } from 'react';
+import { icons } from '../../../constants/icons.js';
+const FrankieManualEditCardList = ({ items = [], onSelect, testid = {
+    container: '',
+    label: '',
+    detailWrapper: '',
+    detailLabel: '',
+    detailSubText: '',
+    image: '',
+    mockImg: null,
+}, }) => {
+    const reviewDocumentInformationList = useCallback((item, index) => {
+        var _a, _b, _c, _d;
+        return (_jsxs("div", { "data-testid": testid.container, children: [_jsxs("div", { className: clsx('f1-flex', 'f1-justify-between'), children: [_jsxs("div", { className: clsx('f1-flex', 'f1-flex-col', 'f1-gap-2'), children: [_jsx("h3", { className: clsx('f1-m-0', 'f1-text-[#1F2A37]', 'f1-font-semibold', 'f1-text-lg'), "data-testid": testid.label, children: (_a = item.title) === null || _a === void 0 ? void 0 : _a.label }), _jsx("div", { children: (_b = item === null || item === void 0 ? void 0 : item.details) === null || _b === void 0 ? void 0 : _b.map((detail, dIndex) => {
+                                        return (_jsxs("div", { "data-testid": testid.detailWrapper, className: clsx({
+                                                'f1-mb-2': dIndex !== item.details.length - 1,
+                                            }), children: [_jsx("div", { className: clsx('f1-text-[#1F2A37]', 'f1-font-medium', 'f1-text-sm'), "data-testid": testid.detailLabel, children: detail.label }), _jsx("div", { className: clsx('f1-text-[#374151]', 'f1-font-normal', 'f1-text-md', 'f1-leading-6'), "data-testid": testid.detailSubText, children: detail.subText })] }, `f1-manual-edit-card-${dIndex}`));
+                                    }) })] }), _jsx("div", { children: _jsx("img", { className: clsx('f1-cursor-pointer'), src: (_c = testid.mockImg) !== null && _c !== void 0 ? _c : icons.editIcon, alt: "Action Icon", onClick: () => onSelect(Object.assign(Object.assign({}, item), { index })), "data-testid": testid.image }) })] }), items.length - 1 !== index && (_jsx("div", { className: clsx('f1-w-full', 'f1-h-[1px]', 'f1-bg-tertiary-grey-200', 'f1-my-4') }))] }, (_d = item === null || item === void 0 ? void 0 : item.title) === null || _d === void 0 ? void 0 : _d.label));
+    }, [items]);
+    return items === null || items === void 0 ? void 0 : items.map(reviewDocumentInformationList);
+};
+export default FrankieManualEditCardList;
+//# sourceMappingURL=FrankieReviewDocumentList.js.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieReviewDocumentList/FrankieReviewDocumentList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieReviewDocumentList.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieReviewDocumentList/FrankieReviewDocumentList.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AA0BjD,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,MAAM,GAAG;IACP,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,EAAE;IACjB,KAAK,EAAE,EAAE;IACT,OAAO,EAAE,IAAI;CACd,GACK,EAAE,EAAE;IACV,MAAM,6BAA6B,GAAG,WAAW,CAC/C,CAAC,IAA0B,EAAE,KAAa,EAAE,EAAE;;QAAC,OAAA,CAC7C,8BAA2C,MAAM,CAAC,SAAS,aACzD,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,oBAAoB,CAAC,aACnD,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,CAAC,aACxD,aACE,SAAS,EAAE,IAAI,CACb,QAAQ,EACR,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,CACb,iBACY,MAAM,CAAC,KAAK,YAExB,MAAA,IAAI,CAAC,KAAK,0CAAE,KAAK,GACf,EACL,wBACG,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,0CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE;wCACrC,OAAO,CACL,8BACe,MAAM,CAAC,aAAa,EAEjC,SAAS,EAAE,IAAI,CAAC;gDACd,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC;6CAC9C,CAAC,aAEF,cACE,SAAS,EAAE,IAAI,CACb,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,CACb,iBACY,MAAM,CAAC,WAAW,YAE9B,MAAM,CAAC,KAAK,GACT,EACN,cACE,SAAS,EAAE,IAAI,CACb,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,cAAc,CACf,iBACY,MAAM,CAAC,aAAa,YAEhC,MAAM,CAAC,OAAO,GACX,KAzBD,uBAAuB,MAAM,EAAE,CA0BhC,CACP,CAAC;oCACJ,CAAC,CAAC,GACE,IACF,EACN,wBACE,cACE,SAAS,EAAE,IAAI,CAAC,mBAAmB,CAAC,EACpC,GAAG,EAAE,MAAA,MAAM,CAAC,OAAO,mCAAI,KAAK,CAAC,QAAQ,EACrC,GAAG,EAAC,aAAa,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,iCAAM,IAAI,KAAE,KAAK,IAAG,iBAC9B,MAAM,CAAC,KAAK,GACzB,GACE,IACF,EACL,KAAK,CAAC,MAAM,GAAG,CAAC,KAAK,KAAK,IAAI,CAC7B,cACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,YAAY,EACZ,yBAAyB,EACzB,SAAS,CACV,GACI,CACR,KArEO,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,KAAK,CAsEtB,CACP,CAAA;KAAA,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,6BAA6B,CAAC,CAAC;AACnD,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/ManualAddress/ManualAddress.d.ts

@@ -1,26 +1,15 @@
-import type { FrankieSelectOptions } from '../../../types/form';
+import { type Control, type FieldValues } from 'react-hook-form';
+import type { FormField, InputConfigType } from '../../../appConfig.type';
 import type { Dispatch, SetStateAction } from 'react';
-import type { Control, FieldValues, Path, RegisterOptions } from 'react-hook-form';
-type ControlType<MType> = {
-    label?: string;
-    name: Path<MType>;
-    placeholder?: string;
-    rules?: RegisterOptions<MType, Path<MType>>;
-    options?: FrankieSelectOptions[];
-};
-export type ManualAddressControlName<MType> = {
-    unitNumber: ControlType<MType>;
-    streetNumber: ControlType<MType>;
-    streetName: ControlType<MType>;
-    town: ControlType<MType>;
-    state: ControlType<MType>;
-    postcode: ControlType<MType>;
-};
-type PropsType<MType extends FieldValues> = {
+type PropsType<MType extends FieldValues, IType extends InputConfigType> = {
     onActionChange: Dispatch<SetStateAction<boolean>>;
     control: Control<MType>;
-    config?: ManualAddressControlName<MType>;
+    config?: FormField<IType>[];
+    testid?: {
+        mockImg?: string;
+    };
+    onChange?: (e: React.ChangeEvent<HTMLInputElement | HTMLSelectElement>) => void;
 };
-declare const ManualAddress: <MType extends FieldValues>({ onActionChange, control, config, }: PropsType<MType>) => import("react/jsx-runtime").JSX.Element;
+declare const ManualAddress: <MType extends FieldValues, IType extends InputConfigType>({ onActionChange, control, config, testid, onChange, }: PropsType<MType, IType>) => import("react/jsx-runtime").JSX.Element;
 export default ManualAddress;
 //# sourceMappingURL=ManualAddress.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/ManualAddress/ManualAddress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ManualAddress.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/ManualAddress/ManualAddress.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,oBAAoB,EAErB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAGzB,KAAK,WAAW,CAAC,KAAK,IAAI;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC5C,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,wBAAwB,CAAC,KAAK,IAAI;IAC5C,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B,YAAY,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IACzB,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1B,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;CAC9B,CAAC;AAEF,KAAK,SAAS,CAAC,KAAK,SAAS,WAAW,IAAI;IAC1C,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,MAAM,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;CAC1C,CAAC;AAEF,QAAA,MAAM,aAAa,oEAIhB,UAAU,KAAK,CAAC,4CA2DlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ManualAddress.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/ManualAddress/ManualAddress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAOjE,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1E,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtD,KAAK,SAAS,CAAC,KAAK,SAAS,WAAW,EAAE,KAAK,SAAS,eAAe,IAAI;IACzE,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;IAC5B,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,GAAG,iBAAiB,CAAC,KACvD,IAAI,CAAC;CACX,CAAC;AAEF,QAAA,MAAM,aAAa,qHAShB,UAAU,KAAK,EAAE,KAAK,CAAC,4CAwFzB,CAAC;AAEF,eAAe,aAAa,CAAC"}