@salesgenterp/ui-components 0.4.273 → 0.4.275

package/dist/index.js

@@ -1,33 +1,33 @@
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
+var material = require('@mui/material');
+var styles = require('@mui/material/styles');
+var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
 var React = require('react');
 var React__default = _interopDefault(React);
-var styles = require('@mui/material/styles');
-var material = require('@mui/material');
+var md = require('react-icons/md');
 var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
-var md = require('react-icons/md');
-var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
-var ai = require('react-icons/ai');
-var tb = require('react-icons/tb');
-var hi = require('react-icons/hi');
-var bs = require('react-icons/bs');
-var tfi = require('react-icons/tfi');
-var go = require('react-icons/go');
-var ri = require('react-icons/ri');
-var bi = require('react-icons/bi');
+var axios = _interopDefault(require('axios'));
 var lodash = require('lodash');
 var moment = _interopDefault(require('moment'));
+var reactHookForm = require('react-hook-form');
 var io5 = require('react-icons/io5');
+var tb = require('react-icons/tb');
+var ai = require('react-icons/ai');
 var fa = require('react-icons/fa');
 var gi = require('react-icons/gi');
 var gr = require('react-icons/gr');
-var axios = _interopDefault(require('axios'));
 var DesktopDatePicker = require('@mui/x-date-pickers/DesktopDatePicker');
 var AdapterMoment = require('@mui/x-date-pickers/AdapterMoment');
 var xDatePickers = require('@mui/x-date-pickers');
 var moment$1 = _interopDefault(require('moment/moment'));
-var reactHookForm = require('react-hook-form');
+var hi = require('react-icons/hi');
+var bs = require('react-icons/bs');
+var tfi = require('react-icons/tfi');
+var go = require('react-icons/go');
+var ri = require('react-icons/ri');
+var bi = require('react-icons/bi');
 var InputLabel = _interopDefault(require('@mui/material/InputLabel'));
 var MenuItem = _interopDefault(require('@mui/material/MenuItem'));
 var FormControl = _interopDefault(require('@mui/material/FormControl'));
@@ -48,6 +48,7 @@ var Checkbox = _interopDefault(require('@mui/material/Checkbox'));
 var InputBase = _interopDefault(require('@mui/material/InputBase'));
 var reactSelect = require('react-select');
 var ReactAsyncSelect = _interopDefault(require('react-select/async'));
+var Snowfall = _interopDefault(require('react-snowfall'));
 var ReCAPTCHA = _interopDefault(require('react-google-recaptcha'));
 var cg = require('react-icons/cg');
 var fi = require('react-icons/fi');
@@ -310,413 +311,89 @@ var DATE_FORMATS = {
   TIME: 'hh:mm:ss A'
 };
 
-var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
-  var _Object$keys;
-  var data = [];
-  var i = 1;
-  Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(child)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (k) {
-    var result = k.replace(/([A-Z])/g, ' $1');
-    var dataIndex = {
-      key: i.toString(),
-      name: result.charAt(0).toUpperCase() + result.slice(1),
-      value: child[k]
-    };
-    data.push(dataIndex);
-    i++;
-  });
-  return data;
-};
-var convertToTitleCase = function convertToTitleCase(inputString) {
-  return inputString.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
-    return str.toUpperCase();
-  });
-};
-var renderMoney = function renderMoney(value) {
-  var returnValue = '$0.00';
-  try {
-    if (value) {
-      var _Math$abs, _Math$abs$toFixed, _value$toFixed;
-      returnValue = value < 0 ? "-$" + ((_Math$abs = Math.abs(value)) === null || _Math$abs === void 0 ? void 0 : (_Math$abs$toFixed = _Math$abs.toFixed(2)) === null || _Math$abs$toFixed === void 0 ? void 0 : _Math$abs$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ',')) : "$" + ((_value$toFixed = value.toFixed(2)) === null || _value$toFixed === void 0 ? void 0 : _value$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ','));
-    }
-  } catch (e) {}
-  return returnValue;
-};
-var getLocalTime = function getLocalTime(_ref) {
-  var time = _ref.time,
-    _ref$format = _ref.format,
-    format = _ref$format === void 0 ? DATE_FORMATS.TIMESTAMP_FORMAT : _ref$format,
-    isMoment = _ref.isMoment;
-  if (!time) {
-    return time;
-  }
-  var convertedTime = moment.utc(time).clone().local();
-  if (!isMoment) {
-    convertedTime = convertedTime.format(format);
-  }
-  return convertedTime;
-};
-var getUTCTime = function getUTCTime(_ref2) {
-  var time = _ref2.time,
-    _ref2$format = _ref2.format,
-    format = _ref2$format === void 0 ? DATE_FORMATS.DEFAULT_DATE_TIME_FORMAT : _ref2$format,
-    isMoment = _ref2.isMoment;
-  if (!time) {
-    return time;
-  }
-  var convertedTime = moment(time).utc();
-  if (!isMoment) {
-    convertedTime = convertedTime.format(format);
-  }
-  return convertedTime;
-};
-function hexToRgbA(hex) {
-  var c;
-  if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
-    c = hex.substring(1).split('');
-    if (c.length == 3) {
-      c = [c[0], c[0], c[1], c[1], c[2], c[2]];
-    }
-    c = '0x' + c.join('');
-    return [c >> 16 & 255, c >> 8 & 255, c & 255].join(',');
-  } else return hex;
-}
-var getRandomString = function getRandomString(length) {
-  if (length === void 0) {
-    length = 16;
-  }
-  var text = '';
-  var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
-  for (var i = 0; i < length; i++) {
-    text += possible.charAt(Math.floor(Math.random() * possible.length));
+var erLocalStorage = {
+  setItem: function setItem(key, value) {
+    localStorage.setItem(key, value);
+  },
+  getItem: function getItem(key) {
+    return localStorage.getItem(key);
+  },
+  removeItem: function removeItem(key) {
+    localStorage.removeItem(key);
+  },
+  setJSONItem: function setJSONItem(key, value) {
+    value = JSON.stringify(value);
+    localStorage.setItem(key, value);
+  },
+  getJSONItem: function getJSONItem(key) {
+    var returnValue = {};
+    try {
+      returnValue = localStorage.getItem(key) ? JSON.parse(localStorage.getItem(key)) : {};
+    } catch (e) {}
+    return returnValue;
   }
-  return text;
 };
-var currentTimeText = function currentTimeText() {
-  var data = [[0, 4, 'Good Night'], [5, 11, 'Good Morning'], [12, 16, 'Good Afternoon'], [17, 19, 'Good Evening'], [20, 24, 'Good Night']];
-  var hr = new Date().getHours();
-  var text = '';
-  for (var i = 0; i < data.length; i++) {
-    if (hr >= data[i][0] && hr <= data[i][1]) {
-      text = data[i][2];
-    }
+
+var ErCache = /*#__PURE__*/function () {
+  function ErCache() {
+    this.sessionStorage = typeof window !== 'undefined' ? window.sessionStorage : {};
   }
-  return text;
-};
-var getLabelValue = function getLabelValue(_ref3) {
-  var labelKey = _ref3.labelKey,
-    option = _ref3.option;
-  try {
-    if (typeof labelKey === 'function') {
-      return labelKey(option);
-    } else {
-      return labelKey.indexOf('${') > -1 ? lodash.template(labelKey)(option) : option[labelKey];
+  var _proto = ErCache.prototype;
+  _proto.getItem = function getItem(key) {
+    return this.sessionStorage.getItem(key);
+  };
+  _proto.getJSONItem = function getJSONItem(key) {
+    try {
+      return JSON.parse(this.sessionStorage.getItem(key));
+    } catch (e) {
+      return {};
     }
-  } catch (e) {
-    return '';
-  }
-};
-var sleep = function sleep(timeout) {
-  if (timeout === void 0) {
-    timeout = 3000;
-  }
-  return new Promise(function (resolve) {
-    setTimeout(function () {
-      return resolve();
-    }, timeout);
-  });
+  };
+  _proto.removeItem = function removeItem(key) {
+    this.sessionStorage.removeItem(key);
+  };
+  _proto.setItem = function setItem(_ref) {
+    var key = _ref.key,
+      value = _ref.value;
+    return this.sessionStorage.setItem(key, value);
+  };
+  _proto.setJSONItem = function setJSONItem(_ref2) {
+    var key = _ref2.key,
+      value = _ref2.value;
+    try {
+      return this.sessionStorage.setItem(key, JSON.stringify(value));
+    } catch (e) {}
+  };
+  return ErCache;
+}();
+var erCache = new ErCache();
+
+var byPassAuthAPIs = ['/authenticate'];
+var API_CACHE_PREFIX = 'API_CACHE';
+var getKeyFromPath = function getKeyFromPath(_ref) {
+  var path = _ref.path,
+    queryParams = _ref.queryParams;
+  return API_CACHE_PREFIX + "_" + path + "_" + JSON.stringify(queryParams);
 };
-var isVideo = function isVideo(filename) {
-  var videoExtensions = ['.mp4', '.mov', '.avi', '.mkv', '.flv', '.wmv', '.webm'];
-  var extension = filename === null || filename === void 0 ? void 0 : filename.slice(((filename === null || filename === void 0 ? void 0 : filename.lastIndexOf('.')) - 1 >>> 0) + 2);
-  return videoExtensions === null || videoExtensions === void 0 ? void 0 : videoExtensions.includes('.' + (extension === null || extension === void 0 ? void 0 : extension.toLowerCase()));
+var getAPICacheData = function getAPICacheData(_ref2) {
+  var path = _ref2.path,
+    queryParams = _ref2.queryParams;
+  var cachedData = erCache.getJSONItem(getKeyFromPath({
+    path: path,
+    queryParams: queryParams
+  }));
+  return lodash.isEmpty(cachedData) ? null : cachedData;
 };
-
-var _templateObject;
-var SideMenuItemComponent = function SideMenuItemComponent(props) {
-  var className = props.className,
-    onClick = props.onClick,
-    name = props.name,
-    link = props.link,
-    children = props.children,
-    primaryColor = props.primaryColor,
-    list = props.list,
-    onTabChange = props.onTabChange;
-  if (!link || typeof link !== 'string') {
-    return /*#__PURE__*/React__default.createElement(material.ListItem, {
-      button: true,
-      className: className,
-      children: children,
-      onClick: onClick,
-      primaryColor: primaryColor
-    });
-  }
-  return /*#__PURE__*/React__default.createElement(material.ListItem, {
-    button: true,
-    className: className,
-    children: children,
-    component: React.forwardRef(function (props, ref) {
-      return /*#__PURE__*/React__default.createElement("p", _extends({
-        exact: true
-      }, props, {
-        innerRef: ref
-      }));
+var setAPIDataToCache = function setAPIDataToCache(_ref3) {
+  var path = _ref3.path,
+    queryParams = _ref3.queryParams,
+    data = _ref3.data;
+  erCache.setJSONItem({
+    key: getKeyFromPath({
+      path: path,
+      queryParams: queryParams
     }),
-    onClick: function onClick() {
-      if (list && onTabChange) {
-        onTabChange(name);
-      }
-    },
-    to: link
-  });
-};
-var SideMenuItem = function SideMenuItem(props) {
-  var name = props.name,
-    link = props.link,
-    Icon = props.Icon,
-    _props$items = props.items,
-    items = _props$items === void 0 ? [] : _props$items,
-    primaryColor = props.primaryColor,
-    fontColor = props.fontColor,
-    list = props.list,
-    tabValue = props.tabValue,
-    onTabChange = props.onTabChange;
-  var isExpandable = items && items.length > 0;
-  var _React$useState = React__default.useState(name === 'My Account' ? true : false),
-    open = _React$useState[0],
-    setOpen = _React$useState[1];
-  function handleClick() {
-    setOpen(!open);
-  }
-  var MenuItemRoot = /*#__PURE__*/React__default.createElement(SideMenuItemComponentContainer, {
-    link: link,
-    onClick: handleClick,
-    primaryColor: primaryColor,
-    fontColor: fontColor,
-    open: open,
-    list: list,
-    name: name,
-    tabValue: tabValue,
-    active: tabValue === name,
-    onTabChange: onTabChange
-  }, !!Icon && /*#__PURE__*/React__default.createElement(ListItemIconContainer, null, /*#__PURE__*/React__default.createElement(Icon, null)), /*#__PURE__*/React__default.createElement(material.ListItemText, {
-    primary: name,
-    inset: !Icon
-  }), /*#__PURE__*/React__default.createElement("span", {
-    className: "expand-icon"
-  }, isExpandable && !open && /*#__PURE__*/React__default.createElement(md.MdExpandMore, null), isExpandable && open && /*#__PURE__*/React__default.createElement(md.MdExpandLess, null)));
-  var MenuItemChildren = isExpandable ? /*#__PURE__*/React__default.createElement(material.Collapse, {
-    "in": open,
-    timeout: "auto",
-    unmountOnExit: true
-  }, /*#__PURE__*/React__default.createElement(material.List, {
-    component: "div",
-    disablePadding: true
-  }, items.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
-      key: index,
-      primaryColor: primaryColor,
-      fontColor: fontColor,
-      tabValue: tabValue,
-      onTabChange: onTabChange,
-      name: item === null || item === void 0 ? void 0 : item.name,
-      open: open,
-      list: true
-    }));
-  }))) : null;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, MenuItemRoot, MenuItemChildren);
-};
-var ListItemIconContainer = styled__default(material.ListItemIcon)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  min-width: 40px !important;\n"])));
-var SideMenuItemComponentContainer = styles.styled(SideMenuItemComponent)(function (_ref) {
-  var primaryColor = _ref.primaryColor,
-    list = _ref.list,
-    active = _ref.active,
-    open = _ref.open;
-  return {
-    borderRadius: '14px 0 0 14px',
-    marginBottom: !list && !open && '4px',
-    background: list ? active ? "rgba(0, 0, 0, 0.10)" : "transparent" : "linear-gradient(to right, #fff 65%, " + primaryColor + ")",
-    color: list ? active ? "#fff" : '#fff' : primaryColor,
-    '& .MuiTypography-root': {
-      fontWeight: '600 '
-    },
-    '&:hover': {},
-    '& svg': {
-      fontSize: 22,
-      color: list ? active ? "#fff" : '#fff' : primaryColor
-    },
-    '& .expand-icon > svg': {
-      color: "#fff"
-    }
-  };
-});
-
-var sideMenuItems = [{
-  name: 'My Account',
-  Icon: ri.RiAccountBoxLine,
-  items: [{
-    name: 'Dashboard',
-    link: '/',
-    Icon: ri.RiHome7Line
-  }, {
-    name: 'My Profile',
-    link: '/',
-    Icon: tb.TbUserCircle
-  }, {
-    name: 'Store List',
-    link: '/',
-    Icon: tb.TbBuildingStore
-  }, {
-    name: 'Statement',
-    link: '/',
-    Icon: ri.RiFileTextLine
-  }, {
-    name: 'Change Password',
-    link: '/',
-    Icon: bi.BiLockOpen
-  }]
-}, {
-  name: 'Order Information',
-  Icon: hi.HiOutlineTruck,
-  items: [{
-    name: 'Orders list',
-    link: '/orders',
-    Icon: bs.BsBoxSeam
-  }, {
-    name: 'Return Orders list',
-    link: '/orders',
-    Icon: go.GoPackage
-  }, {
-    name: 'Wishlist',
-    link: '/orders',
-    Icon: ai.AiOutlineHeart
-  }]
-}, {
-  name: 'Payment Information',
-  Icon: tfi.TfiWallet,
-  items: [{
-    name: 'Payment List',
-    link: '/customers',
-    Icon: ri.RiFileList3Line
-  }, {
-    name: 'Store Credit History',
-    link: '/customers',
-    Icon: md.MdOutlineStorefront
-  }, {
-    name: 'Saved Cards',
-    link: '/customers',
-    Icon: ai.AiOutlineCreditCard
-  }]
-}, {
-  name: 'Deals',
-  Icon: tb.TbAward,
-  items: [{
-    name: 'Deals List',
-    link: '/deals',
-    Icon: ai.AiOutlineFileText
-  }, {
-    name: 'Setting',
-    link: '/setting',
-    Icon: ai.AiOutlineSetting
-  }]
-}];
-var SideMenu = function SideMenu(props) {
-  return /*#__PURE__*/React__default.createElement(material.List, {
-    component: "nav",
-    disablePadding: true
-  }, sideMenuItems.map(function (item, index) {
-    return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
-      key: index,
-      primaryColor: props.primaryColor,
-      fontColor: props.fontColor,
-      tabValue: props.tabValue,
-      onTabChange: props.onTabChange
-    }));
-  }));
-};
-
-var erLocalStorage = {
-  setItem: function setItem(key, value) {
-    localStorage.setItem(key, value);
-  },
-  getItem: function getItem(key) {
-    return localStorage.getItem(key);
-  },
-  removeItem: function removeItem(key) {
-    localStorage.removeItem(key);
-  },
-  setJSONItem: function setJSONItem(key, value) {
-    value = JSON.stringify(value);
-    localStorage.setItem(key, value);
-  },
-  getJSONItem: function getJSONItem(key) {
-    var returnValue = {};
-    try {
-      returnValue = localStorage.getItem(key) ? JSON.parse(localStorage.getItem(key)) : {};
-    } catch (e) {}
-    return returnValue;
-  }
-};
-
-var ErCache = /*#__PURE__*/function () {
-  function ErCache() {
-    this.sessionStorage = typeof window !== 'undefined' ? window.sessionStorage : {};
-  }
-  var _proto = ErCache.prototype;
-  _proto.getItem = function getItem(key) {
-    return this.sessionStorage.getItem(key);
-  };
-  _proto.getJSONItem = function getJSONItem(key) {
-    try {
-      return JSON.parse(this.sessionStorage.getItem(key));
-    } catch (e) {
-      return {};
-    }
-  };
-  _proto.removeItem = function removeItem(key) {
-    this.sessionStorage.removeItem(key);
-  };
-  _proto.setItem = function setItem(_ref) {
-    var key = _ref.key,
-      value = _ref.value;
-    return this.sessionStorage.setItem(key, value);
-  };
-  _proto.setJSONItem = function setJSONItem(_ref2) {
-    var key = _ref2.key,
-      value = _ref2.value;
-    try {
-      return this.sessionStorage.setItem(key, JSON.stringify(value));
-    } catch (e) {}
-  };
-  return ErCache;
-}();
-var erCache = new ErCache();
-
-var byPassAuthAPIs = ['/authenticate'];
-var API_CACHE_PREFIX = 'API_CACHE';
-var getKeyFromPath = function getKeyFromPath(_ref) {
-  var path = _ref.path,
-    queryParams = _ref.queryParams;
-  return API_CACHE_PREFIX + "_" + path + "_" + JSON.stringify(queryParams);
-};
-var getAPICacheData = function getAPICacheData(_ref2) {
-  var path = _ref2.path,
-    queryParams = _ref2.queryParams;
-  var cachedData = erCache.getJSONItem(getKeyFromPath({
-    path: path,
-    queryParams: queryParams
-  }));
-  return lodash.isEmpty(cachedData) ? null : cachedData;
-};
-var setAPIDataToCache = function setAPIDataToCache(_ref3) {
-  var path = _ref3.path,
-    queryParams = _ref3.queryParams,
-    data = _ref3.data;
-  erCache.setJSONItem({
-    key: getKeyFromPath({
-      path: path,
-      queryParams: queryParams
-    }),
-    value: data
+    value: data
   });
 };
 var CancelToken = axios.CancelToken;
@@ -915,15 +592,364 @@ var handleError = function handleError(_ref6) {
   }
 };
 
-var noImgAvailable$1 = 'data:image/png;base64,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';
-
-var getJSONItem = erLocalStorage.getJSONItem;
-var loadCachedTableState = function loadCachedTableState(_ref2) {
-  var tableId = _ref2.tableId;
-  return (getJSONItem(STORAGE_KEYS.TABLE_STATE) || {})[tableId] || {
-    filters: {}
-  };
-};
+var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
+  var _Object$keys;
+  var data = [];
+  var i = 1;
+  Object === null || Object === void 0 ? void 0 : (_Object$keys = Object.keys(child)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (k) {
+    var result = k.replace(/([A-Z])/g, ' $1');
+    var dataIndex = {
+      key: i.toString(),
+      name: result.charAt(0).toUpperCase() + result.slice(1),
+      value: child[k]
+    };
+    data.push(dataIndex);
+    i++;
+  });
+  return data;
+};
+var convertToTitleCase = function convertToTitleCase(inputString) {
+  return inputString.replace(/([A-Z])/g, ' $1').replace(/^./, function (str) {
+    return str.toUpperCase();
+  });
+};
+var renderMoney = function renderMoney(value) {
+  var returnValue = '$0.00';
+  try {
+    if (value) {
+      var _Math$abs, _Math$abs$toFixed, _value$toFixed;
+      returnValue = value < 0 ? "-$" + ((_Math$abs = Math.abs(value)) === null || _Math$abs === void 0 ? void 0 : (_Math$abs$toFixed = _Math$abs.toFixed(2)) === null || _Math$abs$toFixed === void 0 ? void 0 : _Math$abs$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ',')) : "$" + ((_value$toFixed = value.toFixed(2)) === null || _value$toFixed === void 0 ? void 0 : _value$toFixed.replace(/\B(?=(\d{3})+(?!\d))/g, ','));
+    }
+  } catch (e) {}
+  return returnValue;
+};
+var getLocalTime = function getLocalTime(_ref) {
+  var time = _ref.time,
+    _ref$format = _ref.format,
+    format = _ref$format === void 0 ? DATE_FORMATS.TIMESTAMP_FORMAT : _ref$format,
+    isMoment = _ref.isMoment;
+  if (!time) {
+    return time;
+  }
+  var convertedTime = moment.utc(time).clone().local();
+  if (!isMoment) {
+    convertedTime = convertedTime.format(format);
+  }
+  return convertedTime;
+};
+var getUTCTime = function getUTCTime(_ref2) {
+  var time = _ref2.time,
+    _ref2$format = _ref2.format,
+    format = _ref2$format === void 0 ? DATE_FORMATS.DEFAULT_DATE_TIME_FORMAT : _ref2$format,
+    isMoment = _ref2.isMoment;
+  if (!time) {
+    return time;
+  }
+  var convertedTime = moment(time).utc();
+  if (!isMoment) {
+    convertedTime = convertedTime.format(format);
+  }
+  return convertedTime;
+};
+function hexToRgbA(hex) {
+  var c;
+  if (/^#([A-Fa-f0-9]{3}){1,2}$/.test(hex)) {
+    c = hex.substring(1).split('');
+    if (c.length == 3) {
+      c = [c[0], c[0], c[1], c[1], c[2], c[2]];
+    }
+    c = '0x' + c.join('');
+    return [c >> 16 & 255, c >> 8 & 255, c & 255].join(',');
+  } else return hex;
+}
+var getRandomString = function getRandomString(length) {
+  if (length === void 0) {
+    length = 16;
+  }
+  var text = '';
+  var possible = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+  for (var i = 0; i < length; i++) {
+    text += possible.charAt(Math.floor(Math.random() * possible.length));
+  }
+  return text;
+};
+var currentTimeText = function currentTimeText() {
+  var data = [[0, 4, 'Good Night'], [5, 11, 'Good Morning'], [12, 16, 'Good Afternoon'], [17, 19, 'Good Evening'], [20, 24, 'Good Night']];
+  var hr = new Date().getHours();
+  var text = '';
+  for (var i = 0; i < data.length; i++) {
+    if (hr >= data[i][0] && hr <= data[i][1]) {
+      text = data[i][2];
+    }
+  }
+  return text;
+};
+var getLabelValue = function getLabelValue(_ref3) {
+  var labelKey = _ref3.labelKey,
+    option = _ref3.option;
+  try {
+    if (typeof labelKey === 'function') {
+      return labelKey(option);
+    } else {
+      return labelKey.indexOf('${') > -1 ? lodash.template(labelKey)(option) : option[labelKey];
+    }
+  } catch (e) {
+    return '';
+  }
+};
+var sleep = function sleep(timeout) {
+  if (timeout === void 0) {
+    timeout = 3000;
+  }
+  return new Promise(function (resolve) {
+    setTimeout(function () {
+      return resolve();
+    }, timeout);
+  });
+};
+var isVideo = function isVideo(filename) {
+  var videoExtensions = ['.mp4', '.mov', '.avi', '.mkv', '.flv', '.wmv', '.webm'];
+  var extension = filename === null || filename === void 0 ? void 0 : filename.slice(((filename === null || filename === void 0 ? void 0 : filename.lastIndexOf('.')) - 1 >>> 0) + 2);
+  return videoExtensions === null || videoExtensions === void 0 ? void 0 : videoExtensions.includes('.' + (extension === null || extension === void 0 ? void 0 : extension.toLowerCase()));
+};
+
+var noImgAvailable$1 = 'data:image/png;base64,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';
+
+var _templateObject;
+var FormTextField = function FormTextField(props) {
+  var label = props.label,
+    name = props.name,
+    control = props.control,
+    rules = props.rules,
+    required = props.required,
+    onChangeField = props.onChangeField;
+  return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    name: name,
+    control: control,
+    rules: _extends({
+      required: required ? 'This field is required' : false
+    }, rules),
+    render: function render(_ref) {
+      var _ref$field = _ref.field,
+        _onChange = _ref$field.onChange,
+        value = _ref$field.value,
+        error = _ref.fieldState.error;
+      return /*#__PURE__*/React__default.createElement(CustomTextField, _extends({
+        margin: "normal",
+        label: label,
+        fullWidth: true,
+        size: "small",
+        id: name,
+        name: name,
+        value: value,
+        onChange: function onChange(e) {
+          _onChange(e);
+          onChangeField && onChangeField(e);
+        },
+        error: !!error,
+        helperText: error !== null && error !== void 0 && error.message ? error.message : '',
+        InputLabelProps: {
+          shrink: value ? true : false
+        }
+      }, props));
+    }
+  });
+};
+var CustomTextField = styled__default(material.TextField)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input,\n  .MuiFormLabel-root,\n  .MuiInputBase-root {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n"])), function (props) {
+  return props.fontColor;
+}, function (props) {
+  return props.fontColor;
+}, function (props) {
+  return props.fontColor;
+});
+
+var _templateObject$1;
+var MuiButton = function MuiButton(props) {
+  var fontColor = props.fontColor,
+    primaryColor = props.primaryColor,
+    children = props.children,
+    loading = props.loading,
+    disabled = props.disabled;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ButtonContainer, _extends({
+    variant: "contained",
+    fontColor: fontColor,
+    primaryColor: primaryColor
+  }, props, {
+    disabled: loading ? true : disabled
+  }), loading ? /*#__PURE__*/React__default.createElement(material.CircularProgress, {
+    color: "inherit",
+    size: 21
+  }) : children));
+};
+var ButtonContainer = styled__default(material.Button)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  background: ", " !important;\n"])), function (props) {
+  return props.primaryColor;
+});
+
+var _templateObject$2, _templateObject2;
+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],
+    setIsLoading = _useState[1];
+  var _useState2 = React.useState(false),
+    showOldPassword = _useState2[0],
+    setShowOldPassword = _useState2[1];
+  var _useState3 = React.useState(false),
+    showNewPassword = _useState3[0],
+    setShowNewPassword = _useState3[1];
+  var _useState4 = React.useState(false),
+    showConfirmPassword = _useState4[0],
+    setShowConfirmPassword = _useState4[1];
+  var _useForm = reactHookForm.useForm({
+      defaultValues: {}
+    }),
+    handleSubmit = _useForm.handleSubmit,
+    control = _useForm.control,
+    watch = _useForm.watch;
+  var updatePassword = function updatePassword(formData) {
+    try {
+      var _temp2 = function _temp2() {
+        setIsLoading(false);
+      };
+      setIsLoading(true);
+      var _temp = _catch(function () {
+        return Promise.resolve(API$1({
+          apiEndPoint: apiEndPoint,
+          token: token,
+          method: 'POST',
+          url: "/ecommerce/customer/changePassword",
+          body: _extends({}, formData),
+          errorMessage: 'Error in updating the password.',
+          successMessage: 'Password updated successfully.'
+        })).then(function () {
+          localStorage.clear();
+          setTimeout(function () {
+            window.location.replace('/');
+          }, 500);
+        });
+      }, function () {});
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var pwd = watch('password');
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer, {
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+    fontColor: fontColor
+  }, "Update Password Details"), /*#__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",
+    required: true,
+    control: control,
+    type: showOldPassword ? 'text' : 'password',
+    fontColor: fontColor,
+    InputProps: {
+      endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+        position: "end"
+      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        "aria-label": "toggle password visibility",
+        onClick: function onClick() {
+          return setShowOldPassword(function (prev) {
+            return !prev;
+          });
+        },
+        edge: "end"
+      }, showOldPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
+    }
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "New Password",
+    name: "password",
+    required: true,
+    control: control,
+    type: showNewPassword ? 'text' : 'password',
+    fontColor: fontColor,
+    InputProps: {
+      endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+        position: "end"
+      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        "aria-label": "toggle password visibility",
+        onClick: function onClick() {
+          return setShowNewPassword(function (prev) {
+            return !prev;
+          });
+        },
+        edge: "end"
+      }, showNewPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
+    }
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Confirm Password",
+    name: "confirmPassword",
+    required: true,
+    control: control,
+    type: showConfirmPassword ? 'text' : 'password',
+    rules: {
+      validate: function validate(value) {
+        return value === pwd || 'The passwords do not match';
+      }
+    },
+    fontColor: fontColor,
+    InputProps: {
+      endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
+        position: "end"
+      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        "aria-label": "toggle password visibility",
+        onClick: function onClick() {
+          return setShowConfirmPassword(function (prev) {
+            return !prev;
+          });
+        },
+        edge: "end"
+      }, showConfirmPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
+    }
+  })))), /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "contained",
+    loading: isLoading,
+    onClick: handleSubmit(updatePassword),
+    primaryColor: primaryColor,
+    style: {
+      marginTop: 12
+    }
+  }, "Change Password")))));
+};
+var RootContainer = styled__default(material.Stack)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+  return props.secondaryColor;
+});
+var TypographyContainer = styled__default(material.Typography)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
+  return props.fontColor;
+});
+
+var getJSONItem = erLocalStorage.getJSONItem;
+var loadCachedTableState = function loadCachedTableState(_ref2) {
+  var tableId = _ref2.tableId;
+  return (getJSONItem(STORAGE_KEYS.TABLE_STATE) || {})[tableId] || {
+    filters: {}
+  };
+};
 var getcsvData = function getcsvData(_ref3) {
   var url = _ref3.url,
     apiEndPoint = _ref3.apiEndPoint,
@@ -945,7 +971,7 @@ var getcsvData = function getcsvData(_ref3) {
   }
 };
 
-var _templateObject$1;
+var _templateObject$3;
 var Loader = function Loader(_ref) {
   var style = _ref.style;
   return /*#__PURE__*/React__default.createElement(LoaderContainer, {
@@ -954,9 +980,9 @@ var Loader = function Loader(_ref) {
     color: "inherit"
   })));
 };
-var LoaderContainer = styled__default.div(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  & > div {\n    margin: auto;\n    width: 50px;\n    height: 50px;\n  }\n"])));
+var LoaderContainer = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  & > div {\n    margin: auto;\n    width: 50px;\n    height: 50px;\n  }\n"])));
 
-var _templateObject$2, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject$4, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 var _excluded = ["apiData", "columns", "listUpdate", "onDataLoad", "expandedRowRender", "onDataLoadError", "pagination", "extraFilterParams", "setExtraFilterParams", "cacheFilters", "tableId", "asyncService", "tableDataList", "filterData"];
 var APITable = React.forwardRef(function (_ref, ref) {
   var _tableData$data, _tableData$data2, _tableData$pagination, _tableData$data3, _tableData$pagination2, _tableData$pagination3;
@@ -1171,10 +1197,10 @@ var APITable = React.forwardRef(function (_ref, ref) {
     onRowsPerPageChange: handleChangeRowsPerPage
   }, props))));
 });
-var Root = styled__default(material.Stack)(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  margin: 1.2rem 0;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+var Root = styled__default(material.Stack)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  margin: 1.2rem 0;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
-var PaperContainer = styled__default(material.Paper)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+var PaperContainer = styled__default(material.Paper)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
   return props.secondaryColor;
 }, function (props) {
   return props.fontColor;
@@ -1200,7 +1226,7 @@ var TablePaginationContainer = styled__default(material.TablePagination)(_templa
   return props.fontColor;
 });
 
-var _templateObject$3, _templateObject2$1, _templateObject3$1;
+var _templateObject$5, _templateObject2$2, _templateObject3$1;
 var DateRangePicker = function DateRangePicker(_ref) {
   var onChange = _ref.onChange,
     fontColor = _ref.fontColor,
@@ -1263,8 +1289,8 @@ var DateRangePicker = function DateRangePicker(_ref) {
     }
   }, "Apply"))));
 };
-var Root$1 = styled__default.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose([""])));
-var DatePickerContainer = styled__default(DesktopDatePicker.DesktopDatePicker)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  margin: 0.4rem 0 !important;\n  // margin-right: ", ";\n  .MuiFormLabel-root,\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n  input {\n    padding: 8px;\n  }\n  .MuiFormLabel-root.MuiInputLabel-shrink {\n    top: 0;\n  }\n  .MuiFormLabel-root {\n    top: -7px;\n  }\n"])), function (props) {
+var Root$1 = styled__default.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose([""])));
+var DatePickerContainer = styled__default(DesktopDatePicker.DesktopDatePicker)(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n  margin: 0.4rem 0 !important;\n  // margin-right: ", ";\n  .MuiFormLabel-root,\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n  input {\n    padding: 8px;\n  }\n  .MuiFormLabel-root.MuiInputLabel-shrink {\n    top: 0;\n  }\n  .MuiFormLabel-root {\n    top: -7px;\n  }\n"])), function (props) {
   return props.marginRight && '4px !important';
 }, function (props) {
   return props.fontColor;
@@ -1275,7 +1301,7 @@ var TextContainer = styled__default.span(_templateObject3$1 || (_templateObject3
   return props.fontColor;
 });
 
-var _templateObject$4, _templateObject2$2, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+var _templateObject$6, _templateObject2$3, _templateObject3$2, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
 var totalIcons = [{
   name: '',
   icon: /*#__PURE__*/React__default.createElement(ai.AiOutlineShoppingCart, null)
@@ -1602,7 +1628,7 @@ var Dashboard = function Dashboard(_ref) {
       container: true,
       justifyContent: "space-between",
       alignItems: "center"
-    }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+    }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
       variant: "h4",
       gutterBottom: true,
       fontColor: fontColor,
@@ -1674,7 +1700,7 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
     variant: "h6",
     gutterBottom: true,
     backgroundColor: secondaryColor,
@@ -1691,7 +1717,7 @@ var Dashboard = function Dashboard(_ref) {
   }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome2 = customerData.customerDto) === null || _customerData$custome2 === void 0 ? void 0 : _customerData$custome2.salesRepresentativeName) || 'N/A'), /*#__PURE__*/React__default.createElement(DividerContainer, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
     variant: "h6",
     gutterBottom: true,
     backgroundColor: secondaryColor,
@@ -1708,7 +1734,7 @@ var Dashboard = function Dashboard(_ref) {
   }), (customerData === null || customerData === void 0 ? void 0 : (_customerData$custome3 = customerData.customerDto) === null || _customerData$custome3 === void 0 ? void 0 : _customerData$custome3.salesRepresentativePhone) || 'N/A'), /*#__PURE__*/React__default.createElement(DividerContainer, null)), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
     variant: "h6",
     gutterBottom: true,
     backgroundColor: secondaryColor,
@@ -1770,8 +1796,8 @@ var Dashboard = function Dashboard(_ref) {
     }
   })))))))));
 };
-var Root$2 = styled__default.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose([""])));
-var TitleContainer = styled__default.h4(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteralLoose(["\n  span {\n    color: ", ";\n    font-size: 2.7rem;\n    font-weight: 500;\n  }\n  b {\n    color: ", ";\n    font-size: 2.7rem;\n  }\n"])), function (props) {
+var Root$2 = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose([""])));
+var TitleContainer = styled__default.h4(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  span {\n    color: ", ";\n    font-size: 2.7rem;\n    font-weight: 500;\n  }\n  b {\n    color: ", ";\n    font-size: 2.7rem;\n  }\n"])), function (props) {
   return props.fontColor;
 }, function (props) {
   return props.primaryColor;
@@ -1781,7 +1807,7 @@ var MeetContainer = styled__default.h4(_templateObject3$2 || (_templateObject3$2
 }, function (props) {
   return props.fontColor;
 });
-var TypographyContainer = styled__default(material.Typography)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+var TypographyContainer$1 = styled__default(material.Typography)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
 var CardMediaContainer = styled__default(material.CardMedia)(_templateObject5$1 || (_templateObject5$1 = _taggedTemplateLiteralLoose(["\n  border-radius: 50%;\n  max-width: 80px;\n  margin: 1.5rem 0;\n"])));
@@ -1839,77 +1865,7 @@ var StatusContainer = styled__default(material.Stack)(_templateObject16 || (_tem
 var TableContainer = styled__default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n  margin-top: 2rem;\n  border-radius: 14px;\n"])));
 var InvoiceDialog = styled__default(material.Dialog)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n  iframe {\n    width: 900px;\n    border: none;\n    height: 600px;\n  }\n"])));
 
-var _templateObject$5;
-var MuiButton = function MuiButton(props) {
-  var fontColor = props.fontColor,
-    primaryColor = props.primaryColor,
-    children = props.children,
-    loading = props.loading,
-    disabled = props.disabled;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ButtonContainer, _extends({
-    variant: "contained",
-    fontColor: fontColor,
-    primaryColor: primaryColor
-  }, props, {
-    disabled: loading ? true : disabled
-  }), loading ? /*#__PURE__*/React__default.createElement(material.CircularProgress, {
-    color: "inherit",
-    size: 21
-  }) : children));
-};
-var ButtonContainer = styled__default(material.Button)(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteralLoose(["\n  background: ", " !important;\n"])), function (props) {
-  return props.primaryColor;
-});
-
-var _templateObject$6;
-var FormTextField = function FormTextField(props) {
-  var label = props.label,
-    name = props.name,
-    control = props.control,
-    rules = props.rules,
-    required = props.required,
-    onChangeField = props.onChangeField;
-  return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
-    name: name,
-    control: control,
-    rules: _extends({
-      required: required ? 'This field is required' : false
-    }, rules),
-    render: function render(_ref) {
-      var _ref$field = _ref.field,
-        _onChange = _ref$field.onChange,
-        value = _ref$field.value,
-        error = _ref.fieldState.error;
-      return /*#__PURE__*/React__default.createElement(CustomTextField, _extends({
-        margin: "normal",
-        label: label,
-        fullWidth: true,
-        size: "small",
-        id: name,
-        name: name,
-        value: value,
-        onChange: function onChange(e) {
-          _onChange(e);
-          onChangeField && onChangeField(e);
-        },
-        error: !!error,
-        helperText: error !== null && error !== void 0 && error.message ? error.message : '',
-        InputLabelProps: {
-          shrink: value ? true : false
-        }
-      }, props));
-    }
-  });
-};
-var CustomTextField = styled__default(material.TextField)(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input,\n  .MuiFormLabel-root,\n  .MuiInputBase-root {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n"])), function (props) {
-  return props.fontColor;
-}, function (props) {
-  return props.fontColor;
-}, function (props) {
-  return props.fontColor;
-});
-
-var _templateObject$7, _templateObject2$3, _templateObject3$3, _templateObject4$2, _templateObject5$2;
+var _templateObject$7, _templateObject2$4, _templateObject3$3, _templateObject4$2, _templateObject5$2;
 var MyProfile = function MyProfile(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -2000,7 +1956,7 @@ var MyProfile = function MyProfile(_ref) {
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     gutterBottom: true,
     backgroundColor: secondaryColor,
     fontColor: fontColor,
@@ -2016,7 +1972,7 @@ var MyProfile = function MyProfile(_ref) {
   }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.name) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     gutterBottom: true,
     backgroundColor: secondaryColor,
     fontColor: fontColor,
@@ -2032,7 +1988,7 @@ var MyProfile = function MyProfile(_ref) {
   }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.phone) || 'N/A')), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     gutterBottom: true,
     backgroundColor: secondaryColor,
     fontColor: fontColor,
@@ -2045,9 +2001,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(RootContainer, {
+  }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer$1, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     fontColor: fontColor
   }, "Update Profile Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -2149,415 +2105,491 @@ var MeetContainer$1 = styled__default.h4(_templateObject$7 || (_templateObject$7
 }, function (props) {
   return props.fontColor;
 });
-var TypographyContainer$1 = styled__default(material.Typography)(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
+var TypographyContainer$2 = styled__default(material.Typography)(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
 var CardMediaContainer$1 = styled__default(material.CardMedia)(_templateObject3$3 || (_templateObject3$3 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px;\n  max-width: 150px;\n"])));
 var CardContainer$1 = styled__default(material.Stack)(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  margin: 1.2rem 0;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
-var RootContainer = styled__default(material.Stack)(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+var RootContainer$1 = styled__default(material.Stack)(_templateObject5$2 || (_templateObject5$2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
   return props.secondaryColor;
 });
 
-var _templateObject$8, _templateObject2$4;
-var FormSelect = function FormSelect(props) {
-  var label = props.label,
+var _templateObject$8;
+var SideMenuItemComponent = function SideMenuItemComponent(props) {
+  var className = props.className,
+    onClick = props.onClick,
     name = props.name,
-    control = props.control,
-    rules = props.rules,
-    required = props.required,
-    disabled = props.disabled,
-    options = props.options,
-    valueKey = props.valueKey,
-    onChangeField = props.onChangeField,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'name' : _props$labelKey;
-  return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    link = props.link,
+    children = props.children,
+    primaryColor = props.primaryColor,
+    list = props.list,
+    onTabChange = props.onTabChange;
+  if (!link || typeof link !== 'string') {
+    return /*#__PURE__*/React__default.createElement(material.ListItem, {
+      button: true,
+      className: className,
+      children: children,
+      onClick: onClick,
+      primaryColor: primaryColor
+    });
+  }
+  return /*#__PURE__*/React__default.createElement(material.ListItem, {
+    button: true,
+    className: className,
+    children: children,
+    component: React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement("p", _extends({
+        exact: true
+      }, props, {
+        innerRef: ref
+      }));
+    }),
+    onClick: function onClick() {
+      if (list && onTabChange) {
+        onTabChange(name);
+      }
+    },
+    to: link
+  });
+};
+var SideMenuItem = function SideMenuItem(props) {
+  var name = props.name,
+    link = props.link,
+    Icon = props.Icon,
+    _props$items = props.items,
+    items = _props$items === void 0 ? [] : _props$items,
+    primaryColor = props.primaryColor,
+    fontColor = props.fontColor,
+    list = props.list,
+    tabValue = props.tabValue,
+    onTabChange = props.onTabChange;
+  var isExpandable = items && items.length > 0;
+  var _React$useState = React__default.useState(name === 'My Account' ? true : false),
+    open = _React$useState[0],
+    setOpen = _React$useState[1];
+  function handleClick() {
+    setOpen(!open);
+  }
+  var MenuItemRoot = /*#__PURE__*/React__default.createElement(SideMenuItemComponentContainer, {
+    link: link,
+    onClick: handleClick,
+    primaryColor: primaryColor,
+    fontColor: fontColor,
+    open: open,
+    list: list,
     name: name,
-    control: control,
-    rules: _extends({
-      required: required ? 'This field is required' : false
-    }, rules),
-    render: function render(_ref) {
-      var _ref$field = _ref.field,
-        _onChange = _ref$field.onChange,
-        value = _ref$field.value,
-        error = _ref.fieldState.error;
-      return /*#__PURE__*/React__default.createElement(material.FormControl, {
-        fullWidth: true,
-        required: required,
-        margin: "normal",
-        disabled: disabled
-      }, /*#__PURE__*/React__default.createElement(InputContainer, {
-        fontColor: props.fontColor
-      }, label), /*#__PURE__*/React__default.createElement(SelectField, _extends({
-        fullWidth: true,
-        size: "small",
-        label: label,
-        id: name,
-        value: value || '',
-        onChange: function onChange(e) {
-          _onChange(e);
-          onChangeField && onChangeField(e);
-        },
-        error: !!error,
-        helperText: error !== null && error !== void 0 && error.message ? error.message : ''
-      }, props), options === null || options === void 0 ? void 0 : options.map(function (data, index) {
-        return /*#__PURE__*/React__default.createElement(material.MenuItem, {
-          key: index,
-          value: valueKey ? data[valueKey] : data
-        }, data[labelKey]);
-      })), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
-        error: error
-      }, error !== null && error !== void 0 && error.message ? error.message : ''));
+    tabValue: tabValue,
+    active: tabValue === name,
+    onTabChange: onTabChange
+  }, !!Icon && /*#__PURE__*/React__default.createElement(ListItemIconContainer, null, /*#__PURE__*/React__default.createElement(Icon, null)), /*#__PURE__*/React__default.createElement(material.ListItemText, {
+    primary: name,
+    inset: !Icon
+  }), /*#__PURE__*/React__default.createElement("span", {
+    className: "expand-icon"
+  }, isExpandable && !open && /*#__PURE__*/React__default.createElement(md.MdExpandMore, null), isExpandable && open && /*#__PURE__*/React__default.createElement(md.MdExpandLess, null)));
+  var MenuItemChildren = isExpandable ? /*#__PURE__*/React__default.createElement(material.Collapse, {
+    "in": open,
+    timeout: "auto",
+    unmountOnExit: true
+  }, /*#__PURE__*/React__default.createElement(material.List, {
+    component: "div",
+    disablePadding: true
+  }, items.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
+      key: index,
+      primaryColor: primaryColor,
+      fontColor: fontColor,
+      tabValue: tabValue,
+      onTabChange: onTabChange,
+      name: item === null || item === void 0 ? void 0 : item.name,
+      open: open,
+      list: true
+    }));
+  }))) : null;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, MenuItemRoot, MenuItemChildren);
+};
+var ListItemIconContainer = styled__default(material.ListItemIcon)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  min-width: 40px !important;\n"])));
+var SideMenuItemComponentContainer = styles.styled(SideMenuItemComponent)(function (_ref) {
+  var primaryColor = _ref.primaryColor,
+    list = _ref.list,
+    active = _ref.active,
+    open = _ref.open;
+  return {
+    borderRadius: '14px 0 0 14px',
+    marginBottom: !list && !open && '4px',
+    background: list ? active ? "rgba(0, 0, 0, 0.10)" : "transparent" : "linear-gradient(to right, #fff 65%, " + primaryColor + ")",
+    color: list ? active ? "#fff" : '#fff' : primaryColor,
+    '& .MuiTypography-root': {
+      fontWeight: '600 '
+    },
+    '&:hover': {},
+    '& svg': {
+      fontSize: 22,
+      color: list ? active ? "#fff" : '#fff' : primaryColor
+    },
+    '& .expand-icon > svg': {
+      color: "#fff"
     }
-  });
+  };
+});
+
+var sideMenuItems = [{
+  name: 'My Account',
+  Icon: ri.RiAccountBoxLine,
+  items: [{
+    name: 'Dashboard',
+    link: '/',
+    Icon: ri.RiHome7Line
+  }, {
+    name: 'My Profile',
+    link: '/',
+    Icon: tb.TbUserCircle
+  }, {
+    name: 'Store List',
+    link: '/',
+    Icon: tb.TbBuildingStore
+  }, {
+    name: 'Statement',
+    link: '/',
+    Icon: ri.RiFileTextLine
+  }, {
+    name: 'Change Password',
+    link: '/',
+    Icon: bi.BiLockOpen
+  }]
+}, {
+  name: 'Order Information',
+  Icon: hi.HiOutlineTruck,
+  items: [{
+    name: 'Orders list',
+    link: '/orders',
+    Icon: bs.BsBoxSeam
+  }, {
+    name: 'Return Orders list',
+    link: '/orders',
+    Icon: go.GoPackage
+  }, {
+    name: 'Wishlist',
+    link: '/orders',
+    Icon: ai.AiOutlineHeart
+  }]
+}, {
+  name: 'Payment Information',
+  Icon: tfi.TfiWallet,
+  items: [{
+    name: 'Payment List',
+    link: '/customers',
+    Icon: ri.RiFileList3Line
+  }, {
+    name: 'Store Credit History',
+    link: '/customers',
+    Icon: md.MdOutlineStorefront
+  }, {
+    name: 'Saved Cards',
+    link: '/customers',
+    Icon: ai.AiOutlineCreditCard
+  }]
+}, {
+  name: 'Deals',
+  Icon: tb.TbAward,
+  items: [{
+    name: 'Deals List',
+    link: '/deals',
+    Icon: ai.AiOutlineFileText
+  }, {
+    name: 'Setting',
+    link: '/setting',
+    Icon: ai.AiOutlineSetting
+  }]
+}];
+var SideMenu = function SideMenu(props) {
+  return /*#__PURE__*/React__default.createElement(material.List, {
+    component: "nav",
+    disablePadding: true
+  }, sideMenuItems.map(function (item, index) {
+    return /*#__PURE__*/React__default.createElement(SideMenuItem, _extends({}, item, {
+      key: index,
+      primaryColor: props.primaryColor,
+      fontColor: props.fontColor,
+      tabValue: props.tabValue,
+      onTabChange: props.onTabChange
+    }));
+  }));
 };
-var SelectField = styled__default(material.Select)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n  svg,\n  input {\n    color: ", " !important;\n  }\n  fieldset {\n    border-color: ", " !important;\n  }\n"])), function (props) {
+
+var _templateObject$9, _templateObject2$5;
+function MuiSelect(_ref) {
+  var label = _ref.label,
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue,
+    options = _ref.options,
+    valueKey = _ref.valueKey,
+    _ref$labelKey = _ref.labelKey,
+    labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
+    addNone = _ref.addNone,
+    fontColor = _ref.fontColor;
+  var _React$useState = React.useState(defaultValue),
+    value = _React$useState[0],
+    setValue = _React$useState[1];
+  var handleChange = function handleChange(e) {
+    setValue(e.target.value);
+    onChange && onChange(e.target.value);
+  };
+  return /*#__PURE__*/React.createElement(FormControl, {
+    sx: {
+      m: 1,
+      minWidth: 160
+    },
+    size: "small"
+  }, /*#__PURE__*/React.createElement(InputContainer, {
+    id: "demo-select-small",
+    fontColor: fontColor
+  }, label), /*#__PURE__*/React.createElement(SelectContainer, {
+    labelId: "demo-select-small",
+    id: "demo-select-small",
+    value: value,
+    label: label,
+    onChange: handleChange,
+    fontColor: fontColor
+  }, addNone && /*#__PURE__*/React.createElement(MenuItem, {
+    value: ""
+  }, /*#__PURE__*/React.createElement("em", null, "None")), options === null || options === void 0 ? void 0 : options.map(function (data) {
+    return /*#__PURE__*/React.createElement(MenuItem, {
+      value: valueKey ? data[valueKey] : data
+    }, data[labelKey]);
+  })));
+}
+var SelectContainer = styled__default(Select$1)(_templateObject$9 || (_templateObject$9 = _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;
 }, function (props) {
   return props.fontColor;
 });
-var InputContainer = styled__default(material.InputLabel)(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
+var InputContainer = styled__default(InputLabel)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
   return props.fontColor;
 });
 
-var getStatesById = function getStatesById(_ref) {
-  var apiEndPoint = _ref.apiEndPoint,
-    token = _ref.token,
-    id = _ref.id;
-  try {
-    return Promise.resolve(API$1({
-      apiEndPoint: apiEndPoint,
-      token: token,
-      url: "/country/" + id + "/allState",
-      cache: true
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-var getCountry = function getCountry(_ref2) {
-  var apiEndPoint = _ref2.apiEndPoint,
-    token = _ref2.token;
-  try {
-    return Promise.resolve(API$1({
-      apiEndPoint: apiEndPoint,
-      token: token,
-      url: "/country/all",
-      cache: true
-    }));
-  } catch (e) {
-    return Promise.reject(e);
-  }
-};
-
-var _templateObject$9;
-var AddStore = function AddStore(_ref) {
+var _templateObject$a, _templateObject2$6, _templateObject3$4, _templateObject4$3;
+var Statement = function Statement(_ref) {
+  var _customerData$custome6, _customerData$custome7;
   var apiEndPoint = _ref.apiEndPoint,
+    serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
-    getStoreDataList = _ref.getStoreDataList,
-    setOpenModal = _ref.setOpenModal,
     primaryColor = _ref.primaryColor,
-    fontColor = _ref.fontColor;
-  var _useState = React.useState(false),
-    setIsLoading = _useState[1];
-  var _useState2 = React.useState([]),
-    country = _useState2[0],
-    setCountry = _useState2[1];
-  var _useState3 = React.useState([]),
-    states = _useState3[0],
-    setStates = _useState3[1];
-  var _useForm = reactHookForm.useForm({
-      defaultValues: {}
+    secondaryColor = _ref.secondaryColor,
+    backgroundColor = _ref.backgroundColor,
+    fontColor = _ref.fontColor,
+    defaultStoreId = _ref.defaultStoreId,
+    storeIdList = _ref.storeIdList;
+  var _useState = React.useState({}),
+    customerData = _useState[0],
+    setCustomerData = _useState[1];
+  var _useState2 = React.useState({
+      startDate: getUTCTime({
+        time: moment$1().startOf('month')
+      }),
+      endDate: getUTCTime({
+        time: moment$1().endOf('month')
+      })
     }),
-    handleSubmit = _useForm.handleSubmit,
-    control = _useForm.control,
-    setValue = _useForm.setValue,
-    watch = _useForm.watch;
-  var selectedCountry = watch('address.countryId');
-  var getCountryData = function getCountryData() {
-    try {
-      var _temp = _catch(function () {
-        return Promise.resolve(getCountry({
-          apiEndPoint: apiEndPoint,
-          token: token
-        })).then(function (countryData) {
-          setCountry(countryData);
-          setValue('address.countryId', countryData[0].id);
-        });
-      }, function () {});
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
+    queryParams = _useState2[0],
+    setQueryParams = _useState2[1];
+  var _useState3 = React.useState(getRandomString()),
+    triggerTableData = _useState3[0],
+    setTriggerTableData = _useState3[1];
+  var onDateChange = function onDateChange(data) {
+    setQueryParams({
+      startDate: getUTCTime({
+        time: data === null || data === void 0 ? void 0 : data.startDate
+      }),
+      endDate: getUTCTime({
+        time: data === null || data === void 0 ? void 0 : data.endDate
+      })
+    });
+    setTriggerTableData(getRandomString());
   };
-  React.useEffect(function () {
-    (function () {
-      getCountryData();
-    })();
-  }, []);
+  var onChangeStore = function onChangeStore(data) {
+    setQueryParams(_extends({}, queryParams, {
+      customerStoreIds: data
+    }));
+    setTriggerTableData(getRandomString());
+  };
+  var columns = [{
+    id: 'date',
+    label: 'Date',
+    minWidth: 150,
+    format: function format(value) {
+      return getLocalTime({
+        time: value
+      });
+    }
+  }, {
+    id: 'type',
+    label: 'Type',
+    minWidth: 150
+  }, {
+    label: 'Excess Amt',
+    id: 'excessAmount',
+    format: renderMoney,
+    minWidth: 150
+  }, {
+    label: 'Credit',
+    id: 'creditAmount',
+    format: renderMoney,
+    minWidth: 150
+  }, {
+    label: 'Debit',
+    id: 'debitAmount',
+    format: renderMoney,
+    minWidth: 150
+  }, {
+    label: 'Balance',
+    id: 'balance',
+    format: renderMoney,
+    minWidth: 150
+  }, {
+    id: 'id',
+    label: 'Order Id',
+    minWidth: 150
+  }, {
+    id: 'description',
+    label: 'Description',
+    minWidth: 150
+  }];
   React.useEffect(function () {
     (function () {
       try {
-        var _temp2 = function () {
-          if (selectedCountry) {
-            return Promise.resolve(getStatesById({
-              id: selectedCountry,
-              apiEndPoint: apiEndPoint,
-              token: token
-            })).then(function (statesData) {
-              setStates(statesData);
-              setValue('address.stateId', statesData[0].id);
-            });
-          }
-        }();
-        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+        var _temp = _catch(function () {
+          return Promise.resolve(API$1({
+            url: "/ecommerce/customer",
+            apiEndPoint: apiEndPoint,
+            token: token
+          })).then(function (customerDataResponse) {
+            setCustomerData(customerDataResponse);
+          });
+        }, function () {});
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
     })();
-  }, [selectedCountry]);
-  var addStoreData = function addStoreData(formData) {
+  }, []);
+  var print = function print() {
+    var _customerData$custome, _customerData$custome2, _customerData$custome3;
+    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) + "&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;
+    var pdfUrl = "" + serviceApiEndPoint + location;
+    var w = window.open(pdfUrl);
+    w.print();
+  };
+  var getStatementAPIData = function getStatementAPIData(_ref2) {
+    var params = _ref2.params;
     try {
-      var _temp4 = function _temp4() {
-        setIsLoading(false);
-      };
-      setIsLoading(true);
-      var _temp3 = _catch(function () {
-        return Promise.resolve(API$1({
-          apiEndPoint: apiEndPoint,
-          token: token,
-          url: '/ecommerce/customer/store',
-          body: formData.storeDetails,
-          method: 'POST',
-          errorMessage: 'Error in creating the store'
-        })).then(function (addedStoreData) {
-          return Promise.resolve(API$1({
-            apiEndPoint: apiEndPoint,
-            token: token,
-            url: "/ecommerce/customer/store/" + addedStoreData.id + "/address",
-            method: 'POST',
-            body: _extends({}, formData.address, {
-              defaultBillingAddress: true,
-              defaultShippingAddress: true
-            }),
-            errorMessage: 'Error in adding the store address.',
-            successMessage: 'Store created successfully.'
-          })).then(function () {
-            setOpenModal(false);
-            getStoreDataList();
-          });
-        });
-      }, function () {});
-      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
+      var _customerData$custome4, _customerData$custome5;
+      return Promise.resolve(API$1({
+        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",
+        apiEndPoint: apiEndPoint,
+        token: token,
+        queryParams: _extends({}, params, queryParams)
+      })).then(function (data) {
+        return data === null || data === void 0 ? void 0 : data.customerDetailedStatementReportDtoList;
+      });
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer, {
-    fontColor: fontColor
-  }, "Store Details"), /*#__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(FormTextField, {
-    label: "Store Name",
-    name: "storeDetails.storeName",
-    required: true,
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Email",
-    name: "storeDetails.email",
-    type: "email",
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Phone",
-    name: "storeDetails.phone",
-    type: "number",
-    control: control,
-    fontColor: fontColor
-  }))), /*#__PURE__*/React__default.createElement(HeaderContainer, {
-    fontColor: fontColor
-  }, "Store Address"), /*#__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(FormTextField, {
-    label: "Address 1",
-    name: "address.address1",
-    multiline: true,
-    rows: 3,
-    required: true,
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Address 2",
-    name: "address.address2",
-    rows: 3,
-    multiline: true,
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormSelect, {
-    label: "Country",
-    name: "address.countryId",
-    required: true,
-    control: control,
-    options: country,
-    valueKey: "id",
-    labelKey: "code",
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormSelect, {
-    label: "State",
-    name: "address.stateId",
-    required: true,
-    control: control,
-    options: states,
-    valueKey: "id",
-    labelKey: "name",
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Zip",
-    name: "address.zip",
-    type: "number",
-    required: true,
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "City",
-    name: "address.city",
-    required: true,
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 12
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Phone",
-    name: "address.phone",
-    type: "number",
-    control: control,
-    fontColor: fontColor
-  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "contained",
-    primaryColor: primaryColor,
-    onClick: handleSubmit(addStoreData),
-    style: {
-      marginTop: 12
-    }
-  }, "Add Store")));
-};
-var HeaderContainer = styled__default.h2(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  margin-top: 1rem;\n  font-size: 1.3rem;\n  font-weight: 500;\n"])), function (props) {
-  return props.fontColor;
-});
-
-var _templateObject$a;
-var ViewStoreList = function ViewStoreList(_ref) {
-  var primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    backgroundColor = _ref.backgroundColor,
-    fontColor = _ref.fontColor,
-    setSelectedStore = _ref.setSelectedStore,
-    storeDataList = _ref.storeDataList;
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
-    container: true,
-    spacing: 4
-  }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
-    return /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true,
-      sm: 12,
-      md: 6,
-      lg: 4
-    }, /*#__PURE__*/React__default.createElement(StoreContainer, {
+  return /*#__PURE__*/React__default.createElement(Root$3, {
+    backgroundColor: backgroundColor
+  }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
+    cacheFilters: true,
+    extraFilterParams: queryParams,
+    tableHeaderContent: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+      container: true,
+      justifyContent: "space-between",
+      alignItems: "center"
+    }, /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true
+    }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
+      variant: "h5",
+      gutterBottom: true,
+      fontColor: fontColor,
+      style: {
+        fontWeight: 600,
+        color: primaryColor,
+        padding: '1rem 0',
+        margin: 0
+      }
+    }, "Statement")), /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true
+    }, /*#__PURE__*/React__default.createElement(material.Button, {
+      variant: "contained",
+      onClick: function onClick() {
+        return print();
+      },
+      style: {
+        background: primaryColor
+      }
+    }, "Print Statement"))), /*#__PURE__*/React__default.createElement(material.Grid, {
+      container: true,
+      justifyContent: "flex-end",
+      alignItems: "center"
+    }, /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true
+    }, /*#__PURE__*/React__default.createElement(MuiSelect, {
+      label: "Select Store",
+      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,
+      onChange: onChangeStore,
+      options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
+      valueKey: "id",
+      labelKey: "storeName",
+      fontColor: fontColor,
+      primaryColor: primaryColor
+    })), /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true
+    }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
+      fontColor: fontColor,
       primaryColor: primaryColor,
-      secondaryColor: secondaryColor,
-      backgroundColor: backgroundColor,
-      fontColor: fontColor
-    }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
-      title: /*#__PURE__*/React__default.createElement(material.Grid, {
-        container: true,
-        justifyContent: "space-between",
-        alignItems: "center"
-      }, /*#__PURE__*/React__default.createElement(material.Grid, {
-        item: true
-      }, /*#__PURE__*/React__default.createElement("span", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/React__default.createElement(md.MdStore, {
-        style: {
-          margin: 'auto'
-        }
-      }), /*#__PURE__*/React__default.createElement("h3", null, store === null || store === void 0 ? void 0 : store.storeName))), /*#__PURE__*/React__default.createElement(material.Grid, {
-        item: true
-      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
-        style: {
-          color: primaryColor
-        },
-        onClick: function onClick() {
-          setSelectedStore(store);
-        }
-      }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
-    }), /*#__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) || '-')))));
+      onChange: onDateChange,
+      initialStartDate: moment$1().startOf('month'),
+      initialEndDate: moment$1().endOf('month')
+    })))),
+    listUpdate: triggerTableData,
+    pagination: false,
+    scroll: {
+      x: 1000
+    },
+    tableId: "master-child-map",
+    columns: columns,
+    asyncService: getStatementAPIData,
+    rowKey: 'masterProductId',
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor,
+    backgroundColor: backgroundColor,
+    fontColor: fontColor
   })));
 };
-var StoreContainer = styled__default(material.Card)(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  border-radius: 14px !important;\n  background-color: ", " !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !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) {
-  return props.secondaryColor;
-}, function (props) {
-  return props.primaryColor;
-}, function (props) {
+var Root$3 = styled__default.div(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose([""])));
+var TypographyContainer$3 = styled__default(material.Typography)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
+var StatusContainer$1 = styled__default(material.Grid)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose(["\n  display: initial;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  padding: 2px 4px;\n"])));
+var TableContainer$1 = styled__default.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 14px;\n"])));
 
-var _templateObject$b, _templateObject2$5;
-var FormCheckbox = function FormCheckbox(props) {
+var _templateObject$b, _templateObject2$7;
+var FormSelect = function FormSelect(props) {
   var label = props.label,
     name = props.name,
     control = props.control,
     rules = props.rules,
     required = props.required,
     disabled = props.disabled,
-    onChangeField = props.onChangeField;
+    options = props.options,
+    valueKey = props.valueKey,
+    onChangeField = props.onChangeField,
+    _props$labelKey = props.labelKey,
+    labelKey = _props$labelKey === void 0 ? 'name' : _props$labelKey;
   return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
     name: name,
     control: control,
@@ -2574,38 +2606,78 @@ var FormCheckbox = function FormCheckbox(props) {
         required: required,
         margin: "normal",
         disabled: disabled
-      }, /*#__PURE__*/React__default.createElement(FormControlLabelContainer, {
+      }, /*#__PURE__*/React__default.createElement(InputContainer$1, {
+        fontColor: props.fontColor
+      }, label), /*#__PURE__*/React__default.createElement(SelectField, _extends({
+        fullWidth: true,
+        size: "small",
         label: label,
-        fontColor: props.fontColor,
-        control: /*#__PURE__*/React__default.createElement(CheckboxField, _extends({
-          size: "small",
-          onChange: function onChange(e) {
-            _onChange(e.target.checked);
-            onChangeField && onChangeField(e.target.checked);
-          },
-          checked: value
-        }, props))
-      }), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
+        id: name,
+        value: value || '',
+        onChange: function onChange(e) {
+          _onChange(e);
+          onChangeField && onChangeField(e);
+        },
+        error: !!error,
+        helperText: error !== null && error !== void 0 && error.message ? error.message : ''
+      }, props), options === null || options === void 0 ? void 0 : options.map(function (data, index) {
+        return /*#__PURE__*/React__default.createElement(material.MenuItem, {
+          key: index,
+          value: valueKey ? data[valueKey] : data
+        }, data[labelKey]);
+      })), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
         error: error
       }, error !== null && error !== void 0 && error.message ? error.message : ''));
     }
   });
 };
-var CheckboxField = styled__default(material.Checkbox)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n  svg {\n    color: ", " !important;\n  }\n"])), function (props) {
-  return props.primaryColor;
+var SelectField = styled__default(material.Select)(_templateObject$b || (_templateObject$b = _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;
+}, function (props) {
+  return props.fontColor;
 });
-var FormControlLabelContainer = styled__default(material.FormControlLabel)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n  .MuiTypography-root {\n    color: ", " !important;\n  }\n"])), function (props) {
+var InputContainer$1 = styled__default(material.InputLabel)(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
   return props.fontColor;
 });
 
+var getStatesById = function getStatesById(_ref) {
+  var apiEndPoint = _ref.apiEndPoint,
+    token = _ref.token,
+    id = _ref.id;
+  try {
+    return Promise.resolve(API$1({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      url: "/country/" + id + "/allState",
+      cache: true
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getCountry = function getCountry(_ref2) {
+  var apiEndPoint = _ref2.apiEndPoint,
+    token = _ref2.token;
+  try {
+    return Promise.resolve(API$1({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      url: "/country/all",
+      cache: true
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+
 var _templateObject$c;
-var AddEditAddress = function AddEditAddress(_ref) {
+var AddStore = function AddStore(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
+    getStoreDataList = _ref.getStoreDataList,
     setOpenModal = _ref.setOpenModal,
-    addressDetails = _ref.addressDetails,
-    storeData = _ref.storeData,
-    getStoreData = _ref.getStoreData,
     primaryColor = _ref.primaryColor,
     fontColor = _ref.fontColor;
   var _useState = React.useState(false),
@@ -2616,15 +2688,14 @@ var AddEditAddress = function AddEditAddress(_ref) {
   var _useState3 = React.useState([]),
     states = _useState3[0],
     setStates = _useState3[1];
-  var _useState4 = React.useState(addressDetails),
-    addressData = _useState4[0],
-    setAddressData = _useState4[1];
   var _useForm = reactHookForm.useForm({
-      defaultValues: _extends({}, addressDetails)
+      defaultValues: {}
     }),
     handleSubmit = _useForm.handleSubmit,
     control = _useForm.control,
-    setValue = _useForm.setValue;
+    setValue = _useForm.setValue,
+    watch = _useForm.watch;
+  var selectedCountry = watch('address.countryId');
   var getCountryData = function getCountryData() {
     try {
       var _temp = _catch(function () {
@@ -2633,16 +2704,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
           token: token
         })).then(function (countryData) {
           setCountry(countryData);
-          setValue('countryId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id);
-          var statesById = (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id;
-          return Promise.resolve(getStatesById({
-            id: statesById,
-            apiEndPoint: apiEndPoint,
-            token: token
-          })).then(function (statesData) {
-            setStates(statesData);
-            setValue('stateId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.stateId) || statesData[0].id);
-          });
+          setValue('address.countryId', countryData[0].id);
         });
       }, function () {});
       return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
@@ -2652,53 +2714,103 @@ var AddEditAddress = function AddEditAddress(_ref) {
   };
   React.useEffect(function () {
     (function () {
-      return Promise.resolve(getCountryData()).then(function () {});
+      getCountryData();
     })();
   }, []);
-  var onUpdateCountry = function onUpdateCountry(data) {
-    try {
-      var _data$target;
-      return Promise.resolve(getStatesById({
-        id: data === null || data === void 0 ? void 0 : (_data$target = data.target) === null || _data$target === void 0 ? void 0 : _data$target.value,
-        apiEndPoint: apiEndPoint,
-        token: token
-      })).then(function (statesData) {
-        setStates(statesData);
-        setValue('stateId', statesData[0].id);
-      });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  var updateAddressData = function updateAddressData(formData) {
+  React.useEffect(function () {
+    (function () {
+      try {
+        var _temp2 = function () {
+          if (selectedCountry) {
+            return Promise.resolve(getStatesById({
+              id: selectedCountry,
+              apiEndPoint: apiEndPoint,
+              token: token
+            })).then(function (statesData) {
+              setStates(statesData);
+              setValue('address.stateId', statesData[0].id);
+            });
+          }
+        }();
+        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
+  }, [selectedCountry]);
+  var addStoreData = function addStoreData(formData) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp4 = function _temp4() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp2 = _catch(function () {
+      var _temp3 = _catch(function () {
         return Promise.resolve(API$1({
           apiEndPoint: apiEndPoint,
           token: token,
-          url: addressDetails ? "/ecommerce/customer/store/" + addressDetails.customerStoreId + "/address/" + addressDetails.id : "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
-          body: _extends({}, addressData, formData),
-          method: addressDetails ? 'PUT' : 'POST',
-          errorMessage: 'Error in updating the address.',
-          successMessage: 'Address updated successfully.'
-        })).then(function (data) {
-          setAddressData(data);
-          setOpenModal({
-            open: false
+          url: '/ecommerce/customer/store',
+          body: formData.storeDetails,
+          method: 'POST',
+          errorMessage: 'Error in creating the store'
+        })).then(function (addedStoreData) {
+          return Promise.resolve(API$1({
+            apiEndPoint: apiEndPoint,
+            token: token,
+            url: "/ecommerce/customer/store/" + addedStoreData.id + "/address",
+            method: 'POST',
+            body: _extends({}, formData.address, {
+              defaultBillingAddress: true,
+              defaultShippingAddress: true
+            }),
+            errorMessage: 'Error in adding the store address.',
+            successMessage: 'Store created successfully.'
+          })).then(function () {
+            setOpenModal(false);
+            getStoreDataList();
           });
-          getStoreData();
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer$1, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer, {
+    fontColor: fontColor
+  }, "Store Details"), /*#__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(FormTextField, {
+    label: "Store Name",
+    name: "storeDetails.storeName",
+    required: true,
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Email",
+    name: "storeDetails.email",
+    type: "email",
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Phone",
+    name: "storeDetails.phone",
+    type: "number",
+    control: control,
+    fontColor: fontColor
+  }))), /*#__PURE__*/React__default.createElement(HeaderContainer, {
     fontColor: fontColor
   }, "Store Address"), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -2709,7 +2821,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Address 1",
-    name: "address1",
+    name: "address.address1",
     multiline: true,
     rows: 3,
     required: true,
@@ -2721,7 +2833,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Address 2",
-    name: "address2",
+    name: "address.address2",
     rows: 3,
     multiline: true,
     control: control,
@@ -2732,13 +2844,12 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormSelect, {
     label: "Country",
-    name: "countryId",
+    name: "address.countryId",
     required: true,
     control: control,
     options: country,
     valueKey: "id",
     labelKey: "code",
-    onChangeField: onUpdateCountry,
     fontColor: fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
@@ -2746,7 +2857,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormSelect, {
     label: "State",
-    name: "stateId",
+    name: "address.stateId",
     required: true,
     control: control,
     options: states,
@@ -2759,7 +2870,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Zip",
-    name: "zip",
+    name: "address.zip",
     type: "number",
     required: true,
     control: control,
@@ -2770,7 +2881,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "City",
-    name: "city",
+    name: "address.city",
     required: true,
     control: control,
     fontColor: fontColor
@@ -2780,126 +2891,175 @@ var AddEditAddress = function AddEditAddress(_ref) {
     md: 12
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Phone",
-    name: "phone",
+    name: "address.phone",
     type: "number",
     control: control,
     fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
-    label: "Default Billing Address",
-    name: "defaultBillingAddress",
-    control: control,
-    primaryColor: primaryColor,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
-    label: "Default Shipping Address",
-    name: "defaultShippingAddress",
-    control: control,
-    primaryColor: primaryColor,
-    fontColor: fontColor
   }))), /*#__PURE__*/React__default.createElement(MuiButton, {
     variant: "contained",
     primaryColor: primaryColor,
-    onClick: handleSubmit(updateAddressData)
-  }, addressDetails ? 'Update Address' : 'Add Address')));
+    onClick: handleSubmit(addStoreData),
+    style: {
+      marginTop: 12
+    }
+  }, "Add Store")));
 };
-var HeaderContainer$1 = styled__default.h2(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  margin-top: 1rem;\n  font-size: 1.3rem;\n  font-weight: 500;\n"])), function (props) {
+var HeaderContainer = styled__default.h2(_templateObject$c || (_templateObject$c = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  margin-top: 1rem;\n  font-size: 1.3rem;\n  font-weight: 500;\n"])), function (props) {
   return props.fontColor;
 });
 
 var _templateObject$d;
-var _excluded$1 = ["children", "onClose", "fontColor"];
-var MuiModal = function MuiModal(props) {
-  var fontColor = props.fontColor,
-    children = props.children,
-    onClose = props.onClose,
-    title = props.title,
-    secondaryColor = props.secondaryColor;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ModalContainer, _extends({}, props, {
-    onClose: onClose,
-    secondaryColor: secondaryColor
-  }), /*#__PURE__*/React__default.createElement(BootstrapDialogTitle, {
-    id: "customized-dialog-title",
-    onClose: onClose,
-    fontColor: fontColor
-  }, title || 'Modal'), /*#__PURE__*/React__default.createElement(material.DialogContent, {
-    dividers: true
-  }, children)));
+var ViewStoreList = function ViewStoreList(_ref) {
+  var primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor,
+    backgroundColor = _ref.backgroundColor,
+    fontColor = _ref.fontColor,
+    setSelectedStore = _ref.setSelectedStore,
+    storeDataList = _ref.storeDataList;
+  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 4
+  }, storeDataList === null || storeDataList === void 0 ? void 0 : storeDataList.map(function (store) {
+    return /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      sm: 12,
+      md: 6,
+      lg: 4
+    }, /*#__PURE__*/React__default.createElement(StoreContainer, {
+      primaryColor: primaryColor,
+      secondaryColor: secondaryColor,
+      backgroundColor: backgroundColor,
+      fontColor: fontColor
+    }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
+      title: /*#__PURE__*/React__default.createElement(material.Grid, {
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center"
+      }, /*#__PURE__*/React__default.createElement(material.Grid, {
+        item: true
+      }, /*#__PURE__*/React__default.createElement("span", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdStore, {
+        style: {
+          margin: 'auto'
+        }
+      }), /*#__PURE__*/React__default.createElement("h3", null, store === null || store === void 0 ? void 0 : store.storeName))), /*#__PURE__*/React__default.createElement(material.Grid, {
+        item: true
+      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        style: {
+          color: primaryColor
+        },
+        onClick: function onClick() {
+          setSelectedStore(store);
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
+    }), /*#__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) || '-')))));
+  })));
 };
-function BootstrapDialogTitle(props) {
-  var children = props.children,
-    onClose = props.onClose,
-    fontColor = props.fontColor,
-    other = _objectWithoutPropertiesLoose(props, _excluded$1);
-  return /*#__PURE__*/React__default.createElement(material.DialogTitle, _extends({
-    sx: {
-      m: 0,
-      p: 2,
-      color: fontColor
-    }
-  }, other), children, onClose ? /*#__PURE__*/React__default.createElement(material.IconButton, {
-    "aria-label": "close",
-    onClick: onClose,
-    sx: {
-      position: 'absolute',
-      right: 8,
-      top: 8,
-      color: fontColor,
-      '& svg': {
-        fontSize: 20
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement(md.MdClose, null)) : null);
-}
-var ModalContainer = styled__default(material.Dialog)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n  .MuiPaper-root {\n    background: ", ";\n  }\n"])), function (props) {
+var StoreContainer = styled__default(material.Card)(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose(["\n  border-radius: 14px !important;\n  background-color: ", " !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !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) {
   return props.secondaryColor;
+}, function (props) {
+  return props.primaryColor;
+}, function (props) {
+  return props.fontColor;
 });
 
-var _templateObject$e, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$2;
-var StoreDetails = function StoreDetails(_ref) {
-  var _storeAddresses$filte;
+var _templateObject$e, _templateObject2$8;
+var FormCheckbox = function FormCheckbox(props) {
+  var label = props.label,
+    name = props.name,
+    control = props.control,
+    rules = props.rules,
+    required = props.required,
+    disabled = props.disabled,
+    onChangeField = props.onChangeField;
+  return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+    name: name,
+    control: control,
+    rules: _extends({
+      required: required ? 'This field is required' : false
+    }, rules),
+    render: function render(_ref) {
+      var _ref$field = _ref.field,
+        _onChange = _ref$field.onChange,
+        value = _ref$field.value,
+        error = _ref.fieldState.error;
+      return /*#__PURE__*/React__default.createElement(material.FormControl, {
+        fullWidth: true,
+        required: required,
+        margin: "normal",
+        disabled: disabled
+      }, /*#__PURE__*/React__default.createElement(FormControlLabelContainer, {
+        label: label,
+        fontColor: props.fontColor,
+        control: /*#__PURE__*/React__default.createElement(CheckboxField, _extends({
+          size: "small",
+          onChange: function onChange(e) {
+            _onChange(e.target.checked);
+            onChangeField && onChangeField(e.target.checked);
+          },
+          checked: value
+        }, props))
+      }), /*#__PURE__*/React__default.createElement(material.FormHelperText, {
+        error: error
+      }, error !== null && error !== void 0 && error.message ? error.message : ''));
+    }
+  });
+};
+var CheckboxField = styled__default(material.Checkbox)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  svg {\n    color: ", " !important;\n  }\n"])), function (props) {
+  return props.primaryColor;
+});
+var FormControlLabelContainer = styled__default(material.FormControlLabel)(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  .MuiTypography-root {\n    color: ", " !important;\n  }\n"])), function (props) {
+  return props.fontColor;
+});
+
+var _templateObject$f;
+var AddEditAddress = function AddEditAddress(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
+    setOpenModal = _ref.setOpenModal,
+    addressDetails = _ref.addressDetails,
+    storeData = _ref.storeData,
+    getStoreData = _ref.getStoreData,
     primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    backgroundColor = _ref.backgroundColor,
-    fontColor = _ref.fontColor,
-    storeData = _ref.storeData;
+    fontColor = _ref.fontColor;
   var _useState = React.useState(false),
-    isLoading = _useState[0],
     setIsLoading = _useState[1];
-  var _useState2 = React.useState(storeData),
-    storeDetails = _useState2[0],
-    setStoreDetails = _useState2[1];
+  var _useState2 = React.useState([]),
+    country = _useState2[0],
+    setCountry = _useState2[1];
   var _useState3 = React.useState([]),
-    storeAddresses = _useState3[0],
-    setStoreAddresses = _useState3[1];
-  var _useState4 = React.useState({
-      open: false
-    }),
-    openModal = _useState4[0],
-    setOpenModal = _useState4[1];
+    states = _useState3[0],
+    setStates = _useState3[1];
+  var _useState4 = React.useState(addressDetails),
+    addressData = _useState4[0],
+    setAddressData = _useState4[1];
   var _useForm = reactHookForm.useForm({
-      defaultValues: _extends({}, storeDetails)
+      defaultValues: _extends({}, addressDetails)
     }),
     handleSubmit = _useForm.handleSubmit,
-    control = _useForm.control;
-  var getStoreData = function getStoreData() {
+    control = _useForm.control,
+    setValue = _useForm.setValue;
+  var getCountryData = function getCountryData() {
     try {
       var _temp = _catch(function () {
-        return Promise.resolve(API$1({
+        return Promise.resolve(getCountry({
           apiEndPoint: apiEndPoint,
-          token: token,
-          url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
-        })).then(function (data) {
-          setStoreAddresses(data);
+          token: token
+        })).then(function (countryData) {
+          setCountry(countryData);
+          setValue('countryId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id);
+          var statesById = (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.countryId) || countryData[0].id;
+          return Promise.resolve(getStatesById({
+            id: statesById,
+            apiEndPoint: apiEndPoint,
+            token: token
+          })).then(function (statesData) {
+            setStates(statesData);
+            setValue('stateId', (addressDetails === null || addressDetails === void 0 ? void 0 : addressDetails.stateId) || statesData[0].id);
+          });
         });
       }, function () {});
       return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
@@ -2909,10 +3069,25 @@ var StoreDetails = function StoreDetails(_ref) {
   };
   React.useEffect(function () {
     (function () {
-      return Promise.resolve(getStoreData()).then(function () {});
+      return Promise.resolve(getCountryData()).then(function () {});
     })();
   }, []);
-  var updateStoreData = function updateStoreData(formData) {
+  var onUpdateCountry = function onUpdateCountry(data) {
+    try {
+      var _data$target;
+      return Promise.resolve(getStatesById({
+        id: data === null || data === void 0 ? void 0 : (_data$target = data.target) === null || _data$target === void 0 ? void 0 : _data$target.value,
+        apiEndPoint: apiEndPoint,
+        token: token
+      })).then(function (statesData) {
+        setStates(statesData);
+        setValue('stateId', statesData[0].id);
+      });
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var updateAddressData = function updateAddressData(formData) {
     try {
       var _temp3 = function _temp3() {
         setIsLoading(false);
@@ -2922,13 +3097,17 @@ var StoreDetails = function StoreDetails(_ref) {
         return Promise.resolve(API$1({
           apiEndPoint: apiEndPoint,
           token: token,
-          url: "/ecommerce/customer/store/" + storeData.id,
-          body: _extends({}, storeDetails, formData),
-          method: 'PUT',
-          errorMessage: 'Error in updating the store.',
-          successMessage: 'Store updated successfully.'
-        })).then(function (response) {
-          setStoreDetails(_extends({}, storeDetails, response));
+          url: addressDetails ? "/ecommerce/customer/store/" + addressDetails.customerStoreId + "/address/" + addressDetails.id : "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address",
+          body: _extends({}, addressData, formData),
+          method: addressDetails ? 'PUT' : 'POST',
+          errorMessage: 'Error in updating the address.',
+          successMessage: 'Address updated successfully.'
+        })).then(function (data) {
+          setAddressData(data);
+          setOpenModal({
+            open: false
+          });
+          getStoreData();
         });
       }, function () {});
       return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
@@ -2936,14 +3115,9 @@ var StoreDetails = function StoreDetails(_ref) {
       return Promise.reject(e);
     }
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
-    secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
-    fontColor: fontColor,
-    style: {
-      fontSize: '1.2rem'
-    }
-  }, "Update Store Details"), /*#__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("form", null, /*#__PURE__*/React__default.createElement(HeaderContainer$1, {
+    fontColor: fontColor
+  }, "Store Address"), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2951,8 +3125,10 @@ var StoreDetails = function StoreDetails(_ref) {
     xs: 12,
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Store Name",
-    name: "storeName",
+    label: "Address 1",
+    name: "address1",
+    multiline: true,
+    rows: 3,
     required: true,
     control: control,
     fontColor: fontColor
@@ -2961,191 +3137,230 @@ var StoreDetails = function StoreDetails(_ref) {
     xs: 12,
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Email",
-    name: "email",
-    type: "email",
+    label: "Address 2",
+    name: "address2",
+    rows: 3,
+    multiline: true,
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormSelect, {
+    label: "Country",
+    name: "countryId",
+    required: true,
+    control: control,
+    options: country,
+    valueKey: "id",
+    labelKey: "code",
+    onChangeField: onUpdateCountry,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormSelect, {
+    label: "State",
+    name: "stateId",
+    required: true,
+    control: control,
+    options: states,
+    valueKey: "id",
+    labelKey: "name",
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Zip",
+    name: "zip",
+    type: "number",
+    required: true,
     control: control,
     fontColor: fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "City",
+    name: "city",
+    required: true,
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 12
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
     label: "Phone",
     name: "phone",
     type: "number",
     control: control,
     fontColor: fontColor
-  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "contained",
-    loading: isLoading,
-    primaryColor: primaryColor,
-    onClick: handleSubmit(updateStoreData),
-    style: {
-      marginTop: 12
-    }
-  }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
-    onClose: function onClose() {
-      return setOpenModal({
-        open: false
-      });
-    },
-    "aria-labelledby": "customized-dialog-title",
-    open: openModal.open,
-    maxWidth: "lg",
-    title: openModal !== null && openModal !== void 0 && openModal.addressDetails ? 'Update Address' : 'Add Address',
-    fontColor: fontColor,
-    secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(AddEditAddress, {
-    apiEndPoint: apiEndPoint,
-    token: token,
-    setOpenModal: setOpenModal,
-    addressDetails: openModal === null || openModal === void 0 ? void 0 : openModal.addressDetails,
-    storeData: storeData,
-    getStoreData: getStoreData,
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
+    label: "Default Billing Address",
+    name: "defaultBillingAddress",
+    control: control,
     primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor,
     fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(HeaderContainer$2, null, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
-    fontColor: fontColor,
-    style: {
-      fontSize: 22
-    }
-  }, "Store Addresses"), /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "contained",
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormCheckbox, {
+    label: "Default Shipping Address",
+    name: "defaultShippingAddress",
+    control: control,
     primaryColor: primaryColor,
-    onClick: function onClick() {
-      return setOpenModal({
-        open: true
-      });
-    }
-  }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
-    style: {
-      marginRight: 4,
-      fontSize: 15
-    }
-  }), "Add Address")), /*#__PURE__*/React__default.createElement(material.Grid, {
-    container: true,
-    spacing: 4
-  }, storeAddresses === null || storeAddresses === void 0 ? void 0 : (_storeAddresses$filte = storeAddresses.filter(function (address) {
-    return address === null || address === void 0 ? void 0 : address.active;
-  })) === null || _storeAddresses$filte === void 0 ? void 0 : _storeAddresses$filte.map(function (address, index) {
-    return /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true,
-      sm: 12,
-      md: 6,
-      lg: 4
-    }, /*#__PURE__*/React__default.createElement(AddressContainer, {
-      primaryColor: primaryColor,
-      secondaryColor: secondaryColor,
-      backgroundColor: backgroundColor,
-      fontColor: fontColor
-    }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
-      title: /*#__PURE__*/React__default.createElement(material.Grid, {
-        container: true,
-        justifyContent: "space-between",
-        alignItems: "center"
-      }, /*#__PURE__*/React__default.createElement(material.Grid, {
-        item: true
-      }, /*#__PURE__*/React__default.createElement("span", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/React__default.createElement(md.MdStore, {
-        style: {
-          margin: 'auto'
-        }
-      }), /*#__PURE__*/React__default.createElement("h3", null, "Address " + (index + 1)))), /*#__PURE__*/React__default.createElement(material.Grid, {
-        item: true
-      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
-        style: {
-          color: primaryColor
-        },
-        onClick: function onClick() {
-          setOpenModal({
-            open: true,
-            addressDetails: address
-          });
-        }
-      }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
-    }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(AddressCardContainer, {
-      primaryColor: primaryColor
-    }, (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 RootContainer$1 = styled__default(material.Stack)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
-  return props.secondaryColor;
-});
-var AddressContainer = styled__default(material.Card)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px !important;\n  background-color: ", " !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !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__default(MuiModal)(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteralLoose([""])));
-var TypographyContainer$2 = styled__default(material.Typography)(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+    fontColor: fontColor
+  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "contained",
+    primaryColor: primaryColor,
+    onClick: handleSubmit(updateAddressData)
+  }, addressDetails ? 'Update Address' : 'Add Address')));
+};
+var HeaderContainer$1 = styled__default.h2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  margin-top: 1rem;\n  font-size: 1.3rem;\n  font-weight: 500;\n"])), function (props) {
   return props.fontColor;
 });
-var HeaderContainer$2 = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 1.3rem 0;\n"])));
-var AddressCardContainer = styled__default.div(_templateObject6$2 || (_templateObject6$2 = _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$g;
+var _excluded$1 = ["children", "onClose", "fontColor"];
+var MuiModal = function MuiModal(props) {
+  var fontColor = props.fontColor,
+    children = props.children,
+    onClose = props.onClose,
+    title = props.title,
+    secondaryColor = props.secondaryColor;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(ModalContainer, _extends({}, props, {
+    onClose: onClose,
+    secondaryColor: secondaryColor
+  }), /*#__PURE__*/React__default.createElement(BootstrapDialogTitle, {
+    id: "customized-dialog-title",
+    onClose: onClose,
+    fontColor: fontColor
+  }, title || 'Modal'), /*#__PURE__*/React__default.createElement(material.DialogContent, {
+    dividers: true
+  }, children)));
+};
+function BootstrapDialogTitle(props) {
+  var children = props.children,
+    onClose = props.onClose,
+    fontColor = props.fontColor,
+    other = _objectWithoutPropertiesLoose(props, _excluded$1);
+  return /*#__PURE__*/React__default.createElement(material.DialogTitle, _extends({
+    sx: {
+      m: 0,
+      p: 2,
+      color: fontColor
+    }
+  }, other), children, onClose ? /*#__PURE__*/React__default.createElement(material.IconButton, {
+    "aria-label": "close",
+    onClick: onClose,
+    sx: {
+      position: 'absolute',
+      right: 8,
+      top: 8,
+      color: fontColor,
+      '& svg': {
+        fontSize: 20
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(md.MdClose, null)) : null);
+}
+var ModalContainer = styled__default(material.Dialog)(_templateObject$g || (_templateObject$g = _taggedTemplateLiteralLoose(["\n  .MuiPaper-root {\n    background: ", ";\n  }\n"])), function (props) {
+  return props.secondaryColor;
 });
 
-var _templateObject$f, _templateObject2$7;
-var StoreManager = function StoreManager(_ref) {
-  var _storeData$managerDet;
+var _templateObject$h, _templateObject2$9, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$2;
+var StoreDetails = function StoreDetails(_ref) {
+  var _storeAddresses$filte;
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
-    storeData = _ref.storeData,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
-    fontColor = _ref.fontColor;
+    backgroundColor = _ref.backgroundColor,
+    fontColor = _ref.fontColor,
+    storeData = _ref.storeData;
   var _useState = React.useState(false),
     isLoading = _useState[0],
     setIsLoading = _useState[1];
-  var _useState2 = React.useState(storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails),
-    managerData = _useState2[0],
-    setManagerData = _useState2[1];
-  var managerId = storeData === null || storeData === void 0 ? void 0 : (_storeData$managerDet = storeData.managerDetails) === null || _storeData$managerDet === void 0 ? void 0 : _storeData$managerDet.customerId;
-  var updateManager = function updateManager(formData) {
+  var _useState2 = React.useState(storeData),
+    storeDetails = _useState2[0],
+    setStoreDetails = _useState2[1];
+  var _useState3 = React.useState([]),
+    storeAddresses = _useState3[0],
+    setStoreAddresses = _useState3[1];
+  var _useState4 = React.useState({
+      open: false
+    }),
+    openModal = _useState4[0],
+    setOpenModal = _useState4[1];
+  var _useForm = reactHookForm.useForm({
+      defaultValues: _extends({}, storeDetails)
+    }),
+    handleSubmit = _useForm.handleSubmit,
+    control = _useForm.control;
+  var getStoreData = function getStoreData() {
     try {
-      var _temp2 = function _temp2() {
+      var _temp = _catch(function () {
+        return Promise.resolve(API$1({
+          apiEndPoint: apiEndPoint,
+          token: token,
+          url: "/ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/address"
+        })).then(function (data) {
+          setStoreAddresses(data);
+        });
+      }, function () {});
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  React.useEffect(function () {
+    (function () {
+      return Promise.resolve(getStoreData()).then(function () {});
+    })();
+  }, []);
+  var updateStoreData = function updateStoreData(formData) {
+    try {
+      var _temp3 = function _temp3() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(API$1({
           apiEndPoint: apiEndPoint,
           token: token,
-          url: managerId ? "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager/" + managerId : "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager",
-          body: _extends({}, managerData, formData),
-          method: managerId ? 'PUT' : 'POST',
-          errorMessage: 'Error in updating the manager details.',
-          successMessage: 'Manager details updated successfully.'
+          url: "/ecommerce/customer/store/" + storeData.id,
+          body: _extends({}, storeDetails, formData),
+          method: 'PUT',
+          errorMessage: 'Error in updating the store.',
+          successMessage: 'Store updated successfully.'
         })).then(function (response) {
-          setManagerData(_extends({}, managerData, response));
+          setStoreDetails(_extends({}, storeDetails, response));
         });
       }, function () {});
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  var _useForm = reactHookForm.useForm({
-      defaultValues: _extends({}, storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails)
-    }),
-    handleSubmit = _useForm.handleSubmit,
-    control = _useForm.control;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
     fontColor: fontColor,
     style: {
       fontSize: '1.2rem'
     }
-  }, "Update Manager Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, "Update Store Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     columnSpacing: 2
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -3153,18 +3368,8 @@ var StoreManager = function StoreManager(_ref) {
     xs: 12,
     md: 6
   }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "First Name",
-    name: "firstName",
-    required: true,
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12,
-    md: 6
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Last Name",
-    name: "lastName",
+    label: "Store Name",
+    name: "storeName",
     required: true,
     control: control,
     fontColor: fontColor
@@ -3176,7 +3381,6 @@ var StoreManager = function StoreManager(_ref) {
     label: "Email",
     name: "email",
     type: "email",
-    required: true,
     control: control,
     fontColor: fontColor
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -3187,402 +3391,291 @@ var StoreManager = function StoreManager(_ref) {
     label: "Phone",
     name: "phone",
     type: "number",
-    required: true,
     control: control,
     fontColor: fontColor
   }))), /*#__PURE__*/React__default.createElement(MuiButton, {
     variant: "contained",
     loading: isLoading,
-    onClick: handleSubmit(updateManager),
     primaryColor: primaryColor,
+    onClick: handleSubmit(updateStoreData),
     style: {
       marginTop: 12
     }
-  }, managerId ? 'Update Manager' : 'Add Manager'))));
-};
-var RootContainer$2 = styled__default(material.Stack)(_templateObject$f || (_templateObject$f = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
-  return props.secondaryColor;
-});
-var TypographyContainer$3 = styled__default(material.Typography)(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
-  return props.fontColor;
-});
-
-var _templateObject$g;
-var _excluded$2 = ["children", "value", "index"];
-function TabPanel(props) {
-  var children = props.children,
-    value = props.value,
-    index = props.index,
-    other = _objectWithoutPropertiesLoose(props, _excluded$2);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    role: "tabpanel",
-    hidden: value !== index,
-    id: "simple-tabpanel-" + index,
-    "aria-labelledby": "simple-tab-" + index
-  }, other), value === index && /*#__PURE__*/React__default.createElement(material.Box, {
-    sx: {
-      p: 3
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Typography, null, children)));
-}
-function a11yProps(index) {
-  return {
-    id: "simple-tab-" + index,
-    'aria-controls': "simple-tabpanel-" + index
-  };
-}
-var StoreTabs = function StoreTabs(_ref) {
-  var apiEndPoint = _ref.apiEndPoint,
-    token = _ref.token,
-    selectedStore = _ref.selectedStore,
-    primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    backgroundColor = _ref.backgroundColor,
-    fontColor = _ref.fontColor;
-  var _useState = React.useState(0),
-    value = _useState[0],
-    setValue = _useState[1];
-  var _useState2 = React.useState(),
-    storeData = _useState2[0],
-    setStoreData = _useState2[1];
-  var handleChange = function handleChange(event, newValue) {
-    setValue(newValue);
-  };
-  React.useEffect(function () {
-    (function () {
-      try {
-        var _temp = _catch(function () {
-          return Promise.resolve(API$1({
-            apiEndPoint: apiEndPoint,
-            token: token,
-            url: "/ecommerce/customer/store/" + (selectedStore === null || selectedStore === void 0 ? void 0 : selectedStore.id) + "/details",
-            errorMessage: 'Error in getting  store data.'
-          })).then(function (data) {
-            setStoreData(data);
-          });
-        }, function () {});
-        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
-      } catch (e) {
-        Promise.reject(e);
-      }
-    })();
-  }, []);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(material.Box, {
-    sx: {
-      width: '100%'
-    }
-  }, /*#__PURE__*/React__default.createElement(material.Box, {
-    sx: {
-      borderBottom: 1,
-      borderColor: 'divider'
-    }
-  }, /*#__PURE__*/React__default.createElement(TabsContainer, {
-    value: value,
-    onChange: handleChange,
-    "aria-label": "basic tabs example",
-    primaryColor: primaryColor,
-    fontColor: fontColor
-  }, /*#__PURE__*/React__default.createElement(material.Tab, _extends({
-    label: "Store Details"
-  }, a11yProps(0))), /*#__PURE__*/React__default.createElement(material.Tab, _extends({
-    label: "Store Manager"
-  }, a11yProps(1))))), storeData && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TabPanel, {
-    value: value,
-    index: 0
-  }, /*#__PURE__*/React__default.createElement(StoreDetails, {
-    apiEndPoint: apiEndPoint,
-    token: token,
-    storeData: storeData,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(TabPanel, {
-    value: value,
-    index: 1
-  }, /*#__PURE__*/React__default.createElement(StoreManager, {
+  }, "Update Store Details"))), openModal.open && /*#__PURE__*/React__default.createElement(Modal, {
+    onClose: function onClose() {
+      return setOpenModal({
+        open: false
+      });
+    },
+    "aria-labelledby": "customized-dialog-title",
+    open: openModal.open,
+    maxWidth: "lg",
+    title: openModal !== null && openModal !== void 0 && openModal.addressDetails ? 'Update Address' : 'Add Address',
+    fontColor: fontColor,
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement(AddEditAddress, {
     apiEndPoint: apiEndPoint,
     token: token,
+    setOpenModal: setOpenModal,
+    addressDetails: openModal === null || openModal === void 0 ? void 0 : openModal.addressDetails,
     storeData: storeData,
+    getStoreData: getStoreData,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
     backgroundColor: backgroundColor,
     fontColor: fontColor
-  })))));
+  })), /*#__PURE__*/React__default.createElement(HeaderContainer$2, null, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
+    fontColor: fontColor,
+    style: {
+      fontSize: 22
+    }
+  }, "Store Addresses"), /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "contained",
+    primaryColor: primaryColor,
+    onClick: function onClick() {
+      return setOpenModal({
+        open: true
+      });
+    }
+  }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
+    style: {
+      marginRight: 4,
+      fontSize: 15
+    }
+  }), "Add Address")), /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 4
+  }, storeAddresses === null || storeAddresses === void 0 ? void 0 : (_storeAddresses$filte = storeAddresses.filter(function (address) {
+    return address === null || address === void 0 ? void 0 : address.active;
+  })) === null || _storeAddresses$filte === void 0 ? void 0 : _storeAddresses$filte.map(function (address, index) {
+    return /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      sm: 12,
+      md: 6,
+      lg: 4
+    }, /*#__PURE__*/React__default.createElement(AddressContainer, {
+      primaryColor: primaryColor,
+      secondaryColor: secondaryColor,
+      backgroundColor: backgroundColor,
+      fontColor: fontColor
+    }, /*#__PURE__*/React__default.createElement(material.CardHeader, {
+      title: /*#__PURE__*/React__default.createElement(material.Grid, {
+        container: true,
+        justifyContent: "space-between",
+        alignItems: "center"
+      }, /*#__PURE__*/React__default.createElement(material.Grid, {
+        item: true
+      }, /*#__PURE__*/React__default.createElement("span", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdStore, {
+        style: {
+          margin: 'auto'
+        }
+      }), /*#__PURE__*/React__default.createElement("h3", null, "Address " + (index + 1)))), /*#__PURE__*/React__default.createElement(material.Grid, {
+        item: true
+      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
+        style: {
+          color: primaryColor
+        },
+        onClick: function onClick() {
+          setOpenModal({
+            open: true,
+            addressDetails: address
+          });
+        }
+      }, /*#__PURE__*/React__default.createElement(md.MdModeEdit, null))))
+    }), /*#__PURE__*/React__default.createElement(material.CardContent, null, /*#__PURE__*/React__default.createElement(AddressCardContainer, {
+      primaryColor: primaryColor
+    }, (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 TabsContainer = styled__default(material.Tabs)(_templateObject$g || (_templateObject$g = _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;
+var RootContainer$2 = styled__default(material.Stack)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+  return props.secondaryColor;
+});
+var AddressContainer = styled__default(material.Card)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  border-radius: 14px !important;\n  background-color: ", " !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px !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__default(MuiModal)(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose([""])));
+var TypographyContainer$4 = styled__default(material.Typography)(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+  return props.fontColor;
+});
+var HeaderContainer$2 = styled__default.div(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin: 1.3rem 0;\n"])));
+var AddressCardContainer = styled__default.div(_templateObject6$2 || (_templateObject6$2 = _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$h, _templateObject2$8, _templateObject3$5;
-var StoreList = function StoreList(_ref) {
+var _templateObject$i, _templateObject2$a;
+var StoreManager = function StoreManager(_ref) {
+  var _storeData$managerDet;
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
+    storeData = _ref.storeData,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
-    backgroundColor = _ref.backgroundColor,
     fontColor = _ref.fontColor;
   var _useState = React.useState(false),
-    openModal = _useState[0],
-    setOpenModal = _useState[1];
-  var _useState2 = React.useState(),
-    selectedStore = _useState2[0],
-    setSelectedStore = _useState2[1];
-  var _useState3 = React.useState(),
-    storeDataList = _useState3[0],
-    setStoreDataList = _useState3[1];
-  var getStoreDataList = function getStoreDataList() {
+    isLoading = _useState[0],
+    setIsLoading = _useState[1];
+  var _useState2 = React.useState(storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails),
+    managerData = _useState2[0],
+    setManagerData = _useState2[1];
+  var managerId = storeData === null || storeData === void 0 ? void 0 : (_storeData$managerDet = storeData.managerDetails) === null || _storeData$managerDet === void 0 ? void 0 : _storeData$managerDet.customerId;
+  var updateManager = function updateManager(formData) {
     try {
+      var _temp2 = function _temp2() {
+        setIsLoading(false);
+      };
+      setIsLoading(true);
       var _temp = _catch(function () {
         return Promise.resolve(API$1({
           apiEndPoint: apiEndPoint,
           token: token,
-          url: "/ecommerce/customer/store/list",
-          errorMessage: 'Error in getting user profile data.'
-        })).then(function (data) {
-          setStoreDataList(data);
+          url: managerId ? "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager/" + managerId : "ecommerce/customer/store/" + (storeData === null || storeData === void 0 ? void 0 : storeData.id) + "/manager",
+          body: _extends({}, managerData, formData),
+          method: managerId ? 'PUT' : 'POST',
+          errorMessage: 'Error in updating the manager details.',
+          successMessage: 'Manager details updated successfully.'
+        })).then(function (response) {
+          setManagerData(_extends({}, managerData, response));
         });
       }, function () {});
-      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  React.useEffect(function () {
-    (function () {
-      return Promise.resolve(getStoreDataList()).then(function () {});
-    })();
-  }, []);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openModal && /*#__PURE__*/React__default.createElement(Modal$1, {
-    onClose: function onClose() {
-      return setOpenModal(false);
-    },
-    "aria-labelledby": "customized-dialog-title",
-    open: openModal,
-    title: "Add Store",
-    maxWidth: "lg",
-    fontColor: fontColor,
+  var _useForm = reactHookForm.useForm({
+      defaultValues: _extends({}, storeData === null || storeData === void 0 ? void 0 : storeData.managerDetails)
+    }),
+    handleSubmit = _useForm.handleSubmit,
+    control = _useForm.control;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(AddStore, {
-    apiEndPoint: apiEndPoint,
-    token: token,
-    setOpenModal: setOpenModal,
-    getStoreDataList: getStoreDataList,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(StoreHeader, null, /*#__PURE__*/React__default.createElement("span", {
-    className: "manageStore"
-  }, selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "text",
-    onClick: function onClick() {
-      setSelectedStore(null);
-    },
-    style: {
-      color: fontColor,
-      marginRight: 6
-    }
-  }, /*#__PURE__*/React__default.createElement(md.MdKeyboardArrowLeft, {
-    style: {
-      fontSize: 24,
-      color: fontColor
-    }
-  }), /*#__PURE__*/React__default.createElement("span", null, "Back")), /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
     fontColor: fontColor,
     style: {
-      fontSize: 22
-    }
-  }, "Manage Store")), !selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "contained",
-    primaryColor: primaryColor,
-    onClick: function onClick() {
-      return setOpenModal(true);
-    }
-  }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
-    style: {
-      marginRight: 4,
-      fontSize: 15
+      fontSize: '1.2rem'
     }
-  }), "Add Store")), selectedStore ? /*#__PURE__*/React__default.createElement(StoreTabs, {
-    apiEndPoint: apiEndPoint,
-    token: token,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor,
-    fontColor: fontColor,
-    selectedStore: selectedStore
-  }) : /*#__PURE__*/React__default.createElement(ViewStoreList, {
-    apiEndPoint: apiEndPoint,
-    token: token,
-    primaryColor: primaryColor,
-    secondaryColor: secondaryColor,
-    backgroundColor: backgroundColor,
-    fontColor: fontColor,
-    setSelectedStore: setSelectedStore,
-    storeDataList: storeDataList
-  }));
-};
-var Modal$1 = styled__default(MuiModal)(_templateObject$h || (_templateObject$h = _taggedTemplateLiteralLoose([""])));
-var StoreHeader = styled__default.div(_templateObject2$8 || (_templateObject2$8 = _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$4 = styled__default(material.Typography)(_templateObject3$5 || (_templateObject3$5 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
-  return props.fontColor;
-});
-
-var _templateObject$i, _templateObject2$9;
-function MuiSelect(_ref) {
-  var label = _ref.label,
-    onChange = _ref.onChange,
-    defaultValue = _ref.defaultValue,
-    options = _ref.options,
-    valueKey = _ref.valueKey,
-    _ref$labelKey = _ref.labelKey,
-    labelKey = _ref$labelKey === void 0 ? 'name' : _ref$labelKey,
-    addNone = _ref.addNone,
-    fontColor = _ref.fontColor;
-  var _React$useState = React.useState(defaultValue),
-    value = _React$useState[0],
-    setValue = _React$useState[1];
-  var handleChange = function handleChange(e) {
-    setValue(e.target.value);
-    onChange && onChange(e.target.value);
-  };
-  return /*#__PURE__*/React.createElement(FormControl, {
-    sx: {
-      m: 1,
-      minWidth: 160
-    },
-    size: "small"
-  }, /*#__PURE__*/React.createElement(InputContainer$1, {
-    id: "demo-select-small",
+  }, "Update Manager Details"), /*#__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,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "First Name",
+    name: "firstName",
+    required: true,
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Last Name",
+    name: "lastName",
+    required: true,
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Email",
+    name: "email",
+    type: "email",
+    required: true,
+    control: control,
     fontColor: fontColor
-  }, label), /*#__PURE__*/React.createElement(SelectContainer, {
-    labelId: "demo-select-small",
-    id: "demo-select-small",
-    value: value,
-    label: label,
-    onChange: handleChange,
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Phone",
+    name: "phone",
+    type: "number",
+    required: true,
+    control: control,
     fontColor: fontColor
-  }, addNone && /*#__PURE__*/React.createElement(MenuItem, {
-    value: ""
-  }, /*#__PURE__*/React.createElement("em", null, "None")), options === null || options === void 0 ? void 0 : options.map(function (data) {
-    return /*#__PURE__*/React.createElement(MenuItem, {
-      value: valueKey ? data[valueKey] : data
-    }, data[labelKey]);
-  })));
-}
-var SelectContainer = styled__default(Select$1)(_templateObject$i || (_templateObject$i = _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;
-}, function (props) {
-  return props.fontColor;
+  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "contained",
+    loading: isLoading,
+    onClick: handleSubmit(updateManager),
+    primaryColor: primaryColor,
+    style: {
+      marginTop: 12
+    }
+  }, managerId ? 'Update Manager' : 'Add Manager'))));
+};
+var RootContainer$3 = styled__default(material.Stack)(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+  return props.secondaryColor;
 });
-var InputContainer$1 = styled__default(InputLabel)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
+var TypographyContainer$5 = styled__default(material.Typography)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
 
-var _templateObject$j, _templateObject2$a, _templateObject3$6, _templateObject4$4;
-var Statement = function Statement(_ref) {
-  var _customerData$custome6, _customerData$custome7;
+var _templateObject$j;
+var _excluded$2 = ["children", "value", "index"];
+function TabPanel(props) {
+  var children = props.children,
+    value = props.value,
+    index = props.index,
+    other = _objectWithoutPropertiesLoose(props, _excluded$2);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    role: "tabpanel",
+    hidden: value !== index,
+    id: "simple-tabpanel-" + index,
+    "aria-labelledby": "simple-tab-" + index
+  }, other), value === index && /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      p: 3
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Typography, null, children)));
+}
+function a11yProps(index) {
+  return {
+    id: "simple-tab-" + index,
+    'aria-controls': "simple-tabpanel-" + index
+  };
+}
+var StoreTabs = function StoreTabs(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
-    serviceApiEndPoint = _ref.serviceApiEndPoint,
     token = _ref.token,
+    selectedStore = _ref.selectedStore,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
-    fontColor = _ref.fontColor,
-    defaultStoreId = _ref.defaultStoreId,
-    storeIdList = _ref.storeIdList;
-  var _useState = React.useState({}),
-    customerData = _useState[0],
-    setCustomerData = _useState[1];
-  var _useState2 = React.useState({
-      startDate: getUTCTime({
-        time: moment$1().startOf('month')
-      }),
-      endDate: getUTCTime({
-        time: moment$1().endOf('month')
-      })
-    }),
-    queryParams = _useState2[0],
-    setQueryParams = _useState2[1];
-  var _useState3 = React.useState(getRandomString()),
-    triggerTableData = _useState3[0],
-    setTriggerTableData = _useState3[1];
-  var onDateChange = function onDateChange(data) {
-    setQueryParams({
-      startDate: getUTCTime({
-        time: data === null || data === void 0 ? void 0 : data.startDate
-      }),
-      endDate: getUTCTime({
-        time: data === null || data === void 0 ? void 0 : data.endDate
-      })
-    });
-    setTriggerTableData(getRandomString());
-  };
-  var onChangeStore = function onChangeStore(data) {
-    setQueryParams(_extends({}, queryParams, {
-      customerStoreIds: data
-    }));
-    setTriggerTableData(getRandomString());
+    fontColor = _ref.fontColor;
+  var _useState = React.useState(0),
+    value = _useState[0],
+    setValue = _useState[1];
+  var _useState2 = React.useState(),
+    storeData = _useState2[0],
+    setStoreData = _useState2[1];
+  var handleChange = function handleChange(event, newValue) {
+    setValue(newValue);
   };
-  var columns = [{
-    id: 'date',
-    label: 'Date',
-    minWidth: 150,
-    format: function format(value) {
-      return getLocalTime({
-        time: value
-      });
-    }
-  }, {
-    id: 'type',
-    label: 'Type',
-    minWidth: 150
-  }, {
-    label: 'Excess Amt',
-    id: 'excessAmount',
-    format: renderMoney,
-    minWidth: 150
-  }, {
-    label: 'Credit',
-    id: 'creditAmount',
-    format: renderMoney,
-    minWidth: 150
-  }, {
-    label: 'Debit',
-    id: 'debitAmount',
-    format: renderMoney,
-    minWidth: 150
-  }, {
-    label: 'Balance',
-    id: 'balance',
-    format: renderMoney,
-    minWidth: 150
-  }, {
-    id: 'id',
-    label: 'Order Id',
-    minWidth: 150
-  }, {
-    id: 'description',
-    label: 'Description',
-    minWidth: 150
-  }];
   React.useEffect(function () {
     (function () {
       try {
         var _temp = _catch(function () {
           return Promise.resolve(API$1({
-            url: "/ecommerce/customer",
             apiEndPoint: apiEndPoint,
-            token: token
-          })).then(function (customerDataResponse) {
-            setCustomerData(customerDataResponse);
+            token: token,
+            url: "/ecommerce/customer/store/" + (selectedStore === null || selectedStore === void 0 ? void 0 : selectedStore.id) + "/details",
+            errorMessage: 'Error in getting  store data.'
+          })).then(function (data) {
+            setStoreData(data);
           });
         }, function () {});
         return _temp && _temp.then ? _temp.then(function () {}) : void 0;
@@ -3590,262 +3683,170 @@ var Statement = function Statement(_ref) {
         Promise.reject(e);
       }
     })();
-  }, []);
-  var print = function print() {
-    var _customerData$custome, _customerData$custome2, _customerData$custome3;
-    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) + "&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;
-    var pdfUrl = "" + serviceApiEndPoint + location;
-    var w = window.open(pdfUrl);
-    w.print();
-  };
-  var getStatementAPIData = function getStatementAPIData(_ref2) {
-    var params = _ref2.params;
-    try {
-      var _customerData$custome4, _customerData$custome5;
-      return Promise.resolve(API$1({
-        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",
-        apiEndPoint: apiEndPoint,
-        token: token,
-        queryParams: _extends({}, params, queryParams)
-      })).then(function (data) {
-        return data === null || data === void 0 ? void 0 : data.customerDetailedStatementReportDtoList;
-      });
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(Root$3, {
-    backgroundColor: backgroundColor
-  }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
-    cacheFilters: true,
-    extraFilterParams: queryParams,
-    tableHeaderContent: /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.Grid, {
-      container: true,
-      justifyContent: "space-between",
-      alignItems: "center"
-    }, /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true
-    }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
-      variant: "h5",
-      gutterBottom: true,
-      fontColor: fontColor,
-      style: {
-        fontWeight: 600,
-        color: primaryColor,
-        padding: '1rem 0',
-        margin: 0
-      }
-    }, "Statement")), /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true
-    }, /*#__PURE__*/React__default.createElement(material.Button, {
-      variant: "contained",
-      onClick: function onClick() {
-        return print();
-      },
-      style: {
-        background: primaryColor
-      }
-    }, "Print Statement"))), /*#__PURE__*/React__default.createElement(material.Grid, {
-      container: true,
-      justifyContent: "flex-end",
-      alignItems: "center"
-    }, /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true
-    }, /*#__PURE__*/React__default.createElement(MuiSelect, {
-      label: "Select Store",
-      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,
-      onChange: onChangeStore,
-      options: (customerData === null || customerData === void 0 ? void 0 : customerData.customerStoreDtoList) || [],
-      valueKey: "id",
-      labelKey: "storeName",
-      fontColor: fontColor,
-      primaryColor: primaryColor
-    })), /*#__PURE__*/React__default.createElement(material.Grid, {
-      item: true
-    }, /*#__PURE__*/React__default.createElement(DateRangePicker, {
-      fontColor: fontColor,
-      primaryColor: primaryColor,
-      onChange: onDateChange,
-      initialStartDate: moment$1().startOf('month'),
-      initialEndDate: moment$1().endOf('month')
-    })))),
-    listUpdate: triggerTableData,
-    pagination: false,
-    scroll: {
-      x: 1000
-    },
-    tableId: "master-child-map",
-    columns: columns,
-    asyncService: getStatementAPIData,
-    rowKey: 'masterProductId',
+  }, []);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      borderBottom: 1,
+      borderColor: 'divider'
+    }
+  }, /*#__PURE__*/React__default.createElement(TabsContainer, {
+    value: value,
+    onChange: handleChange,
+    "aria-label": "basic tabs example",
+    primaryColor: primaryColor,
+    fontColor: fontColor
+  }, /*#__PURE__*/React__default.createElement(material.Tab, _extends({
+    label: "Store Details"
+  }, a11yProps(0))), /*#__PURE__*/React__default.createElement(material.Tab, _extends({
+    label: "Store Manager"
+  }, a11yProps(1))))), storeData && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TabPanel, {
+    value: value,
+    index: 0
+  }, /*#__PURE__*/React__default.createElement(StoreDetails, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    storeData: storeData,
     primaryColor: primaryColor,
     secondaryColor: secondaryColor,
     backgroundColor: backgroundColor,
     fontColor: fontColor
-  })));
+  })), /*#__PURE__*/React__default.createElement(TabPanel, {
+    value: value,
+    index: 1
+  }, /*#__PURE__*/React__default.createElement(StoreManager, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    storeData: storeData,
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor,
+    backgroundColor: backgroundColor,
+    fontColor: fontColor
+  })))));
 };
-var Root$3 = styled__default.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose([""])));
-var TypographyContainer$5 = styled__default(material.Typography)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+var TabsContainer = styled__default(material.Tabs)(_templateObject$j || (_templateObject$j = _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;
+}, function (props) {
+  return props.primaryColor;
 });
-var StatusContainer$1 = styled__default(material.Grid)(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n  display: initial;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  padding: 2px 4px;\n"])));
-var TableContainer$1 = styled__default.div(_templateObject4$4 || (_templateObject4$4 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  border-radius: 14px;\n"])));
 
-var _templateObject$k, _templateObject2$b;
-var ChangePassword = function ChangePassword(_ref) {
+var _templateObject$k, _templateObject2$b, _templateObject3$6;
+var StoreList = function StoreList(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
     primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
+    backgroundColor = _ref.backgroundColor,
     fontColor = _ref.fontColor;
   var _useState = React.useState(false),
-    isLoading = _useState[0],
-    setIsLoading = _useState[1];
-  var _useState2 = React.useState(false),
-    showOldPassword = _useState2[0],
-    setShowOldPassword = _useState2[1];
-  var _useState3 = React.useState(false),
-    showNewPassword = _useState3[0],
-    setShowNewPassword = _useState3[1];
-  var _useState4 = React.useState(false),
-    showConfirmPassword = _useState4[0],
-    setShowConfirmPassword = _useState4[1];
-  var _useForm = reactHookForm.useForm({
-      defaultValues: {}
-    }),
-    handleSubmit = _useForm.handleSubmit,
-    control = _useForm.control,
-    watch = _useForm.watch;
-  var updatePassword = function updatePassword(formData) {
+    openModal = _useState[0],
+    setOpenModal = _useState[1];
+  var _useState2 = React.useState(),
+    selectedStore = _useState2[0],
+    setSelectedStore = _useState2[1];
+  var _useState3 = React.useState(),
+    storeDataList = _useState3[0],
+    setStoreDataList = _useState3[1];
+  var getStoreDataList = function getStoreDataList() {
     try {
-      var _temp2 = function _temp2() {
-        setIsLoading(false);
-      };
-      setIsLoading(true);
       var _temp = _catch(function () {
         return Promise.resolve(API$1({
           apiEndPoint: apiEndPoint,
           token: token,
-          method: 'POST',
-          url: "/ecommerce/customer/changePassword",
-          body: _extends({}, formData),
-          errorMessage: 'Error in updating the password.',
-          successMessage: 'Password updated successfully.'
-        })).then(function () {
-          localStorage.clear();
-          setTimeout(function () {
-            window.location.replace('/');
-          }, 500);
+          url: "/ecommerce/customer/store/list",
+          errorMessage: 'Error in getting user profile data.'
+        })).then(function (data) {
+          setStoreDataList(data);
         });
       }, function () {});
-      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
   };
-  var pwd = watch('password');
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
+  React.useEffect(function () {
+    (function () {
+      return Promise.resolve(getStoreDataList()).then(function () {});
+    })();
+  }, []);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, openModal && /*#__PURE__*/React__default.createElement(Modal$1, {
+    onClose: function onClose() {
+      return setOpenModal(false);
+    },
+    "aria-labelledby": "customized-dialog-title",
+    open: openModal,
+    title: "Add Store",
+    maxWidth: "lg",
+    fontColor: fontColor,
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
+  }, /*#__PURE__*/React__default.createElement(AddStore, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    setOpenModal: setOpenModal,
+    getStoreDataList: getStoreDataList,
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor,
+    backgroundColor: backgroundColor,
     fontColor: fontColor
-  }, "Update Password Details"), /*#__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",
-    required: true,
-    control: control,
-    type: showOldPassword ? 'text' : 'password',
-    fontColor: fontColor,
-    InputProps: {
-      endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
-        position: "end"
-      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
-        "aria-label": "toggle password visibility",
-        onClick: function onClick() {
-          return setShowOldPassword(function (prev) {
-            return !prev;
-          });
-        },
-        edge: "end"
-      }, showOldPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
+  })), /*#__PURE__*/React__default.createElement(StoreHeader, null, /*#__PURE__*/React__default.createElement("span", {
+    className: "manageStore"
+  }, selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "text",
+    onClick: function onClick() {
+      setSelectedStore(null);
+    },
+    style: {
+      color: fontColor,
+      marginRight: 6
     }
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "New Password",
-    name: "password",
-    required: true,
-    control: control,
-    type: showNewPassword ? 'text' : 'password',
-    fontColor: fontColor,
-    InputProps: {
-      endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
-        position: "end"
-      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
-        "aria-label": "toggle password visibility",
-        onClick: function onClick() {
-          return setShowNewPassword(function (prev) {
-            return !prev;
-          });
-        },
-        edge: "end"
-      }, showNewPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
+  }, /*#__PURE__*/React__default.createElement(md.MdKeyboardArrowLeft, {
+    style: {
+      fontSize: 24,
+      color: fontColor
     }
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Confirm Password",
-    name: "confirmPassword",
-    required: true,
-    control: control,
-    type: showConfirmPassword ? 'text' : 'password',
-    rules: {
-      validate: function validate(value) {
-        return value === pwd || 'The passwords do not match';
-      }
-    },
+  }), /*#__PURE__*/React__default.createElement("span", null, "Back")), /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
     fontColor: fontColor,
-    InputProps: {
-      endAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
-        position: "end"
-      }, /*#__PURE__*/React__default.createElement(material.IconButton, {
-        "aria-label": "toggle password visibility",
-        onClick: function onClick() {
-          return setShowConfirmPassword(function (prev) {
-            return !prev;
-          });
-        },
-        edge: "end"
-      }, showConfirmPassword ? /*#__PURE__*/React__default.createElement(md.MdVisibilityOff, null) : /*#__PURE__*/React__default.createElement(md.MdVisibility, null)))
+    style: {
+      fontSize: 22
     }
-  })))), /*#__PURE__*/React__default.createElement(MuiButton, {
+  }, "Manage Store")), !selectedStore && /*#__PURE__*/React__default.createElement(MuiButton, {
     variant: "contained",
-    loading: isLoading,
-    onClick: handleSubmit(updatePassword),
     primaryColor: primaryColor,
+    onClick: function onClick() {
+      return setOpenModal(true);
+    }
+  }, /*#__PURE__*/React__default.createElement(md.MdAdd, {
     style: {
-      marginTop: 12
+      marginRight: 4,
+      fontSize: 15
     }
-  }, "Change Password")))));
+  }), "Add Store")), selectedStore ? /*#__PURE__*/React__default.createElement(StoreTabs, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor,
+    backgroundColor: backgroundColor,
+    fontColor: fontColor,
+    selectedStore: selectedStore
+  }) : /*#__PURE__*/React__default.createElement(ViewStoreList, {
+    apiEndPoint: apiEndPoint,
+    token: token,
+    primaryColor: primaryColor,
+    secondaryColor: secondaryColor,
+    backgroundColor: backgroundColor,
+    fontColor: fontColor,
+    setSelectedStore: setSelectedStore,
+    storeDataList: storeDataList
+  }));
 };
-var RootContainer$3 = styled__default(material.Stack)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
-  return props.secondaryColor;
-});
-var TypographyContainer$6 = styled__default(material.Typography)(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
+var Modal$1 = styled__default(MuiModal)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteralLoose([""])));
+var StoreHeader = styled__default.div(_templateObject2$b || (_templateObject2$b = _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$6 = styled__default(material.Typography)(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
 
@@ -3861,7 +3862,6 @@ var AccountDetails = function AccountDetails(_ref) {
     secondaryColor = _ref.secondaryColor,
     backgroundColor = _ref.backgroundColor,
     fontColor = _ref.fontColor,
-    backgroundImage = _ref.backgroundImage,
     _ref$darkMode = _ref.darkMode,
     darkMode = _ref$darkMode === void 0 ? false : _ref$darkMode,
     onChangeColors = _ref.onChangeColors,
@@ -3872,7 +3872,8 @@ var AccountDetails = function AccountDetails(_ref) {
     sectionRightImageSection = _ref.sectionRightImageSection,
     discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage,
-    imgNotFoundUrl = _ref.imgNotFoundUrl,
+    _ref$imgNotFoundUrl = _ref.imgNotFoundUrl,
+    imgNotFoundUrl = _ref$imgNotFoundUrl === void 0 ? noImgAvailable$1 : _ref$imgNotFoundUrl,
     hideInvoiceAction = _ref.hideInvoiceAction;
   var serviceApiEndPoint = apiEndPoint.replace('/api', '/services/pdf');
   var isMobile = useMediaQuery('(max-width:768px)');
@@ -3896,8 +3897,7 @@ var AccountDetails = function AccountDetails(_ref) {
       primaryColor: primaryColor || '#D2122E',
       secondaryColor: secondaryColor || '#FFFFFF',
       backgroundColor: backgroundColor || '#F5F5F5',
-      fontColor: fontColor || '#391111',
-      backgroundImage: backgroundImage
+      fontColor: fontColor || '#391111'
     }),
     colors = _useState4[0],
     setColors = _useState4[1];
@@ -3928,10 +3928,9 @@ var AccountDetails = function AccountDetails(_ref) {
       secondaryColor: secondaryColor || colors.secondaryColor,
       backgroundColor: backgroundColor || colors.backgroundColor,
       fontColor: fontColor || colors.fontColor,
-      backgroundImage: backgroundImage || colors.backgroundImage,
       isNightMode: isNightMode
     });
-  }, [primaryColor, secondaryColor, backgroundColor, fontColor, backgroundImage]);
+  }, [primaryColor, secondaryColor, backgroundColor, fontColor]);
   React.useEffect(function () {
     (function () {
       try {
@@ -3956,14 +3955,12 @@ var AccountDetails = function AccountDetails(_ref) {
       secondaryColor: secondaryColor || '#26232F',
       backgroundColor: backgroundColor || '#1F1B1B',
       fontColor: fontColor || '#fff',
-      backgroundImage: backgroundImage,
       isNightMode: isNightMode
     }) : setColors({
       primaryColor: primaryColor || '#BF262D',
       secondaryColor: secondaryColor || '#FFFFFF',
       backgroundColor: backgroundColor || '#F5F5F5',
       fontColor: fontColor || '#391111',
-      backgroundImage: backgroundImage,
       isNightMode: isNightMode
     });
   };
@@ -6728,7 +6725,7 @@ var MainContainer$2 = styled__default.div(_templateObject2$m || (_templateObject
 
 var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9;
 var OutOfStock = function OutOfStock(_ref) {
-  var _product$body, _product$body$content, _product$body2, _product$body2$conten;
+  var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
   var product = _ref.product,
     _ref$colors = _ref.colors,
     colors = _ref$colors === void 0 ? {
@@ -6750,7 +6747,7 @@ var OutOfStock = function OutOfStock(_ref) {
     setSubscribed = _React$useState4[1];
   var MasterProductDetails = product === null || product === void 0 ? void 0 : product.masterProductDetails;
   var outofstockproducts = (product === null || product === void 0 ? void 0 : (_product$body = product.body) === null || _product$body === void 0 ? void 0 : (_product$body$content = _product$body.content) === null || _product$body$content === void 0 ? void 0 : _product$body$content.filter(function (item) {
-    return item.availableQuantity === 0;
+    return (item === null || item === void 0 ? void 0 : item.availableQuantity) === 0;
   })) || [];
   var handleSelectAllClick = function handleSelectAllClick(event) {
     if (event.target.checked) {
@@ -6769,17 +6766,21 @@ var OutOfStock = function OutOfStock(_ref) {
   };
   var selectitem = function selectitem(product) {
     var selectedIndex = selected.findIndex(function (item) {
-      return item.productId === product.productId;
+      return (item === null || item === void 0 ? void 0 : item.productId) === (product === null || product === void 0 ? void 0 : product.productId);
     });
     var newSelected = [];
     if (selectedIndex === -1) {
-      newSelected = newSelected.concat(selected, product);
+      var _newSelected;
+      newSelected = (_newSelected = newSelected) === null || _newSelected === void 0 ? void 0 : _newSelected.concat(selected, product);
     } else if (selectedIndex === 0) {
-      newSelected = newSelected.concat(selected.slice(1));
+      var _newSelected2;
+      newSelected = (_newSelected2 = newSelected) === null || _newSelected2 === void 0 ? void 0 : _newSelected2.concat(selected === null || selected === void 0 ? void 0 : selected.slice(1));
     } else if (selectedIndex === selected.length - 1) {
-      newSelected = newSelected.concat(selected.slice(0, -1));
+      var _newSelected3;
+      newSelected = (_newSelected3 = newSelected) === null || _newSelected3 === void 0 ? void 0 : _newSelected3.concat(selected === null || selected === void 0 ? void 0 : selected.slice(0, -1));
     } else if (selectedIndex > 0) {
-      newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));
+      var _newSelected4;
+      newSelected = (_newSelected4 = newSelected) === null || _newSelected4 === void 0 ? void 0 : _newSelected4.concat(selected === null || selected === void 0 ? void 0 : selected.slice(0, selectedIndex), selected === null || selected === void 0 ? void 0 : selected.slice(selectedIndex + 1));
     }
     setSelected(newSelected);
   };
@@ -6845,10 +6846,10 @@ var OutOfStock = function OutOfStock(_ref) {
       if ((outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.length) === 0) {
         makeApiToNotify('master');
       } else {
-        if (selected.length === 0) {
+        if ((selected === null || selected === void 0 ? void 0 : selected.length) === 0) {
           return Promise.resolve();
         } else {
-          selected.forEach(function (product) {
+          selected === null || selected === void 0 ? void 0 : selected.forEach(function (product) {
             return Object.assign(product, {
               email: email,
               active: true
@@ -6864,7 +6865,7 @@ var OutOfStock = function OutOfStock(_ref) {
   };
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: colors || {}
-  }, ((product === null || product === void 0 ? void 0 : (_product$body2 = product.body) === null || _product$body2 === void 0 ? void 0 : (_product$body2$conten = _product$body2.content) === null || _product$body2$conten === void 0 ? void 0 : _product$body2$conten.length) > 0 || (product === null || product === void 0 ? void 0 : product.masterProductDetails.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement("p", {
+  }, ((product === null || product === void 0 ? void 0 : (_product$body2 = product.body) === null || _product$body2 === void 0 ? void 0 : (_product$body2$conten = _product$body2.content) === null || _product$body2$conten === void 0 ? void 0 : _product$body2$conten.length) > 0 || (product === null || product === void 0 ? void 0 : (_product$masterProduc = product.masterProductDetails) === null || _product$masterProduc === void 0 ? void 0 : _product$masterProduc.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement("p", {
     style: {
       margin: '0.5rem 0',
       fontSize: '1.3rem',
@@ -6891,7 +6892,7 @@ var OutOfStock = function OutOfStock(_ref) {
     inputProps: {
       'aria-label': 'select all desserts'
     }
-  })), product === null || product === void 0 ? void 0 : product.header.map(function (head, index) {
+  })), product === null || product === void 0 ? void 0 : (_product$header = product.header) === null || _product$header === void 0 ? void 0 : _product$header.map(function (head, index) {
     return /*#__PURE__*/React__default.createElement(TableCell, {
       align: index === 0 ? 'left' : 'center',
       key: index
@@ -6901,6 +6902,7 @@ var OutOfStock = function OutOfStock(_ref) {
       }
     }, head)));
   }))), /*#__PURE__*/React__default.createElement(TableBody, null, outofstockproducts === null || outofstockproducts === void 0 ? void 0 : outofstockproducts.map(function (variant, index) {
+    var _Object$keys;
     return /*#__PURE__*/React__default.createElement(TableRow, {
       key: index
     }, /*#__PURE__*/React__default.createElement(TableCell, {
@@ -6909,8 +6911,9 @@ var OutOfStock = function OutOfStock(_ref) {
       },
       padding: "checkbox"
     }, /*#__PURE__*/React__default.createElement(MainCheckbox, {
-      checked: isSelected(variant.productId)
-    })), Object.keys(variant.productVariantLabelValues).map(function (key, index) {
+      checked: isSelected(variant === null || variant === void 0 ? void 0 : variant.productId)
+    })), (variant === null || variant === void 0 ? void 0 : variant.productVariantLabelValues) && ((_Object$keys = Object.keys(variant === null || variant === void 0 ? void 0 : variant.productVariantLabelValues)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.map(function (key, index) {
+      var _variant$productVaria;
       return /*#__PURE__*/React__default.createElement(TableCell, {
         align: index === 0 ? 'left' : 'center',
         key: index,
@@ -6920,8 +6923,8 @@ var OutOfStock = function OutOfStock(_ref) {
         style: {
           fontWeight: 600
         }
-      }, variant.productVariantLabelValues[key]), index === 0 && /*#__PURE__*/React__default.createElement("p", null, variant.upc))));
-    }));
+      }, variant === null || variant === void 0 ? void 0 : (_variant$productVaria = variant.productVariantLabelValues) === null || _variant$productVaria === void 0 ? void 0 : _variant$productVaria[key]), index === 0 && /*#__PURE__*/React__default.createElement("p", null, variant === null || variant === void 0 ? void 0 : variant.upc))));
+    })));
   })))), /*#__PURE__*/React__default.createElement("div", {
     style: {
       padding: '0.6rem 0'
@@ -8013,6 +8016,34 @@ var RenderTawk = function RenderTawk(_ref) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
 };
 
+var SnowfallComponent = function SnowfallComponent(_ref) {
+  var _ref$snowflakeCount = _ref.snowflakeCount,
+    snowflakeCount = _ref$snowflakeCount === void 0 ? 20 : _ref$snowflakeCount,
+    _ref$wind = _ref.wind,
+    wind = _ref$wind === void 0 ? [0, 0] : _ref$wind,
+    _ref$rotationSpeed = _ref.rotationSpeed,
+    rotationSpeed = _ref$rotationSpeed === void 0 ? [0.1, 0.1] : _ref$rotationSpeed,
+    _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? [0.2, 0.2] : _ref$speed,
+    _ref$radius = _ref.radius,
+    radius = _ref$radius === void 0 ? [1, 4] : _ref$radius,
+    images = _ref.images;
+  return /*#__PURE__*/React__default.createElement(Snowfall, {
+    style: {
+      position: 'fixed',
+      width: '100vw',
+      height: '100vh',
+      zIndex: 99999
+    },
+    snowflakeCount: snowflakeCount,
+    radius: radius,
+    images: images,
+    wind: wind,
+    rotationSpeed: rotationSpeed,
+    speed: speed
+  });
+};
+
 var _templateObject$B, _templateObject2$q;
 var ContactUsForm = function ContactUsForm(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
@@ -10552,6 +10583,7 @@ exports.HomeBanner = HomeBanner;
 exports.OutOfStock = OutOfStock;
 exports.QuickOrder = QuickOrder;
 exports.RenderTawk = RenderTawk;
+exports.Snowfall = SnowfallComponent;
 exports.StaticPage = StaticPage;
 exports.ThankYou = ThankYou;
 exports.Variant = Variant;