@frankieone/one-sdk 1.4.4-beta → 1.5.0-rc

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.d.ts

@@ -0,0 +1,2 @@
+export declare const BASE_COMPONENTS_KEY = "base_components_key";
+//# sourceMappingURL=baseComponent.key.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponent.key.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/baseComponent.key.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,wBAAwB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.js

@@ -0,0 +1,2 @@
+export const BASE_COMPONENTS_KEY = "base_components_key";
+//# sourceMappingURL=baseComponent.key.js.map

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponent.key.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/baseComponent.key.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.d.ts

@@ -0,0 +1,61 @@
+export declare const frankieTextAreaQa: {
+    container: "base_components_key-frankie-text-area-qa-container";
+    input: "base_components_key-frankie-text-area-qa-input";
+    label: "base_components_key-frankie-text-area-qa-label";
+    tag: "base_components_key-frankie-text-area-qa-tag";
+    supportingText: "base_components_key-frankie-text-area-qa-supportingText";
+    closeCta: "base_components_key-frankie-text-area-qa-closeCta";
+    option: "base_components_key-frankie-text-area-qa-option";
+    actionBtn: "base_components_key-frankie-text-area-qa-action-btn";
+};
+export declare const selectFieldQa: {
+    container: "base_components_key-frankie-select-field-qa-container";
+    input: "base_components_key-frankie-select-field-qa-input";
+    label: "base_components_key-frankie-select-field-qa-label";
+    tag: "base_components_key-frankie-select-field-qa-tag";
+    supportingText: "base_components_key-frankie-select-field-qa-supportingText";
+    closeCta: "base_components_key-frankie-select-field-qa-closeCta";
+    option: "base_components_key-frankie-select-field-qa-option";
+};
+export declare const frankieTextFieldQa: {
+    container: "base_components_key-frankie-text-field-qa-container";
+    input: "base_components_key-frankie-text-field-qa-input";
+    label: "base_components_key-frankie-text-field-qa-label";
+    tag: "base_components_key-frankie-text-field-qa-tag";
+    helperText: "base_components_key-frankie-text-field-qa-supportingText";
+    closeCta: "base_components_key-frankie-text-field-qa-closeCta";
+    option: "base_components_key-frankie-text-field-qa-option";
+    actionBtn: "base_components_key-frankie-text-field-qa-action-btn";
+    showPassword: "base_components_key-frankie-text-field-qa-show-password";
+    counter: "base_components_key-frankie-text-field-qa-counter";
+};
+export declare const sharedSelectFieldQa: {
+    container: "base_components_key-shared-select-field-qa-container";
+    input: "base_components_key-shared-select-field-qa-input";
+    label: "base_components_key-shared-select-field-qa-label";
+    tag: "base_components_key-shared-select-field-qa-tag";
+    supportingText: "base_components_key-shared-select-field-qa-supportingText";
+    closeCta: "base_components_key-shared-select-field-qa-closeCta";
+    option: "base_components_key-shared-select-field-qa-option";
+};
+export declare const sharedTextAreaQa: {
+    container: "base_components_key-frankie-text-area-qa-container";
+    input: "base_components_key-frankie-text-area-qa-input";
+    label: "base_components_key-frankie-text-area-qa-label";
+    tag: "base_components_key-frankie-text-area-qa-tag";
+    supportingText: "base_components_key-frankie-text-area-qa-supportingText";
+    closeCta: "base_components_key-frankie-text-area-qa-closeCta";
+    option: "base_components_key-frankie-text-area-qa-option";
+    actionBtn: "base_components_key-frankie-text-area-qa-action-btn";
+};
+export declare const sharedInputQa: {
+    container: "base_components_key-shared-input-qa-container";
+    input: "base_components_key-shared-input-qa-input";
+    label: "base_components_key-shared-input-qa-label";
+    tag: "base_components_key-shared-input-qa-tag";
+    helperText: "base_components_key-shared-input-qa-supportingText";
+    closeCta: "base_components_key-shared-input-qa-closeCta";
+    option: "base_components_key-shared-input-qa-option";
+    showPassword: "base_components_key-shared-input-qa-show-password";
+};
+//# sourceMappingURL=base.qa.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.qa.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/qa/base.qa.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;;;;;;;CASmC,CAAC;AAIlE,eAAO,MAAM,aAAa;;;;;;;;CAQ0C,CAAC;AAIrE,eAAO,MAAM,kBAAkB;;;;;;;;;;;CAWmC,CAAC;AAInE,eAAO,MAAM,mBAAmB;;;;;;;;CAQmC,CAAC;AAIpE,eAAO,MAAM,gBAAgB;;;;;;;;;CASmC,CAAC;AAIjE,eAAO,MAAM,aAAa;;;;;;;;;CASmC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.js

@@ -0,0 +1,68 @@
+import { BASE_COMPONENTS_KEY as BCK } from "../baseComponent.key.js";
+const FrankieTextArea = `${BCK}-frankie-text-area-qa`;
+export const frankieTextAreaQa = {
+    container: `${FrankieTextArea}-container`,
+    input: `${FrankieTextArea}-input`,
+    label: `${FrankieTextArea}-label`,
+    tag: `${FrankieTextArea}-tag`,
+    supportingText: `${FrankieTextArea}-supportingText`,
+    closeCta: `${FrankieTextArea}-closeCta`,
+    option: `${FrankieTextArea}-option`,
+    actionBtn: `${FrankieTextArea}-action-btn`,
+};
+const FrankieSelectField = `${BCK}-frankie-select-field-qa`;
+export const selectFieldQa = {
+    container: `${FrankieSelectField}-container`,
+    input: `${FrankieSelectField}-input`,
+    label: `${FrankieSelectField}-label`,
+    tag: `${FrankieSelectField}-tag`,
+    supportingText: `${FrankieSelectField}-supportingText`,
+    closeCta: `${FrankieSelectField}-closeCta`,
+    option: `${FrankieSelectField}-option`,
+};
+const FrankieTextField = `${BCK}-frankie-text-field-qa`;
+export const frankieTextFieldQa = {
+    container: `${FrankieTextField}-container`,
+    input: `${FrankieTextField}-input`,
+    label: `${FrankieTextField}-label`,
+    tag: `${FrankieTextField}-tag`,
+    helperText: `${FrankieTextField}-supportingText`,
+    closeCta: `${FrankieTextField}-closeCta`,
+    option: `${FrankieTextField}-option`,
+    actionBtn: `${FrankieTextField}-action-btn`,
+    showPassword: `${FrankieTextField}-show-password`,
+    counter: `${FrankieTextField}-counter`,
+};
+const SharedSelectField = `${BCK}-shared-select-field-qa`;
+export const sharedSelectFieldQa = {
+    container: `${SharedSelectField}-container`,
+    input: `${SharedSelectField}-input`,
+    label: `${SharedSelectField}-label`,
+    tag: `${SharedSelectField}-tag`,
+    supportingText: `${SharedSelectField}-supportingText`,
+    closeCta: `${SharedSelectField}-closeCta`,
+    option: `${SharedSelectField}-option`,
+};
+const SharedTextArea = `${BCK}-frankie-text-area-qa`;
+export const sharedTextAreaQa = {
+    container: `${SharedTextArea}-container`,
+    input: `${SharedTextArea}-input`,
+    label: `${SharedTextArea}-label`,
+    tag: `${SharedTextArea}-tag`,
+    supportingText: `${SharedTextArea}-supportingText`,
+    closeCta: `${SharedTextArea}-closeCta`,
+    option: `${SharedTextArea}-option`,
+    actionBtn: `${SharedTextArea}-action-btn`,
+};
+const sharedInput = `${BCK}-shared-input-qa`;
+export const sharedInputQa = {
+    container: `${sharedInput}-container`,
+    input: `${sharedInput}-input`,
+    label: `${sharedInput}-label`,
+    tag: `${sharedInput}-tag`,
+    helperText: `${sharedInput}-supportingText`,
+    closeCta: `${sharedInput}-closeCta`,
+    option: `${sharedInput}-option`,
+    showPassword: `${sharedInput}-show-password`,
+};
+//# sourceMappingURL=base.qa.js.map

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.js.map

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

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

@@ -0,0 +1,13 @@
+import type { FrankieActionFieldProps } from '../../base/FrankieActionField/FrankieActionField';
+import type { InputProps } from '../../base/SharedInput/Input';
+import type { SelectProps } from '../../base/SharedSelect/Select';
+import type { FrankieAddressProps } from '../FrankieAddress/FrankieAddress';
+import type { FieldValues } from 'react-hook-form';
+type ControlType<CType extends FieldTypes, FValues extends FieldValues> = (CType extends 'input' ? Omit<InputProps<FValues>, 'options'> : NonNullable<unknown>) & (CType extends 'select' ? SelectProps<FValues, string> : NonNullable<unknown>) & (CType extends 'address' ? FrankieAddressProps<FValues> : NonNullable<unknown>);
+type FieldTypes = 'input' | 'select' | 'address';
+export type ActionFormFieldProps<FValues extends FieldValues, FType extends FieldTypes = FieldTypes> = {
+    config: FrankieActionFieldProps<boolean>;
+} & ControlType<FType, FValues>;
+declare const ActionFormField: <FValues extends FieldValues>({ config, ...restProps }: ActionFormFieldProps<FValues>) => import("react/jsx-runtime").JSX.Element;
+export default ActionFormField;
+//# sourceMappingURL=ActionFormField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionFormField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/ActionFormField/ActionFormField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAChG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,KAAK,WAAW,CACd,KAAK,SAAS,UAAU,EACxB,OAAO,SAAS,WAAW,IACzB,CAAC,KAAK,SAAS,OAAO,GACtB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,GACpC,WAAW,CAAC,OAAO,CAAC,CAAC,GACvB,CAAC,KAAK,SAAS,QAAQ,GACnB,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,GAC5B,WAAW,CAAC,OAAO,CAAC,CAAC,GACzB,CAAC,KAAK,SAAS,SAAS,GACpB,mBAAmB,CAAC,OAAO,CAAC,GAC5B,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAE5B,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,oBAAoB,CAC9B,OAAO,SAAS,WAAW,EAC3B,KAAK,SAAS,UAAU,GAAG,UAAU,IACnC;IACF,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;CAC1C,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEhC,QAAA,MAAM,eAAe,0DAGlB,qBAAqB,OAAO,CAAC,4CAgD/B,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,42 @@
+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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useController } from 'react-hook-form';
+import FrankieActionField from '../../base/FrankieActionField/FrankieActionField.js';
+import Input from '../../base/SharedInput/Input.js';
+import { SelectFormField } from '../../base/SharedSelect/Select.js';
+import FrankieAddress from '../FrankieAddress/FrankieAddress.js';
+const ActionFormField = (_a) => {
+    var _b;
+    var { config } = _a, restProps = __rest(_a, ["config"]);
+    const { field, fieldState } = useController({
+        control: config === null || config === void 0 ? void 0 : config['control'],
+        name: `${config === null || config === void 0 ? void 0 : config['name']}ShowToggle`,
+        defaultValue: null,
+        rules: {
+            required: 'Please let us know if you have any middle names',
+        },
+    });
+    const handleSelectValue = (value) => {
+        field.onChange(field.value === value ? null : value);
+    };
+    const fields = {
+        input: (_jsx(Input, Object.assign({}, config, restProps))),
+        address: (_jsx(FrankieAddress, Object.assign({}, config, restProps))),
+        select: (_jsx(SelectFormField, Object.assign({}, config, restProps))),
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(FrankieActionField, Object.assign({}, config, { onChange: handleSelectValue, currentValue: field.value, 
+                // error={fieldState === null ? config.error : null}
+                error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message })), field.value && _jsx(_Fragment, { children: fields[config === null || config === void 0 ? void 0 : config['fieldType']] })] }));
+};
+export default ActionFormField;
+//# sourceMappingURL=ActionFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionFormField.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/ActionFormField/ActionFormField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,cAAc,MAAM,kCAAkC,CAAC;AA+B9D,MAAM,eAAe,GAAG,CAA8B,EAGtB,EAAE,EAAE;;QAHkB,EACpD,MAAM,OAEwB,EAD3B,SAAS,cAFwC,UAGrD,CADa;IAEZ,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;QAC1C,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,SAAS,CAAC;QAC5B,IAAI,EAAE,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,MAAM,CAAC,YAAY;QACrC,YAAY,EAAE,IAAI;QAClB,KAAK,EAAE;YACL,QAAQ,EAAE,iDAAiD;SAC5D;KACF,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC3C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,MAAM,GAAkC;QAC5C,KAAK,EAAE,CACL,KAAC,KAAK,oBACC,MAAyC,EACzC,SAAiC,EACtC,CACH;QACD,OAAO,EAAE,CACP,KAAC,cAAc,oBACT,MAAM,EACL,SAAqD,EAC1D,CACH;QACD,MAAM,EAAE,CACN,KAAC,eAAe,oBACT,MAAkD,EAClD,SAAqD,EAC1D,CACH;KACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,kBAAkB,oBACb,MAAM,IACV,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,KAAK,CAAC,KAAK;gBACzB,oDAAoD;gBACpD,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,0CAAE,OAAO,IAChC,EAED,KAAK,CAAC,KAAK,IAAI,4BAAG,MAAM,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,CAAC,GAAI,IACnD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,13 @@
+import type { ManualAddressControlName } from "../ManualAddress/ManualAddress";
+import type { Control, FieldValues, Path, RegisterOptions } from "react-hook-form";
+export type FrankieAddressProps<AType extends FieldValues> = {
+    control: Control<AType>;
+    name: Path<AType>;
+    manualAddressConfig: ManualAddressControlName<AType>;
+    label: string;
+    isManual?: boolean;
+    rules?: RegisterOptions<AType, Path<AType>>;
+};
+declare const FrankieAddress: <AType extends FieldValues>({ control, name, manualAddressConfig, isManual, label, }: FrankieAddressProps<AType>) => import("react/jsx-runtime").JSX.Element;
+export default FrankieAddress;
+//# sourceMappingURL=FrankieAddress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieAddress.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,WAAW,IAAI;IAC3D,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAClB,mBAAmB,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,cAAc,wFAMjB,oBAAoB,KAAK,CAAC,4CAmC5B,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect } from "react";
+import ManualAddress from "../ManualAddress/ManualAddress.js";
+import SearchableAddress from "../SearchableAddress/SearchableAddress.js";
+const FrankieAddress = ({ control, name, manualAddressConfig, isManual, label, }) => {
+    const [manual, setIsManual] = React.useState(false);
+    useEffect(() => {
+        setIsManual(isManual);
+    }, [isManual]);
+    // a flag to determine which format (auto/manual) to submit
+    useEffect(() => {
+        control._formValues.address.isAddedByCustomer = manual;
+    }, [manual]);
+    return (_jsx(_Fragment, { children: !manual
+            ? (_jsx(SearchableAddress, { label: label, onActionChange: setIsManual, control: control, isManual: manual, name: name, autoSuggestShowAfter: 3, autoSuggestion: true }))
+            : (_jsx(ManualAddress, { control: control, config: manualAddressConfig, onActionChange: setIsManual })) }));
+};
+export default FrankieAddress;
+//# sourceMappingURL=FrankieAddress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieAddress.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AAmBvE,MAAM,cAAc,GAAG,CAA4B,EACjD,OAAO,EACP,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACsB,EAAE,EAAE;IAC/B,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,4BACG,CAAC,MAAM;YACN,CAAC,CAAC,CACA,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,WAAW,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,CAAC,EACvB,cAAc,SACd,CACH;YACD,CAAC,CAAC,CACA,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,mBAAmB,EAC3B,cAAc,EAAE,WAAW,GAC3B,CACH,GACF,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,11 @@
+import type { Content, IDocuments, Styles } from '../../../appConfig.type';
+interface IdSelectionProps {
+    content: IDocuments[];
+    onSelect?: (instruction: IDocuments) => void;
+    subtitle?: Content;
+    style?: Styles;
+    testId?: string;
+}
+declare const FrankieCardList: ({ content, subtitle, onSelect, style, testId, }: IdSelectionProps) => import("react/jsx-runtime").JSX.Element;
+export default FrankieCardList;
+//# sourceMappingURL=FrankieCardList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieCardList.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieCardList/FrankieCardList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC3E,UAAU,gBAAgB;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,eAAe,oDAMlB,gBAAgB,4CAkHlB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import DOMPurify from 'dompurify';
+import { useCallback } from 'react';
+import { ConfigCSSKeys } from '../../../appConfig.type.js';
+import { icons } from '../../../constants/icons.js';
+const FrankieCardList = ({ content, subtitle, onSelect, style, testId, }) => {
+    var _a, _b;
+    const frankieCard = useCallback((instruction, index) => {
+        var _a, _b;
+        return (_jsxs("div", { "data-testid": `${testId}-${index}`, className: clsx('f1-flex', 'f1-justify-between', 'f1-items-center', 'f1-px-4', 'f1-h-[73px]', 'f1-cursor-pointer', 'f1-rounded-[6px]', 'f1-border-solid', 'f1-border-[1px]', 'f1-text-tertiary-grey-700', 'hover:f1-bg-tertiary-grey-100', 'f1-border-tertiary-grey-200', 'focus:f1-bg-[#E7F0FF]', 'focus:f1-border-[3px]', ConfigCSSKeys.documentItem), style: (_a = instruction === null || instruction === void 0 ? void 0 : instruction.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.documentItem], tabIndex: 0, onClick: () => onSelect(instruction), children: [_jsxs("div", { className: clsx('f1-w-auto', 'f1-flex', 'f1-justify-evenly', 'f1-items-center', 'f1-h-full', 'f1-gap-2'), children: [(instruction === null || instruction === void 0 ? void 0 : instruction.icon) && _jsx("img", { src: instruction === null || instruction === void 0 ? void 0 : instruction.icon }), _jsxs("div", { className: clsx('f1-h-full', 'f1-flex', 'f1-flex-col', 'f1-justify-center', 'f1-gap-1'), children: [_jsx("h5", { className: clsx('f1-text-md', 'f1-m-0', 'f1-p-0', 'f1-text-tertiary-grey-700'), children: instruction.label }), (instruction === null || instruction === void 0 ? void 0 : instruction.subtitle) && (_jsx("p", { className: clsx('f1-font-semibold', 'f1-text-xs', 'f1-m-0', 'f1-p-0', 'f1-text-tertiary-grey-500', 'hover:f1-text-tertiary-grey-600'), children: instruction === null || instruction === void 0 ? void 0 : instruction.subtitle }))] })] }), _jsx("div", { className: clsx('my-auto'), children: _jsx("img", { src: (_b = instruction === null || instruction === void 0 ? void 0 : instruction.postIcon) !== null && _b !== void 0 ? _b : icons.rightArrowIcon }) })] }, `instructions-list-${index}`));
+    }, [content]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: clsx('f1-flex', 'f1-gap-6', 'f1-flex-col', 'f1-justify-between', 'f1-my-6', ConfigCSSKeys.documents), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.documents], children: content === null || content === void 0 ? void 0 : content.map(frankieCard) }), (subtitle === null || subtitle === void 0 ? void 0 : subtitle.label) && (_jsx("p", { className: clsx('f1-text-sm', 'f1-text-tertiary-grey-500', ConfigCSSKeys.subtitle), style: (_a = subtitle === null || subtitle === void 0 ? void 0 : subtitle.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.subtitle], dangerouslySetInnerHTML: {
+                    __html: DOMPurify.sanitize((_b = subtitle === null || subtitle === void 0 ? void 0 : subtitle.label) !== null && _b !== void 0 ? _b : '', {
+                        sanitize: true,
+                    }),
+                } }))] }));
+};
+export default FrankieCardList;
+//# sourceMappingURL=FrankieCardList.js.map

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

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

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

@@ -6,8 +6,14 @@ export interface CheckboxFnProps {
 interface CheckboxProps extends ListInfo {
     content: Content[];
     style?: Styles;
+    testId?: {
+        container?: string;
+        inputWrapper?: string;
+        input?: string;
+        label?: string;
+    };
     onChange?: (item: CheckboxFnProps) => void;
 }
-declare const FrankieCheckbox: ({ content, style, onChange }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+declare const FrankieCheckbox: ({ content, style, onChange, testId }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default FrankieCheckbox;
 //# sourceMappingURL=FrankieCheckbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FrankieCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieCheckbox/FrankieCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,MAAM,EACZ,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,aAAc,SAAQ,QAAQ;IACtC,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,eAAe,iCAAkC,aAAa,4CAiDnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FrankieCheckbox.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieCheckbox/FrankieCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,QAAQ,EACb,KAAK,MAAM,EACZ,MAAM,yBAAyB,CAAC;AAEjC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;CAErB;AAED,UAAU,aAAc,SAAQ,QAAQ;IACtC,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAC;QACN,SAAS,CAAC,EAAC,MAAM,CAAC;QAClB,YAAY,CAAC,EAAC,MAAM,CAAC;QACrB,KAAK,CAAC,EAAC,MAAM,CAAC;QACd,KAAK,CAAC,EAAC,MAAM,CAAC;KACf,CAAC;IACF,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAC;CAC5C;AAED,QAAA,MAAM,eAAe,yCAKjB,aAAa,4CAoDhB,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,13 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { ConfigCSSKeys, } from '../../../appConfig.type.js';
-const FrankieCheckbox = ({ content, style, onChange }) => {
+const FrankieCheckbox = ({ content, style, onChange, testId = {
+    container: "",
+    input: "",
+    inputWrapper: "",
+    label: "",
+} }) => {
     const handleCheckboxChange = (event, item) => {
         onChange && onChange({ item: item, isSelected: event.target.checked });
     };
-    return (_jsx("div", { className: clsx('f1-mt-5', ConfigCSSKeys.checkbox), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.checkbox], children: content === null || content === void 0 ? void 0 : content.map((instruction, index) => {
+    return (_jsx("div", { className: clsx('f1-mt-5', ConfigCSSKeys.checkbox), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.checkbox], "data-testid": testId === null || testId === void 0 ? void 0 : testId.container, children: content === null || content === void 0 ? void 0 : content.map((instruction, index) => {
             var _a;
-            return (_jsxs("div", { className: clsx('f1-flex', 'f1-items-center', ConfigCSSKeys.checkboxItem), style: (_a = instruction === null || instruction === void 0 ? void 0 : instruction.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.checkboxItem], children: [_jsx("input", { className: clsx('!f1-mr-0', 'f1-rounded-sm', '!f1-w-5', '!f1-h-5'), id: `instructions-id-${index}`, type: "checkbox", onChange: (e) => handleCheckboxChange(e, instruction) }), _jsx("label", { htmlFor: `instructions-id-${index}`, className: clsx('f1-font-normal', 'f1-text-md', 'f1-leading-6', 'f1-text-tertiary-grey-700', 'f1-ml-3'), children: instruction.label })] }, `f1-checkbox-${index}`));
+            return (_jsxs("div", { className: clsx('f1-flex', ConfigCSSKeys.checkboxItem), "data-testid": testId === null || testId === void 0 ? void 0 : testId.inputWrapper, style: (_a = instruction === null || instruction === void 0 ? void 0 : instruction.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.checkboxItem], children: [_jsx("input", { className: clsx('!f1-mr-0', 'f1-rounded-sm', '!f1-w-5', '!f1-h-5'), id: `frankie-checkbox-id-${index}`, type: "checkbox", onChange: (e) => handleCheckboxChange(e, instruction), "data-testid": testId === null || testId === void 0 ? void 0 : testId.input }), _jsx("label", { htmlFor: `frankie-checkbox-id-${index}`, className: clsx('f1-font-normal', 'f1-text-md', 'f1-leading-6', 'f1-text-tertiary-grey-700', 'f1-ml-3'), "data-testid": testId.label, children: instruction.label })] }, `f1-checkbox-${index}`));
         }) }));
 };
 export default FrankieCheckbox;

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

@@ -1 +1 @@
-{"version":3,"file":"FrankieCheckbox.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieCheckbox/FrankieCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,aAAa,GAId,MAAM,yBAAyB,CAAC;AAajC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAiB,EAAE,EAAE;IACtE,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,IAAa,EAAE,EAAE;QACpD,QAAQ,IAAI,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,EAClD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,QAAQ,CAAC,YAErC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;;YACnC,OAAO,CACL,eAEE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,aAAa,CAAC,YAAY,CAC3B,EACD,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAG,aAAa,CAAC,YAAY,CAAC,aAEvD,gBACE,SAAS,EAAE,IAAI,CACb,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,CACV,EACD,EAAE,EAAE,mBAAmB,KAAK,EAAE,EAC9B,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,GACrD,EACF,gBACE,OAAO,EAAE,mBAAmB,KAAK,EAAE,EACnC,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,2BAA2B,EAC3B,SAAS,CACV,YAEA,WAAW,CAAC,KAAK,GACZ,KA9BH,eAAe,KAAK,EAAE,CA+BvB,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"FrankieCheckbox.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieCheckbox/FrankieCheckbox.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,aAAa,GAId,MAAM,yBAAyB,CAAC;AAoBjC,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAC;IAC1D,SAAS,EAAC,EAAE;IACZ,KAAK,EAAC,EAAE;IACR,YAAY,EAAC,EAAE;IACf,KAAK,EAAC,EAAE;CACT,EAAgB,EAAE,EAAE;IACnB,MAAM,oBAAoB,GAAG,CAAC,KAAK,EAAE,IAAa,EAAE,EAAE;QACpD,QAAQ,IAAI,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC;IACzE,CAAC,CAAC;IAEF,OAAO,CACL,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,QAAQ,CAAC,EAClD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,QAAQ,CAAC,iBACzB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,YAE7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;;YACnC,OAAO,CACL,eAEE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,aAAa,CAAC,YAAY,CAC3B,iBACc,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EACnC,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAG,aAAa,CAAC,YAAY,CAAC,aAEvD,gBACE,SAAS,EAAE,IAAI,CACb,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,CACV,EACD,EAAE,EAAE,uBAAuB,KAAK,EAAE,EAClC,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,oBAAoB,CAAC,CAAC,EAAE,WAAW,CAAC,iBACtC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,GAC5B,EACF,gBACE,OAAO,EAAE,uBAAuB,KAAK,EAAE,EACvC,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,2BAA2B,EAC3B,SAAS,CACV,iBACc,MAAM,CAAC,KAAK,YAE1B,WAAW,CAAC,KAAK,GACZ,KAhCH,eAAe,KAAK,EAAE,CAiCvB,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,7 +1,10 @@
 import { type Content } from '../../../appConfig.type';
 type FrankieDescriptionProps = {
     descriptions: Content[];
+    testId?: {
+        container: string;
+    };
 };
-declare const FrankieDescription: ({ descriptions }: FrankieDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+declare const FrankieDescription: ({ descriptions, testId }: FrankieDescriptionProps) => import("react/jsx-runtime").JSX.Element;
 export default FrankieDescription;
 //# sourceMappingURL=FrankieDescription.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FrankieDescription.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieDescription/FrankieDescription.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEtE,KAAK,uBAAuB,GAAG;IAC7B,YAAY,EAAE,OAAO,EAAE,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,kBAAkB,qBAAsB,uBAAuB,4CAuBpE,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FrankieDescription.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieDescription/FrankieDescription.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiB,KAAK,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAEtE,KAAK,uBAAuB,GAAG;IAC7B,YAAY,EAAE,OAAO,EAAE,CAAC;IACxB,MAAM,CAAC,EAAC;QACN,SAAS,EAAC,MAAM,CAAC;KAClB,CAAC;CACH,CAAC;AAEF,QAAA,MAAM,kBAAkB,6BAA+B,uBAAuB,4CA6B7E,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,10 +1,15 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import clsx from 'clsx';
+import DOMPurify from 'dompurify';
 import { ConfigCSSKeys } from '../../../appConfig.type.js';
-const FrankieDescription = ({ descriptions }) => {
+const FrankieDescription = ({ descriptions, testId }) => {
     return (_jsx(_Fragment, { children: descriptions.map((description, index) => {
-            var _a;
-            return (_jsx("div", { className: clsx('f1-mb-2', 'f1-text-tertiary-grey-700', 'f1-font-normal', 'f1-text-md', 'f1-leading-6', 'f1-link-text', ConfigCSSKeys.description), style: (_a = description === null || description === void 0 ? void 0 : description.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.description], dangerouslySetInnerHTML: { __html: description.label } }, `f1-description-${index}`));
+            var _a, _b;
+            return (_jsx("div", { "data-testid": testId === null || testId === void 0 ? void 0 : testId.container, className: clsx('f1-mb-2', 'f1-text-tertiary-grey-700', 'f1-font-normal', 'f1-text-md', 'f1-leading-6', 'f1-link-text', ConfigCSSKeys.description), style: (_a = description === null || description === void 0 ? void 0 : description.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.description], dangerouslySetInnerHTML: {
+                    __html: DOMPurify.sanitize((_b = description === null || description === void 0 ? void 0 : description.label) !== null && _b !== void 0 ? _b : '', {
+                        sanitize: true,
+                    }),
+                } }, `f1-description-${index}`));
         }) }));
 };
 export default FrankieDescription;

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

@@ -1 +1 @@
-{"version":3,"file":"FrankieDescription.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieDescription/FrankieDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,aAAa,EAAgB,MAAM,yBAAyB,CAAC;AAMtE,MAAM,kBAAkB,GAAG,CAAC,EAAE,YAAY,EAA2B,EAAE,EAAE;IACvE,OAAO,CACL,4BACG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;;YACvC,OAAO,CACL,cAEE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,CAAC,WAAW,CAC1B,EACD,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAG,aAAa,CAAC,WAAW,CAAC,EACtD,uBAAuB,EAAE,EAAE,MAAM,EAAE,WAAW,CAAC,KAAK,EAAE,IAXjD,kBAAkB,KAAK,EAAE,CAYzB,CACR,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"FrankieDescription.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieDescription/FrankieDescription.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,aAAa,EAAgB,MAAM,yBAAyB,CAAC;AAStE,MAAM,kBAAkB,GAAG,CAAC,EAAE,YAAY,EAAG,MAAM,EAA2B,EAAE,EAAE;IAChF,OAAO,CACL,4BACG,YAAY,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,EAAE;;YACvC,OAAO,CACL,6BACiB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,EAEhC,SAAS,EAAE,IAAI,CACb,SAAS,EACT,2BAA2B,EAC3B,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,cAAc,EACd,aAAa,CAAC,WAAW,CAC1B,EAED,KAAK,EAAE,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,0CAAG,aAAa,CAAC,WAAW,CAAC,EACtD,uBAAuB,EAAE;oBACvB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,MAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,mCAAI,EAAE,EAAE;wBACnD,QAAQ,EAAE,IAAI;qBACf,CAAC;iBACH,IAhBI,kBAAkB,KAAK,EAAE,CAiBzB,CACR,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+import type { FormPageScreen, IFormPageConfig } from '../../../appConfig.type';
+import type { UseFormReturn } from 'react-hook-form';
+export type FrankieFormMapperProps<PType extends FormPageScreen, FType> = {
+    form: UseFormReturn<FType>;
+    config: IFormPageConfig<PType>;
+};
+declare const FrankieFormMapper: <FType, PType extends "REVIEW" | "PERSONAL_DETAILS" = "REVIEW" | "PERSONAL_DETAILS">({ form, config, }: 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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieFormMapper.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieFormMapper/FrankieFormMapper.tsx"],"names":[],"mappings":"AAcA,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,0GAMpB,uBAAuB,KAAK,EAAE,KAAK,CAAC,4CA+FtC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useCallback } from 'react';
+import { ConfigCSSKeys } from '../../../appConfig.type.js';
+import { useFormMapper } from '../../../hooks/useFormMapper.hook.js';
+import { useReviewUpdateFactory, } from '../../../hooks/useReviewUpdateFactory.hook.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, }) => {
+    var _a;
+    const { control } = form;
+    const { getScannedData } = useReviewUpdateFactory();
+    const { idType, country, region } = getScannedData;
+    const { getFormConfig } = useFormMapper();
+    const { documentFields, personalFields } = getFormConfig({
+        config,
+        idType,
+        country,
+        region,
+    });
+    const documentInfo = [...personalFields, ...documentFields];
+    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) }),
+            })) });
+        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
+        };
+    }, [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));
+        }) }));
+};
+export default FrankieFormMapper;
+//# sourceMappingURL=FrankieFormMapper.js.map

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

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

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

@@ -2,7 +2,11 @@ import { type Styles } from '../../../appConfig.type';
 type HeadingProps = {
     label: string;
     style?: Styles;
+    testId?: {
+        header: string;
+    };
+    className?: string;
 };
-declare const Heading: ({ label, style }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const Heading: ({ label, style, className, testId }: 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;CAChB,CAAC;AAEF,QAAA,MAAM,OAAO,qBAAsB,YAAY,4CAiB9C,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;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"}

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

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 import { ConfigCSSKeys } from '../../../appConfig.type.js';
-const Heading = ({ label, style }) => {
-    return (_jsx("h1", { className: clsx('f1-font-bold', 'f1-text-3xl', 'f1-leading-12', 'f1-text-tertiary-grey-800', 'f1-mb-4', 'f1-mt-0', ConfigCSSKeys.title), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.title], children: label }));
+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 }));
 };
 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;AAOrE,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK,EAAgB,EAAE,EAAE;IACjD,OAAO,CACL,aACE,SAAS,EAAE,IAAI,CACb,cAAc,EACd,aAAa,EACb,eAAe,EACf,2BAA2B,EAC3B,SAAS,EACT,SAAS,EACT,aAAa,CAAC,KAAK,CACpB,EACD,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,aAAa,CAAC,KAAK,CAAC,YAElC,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;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"}

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

@@ -1,6 +1,14 @@
-import { type ListInfo } from '../../../appConfig.type';
-interface InstructionProps extends ListInfo {
-}
-declare const FrankieInstructionList: ({ content, label, style, }: InstructionProps) => import("react/jsx-runtime").JSX.Element;
+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;
+};
+type InstructionProps = ListInfo<ReactFormIdsKeys> | ListInfo<DocumentTypes>;
+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":"AAEA,OAAO,EAAiB,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAGvE,UAAU,gBAAiB,SAAQ,QAAQ;CAAG;AAE9C,QAAA,MAAM,sBAAsB,+BAIzB,gBAAgB,4CAoDlB,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,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;aAMjB,UAAU;6CA0EpB,CAAC;AAEF,eAAe,sBAAsB,CAAC"}