@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.modern.js CHANGED
@@ -5029,7 +5029,7 @@ var CustomTextField = styled(TextField)(_templateObject$f || (_templateObject$f
5029
5029
  return props.fontColor;
5030
5030
  });
5031
5031
 
5032
- var _templateObject$g, _templateObject2$c, _templateObject3$c, _templateObject4$9;
5032
+ var _templateObject$g, _templateObject2$c, _templateObject3$c, _templateObject4$9, _templateObject5$9;
5033
5033
  var MyProfile = function MyProfile(_ref) {
5034
5034
  var apiEndPoint = _ref.apiEndPoint,
5035
5035
  token = _ref.token,
@@ -5095,7 +5095,7 @@ var MyProfile = function MyProfile(_ref) {
5095
5095
  secondaryColor: secondaryColor
5096
5096
  }, /*#__PURE__*/React__default.createElement(CardContent, {
5097
5097
  style: {
5098
- padding: '1.2rem'
5098
+ padding: '1.3rem'
5099
5099
  }
5100
5100
  }, /*#__PURE__*/React__default.createElement(Grid, {
5101
5101
  container: true,
@@ -5164,7 +5164,11 @@ var MyProfile = function MyProfile(_ref) {
5164
5164
  color: primaryColor,
5165
5165
  marginRight: '1rem'
5166
5166
  }
5167
- }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
5167
+ }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer, {
5168
+ secondaryColor: secondaryColor
5169
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
5170
+ fontColor: fontColor
5171
+ }, "Update Profile Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
5168
5172
  container: true,
5169
5173
  columnSpacing: 2
5170
5174
  }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -5257,20 +5261,23 @@ var MyProfile = function MyProfile(_ref) {
5257
5261
  style: {
5258
5262
  marginTop: 12
5259
5263
  }
5260
- }, "Update Profile")));
5264
+ }, "Update Profile"))));
5261
5265
  };
5262
5266
  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) {
5263
5267
  return props.primaryColor;
5264
5268
  }, function (props) {
5265
5269
  return props.fontColor;
5266
5270
  });
5267
- var TypographyContainer$1 = styled(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) {
5271
+ var TypographyContainer$1 = styled(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) {
5268
5272
  return props.fontColor;
5269
5273
  });
5270
5274
  var CardMediaContainer$1 = styled(CardMedia)(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteralLoose(["\n border-radius: 12px;\n max-width: 150px;\n"])));
5271
5275
  var CardContainer$1 = styled(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) {
5272
5276
  return props.secondaryColor;
5273
5277
  });
5278
+ var RootContainer = styled(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) {
5279
+ return props.secondaryColor;
5280
+ });
5274
5281
 
5275
5282
  var _templateObject$h, _templateObject2$d;
5276
5283
  var FormSelect = function FormSelect(props) {
@@ -5617,8 +5624,9 @@ var ViewStoreList = function ViewStoreList(_ref) {
5617
5624
  }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
5618
5625
  return /*#__PURE__*/React__default.createElement(Grid, {
5619
5626
  item: true,
5620
- xs: 12,
5621
- md: 6
5627
+ sm: 12,
5628
+ md: 6,
5629
+ lg: 4
5622
5630
  }, /*#__PURE__*/React__default.createElement(StoreContainer, {
5623
5631
  primaryColor: primaryColor,
5624
5632
  secondaryColor: secondaryColor,
@@ -5649,17 +5657,7 @@ var ViewStoreList = function ViewStoreList(_ref) {
5649
5657
  setSelectedStore(store);
5650
5658
  }
5651
5659
  }, /*#__PURE__*/React__default.createElement(MdModeEdit, null))))
5652
- }), /*#__PURE__*/React__default.createElement(CardContent, null, /*#__PURE__*/React__default.createElement(Grid, {
5653
- container: true
5654
- }, /*#__PURE__*/React__default.createElement(Grid, {
5655
- item: true,
5656
- sm: 12,
5657
- md: 6
5658
- }, /*#__PURE__*/React__default.createElement("p", null, "Phone No: ", (store === null || store === void 0 ? void 0 : store.phone) || '-')), /*#__PURE__*/React__default.createElement(Grid, {
5659
- item: true,
5660
- sm: 12,
5661
- md: 6
5662
- }, /*#__PURE__*/React__default.createElement("p", null, "Email: ", (store === null || store === void 0 ? void 0 : store.email) || '-'))))));
5660
+ }), /*#__PURE__*/React__default.createElement(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) || '-')))));
5663
5661
  })));
5664
5662
  };
5665
5663
  var StoreContainer = styled(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) {
@@ -5983,7 +5981,7 @@ var ModalContainer = styled(Dialog)(_templateObject$m || (_templateObject$m = _t
5983
5981
  return props.secondaryColor;
5984
5982
  });
5985
5983
 
5986
- var _templateObject$n, _templateObject2$f, _templateObject3$d, _templateObject4$a, _templateObject5$9;
5984
+ var _templateObject$n, _templateObject2$f, _templateObject3$d, _templateObject4$a, _templateObject5$a, _templateObject6$9;
5987
5985
  var StoreDetails = function StoreDetails(_ref) {
5988
5986
  var apiEndPoint = _ref.apiEndPoint,
5989
5987
  token = _ref.token,
@@ -6017,8 +6015,7 @@ var StoreDetails = function StoreDetails(_ref) {
6017
6015
  return Promise.resolve(API$1({
6018
6016
  apiEndPoint: apiEndPoint,
6019
6017
  token: token,
6020
- url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
6021
- errorMessage: 'Error in getting store data.'
6018
+ url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
6022
6019
  })).then(function (data) {
6023
6020
  setStoreAddresses(data);
6024
6021
  });
@@ -6057,7 +6054,14 @@ var StoreDetails = function StoreDetails(_ref) {
6057
6054
  return Promise.reject(e);
6058
6055
  }
6059
6056
  };
6060
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
6057
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
6058
+ secondaryColor: secondaryColor
6059
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
6060
+ fontColor: fontColor,
6061
+ style: {
6062
+ fontSize: '1.2rem'
6063
+ }
6064
+ }, "Update Store Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
6061
6065
  container: true,
6062
6066
  columnSpacing: 2
6063
6067
  }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -6098,7 +6102,7 @@ var StoreDetails = function StoreDetails(_ref) {
6098
6102
  style: {
6099
6103
  marginTop: 12
6100
6104
  }
6101
- }, "Update Store Details")), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
6105
+ }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
6102
6106
  onClose: function onClose() {
6103
6107
  return setOpenModal({
6104
6108
  open: false
@@ -6145,8 +6149,9 @@ var StoreDetails = function StoreDetails(_ref) {
6145
6149
  }, storeAddresses === null || storeAddresses === void 0 ? void 0 : storeAddresses.map(function (address, index) {
6146
6150
  return /*#__PURE__*/React__default.createElement(Grid, {
6147
6151
  item: true,
6148
- xs: 12,
6149
- md: 6
6152
+ sm: 12,
6153
+ md: 6,
6154
+ lg: 4
6150
6155
  }, /*#__PURE__*/React__default.createElement(AddressContainer, {
6151
6156
  primaryColor: primaryColor,
6152
6157
  secondaryColor: secondaryColor,
@@ -6185,28 +6190,33 @@ var StoreDetails = function StoreDetails(_ref) {
6185
6190
  }, (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"))))));
6186
6191
  })));
6187
6192
  };
6188
- var AddressContainer = styled(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) {
6193
+ var RootContainer$1 = styled(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) {
6194
+ return props.secondaryColor;
6195
+ });
6196
+ var AddressContainer = styled(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) {
6189
6197
  return props.secondaryColor;
6190
6198
  }, function (props) {
6191
6199
  return props.primaryColor;
6192
6200
  }, function (props) {
6193
6201
  return props.fontColor;
6194
6202
  });
6195
- var Modal = styled(MuiModal)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose([""])));
6196
- var TypographyContainer$2 = styled(Typography)(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6203
+ var Modal = styled(MuiModal)(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose([""])));
6204
+ var TypographyContainer$2 = styled(Typography)(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6197
6205
  return props.fontColor;
6198
6206
  });
6199
- 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"])));
6200
- 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) {
6207
+ 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"])));
6208
+ 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) {
6201
6209
  return props.primaryColor;
6202
6210
  });
6203
6211
 
6212
+ var _templateObject$o, _templateObject2$g;
6204
6213
  var StoreManager = function StoreManager(_ref) {
6205
6214
  var _storeData$managerDet;
6206
6215
  var apiEndPoint = _ref.apiEndPoint,
6207
6216
  token = _ref.token,
6208
6217
  storeData = _ref.storeData,
6209
6218
  primaryColor = _ref.primaryColor,
6219
+ secondaryColor = _ref.secondaryColor,
6210
6220
  fontColor = _ref.fontColor;
6211
6221
  var _useState = useState(false),
6212
6222
  isLoading = _useState[0],
@@ -6244,7 +6254,14 @@ var StoreManager = function StoreManager(_ref) {
6244
6254
  }),
6245
6255
  handleSubmit = _useForm.handleSubmit,
6246
6256
  control = _useForm.control;
6247
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
6257
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
6258
+ secondaryColor: secondaryColor
6259
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
6260
+ fontColor: fontColor,
6261
+ style: {
6262
+ fontSize: '1.2rem'
6263
+ }
6264
+ }, "Update Manager Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
6248
6265
  container: true,
6249
6266
  columnSpacing: 2
6250
6267
  }, /*#__PURE__*/React__default.createElement(Grid, {
@@ -6297,10 +6314,16 @@ var StoreManager = function StoreManager(_ref) {
6297
6314
  style: {
6298
6315
  marginTop: 12
6299
6316
  }
6300
- }, managerId ? 'Update Manager' : 'Add Manager')));
6317
+ }, managerId ? 'Update Manager' : 'Add Manager'))));
6301
6318
  };
6319
+ var RootContainer$2 = styled(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) {
6320
+ return props.secondaryColor;
6321
+ });
6322
+ var TypographyContainer$3 = styled(Typography)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6323
+ return props.fontColor;
6324
+ });
6302
6325
 
6303
- var _templateObject$o;
6326
+ var _templateObject$p;
6304
6327
  var _excluded$2 = ["children", "value", "index"];
6305
6328
  function TabPanel(props) {
6306
6329
  var children = props.children,
@@ -6403,7 +6426,7 @@ var StoreTabs = function StoreTabs(_ref) {
6403
6426
  fontColor: fontColor
6404
6427
  })))));
6405
6428
  };
6406
- var TabsContainer = styled(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) {
6429
+ var TabsContainer = styled(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) {
6407
6430
  return props.fontColor;
6408
6431
  }, function (props) {
6409
6432
  return props.primaryColor;
@@ -6411,7 +6434,7 @@ var TabsContainer = styled(Tabs)(_templateObject$o || (_templateObject$o = _tagg
6411
6434
  return props.primaryColor;
6412
6435
  });
6413
6436
 
6414
- var _templateObject$p, _templateObject2$g, _templateObject3$e;
6437
+ var _templateObject$q, _templateObject2$h, _templateObject3$e;
6415
6438
  var StoreList = function StoreList(_ref) {
6416
6439
  var apiEndPoint = _ref.apiEndPoint,
6417
6440
  token = _ref.token,
@@ -6485,7 +6508,7 @@ var StoreList = function StoreList(_ref) {
6485
6508
  fontSize: 24,
6486
6509
  color: fontColor
6487
6510
  }
6488
- }), "Back"), /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
6511
+ }), "Back"), /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
6489
6512
  fontColor: fontColor,
6490
6513
  style: {
6491
6514
  fontSize: 22
@@ -6520,13 +6543,13 @@ var StoreList = function StoreList(_ref) {
6520
6543
  storeDataList: storeDataList
6521
6544
  }));
6522
6545
  };
6523
- var Modal$1 = styled(MuiModal)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
6524
- 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"])));
6525
- var TypographyContainer$3 = styled(Typography)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6546
+ var Modal$1 = styled(MuiModal)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose([""])));
6547
+ 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"])));
6548
+ var TypographyContainer$4 = styled(Typography)(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6526
6549
  return props.fontColor;
6527
6550
  });
6528
6551
 
6529
- var _templateObject$q, _templateObject2$h;
6552
+ var _templateObject$r, _templateObject2$i;
6530
6553
  function MuiSelect(_ref) {
6531
6554
  var label = _ref.label,
6532
6555
  onChange = _ref.onChange,
@@ -6568,20 +6591,20 @@ function MuiSelect(_ref) {
6568
6591
  }, data[labelKey]);
6569
6592
  })));
6570
6593
  }
6571
- var SelectContainer = styled(Select$2)(_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) {
6594
+ var SelectContainer = styled(Select$2)(_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) {
6572
6595
  return props.fontColor;
6573
6596
  }, function (props) {
6574
6597
  return props.fontColor;
6575
6598
  }, function (props) {
6576
6599
  return props.fontColor;
6577
6600
  });
6578
- var InputContainer$1 = styled(InputLabel$1)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
6601
+ var InputContainer$1 = styled(InputLabel$1)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n color: ", " !important;\n"])), function (props) {
6579
6602
  return props.fontColor;
6580
6603
  });
6581
6604
 
6582
- var _templateObject$r, _templateObject2$i, _templateObject3$f, _templateObject4$b;
6605
+ var _templateObject$s, _templateObject2$j, _templateObject3$f, _templateObject4$b;
6583
6606
  var Statement = function Statement(_ref) {
6584
- var _customerData$custome3, _customerData$custome4;
6607
+ var _customerData$custome6, _customerData$custome7;
6585
6608
  var apiEndPoint = _ref.apiEndPoint,
6586
6609
  serviceApiEndPoint = _ref.serviceApiEndPoint,
6587
6610
  token = _ref.token,
@@ -6589,6 +6612,8 @@ var Statement = function Statement(_ref) {
6589
6612
  secondaryColor = _ref.secondaryColor,
6590
6613
  backgroundColor = _ref.backgroundColor,
6591
6614
  fontColor = _ref.fontColor,
6615
+ _ref$defaultStoreId = _ref.defaultStoreId,
6616
+ defaultStoreId = _ref$defaultStoreId === void 0 ? 2 : _ref$defaultStoreId,
6592
6617
  _ref$storeIdList = _ref.storeIdList,
6593
6618
  storeIdList = _ref$storeIdList === void 0 ? '1,2,46,47,48,49,50,51,52,53,54' : _ref$storeIdList;
6594
6619
  var _useState = useState({}),
@@ -6680,7 +6705,8 @@ var Statement = function Statement(_ref) {
6680
6705
  })();
6681
6706
  }, []);
6682
6707
  var print = function print() {
6683
- var location = "/cusomter/statement?token=" + token + "&startDate=" + queryParams.startDate + "&endDate=" + queryParams.endDate;
6708
+ var _customerData$custome, _customerData$custome2, _customerData$custome3;
6709
+ 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;
6684
6710
  var pdfUrl = "" + serviceApiEndPoint + location;
6685
6711
  var w = window.open(pdfUrl);
6686
6712
  w.print();
@@ -6688,9 +6714,9 @@ var Statement = function Statement(_ref) {
6688
6714
  var getStatementAPIData = function getStatementAPIData(_ref2) {
6689
6715
  var params = _ref2.params;
6690
6716
  try {
6691
- var _customerData$custome, _customerData$custome2;
6717
+ var _customerData$custome4, _customerData$custome5;
6692
6718
  return Promise.resolve(API$1({
6693
- 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",
6719
+ 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",
6694
6720
  apiEndPoint: apiEndPoint,
6695
6721
  token: token,
6696
6722
  queryParams: _extends({}, params, queryParams)
@@ -6712,7 +6738,7 @@ var Statement = function Statement(_ref) {
6712
6738
  alignItems: "center"
6713
6739
  }, /*#__PURE__*/React__default.createElement(Grid, {
6714
6740
  item: true
6715
- }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
6741
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
6716
6742
  variant: "h5",
6717
6743
  gutterBottom: true,
6718
6744
  fontColor: fontColor,
@@ -6740,7 +6766,7 @@ var Statement = function Statement(_ref) {
6740
6766
  item: true
6741
6767
  }, /*#__PURE__*/React__default.createElement(MuiSelect, {
6742
6768
  label: "Select Store",
6743
- 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,
6769
+ 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,
6744
6770
  onChange: onChangeStore,
6745
6771
  options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
6746
6772
  valueKey: "id",
@@ -6771,17 +6797,19 @@ var Statement = function Statement(_ref) {
6771
6797
  fontColor: fontColor
6772
6798
  })));
6773
6799
  };
6774
- var Root$3 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose([""])));
6775
- var TypographyContainer$4 = styled(Typography)(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6800
+ var Root$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose([""])));
6801
+ var TypographyContainer$5 = styled(Typography)(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
6776
6802
  return props.fontColor;
6777
6803
  });
6778
6804
  var StatusContainer$1 = styled(Grid)(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n display: initial;\n box-shadow: 0px 0px 1px 0px;\n padding: 2px 4px;\n"])));
6779
6805
  var TableContainer$1 = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n margin: 1.2rem 0;\n border-radius: 12px;\n"])));
6780
6806
 
6807
+ var _templateObject$t, _templateObject2$k;
6781
6808
  var ChangePassword = function ChangePassword(_ref) {
6782
6809
  var apiEndPoint = _ref.apiEndPoint,
6783
6810
  token = _ref.token,
6784
6811
  primaryColor = _ref.primaryColor,
6812
+ secondaryColor = _ref.secondaryColor,
6785
6813
  fontColor = _ref.fontColor;
6786
6814
  var _useState = useState(false),
6787
6815
  isLoading = _useState[0],
@@ -6815,13 +6843,23 @@ var ChangePassword = function ChangePassword(_ref) {
6815
6843
  }
6816
6844
  };
6817
6845
  var pwd = watch('newPassword');
6818
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
6846
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
6847
+ secondaryColor: secondaryColor
6848
+ }, /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
6849
+ fontColor: fontColor
6850
+ }, "Update Password Details"), /*#__PURE__*/React__default.createElement(Grid, {
6819
6851
  container: true,
6820
6852
  columnSpacing: 2
6821
6853
  }, /*#__PURE__*/React__default.createElement(Grid, {
6822
6854
  item: true,
6823
6855
  xs: 12,
6824
6856
  md: 6
6857
+ }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(Grid, {
6858
+ container: true,
6859
+ columnSpacing: 2
6860
+ }, /*#__PURE__*/React__default.createElement(Grid, {
6861
+ item: true,
6862
+ xs: 12
6825
6863
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
6826
6864
  label: "Old Password",
6827
6865
  name: "oldPassword",
@@ -6831,8 +6869,7 @@ var ChangePassword = function ChangePassword(_ref) {
6831
6869
  fontColor: fontColor
6832
6870
  })), /*#__PURE__*/React__default.createElement(Grid, {
6833
6871
  item: true,
6834
- xs: 12,
6835
- md: 6
6872
+ xs: 12
6836
6873
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
6837
6874
  label: "New Password",
6838
6875
  name: "password",
@@ -6842,8 +6879,7 @@ var ChangePassword = function ChangePassword(_ref) {
6842
6879
  fontColor: fontColor
6843
6880
  })), /*#__PURE__*/React__default.createElement(Grid, {
6844
6881
  item: true,
6845
- xs: 12,
6846
- md: 6
6882
+ xs: 12
6847
6883
  }, /*#__PURE__*/React__default.createElement(FormTextField, {
6848
6884
  label: "Confirm Password",
6849
6885
  name: "confirmPassword",
@@ -6864,16 +6900,22 @@ var ChangePassword = function ChangePassword(_ref) {
6864
6900
  style: {
6865
6901
  marginTop: 12
6866
6902
  }
6867
- }, "Change Password"));
6903
+ }, "Change Password")))));
6868
6904
  };
6905
+ var RootContainer$3 = styled(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) {
6906
+ return props.secondaryColor;
6907
+ });
6908
+ var TypographyContainer$6 = styled(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) {
6909
+ return props.fontColor;
6910
+ });
6869
6911
 
6870
- var _templateObject$s, _templateObject2$j, _templateObject3$g;
6912
+ var _templateObject$u, _templateObject2$l, _templateObject3$g;
6871
6913
  var drawerWidth = 280;
6872
6914
  var AccountDetails = function AccountDetails(_ref) {
6873
6915
  var _ref$apiEndPoint = _ref.apiEndPoint,
6874
6916
  apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
6875
6917
  _ref$token = _ref.token,
6876
- token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NjQ5OTU2MSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjY0NjM1NjEsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.nI9ghKoSvFqi7VpICbO1oZELvlKbAu9cmRgfxGfuo3k' : _ref$token,
6918
+ token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NzA4ODY3NSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjcwNTI2NzUsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.s-1_OJTQnaW4Bw5xu_JZkzNFDnejkJoW8n0t6idHE1I' : _ref$token,
6877
6919
  _ref$primaryColor = _ref.primaryColor,
6878
6920
  primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
6879
6921
  secondaryColor = _ref.secondaryColor,
@@ -7009,7 +7051,7 @@ var AccountDetails = function AccountDetails(_ref) {
7009
7051
  });
7010
7052
 
7011
7053
  default:
7012
- return /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
7054
+ return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
7013
7055
  fontColor: colors.fontColor
7014
7056
  }, "Empty");
7015
7057
  }
@@ -7064,13 +7106,14 @@ var AccountDetails = function AccountDetails(_ref) {
7064
7106
  color: colors.fontColor
7065
7107
  }
7066
7108
  }
7067
- }, open ? /*#__PURE__*/React__default.createElement(MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
7109
+ }, open ? /*#__PURE__*/React__default.createElement(MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
7068
7110
  variant: "h6",
7069
7111
  noWrap: true,
7070
7112
  component: "div",
7071
7113
  fontColor: colors.fontColor,
7072
7114
  style: {
7073
- textTransform: 'capitalize'
7115
+ textTransform: 'capitalize',
7116
+ fontSize: '1.4rem'
7074
7117
  }
7075
7118
  },
7076
7119
  tabValue)), /*#__PURE__*/React__default.createElement(IconButton, {
@@ -7089,7 +7132,7 @@ var AccountDetails = function AccountDetails(_ref) {
7089
7132
  }
7090
7133
  }, isNightMode ? /*#__PURE__*/React__default.createElement(MdDarkMode, null) : /*#__PURE__*/React__default.createElement(MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent())))));
7091
7134
  };
7092
- var Root$4 = styled(Box$1)(_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) {
7135
+ var Root$4 = styled(Box$1)(_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) {
7093
7136
  return props.backgroundImage;
7094
7137
  }, function (props) {
7095
7138
  return props.isNightMode ? '#40404f' : '#f2f2f2';
@@ -7122,10 +7165,10 @@ var Main = styled$1('main', {
7122
7165
  overflow: 'auto'
7123
7166
  });
7124
7167
  });
7125
- var ContainerDrawer = styled(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) {
7168
+ var ContainerDrawer = styled(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) {
7126
7169
  return props.open && '2rem';
7127
7170
  });
7128
- var TypographyContainer$5 = styled(Typography)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
7171
+ var TypographyContainer$7 = styled(Typography)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n color: ", ";\n display: flex;\n align-items: center;\n // font-family: Poppins !important;\n"])), function (props) {
7129
7172
  return props.fontColor;
7130
7173
  });
7131
7174