@salesgenterp/ui-components 0.4.148 → 0.4.150

package/dist/index.js

@@ -5032,7 +5032,7 @@ var CustomTextField = styled(material.TextField)(_templateObject$f || (_template
   return props.fontColor;
 });
 
-var _templateObject$g, _templateObject2$c, _templateObject3$c, _templateObject4$9;
+var _templateObject$g, _templateObject2$c, _templateObject3$c, _templateObject4$9, _templateObject5$9;
 var MyProfile = function MyProfile(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -5071,13 +5071,6 @@ var MyProfile = function MyProfile(_ref) {
       }
     })();
   }, []);
-  React.useEffect(function () {
-    try {
-      return Promise.resolve(getCountryData()).then(function () {});
-    } catch (e) {
-      Promise.reject(e);
-    }
-  }, []);
   var updateProfile = function updateProfile(formData) {
     try {
       var _temp5 = function _temp5() {
@@ -5105,7 +5098,7 @@ var MyProfile = function MyProfile(_ref) {
     secondaryColor: secondaryColor
   }, /*#__PURE__*/React__default.createElement(material.CardContent, {
     style: {
-      padding: '1.2rem'
+      padding: '1.3rem'
     }
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -5174,7 +5167,9 @@ var MyProfile = function MyProfile(_ref) {
       color: primaryColor,
       marginRight: '1rem'
     }
-  }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer, {
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -5267,7 +5262,7 @@ var MyProfile = function MyProfile(_ref) {
     style: {
       marginTop: 12
     }
-  }, "Update Profile")));
+  }, "Update Profile"))));
 };
 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) {
   return props.primaryColor;
@@ -5281,6 +5276,9 @@ var CardMediaContainer$1 = styled(material.CardMedia)(_templateObject3$c || (_te
 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) {
   return props.secondaryColor;
 });
+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) {
+  return props.secondaryColor;
+});
 
 var _templateObject$h, _templateObject2$d;
 var FormSelect = function FormSelect(props) {
@@ -5993,7 +5991,7 @@ var ModalContainer = styled(material.Dialog)(_templateObject$m || (_templateObje
   return props.secondaryColor;
 });
 
-var _templateObject$n, _templateObject2$f, _templateObject3$d, _templateObject4$a, _templateObject5$9;
+var _templateObject$n, _templateObject2$f, _templateObject3$d, _templateObject4$a, _templateObject5$a, _templateObject6$9;
 var StoreDetails = function StoreDetails(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -6067,7 +6065,9 @@ var StoreDetails = function StoreDetails(_ref) {
       return Promise.reject(e);
     }
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6108,7 +6108,7 @@ var StoreDetails = function StoreDetails(_ref) {
     style: {
       marginTop: 12
     }
-  }, "Update Store Details")), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
+  }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
     onClose: function onClose() {
       return setOpenModal({
         open: false
@@ -6195,28 +6195,33 @@ var StoreDetails = function StoreDetails(_ref) {
     }, (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"))))));
   })));
 };
-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) {
+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) {
+  return props.secondaryColor;
+});
+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) {
   return props.secondaryColor;
 }, function (props) {
   return props.primaryColor;
 }, function (props) {
   return props.fontColor;
 });
-var Modal = styled(MuiModal)(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose([""])));
-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) {
+var Modal = styled(MuiModal)(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteralLoose([""])));
+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) {
   return props.fontColor;
 });
-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"])));
-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) {
+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"])));
+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) {
   return props.primaryColor;
 });
 
+var _templateObject$o;
 var StoreManager = function StoreManager(_ref) {
   var _storeData$managerDet;
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
     storeData = _ref.storeData,
     primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor,
     fontColor = _ref.fontColor;
   var _useState = React.useState(false),
     isLoading = _useState[0],
@@ -6254,7 +6259,9 @@ var StoreManager = function StoreManager(_ref) {
     }),
     handleSubmit = _useForm.handleSubmit,
     control = _useForm.control;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -6307,10 +6314,13 @@ var StoreManager = function StoreManager(_ref) {
     style: {
       marginTop: 12
     }
-  }, managerId ? 'Update Manager' : 'Add Manager')));
+  }, managerId ? 'Update Manager' : 'Add Manager'))));
 };
+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) {
+  return props.secondaryColor;
+});
 
-var _templateObject$o;
+var _templateObject$p;
 var _excluded$2 = ["children", "value", "index"];
 function TabPanel(props) {
   var children = props.children,
@@ -6413,7 +6423,7 @@ var StoreTabs = function StoreTabs(_ref) {
     fontColor: fontColor
   })))));
 };
-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) {
+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) {
   return props.fontColor;
 }, function (props) {
   return props.primaryColor;
@@ -6421,7 +6431,7 @@ var TabsContainer = styled(material.Tabs)(_templateObject$o || (_templateObject$
   return props.primaryColor;
 });
 
-var _templateObject$p, _templateObject2$g, _templateObject3$e;
+var _templateObject$q, _templateObject2$g, _templateObject3$e;
 var StoreList = function StoreList(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -6530,13 +6540,13 @@ var StoreList = function StoreList(_ref) {
     storeDataList: storeDataList
   }));
 };
-var Modal$1 = styled(MuiModal)(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
+var Modal$1 = styled(MuiModal)(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose([""])));
 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"])));
 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) {
   return props.fontColor;
 });
 
-var _templateObject$q, _templateObject2$h;
+var _templateObject$r, _templateObject2$h;
 function MuiSelect(_ref) {
   var label = _ref.label,
     onChange = _ref.onChange,
@@ -6578,7 +6588,7 @@ function MuiSelect(_ref) {
     }, data[labelKey]);
   })));
 }
-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) {
+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) {
   return props.fontColor;
 }, function (props) {
   return props.fontColor;
@@ -6589,7 +6599,7 @@ var InputContainer$1 = styled(InputLabel)(_templateObject2$h || (_templateObject
   return props.fontColor;
 });
 
-var _templateObject$r, _templateObject2$i, _templateObject3$f, _templateObject4$b;
+var _templateObject$s, _templateObject2$i, _templateObject3$f, _templateObject4$b;
 var Statement = function Statement(_ref) {
   var _customerData$custome3, _customerData$custome4;
   var apiEndPoint = _ref.apiEndPoint,
@@ -6781,17 +6791,19 @@ var Statement = function Statement(_ref) {
     fontColor: fontColor
   })));
 };
-var Root$3 = styled.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose([""])));
+var Root$3 = styled.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose([""])));
 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) {
   return props.fontColor;
 });
 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"])));
 var TableContainer$1 = styled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 12px;\n"])));
 
+var _templateObject$t;
 var ChangePassword = function ChangePassword(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
     primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor,
     fontColor = _ref.fontColor;
   var _useState = React.useState(false),
     isLoading = _useState[0],
@@ -6825,13 +6837,21 @@ var ChangePassword = function ChangePassword(_ref) {
     }
   };
   var pwd = watch('newPassword');
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     md: 6
+  }, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    columnSpacing: 2
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Old Password",
     name: "oldPassword",
@@ -6841,8 +6861,7 @@ var ChangePassword = function ChangePassword(_ref) {
     fontColor: fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
-    xs: 12,
-    md: 6
+    xs: 12
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "New Password",
     name: "password",
@@ -6852,8 +6871,7 @@ var ChangePassword = function ChangePassword(_ref) {
     fontColor: fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
-    xs: 12,
-    md: 6
+    xs: 12
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Confirm Password",
     name: "confirmPassword",
@@ -6874,16 +6892,19 @@ var ChangePassword = function ChangePassword(_ref) {
     style: {
       marginTop: 12
     }
-  }, "Change Password"));
+  }, "Change Password")))));
 };
+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) {
+  return props.secondaryColor;
+});
 
-var _templateObject$s, _templateObject2$j, _templateObject3$g;
+var _templateObject$u, _templateObject2$j, _templateObject3$g;
 var drawerWidth = 280;
 var AccountDetails = function AccountDetails(_ref) {
   var _ref$apiEndPoint = _ref.apiEndPoint,
     apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
     _ref$token = _ref.token,
-    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2NjQ5OTU2MSwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjY0NjM1NjEsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.nI9ghKoSvFqi7VpICbO1oZELvlKbAu9cmRgfxGfuo3k' : _ref$token,
+    token = _ref$token === void 0 ? 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJzYWxlc2dlbnRlcnBAZ21haWwuY29tIiwidGllciI6MiwidXNlclR5cGUiOiJDdXN0b21lciIsInRva2VuVHlwZSI6ImFjY2VzcyIsInN0b3JlSWQiOjIsImV4cCI6MTY2Njc2MjcxOCwidXNlcklkIjoyNDU1LCJpYXQiOjE2NjY3MjY3MTgsInJlc2V0UGFzc3dvcmRSZXF1aXJlZCI6ZmFsc2V9.G_GwR6DIrL7qnh-f9HL-8NdoFnKCiLZ2qteNeO6nDcE' : _ref$token,
     _ref$primaryColor = _ref.primaryColor,
     primaryColor = _ref$primaryColor === void 0 ? '#BF262D' : _ref$primaryColor,
     secondaryColor = _ref.secondaryColor,
@@ -7099,7 +7120,7 @@ var AccountDetails = function AccountDetails(_ref) {
     }
   }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent())))));
 };
-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) {
+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) {
   return props.backgroundImage;
 }, function (props) {
   return props.isNightMode ? '#40404f' : '#f2f2f2';