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

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

@@ -1,12 +1,27 @@
-import type { FrankieSelectOptions } from "../../../types/form";
+import type { FrankieSelectOptions } from '../../../types/form';
+import type { InputProps } from '../SharedInput/Input';
+import type { FieldValues } from 'react-hook-form';
+export type ActionToggleConfig = {
+    toggleConfig: {
+        label?: string;
+        rules?: Partial<Pick<InputProps<FieldValues>, 'rules'>['rules']>;
+    };
+};
 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;
+    testid?: {
+        label?: string;
+        optionsMapper?: string;
+        textWrapper?: string;
+        options?: string;
+        mockImg?: string | null;
+    };
+    control?: Pick<InputProps<FieldValues>, 'control'>['control'];
+} & Partial<ActionToggleConfig>;
+declare const FrankieActionField: <AType extends string | number | boolean>({ toggleConfig, options, onChange, error, helperText, currentValue, testid, }: 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

@@ -1 +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"}
+{"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;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;KAClE,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,KAAK,IAAI;IAC3C,OAAO,EAAE,oBAAoB,CAAC,OAAO,CAAC,EAAE,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KACzB,CAAC;IACF,OAAO,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC;CAC/D,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAAC;AAEhC,QAAA,MAAM,kBAAkB,2HAiBrB,wBAAwB,KAAK,CAAC,4CAwGhC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,10 +1,20 @@
 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] }) }) })) })] }));
+import clsx from 'clsx';
+import { icons } from '../../../constants/icons.js';
+const FrankieActionField = ({ toggleConfig, options = [
+    { label: 'Yes', value: true },
+    { label: 'No', value: false },
+], onChange, error, helperText, currentValue, testid = {
+    label: '',
+    optionsMapper: '',
+    textWrapper: '',
+    options: '',
+    mockImg: null,
+}, }) => {
+    var _a;
+    return (_jsxs("div", { className: clsx('f1-w-full'), children: [(toggleConfig === null || toggleConfig === void 0 ? void 0 : toggleConfig.label) && (_jsx("div", { "data-testid": testid.label, className: clsx('f1-w-full', 'f1-bg-white', 'f1-border', 'f1-rounded-sm', 'f1-py-2', 'f1-focus:outline-none'), children: _jsx("div", { className: clsx('grow'), children: _jsx("label", { className: clsx('f1-text-tertiary-grey-800', 'f1-text-sm', 'f1-font-medium', 'f1-w-full'), children: toggleConfig === null || toggleConfig === void 0 ? void 0 : toggleConfig.label }) }) })), _jsx("div", { "data-testid": testid.optionsMapper, className: clsx('frankie-text-field-container', 'f1-flex', 'f1-justify-between', 'f1-items-center'), children: options.map((option) => (_jsx("div", { "data-testid": testid.options, 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-primary-container', 'f1-cursor-pointer', 'f1-rounded-l-sm', 'f1-border-r-sm', 'f1-rounded-sm', { 'hover:f1-border-primary-container': !error }, { '!f1-border-primary-container': option.value === currentValue }, { 'f1-bg-primary-container': option.value === currentValue }), onClick: () => onChange && onChange(option.value), children: option.label }, option.label))) }), _jsx("div", { className: clsx('f1-flex'), children: (helperText || error) && (_jsx("div", { "data-testid": testid.textWrapper, children: _jsxs("div", { className: clsx('f1-flex', 'f1-flex-col', 'f1-gap-1', 'f1-mt-1', 'f1-text-[14px]'), children: [_jsxs("div", { className: clsx('f1-flex', 'f1-text-tertiary-red-600'), children: [error
+                                        ? (_jsx("img", { className: clsx('f1-mr-1'), src: (_a = testid.mockImg) !== null && _a !== void 0 ? _a : icons.alertCircleOutline }))
+                                        : (''), error && error] }), _jsx("div", { className: clsx('f1-text-tertiary-grey-500'), children: helperText })] }) })) })] }));
 };
 export default FrankieActionField;
 //# sourceMappingURL=FrankieActionField.js.map

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

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

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,sCAAuC;IAC5D,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAuCA,CAAC"}
+{"version":3,"file":"BaseButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/BaseButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,sCAIpB;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB,4CAuCA,CAAC"}

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

@@ -14,6 +14,6 @@ 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-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'] })));
+    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', className, disabled ? 'f1-cursor-not-allowed' : 'f1-cursor-pointer') }, 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,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"}
+{"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,EAO1B,EAAE,EAAE;;QAPsB,EACzB,SAAS,EACT,QAAQ,OAKT,EAJI,KAAK,cAHiB,yBAI1B,CADS;IAKR,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,SAAS,EACT,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,mBAAmB,CACzD,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.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,sCAA+C;IACvE,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAEA,CAAC"}
+{"version":3,"file":"FrankieButton.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/FrankieButton/FrankieButton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,sCAIvB;IACD,CAAC,EAAE,EAAE,MAAM,GAAG,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,4CAEA,CAAC"}

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,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"}
+{"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,EAQ7B,EAAE,EAAE;QARyB,EAC5B,SAAS,EACT,QAAQ,GAAG,KAAK,OAMjB,EALI,KAAK,cAHoB,yBAI7B,CADS;IAMR,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

@@ -1,4 +1,4 @@
-import React from "react";
-import type { IFrankieTextAreaProps } from "../../../types/form";
+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

@@ -1 +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"}
+{"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,iIAuc1B,CAAC"}

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

@@ -1,22 +1,23 @@
 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;
+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: ' ',
+    mockImg: null,
+}, value, onBlur, onChange, onClick, onFocus, autocomplete = false, clearable = false, required, onActionChange, icon, autoSuggestion, autoSuggestShowAfter, actionLabel, }, ref) {
+    var _a, _b, _c, _d;
     // 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 [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]);
@@ -45,7 +46,7 @@ export const FrankieTextArea = forwardRef(function FrankieSelectField({ classNam
     const handleChange = (e) => {
         setFilterText(e.target.value);
         const text = e.target.value;
-        onChange({ target: { value: text } });
+        onChange({ target: { value: text, isAutoSuggestChange: true } });
         if (!isOpen)
             handleOpen();
     };
@@ -54,6 +55,9 @@ export const FrankieTextArea = forwardRef(function FrankieSelectField({ classNam
         if (isOpen) {
             setSelectedIndex(currentIndex);
         }
+        else {
+            setFilterText(currentIndex === -1 ? '' : filteredOptions[currentIndex].label);
+        }
     }, [isOpen, filteredOptions, value]);
     const handleOptionToggle = (e) => {
         if (onClick)
@@ -72,22 +76,22 @@ export const FrankieTextArea = forwardRef(function FrankieSelectField({ classNam
     const handleKeyDown = (e) => {
         var _a;
         switch (e.key) {
-            case "ArrowUp":
-            case "ArrowDown":
+            case 'ArrowUp':
+            case 'ArrowDown':
                 e.preventDefault();
                 if (isOpen) {
                     setSelectedIndex((prevIndex) => {
                         let newIdx = 0;
                         if (prevIndex !== null) {
                             newIdx =
-                                e.key === "ArrowDown"
+                                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",
+                            behavior: 'smooth',
+                            block: 'nearest',
                         });
                         return newIdx;
                     });
@@ -95,7 +99,7 @@ export const FrankieTextArea = forwardRef(function FrankieSelectField({ classNam
                 else
                     handleOpen();
                 break;
-            case "Enter":
+            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 } });
@@ -104,7 +108,7 @@ export const FrankieTextArea = forwardRef(function FrankieSelectField({ classNam
                     setSelectedIndex(null);
                 }
                 break;
-            case "Escape":
+            case 'Escape':
                 handleClose();
                 break;
             default:
@@ -118,47 +122,51 @@ export const FrankieTextArea = forwardRef(function FrankieSelectField({ classNam
     };
     function autoResize() {
         if (textAreaRef.current) {
-            textAreaRef.current.style.height = "40px";
+            textAreaRef.current.style.height = '40px';
             textAreaRef.current.style.height =
-                textAreaRef.current.scrollHeight + "px";
+                textAreaRef.current.scrollHeight + 'px';
             const maxHeight = 156;
             if (parseInt(textAreaRef.current.style.height) >= maxHeight) {
-                textAreaRef.current.style.overflowY = "scroll";
+                textAreaRef.current.style.overflowY = 'scroll';
             }
             else {
-                textAreaRef.current.style.overflowY = "hidden";
+                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) => {
+    return (_jsxs("div", { className: clsx('f1-w-full', 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-w-full', 'f1-text-tertiary-grey-800'), "data-testid": testid.label, children: label }) }), _jsx("div", { className: clsx('f1-flex', 'f1-flex-initial', 'f1-grow', 'f1-justify-end', 'f1-text-tertiary-grey-800'), "data-testid": testid.tag, children: tag })] })), _jsxs("div", { className: clsx('f1-relative', 'frankie-select-field-container', {
+                    'f1-min-h-[52px]': error,
+                }), children: [_jsx("textarea", { id: name, name: name, "aria-label": name, ref: (textarea) => {
                             textAreaRef.current = textarea;
-                            if (typeof ref === "function") {
+                            if (typeof ref === 'function') {
                                 ref(textarea);
                             }
-                            else if (typeof ref === "object") {
+                            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,
+                        }, 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-[0.1px]', 'f1-box-border', 'f1-border', { 'focus:f1-outline-[#2B67F9] ': !error }, { 'focus:f1-outline-tertiary-red-500': error }, 'f1-border-solid', 'f1-pr-10', 'f1-max-h-[150px]', 'f1-resize-none', 'f1-font-proxima-nova', inputClassName, 'f1-text-md', 'f1-font-normal', '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 &&
+                        }), 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
+                                : true) && (_jsxs("ul", { className: clsx('frankie-select-options', 'f1-p-1', 'f1-absolute', 'f1-z-50', '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,
+                                    ? ((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-md', 'f1-py-2', 'f1-px-4', 'f1-cursor-pointer', 'f1-text-tertiary-grey-700', {
+                                            '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 })] }) })) })] }));
+                                    : (_jsx("li", { className: clsx('f1-text-md', 'f1-py-2', 'f1-px-4', 'f1-list-none'), children: !options.length && 'No Results Available' })), actionLabel && (_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: actionLabel }))] })) }), icon && !(clearable && !!filterText) && (_jsx("img", { onClick: onClick, className: clsx('f1-absolute', 'f1-top-[25.5%]', 'f1-right-3', 'f1-cursor-pointer'), src: (_b = testid.mockImg) !== null && _b !== void 0 ? _b : (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: (_c = testid.mockImg) !== null && _c !== void 0 ? _c : (error ? icons.closeError : icons.close) }))] }), _jsx("div", { className: "f1-flex", children: (helperText || errorText) && (_jsx("div", { className: clsx('f1-grow', 'f1-text-mono-70', '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-tertiary-red-600'
+                                    : 'f1-text-tertiary-grey-500', 'f1-text-[14px]'), children: [error
+                                        ? (_jsx("img", { className: clsx('f1-mr-1'), src: (_d = testid.mockImg) !== null && _d !== void 0 ? _d : 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

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

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

@@ -1,4 +1,4 @@
-import React from "react";
-import type { IFrankieTextSelectFieldProps } from "../../../types/form";
+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

@@ -1 +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"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/SelectField/SelectField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAKhF,OAAO,KAAK,EAEV,4BAA4B,EAC7B,MAAM,qBAAqB,CAAC;AAC7B,eAAO,MAAM,kBAAkB,qIA6Z7B,CAAC"}

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

@@ -1,21 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable max-len */
+/* eslint-disable no-nested-ternary */
 /* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-member-access */
-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 FrankieSelectField = forwardRef(function FrankieSelectField({ className = "", inputClassName = "", disabled = false, error = false, errorText = "", label, name, placeholder = "", supportingText = "", tag, badge, options, testId = {
-    container: "",
-    input: "",
-    label: "",
-    tag: "",
-    supportingText: "",
-    closeCta: "",
-}, value, onBlur, onChange, onClick, onFocus, autocomplete = false, clearable = false, required, emptyText = "No record", hideError = false, }, ref) {
+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 FrankieSelectField = forwardRef(function FrankieSelectField({ className = '', inputClassName = '', disabled = false, error = false, errorText = '', label, name, placeholder = '', supportingText = '', tag, badge, options, testid = {
+    container: '',
+    input: '',
+    label: '',
+    tag: '',
+    supportingText: '',
+    closeCta: '',
+    mockImg: null,
+}, value, onBlur, onChange, onClick, onFocus, autocomplete = false, clearable = false, required, emptyText = 'No record', hideError = false, selectLabel = null, ulClassName = '', }, ref) {
     // To keep track of the selected index
+    var _a, _b, _c;
     const [selectedIndex, setSelectedIndex] = useState(null);
     // To keep track of value input - usually in case of autocomplete
-    const [filterText, setFilterText] = useState("");
+    const [filterText, setFilterText] = useState('');
     const inputRef = 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]);
@@ -52,7 +56,7 @@ export const FrankieSelectField = forwardRef(function FrankieSelectField({ class
             setSelectedIndex(currentIndex);
         }
         else {
-            setFilterText(currentIndex === -1 ? "" : filteredOptions[currentIndex].label);
+            setFilterText(currentIndex === -1 ? '' : filteredOptions[currentIndex].label);
         }
     }, [isOpen, filteredOptions, value]);
     const handleOptionToggle = (e) => {
@@ -67,26 +71,26 @@ export const FrankieSelectField = forwardRef(function FrankieSelectField({ class
      */
     const handleClear = () => {
         onChange({ target: { value: undefined } });
-        setFilterText("");
+        setFilterText('');
     };
     const handleKeyDown = (e) => {
         switch (e.key) {
-            case "ArrowUp":
-            case "ArrowDown":
+            case 'ArrowUp':
+            case 'ArrowDown':
                 e.preventDefault();
                 if (isOpen) {
                     setSelectedIndex((prevIndex) => {
                         let newIdx = 0;
                         if (prevIndex !== null) {
                             newIdx =
-                                e.key === "ArrowDown"
+                                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",
+                            behavior: 'smooth',
+                            block: 'nearest',
                         });
                         return newIdx;
                     });
@@ -94,7 +98,7 @@ export const FrankieSelectField = forwardRef(function FrankieSelectField({ class
                 else
                     handleOpen();
                 break;
-            case "Enter":
+            case 'Enter':
                 if (selectedIndex !== null) {
                     const { value, label } = filteredOptions[selectedIndex];
                     onChange({ target: { value } });
@@ -103,7 +107,7 @@ export const FrankieSelectField = forwardRef(function FrankieSelectField({ class
                     setSelectedIndex(null);
                 }
                 break;
-            case "Escape":
+            case 'Escape':
                 handleClose();
                 break;
             default:
@@ -121,28 +125,34 @@ export const FrankieSelectField = forwardRef(function FrankieSelectField({ class
         }
         handleToggle();
     };
-    return (_jsxs("div", { className: clsx("f1-w-full", className, {
-            "f1-pointer-events-none": disabled,
-        }), "data-testid": testId.container, ref: parentRef, children: [(label || tag) && (_jsxs("div", { className: clsx("f1-mb-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("f1-flex", "f1-flex-initial", "f1-grow", "f1-justify-end", 'f1-text-[#1F2A37]'), "data-testid": testId.tag, children: tag })] })), _jsxs("div", { className: clsx("f1-relative", "frankie-select-field-container"), children: [_jsx("input", { id: name, name: name, "aria-label": name, ref: (input) => {
+    return (_jsxs("div", { className: clsx('f1-w-full', className, {
+            'f1-pointer-events-none': disabled,
+        }), "data-testid": testid === null || testid === void 0 ? void 0 : testid.container, ref: parentRef, children: [(label || tag) && (_jsxs("div", { children: [_jsx("div", { className: clsx('grow', 'f1-py-2'), children: _jsx("label", { htmlFor: name, className: clsx('f1-text-sm', 'f1-font-medium', 'f1-text-[#1F2A37]'), "data-testid": testid === null || testid === void 0 ? void 0 : testid.label, children: label }) }), _jsx("div", { className: clsx('f1-flex', 'f1-flex-initial', 'f1-grow', 'f1-justify-end', 'f1-text-[#1F2A37]'), "data-testid": testid === null || testid === void 0 ? void 0 : testid.tag, children: tag })] })), _jsxs("div", { className: clsx('f1-relative', 'frankie-select-field-container'), children: [_jsx("input", { id: name, name: name, "aria-label": name, ref: (input) => {
                             inputRef.current = input;
-                            if (typeof ref === "function") {
+                            if (typeof ref === 'function') {
                                 ref(input);
                             }
                             else if (ref) {
                                 ref.current = input;
                             }
-                        }, className: clsx("f1-w-full", "f1-px-[16px]", "f1-py-[14px]", "border-slate-300", "rounded-xl", "f1-border", "f1-border-solid", "f1-rounded-sm", "f1-pl-4", "f1-box-border", inputClassName, 'f1-text-md', 'f1-font-normal', '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, type: "text", value: filterText, "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 && (_jsx("ul", { className: clsx("frankie-select-options", "f1-max-h-64", "f1-overflow-scroll", "f1-absolute", "f1-z-10", "f1-bg-mono-white", "f1-shadow-md", "f1-rounded-sm", "f1-p-0", "f1-w-full", "f1-scrollbar-sm", "f1-overflow-x-hidden", "f1-mt-0"), children: filteredOptions.length > 0
-                                ? (filteredOptions.map((option, index) => (_jsx("li", { role: "option", "aria-selected": index === selectedIndex, onClick: handleSelectOption(option), onKeyDown: handleKeyDown, className: clsx("f1-list-none", "f1-p-4", "f1-hover:bg-grey-300", "f1-text-sm", "text-gray-800", "cursor-pointer", "f1-m-0", "focus:f1-bg-primary-50", { "f1-bg-primary-50": index === selectedIndex }, {
-                                        "hover:f1-bg-tertiary-grey-100": index !== selectedIndex,
+                        }, className: clsx('f1-w-full', 'f1-px-[16px]', 'f1-py-[14px]', 'border-slate-300', 'rounded-xl', inputClassName, 'focus:f1-outline-[0.1px]', 'f1-border', 'f1-border-solid', 'f1-rounded-sm', { 'focus:f1-outline-[#2B67F9] ': !error }, { 'focus:f1-outline-tertiary-red-500': error }, 'f1-pl-4', 'f1-box-border', 'f1-text-md', 'f1-font-normal', '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, type: "text", value: selectLabel !== null && selectLabel !== void 0 ? selectLabel : filterText, "data-testid": testid === null || testid === void 0 ? void 0 : testid.input, onBlur: onBlur, onChange: handleChange, onClick: handleOptionToggle, onFocus: onFocus, required: required, onKeyDown: handleKeyDown, autoComplete: "off" }), _jsx("div", { className: "f1-relative ", children: isOpen && (_jsx("ul", { className: clsx('frankie-select-options', 'f1-max-h-64', 'f1-overflow-scroll', 'f1-absolute', 'f1-z-50', 'f1-bg-mono-white', 'f1-shadow-md', 'f1-rounded-sm', 'f1-p-0', ulClassName, { 'f1-w-full': !ulClassName.length }, 'f1-scrollbar-sm', 'f1-overflow-x-hidden', 'f1-mt-0'), children: filteredOptions.length > 0
+                                ? (filteredOptions.map((option, index) => (_jsx("li", { role: "option", "aria-selected": index === selectedIndex, onClick: handleSelectOption(option), onKeyDown: handleKeyDown, className: clsx('f1-list-none', 'f1-p-4', 'f1-text-md', 'f1-hover:bg-grey-300', 'text-gray-800', 'cursor-pointer', 'f1-m-0', 'focus:f1-bg-primary-50', { 'f1-bg-primary-50': index === selectedIndex }, {
+                                        'hover:f1-bg-tertiary-grey-100': index !== selectedIndex,
                                     }, `frankie-select-option-${index}`), "data-testid": option.testId, children: option.label }, option.value))))
-                                : (_jsx("li", { className: clsx("f1-text-sm", "f1-py-2", "f1-px-4"), children: emptyText })) })) }), !(clearable && !!filterText) && (_jsx("img", { onClick: handleDropdown, className: clsx("f1-absolute", "f1-bottom-[13px]", "f1-right-3", "text-tertiary-grey-500", "f1-cursor-pointer", "f1-fill-tertiary-red-600"), src: error ? icons === null || icons === void 0 ? void 0 : icons.chevronDownError : icons.chevronDown })), !!badge && badge, clearable && !!filterText && (_jsx("img", { "data-testid": testId.closeCta, onClick: handleClear, className: clsx("f1-absolute", "f1-bottom-[13px]", "f1-right-3", "f1-cursor-pointer"), src: error ? icons.closeError : icons.close }))] }), _jsx("div", { className: clsx("f1-flex"), children: (supportingText || errorText) && !hideError && (_jsx("div", { className: clsx("f1-grow", "f1-text-mono-70", "f1-pt-1", "f1-text-sm"), children: _jsx("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-items-center", {
-                            "f1-text-[red]": error,
-                        }), children: _jsxs("div", { "data-testid": testId.supportingText, className: clsx("f1-flex", "f1-text-[red]", "f1-text-[14px]"), children: [error && (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline })), error ? errorText : supportingText] }) }) })) })] }));
+                                : (_jsx("li", { className: clsx('f1-text-sm', 'f1-py-2', 'f1-px-4'), children: emptyText })) })) }), !(clearable && !!filterText) && (_jsx("img", { onClick: handleDropdown, className: clsx('f1-absolute', 'f1-bottom-[13px]', 'f1-right-3', 'text-tertiary-grey-500', 'f1-cursor-pointer', 'f1-fill-tertiary-red-600'), src: (_a = testid === null || testid === void 0 ? void 0 : testid.mockImg) !== null && _a !== void 0 ? _a : (!isOpen
+                            ? error
+                                ? icons.chevronDownError
+                                : icons.chevronDown
+                            : error
+                                ? icons.chevronUpError
+                                : icons.chevronUp) })), !!badge && badge, clearable && !!filterText && (_jsx("img", { "data-testid": testid === null || testid === void 0 ? void 0 : testid.closeCta, onClick: handleClear, className: clsx('f1-absolute', 'f1-bottom-[13px]', 'f1-right-3', 'f1-cursor-pointer'), src: (_b = testid === null || testid === void 0 ? void 0 : testid.mockImg) !== null && _b !== void 0 ? _b : (error ? icons.closeError : icons.close) }))] }), _jsx("div", { className: clsx('f1-flex'), children: (supportingText || errorText) && !hideError && (_jsx("div", { className: clsx('f1-grow', 'f1-text-mono-70', 'f1-pt-1', 'f1-text-sm'), children: _jsx("div", { className: clsx('f1-flex', 'f1-flex-initial', 'f1-items-center', {
+                            'f1-text-tertiary-red-600': error,
+                        }), children: _jsxs("div", { "data-testid": testid === null || testid === void 0 ? void 0 : testid.supportingText, className: clsx('f1-flex', 'f1-text-tertiary-red-600', 'f1-text-[14px]'), children: [error && (_jsx("img", { className: clsx('f1-mr-1'), src: (_c = testid === null || testid === void 0 ? void 0 : testid.mockImg) !== null && _c !== void 0 ? _c : icons.alertCircleOutline })), error ? errorText : supportingText] }) }) })) })] }));
 });
 //# sourceMappingURL=SelectField.js.map