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

package/dist/esm/modules/form/vendors/react/appConfig.type.js

@@ -1,133 +1,33 @@
-/**
- * Defines the structure for styles used throughout the application.
- * @typedef {Object} Styles - Tailwind+CustomStyle object.
- */
+/*########################################################################################*/
+/*############################ Constants & Common Types ############################*/
+/*########################################################################################*/
 export var ConfigCSSKeys;
 (function (ConfigCSSKeys) {
     ConfigCSSKeys["wrapper"] = "ff-wrapper";
     ConfigCSSKeys["description"] = "ff-description";
     ConfigCSSKeys["instructions"] = "ff-instructions";
+    ConfigCSSKeys["documents"] = "ff-documents";
     ConfigCSSKeys["checkbox"] = "ff-checkbox";
     ConfigCSSKeys["label"] = "ff-label";
     ConfigCSSKeys["title"] = "ff-title";
+    ConfigCSSKeys["subtitle"] = "ff-subtitle";
     ConfigCSSKeys["button"] = "ff-button";
     ConfigCSSKeys["checkboxItem"] = "ff-checkbox-item";
     ConfigCSSKeys["descriptionItem"] = "ff-description-item";
     ConfigCSSKeys["instructionItem"] = "ff-instruction-item";
+    ConfigCSSKeys["documentItem"] = "ff-document-item";
     ConfigCSSKeys["font"] = "font";
+    ConfigCSSKeys["formWrapper"] = "ff-form-wrapper";
+    ConfigCSSKeys["formField"] = "ff-form-field";
+    ConfigCSSKeys["progressWrapper"] = "ff-progress-wrapper";
+    ConfigCSSKeys["progressItem"] = "ff-progress-item";
 })(ConfigCSSKeys || (ConfigCSSKeys = {}));
-// ################### Example of it ###################
-// Mock data for page 1 (IStaticPageConfig)
-const welcomePage = {
-    name: 'WELCOME',
-    title: { label: 'Welcome', style: {} },
-    descriptions: [
-        { label: 'This is a sample static page.', style: {} },
-        { label: 'It can contain multiple paragraphs.', style: {} },
-    ],
-    instructions: {
-        label: 'label goes here...',
-        content: [
-            { label: 'Item 1', style: {} },
-            { label: 'Item 2', style: {} },
-        ],
-    },
-    cta: { label: 'Continue', style: {} },
-    style: {},
-};
-// use satisfied for avoiding global runtime errors
-// it will impact WELCOME component if you will be [const obj: IStaticPageConfig = { ... }]
-// Mock data for consentPage (IStaticPageConfig)
-const consentPage = {
-    name: 'CONSENT',
-    title: { label: 'Welcome', style: {} },
-    descriptions: [
-        { label: 'This is a sample static page.', style: {} },
-        { label: 'It can contain multiple paragraphs.', style: {} },
-    ],
-    checkbox: {
-        content: [{ label: 'Item 1', style: {} }],
-    },
-    cta: { label: 'Continue', style: {} },
-    style: {},
-};
-// use satisfied for avoiding global runtime errors
-// it will impact CONSENT component if you will be [const obj: IStaticPageConfig = { ... }]
-// Mock data for page 2 (IIdCardPageConfig)
-const idCardPageConfig = {
-    name: 'CONSENT',
-    title: { label: 'ID Card Page', style: {} },
-    descriptions: [{ label: 'Details on ID cards:', style: {} }],
-    idCardList: [
-        { label: 'ID Card 1', style: {}, postFixIcon: 'icon1' },
-        { label: 'ID Card 2', style: {}, postFixIcon: 'icon2' },
-    ],
-    style: {},
-};
-// Mock data for progress (IProgressPageConfig)
-// const progress: IProgressPageConfig = {
-//   name: 'PROGRESS',
-//   title: { label: 'Progress Page', style: {} },
-//   descriptions: [{ label: 'Track your progress here:', style: {} }],
-//   cta: { label: 'Finish', style: {} },
-//   style: {},
-//   icon: 'progress-icon',
-//   isTransparent: true,
-// };
-// Mock data for formPage1 (IFormPageConfig)
-// const formPage1: IFormPageConfig = {
-//   name: 'REVIEW',
-//   label: { label: 'Form', style: {} },
-//   formFields: [
-//     {
-//       type: 'number',
-//       label: 'Name',
-//       placeholder: 'Enter your name',
-//       isRequired: true,
-//     },
-//     {
-//       type: 'textarea',
-//       label: 'Address',
-//       placeholder: 'Enter your Address',
-//       maxTextLimit: 100,
-//     },
-//   ],
-//   cta: { label: 'Submit', style: {}, redirectTo: '/submit-page' },
-//   style: {},
-// };
-// Mock data for formPage2 (IFormPageConfig)
-// const formPage2: IFormPageConfig = {
-//   name: 'REVIEW2',
-//   label: { label: 'Form', style: {} },
-//   formFields: [
-//     {
-//       type: 'label',
-//       label: 'Name',
-//       placeholder: 'Enter your name',
-//       isRequired: true,
-//     },
-//     {
-//       type: 'date',
-//       label: 'DOB',
-//       placeholder: 'Enter your dob',
-//     },
-//   ],
-//   cta: { label: 'Submit', style: {}, redirectTo: '/submit-page' },
-//   style: {},
-// };
-/**
- * Example of an array containing page configurations.
- * @type {TPageConfig[]}
- */
-export const pageConfigurations = [
-    welcomePage,
-    consentPage,
-    idCardPageConfig,
-    // progress,
-    // formPage1,
-    // formPage2,
-];
-// NOTE: Simply we will pass the pageConfigurations to the component
-// and it will render the page based on the configuration.
-// it can be welcome page, consent page, progress page, form page, etc.
+export var DocumentKeys;
+(function (DocumentKeys) {
+    DocumentKeys["DRIVERS_LICENCE"] = "DRIVERS_LICENCE";
+    DocumentKeys["PASSPORT"] = "PASSPORT";
+    DocumentKeys["NATIONAL_HEALTH_ID"] = "NATIONAL_HEALTH_ID";
+})(DocumentKeys || (DocumentKeys = {}));
+export const documentKeysList = Object.values(DocumentKeys);
+const exclusiveScreens = ['WELCOME', 'CONSENT'];
 //# sourceMappingURL=appConfig.type.js.map

package/dist/esm/modules/form/vendors/react/appConfig.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"appConfig.type.js","sourceRoot":"","sources":["../../../../../../modules/form/vendors/react/appConfig.type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"appConfig.type.js","sourceRoot":"","sources":["../../../../../../modules/form/vendors/react/appConfig.type.ts"],"names":[],"mappings":"AAiBA,4FAA4F;AAC5F,sFAAsF;AACtF,4FAA4F;AAC5F,MAAM,CAAN,IAAY,aAmBX;AAnBD,WAAY,aAAa;IACvB,uCAAsB,CAAA;IACtB,+CAA8B,CAAA;IAC9B,iDAAgC,CAAA;IAChC,2CAA0B,CAAA;IAC1B,yCAAwB,CAAA;IACxB,mCAAkB,CAAA;IAClB,mCAAkB,CAAA;IAClB,yCAAwB,CAAA;IACxB,qCAAoB,CAAA;IACpB,kDAAiC,CAAA;IACjC,wDAAuC,CAAA;IACvC,wDAAuC,CAAA;IACvC,kDAAiC,CAAA;IACjC,8BAAa,CAAA;IACb,gDAA+B,CAAA;IAC/B,4CAA2B,CAAA;IAC3B,wDAAuC,CAAA;IACvC,kDAAiC,CAAA;AACnC,CAAC,EAnBW,aAAa,KAAb,aAAa,QAmBxB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,mDAAmC,CAAA;IACnC,qCAAqB,CAAA;IACrB,yDAAyC,CAAA;AAC3C,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AACD,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;AAM5D,MAAM,gBAAgB,GAAuB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/assets/images/index.d.ts

@@ -0,0 +1,18 @@
+import alertCircleOutline from "./alertCircleOutline.svg";
+import checkbox from "./checkbox.svg";
+import chevronDown from "./chevronDown.svg";
+import chevronDownError from "./chevronDownError.svg";
+import close from "./close.svg";
+import closeError from "./closeError.svg";
+import driverLicenseIcon from "./driverLicenseIcon.svg";
+import driversLicenseBanner from "./driversLicenseBanner.svg";
+import loader from "./loader.svg";
+import magnify from "./magnify.svg";
+import magnifyError from "./magnifyError.svg";
+import medicalIcon from "./medicalIcon.svg";
+import mediCareBanner from "./mediCareBanner.svg";
+import passportBanner from "./passportBanner.svg";
+import passportIcon from "./passportIcon.svg";
+import rightArrowIcon from "./rightArrowIcon.svg";
+export { loader, checkbox, rightArrowIcon, driverLicenseIcon, passportIcon, medicalIcon, driversLicenseBanner, passportBanner, mediCareBanner, alertCircleOutline, chevronDown, close, magnify, magnifyError, chevronDownError, closeError, };
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/modules/form/vendors/react/assets/images/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/assets/images/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,OAAO,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,UAAU,GACX,CAAC"}

package/dist/esm/modules/form/vendors/react/assets/images/index.js

@@ -0,0 +1,18 @@
+import alertCircleOutline from "./alertCircleOutline.svg";
+import checkbox from "./checkbox.svg";
+import chevronDown from "./chevronDown.svg";
+import chevronDownError from "./chevronDownError.svg";
+import close from "./close.svg";
+import closeError from "./closeError.svg";
+import driverLicenseIcon from "./driverLicenseIcon.svg";
+import driversLicenseBanner from "./driversLicenseBanner.svg";
+import loader from "./loader.svg";
+import magnify from "./magnify.svg";
+import magnifyError from "./magnifyError.svg";
+import medicalIcon from "./medicalIcon.svg";
+import mediCareBanner from "./mediCareBanner.svg";
+import passportBanner from "./passportBanner.svg";
+import passportIcon from "./passportIcon.svg";
+import rightArrowIcon from "./rightArrowIcon.svg";
+export { loader, checkbox, rightArrowIcon, driverLicenseIcon, passportIcon, medicalIcon, driversLicenseBanner, passportBanner, mediCareBanner, alertCircleOutline, chevronDown, close, magnify, magnifyError, chevronDownError, closeError, };
+//# sourceMappingURL=index.js.map

package/dist/esm/modules/form/vendors/react/assets/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/assets/images/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,0BAA0B,CAAC;AAC1D,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AACtC,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,KAAK,MAAM,aAAa,CAAC;AAChC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,iBAAiB,MAAM,yBAAyB,CAAC;AACxD,OAAO,oBAAoB,MAAM,4BAA4B,CAAC;AAC9D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,OAAO,MAAM,eAAe,CAAC;AACpC,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,WAAW,MAAM,mBAAmB,CAAC;AAC5C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAClD,OAAO,YAAY,MAAM,oBAAoB,CAAC;AAC9C,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAElD,OAAO,EACL,MAAM,EACN,QAAQ,EACR,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,WAAW,EACX,KAAK,EACL,OAAO,EACP,YAAY,EACZ,gBAAgB,EAChB,UAAU,GACX,CAAC"}

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

@@ -0,0 +1,12 @@
+import type { FrankieSelectOptions } from "../../../types/form";
+export type FrankieActionFieldProps<AType> = {
+    label: string;
+    options: FrankieSelectOptions<boolean>[];
+    onChange?: (value: boolean) => void;
+    helperText?: string;
+    error?: null | string;
+    currentValue?: AType;
+};
+declare const FrankieActionField: <AType extends string | number | boolean>({ label, options, onChange, error, helperText, currentValue, }: FrankieActionFieldProps<AType>) => import("react/jsx-runtime").JSX.Element;
+export default FrankieActionField;
+//# sourceMappingURL=FrankieActionField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieActionField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieActionField/FrankieActionField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAEhE,MAAM,MAAM,uBAAuB,CAAC,KAAK,IAAI;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAC,CAAC,KAAK,EAAC,OAAO,KAAG,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAC,IAAI,GAAG,MAAM,CAAC;IACrB,YAAY,CAAC,EAAC,KAAK,CAAC;CACrB,CAAC;AAGF,QAAA,MAAM,kBAAkB,4GAOrB,wBAAwB,KAAK,CAAC,4CAoGhC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { icons } from "../../../constants/icons.js";
+const FrankieActionField = ({ label, options = [{ label: "Yes", value: true }, { label: "No", value: false }], onChange, error, helperText, currentValue, }) => {
+    return (_jsxs("div", { className: clsx("f1-w-full"), children: [label && (_jsx("div", { className: clsx("f1-w-full", "f1-h-5", "f1-bg-white", "f1-border", "f1-rounded-sm", "f1-py-2", "f1-focus:outline-none", "f1-mb-1"), children: _jsx("div", { className: clsx("grow"), children: _jsx("label", { className: clsx("f1-text-tertiary-grey-800", "f1-text-sm", "f1-font-medium", "f1-capitalize", "f1-w-full"), children: label }) }) })), _jsx("div", { className: clsx("frankie-text-field-container", "f1-flex", "f1-justify-between", "f1-items-center"), children: options === null || options === void 0 ? void 0 : options.map((option) => (_jsx("div", { tabIndex: 0, className: clsx("f1-border", "f1-border-solid", { "f1-border-tertiary-grey-300": !error }, { "f1-border-tertiary-red-700": error }, "f1-w-[48%]", "f1-h-[48px]", "f1-flex", "f1-justify-center", "f1-items-center", "hover:f1-bg-[#e8f0ff]", "f1-cursor-pointer", { "f1-bg-[#e8f0ff]": option.value === currentValue }), onClick: () => onChange && onChange(option.value), children: option.label }, option.label))) }), _jsx("div", { className: clsx("f1-flex"), children: (helperText || error) && (_jsx("div", { children: _jsx("div", { className: clsx("f1-flex", "f1-flex-col", "f1-gap-1", "f1-mt-1", "f1-capitalize", "f1-text-[14px]"), children: _jsxs("div", { className: clsx("f1-flex", "f1-text-[red]"), children: [error
+                                    ? (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline }))
+                                    : (""), error && error] }) }) })) })] }));
+};
+export default FrankieActionField;
+//# sourceMappingURL=FrankieActionField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieActionField.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieActionField/FrankieActionField.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAcjD,MAAM,kBAAkB,GAAG,CAA0C,EACnE,KAAK,EACL,OAAO,GAAC,CAAC,EAAC,KAAK,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,EAAC,EAAC,KAAK,EAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,CAAC,EAC3D,QAAQ,EACR,KAAK,EACL,UAAU,EACV,YAAY,GACmB,EAAE,EAAE;IACnC,OAAO,CACL,eAAK,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,aAC9B,KAAK,IAAI,CACR,cACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,QAAQ,EACR,aAAa,EACb,WAAW,EACX,eAAe,EACf,SAAS,EACT,uBAAuB,EACvB,SAAS,CACV,YAED,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAC1B,gBACE,SAAS,EAAE,IAAI,CACb,2BAA2B,EAC3B,YAAY,EACZ,gBAAgB,EAChB,eAAe,EACf,WAAW,CACZ,YAEA,KAAK,GACA,GACJ,GACF,CACP,EAED,cACE,SAAS,EAAE,IAAI,CACb,8BAA8B,EAC9B,SAAS,EACT,oBAAoB,EACpB,iBAAiB,CAClB,YAEA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACxB,cAEE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CACb,WAAW,EACX,iBAAiB,EACjB,EAAE,6BAA6B,EAAE,CAAC,KAAK,EAAE,EACzC,EAAE,4BAA4B,EAAE,KAAK,EAAE,EACvC,YAAY,EACZ,aAAa,EACb,SAAS,EACT,mBAAmB,EACnB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,EAAC,iBAAiB,EAAC,MAAM,CAAC,KAAK,KAAK,YAAY,EAAC,CAClD,EACD,OAAO,EAAE,GAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAE/C,MAAM,CAAC,KAAK,IAlBR,MAAM,CAAC,KAAK,CAmBb,CACP,CAAC,GACE,EAEN,cAAK,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,YAC5B,CAAC,UAAU,IAAI,KAAK,CAAC,IAAI,CACxB,wBACE,cACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,SAAS,EACT,eAAe,EACf,gBAAgB,CACjB,YAED,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,aAC7C,KAAK;oCACtB,CAAC,CAAC,CACgB,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC1B,GAAG,EAAE,KAAK,CAAC,kBAAkB,GAC7B,CACH;oCACjB,CAAC,CAAC,CACgB,EAAE,CACH,EACA,KAAK,IAAI,KAAK,IACX,GAIF,GACF,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;eACV,MAAM;cACP,OAAO;6CAsClB,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;eACV,MAAM;cACP,OAAO;6CAwClB,CAAC"}

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

@@ -12,7 +12,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
 export const BaseButton = (_a) => {
+    var _b;
     var { className, disabled } = _a, props = __rest(_a, ["className", "disabled"]);
-    return (_jsx("button", Object.assign({ disabled: disabled, className: clsx('f1-flex', 'f1-flex-initial', 'f1-font-semibold', 'f1-items-center', 'f1-justify-center', 'f1-border-none', 'f1-outline', 'f1-outline-0', 'focus-visible:f1-outline-3', 'active:f1-outline-3', 'disabled:f1-text-tertiary-grey-400', 'disabled:f1-outline-0', 'f1-h-12', 'f1-w-full', 'f1-text-md', 'f1-space-x-2', 'f1-px-5', 'f1-py-3', 'f1-rounded-full', 'f1-text-mono-white', 'f1-bg-primary-800', 'hover:f1-bg-primary-900', 'focus-visible:f1-bg-primary-900', 'active:f1-bg-primary-900', 'disabled:f1-bg-tertiary-grey-200', 'f1-outline-primary-200', disabled ? 'f1-cursor-not-allowed' : 'f1-cursor-pointer', className) }, props)));
+    return (_jsx("button", Object.assign({ disabled: disabled, className: clsx('f1-flex', 'f1-flex-initial', 'f1-font-semibold', 'f1-font-proxima-nova', 'f1-items-center', 'f1-justify-center', 'f1-border-none', 'f1-outline', 'f1-outline-0', 'focus-visible:f1-outline-3', 'active:f1-outline-3', 'disabled:f1-text-tertiary-grey-400', 'disabled:f1-outline-0', 'f1-h-12', 'f1-w-full', 'f1-text-md', 'f1-space-x-2', 'f1-px-5', 'f1-py-3', 'f1-rounded-full', 'f1-text-mono-white', 'f1-bg-primary-800', 'hover:f1-bg-primary-900', 'focus-visible:f1-bg-primary-900', 'active:f1-bg-primary-900', 'disabled:f1-bg-tertiary-grey-200', 'f1-outline-primary-200', disabled ? 'f1-cursor-not-allowed' : 'f1-cursor-pointer', className) }, props, { "data-testid": (_b = props === null || props === void 0 ? void 0 : props['testId']) === null || _b === void 0 ? void 0 : _b['button'] })));
 };
 //# sourceMappingURL=BaseButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAG1B,EAAE,EAAE;QAHsB,EAAE,SAAS,EAAE,QAAQ,OAG/C,EAHoD,KAAK,cAA/B,yBAAiC,CAAF;IAIxD,OAAO,CACL,+BACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,4BAA4B,EAC5B,qBAAqB,EACrB,oCAAoC,EACpC,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,iCAAiC,EACjC,0BAA0B,EAC1B,kCAAkC,EAClC,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,EACxD,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"BaseButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAG1B,EAAE,EAAE;;QAHsB,EAAE,SAAS,EAAE,QAAQ,OAG/C,EAHoD,KAAK,cAA/B,yBAAiC,CAAF;IAIxD,OAAO,CACL,+BACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,4BAA4B,EAC5B,qBAAqB,EACrB,oCAAoC,EACpC,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,cAAc,EACd,SAAS,EACT,SAAS,EACT,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,EACnB,yBAAyB,EACzB,iCAAiC,EACjC,0BAA0B,EAC1B,kCAAkC,EAClC,wBAAwB,EACxB,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,EACxD,SAAS,CACV,IACG,KAAK,mBACI,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,QAAQ,CAAC,0CAAG,QAAQ,CAAC,IAC1C,CACH,CAAC;AACJ,CAAC,CAAC"}

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

@@ -1,6 +1,6 @@
 export declare const FrankieButton: ({ className, disabled, ...props }: {
-    [x: string]: any;
-    className: any;
-    disabled: any;
+    [_x: string]: unknown;
+    className?: string;
+    disabled?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FrankieButton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FrankieButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;;6CAEzB,CAAC"}
+{"version":3,"file":"FrankieButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;gBAEZ,MAAM;eACP,OAAO;6CAGnB,CAAC"}

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { BaseButton } from './BaseButton.js';
 export const FrankieButton = (_a) => {
-    var { className, disabled } = _a, props = __rest(_a, ["className", "disabled"]);
+    var { className, disabled = false } = _a, props = __rest(_a, ["className", "disabled"]);
     return _jsx(BaseButton, Object.assign({ className: className, disabled: disabled }, props));
 };
 //# sourceMappingURL=FrankieButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FrankieButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAiC,EAAE,EAAE;QAArC,EAAE,SAAS,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA/B,yBAAiC,CAAF;IAC3D,OAAO,KAAC,UAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,EAAI,CAAC;AAC7E,CAAC,CAAC"}
+{"version":3,"file":"FrankieButton.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAI7B,EAAE,EAAE;QAJyB,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,OAI1D,EAJ+D,KAAK,cAAvC,yBAAyC,CAAF;IAKnE,OAAO,KAAC,UAAU,kBAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,EAAI,CAAC;AAC7E,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IFrankieTextAreaProps } from "../../../types/form";
+export declare const FrankieTextArea: React.ForwardRefExoticComponent<Omit<IFrankieTextAreaProps<string | number>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=FrankieTextArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieTextArea.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAKhF,OAAO,KAAK,EAEV,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,eAAe,iIAgc1B,CAAC"}

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

@@ -0,0 +1,164 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef, useEffect, useMemo, useRef, useState } from "react";
+import { icons } from "../../../constants/icons.js";
+import { useFrankieMenu } from "../../../hooks/menu.hooks.js";
+export const FrankieTextArea = forwardRef(function FrankieSelectField({ className = "", inputClassName = "", disabled = false, error = false, errorText = "", label, name, placeholder = "", helperText = "", tag, badge, options, testId = {
+    container: "",
+    input: "",
+    label: "",
+    tag: "",
+    supportingText: "",
+    closeCta: "",
+    actionBtn: " ",
+}, value, onBlur, onChange, onClick, onFocus, autocomplete = false, clearable = false, required, onActionChange, icon, autoSuggestion, autoSuggestShowAfter, }, ref) {
+    var _a;
+    // To keep track of the selected index
+    const [selectedIndex, setSelectedIndex] = useState(null);
+    // To keep track of value input - usually in case of autocomplete
+    const [filterText, setFilterText] = useState("");
+    const textAreaRef = useRef(null);
+    const { parentRef, isOpen, handleOpen, handleToggle, handleClose } = useFrankieMenu();
+    const selectedValueLabel = useMemo(() => { var _a; return (_a = options.find((item) => item.value === value)) === null || _a === void 0 ? void 0 : _a.label; }, [value, options]);
+    /**
+     * Final option if autocomplete
+     * Filtering option when autocomplete is on and filterText should no be equal to already selected value
+     */
+    const filteredOptions = useMemo(() => autocomplete && filterText && filterText !== selectedValueLabel
+        ? options.filter((item) => item.label
+            .toLowerCase()
+            .trim()
+            .startsWith(filterText.toLowerCase().trim()))
+        : options, [options, filterText, autocomplete, selectedValueLabel]);
+    /**
+     * On option click
+     */
+    const handleSelectOption = (option) => () => {
+        const { label } = option;
+        onChange({ target: { value: label } });
+        setFilterText(label);
+        handleClose();
+    };
+    /**
+     * On Input change
+     */
+    const handleChange = (e) => {
+        setFilterText(e.target.value);
+        const text = e.target.value;
+        onChange({ target: { value: text } });
+        if (!isOpen)
+            handleOpen();
+    };
+    useEffect(() => {
+        const currentIndex = filteredOptions.findIndex((option) => option.value === value);
+        if (isOpen) {
+            setSelectedIndex(currentIndex);
+        }
+    }, [isOpen, filteredOptions, value]);
+    const handleOptionToggle = (e) => {
+        if (onClick)
+            onClick(e);
+        if (disabled)
+            return;
+        handleToggle();
+    };
+    /**
+     * To handle clearing of data from cross button
+     */
+    const handleClear = () => {
+        onChange({ target: { value: '' } });
+        setFilterText('');
+    };
+    const handleKeyDown = (e) => {
+        var _a;
+        switch (e.key) {
+            case "ArrowUp":
+            case "ArrowDown":
+                e.preventDefault();
+                if (isOpen) {
+                    setSelectedIndex((prevIndex) => {
+                        let newIdx = 0;
+                        if (prevIndex !== null) {
+                            newIdx =
+                                e.key === "ArrowDown"
+                                    ? Math.min(filteredOptions.length - 1, prevIndex + 1)
+                                    : Math.max(0, prevIndex - 1);
+                        }
+                        const selectedOption = document.querySelector(`.frankie-select-option-${newIdx}`);
+                        selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.scrollIntoView({
+                            behavior: "smooth",
+                            block: "nearest",
+                        });
+                        return newIdx;
+                    });
+                }
+                else
+                    handleOpen();
+                break;
+            case "Enter":
+                if (selectedIndex !== null && (filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions[selectedIndex])) {
+                    const { value, label } = (_a = filteredOptions === null || filteredOptions === void 0 ? void 0 : filteredOptions[selectedIndex]) !== null && _a !== void 0 ? _a : {};
+                    onChange({ target: { value } });
+                    setFilterText(label);
+                    handleClose();
+                    setSelectedIndex(null);
+                }
+                break;
+            case "Escape":
+                handleClose();
+                break;
+            default:
+                if (!autocomplete)
+                    e.preventDefault();
+                break;
+        }
+    };
+    const handleClick = () => {
+        onActionChange && onActionChange(true);
+    };
+    function autoResize() {
+        if (textAreaRef.current) {
+            textAreaRef.current.style.height = "40px";
+            textAreaRef.current.style.height =
+                textAreaRef.current.scrollHeight + "px";
+            const maxHeight = 156;
+            if (parseInt(textAreaRef.current.style.height) >= maxHeight) {
+                textAreaRef.current.style.overflowY = "scroll";
+            }
+            else {
+                textAreaRef.current.style.overflowY = "hidden";
+            }
+        }
+    }
+    useEffect(() => {
+        autoResize();
+    }, [(_a = textAreaRef.current) === null || _a === void 0 ? void 0 : _a.value, handleClear]);
+    return (_jsxs("div", { className: clsx("f1-w-full", "f1-mt-2", className, disabled ? "pointer-events-none" : ""), "data-testid": testId.container, ref: parentRef, children: [(label || tag) && (_jsxs("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-py-2"), children: [_jsx("div", { className: "grow", children: _jsx("label", { htmlFor: name, className: clsx('f1-text-sm', 'f1-font-medium', 'f1-text-[#1F2A37]'), "data-testid": testId.label, children: label }) }), _jsx("div", { className: clsx('flex', 'flex-initial', 'grow', 'justify-end', 'f1-text-[#1F2A37]'), "data-testid": testId.tag, children: tag })] })), _jsxs("div", { className: clsx("f1-relative", "frankie-select-field-container"), children: [_jsx("textarea", { id: name, name: name, "aria-label": name, ref: (textarea) => {
+                            textAreaRef.current = textarea;
+                            if (typeof ref === "function") {
+                                ref(textarea);
+                            }
+                            else if (typeof ref === "object") {
+                                Object.assign(ref.current, textarea);
+                            }
+                        }, className: clsx('f1-appearance-none', 'f1-w-full', 'f1-bg-white', 'f1-border', 'f1-rounded-sm', 'f1-px-[16px]', 'f1-py-[14px]', 'f1-focus:outline-none', 'f1-box-border', 'f1-border', 'f1-border-solid', 'f1-pr-10', 'f1-max-h-[150px]', 'f1-resize-none', 'f1-font-proxima-nova', inputClassName, 'f1-text-md', 'f1-font-medium', 'f1-text-[#374151]', {
+                            "f1-border-tertiary-red-500": error,
+                            'f1-placeholder-tertiary-red-600': error,
+                            '!f1-text-tertiary-red-600': error,
+                            'f1-bg-[#FDF2F2]': error,
+                            'f1-border-tertiary-grey-300': !error,
+                        }), placeholder: placeholder, disabled: disabled, value: (filterText === null || filterText === void 0 ? void 0 : filterText.length) ? filterText : value !== null && value !== void 0 ? value : '', "data-testid": testId.input, onBlur: onBlur, onChange: handleChange, onClick: handleOptionToggle, onFocus: onFocus, required: required, onKeyDown: handleKeyDown, autoComplete: "off" }), _jsx("div", { className: "f1-relative", children: isOpen &&
+                            (autoSuggestShowAfter
+                                ? filterText.length >= autoSuggestShowAfter
+                                : true) && (_jsxs("ul", { className: clsx("frankie-select-options", "f1-p-1", "f1-absolute", "f1-z-10", "f1-bg-mono-white", "f1-m-0", "f1-shadow-md", "f1-rounded-sm", "f1-top--1", "f1-w-full", "f1-box-border", "f1-max-h-[193px]", "f1-py-1", "f1-overflow-y-auto", "f1-scrollbar-sm", "f1-overflow-x-hidden"), children: [(autoSuggestion
+                                    ? (options === null || options === void 0 ? void 0 : options.length) > 0
+                                    : filteredOptions.length > 0)
+                                    ? ((autoSuggestion ? options : filteredOptions).map((option, index) => (_jsx("li", { role: "option", "aria-selected": index === selectedIndex, onClick: handleSelectOption(option), onKeyDown: handleKeyDown, className: clsx("f1-list-none", "f1-text-sm", "f1-text-gray-800", "f1-py-2", "f1-px-4", "f1-cursor-pointer", {
+                                            "f1-bg-primary-50": index === selectedIndex,
+                                            "f1-hover:bg-gray-100": index !== selectedIndex,
+                                        }, `frankie-select-option-${index}`), "data-testid": option === null || option === void 0 ? void 0 : option.testId, children: option.label }, option.value))))
+                                    : (_jsx("li", { className: clsx("f1-text-sm", "f1-py-2", "f1-px-4", "f1-list-none"), children: !options.length && "No Results Available" })), _jsx("li", { className: clsx("f1-text-[16px]", "f1-py-2", "f1-px-4", "f1-text-[#306ef9]", "f1-cursor-pointer", "f1-list-none"), "data-testid": testId.actionBtn, onClick: handleClick, children: "Enter address manually" })] })) }), icon && !(clearable && !!filterText) && (_jsx("img", { onClick: onClick, className: clsx("f1-absolute", "f1-top-[25.5%]", "f1-right-3", "text-tertiary-grey-500", "f1-cursor-pointer"), src: error ? icons.magnifyError : icons.magnify })), !!badge && badge, clearable && !!filterText && (_jsx("img", { onClick: handleClear, className: clsx("f1-absolute", "f1-top-[25.5%]", "f1-right-3", "f1-text-tertiary-grey-500", "f1-cursor-pointer"), "data-testid": testId.closeCta, src: error ? icons.closeError : icons.close }))] }), _jsx("div", { className: "f1-flex", children: (helperText || errorText) && (_jsx("div", { className: clsx("f1-grow", "f1-text-mono-70", "f1-pb-2", "f1-text-sm"), children: _jsxs("div", { className: clsx("f1-flex", "f1-flex-col", "f1-gap-1"), children: [_jsxs("div", { "data-testid": testId.supportingText, className: clsx("f1-flex", error ? "f1-text-[red]" : "f1-text-tertiary-grey-500", "f1-text-[14px]"), children: [error
+                                        ? (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline, alt: "error" }))
+                                        : (""), error && errorText] }), _jsx("div", { className: clsx("f1-text-tertiary-grey-500"), children: helperText })] }) })) })] }));
+});
+//# sourceMappingURL=FrankieTextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieTextArea.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieTextArea/FrankieTextArea.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEhF,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAO3D,MAAM,CAAC,MAAM,eAAe,GAAG,UAAU,CAAC,SAAS,kBAAkB,CAGnE,EACE,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,EAAE,EACf,GAAG,EACH,KAAK,EACL,OAAO,EACP,MAAM,GAAG;IACP,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,cAAc,EAAE,EAAE;IAClB,QAAQ,EAAE,EAAE;IACZ,SAAS,EAAE,GAAG;CACf,EACD,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,YAAY,GAAG,KAAK,EACpB,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,cAAc,EACd,IAAI,EACJ,cAAc,EACd,oBAAoB,GACK,EAC3B,GAAyC;;IAEzC,sCAAsC;IACtC,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAExE,iEAAiE;IACjE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEjD,MAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAEtD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,WAAW,EAAE,GAChE,cAAc,EAAE,CAAC;IAEnB,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,WAAC,OAAA,MAAA,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,0CAAE,KAAK,CAAA,EAAA,EACzD,CAAC,KAAK,EAAE,OAAO,CAAC,CACjB,CAAC;IAEF;;;OAGG;IACH,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,YAAY,IAAI,UAAU,IAAI,UAAU,KAAK,kBAAkB;QAC7D,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CACtB,IAAI,CAAC,KAAK;aACP,WAAW,EAAE;aACb,IAAI,EAAE;aACN,UAAU,CAAC,UAAU,CAAC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAC/C;QACH,CAAC,CAAC,OAAO,EACb,CAAC,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,CAAC,CACxD,CAAC;IAEF;;OAEG;IACH,MAAM,kBAAkB,GAAG,CAAC,MAA+B,EAAE,EAAE,CAAC,GAAG,EAAE;QACnE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC;QACzB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAU,EAAE,EAAE,CAAC,CAAC;QAC5C,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF;;OAEG;IAEH,MAAM,YAAY,GAAG,CAAC,CAAyC,EAAE,EAAE;QACjE,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC9B,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAS,EAAE,EAAE,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM;YAAE,UAAU,EAAE,CAAC;IAC5B,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,CAC5C,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,KAAK,KAAK,CACnC,CAAC;QAEF,IAAI,MAAM,EAAE,CAAC;YACX,gBAAgB,CAAC,YAAY,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,CAAC,CAAC,CAAC;IAErC,MAAM,kBAAkB,GAAG,CACzB,CAAoD,EACpD,EAAE;QACF,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,QAAQ;YAAE,OAAO;QACrB,YAAY,EAAE,CAAC;IACjB,CAAC,CAAC;IAEF;;OAEG;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAO,EAAE,EAAE,CAAC,CAAC;QACzC,aAAa,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CACpB,CAA2D,EAC3D,EAAE;;QACF,QAAQ,CAAC,CAAC,GAAG,EAAE,CAAC;YACd,KAAK,SAAS,CAAC;YACf,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,MAAM,EAAE,CAAC;oBACX,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE;wBAC7B,IAAI,MAAM,GAAG,CAAC,CAAC;wBACf,IAAI,SAAS,KAAK,IAAI,EAAE,CAAC;4BACvB,MAAM;gCACJ,CAAC,CAAC,GAAG,KAAK,WAAW;oCACnB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC;oCACrD,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC;wBACnC,CAAC;wBAED,MAAM,cAAc,GAAG,QAAQ,CAAC,aAAa,CAC3C,0BAA0B,MAAM,EAAE,CACnC,CAAC;wBAEF,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,cAAc,CAAC;4BAC7B,QAAQ,EAAE,QAAQ;4BAClB,KAAK,EAAE,SAAS;yBACjB,CAAC,CAAC;wBAEH,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;gBACL,CAAC;;oBAAM,UAAU,EAAE,CAAC;gBAEpB,MAAM;YACR,KAAK,OAAO;gBACV,IAAI,aAAa,KAAK,IAAI,KAAI,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,aAAa,CAAC,CAAA,EAAE,CAAC;oBAC/D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,aAAa,CAAC,mCAAI,EAAE,CAAC;oBAChE,QAAQ,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;oBAChC,aAAa,CAAC,KAAK,CAAC,CAAC;oBACrB,WAAW,EAAE,CAAC;oBACd,gBAAgB,CAAC,IAAI,CAAC,CAAC;gBACzB,CAAC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,WAAW,EAAE,CAAC;gBACd,MAAM;YACR;gBACE,IAAI,CAAC,YAAY;oBAAE,CAAC,CAAC,cAAc,EAAE,CAAC;gBACtC,MAAM;QACV,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,cAAc,IAAI,cAAc,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,SAAS,UAAU;QACjB,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC1C,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM;gBAC9B,WAAW,CAAC,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC;YAE1C,MAAM,SAAS,GAAG,GAAG,CAAC;YAEtB,IAAI,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;gBAC5D,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;YACjD,CAAC;iBAAM,CAAC;gBACN,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,SAAS,GAAG,QAAQ,CAAC;YACjD,CAAC;QACH,CAAC;IACH,CAAC;IAED,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,MAAA,WAAW,CAAC,OAAO,0CAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,SAAS,EACT,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CACtC,iBACY,MAAM,CAAC,SAAS,EAC7B,GAAG,EAAE,SAAS,aAEb,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,CACjB,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,iBAAiB,EAAE,SAAS,CAAC,aAC3D,cAAK,SAAS,EAAC,MAAM,YACnB,gBACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,IAAI,CACb,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,CACpB,iBACY,MAAM,CAAC,KAAK,YAExB,KAAK,GACA,GACJ,EACN,cACE,SAAS,EAAE,IAAI,CACb,MAAM,EACN,cAAc,EACd,MAAM,EACN,aAAa,EACb,mBAAmB,CACpB,iBACY,MAAM,CAAC,GAAG,YAEtB,GAAG,GACA,IACF,CACP,EACD,eAAK,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,gCAAgC,CAAC,aACnE,mBACE,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,gBACE,IAAI,EAChB,GAAG,EAAE,CAAC,QAAQ,EAAE,EAAE;4BAChB,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;4BAC/B,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gCAC9B,GAAG,CAAC,QAAQ,CAAC,CAAC;4BAChB,CAAC;iCAAM,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE,CAAC;gCACnC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;4BACvC,CAAC;wBACH,CAAC,EACD,SAAS,EAAE,IAAI,CACb,oBAAoB,EACpB,WAAW,EACX,aAAa,EACb,WAAW,EACX,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB;4BACE,4BAA4B,EAAE,KAAK;4BACnC,iCAAiC,EAAE,KAAK;4BACxC,2BAA2B,EAAC,KAAK;4BACjC,iBAAiB,EAAE,KAAK;4BACxB,6BAA6B,EAAE,CAAC,KAAK;yBACtC,CACF,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,EAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,iBACvC,MAAM,CAAC,KAAK,EACzB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAC,KAAK,GAClB,EACF,cAAK,SAAS,EAAC,aAAa,YACzB,MAAM;4BACL,CAAC,oBAAoB;gCACnB,CAAC,CAAC,UAAU,CAAC,MAAM,IAAI,oBAAoB;gCAC3C,CAAC,CAAC,IAAI,CAAC,IAAI,CACX,cACE,SAAS,EAAE,IAAI,CACb,wBAAwB,EACxB,QAAQ,EACR,aAAa,EACb,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,cAAc,EACd,eAAe,EACf,WAAW,EACX,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,SAAS,EACT,oBAAoB,EACpB,iBAAiB,EACjB,sBAAsB,CACvB,aAEA,CACC,cAAc;oCACZ,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,IAAG,CAAC;oCACrB,CAAC,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAC/B;oCACjB,CAAC,CAAC,CACgB,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,GAAG,CAC9C,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CACjB,aACE,IAAI,EAAC,QAAQ,mBACE,KAAK,KAAK,aAAa,EAEtC,OAAO,EAAE,kBAAkB,CAAC,MAAM,CAAC,EACnC,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,IAAI,CACb,cAAc,EACd,YAAY,EACZ,kBAAkB,EAClB,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB;4CACE,kBAAkB,EAAE,KAAK,KAAK,aAAa;4CAC3C,sBAAsB,EAAE,KAAK,KAAK,aAAa;yCAChD,EACD,yBAAyB,KAAK,EAAE,CACjC,iBACY,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,YAE1B,MAAM,CAAC,KAAK,IAlBR,MAAM,CAAC,KAAK,CAmBd,CACN,CACF,CACF;oCACjB,CAAC,CAAC,CACgB,aACE,SAAS,EAAE,IAAI,CACb,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,CACf,YAEA,CAAC,OAAO,CAAC,MAAM,IAAI,sBAAsB,GACvC,CACN,EAED,aACE,SAAS,EAAE,IAAI,CACb,gBAAgB,EAChB,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,CACf,iBACY,MAAM,CAAC,SAAS,EAC7B,OAAO,EAAE,WAAW,uCAIjB,IACF,CACN,GACC,EACL,IAAI,IAAI,CAAC,CAAC,SAAS,IAAI,CAAC,CAAC,UAAU,CAAC,IAAI,CACvC,cACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CACb,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,CACpB,EACD,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,GAC/C,CACH,EAEA,CAAC,CAAC,KAAK,IAAI,KAAK,EAChB,SAAS,IAAI,CAAC,CAAC,UAAU,IAAI,CAC5B,cACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,IAAI,CACb,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,2BAA2B,EAC3B,mBAAmB,CACpB,iBACY,MAAM,CAAC,QAAQ,EAC5B,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,GAC3C,CACH,IACG,EACN,cAAK,SAAS,EAAC,SAAS,YACrB,CAAC,UAAU,IAAI,SAAS,CAAC,IAAI,CAC5B,cACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,YAAY,CACb,YAED,eAAK,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,UAAU,CAAC,aACxD,8BACe,MAAM,CAAC,cAAc,EAClC,SAAS,EAAE,IAAI,CACb,SAAS,EACT,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,2BAA2B,EACrD,gBAAgB,CACjB,aAEA,KAAK;wCACtB,CAAC,CAAC,CACgB,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC1B,GAAG,EAAE,KAAK,CAAC,kBAAkB,EAC7B,GAAG,EAAC,OAAO,GACX,CACH;wCACjB,CAAC,CAAC,CACgB,EAAE,CACH,EACA,KAAK,IAAI,SAAS,IACf,EAEN,cAAK,SAAS,EAAE,IAAI,CAAC,2BAA2B,CAAC,YAC9C,UAAU,GACP,IACF,GACF,CACP,GACG,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IFrankieTextSelectFieldProps } from "../../../types/form";
+export declare const FrankieSelectField: React.ForwardRefExoticComponent<Omit<IFrankieTextSelectFieldProps<string | number>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=SelectField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SelectField/SelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAKhF,OAAO,KAAK,EAEV,4BAA4B,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,eAAO,MAAM,kBAAkB,qIAqY7B,CAAC"}