@salesgenterp/ui-components 0.4.549 → 0.4.550

package/dist/index.modern.js

@@ -1,7 +1,7 @@
 import { Skeleton as Skeleton$1, CircularProgress, TextField, Button, IconButton, Stack, Typography, Grid, InputAdornment, Popover, TableHead, TableRow, TableSortLabel, Paper, TableContainer as TableContainer$3, Table, TableBody, TableCell, TablePagination, Dialog, DialogContent, DialogActions, DialogTitle, RadioGroup, Radio, FormControlLabel, FormLabel, FormControl, FormHelperText, Select as Select$1, InputLabel, MenuItem, CardMedia, Divider, Tabs, Box, Tab, CardContent, ListItemIcon, ListItem, Collapse, List, ListItemText, Checkbox as Checkbox$1, Card as Card$1, CardHeader, CssBaseline, Toolbar, Drawer, useMediaQuery as useMediaQuery$1, Pagination, Tooltip, CardActionArea, Avatar as Avatar$1, alpha, Stepper, Step, StepLabel, StepContent, Container as Container$4 } from '@mui/material';
 import { styled as styled$1 } from '@mui/material/styles';
 import useMediaQuery from '@mui/material/useMediaQuery';
-import React__default, { useState, useEffect, forwardRef, useRef, useCallback, createElement, memo, Fragment as Fragment$1, useMemo } from 'react';
+import React__default, { useState, useEffect, forwardRef, createElement, useCallback, memo, Fragment as Fragment$1, useRef, useMemo } from 'react';
 import { MdVisibilityOff, MdVisibility, MdClose, MdMonetizationOn, MdOutlineStorefront, MdRemoveRedEye, MdOutlineFileDownload, MdPersonOutline, MdOutlineCall, MdMailOutline, MdExpandMore, MdExpandLess, MdStore, MdOutlineMenuOpen, MdMenu, MdDarkMode, MdOutlineDarkMode, MdDelete, MdCheckCircle, MdArrowBack, MdOutlineCircle, MdOutlineStickyNote2, MdOutlineNumbers, MdDateRange, MdOutlineWarehouse } from 'react-icons/md';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { isEmpty, isString, toNumber, reduce, concat, omit, replace, template, isArray, some, toLower, isPlainObject, includes, values, cloneDeep, filter, sortBy, isObject, sumBy, get, isNumber, remove } from 'lodash';
@@ -26,7 +26,6 @@ import { LocalizationProvider } from '@mui/x-date-pickers';
 import moment$1 from 'moment/moment';
 import { useRouter } from 'next/router';
 import Cards from 'react-credit-cards';
-import { PDFViewer } from '@embedpdf/react-pdf-viewer';
 import { HiOutlineLocationMarker, HiOutlineChevronDown } from 'react-icons/hi';
 import { BsFileEarmarkImage, BsFileEarmarkPdf, BsCartX } from 'react-icons/bs';
 import { TfiMenuAlt } from 'react-icons/tfi';
@@ -2831,285 +2830,6 @@ var InfoContainer = styled.div(_templateObject$9 || (_templateObject$9 = _tagged
   return props.fontColor;
 });
 
-var DISABLED_CATEGORIES = ['annotation', 'annotation-shape', 'insert', 'form', 'redaction', 'panel-search', 'panel-comment', 'document-open', 'document-close', 'document-export', 'document-capture', 'document-protect'];
-var EMPTY_UNSUBSCRIBERS = [];
-var LOAD_TIMEOUT_MS = 20000;
-var DEFAULT_ERROR_MESSAGE = 'Unable to load this PDF. Please try again later.';
-var safeCall = function safeCall(fn) {
-  try {
-    return typeof fn === 'function' ? fn() : undefined;
-  } catch (error) {
-    console.error('[ViewPdf]', error);
-    return undefined;
-  }
-};
-var clearSubscriptions = function clearSubscriptions(unsubscribersRef) {
-  var list = unsubscribersRef === null || unsubscribersRef === void 0 ? void 0 : unsubscribersRef.current;
-  if (!Array.isArray(list)) return;
-  list.forEach(function (unsubscribe) {
-    safeCall(unsubscribe);
-  });
-  unsubscribersRef.current = [];
-};
-var hideEmptyStateOpenButton = function hideEmptyStateOpenButton(container) {
-  try {
-    var shadow = container === null || container === void 0 ? void 0 : container.shadowRoot;
-    if (!shadow || typeof CSSStyleSheet === 'undefined') return;
-    if (typeof shadow.adoptedStyleSheets === 'undefined') return;
-    var sheet = new CSSStyleSheet();
-    if (typeof (sheet === null || sheet === void 0 ? void 0 : sheet.replaceSync) !== 'function') return;
-    sheet.replaceSync("\n      button[aria-label=\"Open File\"],\n      button[aria-label=\"Open Document\"],\n      button[aria-label*=\"Open Document\"],\n      button.bg-accent.inline-flex {\n        display: none !important;\n        pointer-events: none !important;\n      }\n      p.text-fg-muted.mt-4.text-xs {\n        display: none !important;\n      }\n    ");
-    var existingSheets = Array.isArray(shadow.adoptedStyleSheets) ? shadow.adoptedStyleSheets : [];
-    shadow.adoptedStyleSheets = [].concat(existingSheets, [sheet]);
-  } catch (error) {
-    console.error('[ViewPdf] Failed to hide open-document UI', error);
-  }
-};
-var viewerShellStyle = {
-  position: 'relative',
-  width: '100%',
-  minWidth: 900,
-  minHeight: 600,
-  height: '70vh',
-  boxSizing: 'border-box'
-};
-var overlayStyle = {
-  position: 'absolute',
-  inset: 0,
-  zIndex: 2,
-  display: 'flex',
-  flexDirection: 'column',
-  alignItems: 'center',
-  justifyContent: 'center',
-  gap: '0.75rem',
-  background: '#f4f5f7',
-  color: '#4b5563',
-  fontSize: '0.95rem',
-  fontWeight: 600,
-  padding: '1.5rem',
-  textAlign: 'center',
-  boxSizing: 'border-box'
-};
-var closeButtonStyle = {
-  marginTop: '0.5rem',
-  padding: '0.5rem 1rem',
-  border: '1px solid #d1d5db',
-  borderRadius: 6,
-  background: '#fff',
-  color: '#374151',
-  fontSize: '0.875rem',
-  fontWeight: 600,
-  cursor: 'pointer'
-};
-var getErrorMessage = function getErrorMessage(error) {
-  var _error$reason;
-  if (typeof error === 'string' && error.trim()) return error.trim();
-  if (error !== null && error !== void 0 && error.message && typeof error.message === 'string' && error.message.trim()) {
-    return error.message.trim();
-  }
-  if (error !== null && error !== void 0 && (_error$reason = error.reason) !== null && _error$reason !== void 0 && _error$reason.message && typeof error.reason.message === 'string' && error.reason.message.trim()) {
-    return error.reason.message.trim();
-  }
-  if (typeof (error === null || error === void 0 ? void 0 : error.reason) === 'string' && error.reason.trim()) {
-    return error.reason.trim();
-  }
-  return DEFAULT_ERROR_MESSAGE;
-};
-var syncDocumentStates = function syncDocumentStates(documentManager, onLoaded, onError) {
-  var documents = typeof (documentManager === null || documentManager === void 0 ? void 0 : documentManager.getOpenDocuments) === 'function' ? documentManager.getOpenDocuments() : [];
-  if (!Array.isArray(documents) || documents.length === 0) return false;
-  var errored = documents.find(function (doc) {
-    return (doc === null || doc === void 0 ? void 0 : doc.status) === 'error';
-  });
-  if (errored) {
-    onError((errored === null || errored === void 0 ? void 0 : errored.error) || DEFAULT_ERROR_MESSAGE);
-    return true;
-  }
-  var loaded = documents.find(function (doc) {
-    return (doc === null || doc === void 0 ? void 0 : doc.status) === 'loaded';
-  });
-  if (loaded) {
-    onLoaded();
-    return true;
-  }
-  return false;
-};
-var ViewPdf = function ViewPdf(_ref) {
-  var _ref$src = _ref.src,
-    src = _ref$src === void 0 ? '' : _ref$src,
-    onRequestClose = _ref.onRequestClose;
-  var _useState = useState(Boolean(src)),
-    isLoading = _useState[0],
-    setIsLoading = _useState[1];
-  var _useState2 = useState(''),
-    loadError = _useState2[0],
-    setLoadError = _useState2[1];
-  var hadLoadErrorRef = useRef(false);
-  var isMountedRef = useRef(true);
-  var loadFinishedRef = useRef(false);
-  var unsubscribersRef = useRef(EMPTY_UNSUBSCRIBERS);
-  var timeoutRef = useRef(null);
-  var pdfSrc = typeof src === 'string' ? src.trim() : '';
-  var clearLoadTimeout = useCallback(function () {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-  }, []);
-  useEffect(function () {
-    isMountedRef.current = true;
-    return function () {
-      isMountedRef.current = false;
-      clearLoadTimeout();
-      clearSubscriptions(unsubscribersRef);
-    };
-  }, [clearLoadTimeout]);
-  useEffect(function () {
-    hadLoadErrorRef.current = false;
-    loadFinishedRef.current = false;
-    clearLoadTimeout();
-    setLoadError('');
-    setIsLoading(Boolean(pdfSrc));
-  }, [pdfSrc, clearLoadTimeout]);
-  var finishWithError = useCallback(function (error) {
-    if (loadFinishedRef.current || !isMountedRef.current) return;
-    loadFinishedRef.current = true;
-    clearLoadTimeout();
-    hadLoadErrorRef.current = true;
-    setIsLoading(false);
-    setLoadError(getErrorMessage(error));
-  }, [clearLoadTimeout]);
-  var finishWithSuccess = useCallback(function () {
-    if (loadFinishedRef.current || !isMountedRef.current) return;
-    loadFinishedRef.current = true;
-    clearLoadTimeout();
-    hadLoadErrorRef.current = false;
-    setLoadError('');
-    setIsLoading(false);
-  }, [clearLoadTimeout]);
-  var handleInit = useCallback(function (container) {
-    hideEmptyStateOpenButton(container);
-  }, []);
-  var handleReady = useCallback(function (registry) {
-    try {
-      var _registry$getPlugin, _registry$getPlugin$c, _registry$getPlugin$c2;
-      clearSubscriptions(unsubscribersRef);
-      loadFinishedRef.current = false;
-      clearLoadTimeout();
-      var documentManager = registry === null || registry === void 0 ? void 0 : (_registry$getPlugin = registry.getPlugin) === null || _registry$getPlugin === void 0 ? void 0 : (_registry$getPlugin$c = _registry$getPlugin.call(registry, 'document-manager')) === null || _registry$getPlugin$c === void 0 ? void 0 : (_registry$getPlugin$c2 = _registry$getPlugin$c.provides) === null || _registry$getPlugin$c2 === void 0 ? void 0 : _registry$getPlugin$c2.call(_registry$getPlugin$c);
-      if (!documentManager) {
-        finishWithError('Unable to initialize the PDF viewer.');
-        return;
-      }
-      var trackUnsubscribe = function trackUnsubscribe(unsubscribe) {
-        if (typeof unsubscribe !== 'function') return;
-        if (!Array.isArray(unsubscribersRef === null || unsubscribersRef === void 0 ? void 0 : unsubscribersRef.current)) {
-          unsubscribersRef.current = [];
-        }
-        unsubscribersRef.current.push(unsubscribe);
-      };
-      if (typeof (documentManager === null || documentManager === void 0 ? void 0 : documentManager.onDocumentError) === 'function') {
-        trackUnsubscribe(documentManager.onDocumentError(function (error) {
-          finishWithError(error);
-        }));
-      }
-      if (typeof (documentManager === null || documentManager === void 0 ? void 0 : documentManager.onDocumentOpened) === 'function') {
-        trackUnsubscribe(documentManager.onDocumentOpened(function () {
-          finishWithSuccess();
-        }));
-      }
-      if (typeof (documentManager === null || documentManager === void 0 ? void 0 : documentManager.onDocumentClosed) === 'function') {
-        trackUnsubscribe(documentManager.onDocumentClosed(function () {
-          if (!(hadLoadErrorRef !== null && hadLoadErrorRef !== void 0 && hadLoadErrorRef.current)) return;
-          hadLoadErrorRef.current = false;
-          if (typeof onRequestClose === 'function') {
-            safeCall(onRequestClose);
-          }
-        }));
-      }
-      if (syncDocumentStates(documentManager, finishWithSuccess, finishWithError)) {
-        return;
-      }
-      if (!pdfSrc || typeof (documentManager === null || documentManager === void 0 ? void 0 : documentManager.openDocumentUrl) !== 'function') {
-        finishWithError('No PDF document provided.');
-        return;
-      }
-      timeoutRef.current = setTimeout(function () {
-        finishWithError('The PDF is taking too long to load. Please try again later.');
-      }, LOAD_TIMEOUT_MS);
-      var openTask = documentManager.openDocumentUrl({
-        url: pdfSrc,
-        autoActivate: true
-      });
-      if (!openTask || typeof openTask.wait !== 'function') {
-        finishWithError(DEFAULT_ERROR_MESSAGE);
-        return;
-      }
-      openTask.wait(function (response) {
-        var loadTask = response === null || response === void 0 ? void 0 : response.task;
-        if (!loadTask || typeof loadTask.wait !== 'function') {
-          syncDocumentStates(documentManager, finishWithSuccess, finishWithError);
-          return;
-        }
-        loadTask.wait(function () {
-          finishWithSuccess();
-        }, function (error) {
-          finishWithError(error);
-        });
-      }, function (error) {
-        finishWithError(error);
-      });
-    } catch (error) {
-      console.error('[ViewPdf] Failed during viewer ready setup', error);
-      finishWithError(error);
-    }
-  }, [clearLoadTimeout, finishWithError, finishWithSuccess, onRequestClose, pdfSrc]);
-  if (!pdfSrc) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      style: _extends({}, viewerShellStyle, overlayStyle, {
-        position: 'relative'
-      })
-    }, /*#__PURE__*/React__default.createElement("span", null, "No PDF document provided."), typeof onRequestClose === 'function' ? /*#__PURE__*/React__default.createElement("button", {
-      type: "button",
-      style: closeButtonStyle,
-      onClick: onRequestClose
-    }, "Close") : null);
-  }
-  return /*#__PURE__*/React__default.createElement("div", {
-    style: viewerShellStyle
-  }, isLoading ? /*#__PURE__*/React__default.createElement("div", {
-    style: overlayStyle,
-    "aria-live": "polite",
-    "aria-busy": "true"
-  }, /*#__PURE__*/React__default.createElement(CircularProgress, {
-    size: 28
-  }), /*#__PURE__*/React__default.createElement("span", null, "Loading...")) : null, loadError ? /*#__PURE__*/React__default.createElement("div", {
-    style: overlayStyle,
-    role: "alert",
-    "aria-live": "assertive"
-  }, /*#__PURE__*/React__default.createElement("span", null, loadError), typeof onRequestClose === 'function' ? /*#__PURE__*/React__default.createElement("button", {
-    type: "button",
-    style: closeButtonStyle,
-    onClick: onRequestClose
-  }, "Close") : null) : null, /*#__PURE__*/React__default.createElement(PDFViewer, {
-    key: pdfSrc,
-    style: {
-      height: '100%',
-      width: '100%',
-      minHeight: 600
-    },
-    onInit: handleInit,
-    onReady: handleReady,
-    config: {
-      theme: {
-        preference: 'light'
-      },
-      tabBar: 'never',
-      disabledCategories: DISABLED_CATEGORIES
-    }
-  }));
-};
-
 var _templateObject$a, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11$1, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
 var totalIcons = [{
   name: '',
@@ -3153,8 +2873,7 @@ var Dashboard = function Dashboard(_ref) {
     showOnlyRecentOrder = _ref$showOnlyRecentOr === void 0 ? false : _ref$showOnlyRecentOr,
     hidePayActionButton = _ref.hidePayActionButton,
     hideInvoiceTab = _ref.hideInvoiceTab,
-    hideSalesOrderTab = _ref.hideSalesOrderTab,
-    showPdfViewer = _ref.showPdfViewer;
+    hideSalesOrderTab = _ref.hideSalesOrderTab;
   var _useState = useState({}),
     customerData = _useState[0],
     setCustomerData = _useState[1];
@@ -3605,15 +3324,8 @@ var Dashboard = function Dashboard(_ref) {
     maxWidth: "lg"
   }, /*#__PURE__*/React__default.createElement(DialogContent, {
     dividers: true
-  }, showPdfViewer ? /*#__PURE__*/React__default.createElement(ViewPdf, {
-    src: invoiceModal === null || invoiceModal === void 0 ? void 0 : invoiceModal.url,
-    onRequestClose: function onRequestClose() {
-      return setInvoiceModal({
-        open: false
-      });
-    }
-  }) : /*#__PURE__*/React__default.createElement("iframe", {
-    src: invoiceModal === null || invoiceModal === void 0 ? void 0 : invoiceModal.url
+  }, /*#__PURE__*/React__default.createElement("iframe", {
+    src: invoiceModal.url
   }))), /*#__PURE__*/React__default.createElement(APITable, {
     key: value,
     cacheFilters: true,
@@ -3880,7 +3592,7 @@ var StatusContainer = styled(Stack)(_templateObject16 || (_templateObject16 = _t
   return props.primaryColor;
 });
 var TableContainer = styled.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n  margin-top: 2rem;\n  border-radius: 14px;\n"])));
-var InvoiceDialog = styled(Dialog)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  .MuiDialog-paper {\n    width: 100%;\n    max-width: 900px;\n  }\n\n  iframe {\n    width: 900px;\n    max-width: 100%;\n    border: none;\n    height: 600px;\n  }\n"])));
+var InvoiceDialog = styled(Dialog)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  iframe {\n    width: 900px;\n    border: none;\n    height: 600px;\n  }\n"])));
 var TabsContainer = styled(Tabs)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n  button {\n    color: ", " !important;\n    font-size: 1.1rem;\n    font-weight: 600;\n  }\n  .Mui-selected {\n    color: ", " !important;\n  }\n  .MuiTabs-indicator {\n    background-color: ", " !important;\n  }\n"])), function (props) {
   return props.fontColor;
 }, function (props) {
@@ -5584,9 +5296,7 @@ var AccountDetails = function AccountDetails(_ref) {
     _ref$hideSalesOrderTa = _ref.hideSalesOrderTab,
     hideSalesOrderTab = _ref$hideSalesOrderTa === void 0 ? false : _ref$hideSalesOrderTa,
     _ref$hideInvoiceTab = _ref.hideInvoiceTab,
-    hideInvoiceTab = _ref$hideInvoiceTab === void 0 ? false : _ref$hideInvoiceTab,
-    _ref$showPdfViewer = _ref.showPdfViewer,
-    showPdfViewer = _ref$showPdfViewer === void 0 ? false : _ref$showPdfViewer;
+    hideInvoiceTab = _ref$hideInvoiceTab === void 0 ? false : _ref$hideInvoiceTab;
   var _useAllSystemFeatureV = useAllSystemFeatureValues({
       apiEndPoint: apiEndPoint,
       token: token
@@ -5759,8 +5469,7 @@ var AccountDetails = function AccountDetails(_ref) {
             showOnlyRecentOrder: showOnlyRecentOrder,
             hidePayActionButton: hidePayActionButton,
             hideSalesOrderTab: hideSalesOrderTab,
-            hideInvoiceTab: hideInvoiceTab,
-            showPdfViewer: showPdfViewer
+            hideInvoiceTab: hideInvoiceTab
           });
         case 'myProfile':
           return /*#__PURE__*/React__default.createElement(MyProfile, {