@salesgenterp/ui-components 0.4.149 → 0.4.151

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.
Files changed (5) hide show
  1. package/dist/index.js +108 -65
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.modern.js +108 -65
  4. package/dist/index.modern.js.map +1 -1
  5. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -5032,7 +5032,7 @@ var CustomTextField = styled(material.TextField)(_templateObject$f || (_template
5032
5032
  return props.fontColor;
5033
5033
  });
5034
5034
 
5035
- var _templateObject$g, _templateObject2$c, _templateObject3$c, _templateObject4$9;
5035
+ var _templateObject$g, _templateObject2$c, _templateObject3$c, _templateObject4$9, _templateObject5$9;
5036
5036
  var MyProfile = function MyProfile(_ref) {
5037
5037
  var apiEndPoint = _ref.apiEndPoint,
5038
5038
  token = _ref.token,
@@ -5098,7 +5098,7 @@ var MyProfile = function MyProfile(_ref) {
5098
5098
  secondaryColor: secondaryColor
5099
5099
  }, /*#__PURE__*/React__default.createElement(material.CardContent, {
5100
5100
  style: {
5101
- padding: '1.2rem'
5101
+ padding: '1.3rem'
5102
5102
  }
5103
5103
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
5104
5104
  container: true,
@@ -5167,7 +5167,11 @@ var MyProfile = function MyProfile(_ref) {
5167
5167
  color: primaryColor,
5168
5168
  marginRight: '1rem'
5169
5169
  }
5170
- }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
5170
+ }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer, {
5171
+ secondaryColor: secondaryColor
5172
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
5173
+ fontColor: fontColor
5174
+ }, "Update Profile Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
5171
5175
  container: true,
5172
5176
  columnSpacing: 2
5173
5177
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -5260,20 +5264,23 @@ var MyProfile = function MyProfile(_ref) {
5260
5264
  style: {
5261
5265
  marginTop: 12
5262
5266
  }
5263
- }, "Update Profile")));
5267
+ }, "Update Profile"))));
5264
5268
  };
5265
5269
  var MeetContainer$1 = styled.h4(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n // font-family: Poppins;\n span > b {\n color: ", ";\n font-size: 1.5rem;\n }\n b {\n color: ", ";\n font-size: 1.5rem;\n }\n"])), function (props) {
5266
5270
  return props.primaryColor;
5267
5271
  }, function (props) {
5268
5272
  return props.fontColor;
5269
5273
  });
5270
- var TypographyContainer$1 = styled(material.Typography)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 18px !important;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
5274
+ var TypographyContainer$1 = styled(material.Typography)(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 1.2rem !important;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
5271
5275
  return props.fontColor;
5272
5276
  });
5273
5277
  var CardMediaContainer$1 = styled(material.CardMedia)(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n border-radius: 12px;\n max-width: 150px;\n"])));
5274
5278
  var CardContainer$1 = styled(material.Stack)(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 12px !important;\n margin: 1.2rem 0;\n box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
5275
5279
  return props.secondaryColor;
5276
5280
  });
5281
+ var RootContainer = styled(material.Stack)(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 12px !important;\n padding: 1.3rem;\n box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
5282
+ return props.secondaryColor;
5283
+ });
5277
5284
 
5278
5285
  var _templateObject$h, _templateObject2$d;
5279
5286
  var FormSelect = function FormSelect(props) {
@@ -5620,8 +5627,9 @@ var ViewStoreList = function ViewStoreList(_ref) {
5620
5627
  }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
5621
5628
  return /*#__PURE__*/React__default.createElement(material.Grid, {
5622
5629
  item: true,
5623
- xs: 12,
5624
- md: 6
5630
+ sm: 12,
5631
+ md: 6,
5632
+ lg: 4
5625
5633
  }, /*#__PURE__*/React__default.createElement(StoreContainer, {
5626
5634
  primaryColor: primaryColor,
5627
5635
  secondaryColor: secondaryColor,
@@ -5652,17 +5660,7 @@ var ViewStoreList = function ViewStoreList(_ref) {
5652
5660
  setSelectedStore(store);
5653
5661
  }
5654
5662
  }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
5655
- }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(material.Grid, {
5656
- container: true
5657
- }, /*#__PURE__*/React__default.createElement(material.Grid, {
5658
- item: true,
5659
- sm: 12,
5660
- md: 6
5661
- }, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-')), /*#__PURE__*/React__default.createElement(material.Grid, {
5662
- item: true,
5663
- sm: 12,
5664
- md: 6
5665
- }, /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-'))))));
5663
+ }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-'), /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-')))));
5666
5664
  })));
5667
5665
  };
5668
5666
  var StoreContainer = styled(material.Card)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n border-radius: 12px !important;\n background-color: ", " !important;\n box-shadow: 0px 0px 4px 0px !important;\n // font-family: Poppins !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 1.2rem;\n font-weight: 500;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
@@ -5986,7 +5984,7 @@ var ModalContainer = styled(material.Dialog)(_templateObject$m || (_templateObje
5986
5984
  return props.secondaryColor;
5987
5985
  });
5988
5986
 
5989
- var _templateObject$n, _templateObject2$f, _templateObject3$d, _templateObject4$a, _templateObject5$9;
5987
+ var _templateObject$n, _templateObject2$f, _templateObject3$d, _templateObject4$a, _templateObject5$a, _templateObject6$9;
5990
5988
  var StoreDetails = function StoreDetails(_ref) {
5991
5989
  var apiEndPoint = _ref.apiEndPoint,
5992
5990
  token = _ref.token,
@@ -6020,8 +6018,7 @@ var StoreDetails = function StoreDetails(_ref) {
6020
6018
  return Promise.resolve(API$1({
6021
6019
  apiEndPoint: apiEndPoint,
6022
6020
  token: token,
6023
- url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
6024
- errorMessage: 'Error in getting store data.'
6021
+ url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
6025
6022
  })).then(function (data) {
6026
6023
  setStoreAddresses(data);
6027
6024
  });
@@ -6060,7 +6057,14 @@ var StoreDetails = function StoreDetails(_ref) {
6060
6057
  return Promise.reject(e);
6061
6058
  }
6062
6059
  };
6063
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6060
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
6061
+ secondaryColor: secondaryColor
6062
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
6063
+ fontColor: fontColor,
6064
+ style: {
6065
+ fontSize: '1.2rem'
6066
+ }
6067
+ }, "Update Store Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6064
6068
  container: true,
6065
6069
  columnSpacing: 2
6066
6070
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6101,7 +6105,7 @@ var StoreDetails = function StoreDetails(_ref) {
6101
6105
  style: {
6102
6106
  marginTop: 12
6103
6107
  }
6104
- }, "Update Store Details")), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
6108
+ }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
6105
6109
  onClose: function onClose() {
6106
6110
  return setOpenModal({
6107
6111
  open: false
@@ -6148,8 +6152,9 @@ var StoreDetails = function StoreDetails(_ref) {
6148
6152
  }, storeAddresses === null || storeAddresses === void 0 ? void 0 : storeAddresses.map(function (address, index) {
6149
6153
  return /*#__PURE__*/React__default.createElement(material.Grid, {
6150
6154
  item: true,
6151
- xs: 12,
6152
- md: 6
6155
+ sm: 12,
6156
+ md: 6,
6157
+ lg: 4
6153
6158
  }, /*#__PURE__*/React__default.createElement(AddressContainer, {
6154
6159
  primaryColor: primaryColor,
6155
6160
  secondaryColor: secondaryColor,
@@ -6188,28 +6193,33 @@ var StoreDetails = function StoreDetails(_ref) {
6188
6193
  }, (address === null || address === void 0 ? void 0 : address.address1) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address1), (address === null || address === void 0 ? void 0 : address.address2) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address2), ((address === null || address === void 0 ? void 0 : address.city) || (address === null || address === void 0 ? void 0 : address.state)) && /*#__PURE__*/React__default.createElement("p", null, (address === null || address === void 0 ? void 0 : address.city) + (address === null || address === void 0 ? void 0 : address.state)), (address === null || address === void 0 ? void 0 : address.country) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.country), /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.phone), (address === null || address === void 0 ? void 0 : address.defaultBillingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default billing address")), (address === null || address === void 0 ? void 0 : address.defaultShippingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default shipping address"))))));
6189
6194
  })));
6190
6195
  };
6191
- var AddressContainer = styled(material.Card)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n border-radius: 12px !important;\n background-color: ", " !important;\n box-shadow: 0px 0px 4px 0px !important;\n // font-family: Poppins !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 0.9rem;\n font-weight: 400;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
6196
+ var RootContainer$1 = styled(material.Stack)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 12px !important;\n padding: 1.3rem;\n box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
6197
+ return props.secondaryColor;
6198
+ });
6199
+ var AddressContainer = styled(material.Card)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n border-radius: 12px !important;\n background-color: ", " !important;\n box-shadow: 0px 0px 4px 0px !important;\n // font-family: Poppins !important;\n .MuiCardHeader-root {\n background-color: ", ";\n padding: 4px 14px;\n svg,\n h3 {\n color: #fff;\n font-size: 1.3rem;\n }\n h3 {\n font-weight: 500;\n margin-left: 6px;\n }\n }\n p {\n font-size: 0.9rem;\n font-weight: 400;\n color: ", ";\n margin-bottom: 1rem;\n word-break: break-word;\n }\n"])), function (props) {
6192
6200
  return props.secondaryColor;
6193
6201
  }, function (props) {
6194
6202
  return props.primaryColor;
6195
6203
  }, function (props) {
6196
6204
  return props.fontColor;
6197
6205
  });
6198
- var Modal = styled(MuiModal)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose([""])));
6199
- var TypographyContainer$2 = styled(material.Typography)(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6206
+ var Modal = styled(MuiModal)(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose([""])));
6207
+ var TypographyContainer$2 = styled(material.Typography)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6200
6208
  return props.fontColor;
6201
6209
  });
6202
- var HeaderContainer$2 = styled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 1.3rem 0;\n"])));
6203
- var AddressCardContainer = styled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteralLoose(["\n p {\n font-size: 1.1rem;\n margin-bottom: 0.3rem;\n span {\n color: ", ";\n font-size: 1.1rem;\n }\n }\n"])), function (props) {
6210
+ var HeaderContainer$2 = styled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin: 1.3rem 0;\n"])));
6211
+ var AddressCardContainer = styled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteralLoose(["\n p {\n font-size: 1.1rem;\n margin-bottom: 0.3rem;\n span {\n color: ", ";\n font-size: 1.1rem;\n }\n }\n"])), function (props) {
6204
6212
  return props.primaryColor;
6205
6213
  });
6206
6214
 
6215
+ var _templateObject$o, _templateObject2$g;
6207
6216
  var StoreManager = function StoreManager(_ref) {
6208
6217
  var _storeData$managerDet;
6209
6218
  var apiEndPoint = _ref.apiEndPoint,
6210
6219
  token = _ref.token,
6211
6220
  storeData = _ref.storeData,
6212
6221
  primaryColor = _ref.primaryColor,
6222
+ secondaryColor = _ref.secondaryColor,
6213
6223
  fontColor = _ref.fontColor;
6214
6224
  var _useState = React.useState(false),
6215
6225
  isLoading = _useState[0],
@@ -6247,7 +6257,14 @@ var StoreManager = function StoreManager(_ref) {
6247
6257
  }),
6248
6258
  handleSubmit = _useForm.handleSubmit,
6249
6259
  control = _useForm.control;
6250
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6260
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
6261
+ secondaryColor: secondaryColor
6262
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
6263
+ fontColor: fontColor,
6264
+ style: {
6265
+ fontSize: '1.2rem'
6266
+ }
6267
+ }, "Update Manager Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6251
6268
  container: true,
6252
6269
  columnSpacing: 2
6253
6270
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6300,10 +6317,16 @@ var StoreManager = function StoreManager(_ref) {
6300
6317
  style: {
6301
6318
  marginTop: 12
6302
6319
  }
6303
- }, managerId ? 'Update Manager' : 'Add Manager')));
6320
+ }, managerId ? 'Update Manager' : 'Add Manager'))));
6304
6321
  };
6322
+ var RootContainer$2 = styled(material.Stack)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 12px !important;\n padding: 1.3rem;\n box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
6323
+ return props.secondaryColor;
6324
+ });
6325
+ var TypographyContainer$3 = styled(material.Typography)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6326
+ return props.fontColor;
6327
+ });
6305
6328
 
6306
- var _templateObject$o;
6329
+ var _templateObject$p;
6307
6330
  var _excluded$2 = ["children", "value", "index"];
6308
6331
  function TabPanel(props) {
6309
6332
  var children = props.children,
@@ -6406,7 +6429,7 @@ var StoreTabs = function StoreTabs(_ref) {
6406
6429
  fontColor: fontColor
6407
6430
  })))));
6408
6431
  };
6409
- var TabsContainer = styled(material.Tabs)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n button {\n color: ", " !important;\n font-size: 1.1rem;\n }\n .Mui-selected {\n color: ", " !important;\n }\n .MuiTabs-indicator {\n background-color: ", " !important;\n }\n"])), function (props) {
6432
+ var TabsContainer = styled(material.Tabs)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n button {\n color: ", " !important;\n font-size: 1.1rem;\n }\n .Mui-selected {\n color: ", " !important;\n }\n .MuiTabs-indicator {\n background-color: ", " !important;\n }\n"])), function (props) {
6410
6433
  return props.fontColor;
6411
6434
  }, function (props) {
6412
6435
  return props.primaryColor;
@@ -6414,7 +6437,7 @@ var TabsContainer = styled(material.Tabs)(_templateObject$o || (_templateObject$
6414
6437
  return props.primaryColor;
6415
6438
  });
6416
6439
 
6417
- var _templateObject$p, _templateObject2$g, _templateObject3$e;
6440
+ var _templateObject$q, _templateObject2$h, _templateObject3$e;
6418
6441
  var StoreList = function StoreList(_ref) {
6419
6442
  var apiEndPoint = _ref.apiEndPoint,
6420
6443
  token = _ref.token,
@@ -6488,7 +6511,7 @@ var StoreList = function StoreList(_ref) {
6488
6511
  fontSize: 24,
6489
6512
  color: fontColor
6490
6513
  }
6491
- }), "Back"), /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
6514
+ }), "Back"), /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
6492
6515
  fontColor: fontColor,
6493
6516
  style: {
6494
6517
  fontSize: 22
@@ -6523,13 +6546,13 @@ var StoreList = function StoreList(_ref) {
6523
6546
  storeDataList: storeDataList
6524
6547
  }));
6525
6548
  };
6526
- var Modal$1 = styled(MuiModal)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
6527
- var StoreHeader = styled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 1rem 0;\n .manageStore {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
6528
- var TypographyContainer$3 = styled(material.Typography)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6549
+ var Modal$1 = styled(MuiModal)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose([""])));
6550
+ var StoreHeader = styled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 1rem 0;\n .manageStore {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n"])));
6551
+ var TypographyContainer$4 = styled(material.Typography)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6529
6552
  return props.fontColor;
6530
6553
  });
6531
6554
 
6532
- var _templateObject$q, _templateObject2$h;
6555
+ var _templateObject$r, _templateObject2$i;
6533
6556
  function MuiSelect(_ref) {
6534
6557
  var label = _ref.label,
6535
6558
  onChange = _ref.onChange,
@@ -6571,20 +6594,20 @@ function MuiSelect(_ref) {
6571
6594
  }, data[labelKey]);
6572
6595
  })));
6573
6596
  }
6574
- var SelectContainer = styled(Select$1)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
6597
+ var SelectContainer = styled(Select$1)(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n svg,\n input {\n color: ", " !important;\n }\n fieldset {\n border-color: ", " !important;\n }\n"])), function (props) {
6575
6598
  return props.fontColor;
6576
6599
  }, function (props) {
6577
6600
  return props.fontColor;
6578
6601
  }, function (props) {
6579
6602
  return props.fontColor;
6580
6603
  });
6581
- var InputContainer$1 = styled(InputLabel)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
6604
+ var InputContainer$1 = styled(InputLabel)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
6582
6605
  return props.fontColor;
6583
6606
  });
6584
6607
 
6585
- var _templateObject$r, _templateObject2$i, _templateObject3$f, _templateObject4$b;
6608
+ var _templateObject$s, _templateObject2$j, _templateObject3$f, _templateObject4$b;
6586
6609
  var Statement = function Statement(_ref) {
6587
- var _customerData$custome3, _customerData$custome4;
6610
+ var _customerData$custome6, _customerData$custome7;
6588
6611
  var apiEndPoint = _ref.apiEndPoint,
6589
6612
  serviceApiEndPoint = _ref.serviceApiEndPoint,
6590
6613
  token = _ref.token,
@@ -6592,6 +6615,8 @@ var Statement = function Statement(_ref) {
6592
6615
  secondaryColor = _ref.secondaryColor,
6593
6616
  backgroundColor = _ref.backgroundColor,
6594
6617
  fontColor = _ref.fontColor,
6618
+ _ref$defaultStoreId = _ref.defaultStoreId,
6619
+ defaultStoreId = _ref$defaultStoreId === void 0 ? 2 : _ref$defaultStoreId,
6595
6620
  _ref$storeIdList = _ref.storeIdList,
6596
6621
  storeIdList = _ref$storeIdList === void 0 ? '1,2,46,47,48,49,50,51,52,53,54' : _ref$storeIdList;
6597
6622
  var _useState = React.useState({}),
@@ -6683,7 +6708,8 @@ var Statement = function Statement(_ref) {
6683
6708
  })();
6684
6709
  }, []);
6685
6710
  var print = function print() {
6686
- var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate;
6711
+ var _customerData$custome, _customerData$custome2, _customerData$custome3;
6712
+ var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate + "&customerId=" + (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerDto) === null || _customerData$custome === void 0 ? void 0 : _customerData$custome.customerId) + "&point=" + "ecom" + "&customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerStoreDtoList) === null || _customerData$custome2 === void 0 ? void 0 : (_customerData$custome3 = _customerData$custome2[0]) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.id)) + "&storeIdList=" + storeIdList + "&defaultStoreId=" + defaultStoreId;
6687
6713
  var pdfUrl = "" + serviceApiEndPoint + location;
6688
6714
  var w = window.open(pdfUrl);
6689
6715
  w.print();
@@ -6691,9 +6717,9 @@ var Statement = function Statement(_ref) {
6691
6717
  var getStatementAPIData = function getStatementAPIData(_ref2) {
6692
6718
  var params = _ref2.params;
6693
6719
  try {
6694
- var _customerData$custome, _customerData$custome2;
6720
+ var _customerData$custome4, _customerData$custome5;
6695
6721
  return Promise.resolve(API$1({
6696
- url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome = customerData.customerStoreDtoList) === null || _customerData$custome === void 0 ? void 0 : (_customerData$custome2 = _customerData$custome[0]) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
6722
+ url: "/ecommerce/customer/report/statement?customerStoreIds=" + ((queryParams === null || queryParams === void 0 ? void 0 : queryParams.customerStoreIds) || (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome4 = customerData.customerStoreDtoList) === null || _customerData$custome4 === void 0 ? void 0 : (_customerData$custome5 = _customerData$custome4[0]) === null || _customerData$custome5 === void 0 ? void 0 : _customerData$custome5.id)) + "&storeIds=" + storeIdList + "&page=0&size=20",
6697
6723
  apiEndPoint: apiEndPoint,
6698
6724
  token: token,
6699
6725
  queryParams: _extends({}, params, queryParams)
@@ -6715,7 +6741,7 @@ var Statement = function Statement(_ref) {
6715
6741
  alignItems: "center"
6716
6742
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
6717
6743
  item: true
6718
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
6744
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
6719
6745
  variant: "h5",
6720
6746
  gutterBottom: true,
6721
6747
  fontColor: fontColor,
@@ -6743,7 +6769,7 @@ var Statement = function Statement(_ref) {
6743
6769
  item: true
6744
6770
  }, /*#__PURE__*/React__default.createElement(MuiSelect, {
6745
6771
  label: "Select Store",
6746
- defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerStoreDtoList) === null || _customerData$custome3 === void 0 ? void 0 : (_customerData$custome4 = _customerData$custome3[0]) === null || _customerData$custome4 === void 0 ? void 0 : _customerData$custome4.id,
6772
+ defaultValue: customerData === null || customerData === void 0 ? void 0 : (_customerData$custome6 = customerData.customerStoreDtoList) === null || _customerData$custome6 === void 0 ? void 0 : (_customerData$custome7 = _customerData$custome6[0]) === null || _customerData$custome7 === void 0 ? void 0 : _customerData$custome7.id,
6747
6773
  onChange: onChangeStore,
6748
6774
  options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
6749
6775
  valueKey: "id",
@@ -6774,17 +6800,19 @@ var Statement = function Statement(_ref) {
6774
6800
  fontColor: fontColor
6775
6801
  })));
6776
6802
  };
6777
- var Root$3 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose([""])));
6778
- var TypographyContainer$4 = styled(material.Typography)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6803
+ var Root$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose([""])));
6804
+ var TypographyContainer$5 = styled(material.Typography)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6779
6805
  return props.fontColor;
6780
6806
  });
6781
6807
  var StatusContainer$1 = styled(material.Grid)(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n display: initial;\n box-shadow: 0px 0px 1px 0px;\n padding: 2px 4px;\n"])));
6782
6808
  var TableContainer$1 = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n border-radius: 12px;\n"])));
6783
6809
 
6810
+ var _templateObject$t, _templateObject2$k;
6784
6811
  var ChangePassword = function ChangePassword(_ref) {
6785
6812
  var apiEndPoint = _ref.apiEndPoint,
6786
6813
  token = _ref.token,
6787
6814
  primaryColor = _ref.primaryColor,
6815
+ secondaryColor = _ref.secondaryColor,
6788
6816
  fontColor = _ref.fontColor;
6789
6817
  var _useState = React.useState(false),
6790
6818
  isLoading = _useState[0],
@@ -6818,13 +6846,23 @@ var ChangePassword = function ChangePassword(_ref) {
6818
6846
  }
6819
6847
  };
6820
6848
  var pwd = watch('newPassword');
6821
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6849
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
6850
+ secondaryColor: secondaryColor
6851
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
6852
+ fontColor: fontColor
6853
+ }, "Update Password Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
6822
6854
  container: true,
6823
6855
  columnSpacing: 2
6824
6856
  }, /*#__PURE__*/React__default.createElement(material.Grid, {
6825
6857
  item: true,
6826
6858
  xs: 12,
6827
6859
  md: 6
6860
+ }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
6861
+ container: true,
6862
+ columnSpacing: 2
6863
+ }, /*#__PURE__*/React__default.createElement(material.Grid, {
6864
+ item: true,
6865
+ xs: 12
6828
6866
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
6829
6867
  label: "Old Password",
6830
6868
  name: "oldPassword",
@@ -6834,8 +6872,7 @@ var ChangePassword = function ChangePassword(_ref) {
6834
6872
  fontColor: fontColor
6835
6873
  })), /*#__PURE__*/React__default.createElement(material.Grid, {
6836
6874
  item: true,
6837
- xs: 12,
6838
- md: 6
6875
+ xs: 12
6839
6876
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
6840
6877
  label: "New Password",
6841
6878
  name: "password",
@@ -6845,8 +6882,7 @@ var ChangePassword = function ChangePassword(_ref) {
6845
6882
  fontColor: fontColor
6846
6883
  })), /*#__PURE__*/React__default.createElement(material.Grid, {
6847
6884
  item: true,
6848
- xs: 12,
6849
- md: 6
6885
+ xs: 12
6850
6886
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
6851
6887
  label: "Confirm Password",
6852
6888
  name: "confirmPassword",
@@ -6867,16 +6903,22 @@ var ChangePassword = function ChangePassword(_ref) {
6867
6903
  style: {
6868
6904
  marginTop: 12
6869
6905
  }
6870
- }, "Change Password"));
6906
+ }, "Change Password")))));
6871
6907
  };
6908
+ var RootContainer$3 = styled(material.Stack)(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n background-color: ", " !important;\n border-radius: 12px !important;\n padding: 1.3rem;\n box-shadow: 0px 0px 4px 0px;\n"])), function (props) {
6909
+ return props.secondaryColor;
6910
+ });
6911
+ var TypographyContainer$6 = styled(material.Typography)(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n font-size: 18px !important;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6912
+ return props.fontColor;
6913
+ });
6872
6914
 
6873
- var _templateObject$s, _templateObject2$j, _templateObject3$g;
6915
+ var _templateObject$u, _templateObject2$l, _templateObject3$g;
6874
6916
  var drawerWidth = 280;
6875
6917
  var AccountDetails = function AccountDetails(_ref) {
6876
6918
  var _ref$apiEndPoint = _ref.apiEndPoint,
6877
6919
  apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
6878
6920
  _ref$token = _ref.token,
6879
- token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NjQ5OTU2MSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjY0NjM1NjEsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.nI9ghKoSvFqi7VpICbO1oZELvlKbAu9cmRgfxGfuo3k' : _ref$token,
6921
+ token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NzA4ODY3NSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjcwNTI2NzUsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.s-1_OJTQnaW4Bw5xu_JZkzNFDnejkJoW8n0t6idHE1I' : _ref$token,
6880
6922
  _ref$primaryColor = _ref.primaryColor,
6881
6923
  primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
6882
6924
  secondaryColor = _ref.secondaryColor,
@@ -7012,7 +7054,7 @@ var AccountDetails = function AccountDetails(_ref) {
7012
7054
  });
7013
7055
 
7014
7056
  default:
7015
- return /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
7057
+ return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
7016
7058
  fontColor: colors.fontColor
7017
7059
  }, "Empty");
7018
7060
  }
@@ -7067,13 +7109,14 @@ var AccountDetails = function AccountDetails(_ref) {
7067
7109
  color: colors.fontColor
7068
7110
  }
7069
7111
  }
7070
- }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
7112
+ }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
7071
7113
  variant: "h6",
7072
7114
  noWrap: true,
7073
7115
  component: "div",
7074
7116
  fontColor: colors.fontColor,
7075
7117
  style: {
7076
- textTransform: 'capitalize'
7118
+ textTransform: 'capitalize',
7119
+ fontSize: '1.4rem'
7077
7120
  }
7078
7121
  },
7079
7122
  tabValue)), /*#__PURE__*/React__default.createElement(material.IconButton, {
@@ -7092,7 +7135,7 @@ var AccountDetails = function AccountDetails(_ref) {
7092
7135
  }
7093
7136
  }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent())))));
7094
7137
  };
7095
- var Root$4 = styled(material.Box)(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n background-image: url(", ");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n padding: 2rem;\n background-color: ", ";\n"])), function (props) {
7138
+ var Root$4 = styled(material.Box)(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n background-image: url(", ");\n background-position: center;\n background-repeat: no-repeat;\n background-size: cover;\n padding: 2rem;\n background-color: ", ";\n"])), function (props) {
7096
7139
  return props.backgroundImage;
7097
7140
  }, function (props) {
7098
7141
  return props.isNightMode ? '#40404f' : '#f2f2f2';
@@ -7125,10 +7168,10 @@ var Main = styles.styled('main', {
7125
7168
  overflow: 'auto'
7126
7169
  });
7127
7170
  });
7128
- var ContainerDrawer = styled(material.Drawer)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n height: 100%;\n margin-right: ", ";\n .MuiDrawer-paper {\n position: relative;\n width: 280px;\n z-index: 1;\n overflow: hidden;\n border-top-right-radius: 12px;\n background: transparent;\n }\n"])), function (props) {
7171
+ var ContainerDrawer = styled(material.Drawer)(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n height: 100%;\n margin-right: ", ";\n .MuiDrawer-paper {\n position: relative;\n width: 280px;\n z-index: 1;\n overflow: hidden;\n border-top-right-radius: 12px;\n background: transparent;\n }\n"])), function (props) {
7129
7172
  return props.open && '2rem';
7130
7173
  });
7131
- var TypographyContainer$5 = styled(material.Typography)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
7174
+ var TypographyContainer$7 = styled(material.Typography)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
7132
7175
  return props.fontColor;
7133
7176
  });
7134
7177