@codezee/sixtify-brahma 0.2.40 → 0.2.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codezee/sixtify-brahma",
-  "version": "0.2.40",
+  "version": "0.2.42",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/hardikranpariya/sixtify-brahma.git"

package/packages/shared-components/dist/Badge/Badge.d.ts

@@ -0,0 +1,3 @@
+import { type BadgeProps } from "@mui/material";
+export declare const Badge: ({ children, sx, color, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/packages/shared-components/dist/Badge/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../src/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,KAAK,UAAU,EAAE,MAAM,eAAe,CAAC;AAEnE,eAAO,MAAM,KAAK,GAAI,kCAKnB,UAAU,4CAiBZ,CAAC"}

package/packages/shared-components/dist/Badge/Badge.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Badge = ({ children, sx, color = "error", ...rest }) => {
+    return ((0, jsx_runtime_1.jsx)(material_1.Badge, { color: color, sx: {
+            padding: "0px",
+            zIndex: 1,
+            "& .MuiBadge-badge": {
+                right: 5,
+            },
+            ...sx,
+        }, ...rest, children: children }));
+};
+exports.Badge = Badge;

package/packages/shared-components/dist/Badge/index.d.ts

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

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

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

package/packages/shared-components/dist/Badge/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("./Badge"), exports);

package/packages/shared-components/dist/FilterList/FilterListV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAenD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CA0kBnB,CAAC"}
+{"version":3,"file":"FilterListV2.d.ts","sourceRoot":"","sources":["../../src/FilterList/FilterListV2.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAenD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAI1D,MAAM,MAAM,iBAAiB,GAAG;IAC9B,eAAe,EAAE,cAAc,EAAE,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,OAAO,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtE,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,WAAW,EACjB,eAAe,EAAE,cAAc,EAAE,GAChC,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAiB7B;AAED,eAAO,MAAM,YAAY,GAAI,8EAO1B,iBAAiB,4CA0lBnB,CAAC"}

package/packages/shared-components/dist/FilterList/FilterListV2.js

@@ -15,7 +15,10 @@ const icons_material_1 = require("@mui/icons-material");
 const material_1 = require("@mui/material");
 const icons_1 = require("@mui/x-date-pickers/icons");
 const lodash_1 = require("lodash");
+const isEmpty_1 = __importDefault(require("lodash/isEmpty"));
 const isEqual_1 = __importDefault(require("lodash/isEqual"));
+const isNil_1 = __importDefault(require("lodash/isNil"));
+const omitBy_1 = __importDefault(require("lodash/omitBy"));
 const luxon_1 = require("luxon");
 const react_1 = require("react");
 const react_hook_form_1 = require("react-hook-form");
@@ -52,6 +55,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
     const [openFilterPopup, setOpenFilterPopup] = (0, react_1.useState)(false);
     const [datePickerPopup, setDatePickerPopup] = (0, react_1.useState)(false);
     const [currentFilter, setCurrentFilter] = (0, react_1.useState)(null);
+    const [expandedAccordions, setExpandedAccordions] = (0, react_1.useState)({});
     const handleDateRange = (filter) => {
         setCurrentFilter(filter);
         setDatePickerPopup(true);
@@ -130,7 +134,7 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
     const onSubmit = (data) => {
         setOpenFilterPopup(false);
         setCurrentFilter(null);
-        const filteredData = formatFilterData(data, filterListItems);
+        const filteredData = (0, omitBy_1.default)(formatFilterData(data, filterListItems), (v) => (0, isNil_1.default)(v) || (0, isEmpty_1.default)(v));
         onApply(filteredData, openFilterPopup, currentFilter?.key);
         handleClose();
     };
@@ -237,7 +241,8 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                 }, onKeyDown: (e) => {
                     if (e.key === "Enter") {
                         e.preventDefault();
-                        if (!shouldFormSubmit) {
+                        if (!Object.values(expandedAccordions).some(Boolean) &&
+                            !shouldFormSubmit) {
                             handleSubmit((data) => {
                                 onSubmit(data);
                             })();
@@ -258,7 +263,10 @@ const FilterListV2 = ({ filterListItems, isDisabled = false, filterListData, onA
                             }, children: [(0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px 30px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", width: "100%", alignItems: "center", children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", children: "Filter" }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => {
                                                     reset();
                                                     handleClose();
-                                                }, children: (0, jsx_runtime_1.jsx)(icons_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, sx: { overflowX: "hidden" }, children: filterListItems.map((filter) => filter.type === "switch" ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "80%", sx: { padding: "10px 5px 10px 20px ", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: !!filterListData?.[filter.key] || filter.required, disabled: filter.isDisabled, sx: {
+                                                }, children: (0, jsx_runtime_1.jsx)(icons_1.ClearIcon, {}) })] }) }), (0, jsx_runtime_1.jsx)(material_1.Divider, { sx: { width: "100%" } })] }), (0, jsx_runtime_1.jsx)(material_1.Stack, { flexGrow: 1, sx: { overflowX: "hidden" }, children: filterListItems.map((filter) => filter.type === "switch" ? ((0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", justifyContent: "space-between", alignItems: "center", width: "80%", sx: { padding: "10px 5px 10px 20px ", margin: "auto" }, children: [(0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body2", children: filter.label }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { control: control, name: filter.key })] }, filter.key)) : ((0, jsx_runtime_1.jsxs)(material_1.Accordion, { defaultExpanded: !!filterListData?.[filter.key] || filter.required, disabled: filter.isDisabled, onChange: (_, isExpanded) => setExpandedAccordions((prev) => ({
+                                    ...prev,
+                                    [filter.key]: isExpanded,
+                                })), sx: {
                                     "&.MuiAccordion-root.Mui-expanded": {
                                         margin: "0 !important",
                                     },

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

@@ -129,7 +129,7 @@ function DatePicker({ setError, control, defaultValue, disabled = false, label,
                             });
                         }
                     }
-                    else if (value) {
+                    else if (value?.isValid) {
                         onChange(value.toISODate());
                     }
                 } })] }));

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

@@ -0,0 +1,11 @@
+type FilePreviewProps = {
+    fileName: string;
+};
+export declare const SUPPORTED_IMAGE_FORMATS: readonly [".png", ".jpg", ".jpeg"];
+export declare const SUPPORTED_PDF_FORMATS: readonly [".pdf"];
+export declare const SUPPORTED_DOC_FORMATS: readonly [".doc", ".docx"];
+export declare const SUPPORTED_EXCEL_FORMATS: readonly [".xls", ".xlsx"];
+export declare function isFileType(url: string, extensions: readonly string[]): boolean;
+export declare const FilePreview: ({ fileName }: FilePreviewProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreview.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/FilePreview.tsx"],"names":[],"mappings":"AAOA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,uBAAuB,oCAAqC,CAAC;AAE1E,eAAO,MAAM,qBAAqB,mBAAoB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,4BAA6B,CAAC;AAEhE,eAAO,MAAM,uBAAuB,4BAA6B,CAAC;AAElE,wBAAgB,UAAU,CACxB,GAAG,EAAE,MAAM,EACX,UAAU,EAAE,SAAS,MAAM,EAAE,GAC5B,OAAO,CAET;AAED,eAAO,MAAM,WAAW,GAAI,cAAc,gBAAgB,4CA0DzD,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/FilePreview.js

@@ -0,0 +1,41 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilePreview = exports.SUPPORTED_EXCEL_FORMATS = exports.SUPPORTED_DOC_FORMATS = exports.SUPPORTED_PDF_FORMATS = exports.SUPPORTED_IMAGE_FORMATS = void 0;
+exports.isFileType = isFileType;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// components/FilePreview.tsx
+const material_1 = require("@mui/material");
+const image_1 = __importDefault(require("next/image"));
+const Layouts_1 = require("../../../Layouts");
+const PadBox_1 = require("../../../PadBox");
+const utils_1 = require("../../../utils");
+exports.SUPPORTED_IMAGE_FORMATS = [".png", ".jpg", ".jpeg"];
+exports.SUPPORTED_PDF_FORMATS = [".pdf"];
+exports.SUPPORTED_DOC_FORMATS = [".doc", ".docx"];
+exports.SUPPORTED_EXCEL_FORMATS = [".xls", ".xlsx"];
+function isFileType(url, extensions) {
+    return extensions.some((ext) => url.toLowerCase().endsWith(ext));
+}
+const FilePreview = ({ fileName }) => {
+    const isValidUrl = (0, utils_1.isImageDomainValid)(fileName);
+    if (isFileType(fileName, exports.SUPPORTED_PDF_FORMATS)) {
+        return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `${fileName}#toolbar=0`, style: { width: "100%", height: "100%" } }) }));
+    }
+    if (isFileType(fileName, exports.SUPPORTED_IMAGE_FORMATS) && isValidUrl) {
+        return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { height: "630px", children: (0, jsx_runtime_1.jsx)(image_1.default, { src: fileName, alt: "Attachment", width: 800, height: 0, style: {
+                    width: "100%",
+                    height: "100%",
+                    objectFit: "contain",
+                    display: "block",
+                } }) }));
+    }
+    if (isFileType(fileName, exports.SUPPORTED_DOC_FORMATS) ||
+        isFileType(fileName, exports.SUPPORTED_EXCEL_FORMATS)) {
+        return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)("iframe", { src: `https://view.officeapps.live.com/op/embed.aspx?src=${encodeURIComponent(fileName)}`, style: { width: "100%", height: "100%" } }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(Layouts_1.FilePreviewContainer, { children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "10px" }, children: (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "body1", sx: { textAlign: "center" }, children: "File Preview Not Supported" }) }) }));
+};
+exports.FilePreview = FilePreview;

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

@@ -0,0 +1,8 @@
+type ViewFilePreviewDialogProps = {
+    open: boolean;
+    fileName: string;
+    onClose: () => void;
+};
+export declare const ViewFilePreviewDialog: ({ open, onClose, fileName, }: ViewFilePreviewDialogProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ViewFilePreviewDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewFilePreviewDialog.d.ts","sourceRoot":"","sources":["../../../../src/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.tsx"],"names":[],"mappings":"AAOA,KAAK,0BAA0B,GAAG;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,8BAInC,0BAA0B,4CA6C5B,CAAC"}

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/ViewFilePreviewDialog.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewFilePreviewDialog = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const Actions_1 = require("../../../Actions");
+const Dialog_1 = require("../../../Dialog");
+const PadBox_1 = require("../../../PadBox");
+const download_1 = require("../../../utils/download");
+const FilePreview_1 = require("./FilePreview");
+const ViewFilePreviewDialog = ({ open, onClose, fileName, }) => {
+    const theme = (0, material_1.useTheme)();
+    const { butterflyBlue, iron } = theme.palette.app.color;
+    return ((0, jsx_runtime_1.jsx)(Dialog_1.Dialog, { maxWidth: "lg", onClose: onClose, open: open, title: "View File Preview", children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
+                bgcolor: butterflyBlue[700],
+                borderRadius: "5px",
+            }, children: (0, jsx_runtime_1.jsx)(PadBox_1.PadBox, { padding: { padding: "20px" }, children: (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: {
+                        position: "relative",
+                        backgroundColor: iron[600],
+                        overflowY: "auto",
+                        maxHeight: "650px",
+                        boxShadow: "none",
+                    }, children: [(0, jsx_runtime_1.jsx)(Actions_1.DownloadIconAction
+                        // eslint-disable-next-line sonarjs/no-misused-promises
+                        , { 
+                            // eslint-disable-next-line sonarjs/no-misused-promises
+                            onClick: () => (0, download_1.downloadFile)(fileName, fileName), sx: {
+                                position: "absolute",
+                                top: 15,
+                                right: 15,
+                                zIndex: 10,
+                            } }), (0, jsx_runtime_1.jsx)(FilePreview_1.FilePreview, { fileName: fileName })] }) }) }) }));
+};
+exports.ViewFilePreviewDialog = ViewFilePreviewDialog;

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

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

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

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

package/packages/shared-components/dist/FormFields/FileUpload/Dialogs/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("./FilePreview"), exports);
+__exportStar(require("./ViewFilePreviewDialog"), exports);

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

@@ -1,7 +1,8 @@
 type FileNamesProps = {
-    names: string[];
+    fileNames: string[];
     onDelete: (index: number) => void;
+    previewEnabled?: boolean;
 };
-export declare const FileNames: ({ names, onDelete }: FileNamesProps) => import("react/jsx-runtime").JSX.Element[];
+export declare const FileNames: ({ fileNames, previewEnabled, onDelete, }: FileNamesProps) => import("react/jsx-runtime").JSX.Element[];
 export {};
 //# sourceMappingURL=FileNames.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileNames.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileNames.tsx"],"names":[],"mappings":"AAKA,KAAK,cAAc,GAAG;IACpB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,qBAAqB,cAAc,8CAqB5D,CAAC"}
+{"version":3,"file":"FileNames.d.ts","sourceRoot":"","sources":["../../../src/FormFields/FileUpload/FileNames.tsx"],"names":[],"mappings":"AAYA,KAAK,cAAc,GAAG;IACpB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,0CAIvB,cAAc,8CAsEhB,CAAC"}

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

@@ -8,10 +8,35 @@ 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 drop_1 = __importDefault(require("lodash/drop"));
+const join_1 = __importDefault(require("lodash/join"));
+const last_1 = __importDefault(require("lodash/last"));
+const split_1 = __importDefault(require("lodash/split"));
+const react_1 = require("react");
 const uuid_1 = require("uuid");
-const FileNames = ({ names, onDelete }) => {
+const utils_1 = require("../../utils");
+const ViewFilePreviewDialog_1 = require("./Dialogs/ViewFilePreviewDialog");
+const FileNames = ({ fileNames, previewEnabled = false, onDelete, }) => {
+    const [selectedFile, setSelectedFile] = (0, react_1.useState)();
+    const { openedDialog, onDialogClose, onDialogOpen } = (0, utils_1.useDialogActions)();
+    const names = (0, react_1.useMemo)(() => {
+        if (fileNames && Array.isArray(fileNames)) {
+            return fileNames.map((url) => {
+                const imageName = (0, join_1.default)((0, drop_1.default)((0, split_1.default)((0, last_1.default)((0, split_1.default)(url, "/")), "_")), "_");
+                return imageName;
+            });
+        }
+        return [];
+    }, [fileNames]);
+    const handlePreviewClick = (name) => {
+        setSelectedFile(name);
+        onDialogOpen("viewAttachment");
+    };
+    const dialogRenderer = {
+        viewAttachment: selectedFile && ((0, jsx_runtime_1.jsx)(ViewFilePreviewDialog_1.ViewFilePreviewDialog, { open: openedDialog === "viewAttachment", onClose: onDialogClose, fileName: selectedFile })),
+    };
     return names.map((name, index) => {
-        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: name })] }), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => onDelete(index), children: (0, jsx_runtime_1.jsx)(DeleteOutlineOutlined_1.default, {}) })] }, (0, uuid_1.v4)()));
+        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: "5x", alignItems: "center", maxWidth: "80%", children: [(0, jsx_runtime_1.jsx)(icons_material_1.AttachFile, {}), (0, jsx_runtime_1.jsx)(material_1.Typography, { maxWidth: "100%", textOverflow: "clip", children: name })] }), (0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", children: [previewEnabled && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => fileNames[index] && handlePreviewClick(fileNames[index]), children: (0, jsx_runtime_1.jsx)(icons_material_1.VisibilityOutlined, {}) })), (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: () => onDelete(index), children: (0, jsx_runtime_1.jsx)(DeleteOutlineOutlined_1.default, {}) })] }), openedDialog && dialogRenderer[openedDialog]] }, (0, uuid_1.v4)()));
     });
 };
 exports.FileNames = FileNames;

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

@@ -1,3 +1,4 @@
+export * from "./Dialogs";
 export * from "./FileNames";
 export * from "./FileUpload";
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -14,5 +14,6 @@ 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("./Dialogs"), exports);
 __exportStar(require("./FileNames"), exports);
 __exportStar(require("./FileUpload"), exports);

package/packages/shared-components/dist/Layouts/FilePreviewContainer.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type FilePreviewContainerProps = Readonly<{
+    children: ReactNode;
+    height?: string | number;
+}>;
+export declare function FilePreviewContainer({ children, height, }: FilePreviewContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FilePreviewContainer.d.ts.map

package/packages/shared-components/dist/Layouts/FilePreviewContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilePreviewContainer.d.ts","sourceRoot":"","sources":["../../src/Layouts/FilePreviewContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,KAAK,yBAAyB,GAAG,QAAQ,CAAC;IACxC,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B,CAAC,CAAC;AAEH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,MAAY,GACb,EAAE,yBAAyB,2CAM3B"}

package/packages/shared-components/dist/Layouts/FilePreviewContainer.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilePreviewContainer = FilePreviewContainer;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+function FilePreviewContainer({ children, height = 630, }) {
+    return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: { display: "flex", justifyContent: "center", height: "100%" }, children: (0, jsx_runtime_1.jsx)(material_1.Box, { sx: { width: "100%", height }, children: children }) }));
+}

package/packages/shared-components/dist/Layouts/index.d.ts

@@ -2,4 +2,5 @@ export * from "./FormContainer";
 export * from "./FormGridLayout";
 export * from "./FormRow";
 export * from "./FormSection";
+export * from "./FilePreviewContainer";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Layouts/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC"}

package/packages/shared-components/dist/Layouts/index.js

@@ -18,3 +18,4 @@ __exportStar(require("./FormContainer"), exports);
 __exportStar(require("./FormGridLayout"), exports);
 __exportStar(require("./FormRow"), exports);
 __exportStar(require("./FormSection"), exports);
+__exportStar(require("./FilePreviewContainer"), exports);

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

@@ -1,6 +1,7 @@
 export * from "./Actions";
 export * from "./AgGrid";
 export * from "./AppBar";
+export * from "./Badge";
 export * from "./Breadcrumbs";
 export * from "./Button";
 export * from "./Card";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

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

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Actions"), exports);
 __exportStar(require("./AgGrid"), exports);
 __exportStar(require("./AppBar"), exports);
+__exportStar(require("./Badge"), exports);
 __exportStar(require("./Breadcrumbs"), exports);
 __exportStar(require("./Button"), exports);
 __exportStar(require("./Card"), exports);

package/packages/shared-components/dist/utils/download.d.ts

@@ -0,0 +1,2 @@
+export declare const downloadFile: (url: string, baseFileName: string) => Promise<void>;
+//# sourceMappingURL=download.d.ts.map

package/packages/shared-components/dist/utils/download.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"download.d.ts","sourceRoot":"","sources":["../../src/utils/download.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY,GAAU,KAAK,MAAM,EAAE,cAAc,MAAM,kBAUnE,CAAC"}

package/packages/shared-components/dist/utils/download.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadFile = void 0;
+const file_saver_1 = require("file-saver");
+const downloadFile = async (url, baseFileName) => {
+    const response = await fetch(url);
+    if (!response.ok) {
+        return;
+    }
+    const blob = await response.blob();
+    (0, file_saver_1.saveAs)(blob, baseFileName);
+};
+exports.downloadFile = downloadFile;

package/packages/shared-components/dist/utils/file.d.ts

@@ -2,4 +2,5 @@ export type SupportedFileType = "image/png" | "image/jpeg" | "image/jpg" | "appl
 export declare const SUPPORTED_FILE_TYPES: SupportedFileType[];
 export declare const isFileSizeValid: (file: File, maxSizeMB: number) => boolean;
 export declare const isFileTypeValid: (file: File, fileTypes: SupportedFileType[]) => boolean;
+export declare function isImageDomainValid(url: string): boolean;
 //# sourceMappingURL=file.d.ts.map

package/packages/shared-components/dist/utils/file.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,iBAAiB,GACjB,oBAAoB,GACpB,8BAA8B,GAC9B,yEAAyE,GACzE,mEAAmE,GACnE,0BAA0B,CAAC;AAE/B,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,EAWnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,EAAE,WAAW,MAAM,YAI5D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,EAAE,WAAW,iBAAiB,EAAE,YAEzE,CAAC"}
+{"version":3,"file":"file.d.ts","sourceRoot":"","sources":["../../src/utils/file.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,WAAW,GACX,YAAY,GACZ,WAAW,GACX,iBAAiB,GACjB,iBAAiB,GACjB,oBAAoB,GACpB,8BAA8B,GAC9B,yEAAyE,GACzE,mEAAmE,GACnE,0BAA0B,CAAC;AAE/B,eAAO,MAAM,oBAAoB,EAAE,iBAAiB,EAWnD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,EAAE,WAAW,MAAM,YAI5D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,MAAM,IAAI,EAAE,WAAW,iBAAiB,EAAE,YAEzE,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,WAI7C"}

package/packages/shared-components/dist/utils/file.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isFileTypeValid = exports.isFileSizeValid = exports.SUPPORTED_FILE_TYPES = void 0;
+exports.isImageDomainValid = isImageDomainValid;
 exports.SUPPORTED_FILE_TYPES = [
     "image/png",
     "image/jpeg",
@@ -22,3 +23,7 @@ const isFileTypeValid = (file, fileTypes) => {
     return fileTypes.includes(file.type);
 };
 exports.isFileTypeValid = isFileTypeValid;
+function isImageDomainValid(url) {
+    const parsedUrl = new URL(url);
+    return parsedUrl.hostname === "sixtify.s3.amazonaws.com";
+}

package/packages/shared-components/dist/utils/hooks/useDialogActions.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+export type DialogTypes = "add" | "edit" | "delete" | "viewAttachment";
+export type DialogRenderer = {
+    [key in DialogTypes]?: ReactNode;
+};
+export type UseDialogActionsFns = {
+    onDialogOpen: (config: DialogTypes) => void;
+    onDialogClose: () => void;
+};
+export declare function useDialogActions(): {
+    onDialogClose: () => void;
+    onDialogOpen: (dialogTypes: DialogTypes) => void;
+    openedDialog: DialogTypes | undefined;
+};
+//# sourceMappingURL=useDialogActions.d.ts.map

package/packages/shared-components/dist/utils/hooks/useDialogActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDialogActions.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useDialogActions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,gBAAgB,CAAC;AAEvE,MAAM,MAAM,cAAc,GAAG;KAAG,GAAG,IAAI,WAAW,CAAC,CAAC,EAAE,SAAS;CAAE,CAAC;AAElE,MAAM,MAAM,mBAAmB,GAAG;IAChC,YAAY,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,wBAAgB,gBAAgB;;gCAGK,WAAW;;EAU/C"}

package/packages/shared-components/dist/utils/hooks/useDialogActions.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDialogActions = useDialogActions;
+const react_1 = require("react");
+function useDialogActions() {
+    const [openedDialog, setOpenedDialog] = (0, react_1.useState)();
+    const onDialogOpen = (dialogTypes) => setOpenedDialog(dialogTypes);
+    const onDialogClose = () => setOpenedDialog(undefined);
+    return {
+        onDialogClose,
+        onDialogOpen,
+        openedDialog,
+    };
+}

package/packages/shared-components/dist/utils/index.d.ts

@@ -1,7 +1,8 @@
-export * from "./theme/theme";
-export * from "./theme/colorPaletteUI";
 export * from "./colorVariant";
 export * from "./date";
 export * from "./file";
+export * from "./hooks/useDialogActions";
+export * from "./theme/colorPaletteUI";
+export * from "./theme/theme";
 export * from "./urlToNestedObject";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAE9B,cAAc,wBAAwB,CAAC;AAEvC,cAAc,gBAAgB,CAAC;AAE/B,cAAc,QAAQ,CAAC;AAEvB,cAAc,QAAQ,CAAC;AAEvB,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC"}

package/packages/shared-components/dist/utils/index.js

@@ -14,9 +14,10 @@ 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("./theme/theme"), exports);
-__exportStar(require("./theme/colorPaletteUI"), exports);
 __exportStar(require("./colorVariant"), exports);
 __exportStar(require("./date"), exports);
 __exportStar(require("./file"), exports);
+__exportStar(require("./hooks/useDialogActions"), exports);
+__exportStar(require("./theme/colorPaletteUI"), exports);
+__exportStar(require("./theme/theme"), exports);
 __exportStar(require("./urlToNestedObject"), exports);