@solidxai/core-ui 0.1.5-beta.9 → 0.1.7-beta.0

package/dist/components/core/form/SolidFormView.tsx

@@ -12,7 +12,6 @@ import "primeflex/primeflex.css";
 import { Button } from "primereact/button";
 import { Dialog } from "primereact/dialog";
 import { TabPanel, TabView } from "primereact/tabview";
-import { Toast } from "primereact/toast";
 import qs from "qs";
 import React, { ChangeEvent, useEffect, useMemo, useRef, useState } from "react";
 import * as Yup from "yup";
@@ -55,7 +54,8 @@ import { ERROR_MESSAGES } from "../../../constants/error-messages";
 import { useLazyGetMcpUrlQuery, useLazyGetSolidSettingsQuery } from "../../../redux/api/solidSettingsApi";
 import { SolidFormFooter } from "./SolidFormFooter";
 import { normalizeSolidFormActionPath } from "../../../helpers/routePaths";
-import showToast from "../../../helpers/showToast";
+import { showToast } from "../../../redux/features/toastSlice";
+import { useDispatch } from "react-redux";
 
 export type SolidFormViewProps = {
     moduleName: string;
@@ -438,7 +438,7 @@ const SolidFormView = (params: SolidFormViewProps) => {
 
     const pathname = usePathname();
     const router = useRouter();
-    const toast = useRef<Toast>(null);
+    const dispatch = useDispatch();
     const searchParams = useSearchParams();
     const [confirmVisible, setConfirmVisible] = useState(false);
     const confirmResolveRef = useRef<(value: boolean) => void>();
@@ -708,28 +708,8 @@ const SolidFormView = (params: SolidFormViewProps) => {
                 errorMessage = [ERROR_MESSAGES.SOMETHING_WRONG];
             }
 
-            toast.current?.show({
-                severity: 'error',
-                summary: 'Error',
-                detail: errorMessage,
-                sticky: true,
-                //@ts-ignore
-                content: () => (
-                    <div className="flex flex-column align-items-left" style={{ flex: "1" }}>
-                        {Array.isArray(errorMessage) ? (
-                            errorMessage.map((message, index) => (
-                                <div className="flex align-items-center gap-2" key={index}>
-                                    <span className="font-bold text-900">{message.trim()}</span>
-                                </div>
-                            ))
-                        ) : (
-                            <div className="flex align-items-center gap-2">
-                                <span className="font-bold text-900">{errorMessage?.trim()}</span>
-                            </div>
-                        )}
-                    </div>
-                ),
-            });
+            const detail = Array.isArray(errorMessage) ? errorMessage.join(', ') : errorMessage;
+            dispatch(showToast({ severity: 'error', summary: 'Error', detail }));
         };
 
         // Check and handle errors from each API operation
@@ -823,7 +803,7 @@ const SolidFormView = (params: SolidFormViewProps) => {
                 if (params.id === 'new') {
                     // default locale
                     const result = await createEntity(formData).unwrap();
-                    showToast(toast, "success", ERROR_MESSAGES.FORM_SAVED, ERROR_MESSAGES.FORM_SAVED_SUCCESSFULLY);
+                    dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FORM_SAVED, detail: ERROR_MESSAGES.FORM_SAVED_SUCCESSFULLY }));
                     // if (!params.embeded && result?.data?.id) {
                     //     const newPathname = pathname.replace(/new$/, result.data.id);
 
@@ -849,7 +829,7 @@ const SolidFormView = (params: SolidFormViewProps) => {
                     const result = await updateEntity({ id: +params.id, data: formData }).unwrap();
                     // const result = await updateEntity({ id: +params.id, data: formData }).unwrap();
                     if (!params.embeded) {
-                        showToast(toast, "success", ERROR_MESSAGES.FORM_UPDATE, ERROR_MESSAGES.FORM_UPDATE_SUCCESSFULLY);
+                        dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.FORM_UPDATE, detail: ERROR_MESSAGES.FORM_UPDATE_SUCCESSFULLY }));
                         if (result?.statusCode === 200) {
                             updateViewMode("view")
                         }
@@ -869,12 +849,11 @@ const SolidFormView = (params: SolidFormViewProps) => {
     const showFieldError = () => {
         if (errorFields?.length === 0) return;
         errorFields.forEach((error) => {
-            toast?.current?.show({
+            dispatch(showToast({
                 severity: "error",
                 summary: "Metadata Error",
                 detail: error,
-                life: 3000,
-            });
+            }));
 
         });
 
@@ -1630,10 +1609,10 @@ const SolidFormView = (params: SolidFormViewProps) => {
 
             if (type === "publish") {
                 result = await publishSolidEntity(params.id).unwrap();
-                showToast(toast, "success", ERROR_MESSAGES.SAVED, ERROR_MESSAGES.MARK_PUBLISH);
+                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.SAVED, detail: ERROR_MESSAGES.MARK_PUBLISH }));
             } else {
                 result = await unpublishSolidEntity(params.id).unwrap();
-                showToast(toast, "success", ERROR_MESSAGES.SAVED, ERROR_MESSAGES.MARK_UNPUBLISH);
+                dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.SAVED, detail: ERROR_MESSAGES.MARK_UNPUBLISH }));
             }
 
             console.log("publish/unpublish result", result);
@@ -1672,7 +1651,6 @@ const SolidFormView = (params: SolidFormViewProps) => {
 
         return (
             <div className="solid-form-wrapper">
-                <Toast ref={toast} />
                 <div className="solid-form-section" style={{ borderRight: params.embeded !== true ? '1px solid var(--primary-light-color)' : '' }} >
                     <form style={{ width: '100%' }} onSubmit={formik.handleSubmit}>
                         <SolidFormActionHeader

package/dist/components/core/form/fields/SolidMediaSingleField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaSingleField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAM3E,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAI9E,qBAAa,qBAAsB,YAAW,WAAW;IAErD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,eAAe,CAAC,CAAyD;IACjF,OAAO,CAAC,eAAe,CAAC,CAA0B;gBACtC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,EAC/G,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IAM7C,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAOnD,YAAY,IAAI,GAAG;IAKnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAyC9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAoC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAcjE;AAMD,eAAO,MAAM,gCAAgC,+DAAgE,8BAA8B,4CA8R1I,CAAA;AAED,eAAO,MAAM,gCAAgC,+DAAgE,8BAA8B,4CAqH1I,CAAA"}
+{"version":3,"file":"SolidMediaSingleField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAM3E,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAI9E,qBAAa,qBAAsB,YAAW,WAAW;IAErD,OAAO,CAAC,YAAY,CAAkB;IACtC,OAAO,CAAC,eAAe,CAAC,CAAyD;IACjF,OAAO,CAAC,eAAe,CAAC,CAA0B;gBACtC,YAAY,EAAE,eAAe,EAAE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,KAAK,IAAI,EAC/G,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;IAM7C,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAOnD,YAAY,IAAI,GAAG;IAKnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAyC9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAoC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAcjE;AAMD,eAAO,MAAM,gCAAgC,+DAAgE,8BAA8B,4CA0S1I,CAAA;AAED,eAAO,MAAM,gCAAgC,+DAAgE,8BAA8B,4CAqH1I,CAAA"}

package/dist/components/core/form/fields/SolidMediaSingleField.js

@@ -150,7 +150,7 @@ var SolidMediaSingleField = /** @class */ (function () {
 }());
 export { SolidMediaSingleField };
 export var DefaultMediaSingleFormEditWidget = function (_a) {
-    var _b, _c, _d, _e, _f;
+    var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     var formik = _a.formik, fieldContext = _a.fieldContext, setLightboxUrls = _a.setLightboxUrls, setOpenLightbox = _a.setOpenLightbox;
     var fieldMetadata = fieldContext.fieldMetadata;
     var fieldLayoutInfo = fieldContext.field;
@@ -159,20 +159,26 @@ export var DefaultMediaSingleFormEditWidget = function (_a) {
     var fieldDescription = (_d = fieldLayoutInfo.attrs.description) !== null && _d !== void 0 ? _d : fieldMetadata.description;
     var solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     var showFieldLabel = (_e = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _e === void 0 ? void 0 : _e.showLabel;
-    var readOnlyPermission = fieldContext.readOnly ? fieldContext.readOnly : fieldLayoutInfo.attrs.readonly;
+    var readOnlyPermission = fieldContext.readOnly;
     var viewMode = fieldContext.viewMode;
-    var _g = useState(false), isDeleteImageDialogVisible = _g[0], setDeleteImageDialogVisible = _g[1];
-    var _h = useState(), imageToBeDeletedData = _h[0], setImageToBeDeletedData = _h[1];
-    var _j = useState(null), fileDetails = _j[0], setFileDetails = _j[1];
-    var _k = useState(false), isReplaceImageDialogVisible = _k[0], setReplaceImageDialogVisible = _k[1];
-    var _l = useState(null), newFileToUpload = _l[0], setNewFileToUpload = _l[1];
-    var _m = useState(null), fileSizeError = _m[0], setFileSizeError = _m[1];
+    var fieldDisabled = (_f = fieldLayoutInfo.attrs) === null || _f === void 0 ? void 0 : _f.disabled;
+    var fieldReadonly = (_g = fieldLayoutInfo.attrs) === null || _g === void 0 ? void 0 : _g.readonly;
+    var formDisabled = (_k = (_j = (_h = solidFormViewMetaData.data.solidView) === null || _h === void 0 ? void 0 : _h.layout) === null || _j === void 0 ? void 0 : _j.attrs) === null || _k === void 0 ? void 0 : _k.disabled;
+    var formReadonly = (_o = (_m = (_l = solidFormViewMetaData.data.solidView) === null || _l === void 0 ? void 0 : _l.layout) === null || _m === void 0 ? void 0 : _m.attrs) === null || _o === void 0 ? void 0 : _o.readonly;
+    var isFieldDisabled = formDisabled || fieldDisabled;
+    var isFieldReadonly = formReadonly || fieldReadonly || readOnlyPermission;
+    var _q = useState(false), isDeleteImageDialogVisible = _q[0], setDeleteImageDialogVisible = _q[1];
+    var _r = useState(), imageToBeDeletedData = _r[0], setImageToBeDeletedData = _r[1];
+    var _s = useState(null), fileDetails = _s[0], setFileDetails = _s[1];
+    var _t = useState(false), isReplaceImageDialogVisible = _t[0], setReplaceImageDialogVisible = _t[1];
+    var _u = useState(null), newFileToUpload = _u[0], setNewFileToUpload = _u[1];
+    var _v = useState(null), fileSizeError = _v[0], setFileSizeError = _v[1];
     var formatFileSize = function (size) {
         return size >= 1024 * 1024
             ? "".concat((size / (1024 * 1024)).toFixed(1), " MB")
             : "".concat((size / 1024).toFixed(1), " KB");
     };
-    var _o = useDeleteMediaMutation(), deleteMedia = _o[0], _p = _o[1], isMediaDeleted = _p.isLoading, isDeleteMediaSuceess = _p.isSuccess, isMediaDeleteError = _p.isError, mediaDeleteError = _p.error, DeletedMedia = _p.data;
+    var _w = useDeleteMediaMutation(), deleteMedia = _w[0], _x = _w[1], isMediaDeleted = _x.isLoading, isDeleteMediaSuceess = _x.isSuccess, isMediaDeleteError = _x.isError, mediaDeleteError = _x.error, DeletedMedia = _x.data;
     var handleCancelUpload = function (e) {
         e.stopPropagation();
         if (imageToBeDeletedData) {
@@ -251,7 +257,7 @@ export var DefaultMediaSingleFormEditWidget = function (_a) {
             formik.setFieldValue(fieldLayoutInfo.attrs.name, fieldValue);
         }
     }, [formik.values, fieldLayoutInfo.attrs.name]);
-    var _q = useDropzone({
+    var _y = useDropzone({
         onDrop: handleDropImage,
         onDropRejected: function (fileRejections) {
             var _a;
@@ -266,7 +272,8 @@ export var DefaultMediaSingleFormEditWidget = function (_a) {
         },
         accept: getAcceptedFileTypes(fieldMetadata.mediaTypes),
         maxSize: fieldMetadata.mediaMaxSizeKb * 1024,
-    }), getRootProps = _q.getRootProps, getInputProps = _q.getInputProps, isDragActive = _q.isDragActive;
+        disabled: isFieldDisabled || isFieldReadonly
+    }), getRootProps = _y.getRootProps, getInputProps = _y.getInputProps, isDragActive = _y.isDragActive;
     var isFormFieldValid = function (formik, fieldName) { return formik.touched[fieldName] && formik.errors[fieldName]; };
     var DynamicWidget = getExtensionComponent("SolidFormFieldViewMediaSingleWidget");
     var widgetProps = {
@@ -302,16 +309,16 @@ export var DefaultMediaSingleFormEditWidget = function (_a) {
             setOpenLightbox === null || setOpenLightbox === void 0 ? void 0 : setOpenLightbox(true);
         }
     };
-    return (_jsxs("div", { style: readOnlyPermission === true ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}, children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative", children: [showFieldLabel != false &&
-                        _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "form-field-label", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsxs("div", { className: "relative", children: [_jsxs("div", __assign({}, getRootProps(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputProps())), _jsx(DropzonePlaceholder, { mediaTypes: fieldMetadata.mediaTypes, mediaMaxSizeKb: fieldMetadata.mediaMaxSizeKb })] })), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_f = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _f === void 0 ? void 0 : _f.toString() }) }))] }), fileSizeError &&
+    return (_jsxs("div", { style: (isFieldDisabled === true || isFieldReadonly === true) ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}, children: [_jsxs("div", { className: "flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative", children: [showFieldLabel != false &&
+                        _jsxs("label", { htmlFor: fieldLayoutInfo.attrs.name, className: "form-field-label", children: [fieldLabel, fieldMetadata.required && _jsx("span", { className: "text-red-500", children: " *" }), _jsx(SolidFieldTooltip, { fieldContext: fieldContext })] }), _jsxs("div", { className: "relative", children: [_jsxs("div", __assign({}, getRootProps(), { className: "solid-dropzone-wrapper", children: [_jsx("input", __assign({}, getInputProps())), _jsx(DropzonePlaceholder, { mediaTypes: fieldMetadata.mediaTypes, mediaMaxSizeKb: fieldMetadata.mediaMaxSizeKb })] })), isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (_jsx("div", { className: "absolute mt-1", children: _jsx(Message, { severity: "error", text: (_p = formik === null || formik === void 0 ? void 0 : formik.errors[fieldLayoutInfo.attrs.name]) === null || _p === void 0 ? void 0 : _p.toString() }) }))] }), fileSizeError &&
                         _jsx(Message, { severity: "error", text: fileSizeError === null || fileSizeError === void 0 ? void 0 : fileSizeError.toString() }), fileDetails && (_jsx("div", { className: "solid-file-upload-wrapper mt-4", children: _jsxs("div", { className: "flex align-items-center md:gap-2", children: [_jsx(FileReaderExt, { fileDetails: fileDetails }), _jsxs("div", { className: "w-full flex flex-column gap-1", children: [_jsxs("div", { className: "flex align-items-start justify-content-between", children: [_jsx("p", { className: "font-normal w-9 text-primary m-0 solid-img-text-wrapper", style: { cursor: 'pointer' }, onClick: function () { return handleFileView(fileDetails); }, children: fileDetails.name }), _jsxs("div", { className: "flex align-items-center md:gap-2", children: [_jsx("div", { children: _jsx(Button, { type: "button", text: true, icon: "pi pi-download", size: "small", severity: "secondary", 
                                                                 // className="p-2"
-                                                                style: {
+                                                                disabled: isFieldDisabled || isFieldReadonly, style: {
                                                                     height: 16,
                                                                     width: 16
                                                                 }, onClick: function () { return downloadMediaFile(fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.fileUrl, fileDetails === null || fileDetails === void 0 ? void 0 : fileDetails.name); } }) }), _jsx("div", { children: _jsx(Button, { type: "button", text: true, icon: "pi pi-times", size: "small", severity: "secondary", 
                                                                 // className="p-2"
-                                                                style: {
+                                                                disabled: isFieldDisabled || isFieldReadonly, style: {
                                                                     height: 16,
                                                                     width: 16
                                                                 }, onClick: function () { return setDeleteImageDialogVisible(true); } }) })] })] }), _jsx("div", { className: "flex align-items-center gap-2 text-sm", children: fileDetails && formatFileSize(fileDetails.fileSize) })] })] }) }))] }), _jsx(Dialog, { visible: isDeleteImageDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { type: "button", label: "Yes", icon: "pi pi-check", className: 'small-button', severity: "danger", autoFocus: true, onClick: handleCancelUpload }), _jsx(Button, { type: "button", label: "No", icon: "pi pi-times", className: 'small-button', onClick: function () { return setDeleteImageDialogVisible(false); } })] })); }, onHide: function () { return setDeleteImageDialogVisible(false); }, children: _jsx("p", { children: "Are you sure you want to delete media?" }) }), _jsx(Dialog, { visible: isReplaceImageDialogVisible, header: "Replace Image", modal: true, className: "solid-confirm-dialog", footer: function () { return (_jsxs("div", { className: "flex justify-content-center", children: [_jsx(Button, { type: "button", label: "Yes, Replace", icon: "pi pi-check", className: 'small-button', severity: "danger", onClick: handleReplaceFile }), _jsx(Button, { type: "button", label: "Cancel", icon: "pi pi-times", className: 'small-button', onClick: function () { return setReplaceImageDialogVisible(false); } })] })); }, onHide: function () { return setReplaceImageDialogVisible(false); }, children: _jsx("p", { children: "An media is already uploaded. Do you want to delete it and upload a new one?" }) })] }));

package/dist/components/core/form/fields/SolidMediaSingleField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { DropzonePlaceholder } from \"../../../../components/common/DropzonePlaceholder\";\nimport { useDeleteMediaMutation } from \"../../../../redux/api/mediaApi\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { Message } from \"primereact/message\";\nimport { useEffect, useState } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { FileReaderExt } from \"../../../../components/common/FileReaderExt\";\nimport { ProgressBar } from \"primereact/progressbar\";\nimport getAcceptedFileTypes from \"../../../../helpers/getAcceptedFileTypes\";\nimport { downloadMediaFile } from \"../../../../helpers/downloadMediaFile\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidMediaFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nexport class SolidMediaSingleField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n    private setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void;\n    private setOpenLightbox?: (open: boolean) => void;\n    constructor(fieldContext: SolidFieldProps, setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void,\n        setOpenLightbox?: (open: boolean) => void) {\n        this.fieldContext = fieldContext;\n        this.setLightboxUrls = setLightboxUrls;\n        this.setOpenLightbox = setOpenLightbox;\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        if (value instanceof File) {\n            formData.append(fieldLayoutInfo.attrs.name, value);\n        }\n    }\n\n    initialValue(): any {\n        const mediaUrls = this.fieldContext.data && this.fieldContext.data._media && this.fieldContext.data._media[this.fieldContext.field.attrs.name][0];\n        return mediaUrls;\n    }\n\n    validationSchema(): Yup.Schema {\n        // let schema: Yup.StringSchema = Yup.object();\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n        // Dynamically determine the base type based on the 'required' flag\n\n        // Define base schema\n        let schema: Yup.MixedSchema<File | object>;\n\n        if (fieldMetadata.required) {\n            // For required fields: disallow null and undefined\n            schema = Yup.mixed<File | object>()\n                .required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                .test(\n                    ERROR_MESSAGES.FILE_OBJECT,\n                    ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                    (value) =>\n                        value instanceof File || typeof value === \"object\" // Validate File or object\n                );\n        } else {\n            // For optional fields: allow null or undefined\n            schema = Yup.mixed<any>()\n                .nullable() // Allow null explicitly\n                .test(\n                    ERROR_MESSAGES.FILE_OBJECT,\n                    ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                    (value) =>\n                        value === null || // Allow null\n                        value === undefined || // Allow undefined\n                        value instanceof File || // Allow File\n                        value === 'false' ||\n                        typeof value === \"object\" // Allow object\n                );\n        }\n        return schema;\n\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultMediaSingleFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultMediaSingleFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\n\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidMediaFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n            setLightboxUrls: this.setLightboxUrls,\n            setOpenLightbox: this.setOpenLightbox\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\n\n\n\nexport const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly ? fieldContext.readOnly : fieldLayoutInfo.attrs.readonly;\n    const viewMode: string = fieldContext.viewMode;\n\n    const [isDeleteImageDialogVisible, setDeleteImageDialogVisible] = useState(false);\n    const [imageToBeDeletedData, setImageToBeDeletedData] = useState<any>();\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string, fileUrl: string, fileSize: number } | null>(null);\n    const [isReplaceImageDialogVisible, setReplaceImageDialogVisible] = useState(false);\n    const [newFileToUpload, setNewFileToUpload] = useState<any>(null);\n    const [fileSizeError, setFileSizeError] = useState<string | null>(null);\n\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    const [\n        deleteMedia,\n        { isLoading: isMediaDeleted, isSuccess: isDeleteMediaSuceess, isError: isMediaDeleteError, error: mediaDeleteError, data: DeletedMedia },\n    ] = useDeleteMediaMutation();\n\n    const handleCancelUpload = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        if (imageToBeDeletedData) {\n            deleteMedia(imageToBeDeletedData);\n        }\n        e.stopPropagation();\n        setFileDetails(null);\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, null);\n        setDeleteImageDialogVisible(false);\n    };\n\n    const handleDropImage = (acceptedFiles: any[]) => {\n        const file = acceptedFiles[0];\n        if (!file) return;\n        setFileSizeError(null);\n        if (fileDetails) {\n            // If a file is already uploaded, show the confirmation dialog\n            setNewFileToUpload(file);\n            setReplaceImageDialogVisible(true);\n        } else {\n            // If no file is present, proceed with upload\n            uploadFile(file);\n        }\n    };\n\n    const uploadFile = (file: File) => {\n        setFileDetails({\n            name: file.name,\n            type: file.type,\n            fileUrl: URL.createObjectURL(file),\n            fileSize: file.size\n        });\n\n        const reader = new FileReader();\n        reader.readAsDataURL(file);\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, file);\n    };\n\n    const handleReplaceFile = () => {\n        // Delete the existing file first\n        if (imageToBeDeletedData) {\n            deleteMedia(imageToBeDeletedData);\n        }\n        setFileDetails(null);\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, null);\n\n        // Proceed with uploading new file\n        if (newFileToUpload) {\n            uploadFile(newFileToUpload);\n            setNewFileToUpload(null);\n        }\n\n        setReplaceImageDialogVisible(false);\n    };\n\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (fieldValue && typeof fieldValue === \"object\") {\n            let fileUrl = \"\";\n            let fileName = \"Unknown File\";\n            let fileSize = 0;\n\n            if (fieldValue instanceof File) {\n                fileUrl = URL.createObjectURL(fieldValue);\n                fileName = fieldValue.name;\n                fileSize = fieldValue.size;\n            } else if (fieldValue._full_url) {\n                fileUrl = fieldValue._full_url;\n                fileName = fieldValue.originalFileName;\n                fileSize = fieldValue.fileSize;\n            }\n\n            setFileDetails({\n                name: fileName,\n                type: fieldValue.mimeType ? fieldValue.mimeType : fieldValue.type,\n                fileUrl,\n                fileSize\n            });\n\n            // Set file ID for delete operation\n            setImageToBeDeletedData(fieldValue.id);\n\n            // Ensure formik has the correct value\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, fieldValue);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const {\n        getRootProps: getRootProps,\n        getInputProps: getInputProps,\n        isDragActive: isDragActive,\n    } = useDropzone({\n        onDrop: handleDropImage,\n        onDropRejected: (fileRejections) => {\n            const rejection = fileRejections[0];\n            const sizeError = rejection.errors.find(err => err.code === 'file-too-large');\n            if (sizeError) {\n                setFileSizeError(ERROR_MESSAGES.FILE_TOO_LAREG(fieldMetadata.mediaMaxSizeKb));\n            } else {\n                setFileSizeError(rejection.errors[0]?.message || ERROR_MESSAGES.FILE_NOT_ACCEPT);\n            }\n        },\n        accept: getAcceptedFileTypes(fieldMetadata.mediaTypes),\n        maxSize: fieldMetadata.mediaMaxSizeKb * 1024,\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    let DynamicWidget = getExtensionComponent(\"SolidFormFieldViewMediaSingleWidget\");\n    const widgetProps = {\n        formik: formik,\n        fieldContext: fieldContext,\n        setLightboxUrls: setLightboxUrls,\n        setOpenLightbox: setOpenLightbox\n    }\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n\n    return (\n        <div style={readOnlyPermission === true ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}}>\n            <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative\">\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label\">{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <div className=\"relative\">\n                    <div\n                        {...getRootProps()}\n                        className=\"solid-dropzone-wrapper\"\n                    >\n                        <input {...getInputProps()} />\n                        <DropzonePlaceholder\n                            mediaTypes={fieldMetadata.mediaTypes}\n                            mediaMaxSizeKb={fieldMetadata.mediaMaxSizeKb}\n                        />\n                    </div>\n                    {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                        <div className=\"absolute mt-1\">\n                            <Message severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                        </div>\n                    )}\n                </div>\n                {\n                    fileSizeError &&\n                    <Message severity=\"error\" text={fileSizeError?.toString()} />\n                }\n                {fileDetails && (\n                    <div className=\"solid-file-upload-wrapper mt-4\">\n                        <div className=\"flex align-items-center md:gap-2\">\n                            <FileReaderExt fileDetails={fileDetails} />\n                            <div className=\"w-full flex flex-column gap-1\">\n                                <div className=\"flex align-items-start justify-content-between\">\n                                    <p className=\"font-normal w-9 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails)}>{fileDetails.name}</p>\n                                    <div className=\"flex align-items-center md:gap-2\">\n                                        <div>\n                                            <Button\n                                                type=\"button\"\n                                                text\n                                                icon={\"pi pi-download\"}\n                                                size=\"small\"\n                                                severity=\"secondary\"\n                                                // className=\"p-2\"\n                                                style={{\n                                                    height: 16,\n                                                    width: 16\n                                                }}\n                                                onClick={() => downloadMediaFile(fileDetails?.fileUrl, fileDetails?.name)}\n                                            />\n                                        </div>\n                                        <div>\n                                            <Button\n                                                type=\"button\"\n                                                text\n                                                icon={\"pi pi-times\"}\n                                                size=\"small\"\n                                                severity=\"secondary\"\n                                                // className=\"p-2\"\n                                                style={{\n                                                    height: 16,\n                                                    width: 16\n                                                }}\n                                                onClick={() => setDeleteImageDialogVisible(true)}\n                                            />\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"flex align-items-center gap-2 text-sm\">\n                                    {fileDetails && formatFileSize(fileDetails.fileSize)}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n            <Dialog\n                visible={isDeleteImageDialogVisible}\n                header=\"Confirm Delete\"\n                modal\n                className=\"solid-confirm-dialog\"\n                footer={() => (\n                    <div className=\"flex justify-content-center\">\n                        <Button type=\"button\" label=\"Yes\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" autoFocus onClick={handleCancelUpload} />\n                        <Button type=\"button\" label=\"No\" icon=\"pi pi-times\" className='small-button' onClick={() => setDeleteImageDialogVisible(false)} />\n                    </div>\n                )}\n                onHide={() => setDeleteImageDialogVisible(false)}\n            >\n                <p>Are you sure you want to delete media?</p>\n            </Dialog>\n            <Dialog\n                visible={isReplaceImageDialogVisible}\n                header=\"Replace Image\"\n                modal\n                className=\"solid-confirm-dialog\"\n                footer={() => (\n                    <div className=\"flex justify-content-center\">\n                        <Button type=\"button\" label=\"Yes, Replace\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" onClick={handleReplaceFile} />\n                        <Button type=\"button\" label=\"Cancel\" icon=\"pi pi-times\" className='small-button' onClick={() => setReplaceImageDialogVisible(false)} />\n                    </div>\n                )}\n                onHide={() => setReplaceImageDialogVisible(false)}\n            >\n                <p>An media is already uploaded. Do you want to delete it and upload a new one?</p>\n            </Dialog>\n        </div>\n    );\n}\n\nexport const DefaultMediaSingleFormViewWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string, fileUrl: string, fileSize: number } | null>(null);\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (fieldValue && typeof fieldValue === \"object\") {\n            let fileUrl = \"\";\n            let fileName = \"Unknown File\";\n            let fileSize = 0;\n\n            if (fieldValue instanceof File) {\n                fileUrl = URL.createObjectURL(fieldValue);\n                fileName = fieldValue.name;\n                fileSize = fieldValue.size;\n            } else if (fieldValue._full_url) {\n                fileUrl = fieldValue._full_url;\n                fileName = fieldValue.originalFileName;\n                fileSize = fieldValue.fileSize;\n            }\n\n            setFileDetails({\n                name: fileName,\n                type: fieldValue.mimeType ? fieldValue.mimeType : fieldValue.type,\n                fileUrl,\n                fileSize\n            });\n            // Ensure formik has the correct value\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, fieldValue);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n    return (\n        <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative\">\n            {showFieldLabel != false &&\n                <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label font-medium\">{fieldLabel}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n\n            {fileDetails && (\n                <div className=\"solid-file-view-wrapper mt-4\">\n                    <div className=\"flex align-items-center md:gap-2\">\n                        <FileReaderExt fileDetails={fileDetails} />\n                        <div className=\"w-full flex flex-column gap-1\">\n                            <div className=\"flex align-items-start justify-content-between\">\n                                <p className=\"font-normal w-9 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails)}>{fileDetails.name}</p>\n                                <div className=\"flex align-items-center md:gap-2\">\n                                    <div>\n                                        <Button\n                                            type=\"button\"\n                                            text\n                                            icon={\"pi pi-download\"}\n                                            size=\"small\"\n                                            severity=\"secondary\"\n                                            // className=\"p-2\"\n                                            style={{\n                                                height: 16,\n                                                width: 16\n                                            }}\n                                            onClick={() => downloadMediaFile(fileDetails?.fileUrl, fileDetails?.name)}\n                                        />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"flex align-items-center gap-2 text-sm\">\n                                {fileDetails && formatFileSize(fileDetails.fileSize)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n}"]}
+{"version":3,"file":"SolidMediaSingleField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidMediaSingleField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mDAAmD,CAAC;AACxF,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAE5E,OAAO,oBAAoB,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iDAAiD,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAEtE;IAKI,+BAAY,YAA6B,EAAE,eAAwE,EAC/G,eAAyC;QAJrC;;;;;WAA8B;QAC9B;;;;;WAAyE;QACzE;;;;;WAA0C;QAG9C,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;IAC3C,CAAC;;;;;eAED,UAAe,KAAU,EAAE,QAAkB;YACzC,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChD,IAAI,KAAK,YAAY,IAAI,EAAE;gBACvB,QAAQ,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;aACtD;QACL,CAAC;;;;;;eAED;YACI,IAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;YAClJ,OAAO,SAAS,CAAC;QACrB,CAAC;;;;;;eAED;YACI,+CAA+C;;YAE/C,IAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAEhD,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;YAC5E,mEAAmE;YAEnE,qBAAqB;YACrB,IAAI,MAAsC,CAAC;YAE3C,IAAI,aAAa,CAAC,QAAQ,EAAE;gBACxB,mDAAmD;gBACnD,MAAM,GAAG,GAAG,CAAC,KAAK,EAAiB;qBAC9B,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;qBACnD,IAAI,CACD,cAAc,CAAC,WAAW,EAC1B,cAAc,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAC9C,UAAC,KAAK;oBACF,OAAA,KAAK,YAAY,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ;gBAAlD,CAAkD,CAAC,0BAA0B;iBACpF,CAAC;aACT;iBAAM;gBACH,+CAA+C;gBAC/C,MAAM,GAAG,GAAG,CAAC,KAAK,EAAO;qBACpB,QAAQ,EAAE,CAAC,wBAAwB;qBACnC,IAAI,CACD,cAAc,CAAC,WAAW,EAC1B,cAAc,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAC9C,UAAC,KAAK;oBACF,OAAA,KAAK,KAAK,IAAI,IAAI,aAAa;wBAC/B,KAAK,KAAK,SAAS,IAAI,kBAAkB;wBACzC,KAAK,YAAY,IAAI,IAAI,aAAa;wBACtC,KAAK,KAAK,OAAO;wBACjB,OAAO,KAAK,KAAK,QAAQ;gBAJzB,CAIyB,CAAC,eAAe;iBAChD,CAAC;aACT;YACD,OAAO,MAAM,CAAC;QAElB,CAAC;;;;;;eAED,UAAO,MAAoB;;YACvB,IAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;YACtD,IAAM,eAAe,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC;YAChD,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;YACrE,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB,IAAK,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAArD,CAAqD,CAAC;YAEnH,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;YAClD,IAAI,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,UAAU,CAAC;YAClD,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,kCAAkC,CAAC;aACnD;YACD,IAAI,CAAC,UAAU,EAAE;gBACb,UAAU,GAAG,kCAAkC,CAAC;aACnD;YACD,IAAM,QAAQ,GAAW,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC;YAGpD,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,SAAS,aACpB,QAAQ,KAAK,MAAM;4BAChB,IAAI,CAAC,yBAAyB,CAAC,UAAU,EAAE,MAAM,CAAC,EAErD,QAAQ,KAAK,MAAM;4BAChB,4BACK,UAAU;oCACP,IAAI,CAAC,yBAAyB,CAAC,UAAU,EAAE,MAAM,CAAC,GAEvD,IAEL,GACP,CACN,CAAC;QACN,CAAC;;;;;;eAGD,UAA0B,MAAc,EAAE,MAAoB;YAC1D,IAAI,aAAa,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC;YAClD,IAAM,WAAW,GAAmC;gBAChD,MAAM,EAAE,MAAM;gBACd,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,eAAe,EAAE,IAAI,CAAC,eAAe;gBACrC,eAAe,EAAE,IAAI,CAAC,eAAe;aACxC,CAAA;YACD,OAAO,CACH,4BACK,aAAa,IAAI,KAAC,aAAa,eAAK,WAAW,EAAI,GACrD,CACN,CAAA;QACL,CAAC;;IACL,4BAAC;AAAD,CAAC,AAnHD,IAmHC;;AAMD,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAA0F;;QAAxF,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA;IACrG,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;IACrE,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,gBAAgB,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,WAAW,mCAAI,aAAa,CAAC,WAAW,CAAC;IACxF,IAAM,qBAAqB,GAAG,YAAY,CAAC,qBAAqB,CAAC;IACjE,IAAM,cAAc,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,SAAS,CAAC;IACzD,IAAM,kBAAkB,GAAG,YAAY,CAAC,QAAQ,CAAC;IACjD,IAAM,QAAQ,GAAW,YAAY,CAAC,QAAQ,CAAC;IAE/C,IAAM,aAAa,GAAG,MAAA,eAAe,CAAC,KAAK,0CAAE,QAAQ,CAAC;IACtD,IAAM,aAAa,GAAG,MAAA,eAAe,CAAC,KAAK,0CAAE,QAAQ,CAAC;IAEtD,IAAM,YAAY,GAAG,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,QAAQ,CAAC;IACnF,IAAM,YAAY,GAAG,MAAA,MAAA,MAAA,qBAAqB,CAAC,IAAI,CAAC,SAAS,0CAAE,MAAM,0CAAE,KAAK,0CAAE,QAAQ,CAAC;IAEnF,IAAM,eAAe,GAAG,YAAY,IAAI,aAAa,CAAC;IACtD,IAAM,eAAe,GAAG,YAAY,IAAI,aAAa,IAAI,kBAAkB,CAAC;IAEtE,IAAA,KAA4D,QAAQ,CAAC,KAAK,CAAC,EAA1E,0BAA0B,QAAA,EAAE,2BAA2B,QAAmB,CAAC;IAC5E,IAAA,KAAkD,QAAQ,EAAO,EAAhE,oBAAoB,QAAA,EAAE,uBAAuB,QAAmB,CAAC;IAClE,IAAA,KAAgC,QAAQ,CAA2E,IAAI,CAAC,EAAvH,WAAW,QAAA,EAAE,cAAc,QAA4F,CAAC;IACzH,IAAA,KAA8D,QAAQ,CAAC,KAAK,CAAC,EAA5E,2BAA2B,QAAA,EAAE,4BAA4B,QAAmB,CAAC;IAC9E,IAAA,KAAwC,QAAQ,CAAM,IAAI,CAAC,EAA1D,eAAe,QAAA,EAAE,kBAAkB,QAAuB,CAAC;IAC5D,IAAA,KAAoC,QAAQ,CAAgB,IAAI,CAAC,EAAhE,aAAa,QAAA,EAAE,gBAAgB,QAAiC,CAAC;IAExE,IAAM,cAAc,GAAG,UAAC,IAAY;QAChC,OAAO,IAAI,IAAI,IAAI,GAAG,IAAI;YACtB,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK;YAC3C,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK,CAAC;IAC3C,CAAC,CAAC;IAEI,IAAA,KAGF,sBAAsB,EAAE,EAFxB,WAAW,QAAA,EACX,UAAwI,EAA3H,cAAc,eAAA,EAAa,oBAAoB,eAAA,EAAW,kBAAkB,aAAA,EAAS,gBAAgB,WAAA,EAAQ,YAAY,UAC9G,CAAC;IAE7B,IAAM,kBAAkB,GAAG,UAAC,CAAmB;QAC3C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,oBAAoB,EAAE;YACtB,WAAW,CAAC,oBAAoB,CAAC,CAAC;SACrC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACvD,2BAA2B,CAAC,KAAK,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,aAAoB;QACzC,IAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;QAC9B,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACvB,IAAI,WAAW,EAAE;YACb,8DAA8D;YAC9D,kBAAkB,CAAC,IAAI,CAAC,CAAC;YACzB,4BAA4B,CAAC,IAAI,CAAC,CAAC;SACtC;aAAM;YACH,6CAA6C;YAC7C,UAAU,CAAC,IAAI,CAAC,CAAC;SACpB;IACL,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG,UAAC,IAAU;QAC1B,cAAc,CAAC;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;YAClC,QAAQ,EAAE,IAAI,CAAC,IAAI;SACtB,CAAC,CAAC;QAEH,IAAM,MAAM,GAAG,IAAI,UAAU,EAAE,CAAC;QAChC,MAAM,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;QAC3B,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAC3D,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG;QACtB,iCAAiC;QACjC,IAAI,oBAAoB,EAAE;YACtB,WAAW,CAAC,oBAAoB,CAAC,CAAC;SACrC;QACD,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAEvD,kCAAkC;QAClC,IAAI,eAAe,EAAE;YACjB,UAAU,CAAC,eAAe,CAAC,CAAC;YAC5B,kBAAkB,CAAC,IAAI,CAAC,CAAC;SAC5B;QAED,4BAA4B,CAAC,KAAK,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,IAAM,UAAU,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAC9C,IAAI,OAAO,GAAG,EAAE,CAAC;YACjB,IAAI,QAAQ,GAAG,cAAc,CAAC;YAC9B,IAAI,QAAQ,GAAG,CAAC,CAAC;YAEjB,IAAI,UAAU,YAAY,IAAI,EAAE;gBAC5B,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;gBAC1C,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;gBAC3B,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;aAC9B;iBAAM,IAAI,UAAU,CAAC,SAAS,EAAE;gBAC7B,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC;gBAC/B,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC;gBACvC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;aAClC;YAED,cAAc,CAAC;gBACX,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI;gBACjE,OAAO,SAAA;gBACP,QAAQ,UAAA;aACX,CAAC,CAAC;YAEH,mCAAmC;YACnC,uBAAuB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;YAEvC,sCAAsC;YACtC,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;SAChE;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAE1C,IAAA,KAIF,WAAW,CAAC;QACZ,MAAM,EAAE,eAAe;QACvB,cAAc,EAAE,UAAC,cAAc;;YAC3B,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;YACpC,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,IAAI,KAAK,gBAAgB,EAA7B,CAA6B,CAAC,CAAC;YAC9E,IAAI,SAAS,EAAE;gBACX,gBAAgB,CAAC,cAAc,CAAC,cAAc,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,CAAC;aACjF;iBAAM;gBACH,gBAAgB,CAAC,CAAA,MAAA,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,0CAAE,OAAO,KAAI,cAAc,CAAC,eAAe,CAAC,CAAC;aACpF;QACL,CAAC;QACD,MAAM,EAAE,oBAAoB,CAAC,aAAa,CAAC,UAAU,CAAC;QACtD,OAAO,EAAE,aAAa,CAAC,cAAc,GAAG,IAAI;QAC5C,QAAQ,EAAE,eAAe,IAAI,eAAe;KAC/C,CAAC,EAjBgB,YAAY,kBAAA,EACX,aAAa,mBAAA,EACd,YAAY,kBAe5B,CAAC;IAEH,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB,IAAK,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAArD,CAAqD,CAAC;IACnH,IAAI,aAAa,GAAG,qBAAqB,CAAC,qCAAqC,CAAC,CAAC;IACjF,IAAM,WAAW,GAAG;QAChB,MAAM,EAAE,MAAM;QACd,YAAY,EAAE,YAAY;QAC1B,eAAe,EAAE,eAAe;QAChC,eAAe,EAAE,eAAe;KACnC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,GAAQ;;QAC5B,IAAM,eAAe,GAAG;YACpB,KAAK,EAAE,KAAK,EAAE,KAAK;YACnB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;SAChB,CAAC;QAEF,IAAM,OAAO,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,EAAE,CAAC;QACnC,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,IAAM,GAAG,GAAG,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAC;QAErD,IAAI,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACtC,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;YACxB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,yCAAyC;YAC7D,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAEnC;aAAM;YACH,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG;gBACd,EAAE,GAAG,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC,OAAO,EAAE;aACjD,CAAC,CAAC;YACH,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,CAAC;SAC3B;IACL,CAAC,CAAA;IAGD,OAAO,CACH,eAAK,KAAK,EAAE,CAAC,eAAe,KAAK,IAAI,IAAI,eAAe,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,EAAE,aACvH,eAAK,SAAS,EAAC,8DAA8D,aACxE,cAAc,IAAI,KAAK;wBACpB,iBAAO,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,kBAAkB,aAAE,UAAU,EAC/E,aAAa,CAAC,QAAQ,IAAI,eAAM,SAAS,EAAC,cAAc,mBAAU,EACnE,KAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,GAAI,IAE7C,EAEZ,eAAK,SAAS,EAAC,UAAU,aACrB,0BACQ,YAAY,EAAE,IAClB,SAAS,EAAC,wBAAwB,aAElC,2BAAW,aAAa,EAAE,EAAI,EAC9B,KAAC,mBAAmB,IAChB,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,cAAc,EAAE,aAAa,CAAC,cAAc,GAC9C,KACA,EACL,gBAAgB,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CACrD,cAAK,SAAS,EAAC,eAAe,YAC1B,KAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAE,QAAQ,EAAE,GAAI,GACxF,CACT,IACC,EAEF,aAAa;wBACb,KAAC,OAAO,IAAC,QAAQ,EAAC,OAAO,EAAC,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,EAAE,GAAI,EAEhE,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,gCAAgC,YAC3C,eAAK,SAAS,EAAC,kCAAkC,aAC7C,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,EAC3C,eAAK,SAAS,EAAC,+BAA+B,aAC1C,eAAK,SAAS,EAAC,gDAAgD,aAC3D,YAAG,SAAS,EAAC,yDAAyD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,WAAW,CAAC,EAA3B,CAA2B,YAAG,WAAW,CAAC,IAAI,GAAK,EACvK,eAAK,SAAS,EAAC,kCAAkC,aAC7C,wBACI,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,QACJ,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW;gEACpB,kBAAkB;gEAClB,QAAQ,EAAE,eAAe,IAAI,eAAe,EAC5C,KAAK,EAAE;oEACH,MAAM,EAAE,EAAE;oEACV,KAAK,EAAE,EAAE;iEACZ,EACD,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,EAA1D,CAA0D,GAC3E,GACA,EACN,wBACI,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,QACJ,IAAI,EAAE,aAAa,EACnB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW;gEACpB,kBAAkB;gEAClB,QAAQ,EAAE,eAAe,IAAI,eAAe,EAC5C,KAAK,EAAE;oEACH,MAAM,EAAE,EAAE;oEACV,KAAK,EAAE,EAAE;iEACZ,EACD,OAAO,EAAE,cAAM,OAAA,2BAA2B,CAAC,IAAI,CAAC,EAAjC,CAAiC,GAClD,GACA,IACJ,IACJ,EACN,cAAK,SAAS,EAAC,uCAAuC,YACjD,WAAW,IAAI,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,GAClD,IACJ,IACJ,GACJ,CACT,IACC,EACN,KAAC,MAAM,IACH,OAAO,EAAE,0BAA0B,EACnC,MAAM,EAAC,gBAAgB,EACvB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE,cAAM,OAAA,CACV,eAAK,SAAS,EAAC,6BAA6B,aACxC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,SAAS,QAAC,OAAO,EAAE,kBAAkB,GAAI,EACzI,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,cAAM,OAAA,2BAA2B,CAAC,KAAK,CAAC,EAAlC,CAAkC,GAAI,IAChI,CACT,EALa,CAKb,EACD,MAAM,EAAE,cAAM,OAAA,2BAA2B,CAAC,KAAK,CAAC,EAAlC,CAAkC,YAEhD,iEAA6C,GACxC,EACT,KAAC,MAAM,IACH,OAAO,EAAE,2BAA2B,EACpC,MAAM,EAAC,eAAe,EACtB,KAAK,QACL,SAAS,EAAC,sBAAsB,EAChC,MAAM,EAAE,cAAM,OAAA,CACV,eAAK,SAAS,EAAC,6BAA6B,aACxC,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,cAAc,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,cAAc,EAAC,QAAQ,EAAC,QAAQ,EAAC,OAAO,EAAE,iBAAiB,GAAI,EACvI,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,cAAc,EAAC,OAAO,EAAE,cAAM,OAAA,4BAA4B,CAAC,KAAK,CAAC,EAAnC,CAAmC,GAAI,IACrI,CACT,EALa,CAKb,EACD,MAAM,EAAE,cAAM,OAAA,4BAA4B,CAAC,KAAK,CAAC,EAAnC,CAAmC,YAEjD,uGAAmF,GAC9E,IACP,CACT,CAAC;AACN,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAA0F;;QAAxF,MAAM,YAAA,EAAE,YAAY,kBAAA,EAAE,eAAe,qBAAA,EAAE,eAAe,qBAAA;IAC/F,IAAA,KAAgC,QAAQ,CAA2E,IAAI,CAAC,EAAvH,WAAW,QAAA,EAAE,cAAc,QAA4F,CAAC;IAC/H,IAAM,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;IACjD,IAAM,eAAe,GAAG,YAAY,CAAC,KAAK,CAAC;IAC3C,IAAM,SAAS,GAAG,CAAA,MAAA,eAAe,CAAC,KAAK,0CAAE,SAAS,KAAI,cAAc,CAAC;IACrE,IAAM,UAAU,GAAG,MAAA,eAAe,CAAC,KAAK,CAAC,KAAK,mCAAI,aAAa,CAAC,WAAW,CAAC;IAC5E,IAAM,cAAc,GAAG,MAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,KAAK,0CAAE,SAAS,CAAC;IAEzD,qFAAqF;IAErF,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB,IAAK,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAArD,CAAqD,CAAC;IACnH,IAAM,cAAc,GAAG,UAAC,IAAY;QAChC,OAAO,IAAI,IAAI,IAAI,GAAG,IAAI;YACtB,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK;YAC3C,CAAC,CAAC,UAAG,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAK,CAAC;IAC3C,CAAC,CAAC;IAEF,SAAS,CAAC;QACN,IAAM,UAAU,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAE9D,IAAI,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAC9C,IAAI,OAAO,GAAG,EAAE,CAAC;YACjB,IAAI,QAAQ,GAAG,cAAc,CAAC;YAC9B,IAAI,QAAQ,GAAG,CAAC,CAAC;YAEjB,IAAI,UAAU,YAAY,IAAI,EAAE;gBAC5B,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;gBAC1C,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;gBAC3B,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC;aAC9B;iBAAM,IAAI,UAAU,CAAC,SAAS,EAAE;gBAC7B,OAAO,GAAG,UAAU,CAAC,SAAS,CAAC;gBAC/B,QAAQ,GAAG,UAAU,CAAC,gBAAgB,CAAC;gBACvC,QAAQ,GAAG,UAAU,CAAC,QAAQ,CAAC;aAClC;YAED,cAAc,CAAC;gBACX,IAAI,EAAE,QAAQ;gBACd,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI;gBACjE,OAAO,SAAA;gBACP,QAAQ,UAAA;aACX,CAAC,CAAC;YACH,sCAAsC;YACtC,MAAM,CAAC,aAAa,CAAC,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;SAChE;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC;IAEhD,IAAM,cAAc,GAAG,UAAC,GAAQ;;QAC5B,IAAM,eAAe,GAAG;YACpB,KAAK,EAAE,KAAK,EAAE,KAAK;YACnB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM;SAChB,CAAC;QAEF,IAAM,OAAO,GAAG,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,OAAO,KAAI,EAAE,CAAC;QACnC,IAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,IAAM,GAAG,GAAG,MAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,0CAAE,WAAW,EAAE,CAAC;QAErD,IAAI,GAAG,IAAI,eAAe,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;YACtC,IAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,OAAO,CAAC;YACxB,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC,CAAC,yCAAyC;YAC7D,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;YACvB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SAEnC;aAAM;YACH,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG;gBACd,EAAE,GAAG,EAAE,GAAG,CAAC,OAAO,EAAE,WAAW,EAAE,GAAG,CAAC,OAAO,EAAE;aACjD,CAAC,CAAC;YACH,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,IAAI,CAAC,CAAC;SAC3B;IACL,CAAC,CAAA;IAED,OAAO,CACH,eAAK,SAAS,EAAC,8DAA8D,aACxE,cAAc,IAAI,KAAK;gBACpB,iBAAO,OAAO,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,EAAC,8BAA8B,aAAE,UAAU,EAC5F,KAAC,iBAAiB,IAAC,YAAY,EAAE,YAAY,GAAI,IAC7C,EAGX,WAAW,IAAI,CACZ,cAAK,SAAS,EAAC,8BAA8B,YACzC,eAAK,SAAS,EAAC,kCAAkC,aAC7C,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,GAAI,EAC3C,eAAK,SAAS,EAAC,+BAA+B,aAC1C,eAAK,SAAS,EAAC,gDAAgD,aAC3D,YAAG,SAAS,EAAC,yDAAyD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,WAAW,CAAC,EAA3B,CAA2B,YAAG,WAAW,CAAC,IAAI,GAAK,EACvK,cAAK,SAAS,EAAC,kCAAkC,YAC7C,wBACI,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,IAAI,QACJ,IAAI,EAAE,gBAAgB,EACtB,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,WAAW;oDACpB,kBAAkB;oDAClB,KAAK,EAAE;wDACH,MAAM,EAAE,EAAE;wDACV,KAAK,EAAE,EAAE;qDACZ,EACD,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,OAAO,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,CAAC,EAA1D,CAA0D,GAC3E,GACA,GACJ,IACJ,EACN,cAAK,SAAS,EAAC,uCAAuC,YACjD,WAAW,IAAI,cAAc,CAAC,WAAW,CAAC,QAAQ,CAAC,GAClD,IACJ,IACJ,GACJ,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAA","sourcesContent":["\nimport { DropzonePlaceholder } from \"../../../../components/common/DropzonePlaceholder\";\nimport { useDeleteMediaMutation } from \"../../../../redux/api/mediaApi\";\nimport { Button } from \"primereact/button\";\nimport { Dialog } from \"primereact/dialog\";\nimport { Message } from \"primereact/message\";\nimport { useEffect, useState } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { FileReaderExt } from \"../../../../components/common/FileReaderExt\";\nimport { ProgressBar } from \"primereact/progressbar\";\nimport getAcceptedFileTypes from \"../../../../helpers/getAcceptedFileTypes\";\nimport { downloadMediaFile } from \"../../../../helpers/downloadMediaFile\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidMediaFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\nexport class SolidMediaSingleField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n    private setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void;\n    private setOpenLightbox?: (open: boolean) => void;\n    constructor(fieldContext: SolidFieldProps, setLightboxUrls?: (urls: { src: string; downloadUrl: string }[]) => void,\n        setOpenLightbox?: (open: boolean) => void) {\n        this.fieldContext = fieldContext;\n        this.setLightboxUrls = setLightboxUrls;\n        this.setOpenLightbox = setOpenLightbox;\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        if (value instanceof File) {\n            formData.append(fieldLayoutInfo.attrs.name, value);\n        }\n    }\n\n    initialValue(): any {\n        const mediaUrls = this.fieldContext.data && this.fieldContext.data._media && this.fieldContext.data._media[this.fieldContext.field.attrs.name][0];\n        return mediaUrls;\n    }\n\n    validationSchema(): Yup.Schema {\n        // let schema: Yup.StringSchema = Yup.object();\n\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n        // Dynamically determine the base type based on the 'required' flag\n\n        // Define base schema\n        let schema: Yup.MixedSchema<File | object>;\n\n        if (fieldMetadata.required) {\n            // For required fields: disallow null and undefined\n            schema = Yup.mixed<File | object>()\n                .required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel))\n                .test(\n                    ERROR_MESSAGES.FILE_OBJECT,\n                    ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                    (value) =>\n                        value instanceof File || typeof value === \"object\" // Validate File or object\n                );\n        } else {\n            // For optional fields: allow null or undefined\n            schema = Yup.mixed<any>()\n                .nullable() // Allow null explicitly\n                .test(\n                    ERROR_MESSAGES.FILE_OBJECT,\n                    ERROR_MESSAGES.MUST_BE_FILE_OBJECT(fieldLabel),\n                    (value) =>\n                        value === null || // Allow null\n                        value === undefined || // Allow undefined\n                        value instanceof File || // Allow File\n                        value === 'false' ||\n                        typeof value === \"object\" // Allow object\n                );\n        }\n        return schema;\n\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultMediaSingleFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultMediaSingleFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\n\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidMediaFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n            setLightboxUrls: this.setLightboxUrls,\n            setOpenLightbox: this.setOpenLightbox\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\n\n\n\nexport const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n    const viewMode: string = fieldContext.viewMode;\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;\n\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;\n\n    const isFieldDisabled = formDisabled || fieldDisabled;\n    const isFieldReadonly = formReadonly || fieldReadonly || readOnlyPermission;\n\n    const [isDeleteImageDialogVisible, setDeleteImageDialogVisible] = useState(false);\n    const [imageToBeDeletedData, setImageToBeDeletedData] = useState<any>();\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string, fileUrl: string, fileSize: number } | null>(null);\n    const [isReplaceImageDialogVisible, setReplaceImageDialogVisible] = useState(false);\n    const [newFileToUpload, setNewFileToUpload] = useState<any>(null);\n    const [fileSizeError, setFileSizeError] = useState<string | null>(null);\n\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    const [\n        deleteMedia,\n        { isLoading: isMediaDeleted, isSuccess: isDeleteMediaSuceess, isError: isMediaDeleteError, error: mediaDeleteError, data: DeletedMedia },\n    ] = useDeleteMediaMutation();\n\n    const handleCancelUpload = (e: React.MouseEvent) => {\n        e.stopPropagation();\n        if (imageToBeDeletedData) {\n            deleteMedia(imageToBeDeletedData);\n        }\n        e.stopPropagation();\n        setFileDetails(null);\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, null);\n        setDeleteImageDialogVisible(false);\n    };\n\n    const handleDropImage = (acceptedFiles: any[]) => {\n        const file = acceptedFiles[0];\n        if (!file) return;\n        setFileSizeError(null);\n        if (fileDetails) {\n            // If a file is already uploaded, show the confirmation dialog\n            setNewFileToUpload(file);\n            setReplaceImageDialogVisible(true);\n        } else {\n            // If no file is present, proceed with upload\n            uploadFile(file);\n        }\n    };\n\n    const uploadFile = (file: File) => {\n        setFileDetails({\n            name: file.name,\n            type: file.type,\n            fileUrl: URL.createObjectURL(file),\n            fileSize: file.size\n        });\n\n        const reader = new FileReader();\n        reader.readAsDataURL(file);\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, file);\n    };\n\n    const handleReplaceFile = () => {\n        // Delete the existing file first\n        if (imageToBeDeletedData) {\n            deleteMedia(imageToBeDeletedData);\n        }\n        setFileDetails(null);\n        formik.setFieldValue(fieldLayoutInfo.attrs.name, null);\n\n        // Proceed with uploading new file\n        if (newFileToUpload) {\n            uploadFile(newFileToUpload);\n            setNewFileToUpload(null);\n        }\n\n        setReplaceImageDialogVisible(false);\n    };\n\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (fieldValue && typeof fieldValue === \"object\") {\n            let fileUrl = \"\";\n            let fileName = \"Unknown File\";\n            let fileSize = 0;\n\n            if (fieldValue instanceof File) {\n                fileUrl = URL.createObjectURL(fieldValue);\n                fileName = fieldValue.name;\n                fileSize = fieldValue.size;\n            } else if (fieldValue._full_url) {\n                fileUrl = fieldValue._full_url;\n                fileName = fieldValue.originalFileName;\n                fileSize = fieldValue.fileSize;\n            }\n\n            setFileDetails({\n                name: fileName,\n                type: fieldValue.mimeType ? fieldValue.mimeType : fieldValue.type,\n                fileUrl,\n                fileSize\n            });\n\n            // Set file ID for delete operation\n            setImageToBeDeletedData(fieldValue.id);\n\n            // Ensure formik has the correct value\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, fieldValue);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const {\n        getRootProps: getRootProps,\n        getInputProps: getInputProps,\n        isDragActive: isDragActive,\n    } = useDropzone({\n        onDrop: handleDropImage,\n        onDropRejected: (fileRejections) => {\n            const rejection = fileRejections[0];\n            const sizeError = rejection.errors.find(err => err.code === 'file-too-large');\n            if (sizeError) {\n                setFileSizeError(ERROR_MESSAGES.FILE_TOO_LAREG(fieldMetadata.mediaMaxSizeKb));\n            } else {\n                setFileSizeError(rejection.errors[0]?.message || ERROR_MESSAGES.FILE_NOT_ACCEPT);\n            }\n        },\n        accept: getAcceptedFileTypes(fieldMetadata.mediaTypes),\n        maxSize: fieldMetadata.mediaMaxSizeKb * 1024,\n        disabled: isFieldDisabled || isFieldReadonly\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    let DynamicWidget = getExtensionComponent(\"SolidFormFieldViewMediaSingleWidget\");\n    const widgetProps = {\n        formik: formik,\n        fieldContext: fieldContext,\n        setLightboxUrls: setLightboxUrls,\n        setOpenLightbox: setOpenLightbox\n    }\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n\n    return (\n        <div style={(isFieldDisabled === true || isFieldReadonly === true) ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}}>\n            <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative\">\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label\">{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <div className=\"relative\">\n                    <div\n                        {...getRootProps()}\n                        className=\"solid-dropzone-wrapper\"\n                    >\n                        <input {...getInputProps()} />\n                        <DropzonePlaceholder\n                            mediaTypes={fieldMetadata.mediaTypes}\n                            mediaMaxSizeKb={fieldMetadata.mediaMaxSizeKb}\n                        />\n                    </div>\n                    {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                        <div className=\"absolute mt-1\">\n                            <Message severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                        </div>\n                    )}\n                </div>\n                {\n                    fileSizeError &&\n                    <Message severity=\"error\" text={fileSizeError?.toString()} />\n                }\n                {fileDetails && (\n                    <div className=\"solid-file-upload-wrapper mt-4\">\n                        <div className=\"flex align-items-center md:gap-2\">\n                            <FileReaderExt fileDetails={fileDetails} />\n                            <div className=\"w-full flex flex-column gap-1\">\n                                <div className=\"flex align-items-start justify-content-between\">\n                                    <p className=\"font-normal w-9 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails)}>{fileDetails.name}</p>\n                                    <div className=\"flex align-items-center md:gap-2\">\n                                        <div>\n                                            <Button\n                                                type=\"button\"\n                                                text\n                                                icon={\"pi pi-download\"}\n                                                size=\"small\"\n                                                severity=\"secondary\"\n                                                // className=\"p-2\"\n                                                disabled={isFieldDisabled || isFieldReadonly}\n                                                style={{\n                                                    height: 16,\n                                                    width: 16\n                                                }}\n                                                onClick={() => downloadMediaFile(fileDetails?.fileUrl, fileDetails?.name)}\n                                            />\n                                        </div>\n                                        <div>\n                                            <Button\n                                                type=\"button\"\n                                                text\n                                                icon={\"pi pi-times\"}\n                                                size=\"small\"\n                                                severity=\"secondary\"\n                                                // className=\"p-2\"\n                                                disabled={isFieldDisabled || isFieldReadonly}\n                                                style={{\n                                                    height: 16,\n                                                    width: 16\n                                                }}\n                                                onClick={() => setDeleteImageDialogVisible(true)}\n                                            />\n                                        </div>\n                                    </div>\n                                </div>\n                                <div className=\"flex align-items-center gap-2 text-sm\">\n                                    {fileDetails && formatFileSize(fileDetails.fileSize)}\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                )}\n            </div>\n            <Dialog\n                visible={isDeleteImageDialogVisible}\n                header=\"Confirm Delete\"\n                modal\n                className=\"solid-confirm-dialog\"\n                footer={() => (\n                    <div className=\"flex justify-content-center\">\n                        <Button type=\"button\" label=\"Yes\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" autoFocus onClick={handleCancelUpload} />\n                        <Button type=\"button\" label=\"No\" icon=\"pi pi-times\" className='small-button' onClick={() => setDeleteImageDialogVisible(false)} />\n                    </div>\n                )}\n                onHide={() => setDeleteImageDialogVisible(false)}\n            >\n                <p>Are you sure you want to delete media?</p>\n            </Dialog>\n            <Dialog\n                visible={isReplaceImageDialogVisible}\n                header=\"Replace Image\"\n                modal\n                className=\"solid-confirm-dialog\"\n                footer={() => (\n                    <div className=\"flex justify-content-center\">\n                        <Button type=\"button\" label=\"Yes, Replace\" icon=\"pi pi-check\" className='small-button' severity=\"danger\" onClick={handleReplaceFile} />\n                        <Button type=\"button\" label=\"Cancel\" icon=\"pi pi-times\" className='small-button' onClick={() => setReplaceImageDialogVisible(false)} />\n                    </div>\n                )}\n                onHide={() => setReplaceImageDialogVisible(false)}\n            >\n                <p>An media is already uploaded. Do you want to delete it and upload a new one?</p>\n            </Dialog>\n        </div>\n    );\n}\n\nexport const DefaultMediaSingleFormViewWidget = ({ formik, fieldContext, setLightboxUrls, setOpenLightbox }: SolidMediaFormFieldWidgetProps) => {\n    const [fileDetails, setFileDetails] = useState<{ name: string; type: string, fileUrl: string, fileSize: number } | null>(null);\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    // useEffect(() => { formik.setFieldValue(fieldLayoutInfo.attrs.name, \"false\") }, [])\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n    const formatFileSize = (size: number) => {\n        return size >= 1024 * 1024\n            ? `${(size / (1024 * 1024)).toFixed(1)} MB`\n            : `${(size / 1024).toFixed(1)} KB`;\n    };\n\n    useEffect(() => {\n        const fieldValue = formik?.values[fieldLayoutInfo.attrs.name];\n\n        if (fieldValue && typeof fieldValue === \"object\") {\n            let fileUrl = \"\";\n            let fileName = \"Unknown File\";\n            let fileSize = 0;\n\n            if (fieldValue instanceof File) {\n                fileUrl = URL.createObjectURL(fieldValue);\n                fileName = fieldValue.name;\n                fileSize = fieldValue.size;\n            } else if (fieldValue._full_url) {\n                fileUrl = fieldValue._full_url;\n                fileName = fieldValue.originalFileName;\n                fileSize = fieldValue.fileSize;\n            }\n\n            setFileDetails({\n                name: fileName,\n                type: fieldValue.mimeType ? fieldValue.mimeType : fieldValue.type,\n                fileUrl,\n                fileSize\n            });\n            // Ensure formik has the correct value\n            formik.setFieldValue(fieldLayoutInfo.attrs.name, fieldValue);\n        }\n    }, [formik.values, fieldLayoutInfo.attrs.name]);\n\n    const handleFileView = (url: any) => {\n        const downloadOnlyExt = [\n            \"txt\", \"zip\", \"rar\",\n            \"doc\", \"docx\",\n            \"xls\", \"xlsx\",\n            \"ppt\", \"pptx\"\n        ];\n\n        const fileUrl = url?.fileUrl || \"\";\n        const cleanUrl = fileUrl.split(\"?\")[0];\n        const ext = cleanUrl.split(\".\").pop()?.toLowerCase();\n\n        if (ext && downloadOnlyExt.includes(ext)) {\n            const link = document.createElement('a');\n            link.href = url.fileUrl;\n            link.download = ''; // or specify a file name like 'file.pdf'\n            link.target = '_blank';\n            document.body.appendChild(link);\n            link.click();\n            document.body.removeChild(link);\n\n        } else {\n            setLightboxUrls?.([\n                { src: url.fileUrl, downloadUrl: url.fileUrl },\n            ]);\n            setOpenLightbox?.(true);\n        }\n    }\n\n    return (\n        <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative\">\n            {showFieldLabel != false &&\n                <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label font-medium\">{fieldLabel}\n                    <SolidFieldTooltip fieldContext={fieldContext} />\n                </label>\n            }\n\n            {fileDetails && (\n                <div className=\"solid-file-view-wrapper mt-4\">\n                    <div className=\"flex align-items-center md:gap-2\">\n                        <FileReaderExt fileDetails={fileDetails} />\n                        <div className=\"w-full flex flex-column gap-1\">\n                            <div className=\"flex align-items-start justify-content-between\">\n                                <p className=\"font-normal w-9 text-primary m-0 solid-img-text-wrapper\" style={{ cursor: 'pointer' }} onClick={() => handleFileView(fileDetails)}>{fileDetails.name}</p>\n                                <div className=\"flex align-items-center md:gap-2\">\n                                    <div>\n                                        <Button\n                                            type=\"button\"\n                                            text\n                                            icon={\"pi pi-download\"}\n                                            size=\"small\"\n                                            severity=\"secondary\"\n                                            // className=\"p-2\"\n                                            style={{\n                                                height: 16,\n                                                width: 16\n                                            }}\n                                            onClick={() => downloadMediaFile(fileDetails?.fileUrl, fileDetails?.name)}\n                                        />\n                                    </div>\n                                </div>\n                            </div>\n                            <div className=\"flex align-items-center gap-2 text-sm\">\n                                {fileDetails && formatFileSize(fileDetails.fileSize)}\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n}"]}

package/dist/components/core/form/fields/SolidMediaSingleField.tsx

@@ -146,9 +146,18 @@ export const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLigh
     const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;
     const solidFormViewMetaData = fieldContext.solidFormViewMetaData;
     const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;
-    const readOnlyPermission = fieldContext.readOnly ? fieldContext.readOnly : fieldLayoutInfo.attrs.readonly;
+    const readOnlyPermission = fieldContext.readOnly;
     const viewMode: string = fieldContext.viewMode;
 
+    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;
+    const fieldReadonly = fieldLayoutInfo.attrs?.readonly;
+
+    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;
+    const formReadonly = solidFormViewMetaData.data.solidView?.layout?.attrs?.readonly;
+
+    const isFieldDisabled = formDisabled || fieldDisabled;
+    const isFieldReadonly = formReadonly || fieldReadonly || readOnlyPermission;
+
     const [isDeleteImageDialogVisible, setDeleteImageDialogVisible] = useState(false);
     const [imageToBeDeletedData, setImageToBeDeletedData] = useState<any>();
     const [fileDetails, setFileDetails] = useState<{ name: string; type: string, fileUrl: string, fileSize: number } | null>(null);
@@ -272,6 +281,7 @@ export const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLigh
         },
         accept: getAcceptedFileTypes(fieldMetadata.mediaTypes),
         maxSize: fieldMetadata.mediaMaxSizeKb * 1024,
+        disabled: isFieldDisabled || isFieldReadonly
     });
 
     const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];
@@ -314,7 +324,7 @@ export const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLigh
 
 
     return (
-        <div style={readOnlyPermission === true ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}}>
+        <div style={(isFieldDisabled === true || isFieldReadonly === true) ? { filter: 'opacity(50%)', pointerEvents: 'none' } : {}}>
             <div className="flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4 relative">
                 {showFieldLabel != false &&
                     <label htmlFor={fieldLayoutInfo.attrs.name} className="form-field-label">{fieldLabel}
@@ -360,6 +370,7 @@ export const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLigh
                                                 size="small"
                                                 severity="secondary"
                                                 // className="p-2"
+                                                disabled={isFieldDisabled || isFieldReadonly}
                                                 style={{
                                                     height: 16,
                                                     width: 16
@@ -375,6 +386,7 @@ export const DefaultMediaSingleFormEditWidget = ({ formik, fieldContext, setLigh
                                                 size="small"
                                                 severity="secondary"
                                                 // className="p-2"
+                                                disabled={isFieldDisabled || isFieldReadonly}
                                                 style={{
                                                     height: 16,
                                                     width: 16

package/dist/components/core/form/fields/SolidTimeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTimeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAoCzE,qBAAa,cAAe,YAAW,WAAW;IAE9C,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAoBnD,YAAY,IAAI,GAAG;IAkBnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAa9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAmC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAYjE;AAID,eAAO,MAAM,yBAAyB,6BAA8B,yBAAyB,4CAyD5F,CAAA;AAGD,eAAO,MAAM,yBAAyB,8BAGnC,yBAAyB,4CA4B3B,CAAC"}
+{"version":3,"file":"SolidTimeField.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidTimeField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAmCzE,qBAAa,cAAe,YAAW,WAAW;IAE9C,OAAO,CAAC,YAAY,CAAkB;gBAE1B,YAAY,EAAE,eAAe;IAIzC,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,QAAQ,GAAG,GAAG;IAoBnD,YAAY,IAAI,GAAG;IAkBnB,gBAAgB,IAAI,GAAG,CAAC,MAAM;IAa9B,MAAM,CAAC,MAAM,EAAE,YAAY;IAmC3B,yBAAyB,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY;CAYjE;AAID,eAAO,MAAM,yBAAyB,6BAA8B,yBAAyB,4CAyD5F,CAAA;AAGD,eAAO,MAAM,yBAAyB,8BAGnC,yBAAyB,4CA4B3B,CAAC"}

package/dist/components/core/form/fields/SolidTimeField.js

@@ -14,10 +14,10 @@ import { Calendar } from "primereact/calendar";
 import { Message } from "primereact/message";
 import { useRef } from "react";
 import * as Yup from 'yup';
+import dayjs from 'dayjs';
 import { getExtensionComponent } from "../../../../helpers/registry";
 import { SolidFieldTooltip } from "../../../../components/common/SolidFieldTooltip";
 import { ERROR_MESSAGES } from "../../../../constants/error-messages";
-import { DateFieldViewComponent } from '../../../../components/core/common/DateFieldViewComponent';
 // Converts multiple time formats into a JavaScript Date object
 function parseTimeStringToDate(timeStr) {
     if (!timeStr)
@@ -190,6 +190,8 @@ export var DefaultTimeFormViewWidget = function (_a) {
     var showFieldLabel = (_c = fieldLayoutInfo === null || fieldLayoutInfo === void 0 ? void 0 : fieldLayoutInfo.attrs) === null || _c === void 0 ? void 0 : _c.showLabel;
     var rawValue = formik.values[fieldName];
     var format = (_d = fieldLayoutInfo.attrs) === null || _d === void 0 ? void 0 : _d.format;
-    return (_jsxs("div", { className: "mt-2 flex flex-column gap-2", children: [showFieldLabel !== false && (_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel })), _jsx("p", { className: "m-0", children: _jsx(DateFieldViewComponent, { value: rawValue, format: format, fallback: "-" }) })] }));
+    var parsedTime = rawValue ? parseTimeStringToDate(rawValue) : null;
+    var displayValue = parsedTime ? (format ? dayjs(parsedTime).format(format) : formatTime(parsedTime)) : "-";
+    return (_jsxs("div", { className: "mt-2 flex flex-column gap-2", children: [showFieldLabel !== false && (_jsx("p", { className: "m-0 form-field-label font-medium", children: fieldLabel })), _jsx("p", { className: "m-0", children: displayValue })] }));
 };
 //# sourceMappingURL=SolidTimeField.js.map

package/dist/components/core/form/fields/SolidTimeField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidTimeField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Calendar } from \"primereact/calendar\";\nimport { Message } from \"primereact/message\";\nimport { useRef } from \"react\";\nimport * as Yup from 'yup';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\nimport { DateFieldViewComponent } from '../../../../components/core/common/DateFieldViewComponent';\n\n\n// Converts multiple time formats into a JavaScript Date object\nfunction parseTimeStringToDate(timeStr: string): Date | null {\n    if (!timeStr) return null;\n\n    // CASE 1: HH:mm:ss\n    if (typeof timeStr === \"string\" && /^\\d{2}:\\d{2}:\\d{2}$/.test(timeStr)) {\n        const [h, m, s] = timeStr.split(\":\").map(Number);\n        const d = new Date();\n        d.setHours(h, m, s, 0);\n        return d;\n    }\n\n    // CASE 2: timestamp or timestamptz\n    try {\n        const d = new Date(timeStr); // ← AUTO UTC → LOCAL conversion\n        if (!isNaN(d.getTime())) return d;\n    } catch (e) {\n        console.error(`${ERROR_MESSAGES.FIELD_INAVLID_FORMAT('Date')}:,${e}`)\n    }\n\n    return null;\n}\n\n// Formats a Date object to a HH:mm:ss string for display\nfunction formatTime(date: Date | null): string {\n    if (!date) return \"\";\n    return date.toLocaleTimeString();\n}\n\n\nexport class SolidTimeField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n\n    constructor(fieldContext: SolidFieldProps) {\n        this.fieldContext = fieldContext;\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        if (value instanceof Date) {\n            // Use local date with selected time\n            const now = new Date();\n            const localDate = new Date(\n                now.getFullYear(),\n                now.getMonth(),\n                now.getDate(),\n                value.getHours(),\n                value.getMinutes(),\n                value.getSeconds()\n            );\n\n            formData.append(fieldLayoutInfo.attrs.name, localDate.toISOString());\n        } else if (value) {\n            formData.append(fieldLayoutInfo.attrs.name, value);\n        }\n    }\n\n    initialValue(): any {\n        const fieldName = this.fieldContext.field.attrs.name;\n        const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;\n        const existingValue = this.fieldContext.data[fieldName];\n\n        if (existingValue) {\n            if (existingValue instanceof Date) {\n                return existingValue;\n            }\n            if (typeof existingValue === \"string\") {\n                const parsed = parseTimeStringToDate(existingValue);\n                if (parsed) return parsed;\n            }\n        }\n\n        return fieldDefaultValue ? new Date(fieldDefaultValue) : null;\n    }\n\n    validationSchema(): Yup.Schema {\n        let schema = Yup.date().nullable();\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n\n        // 1. required \n        if (fieldMetadata.required) {\n            schema = schema.required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n        }\n        return schema;\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultTimeFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultTimeFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\n\nexport const DefaultTimeFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const calendarRef = useRef<any>(null); // Reference for the Calendar component\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n\n    const fieldValue = formik.values[fieldLayoutInfo.attrs.name];\n\n\n\n    return (\n        <div className=\"relative\">\n            <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label\">{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <Calendar\n                    disabled={formDisabled || fieldDisabled || readOnlyPermission}\n                    ref={calendarRef} // Attach ref to Calendar\n                    id={fieldLayoutInfo.attrs.name}\n                    aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}\n                    // onChange={formik.handleChange}\n                    onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}\n\n                    //@ts-ignore\n                    // value={formik.values[fieldLayoutInfo.attrs.name] ? formik.values[fieldLayoutInfo.attrs.name] : Date()}\n                    value={fieldValue instanceof Date ? fieldValue : typeof fieldValue === \"string\" ? parseTimeStringToDate(fieldValue) : null}\n                    // dateFormat=\"mm/dd/yy\"\n                    // placeholder=\"mm/dd/yyyy hh:mm\"\n                    hideOnDateTimeSelect\n                    timeOnly\n                    showTime className=\"\"\n                    hourFormat=\"24\"\n\n                />\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <div className=\"absolute mt-1\">\n                    <Message severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                </div>\n            )}\n        </div>\n    );\n}\n\n\nexport const DefaultTimeFormViewWidget = ({\n    formik,\n    fieldContext,\n}: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const fieldLabel =\n        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    const rawValue = formik.values[fieldName];\n    const format = fieldLayoutInfo.attrs?.format\n\n\n    return (\n        <div className=\"mt-2 flex flex-column gap-2\">\n            {showFieldLabel !== false && (\n                <p className=\"m-0 form-field-label font-medium\">\n                    {fieldLabel}\n                </p>\n            )}\n\n            <p className=\"m-0\">\n                {/* {displayValue ?? \"-\"} */}\n                <DateFieldViewComponent value={rawValue} format={format} fallback=\"-\"></DateFieldViewComponent>\n\n            </p>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SolidTimeField.js","sourceRoot":"","sources":["../../../../../src/components/core/form/fields/SolidTimeField.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport { Calendar } from \"primereact/calendar\";\nimport { Message } from \"primereact/message\";\nimport { useRef } from \"react\";\nimport * as Yup from 'yup';\nimport dayjs from 'dayjs';\nimport { FormikObject, ISolidField, SolidFieldProps } from \"./ISolidField\";\nimport { getExtensionComponent } from \"../../../../helpers/registry\";\nimport { SolidFormFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidFieldTooltip } from \"../../../../components/common/SolidFieldTooltip\";\nimport { ERROR_MESSAGES } from \"../../../../constants/error-messages\";\n\n\n// Converts multiple time formats into a JavaScript Date object\nfunction parseTimeStringToDate(timeStr: string): Date | null {\n    if (!timeStr) return null;\n\n    // CASE 1: HH:mm:ss\n    if (typeof timeStr === \"string\" && /^\\d{2}:\\d{2}:\\d{2}$/.test(timeStr)) {\n        const [h, m, s] = timeStr.split(\":\").map(Number);\n        const d = new Date();\n        d.setHours(h, m, s, 0);\n        return d;\n    }\n\n    // CASE 2: timestamp or timestamptz\n    try {\n        const d = new Date(timeStr); // ← AUTO UTC → LOCAL conversion\n        if (!isNaN(d.getTime())) return d;\n    } catch (e) {\n        console.error(`${ERROR_MESSAGES.FIELD_INAVLID_FORMAT('Date')}:,${e}`)\n    }\n\n    return null;\n}\n\n// Formats a Date object to a HH:mm:ss string for display\nfunction formatTime(date: Date | null): string {\n    if (!date) return \"\";\n    return date.toLocaleTimeString();\n}\n\n\nexport class SolidTimeField implements ISolidField {\n\n    private fieldContext: SolidFieldProps;\n\n    constructor(fieldContext: SolidFieldProps) {\n        this.fieldContext = fieldContext;\n    }\n\n    updateFormData(value: any, formData: FormData): any {\n        const fieldLayoutInfo = this.fieldContext.field;\n        if (value instanceof Date) {\n            // Use local date with selected time\n            const now = new Date();\n            const localDate = new Date(\n                now.getFullYear(),\n                now.getMonth(),\n                now.getDate(),\n                value.getHours(),\n                value.getMinutes(),\n                value.getSeconds()\n            );\n\n            formData.append(fieldLayoutInfo.attrs.name, localDate.toISOString());\n        } else if (value) {\n            formData.append(fieldLayoutInfo.attrs.name, value);\n        }\n    }\n\n    initialValue(): any {\n        const fieldName = this.fieldContext.field.attrs.name;\n        const fieldDefaultValue = this.fieldContext?.fieldMetadata?.defaultValue;\n        const existingValue = this.fieldContext.data[fieldName];\n\n        if (existingValue) {\n            if (existingValue instanceof Date) {\n                return existingValue;\n            }\n            if (typeof existingValue === \"string\") {\n                const parsed = parseTimeStringToDate(existingValue);\n                if (parsed) return parsed;\n            }\n        }\n\n        return fieldDefaultValue ? new Date(fieldDefaultValue) : null;\n    }\n\n    validationSchema(): Yup.Schema {\n        let schema = Yup.date().nullable();\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n\n        // 1. required \n        if (fieldMetadata.required) {\n            schema = schema.required(ERROR_MESSAGES.FIELD_REUQIRED(fieldLabel));\n        }\n        return schema;\n    }\n\n    render(formik: FormikObject) {\n        const fieldMetadata = this.fieldContext.fieldMetadata;\n        const fieldLayoutInfo = this.fieldContext.field;\n        const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n        const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n\n\n        let viewWidget = fieldLayoutInfo.attrs.viewWidget;\n        let editWidget = fieldLayoutInfo.attrs.editWidget;\n        if (!editWidget) {\n            editWidget = 'DefaultTimeFormEditWidget';\n        }\n        if (!viewWidget) {\n            viewWidget = 'DefaultTimeFormViewWidget';\n        }\n        const viewMode: string = this.fieldContext.viewMode;\n\n        return (\n            <>\n                <div className={className}>\n                    {viewMode === \"view\" &&\n                        this.renderExtensionRenderMode(viewWidget, formik)\n                    }\n                    {viewMode === \"edit\" &&\n                        <>\n                            {editWidget &&\n                                this.renderExtensionRenderMode(editWidget, formik)\n                            }\n                        </>\n                    }\n                </div>\n            </>\n        );\n    }\n\n    renderExtensionRenderMode(widget: string, formik: FormikObject) {\n        let DynamicWidget = getExtensionComponent(widget);\n        const widgetProps: SolidFormFieldWidgetProps = {\n            formik: formik,\n            fieldContext: this.fieldContext,\n        }\n        return (\n            <>\n                {DynamicWidget && <DynamicWidget {...widgetProps} />}\n            </>\n        )\n    }\n}\n\n\n\nexport const DefaultTimeFormEditWidget = ({ formik, fieldContext }: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n    const className = fieldLayoutInfo.attrs?.className || 'field col-12';\n    const fieldLabel = fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const calendarRef = useRef<any>(null); // Reference for the Calendar component\n    const fieldDescription = fieldLayoutInfo.attrs.description ?? fieldMetadata.description;\n    const solidFormViewMetaData = fieldContext.solidFormViewMetaData;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n    const readOnlyPermission = fieldContext.readOnly;\n\n    const isFormFieldValid = (formik: any, fieldName: string) => formik.touched[fieldName] && formik.errors[fieldName];\n\n    const fieldDisabled = fieldLayoutInfo.attrs?.disabled;\n    const formDisabled = solidFormViewMetaData.data.solidView?.layout?.attrs?.disabled;\n\n    const fieldValue = formik.values[fieldLayoutInfo.attrs.name];\n\n\n\n    return (\n        <div className=\"relative\">\n            <div className=\"flex flex-column gap-2 mt-1 sm:mt-2 md:mt-3 lg:mt-4\">\n                {showFieldLabel != false &&\n                    <label htmlFor={fieldLayoutInfo.attrs.name} className=\"form-field-label\">{fieldLabel}\n                        {fieldMetadata.required && <span className=\"text-red-500\"> *</span>}\n                        <SolidFieldTooltip fieldContext={fieldContext} />\n                        {/* &nbsp;   {fieldDescription && <span className=\"form_field_help\">({fieldDescription}) </span>} */}\n                    </label>\n                }\n                <Calendar\n                    disabled={formDisabled || fieldDisabled || readOnlyPermission}\n                    ref={calendarRef} // Attach ref to Calendar\n                    id={fieldLayoutInfo.attrs.name}\n                    aria-describedby={`${fieldLayoutInfo.attrs.name}-help`}\n                    // onChange={formik.handleChange}\n                    onChange={(e) => fieldContext.onChange(e, 'onFieldChange')}\n\n                    //@ts-ignore\n                    // value={formik.values[fieldLayoutInfo.attrs.name] ? formik.values[fieldLayoutInfo.attrs.name] : Date()}\n                    value={fieldValue instanceof Date ? fieldValue : typeof fieldValue === \"string\" ? parseTimeStringToDate(fieldValue) : null}\n                    // dateFormat=\"mm/dd/yy\"\n                    // placeholder=\"mm/dd/yyyy hh:mm\"\n                    hideOnDateTimeSelect\n                    timeOnly\n                    showTime className=\"\"\n                    hourFormat=\"24\"\n\n                />\n            </div>\n            {isFormFieldValid(formik, fieldLayoutInfo.attrs.name) && (\n                <div className=\"absolute mt-1\">\n                    <Message severity=\"error\" text={formik?.errors[fieldLayoutInfo.attrs.name]?.toString()} />\n                </div>\n            )}\n        </div>\n    );\n}\n\n\nexport const DefaultTimeFormViewWidget = ({\n    formik,\n    fieldContext,\n}: SolidFormFieldWidgetProps) => {\n    const fieldMetadata = fieldContext.fieldMetadata;\n    const fieldLayoutInfo = fieldContext.field;\n\n    const fieldName = fieldLayoutInfo.attrs.name;\n    const fieldLabel =\n        fieldLayoutInfo.attrs.label ?? fieldMetadata.displayName;\n    const showFieldLabel = fieldLayoutInfo?.attrs?.showLabel;\n\n    const rawValue = formik.values[fieldName];\n    const format = fieldLayoutInfo.attrs?.format;\n\n    const parsedTime = rawValue ? parseTimeStringToDate(rawValue) : null;\n    const displayValue = parsedTime ? (format ? dayjs(parsedTime).format(format) : formatTime(parsedTime)) : \"-\";\n\n    return (\n        <div className=\"mt-2 flex flex-column gap-2\">\n            {showFieldLabel !== false && (\n                <p className=\"m-0 form-field-label font-medium\">\n                    {fieldLabel}\n                </p>\n            )}\n\n            <p className=\"m-0\">\n                {displayValue}\n            </p>\n        </div>\n    );\n};\n"]}