@salesgenterp/ui-components 0.4.552 → 0.4.553

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -3129,7 +3129,7 @@ var ExcessPaymentDialog = function ExcessPaymentDialog(_ref2) {
3129
3129
  })));
3130
3130
  };
3131
3131
 
3132
- 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, _templateObject20;
3132
+ 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;
3133
3133
  var totalIcons = [{
3134
3134
  name: '',
3135
3135
  icon: /*#__PURE__*/React__default.createElement(ai.AiOutlineShoppingCart, null)
@@ -3202,24 +3202,18 @@ var Dashboard = function Dashboard(_ref) {
3202
3202
  triggerTableData = _useState5[0],
3203
3203
  setTriggerTableData = _useState5[1];
3204
3204
  var _useState6 = React.useState({
3205
- open: false,
3206
- url: ''
3207
- }),
3208
- invoiceModal = _useState6[0],
3209
- setInvoiceModal = _useState6[1];
3210
- var _useState7 = React.useState({
3211
3205
  open: false
3212
3206
  }),
3213
- isPaymentModal = _useState7[0],
3214
- setIsPaymentModal = _useState7[1];
3215
- var _useState8 = React.useState({
3207
+ isPaymentModal = _useState6[0],
3208
+ setIsPaymentModal = _useState6[1];
3209
+ var _useState7 = React.useState({
3216
3210
  open: false
3217
3211
  }),
3218
- isExcessPaymentModal = _useState8[0],
3219
- setIsExcessPaymentModal = _useState8[1];
3220
- var _useState9 = React.useState(0),
3221
- value = _useState9[0],
3222
- setValue = _useState9[1];
3212
+ isExcessPaymentModal = _useState7[0],
3213
+ setIsExcessPaymentModal = _useState7[1];
3214
+ var _useState8 = React.useState(0),
3215
+ value = _useState8[0],
3216
+ setValue = _useState8[1];
3223
3217
  React.useEffect(function () {
3224
3218
  if (hideSalesOrderTab) {
3225
3219
  setValue(1);
@@ -3239,10 +3233,9 @@ var Dashboard = function Dashboard(_ref) {
3239
3233
  };
3240
3234
  }
3241
3235
  var openInvoiceData = function openInvoiceData(orderId) {
3242
- serviceApiEndPoint && setInvoiceModal({
3243
- open: true,
3244
- url: serviceApiEndPoint + "/" + (value === 0 ? 'salesOrder' : 'sales-order') + "/invoice/" + orderId + "?token=" + token + "&defaultStoreId=" + defaultStoreId + "&storeIdList=" + storeIdList + "&isEcommerce=true"
3245
- });
3236
+ if (serviceApiEndPoint) {
3237
+ window.open(serviceApiEndPoint + "/" + (value === 0 ? 'salesOrder' : 'sales-order') + "/invoice/" + orderId + "?token=" + token + "&defaultStoreId=" + defaultStoreId + "&storeIdList=" + storeIdList + "&isEcommerce=true", '_blank', 'noopener,noreferrer');
3238
+ }
3246
3239
  };
3247
3240
  var onDateChange = function onDateChange(data) {
3248
3241
  var startDate = moment(data === null || data === void 0 ? void 0 : data.startDate).startOf('day');
@@ -3665,20 +3658,7 @@ var Dashboard = function Dashboard(_ref) {
3665
3658
  style: {
3666
3659
  marginTop: '1rem'
3667
3660
  }
3668
- })))))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement(InvoiceDialog, {
3669
- onClose: function onClose() {
3670
- return setInvoiceModal({
3671
- open: false
3672
- });
3673
- },
3674
- "aria-labelledby": "customized-dialog-title",
3675
- open: invoiceModal === null || invoiceModal === void 0 ? void 0 : invoiceModal.open,
3676
- maxWidth: "lg"
3677
- }, /*#__PURE__*/React__default.createElement(material.DialogContent, {
3678
- dividers: true
3679
- }, /*#__PURE__*/React__default.createElement("iframe", {
3680
- src: invoiceModal.url
3681
- }))), /*#__PURE__*/React__default.createElement(APITable, {
3661
+ })))))), /*#__PURE__*/React__default.createElement(TableContainer, null, /*#__PURE__*/React__default.createElement(APITable, {
3682
3662
  key: value,
3683
3663
  cacheFilters: true,
3684
3664
  extraFilterParams: value === 0 ? selectDates.recentInvoices : selectDates.salesOrders,
@@ -3949,8 +3929,7 @@ var StatusContainer = styled__default(material.Stack)(_templateObject17 || (_tem
3949
3929
  return props.primaryColor;
3950
3930
  });
3951
3931
  var TableContainer = styled__default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n margin-top: 2rem;\n border-radius: 14px;\n"])));
3952
- var InvoiceDialog = styled__default(material.Dialog)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n iframe {\n width: 900px;\n border: none;\n height: 600px;\n }\n"])));
3953
- var TabsContainer = styled__default(material.Tabs)(_templateObject20 || (_templateObject20 = _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) {
3932
+ var TabsContainer = styled__default(material.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) {
3954
3933
  return props.fontColor;
3955
3934
  }, function (props) {
3956
3935
  return props.primaryColor;
@@ -5285,7 +5264,7 @@ var getDropzoneRejectionError = function getDropzoneRejectionError(fileRejection
5285
5264
  return (error === null || error === void 0 ? void 0 : error.message) || 'Invalid file';
5286
5265
  };
5287
5266
 
5288
- var _templateObject$k, _templateObject2$c, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
5267
+ var _templateObject$k, _templateObject2$c, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$2, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34;
5289
5268
  var DEFAULT_PRIMARY_COLOR = "#437c0f";
5290
5269
  var Container = styled__default.div(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n width: 100%;\n min-height: 80vh;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f6f6f6;\n padding: 2rem 1rem;\n"])));
5291
5270
  var Card = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n width: min(100%, 720px);\n background: #fff;\n border: 1px solid #cac8c8;\n border-radius: 8px;\n padding: 1.5rem;\n"])));
@@ -5325,7 +5304,7 @@ var DropzoneBtn = styled__default.span(_templateObject16$1 || (_templateObject16
5325
5304
  var DropzoneText = styled__default.span(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n font-size: 0.875rem;\n color: #666;\n"])));
5326
5305
  var DropzoneError = styled__default.p(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n margin: 0.5rem 0 0;\n font-size: 0.8rem;\n color: #c62828;\n"])));
5327
5306
  var SelectedFileRow = styled__default.div(_templateObject19$1 || (_templateObject19$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n padding: 0.6rem 0.75rem;\n border: 1px solid #e0e0e0;\n border-radius: 6px;\n background: #fafafa;\n"])));
5328
- var SelectedFileInfo = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex: 1;\n"])));
5307
+ var SelectedFileInfo = styled__default.div(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: 0.5rem;\n min-width: 0;\n flex: 1;\n"])));
5329
5308
  var SelectedFileName = styled__default.span(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n font-size: 0.875rem;\n color: #333;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
5330
5309
  var ClearFileBtn = styled__default.button(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n border: none;\n background: none;\n color: #c62828;\n font-size: 1.1rem;\n cursor: pointer;\n flex-shrink: 0;\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])));
5331
5310
  var UploadedFiles = styled__default.ul(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n margin: 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n\n li {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n font-size: 0.875rem;\n color: #555;\n padding: 0.65rem 0.75rem;\n background: #fff;\n border: 1px solid #eee;\n border-radius: 4px;\n }\n"])));
@@ -8175,7 +8154,7 @@ var TotalAfterDiscount = function TotalAfterDiscount(_ref2) {
8175
8154
  }, renderMoney(totalAmount)) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement("b", null, renderMoney(total))));
8176
8155
  };
8177
8156
 
8178
- var _templateObject$v, _templateObject2$m, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59;
8157
+ var _templateObject$v, _templateObject2$m, _templateObject3$g, _templateObject4$d, _templateObject5$9, _templateObject6$7, _templateObject7$6, _templateObject8$5, _templateObject9$5, _templateObject10$4, _templateObject11$3, _templateObject12$2, _templateObject13$2, _templateObject14$2, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23$1, _templateObject24$1, _templateObject25$1, _templateObject26$1, _templateObject27$1, _templateObject28$1, _templateObject29$1, _templateObject30$1, _templateObject31$1, _templateObject32$1, _templateObject33$1, _templateObject34$1, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55, _templateObject56, _templateObject57, _templateObject58, _templateObject59;
8179
8158
  var DEFAULT_PRIMARY_COLOR$1 = '#437C0F';
8180
8159
  var formatCurrency = function formatCurrency(amount) {
8181
8160
  return Number(amount).toLocaleString('en-US', {
@@ -8785,7 +8764,7 @@ var HeaderIconWrap = styled__default.div(_templateObject19$2 || (_templateObject
8785
8764
  var $accentColor = _ref21.$accentColor;
8786
8765
  return $accentColor + "cc";
8787
8766
  });
8788
- var HeaderCopy = styled__default.div(_templateObject20$2 || (_templateObject20$2 = _taggedTemplateLiteralLoose(["\n flex: 1;\n min-width: 0;\n z-index: 1;\n"])));
8767
+ var HeaderCopy = styled__default.div(_templateObject20$1 || (_templateObject20$1 = _taggedTemplateLiteralLoose(["\n flex: 1;\n min-width: 0;\n z-index: 1;\n"])));
8789
8768
  var Eyebrow = styled__default.span(_templateObject21$1 || (_templateObject21$1 = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: center;\n gap: 0.25rem;\n font-size: 0.6rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: ", ";\n\n svg {\n font-size: 0.65rem;\n }\n"])), function (_ref22) {
8790
8769
  var $accentColor = _ref22.$accentColor;
8791
8770
  return $accentColor;