@codezee/sixtify-brahma 0.2.201 → 0.2.202

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAKlD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AASH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,IAAQ,EACR,QAAiC,GAClC,EAAE,gBAAgB,2CA6OlB"}
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC,CAAC;AASH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,IAAQ,EACR,QAAiC,GAClC,EAAE,gBAAgB,2CA6OlB"}

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.js

@@ -5,10 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageUpload = ImageUpload;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
 const CameraAltOutlined_1 = __importDefault(require("@mui/icons-material/CameraAltOutlined"));
+const Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+const Edit_1 = __importDefault(require("@mui/icons-material/Edit"));
 const PersonAddAlt_1 = __importDefault(require("@mui/icons-material/PersonAddAlt"));
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Fade_1 = __importDefault(require("@mui/material/Fade"));
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const react_1 = require("react");
 const react_i18next_1 = require("react-i18next");
 const Button_1 = require("../../Button");
@@ -27,7 +33,7 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
     const { inputRef, setInputRef, maintainFocusAfterClose } = (0, useFormFieldFocus_1.useFormFieldFocus)({
         isOpen: isOpenCaptureModal,
     });
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue, iron, lightBlue } = theme.palette.app.color;
     const handleFileChange = (event) => {
         if (event.target.files) {
@@ -69,7 +75,7 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { flexWrap: isCapture ? "wrap" : "nowrap", gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onKeyDown: handleContainerKeyDown, onMouseEnter: () => setHover(true), onFocus: () => setHover(true), onBlur: (e) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { flexWrap: isCapture ? "wrap" : "nowrap", gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(Box_1.default, { onClick: () => !defaultValue && inputRef.current?.click(), onKeyDown: handleContainerKeyDown, onMouseEnter: () => setHover(true), onFocus: () => setHover(true), onBlur: (e) => {
                             if (!e.currentTarget.contains(e.relatedTarget)) {
                                 setHover(false);
                             }
@@ -101,25 +107,25 @@ function ImageUpload({ variant = "square", isUploading = false, defaultValue = "
                                     },
                                 }
                                 : {}),
-                        }, children: [(0, jsx_runtime_1.jsx)("input", { type: "file", ref: setInputRef, accept: imageFileType.join(","), onChange: handleFileChange, style: { display: "none" } }), (0, jsx_runtime_1.jsx)(material_1.Fade, { in: hover && !!defaultValue, timeout: { enter: 300, exit: 1000 }, children: (0, jsx_runtime_1.jsxs)(ImageUpload_styled_1.DarkBackgroundContainer, { onFocus: () => setHover(true), onBlur: (e) => {
+                        }, children: [(0, jsx_runtime_1.jsx)("input", { type: "file", ref: setInputRef, accept: imageFileType.join(","), onChange: handleFileChange, style: { display: "none" } }), (0, jsx_runtime_1.jsx)(Fade_1.default, { in: hover && !!defaultValue, timeout: { enter: 300, exit: 1000 }, children: (0, jsx_runtime_1.jsxs)(ImageUpload_styled_1.DarkBackgroundContainer, { onFocus: () => setHover(true), onBlur: (e) => {
                                         if (!e.currentTarget.contains(e.relatedTarget)) {
                                             setHover(false);
                                         }
-                                    }, children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { tabIndex: 0, onClick: () => inputRef.current?.click(), onKeyDown: (event) => {
+                                    }, children: [(0, jsx_runtime_1.jsx)(IconButton_1.default, { tabIndex: 0, onClick: () => inputRef.current?.click(), onKeyDown: (event) => {
                                                 if (event.key === "Enter" || event.key === " ") {
                                                     event.preventDefault();
                                                     inputRef.current?.click();
                                                 }
-                                            }, children: (0, jsx_runtime_1.jsx)(icons_material_1.Edit, { sx: { color: lightBlue[50] } }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onKeyDown: (event) => {
+                                            }, children: (0, jsx_runtime_1.jsx)(Edit_1.default, { sx: { color: lightBlue[50] } }) }), (0, jsx_runtime_1.jsx)(IconButton_1.default, { onKeyDown: (event) => {
                                                 if (event.key === "Enter" || event.key === " ") {
                                                     event.preventDefault();
                                                     onDelete();
                                                 }
-                                            }, tabIndex: 0, onClick: handleFileRemove, children: (0, jsx_runtime_1.jsx)(icons_material_1.Delete, { sx: { color: lightBlue[50] } }) })] }) }), isUploading && ((0, jsx_runtime_1.jsx)(ImageUpload_styled_1.DarkBackgroundContainer, { children: (0, jsx_runtime_1.jsx)(material_1.Typography, { color: iron[600], children: "Processing..." }) })), defaultValue ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, style: {
+                                            }, tabIndex: 0, onClick: handleFileRemove, children: (0, jsx_runtime_1.jsx)(Delete_1.default, { sx: { color: lightBlue[50] } }) })] }) }), isUploading && ((0, jsx_runtime_1.jsx)(ImageUpload_styled_1.DarkBackgroundContainer, { children: (0, jsx_runtime_1.jsx)(Typography_1.default, { color: iron[600], children: "Processing..." }) })), defaultValue ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, style: {
                                         width: "100%",
                                         height: "100%",
                                         objectFit: "cover",
-                                    } }) })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)(PersonAddAlt_1.default, {}) }))] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { noWrap: true, variant: "subtitle1", fontWeight: 500, children: label }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: iron[800], children: subTitle })] }), isCapture && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setIsOpenCaptureModal(true), variant: "outlined", fullWidth: layout === "mobile", children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", children: [(0, jsx_runtime_1.jsx)(CameraAltOutlined_1.default, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", children: "Capture photo" })] }) }))] }), isOpenCaptureModal && ((0, jsx_runtime_1.jsx)(PhotoCaptureDialog_1.PhotoCaptureDialog, { onChange: onChange, isUploading: isUploading, open: isOpenCaptureModal, onClose: () => {
+                                    } }) })) : ((0, jsx_runtime_1.jsx)(Stack_1.default, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)(PersonAddAlt_1.default, {}) }))] }), (0, jsx_runtime_1.jsxs)(Stack_1.default, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, { noWrap: true, variant: "subtitle1", fontWeight: 500, children: label }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", color: iron[800], children: subTitle })] }), isCapture && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => setIsOpenCaptureModal(true), variant: "outlined", fullWidth: layout === "mobile", children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", direction: "row", children: [(0, jsx_runtime_1.jsx)(CameraAltOutlined_1.default, {}), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body1", children: "Capture photo" })] }) }))] }), isOpenCaptureModal && ((0, jsx_runtime_1.jsx)(PhotoCaptureDialog_1.PhotoCaptureDialog, { onChange: onChange, isUploading: isUploading, open: isOpenCaptureModal, onClose: () => {
                     setIsOpenCaptureModal(false);
                     maintainFocusAfterClose();
                 } }))] }));

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts

@@ -1,4 +1,4 @@
-import type { BoxProps } from "@mui/material";
+import { type BoxProps } from "@mui/material/Box";
 import type { ComponentType } from "react";
 export declare const DarkBackgroundContainer: ComponentType<BoxProps>;
 //# sourceMappingURL=ImageUpload.styled.d.ts.map

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC,QAAQ,CAgB1D,CAAC"}
+{"version":3,"file":"ImageUpload.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.styled.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,uBAAuB,EAAE,aAAa,CAAC,QAAQ,CAgB1D,CAAC"}

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUpload.styled.js

@@ -1,15 +1,19 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DarkBackgroundContainer = void 0;
-const material_1 = require("@mui/material");
-exports.DarkBackgroundContainer = (0, material_1.styled)(material_1.Box)(({ theme, }) => {
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
+exports.DarkBackgroundContainer = (0, styles_1.styled)(Box_1.default)(({ theme, }) => {
     return {
         position: "absolute",
         top: 0,
         left: 0,
         right: 0,
         bottom: 0,
-        backgroundColor: (0, material_1.alpha)(theme.palette.app.color.mirage[600], 0.2),
+        backgroundColor: (0, styles_1.alpha)(theme.palette.app.color.mirage[600], 0.2),
         display: "flex",
         justifyContent: "center",
         alignItems: "center",

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUploadView.d.ts

@@ -1,4 +1,4 @@
-import { type SxProps } from "@mui/material";
+import { type SxProps } from "@mui/material/styles";
 export type ImageUploadViewProps = Readonly<{
     defaultValue?: string;
     variant: string;

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUploadView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadView.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUploadView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,OAAO,EAAY,MAAM,eAAe,CAAC;AAG3E,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAC3E,CAAC,CAAC;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,EAAE,EACF,cAAc,EACd,UAAoB,EACpB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CA0GtB"}
+{"version":3,"file":"ImageUploadView.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUploadView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,OAAO,EAAY,MAAM,sBAAsB,CAAC;AAG9D,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IACzE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAC3E,CAAC,CAAC;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,EAAE,EACF,cAAc,EACd,UAAoB,EACpB,KAAK,EACL,MAAM,GACP,EAAE,oBAAoB,2CA0GtB"}

package/packages/shared-components/dist/FormFields/ImageUpload/ImageUploadView.js

@@ -1,11 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageUploadView = ImageUploadView;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Avatar_1 = __importDefault(require("@mui/material/Avatar"));
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
 const react_1 = require("react");
 function ImageUploadView({ defaultValue, variant, sx, borderProgress, borderSide = "right", width, height, }) {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { butterflyBlue } = theme.palette.app.color;
     const [hasError, setHasError] = (0, react_1.useState)(false);
     const defaultImageSize = { xs: "100px", md: "120px" };
@@ -34,7 +40,7 @@ function ImageUploadView({ defaultValue, variant, sx, borderProgress, borderSide
         return `polygon(${leftEndX}% 0%, ${startX}% 0%, ${startX}% 100%, ${leftEndX}% 100%)`;
     };
     const borderClipPath = getBorderClipPath();
-    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+    return ((0, jsx_runtime_1.jsx)(Box_1.default, { sx: {
             width: "100%",
             minWidth: imageWidth,
             maxWidth: imageWidth,
@@ -59,9 +65,9 @@ function ImageUploadView({ defaultValue, variant, sx, borderProgress, borderSide
                 borderRadius,
             },
             ...sx,
-        }, children: defaultValue && !hasError ? ((0, jsx_runtime_1.jsx)(material_1.Stack, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, onError: () => setHasError(true), style: {
+        }, children: defaultValue && !hasError ? ((0, jsx_runtime_1.jsx)(Stack_1.default, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)("img", { alt: "", src: defaultValue, onError: () => setHasError(true), style: {
                     width: "100%",
                     height: "100%",
                     objectFit: "cover",
-                } }) })) : ((0, jsx_runtime_1.jsx)(material_1.Stack, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)(material_1.Avatar, { sx: { width: "100%", height: "100%" } }) })) }));
+                } }) })) : ((0, jsx_runtime_1.jsx)(Stack_1.default, { justifyContent: "center", alignItems: "center", sx: { height: "100%" }, children: (0, jsx_runtime_1.jsx)(Avatar_1.default, { sx: { width: "100%", height: "100%" } }) })) }));
 }

package/packages/shared-components/dist/FormFields/ImageUpload/PhotoCaptureDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhotoCaptureDialog.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/PhotoCaptureDialog.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2CAKhC,uBAAuB,4CAqDzB,CAAC"}
+{"version":3,"file":"PhotoCaptureDialog.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/PhotoCaptureDialog.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,QAAQ,CAAC;IAClB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,2CAKhC,uBAAuB,4CAqDzB,CAAC"}

package/packages/shared-components/dist/FormFields/ImageUpload/PhotoCaptureDialog.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhotoCaptureDialog = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const file64_1 = require("file64");
 const react_1 = require("react");
 const react_webcam_1 = __importDefault(require("react-webcam"));
@@ -29,7 +29,7 @@ const PhotoCaptureDialog = ({ open, isUploading, onClose, onChange, }) => {
             }
         }
     }, [webcamRef]);
-    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { onClose: onClose, open: open, title: "Photo Capture", maxWidth: "md", actions: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClose, variant: "outlined", children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => {
+    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { onClose: onClose, open: open, title: "Photo Capture", maxWidth: "md", actions: (0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: "row", gap: "5px", children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: onClose, variant: "outlined", children: "Cancel" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { onClick: () => {
                         capture();
                     }, loading: isUploading, children: "Save" })] }), children: (0, jsx_runtime_1.jsx)(react_webcam_1.default, { mirrored: true, ref: webcamRef, screenshotFormat: "image/jpeg", width: "100%", height: "600" }) }));
 };

package/packages/shared-components/dist/FormFields/ImageUpload/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/Skeleton.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,+CA4BpB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/Skeleton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,+CA8BpB,CAAC"}

package/packages/shared-components/dist/FormFields/ImageUpload/Skeleton.js

@@ -1,14 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const Skeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: "120px", height: "120px", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: "120px", height: "120px", sx: {
                     transform: "scale(1)",
-                } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "8px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 129, height: "24px", sx: {
+                } }), (0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "8px", children: [(0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 129, height: "24px", sx: {
                             transform: "scale(1)",
-                        } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 129, height: "16px", sx: {
+                        } }), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 129, height: "16px", sx: {
                             transform: "scale(1)",
                         } })] })] }));
 };

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.d.ts

@@ -1,5 +1,5 @@
-import { type ListItemButtonProps as MuiListItemButtonProps } from "@mui/material";
 import { type ReactNode } from "react";
+import type { ListItemButtonProps as MuiListItemButtonProps } from "@mui/material/ListItemButton";
 export type ListItemButtonProps = MuiListItemButtonProps & {
     label: string;
     actions?: ReactNode;

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,eAAe,CAAC;AACvB,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpE,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,uBAAuB,EAC3B,EAAE,mBAAmB,2CAiErB"}
+{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpE,OAAO,KAAK,EAAE,mBAAmB,IAAI,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAElG,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,WAAW,EACX,GAAG,uBAAuB,EAC3B,EAAE,mBAAmB,2CAiErB"}

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.js

@@ -1,13 +1,18 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListItemButton = ListItemButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const react_1 = require("react");
 const Tooltip_1 = require("../../Tooltip");
 const ListItemButton_styled_1 = require("./ListItemButton.styled");
 function ListItemButton({ label, selected, actions, companyName, ...restListItemButtonProps }) {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { iron } = theme.palette.app.color;
     const textRef = (0, react_1.useRef)(null);
     const [isOverflowed, setIsOverflowed] = (0, react_1.useState)(false);
@@ -22,11 +27,11 @@ function ListItemButton({ label, selected, actions, companyName, ...restListItem
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
     }, [label, companyName]);
-    return ((0, jsx_runtime_1.jsx)(ListItemButton_styled_1.StyledListItemButton, { selected: selected, alignItems: "flex-start", ...restListItemButtonProps, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", direction: "column", flex: 1, display: "grid", children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: label, checkOverflow: !isOverflowed, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", fontWeight: 500, ref: textRef, sx: {
+    return ((0, jsx_runtime_1.jsx)(ListItemButton_styled_1.StyledListItemButton, { selected: selected, alignItems: "flex-start", ...restListItemButtonProps, children: (0, jsx_runtime_1.jsxs)(Stack_1.default, { width: "100%", flexDirection: "row", alignItems: "center", justifyContent: "space-between", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", direction: "column", flex: 1, display: "grid", children: [(0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { toolTipLabel: label, checkOverflow: !isOverflowed, children: (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "body2", fontWeight: 500, ref: textRef, sx: {
                                     width: "auto",
                                     whiteSpace: "nowrap",
                                     overflow: "hidden",
                                     textOverflow: "ellipsis",
                                     display: "block",
-                                }, children: label }) }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", color: iron[800], children: companyName })] }), actions] }) }));
+                                }, children: label }) }), (0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", color: iron[800], children: companyName })] }), actions] }) }));
 }

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.d.ts

@@ -1,4 +1,4 @@
-import { type ListItemButtonProps as MuiListItemButtonProps } from "@mui/material";
+import { type ListItemButtonProps as MuiListItemButtonProps } from "@mui/material/ListItemButton";
 import type { ComponentType } from "react";
 export declare const StyledListItemButton: ComponentType<MuiListItemButtonProps & {
     selected?: boolean;

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItemButton.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAC9C,sBAAsB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAgB9C,CAAC"}
+{"version":3,"file":"ListItemButton.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.styled.tsx"],"names":[],"mappings":"AAAA,OAA0B,EACxB,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,8BAA8B,CAAC;AAGtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,eAAO,MAAM,oBAAoB,EAAE,aAAa,CAC9C,sBAAsB,GAAG;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,CAgB9C,CAAC"}

package/packages/shared-components/dist/FormFields/ListItemButton/ListItemButton.styled.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StyledListItemButton = void 0;
-const material_1 = require("@mui/material");
-exports.StyledListItemButton = (0, material_1.styled)(material_1.ListItemButton, {
+const ListItemButton_1 = __importDefault(require("@mui/material/ListItemButton"));
+const styles_1 = require("@mui/material/styles");
+exports.StyledListItemButton = (0, styles_1.styled)(ListItemButton_1.default, {
     shouldForwardProp: (prop) => prop !== "selected",
 })(({ theme, selected }) => ({
     background: theme.palette.app.color.iron[600],

package/packages/shared-components/dist/FormFields/PasswordField/PasswordField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,QAAQ,CACvD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CACtC,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EACjD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAoC7B"}
+{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,KAAK,kBAAkB,CAAC,CAAC,SAAS,WAAW,IAAI,QAAQ,CACvD,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,CACtC,CAAC;AAEF,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,EACjD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,2CAoC7B"}

package/packages/shared-components/dist/FormFields/PasswordField/PasswordField.js

@@ -5,10 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PasswordField = PasswordField;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_material_1 = require("@mui/icons-material");
+const LockOutlined_1 = __importDefault(require("@mui/icons-material/LockOutlined"));
 const VisibilityOffOutlined_1 = __importDefault(require("@mui/icons-material/VisibilityOffOutlined"));
 const VisibilityOutlined_1 = __importDefault(require("@mui/icons-material/VisibilityOutlined"));
-const material_1 = require("@mui/material");
+const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+const InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
 const react_1 = require("react");
 const TextField_1 = require("../TextField");
 function PasswordField(props) {
@@ -17,7 +18,7 @@ function PasswordField(props) {
         setIsPasswordVisible((prevState) => !prevState);
     };
     return ((0, jsx_runtime_1.jsx)(TextField_1.TextField, { type: isPasswordVisible ? "text" : "password", InputProps: {
-            startAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "start", children: (0, jsx_runtime_1.jsx)(icons_material_1.LockOutlined, { fontSize: "small" }) })),
-            endAdornment: ((0, jsx_runtime_1.jsx)(material_1.InputAdornment, { position: "end", children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { "aria-label": "toggle password visibility", onClick: togglePasswordVisibility, edge: "end", children: isPasswordVisible ? ((0, jsx_runtime_1.jsx)(VisibilityOffOutlined_1.default, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(VisibilityOutlined_1.default, { fontSize: "small" })) }) })),
+            startAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "start", children: (0, jsx_runtime_1.jsx)(LockOutlined_1.default, { fontSize: "small" }) })),
+            endAdornment: ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, { position: "end", children: (0, jsx_runtime_1.jsx)(IconButton_1.default, { "aria-label": "toggle password visibility", onClick: togglePasswordVisibility, edge: "end", children: isPasswordVisible ? ((0, jsx_runtime_1.jsx)(VisibilityOffOutlined_1.default, { fontSize: "small" })) : ((0, jsx_runtime_1.jsx)(VisibilityOutlined_1.default, { fontSize: "small" })) }) })),
         }, ...props }));
 }

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts

@@ -1,7 +1,7 @@
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
-import type { PhoneInputProps } from "react-phone-input-2";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
 import type { Styling } from "../../utils/types";
+import type { PhoneInputProps } from "react-phone-input-2";
 export type PhoneInputFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<PhoneInputProps, keyof ControllerRenderProps<P>> & {
     label?: string;
     loading?: boolean;

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAIjD,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,aAAa,EACb,OAAkB,EAClB,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAkMzB"}
+{"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAIzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAK7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3D,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,aAAa,EACb,OAAkB,EAClB,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAyMzB"}

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.js

@@ -6,16 +6,22 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneInputField = PhoneInputField;
 const jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable sonarjs/no-nested-conditional */
-const material_1 = require("@mui/material");
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
+const styles_1 = require("@mui/material/styles");
+const Typography_1 = __importDefault(require("@mui/material/Typography"));
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
 const react_phone_input_2_1 = __importDefault(require("react-phone-input-2"));
+const utils_1 = require("../../utils");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const PhoneInputField_styled_1 = require("./PhoneInputField.styled");
 const Skeleton_1 = require("./Skeleton");
 function PhoneInputField({ control, name, defaultValue, rules, label, disabled = false, required, rows, loading = false, placeholder = "", error, helperText, navigationKey, styling = "custom", ...phoneInputProps }) {
-    const theme = (0, material_1.useTheme)();
+    const theme = (0, styles_1.useTheme)();
     const { iron, red, slate } = theme.palette.app.color;
+    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
+    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
     const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({
         name,
         control,
@@ -23,7 +29,10 @@ function PhoneInputField({ control, name, defaultValue, rules, label, disabled =
         rules,
     });
     const [dropdownOpen, setDropdownOpen] = (0, react_1.useState)(false);
-    const { setInputRef, maintainFocusAfterClose, handleKeyDown } = (0, useFormFieldFocus_1.useFormFieldFocus)({ isOpen: dropdownOpen, navigationKey });
+    const { setInputRef, maintainFocusAfterClose, handleKeyDown } = (0, useFormFieldFocus_1.useFormFieldFocus)({
+        isOpen: dropdownOpen,
+        navigationKey: resolvedNavigationKey,
+    });
     const containerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         const container = containerRef.current;
@@ -87,7 +96,7 @@ function PhoneInputField({ control, name, defaultValue, rules, label, disabled =
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows, styling: styling });
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(PhoneInputField_styled_1.PhoneInputWrapper, { ref: containerRef, styling: styling, error: error, className: styling === "custom" ? "custom_phone_input" : "default_phone_input", children: (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, specialLabel: label ?? "", placeholder: placeholder || label, onChange: (phone) => {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "5px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { required: required, disabled: disabled, children: label })), (0, jsx_runtime_1.jsx)(PhoneInputField_styled_1.PhoneInputWrapper, { ref: containerRef, styling: styling, error: error, className: styling === "custom" ? "custom_phone_input" : "default_phone_input", children: (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, specialLabel: label ?? "", placeholder: placeholder || label, onChange: (phone) => {
                                 onChange(phone);
                             }, value: value, onBlur: () => {
                                 restField.onBlur();
@@ -117,7 +126,7 @@ function PhoneInputField({ control, name, defaultValue, rules, label, disabled =
                                 color: disabled ? iron[100] : slate[900],
                             }, containerClass: "phone-input-container", inputClass: "phone-input-field", buttonStyle: {
                                 border: "none",
-                            }, ...phoneInputProps }) })] }), error && ((0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "caption", sx: {
+                            }, ...phoneInputProps }) })] }), error && ((0, jsx_runtime_1.jsx)(Typography_1.default, { variant: "caption", sx: {
                     color: "red",
                     whiteSpace: "pre",
                     textWrap: "wrap",

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.styled.d.ts

@@ -1,6 +1,6 @@
-import { type BoxProps } from "@mui/material";
-import type { ComponentType } from "react";
+import { type BoxProps } from "@mui/material/Box";
 import type { Styling } from "../../utils/types";
+import type { ComponentType } from "react";
 type PhoneInputWrapperProps = BoxProps & {
     styling?: Styling;
     error?: boolean;

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInputField.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.styled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,QAAQ,EAAkB,MAAM,eAAe,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,sBAAsB,GAAG,QAAQ,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAuNlE,CAAC"}
+{"version":3,"file":"PhoneInputField.styled.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.styled.tsx"],"names":[],"mappings":"AAAA,OAAY,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,KAAK,sBAAsB,GAAG,QAAQ,GAAG;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,aAAa,CAAC,sBAAsB,CAwNlE,CAAC"}

package/packages/shared-components/dist/FormFields/PhoneInputField/PhoneInputField.styled.js

@@ -1,8 +1,12 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PhoneInputWrapper = void 0;
-const material_1 = require("@mui/material");
-exports.PhoneInputWrapper = (0, material_1.styled)(material_1.Box)(({ styling, theme, error }) => {
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const styles_1 = require("@mui/material/styles");
+exports.PhoneInputWrapper = (0, styles_1.styled)(Box_1.default)(({ styling, theme, error }) => {
     const baseStyles = {
         position: "relative",
     };
@@ -202,8 +206,9 @@ exports.PhoneInputWrapper = (0, material_1.styled)(material_1.Box)(({ styling, t
                     top: "-7px",
                     left: "10px",
                     display: "block",
+                    color: black[900],
                     background: iron[600],
-                    opacity: "0.8",
+                    opacity: "1",
                     fontSize: "10.5px",
                     whiteSpace: "nowrap",
                     lineHeight: "1.1",

package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/Skeleton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,0BAA0B,aAAa,4CAuB/D,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,0BAA0B,aAAa,4CAuB/D,CAAC"}

package/packages/shared-components/dist/FormFields/PhoneInputField/Skeleton.js

@@ -1,13 +1,17 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Skeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const Skeleton = ({ rows, label, styling }) => {
     const height = rows === undefined ? 35.69 : rows * 26.5;
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "18.69px", sx: {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { gap: "10px", children: [label && styling === "custom" && ((0, jsx_runtime_1.jsx)(Skeleton_1.default, { width: 120, height: "18.69px", sx: {
                     transform: "scale(1)",
-                } })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: `${height}px`, sx: {
+                } })), (0, jsx_runtime_1.jsx)(Skeleton_1.default, { height: `${height}px`, sx: {
                     transform: "scale(1)",
                 } })] }));
 };

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts

@@ -1,8 +1,9 @@
-import { type StackOwnProps, type StackProps, type SxProps } from "@mui/material";
 import { type RadioProps as MuiRadioProps } from "@mui/material/Radio";
+import { type StackOwnProps, type StackProps } from "@mui/material/Stack";
 import { type ReactNode } from "react";
 import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
 import { type NavigationKey } from "../../utils/hooks/useFormFieldFocus";
+import type { SxProps } from "@mui/material/styles";
 type Options = {
     values: boolean | string;
     label?: ReactNode;

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAG7C,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,EAAO,EACP,cAAc,EACd,YAAoB,EACpB,aAAa,EACb,cAAc,EACd,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAwIzB"}
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAc,EACZ,KAAK,aAAa,EAClB,KAAK,UAAU,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,qCAAqC,CAAC;AAI7C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAEpD,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;IACb,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,YAAY,EACZ,IAAc,EACd,KAAmB,EACnB,OAAe,EACf,QAAgB,EAChB,SAAiB,EACjB,EAAO,EACP,cAAc,EACd,YAAoB,EACpB,aAAa,EACb,cAAc,EACd,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CA4IzB"}

package/packages/shared-components/dist/FormFields/RadioGroupField/RadioGroupField.js

@@ -5,15 +5,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioGroupField = RadioGroupField;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const material_1 = require("@mui/material");
+const Box_1 = __importDefault(require("@mui/material/Box"));
+const FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+const InputLabel_1 = __importDefault(require("@mui/material/InputLabel"));
 const Radio_1 = __importDefault(require("@mui/material/Radio"));
+const RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
+const Stack_1 = __importDefault(require("@mui/material/Stack"));
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../../utils");
 const useFormFieldFocus_1 = require("../../utils/hooks/useFormFieldFocus");
 const Skeleton_1 = require("./Skeleton");
 function RadioGroupField({ name, rules, label, control, options, defaultValue, size = "small", color = "secondary", loading = false, required = false, direction = "row", sx = {}, containerProps, isHorizontal = false, navigationKey, customOnChange, ...restRadioButtonProps }) {
     const { field: { value, onChange, ref, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
-    const { inputRef, handleKeyDown: handleNavigationKeyDown, maintainFocus, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey });
+    const { navigationKey: navigationKeyFromContext } = (0, utils_1.useNavigationKeyContext)();
+    const resolvedNavigationKey = navigationKey ?? navigationKeyFromContext;
+    const { inputRef, handleKeyDown: handleNavigationKeyDown, maintainFocus, } = (0, useFormFieldFocus_1.useFormFieldFocus)({ navigationKey: resolvedNavigationKey });
     const fallbackInputRef = (0, react_1.useRef)(null);
     const handleKeyDown = (event) => {
         handleNavigationKeyDown(event, undefined, false);
@@ -21,11 +28,11 @@ function RadioGroupField({ name, rules, label, control, options, defaultValue, s
     if (loading) {
         return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: isHorizontal ? "row" : "column", alignItems: isHorizontal ? "center" : undefined, gap: isHorizontal ? 1 : "5px", children: [label && ((0, jsx_runtime_1.jsx)(material_1.InputLabel, { sx: {
+    return ((0, jsx_runtime_1.jsxs)(Stack_1.default, { direction: isHorizontal ? "row" : "column", alignItems: isHorizontal ? "center" : undefined, gap: isHorizontal ? 1 : "5px", children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { sx: {
                     whiteSpace: "normal",
                     overflow: "visible",
                     textOverflow: "unset",
-                }, required: required, disabled: restRadioButtonProps.disabled, children: label })), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onKeyDown: handleKeyDown, onChange: (event, radioValue) => {
+                }, required: required, disabled: restRadioButtonProps.disabled, children: label })), (0, jsx_runtime_1.jsx)(RadioGroup_1.default, { name: name, value: value, onKeyDown: handleKeyDown, onChange: (event, radioValue) => {
                     let selectedValue;
                     if (radioValue === "true") {
                         selectedValue = true;
@@ -53,10 +60,10 @@ function RadioGroupField({ name, rules, label, control, options, defaultValue, s
                         inputRef.current = fallbackInputRef.current;
                     }
                     maintainFocus();
-                }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: direction === "column" ? "5px" : "10px", direction: direction, ...containerProps, children: options?.map(({ label, values, disabled }, index) => {
+                }, children: (0, jsx_runtime_1.jsx)(Stack_1.default, { gap: direction === "column" ? "5px" : "10px", direction: direction, ...containerProps, children: options?.map(({ label, values, disabled }, index) => {
                         return (
                         // eslint-disable-next-line sonarjs/no-array-index-key
-                        (0, jsx_runtime_1.jsx)(material_1.Box, { children: (0, jsx_runtime_1.jsx)(material_1.FormControlLabel, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size, inputRef: (el) => {
+                        (0, jsx_runtime_1.jsx)(Box_1.default, { children: (0, jsx_runtime_1.jsx)(FormControlLabel_1.default, { value: values, control: (0, jsx_runtime_1.jsx)(Radio_1.default, { ...restField, ...restRadioButtonProps, color: color, size: size, inputRef: (el) => {
                                         if (!el) {
                                             return;
                                         }

package/packages/shared-components/dist/FormFields/RadioGroupField/Skeleton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/Skeleton.tsx"],"names":[],"mappings":"AACA,eAAO,MAAM,QAAQ,+CA+BpB,CAAC"}
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/Skeleton.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,+CA+BpB,CAAC"}