@solidxai/core-ui 0.0.1

package/dist/components/common/CancelButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,GACzI,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAEvD,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAI,EAG1J,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,qDAAqD,GAAG,IAChJ,CACN,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/CancelButton.tsx

@@ -0,0 +1,62 @@
+
+
+import { usePathname } from "../../hooks/usePathname";
+import { useRouter } from "../../hooks/useRouter";
+import { Button } from 'primereact/button';
+
+
+export const CancelButton = () => {
+    const router = useRouter();
+    const pathname = usePathname(); // Get the current path
+
+    const handleGoBack = () => {
+        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments
+        if (segments.length > 1) {
+            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add "/all"
+            // router.push(newPath); // Navigate to the parent route with "/all"            
+            router.back()
+        }
+    };
+    return (
+        <div>
+            <Button outlined size="small" type="button" label="Close" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }} />
+        </div>
+    )
+}
+
+export const SolidCancelButton = () => {
+    const router = useRouter();
+    const pathname = usePathname(); // Get the current path
+
+    const handleGoBack = () => {
+        let fromView: string | null = null;
+        if (typeof window !== "undefined") {
+            fromView = sessionStorage.getItem("fromView");
+        }
+
+        // Default to 'list' if not available
+        const view = fromView === "kanban" ? "kanban" : "list";
+
+        // Navigate back to the previous path with the appropriate view type
+        const newPath = pathname.replace(/\/form\/[^/]+$/, `/${view}`);
+        router.push(newPath);
+        // fromView = sessionStorage.getItem("fromView");
+        // if (fromView) {
+        //     router.push(fromView);
+        // } else {
+        //     // fallback if path is not matched
+        //     router.back();
+        // }
+    };
+    return (
+        <>
+            {/* <div className="hidden lg:flex"> */}
+            {/* <div> */}
+            <Button outlined size="small" type="button" label="Close" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }} />
+            {/* </div> */}
+            {/* </div> */}
+            <Button size="small" type="button" icon="pi pi-times" onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />
+        </>
+    )
+}
+

package/dist/components/common/CodeEditor.d.ts

@@ -0,0 +1,3 @@
+declare const CodeEditor: ({ formik, field, height, fontSize, readOnly }: any) => import("react/jsx-runtime").JSX.Element;
+export default CodeEditor;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/dist/components/common/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../../src/components/common/CodeEditor.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,UAAU,kDAAmD,GAAG,4CA6BrE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/common/CodeEditor.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import CodeMirror, { EditorView } from '@uiw/react-codemirror'; // Correct import
+var CodeEditor = function (_a) {
+    var formik = _a.formik, field = _a.field, height = _a.height, fontSize = _a.fontSize, readOnly = _a.readOnly;
+    var code;
+    var value = formik === null || formik === void 0 ? void 0 : formik.values[field];
+    if (value == null) {
+        // null or undefined → empty string
+        code = "";
+    }
+    else if (typeof value === "string") {
+        code = value;
+    }
+    else {
+        code = JSON.stringify(value, null, 2);
+    }
+    return (_jsx(CodeMirror, { id: field, value: code, height: height !== null && height !== void 0 ? height : '300px', style: { fontSize: fontSize !== null && fontSize !== void 0 ? fontSize : '10px' }, theme: oneDark, readOnly: readOnly, extensions: [javascript(), EditorView.lineWrapping], onChange: function (e) {
+            formik.setFieldValue(field, e);
+        } }));
+};
+export default CodeEditor;
+//# sourceMappingURL=CodeEditor.js.map

package/dist/components/common/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../../../src/components/common/CodeEditor.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,UAAU,EAAE,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC,CAAC,iBAAiB;AAEjF,IAAM,UAAU,GAAG,UAAC,EAAkD;QAAhD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA;IAC7D,IAAI,IAAI,CAAC;IACT,IAAM,KAAK,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,KAAK,CAAC,CAAC;IAEpC,IAAI,KAAK,IAAI,IAAI,EAAE;QACjB,mCAAmC;QACnC,IAAI,GAAG,EAAE,CAAC;KACX;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QACpC,IAAI,GAAG,KAAK,CAAC;KACd;SAAM;QACL,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;KACvC;IAGD,OAAO,CACL,KAAC,UAAU,IACT,EAAE,EAAE,KAAK,EACT,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,EACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,MAAM,EAAE,EACvC,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE,UAAU,CAAC,YAAY,CAAC,EACnD,QAAQ,EAAE,UAAC,CAAM;YACf,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QACjC,CAAC,GAED,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/common/CodeEditor.tsx

@@ -0,0 +1,38 @@
+
+
+import { javascript } from '@codemirror/lang-javascript';
+import { oneDark } from '@codemirror/theme-one-dark';
+import CodeMirror, { EditorView } from '@uiw/react-codemirror'; // Correct import
+
+const CodeEditor = ({ formik, field, height, fontSize, readOnly }: any) => {
+  let code;
+  const value = formik?.values[field];
+
+  if (value == null) {
+    // null or undefined → empty string
+    code = "";
+  } else if (typeof value === "string") {
+    code = value;
+  } else {
+    code = JSON.stringify(value, null, 2);
+  }
+
+
+  return (
+    <CodeMirror
+      id={field}
+      value={code}
+      height={height ?? '300px'}
+      style={{ fontSize: fontSize ?? '10px' }}
+      theme={oneDark}
+      readOnly={readOnly}
+      extensions={[javascript(), EditorView.lineWrapping]}
+      onChange={(e: any) => {
+        formik.setFieldValue(field, e);
+      }}
+    // Line numbers are now handled through a theme or extension
+    />
+  );
+};
+
+export default CodeEditor;

package/dist/components/common/CreateButton.d.ts

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

package/dist/components/common/CreateButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateButton.d.ts","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,+CAWxB,CAAA"}

package/dist/components/common/CreateButton.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { usePathname } from "../../hooks/usePathname";
+import { useRouter } from "../../hooks/useRouter";
+import { Button } from 'primereact/button';
+export var CreateButton = function () {
+    var router = useRouter();
+    var pathName = usePathname();
+    var createPAth = pathName.split('/').slice(0, -1).join('/') + '/create';
+    return (_jsx("div", { children: _jsx(Button, { type: "button", label: "Add", size: 'small', onClick: function () { return router.push(createPAth); }, className: 'small-button' }) }));
+};
+//# sourceMappingURL=CreateButton.js.map

package/dist/components/common/CreateButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreateButton.js","sourceRoot":"","sources":["../../../src/components/common/CreateButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,UAAU,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAE1E,OAAO,CACH,wBACI,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EAAE,SAAS,EAAC,cAAc,GAAG,GAChH,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/CreateButton.tsx

@@ -0,0 +1,18 @@
+
+
+import { usePathname } from "../../hooks/usePathname";
+import { useRouter } from "../../hooks/useRouter";
+import { Button } from 'primereact/button';
+
+export const CreateButton = () => {
+    const router = useRouter();
+    const pathName = usePathname();
+
+    const createPAth = pathName.split('/').slice(0, -1).join('/') + '/create';
+
+    return (
+        <div>
+            <Button type="button" label="Add" size='small' onClick={() => router.push(createPAth)} className='small-button' />
+        </div>
+    )
+}

package/dist/components/common/DownloadProgressToast.d.ts

@@ -0,0 +1,10 @@
+import "./solid-export.css";
+export declare const DownloadProgressToast: ({ progress, visible, onClose, message, submessage, status }: {
+    progress: number;
+    visible: boolean;
+    onClose: () => void;
+    message?: string | undefined;
+    submessage?: string | undefined;
+    status?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=DownloadProgressToast.d.ts.map

package/dist/components/common/DownloadProgressToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadProgressToast.d.ts","sourceRoot":"","sources":["../../../src/components/common/DownloadProgressToast.tsx"],"names":[],"mappings":"AAGA,OAAO,oBAAoB,CAAC;AAC5B,eAAO,MAAM,qBAAqB;cAQtB,MAAM;aACP,OAAO;aACP,MAAM,IAAI;;;;oDAwCpB,CAAC"}

package/dist/components/common/DownloadProgressToast.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { ProgressBar } from "primereact/progressbar";
+import { useEffect } from "react";
+import "./solid-export.css";
+export var DownloadProgressToast = function (_a) {
+    var progress = _a.progress, visible = _a.visible, onClose = _a.onClose, message = _a.message, submessage = _a.submessage, status = _a.status;
+    useEffect(function () {
+        if (progress >= 100) {
+            setTimeout(onClose, 2000);
+        }
+    }, [progress]);
+    if (!visible)
+        return null;
+    return (_jsxs("div", { className: "SolidExportProgressToaster", children: [_jsxs("div", { className: "flex align-items-center justify-content-between gap-3", children: [_jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z", fill: status === "error" ? "red" : "#722ED1" }) }), _jsxs("div", { className: "flex-1", children: [_jsx("h2", { className: "text-lg font-semibold m-0 ".concat(status === "error" ? "text-red-500" : "ExportText"), children: message }), _jsx("p", { className: "text-sm ".concat(status === "error" ? "text-red-400" : "ExportText"), children: submessage })] }), status === "success" && (_jsx(Button, { label: "View Status", size: "small", className: "p-button-sm white-space-nowrap p-button-primary" })), _jsxs("svg", { onClick: onClose, width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("rect", { width: "20", height: "20", rx: "10", fill: "#F0F0F0" }), _jsx("path", { d: "M6.8 14L6 13.2L9.2 10L6 6.8L6.8 6L10 9.2L13.2 6L14 6.8L10.8 10L14 13.2L13.2 14L10 10.8L6.8 14Z", fill: "#4B4D52" })] })] }), status !== "error" && (_jsx(ProgressBar, { value: progress, showValue: false, className: "ExportCustomProgressbar mt-2" }))] }));
+};
+//# sourceMappingURL=DownloadProgressToast.js.map

package/dist/components/common/DownloadProgressToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadProgressToast.js","sourceRoot":"","sources":["../../../src/components/common/DownloadProgressToast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAC5C,OAAO,oBAAoB,CAAC;AAC5B,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAcrC;QAbC,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,MAAM,YAAA;IASN,SAAS,CAAC;QACR,IAAI,QAAQ,IAAI,GAAG,EAAE;YACnB,UAAU,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;SAC3B;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aAC1C,eAAK,SAAS,EAAC,uDAAuD,aACnE,cAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,YAC9F,eAAM,CAAC,EAAC,s1BAAs1B,EAAC,IAAI,EAAG,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAA,SAAS,GAAG,GACx4B,EACN,eAAK,SAAS,EAAC,QAAQ,aACrB,aAAI,SAAS,EAAE,oCAA6B,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAE,YAC7F,OAAO,GACL,EACL,YAAG,SAAS,EAAE,kBAAW,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAE,YAC1E,UAAU,GACT,IACA,EACL,MAAM,KAAK,SAAS,IAAI,CACzB,KAAC,MAAM,IAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,iDAAiD,GAAG,CACtG,EACD,eAAK,OAAO,EAAE,OAAO,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,aAChH,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAE,EACrD,eAAM,CAAC,EAAC,gGAAgG,EAAC,IAAI,EAAC,SAAS,GAAE,IACnH,IACF,EACL,MAAM,KAAK,OAAO,IAAI,CACrB,KAAC,WAAW,IAAC,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAC,8BAA8B,GAAG,CAC5F,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/common/DownloadProgressToast.tsx

@@ -0,0 +1,55 @@
+import { Button } from "primereact/button";
+import { ProgressBar } from "primereact/progressbar";
+import { useEffect, useState } from "react";
+import "./solid-export.css";
+export const DownloadProgressToast = ({
+  progress,
+  visible,
+  onClose,
+  message,
+  submessage,
+  status
+}: {
+  progress: number;
+  visible: boolean;
+  onClose: () => void;
+  message?: string;
+  submessage?: string;
+  status?: string;
+}) => {
+  useEffect(() => {
+    if (progress >= 100) {
+      setTimeout(onClose, 2000);
+    }
+  }, [progress]);
+
+  if (!visible) return null;
+
+  return (
+    <div className="SolidExportProgressToaster">
+     <div className="flex align-items-center justify-content-between gap-3">
+        <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M9 12.5H10V10.5H11C11.2833 10.5 11.5208 10.4042 11.7125 10.2125C11.9042 10.0208 12 9.78333 12 9.5V8.5C12 8.21667 11.9042 7.97917 11.7125 7.7875C11.5208 7.59583 11.2833 7.5 11 7.5H9V12.5ZM10 9.5V8.5H11V9.5H10ZM13 12.5H15C15.2833 12.5 15.5208 12.4042 15.7125 12.2125C15.9042 12.0208 16 11.7833 16 11.5V8.5C16 8.21667 15.9042 7.97917 15.7125 7.7875C15.5208 7.59583 15.2833 7.5 15 7.5H13V12.5ZM14 11.5V8.5H15V11.5H14ZM17 12.5H18V10.5H19V9.5H18V8.5H19V7.5H17V12.5ZM8 18C7.45 18 6.97917 17.8042 6.5875 17.4125C6.19583 17.0208 6 16.55 6 16V4C6 3.45 6.19583 2.97917 6.5875 2.5875C6.97917 2.19583 7.45 2 8 2H20C20.55 2 21.0208 2.19583 21.4125 2.5875C21.8042 2.97917 22 3.45 22 4V16C22 16.55 21.8042 17.0208 21.4125 17.4125C21.0208 17.8042 20.55 18 20 18H8ZM8 16H20V4H8V16ZM4 22C3.45 22 2.97917 21.8042 2.5875 21.4125C2.19583 21.0208 2 20.55 2 20V6H4V20H18V22H4Z" fill={ status === "error" ? "red" :"#722ED1"}/>
+        </svg>
+        <div className="flex-1">
+          <h2 className={`text-lg font-semibold m-0 ${status === "error" ? "text-red-500" : "ExportText"}`}>
+            {message}
+          </h2>
+          <p className={`text-sm ${status === "error" ? "text-red-400" : "ExportText"}`}>
+            {submessage}
+          </p>
+        </div>
+        {status === "success" && (  
+        <Button label="View Status" size="small" className="p-button-sm white-space-nowrap p-button-primary" />
+        )}
+        <svg onClick={onClose} width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect width="20" height="20" rx="10" fill="#F0F0F0"/>
+        <path d="M6.8 14L6 13.2L9.2 10L6 6.8L6.8 6L10 9.2L13.2 6L14 6.8L10.8 10L14 13.2L13.2 14L10 10.8L6.8 14Z" fill="#4B4D52"/>
+        </svg>
+      </div>
+      {status !== "error" && (
+        <ProgressBar value={progress} showValue={false} className="ExportCustomProgressbar mt-2" />
+      )}
+    </div>
+  );
+};

package/dist/components/common/DropzonePlaceholder.d.ts

@@ -0,0 +1,7 @@
+interface DropzonePlaceholderProps {
+    mediaTypes?: string[];
+    mediaMaxSizeKb?: number;
+}
+export declare const DropzonePlaceholder: ({ mediaTypes, mediaMaxSizeKb }: DropzonePlaceholderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DropzonePlaceholder.d.ts.map

package/dist/components/common/DropzonePlaceholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePlaceholder.d.ts","sourceRoot":"","sources":["../../../src/components/common/DropzonePlaceholder.tsx"],"names":[],"mappings":"AAGA,UAAU,wBAAwB;IAC9B,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,mBAAmB,mCAAoC,wBAAwB,4CAsB3F,CAAA"}

package/dist/components/common/DropzonePlaceholder.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+export var DropzonePlaceholder = function (_a) {
+    var mediaTypes = _a.mediaTypes, mediaMaxSizeKb = _a.mediaMaxSizeKb;
+    var supportedFormats = (mediaTypes === null || mediaTypes === void 0 ? void 0 : mediaTypes.length)
+        ? mediaTypes.map(function (type) { return type.toUpperCase(); }).join(", ")
+        : "PDF, JPEG | File";
+    // Convert max size from KB to MB and ensure it's at least 1MB
+    var maxSizeMB = mediaMaxSizeKb ? (mediaMaxSizeKb / 1024).toFixed(1) : "10";
+    return (_jsxs("div", { className: 'solid-dropzone', children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: _jsx("path", { d: "M11 16V7.85L8.4 10.45L7 9L12 4L17 9L15.6 10.45L13 7.85V16H11ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z", fill: "#666666" }) }), _jsxs("div", { className: 'font-bold mt-2 text-center', children: ["Drag and Drop or ", _jsx("span", { className: 'text-primary', children: " choose files" }), " to upload"] }), _jsxs("p", { children: ["Supported format: ", supportedFormats, " | Max size: ", maxSizeMB, " MB"] }), _jsx("div", { children: _jsx(Button, { outlined: true, size: 'small', severity: 'secondary', label: 'Click to Browse', type: "button" }) })] }));
+};
+//# sourceMappingURL=DropzonePlaceholder.js.map

package/dist/components/common/DropzonePlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePlaceholder.js","sourceRoot":"","sources":["../../../src/components/common/DropzonePlaceholder.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAM3C,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAAwD;QAAtD,UAAU,gBAAA,EAAE,cAAc,oBAAA;IAC5D,IAAM,gBAAgB,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM;QACvC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,WAAW,EAAE,EAAlB,CAAkB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QACvD,CAAC,CAAC,kBAAkB,CAAC;IAEzB,8DAA8D;IAC9D,IAAM,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7E,OAAO,CACH,eAAK,SAAS,EAAC,gBAAgB,aAC3B,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC1F,eAAM,CAAC,EAAC,uOAAuO,EAAC,IAAI,EAAC,SAAS,GAAG,GAC/P,EACN,eAAK,SAAS,EAAC,4BAA4B,kCACtB,eAAM,SAAS,EAAC,cAAc,8BAAqB,kBAClE,EACN,8CAAsB,gBAAgB,mBAAe,SAAS,WAAQ,EACtE,wBACI,KAAC,MAAM,IAAC,QAAQ,QAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,WAAW,EAAC,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,QAAQ,GAAG,GACzF,IACJ,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/DropzonePlaceholder.tsx

@@ -0,0 +1,31 @@
+
+
+import { Button } from "primereact/button";
+interface DropzonePlaceholderProps {
+    mediaTypes?: string[];
+    mediaMaxSizeKb?: number;
+}
+
+export const DropzonePlaceholder = ({ mediaTypes, mediaMaxSizeKb }: DropzonePlaceholderProps) => {
+    const supportedFormats = mediaTypes?.length
+        ? mediaTypes.map(type => type.toUpperCase()).join(", ")
+        : "PDF, JPEG | File";
+
+    // Convert max size from KB to MB and ensure it's at least 1MB
+    const maxSizeMB = mediaMaxSizeKb ? (mediaMaxSizeKb / 1024).toFixed(1) : "10";
+
+    return (
+        <div className='solid-dropzone'>
+            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+                <path d="M11 16V7.85L8.4 10.45L7 9L12 4L17 9L15.6 10.45L13 7.85V16H11ZM6 20C5.45 20 4.97917 19.8042 4.5875 19.4125C4.19583 19.0208 4 18.55 4 18V15H6V18H18V15H20V18C20 18.55 19.8042 19.0208 19.4125 19.4125C19.0208 19.8042 18.55 20 18 20H6Z" fill="#666666" />
+            </svg>
+            <div className='font-bold mt-2 text-center'>
+                Drag and Drop or <span className='text-primary'> choose files</span> to upload
+            </div>
+            <p>Supported format: {supportedFormats} | Max size: {maxSizeMB} MB</p>
+            <div>
+                <Button outlined size='small' severity='secondary' label='Click to Browse' type="button" />
+            </div>
+        </div>
+    )
+}

package/dist/components/common/DropzoneUpload.d.ts

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

package/dist/components/common/DropzoneUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneUpload.d.ts","sourceRoot":"","sources":["../../../src/components/common/DropzoneUpload.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,+CAM1B,CAAA"}

package/dist/components/common/DropzoneUpload.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from 'primereact/button';
+export var DropzoneUpload = function () {
+    return (_jsx("div", { className: 'text-center mt-2', children: _jsx(Button, { type: 'button', label: "Click here to Upload", className: 'no-underline', size: 'small', text: true, raised: false }) }));
+};
+//# sourceMappingURL=DropzoneUpload.js.map

package/dist/components/common/DropzoneUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzoneUpload.js","sourceRoot":"","sources":["../../../src/components/common/DropzoneUpload.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1C,MAAM,CAAC,IAAM,cAAc,GAAG;IAC1B,OAAO,CACH,cAAK,SAAS,EAAC,kBAAkB,YAC7B,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,sBAAsB,EAAC,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,QAAC,MAAM,EAAE,KAAK,GAAG,GAC5G,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/DropzoneUpload.tsx

@@ -0,0 +1,11 @@
+
+
+import { Button } from 'primereact/button'
+
+export const DropzoneUpload = () => {
+    return (
+        <div className='text-center mt-2'>
+            <Button type='button' label="Click here to Upload" className='no-underline' size='small' text raised={false}/>
+        </div>
+    )
+}

package/dist/components/common/FileReaderExt.d.ts

@@ -0,0 +1,4 @@
+export declare const FileReaderExt: ({ fileDetails }: {
+    fileDetails: any;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileReaderExt.d.ts.map

package/dist/components/common/FileReaderExt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileReaderExt.d.ts","sourceRoot":"","sources":["../../../src/components/common/FileReaderExt.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;iBAAoC,GAAG;6CAgBhE,CAAA"}

package/dist/components/common/FileReaderExt.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FileSvg from '../Svg/FileSvg';
+export var FileReaderExt = function (_a) {
+    var fileDetails = _a.fileDetails;
+    var renderFile = function () {
+        var type = fileDetails.type;
+        switch (type) {
+            case "image/png":
+                return '/images/fileReader/image-jpg.png';
+            default:
+                return '/images/fileReader/image-jpg.png';
+        }
+    };
+    return (_jsx("div", { children: _jsx(FileSvg, {}) }));
+};
+//# sourceMappingURL=FileReaderExt.js.map

package/dist/components/common/FileReaderExt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileReaderExt.js","sourceRoot":"","sources":["../../../src/components/common/FileReaderExt.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAAqC;QAAnC,WAAW,iBAAA;IACvC,IAAM,UAAU,GAAG;QACf,IAAM,IAAI,GAAG,WAAW,CAAC,IAAI,CAAA;QAC7B,QAAQ,IAAI,EAAE;YACV,KAAK,WAAW;gBACZ,OAAO,kCAAkC,CAAA;YAC7C;gBACI,OAAO,kCAAkC,CAAA;SAChD;IACL,CAAC,CAAA;IACD,OAAO,CACH,wBACI,KAAC,OAAO,KAAG,GAET,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/common/FileReaderExt.tsx

@@ -0,0 +1,20 @@
+
+import FileSvg from '../Svg/FileSvg'
+
+export const FileReaderExt = ({ fileDetails }: { fileDetails: any }) => {
+    const renderFile = () => {
+        const type = fileDetails.type
+        switch (type) {
+            case "image/png":
+                return '/images/fileReader/image-jpg.png'
+            default:
+                return '/images/fileReader/image-jpg.png'
+        }
+    }
+    return (
+        <div>
+            <FileSvg />
+            {/* <img src={renderFile()} style={{height: 50, width:50}}/> */}
+        </div>
+    )
+}

package/dist/components/common/GeneralSettings.d.ts

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

package/dist/components/common/GeneralSettings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneralSettings.d.ts","sourceRoot":"","sources":["../../../src/components/common/GeneralSettings.tsx"],"names":[],"mappings":"AA8BA,eAAO,MAAM,eAAe,+CAgqC3B,CAAA"}