@solidxai/core-ui 0.0.1

package/dist/components/core/common/SolidGenericImport/SolidImportTransactionStatus.js

@@ -0,0 +1,141 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ERROR_MESSAGES } from '../../../../constants/error-messages';
+import { getSession } from "../../../../adapters/auth/index";
+import { Button } from 'primereact/button';
+import { Dialog } from 'primereact/dialog';
+import { useState } from 'react';
+import { env } from "../../../../adapters/env";
+export var SolidImportTransactionStatus = function (_a) {
+    var importStatusResult = _a.importStatusResult, transactionId = _a.transactionId, setOpenImportDialog = _a.setOpenImportDialog, handleFetchUpdatedRecords = _a.handleFetchUpdatedRecords;
+    var _b = useState(false), showPartialDialog = _b[0], setShowPartialDialog = _b[1];
+    var handleDownloadFailedRecords = function (transactionId) { return __awaiter(void 0, void 0, void 0, function () {
+        var session, token, response, blob, url, a, contentDisposition, match, error_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    _c.trys.push([0, 4, , 5]);
+                    return [4 /*yield*/, getSession()];
+                case 1:
+                    session = _c.sent();
+                    token = ((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.accessToken) || "";
+                    if (!token) {
+                        throw new Error(ERROR_MESSAGES.NO_AUTH_TOKEN_FOUND);
+                    }
+                    return [4 /*yield*/, fetch("".concat(env("API_URL"), "/api/import-transaction/").concat(transactionId, "/export-failed-import-records"), {
+                            method: 'GET',
+                            headers: {
+                                Authorization: "Bearer ".concat(token),
+                            },
+                        })];
+                case 2:
+                    response = _c.sent();
+                    if (!response.ok)
+                        throw new Error(ERROR_MESSAGES.FAILED_TO_DOWNLOAD);
+                    return [4 /*yield*/, response.blob()];
+                case 3:
+                    blob = _c.sent();
+                    url = window.URL.createObjectURL(blob);
+                    a = document.createElement("a");
+                    a.href = url;
+                    contentDisposition = response.headers.get("Content-Disposition");
+                    match = contentDisposition === null || contentDisposition === void 0 ? void 0 : contentDisposition.match(/filename="(.+)"/);
+                    a.download = (_b = match === null || match === void 0 ? void 0 : match[1]) !== null && _b !== void 0 ? _b : "failed-records.xlsx"; // fallback if not found
+                    document.body.appendChild(a);
+                    a.click();
+                    a.remove();
+                    window.URL.revokeObjectURL(url);
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_1 = _c.sent();
+                    console.error(ERROR_MESSAGES.DOWNLOAD_FAILED, error_1);
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var _c = (importStatusResult === null || importStatusResult === void 0 ? void 0 : importStatusResult.data) || {}, status = _c.status, _d = _c.failedCount, failedCount = _d === void 0 ? 0 : _d, _e = _c.importedCount, importedCount = _e === void 0 ? 0 : _e;
+    var handleSuccessSyncImport = function () {
+        setOpenImportDialog(false);
+        setTimeout(function () {
+            handleFetchUpdatedRecords();
+        }, 150);
+    };
+    var handlePartialDialogConfirm = function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, handleDownloadFailedRecords(transactionId)];
+                case 1:
+                    _a.sent();
+                    setOpenImportDialog(false);
+                    setTimeout(function () {
+                        handleFetchUpdatedRecords();
+                    }, 150);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var getStatusTag = function () {
+        if (status === "import_succeeded") {
+            return _jsx(Button, { type: 'button', size: 'small', icon: "pi pi-check-circle", severity: "success", label: "".concat(importedCount, " row").concat(importedCount > 1 ? 's' : '', " imported successfully") });
+        }
+        if (status === "import_failed" && importedCount === 0) {
+            return _jsx(Button, { type: 'button', size: 'small', icon: "pi pi-times-circle", severity: "danger", label: "Import Failed" });
+        }
+        if (status === "import_failed" && importedCount > 0) {
+            return _jsx(Button, { type: 'button', size: 'small', icon: "pi pi-exclamation-triangle", severity: "warning", label: "Completed with Some Errors" });
+        }
+        return _jsx("div", { children: "Import Status" });
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { style: { borderRadius: 6, border: '1px solid var(--primary-light-color)' }, children: [_jsx("div", { className: 'p-3', style: { borderBottom: '1px solid var(--primary-light-color)', pointerEvents: 'none' }, children: getStatusTag() }), _jsxs("div", { className: 'font-bold', style: { color: 'var(--solid-primary-black)' }, children: [_jsxs("div", { className: 'p-3 flex justify-content-between', children: [_jsx("span", { children: "No. of Successful Rows" }), " ", _jsx("span", { children: importedCount !== null && importedCount !== void 0 ? importedCount : 0 })] }), _jsx("div", { className: 'px-3', children: _jsx("div", { style: { borderTop: '1px dashed var(--primary-light-color)' } }) }), _jsxs("div", { className: 'p-3 flex justify-content-between', children: [_jsx("span", { children: "No. of Failed Rows" }), " ", _jsx("span", { children: failedCount !== null && failedCount !== void 0 ? failedCount : 0 })] })] })] }), _jsxs("div", { className: 'mt-3 flex align-items-center gap-3', children: [importedCount > 0 &&
+                        _jsx(Button, { label: 'View Imported Records', size: 'small', onClick: function () {
+                                if (status === "import_failed" && importedCount > 0) {
+                                    setShowPartialDialog(true);
+                                }
+                                else {
+                                    handleSuccessSyncImport();
+                                }
+                            } }), status === "import_failed" && transactionId &&
+                        _jsx(Button, { label: "Download Failed Records", size: 'small', icon: "pi pi-download", outlined: true, severity: 'secondary', onClick: function () { return handleDownloadFailedRecords(transactionId); } })] }), _jsx(Dialog, { header: "View Imported Records", visible: showPartialDialog, onHide: function () { return setShowPartialDialog(false); }, style: {
+                    width: '50vh'
+                }, footer: _jsxs("div", { className: "flex justify-content-start gap-2", children: [_jsx(Button, { label: "Yes", size: 'small', icon: "pi pi-download", onClick: handlePartialDialogConfirm }), _jsx(Button, { label: "No", size: 'small', icon: "pi pi-times", severity: "secondary", outlined: true, onClick: function () {
+                                handleSuccessSyncImport();
+                            } })] }), modal: true, children: _jsx("p", { children: "Do you want to download failed records before viewing the successful imports?" }) })] }));
+};
+//# sourceMappingURL=SolidImportTransactionStatus.js.map

package/dist/components/core/common/SolidGenericImport/SolidImportTransactionStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportTransactionStatus.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportTransactionStatus.tsx"],"names":[],"mappings":"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"}

package/dist/components/core/common/SolidGenericImport/SolidImportTransactionStatus.tsx

@@ -0,0 +1,157 @@
+import { ERROR_MESSAGES } from '../../../../constants/error-messages';
+import { getSession } from "../../../../adapters/auth/index";
+import { Button } from 'primereact/button';
+import { Dialog } from 'primereact/dialog';
+import { useState } from 'react';
+import { env } from "../../../../adapters/env";
+
+export const SolidImportTransactionStatus = ({ importStatusResult, transactionId, setOpenImportDialog, handleFetchUpdatedRecords }: any) => {
+
+  const [showPartialDialog, setShowPartialDialog] = useState(false);
+
+  const handleDownloadFailedRecords = async (transactionId: number) => {
+    try {
+      const session: any = await getSession();
+      const token = session?.user?.accessToken || "";
+      if (!token) {
+        throw new Error(ERROR_MESSAGES.NO_AUTH_TOKEN_FOUND);
+      }
+      const response = await fetch(
+        `${env("API_URL")}/api/import-transaction/${transactionId}/export-failed-import-records`,
+        {
+          method: 'GET',
+          headers: {
+            Authorization: `Bearer ${token}`,
+          },
+        }
+      );
+
+      if (!response.ok) throw new Error(ERROR_MESSAGES.FAILED_TO_DOWNLOAD);
+
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+
+      // Try to extract filename from Content-Disposition header
+      const contentDisposition = response.headers.get("Content-Disposition");
+      const match = contentDisposition?.match(/filename="(.+)"/);
+      a.download = match?.[1] ?? "failed-records.xlsx"; // fallback if not found
+
+      document.body.appendChild(a);
+      a.click();
+      a.remove();
+      window.URL.revokeObjectURL(url);
+    } catch (error) {
+      console.error(ERROR_MESSAGES.DOWNLOAD_FAILED, error);
+    }
+  };
+
+  const { status, failedCount = 0, importedCount = 0 } = importStatusResult?.data || {};
+
+  const handleSuccessSyncImport = () => {
+    setOpenImportDialog(false);
+    setTimeout(() => {
+      handleFetchUpdatedRecords();
+    }, 150);
+  };
+
+  const handlePartialDialogConfirm = async () => {
+    await handleDownloadFailedRecords(transactionId);
+    setOpenImportDialog(false);
+    setTimeout(() => {
+      handleFetchUpdatedRecords();
+    }, 150);
+  };
+
+  const getStatusTag = () => {
+    if (status === "import_succeeded") {
+      return <Button type='button' size='small' icon="pi pi-check-circle" severity="success" label={`${importedCount} row${importedCount > 1 ? 's' : ''} imported successfully`} />;
+    }
+    if (status === "import_failed" && importedCount === 0) {
+      return <Button type='button' size='small' icon="pi pi-times-circle" severity="danger" label="Import Failed" />;
+    }
+    if (status === "import_failed" && importedCount > 0) {
+      return <Button type='button' size='small' icon="pi pi-exclamation-triangle" severity="warning" label="Completed with Some Errors" />;
+    }
+    return <div>Import Status</div>;
+  };
+
+  return (
+    <div>
+      <div style={{ borderRadius: 6, border: '1px solid var(--primary-light-color)' }}>
+        <div className='p-3' style={{ borderBottom: '1px solid var(--primary-light-color)', pointerEvents: 'none' }}>
+          {getStatusTag()}
+        </div>
+        <div className='font-bold' style={{ color: 'var(--solid-primary-black)' }}>
+          <div className='p-3 flex justify-content-between'>
+            <span>No. of Successful Rows</span> <span>{importedCount ?? 0}</span>
+          </div>
+          <div className='px-3'>
+            <div style={{ borderTop: '1px dashed var(--primary-light-color)' }}></div>
+          </div>
+          <div className='p-3 flex justify-content-between'>
+            <span>No. of Failed Rows</span> <span>{failedCount ?? 0}</span>
+          </div>
+        </div>
+      </div>
+      <div className='mt-3 flex align-items-center gap-3'>
+        {importedCount > 0 &&
+          <Button
+            label='View Imported Records'
+            size='small'
+            onClick={() => {
+              if (status === "import_failed" && importedCount > 0) {
+                setShowPartialDialog(true);
+              } else {
+                handleSuccessSyncImport();
+              }
+            }
+            }
+          />
+        }
+        {status === "import_failed" && transactionId &&
+          <Button
+            label="Download Failed Records"
+            size='small'
+            icon="pi pi-download"
+            outlined
+            severity='secondary'
+            onClick={() => handleDownloadFailedRecords(transactionId)}
+          />
+        }
+      </div>
+      <Dialog
+        header="View Imported Records"
+        visible={showPartialDialog}
+        onHide={() => setShowPartialDialog(false)}
+        style={{
+          width: '50vh'
+        }}
+        footer={
+          <div className="flex justify-content-start gap-2">
+            <Button
+              label="Yes"
+              size='small'
+              icon="pi pi-download"
+              onClick={handlePartialDialogConfirm}
+            />
+            <Button
+              label="No"
+              size='small'
+              icon="pi pi-times"
+              severity="secondary"
+              outlined
+              onClick={() => {
+                handleSuccessSyncImport();
+              }}
+            />
+          </div>
+        }
+        modal
+      >
+        <p>Do you want to download failed records before viewing the successful imports?</p>
+      </Dialog>
+    </div>
+  )
+}

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.d.ts

@@ -0,0 +1,2 @@
+export declare const SolidImportWrapper: ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidImportWrapper.d.ts.map

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportWrapper.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportWrapper.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,kBAAkB,wFAAyF,GAAG,4CAuB1H,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SolidImportDropzone } from './SolidImportDropzone';
+import { SolidImportTransaction } from './SolidImportTransaction';
+export var SolidImportWrapper = function (_a) {
+    var _b, _c, _d;
+    var setImportStep = _a.setImportStep, listViewMetaData = _a.listViewMetaData, setOpenImportDialog = _a.setOpenImportDialog, handleFetchUpdatedRecords = _a.handleFetchUpdatedRecords;
+    var _e = useState(false), importTransactionContext = _e[0], setImportTransactionContext = _e[1];
+    var _f = useState(null), transactionId = _f[0], setTransactionId = _f[1];
+    var modelMetadataId = (_d = (_c = (_b = listViewMetaData === null || listViewMetaData === void 0 ? void 0 : listViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.id;
+    return (_jsx("div", { children: !importTransactionContext ?
+            _jsx(SolidImportDropzone, { setImportStep: setImportStep, setImportTransactionContext: setImportTransactionContext, setTransactionId: setTransactionId, modelMetadataId: modelMetadataId })
+            :
+                _jsx(SolidImportTransaction, { transactionId: transactionId, setImportTransactionContext: setImportTransactionContext, setOpenImportDialog: setOpenImportDialog, handleFetchUpdatedRecords: handleFetchUpdatedRecords }) }));
+};
+//# sourceMappingURL=SolidImportWrapper.js.map

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidImportWrapper.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidGenericImport/SolidImportWrapper.tsx"],"names":[],"mappings":";AACA,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAEjE,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAAwF;;QAAtF,aAAa,mBAAA,EAAE,gBAAgB,sBAAA,EAAE,mBAAmB,yBAAA,EAAE,yBAAyB,+BAAA;IAC1G,IAAA,KAA0D,QAAQ,CAAC,KAAK,CAAC,EAAxE,wBAAwB,QAAA,EAAE,2BAA2B,QAAmB,CAAC;IAC1E,IAAA,KAAoC,QAAQ,CAAC,IAAI,CAAC,EAAjD,aAAa,QAAA,EAAE,gBAAgB,QAAkB,CAAC;IACzD,IAAM,eAAe,GAAG,MAAA,MAAA,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,IAAI,0CAAE,SAAS,0CAAE,KAAK,0CAAE,EAAE,CAAC;IACrE,OAAO,CACH,wBACK,CAAC,wBAAwB,CAAC,CAAC;YACxB,KAAC,mBAAmB,IAChB,aAAa,EAAE,aAAa,EAC5B,2BAA2B,EAAE,2BAA2B,EACxD,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,GAClC;YACF,CAAC;gBACD,KAAC,sBAAsB,IACnB,aAAa,EAAE,aAAa,EAC5B,2BAA2B,EAAE,2BAA2B,EACxD,mBAAmB,EAAE,mBAAmB,EACxC,yBAAyB,EAAE,yBAAyB,GACtD,GAEJ,CACT,CAAA;AACL,CAAC,CAAA"}

package/dist/components/core/common/SolidGenericImport/SolidImportWrapper.tsx

@@ -0,0 +1,29 @@
+
+import React, { useState } from 'react'
+import { SolidImportDropzone } from './SolidImportDropzone'
+import { SolidImportTransaction } from './SolidImportTransaction'
+
+export const SolidImportWrapper = ({ setImportStep, listViewMetaData, setOpenImportDialog, handleFetchUpdatedRecords }: any) => {
+    const [importTransactionContext, setImportTransactionContext] = useState(false);
+    const [transactionId, setTransactionId] = useState(null);
+    const modelMetadataId = listViewMetaData?.data?.solidView?.model?.id;
+    return (
+        <div>
+            {!importTransactionContext ?
+                <SolidImportDropzone
+                    setImportStep={setImportStep}
+                    setImportTransactionContext={setImportTransactionContext}
+                    setTransactionId={setTransactionId}
+                    modelMetadataId={modelMetadataId}
+                />
+                :
+                <SolidImportTransaction
+                    transactionId={transactionId}
+                    setImportTransactionContext={setImportTransactionContext}
+                    setOpenImportDialog={setOpenImportDialog}
+                    handleFetchUpdatedRecords={handleFetchUpdatedRecords}
+                />
+            }
+        </div>
+    )
+}

package/dist/components/core/common/SolidGlobalSearchElement.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare const mergeSearchAndCustomFilters: (transformedFilter: any, newFilter: any, transformedFilterName: string, newFilterName: string) => any;
+export declare const mergeAllDiffFilters: (customFilter: any, searchFilter: any, savedFilter: any, preDefinedFilter?: any) => any;
+export declare const SolidGlobalSearchElement: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+//# sourceMappingURL=SolidGlobalSearchElement.d.ts.map

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuE,MAAM,OAAO,CAAC;AAoV5F,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,QAkBjH,CAAA;AAsDD,eAAO,MAAM,wBAAwB,kFAmiCnC,CAAC"}