@codezee/sixtify-brahma 0.2.2 → 0.2.3

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

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FileInput = exports.FileUploadContainer = void 0;
+const material_1 = require("@mui/material");
+exports.FileUploadContainer = (0, material_1.styled)(material_1.Box)(({ theme, error }) => ({
+    border: error
+        ? `2px dashed ${theme.palette.app.color.red[900]}`
+        : `2px dashed ${theme.palette.app.color.iron[800]}`,
+    borderRadius: "8px",
+    cursor: "pointer",
+    "&:hover": {
+        borderColor: theme.palette.app.color.butterflyBlue[900],
+    },
+}));
+exports.FileInput = (0, material_1.styled)("input")({
+    display: "none",
+});

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

@@ -0,0 +1,2 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+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 = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 120, height: "23px", sx: {
+                    transform: "scale(1)",
+                } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "141px", sx: {
+                    transform: "scale(1)",
+                } })] }));
+};
+exports.Skeleton = Skeleton;

package/packages/shared-components/dist/FormFields/FileUpload/UploadedFileName.d.ts

@@ -0,0 +1,7 @@
+type UploadedFileNameProps = {
+    fileName: string;
+    onDelete: () => void;
+};
+export declare const UploadedFileName: ({ fileName, onDelete, }: UploadedFileNameProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=UploadedFileName.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadedFileName.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/UploadedFileName.tsx"],"names":[],"mappings":"AAIA,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,4BAG1B,qBAAqB,4CAcvB,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/UploadedFileName.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UploadedFileName = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const icons_material_1 = require("@mui/icons-material");
+const DeleteOutlineOutlined_1 = __importDefault(require("@mui/icons-material/DeleteOutlineOutlined"));
+const material_1 = require("@mui/material");
+const UploadedFileName = ({ fileName, onDelete, }) => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", gap: "8x", children: [(0, jsx_runtime_1.jsx)(icons_material_1.AttachFile, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { children: fileName })] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: onDelete, children: (0, jsx_runtime_1.jsx)(DeleteOutlineOutlined_1.default, {}) })] }));
+};
+exports.UploadedFileName = UploadedFileName;

package/packages/shared-components/dist/FormFields/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FileUpload";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./FileUpload"), exports);

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

@@ -0,0 +1,13 @@
+export type ImageUploadProps = Readonly<{
+    onDelete: () => void;
+    onChange: (file: File[]) => void;
+    variant?: "square" | "circle";
+    isUploading?: boolean;
+    label?: string;
+    subTitle?: string;
+    defaultValue?: string;
+    isCapture?: boolean;
+    loading?: boolean;
+}>;
+export declare function ImageUpload({ variant, isUploading, defaultValue, onDelete, onChange, label, isCapture, loading, subTitle, }: ImageUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageUpload.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUpload.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUpload.tsx"],"names":[],"mappings":"AAWA,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC;IACtC,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,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;CACnB,CAAC,CAAC;AAEH,wBAAgB,WAAW,CAAC,EAC1B,OAAkB,EAClB,WAAmB,EACnB,YAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAiB,EACjB,OAAe,EACf,QAAiC,GAClC,EAAE,gBAAgB,2CAmJlB"}

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

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 PersonAddAlt_1 = __importDefault(require("@mui/icons-material/PersonAddAlt"));
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const Button_1 = require("../../Button");
+const PadBox_1 = require("../../PadBox");
+const ImageUpload_styled_1 = require("./ImageUpload.styled");
+const PhotoCaptureDialog_1 = require("./PhotoCaptureDialog");
+const Skeleton_1 = require("./Skeleton");
+function ImageUpload({ variant = "square", isUploading = false, defaultValue = "", onDelete, onChange, label, isCapture = false, loading = false, subTitle = "PNG, JPEG under 5 MB", }) {
+    const inputRef = (0, react_1.useRef)(null);
+    const [hover, setHover] = (0, react_1.useState)(false);
+    const [isOpenCaptureModal, setIsOpenCaptureModal] = (0, react_1.useState)(false);
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, iron } = theme.palette.app.color;
+    const handleFileChange = (event) => {
+        if (event.target.files) {
+            const files = Array.from(event.target.files);
+            onChange(files);
+        }
+    };
+    const handleFileRemove = (event) => {
+        event.stopPropagation();
+        onDelete();
+        if (inputRef.current) {
+            inputRef.current.value = "";
+        }
+    };
+    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, { gap: "20px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsxs)(material_1.Box, { onClick: () => !defaultValue && inputRef.current?.click(), onMouseEnter: () => setHover(true), onMouseLeave: () => setHover(false), sx: {
+                            height: "120px",
+                            width: "120px",
+                            position: "relative",
+                            overflow: "hidden",
+                            border: defaultValue
+                                ? `2px solid ${butterflyBlue[900]}`
+                                : `2px dashed ${theme.palette.grey[400]}`,
+                            cursor: "pointer",
+                            borderRadius: "10px",
+                            "& img": {
+                                borderRadius: "10px",
+                            },
+                            ":hover": {
+                                border: `2px dashed ${butterflyBlue[900]}`,
+                            },
+                            ...(variant === "circle"
+                                ? {
+                                    borderRadius: "50%",
+                                    "& img": {
+                                        borderRadius: "50%",
+                                    },
+                                }
+                                : {}),
+                        }, children: [(0, jsx_runtime_1.jsx)("input", { type: "file", ref: inputRef, onChange: handleFileChange, style: { display: "none" }, accept: "image/png, image/jpeg" }), hover && !!defaultValue && ((0, jsx_runtime_1.jsxs)(ImageUpload_styled_1.DarkBackgroundContainer, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => inputRef.current?.click(), children: (0, jsx_runtime_1.jsx)(icons_material_1.Edit, { sx: { color: "white" } }) }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: handleFileRemove, children: (0, jsx_runtime_1.jsx)(icons_material_1.Delete, { sx: { color: "white" } }) })] })), 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: {
+                                        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, { 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", 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: () => setIsOpenCaptureModal(false) }))] }));
+}

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

@@ -0,0 +1,18 @@
+"use strict";
+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 }) => {
+    return {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: theme.palette.app.color.mirage[600],
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center",
+        transition: "opacity 0.5s ease",
+    };
+});

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

@@ -0,0 +1,6 @@
+export type ImageUploadViewProps = Readonly<{
+    defaultValue?: string;
+    variant: string;
+}>;
+export declare function ImageUploadView({ defaultValue, variant, }: ImageUploadViewProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ImageUploadView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadView.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/ImageUploadView.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,GAAG,QAAQ,CAAC;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AACH,wBAAgB,eAAe,CAAC,EAC9B,YAAY,EACZ,OAAO,GACR,EAAE,oBAAoB,2CAqDtB"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageUploadView = ImageUploadView;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const PadBox_1 = require("../../PadBox");
+const react_1 = require("react");
+function ImageUploadView({ defaultValue, variant, }) {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue } = theme.palette.app.color;
+    const [hasError, setHasError] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+            height: "120px",
+            minWidth: "120px",
+            maxWidth: "120px",
+            overflow: "hidden",
+            border: `2px solid ${butterflyBlue[900]}`,
+            borderRadius: "10px",
+            "& img": {
+                borderRadius: "10px",
+            },
+            ...(variant === "circle"
+                ? {
+                    borderRadius: "50%",
+                    "& img": {
+                        borderRadius: "50%",
+                    },
+                }
+                : {}),
+        }, children: defaultValue && !hasError ? ((0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "2px" }, 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: "93%", height: "93%" } }) })) }));
+}

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

@@ -0,0 +1,9 @@
+type PhotoCaptureDialogProps = {
+    open: boolean;
+    isUploading: boolean;
+    onClose: () => void;
+    onChange: (file: File[]) => void;
+};
+export declare const PhotoCaptureDialog: ({ open, isUploading, onClose, onChange, }: PhotoCaptureDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PhotoCaptureDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PhotoCaptureDialog.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/PhotoCaptureDialog.tsx"],"names":[],"mappings":"AAQA,KAAK,uBAAuB,GAAG;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CAClC,CAAC;AAEF,eAAO,MAAM,kBAAkB,8CAK5B,uBAAuB,4CAqDzB,CAAC"}

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

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 file64_1 = require("file64");
+const react_1 = require("react");
+const react_webcam_1 = __importDefault(require("react-webcam"));
+const Button_1 = require("../../Button");
+const Dialog_1 = require("../../Dialog");
+const Toast_1 = require("../../Toast");
+const PhotoCaptureDialog = ({ open, isUploading, onClose, onChange, }) => {
+    const webcamRef = (0, react_1.useRef)(null);
+    const capture = (0, react_1.useCallback)(async () => {
+        if (webcamRef.current) {
+            const imageSrc = webcamRef.current.getScreenshot();
+            if (imageSrc) {
+                try {
+                    const file = await (0, file64_1.base64ToFile)(imageSrc, "image/jpeg");
+                    onChange([file]);
+                    onClose();
+                }
+                catch (error) {
+                    Toast_1.toasts.error({ title: `Failed to convert base64 to file:${error}` });
+                }
+            }
+        }
+    }, [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: () => {
+                        capture();
+                    }, loading: isUploading, children: "Save" })] }), children: (0, jsx_runtime_1.jsx)(react_webcam_1.default, { mirrored: true, ref: webcamRef, screenshotFormat: "image/jpeg", width: "835", height: "600" }) }));
+};
+exports.PhotoCaptureDialog = PhotoCaptureDialog;

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

@@ -0,0 +1,2 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+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 = () => {
+    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: {
+                    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: {
+                            transform: "scale(1)",
+                        } }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { width: 129, height: "16px", sx: {
+                            transform: "scale(1)",
+                        } })] })] }));
+};
+exports.Skeleton = Skeleton;

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

@@ -0,0 +1,3 @@
+export * from "./ImageUpload";
+export * from "./ImageUploadView";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ImageUpload/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ImageUpload"), exports);
+__exportStar(require("./ImageUploadView"), exports);

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

@@ -0,0 +1,8 @@
+import { type ListItemButtonProps as MuiListItemButtonProps } from "@mui/material";
+import type { ReactNode } from "react";
+export type ListItemButtonProps = MuiListItemButtonProps & {
+    label: string;
+    actions?: ReactNode;
+};
+export declare function ListItemButton({ label, selected, actions, ...restListItemButtonProps }: ListItemButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListItemButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemButton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/ListItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,mBAAmB,IAAI,sBAAsB,EACnD,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,OAAO,EACP,GAAG,uBAAuB,EAC3B,EAAE,mBAAmB,2CAkBrB"}

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemButton = ListItemButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Tooltip_1 = require("../../Tooltip");
+const ListItemButton_styled_1 = require("./ListItemButton.styled");
+function ListItemButton({ label, selected, actions, ...restListItemButtonProps }) {
+    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.jsx)(Tooltip_1.Tooltip, { toolTipLabel: label, children: label }), actions] }) }));
+}

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

@@ -0,0 +1,20 @@
+"use strict";
+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, {
+    shouldForwardProp: (prop) => prop !== "selected",
+})(({ theme, selected }) => ({
+    background: theme.palette.app.color.iron[600],
+    color: theme.palette.app.color.mirage[900],
+    borderRadius: "4px",
+    //TODO: Manish, Add a transition
+    border: `1px solid ${theme.palette.app.color.butterflyBlue[300]}`,
+    ...(selected
+        ? {
+            background: theme.palette.app.color.deepAqua[500],
+            color: theme.palette.app.color.mirage[900],
+            borderLeft: `6px solid ${theme.palette.app.color.butterflyBlue[900]}`,
+        }
+        : {}),
+}));

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

@@ -0,0 +1,2 @@
+export * from "./ListItemButton";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ListItemButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ListItemButton"), exports);

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

@@ -0,0 +1,6 @@
+import { type FieldValues } from "react-hook-form";
+import { type TextFieldProps } from "../TextField";
+type PasswordFieldProps<P extends FieldValues> = Readonly<Omit<TextFieldProps<P>, "InputProps">>;
+export declare function PasswordField<P extends FieldValues>(props: PasswordFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PasswordField.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 VisibilityOffOutlined_1 = __importDefault(require("@mui/icons-material/VisibilityOffOutlined"));
+const VisibilityOutlined_1 = __importDefault(require("@mui/icons-material/VisibilityOutlined"));
+const material_1 = require("@mui/material");
+const react_1 = require("react");
+const TextField_1 = require("../TextField");
+function PasswordField(props) {
+    const [isPasswordVisible, setIsPasswordVisible] = (0, react_1.useState)(false);
+    const togglePasswordVisibility = () => {
+        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" })) }) })),
+        }, ...props }));
+}

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

@@ -0,0 +1,2 @@
+export * from "./PasswordField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PasswordField/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PasswordField"), exports);

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

@@ -0,0 +1,20 @@
+import { type StackOwnProps, type SxProps } from "@mui/material";
+import { type RadioProps as MuiRadioProps } from "@mui/material/Radio";
+import { type ControllerRenderProps, type FieldValues, type UseControllerProps } from "react-hook-form";
+import type { ReactNode } from "react";
+type Options = {
+    values: boolean | string;
+    label?: ReactNode;
+    disabled: boolean;
+    direction?: StackOwnProps["direction"];
+};
+export type RadioGroupFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<Omit<MuiRadioProps, "checked">, keyof ControllerRenderProps<P>> & {
+    label?: string;
+    options: Options[];
+    loading?: boolean;
+    direction?: StackOwnProps["direction"];
+    sx?: SxProps;
+};
+export declare function RadioGroupField<P extends FieldValues>({ name, rules, label, control, options, defaultValue, size, color, loading, direction, sx, ...restRadioButtonProps }: RadioGroupFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=RadioGroupField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/RadioGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,aAAa,EAClB,KAAK,OAAO,EACb,MAAM,eAAe,CAAC;AACvB,OAAc,EAAE,KAAK,UAAU,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAEL,KAAK,qBAAqB,EAC1B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,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,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC;CACd,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,SAAiB,EACjB,EAAO,EACP,GAAG,oBAAoB,EACxB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAuDzB"}

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": 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 Radio_1 = __importDefault(require("@mui/material/Radio"));
+const react_hook_form_1 = require("react-hook-form");
+const Skeleton_1 = require("./Skeleton");
+function RadioGroupField({ name, rules, label, control, options, defaultValue, size = "small", color = "secondary", loading = false, direction = "row", sx = {}, ...restRadioButtonProps }) {
+    const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({ name, control, defaultValue, rules });
+    if (loading) {
+        return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, {});
+    }
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "5px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { children: label }), (0, jsx_runtime_1.jsx)(material_1.RadioGroup, { name: name, value: value, onChange: (_, event) => {
+                    if (event === "true") {
+                        onChange(true);
+                    }
+                    else if (event === "false") {
+                        onChange(false);
+                    }
+                    else {
+                        onChange(event);
+                    }
+                }, children: (0, jsx_runtime_1.jsx)(material_1.Stack, { gap: direction === "column" ? "5px" : "45px", direction: direction, 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, { width: "max-content", 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 }), disabled: disabled, label: label, sx: sx }) }, index));
+                    }) }) })] }));
+}

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

@@ -0,0 +1,2 @@
+export declare const Skeleton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+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 = () => {
+    return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "20px", width: "70px", sx: { transform: "scale(1)" } }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", gap: "50px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "23px", width: "38px", sx: { transform: "scale(1)" } })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", direction: "row", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { variant: "circular", height: "25px", width: "25px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { height: "23px", width: "38px", sx: { transform: "scale(1)" } })] })] })] }));
+};
+exports.Skeleton = Skeleton;

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

@@ -0,0 +1,2 @@
+export * from "./RadioGroupField";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/RadioGroupField/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./RadioGroupField"), exports);

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

@@ -0,0 +1,4 @@
+import type { FieldValues } from "react-hook-form";
+import type { TextFieldProps } from "../TextField";
+export declare function SearchField<P extends FieldValues>(props: TextFieldProps<P>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchField.d.ts.map