npm - @salesgenterp/ui-components - Versions diffs - 0.4.278 → 0.4.280 - Mend

@salesgenterp/ui-components 0.4.278 → 0.4.280

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.js CHANGED Viewed

@@ -1,20 +1,21 @@
 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 md = require('react-icons/md');
+var ai = require('react-icons/ai');
 var styled = require('styled-components');
 var styled__default = _interopDefault(styled);
 var axios = _interopDefault(require('axios'));
 var lodash = require('lodash');
-var moment = _interopDefault(require('moment'));
+var ReCAPTCHA = _interopDefault(require('react-google-recaptcha'));
 var reactHookForm = require('react-hook-form');
+var styles = require('@mui/material/styles');
+var useMediaQuery = _interopDefault(require('@mui/material/useMediaQuery'));
+var md = require('react-icons/md');
+var moment = _interopDefault(require('moment'));
 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');
@@ -49,7 +50,6 @@ 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');
 var Cards = _interopDefault(require('react-credit-cards'));
@@ -592,6 +592,308 @@ var handleError = function handleError(_ref6) {
   }
 };
+var _templateObject;
+var StaticContainer = styled__default.div(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: 1rem;\n  width: 100%;\n  color: #606060;\n  .top-bar {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    text-align: center;\n    font-size: 3.2rem;\n    font-weight: bold;\n    text-transform: uppercase;\n    color: ", ";\n  }\n  .route-bar {\n    text-transform: capitalize;\n    p {\n      padding: 0;\n      word-spacing: 5px;\n      display: flex;\n      align-items: center;\n      color: #606060;\n    }\n  }\n  .data-container {\n    margin: auto;\n  }\n  hr {\n    border-bottom: 2px solid #eceff8;\n    border-top: 0px;\n    margin: 1rem 0;\n  }\n  li {\n    margin-left: 1rem;\n  }\n  a {\n    color: ", ";\n  }\n  p {\n    font-size: 1.2rem;\n    margin: 1rem 0;\n    width: 100%;\n    color: #606060;\n  }\n"])), function (props) {
+  return props.theme.primaryColor;
+}, function (props) {
+  return props.theme.primaryColor;
+});
+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;
+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$2 || (_templateObject$2 = _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$3, _templateObject2;
+var ContactUsForm = function ContactUsForm(_ref) {
+  var apiEndPoint = _ref.apiEndPoint,
+    primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor,
+    fontColor = _ref.fontColor,
+    googleReCaptchaKey = _ref.googleReCaptchaKey,
+    _ref$logoUrl = _ref.logoUrl,
+    logoUrl = _ref$logoUrl === void 0 ? '' : _ref$logoUrl;
+  var _useState = React.useState(false),
+    isLoading = _useState[0],
+    setIsLoading = _useState[1];
+  var _React$useState = React__default.useState(false),
+    isCaptchaVerified = _React$useState[0],
+    setIsCaptchaVerified = _React$useState[1];
+  var _useState2 = React.useState([]);
+  var _useForm = reactHookForm.useForm({}),
+    handleSubmit = _useForm.handleSubmit,
+    control = _useForm.control,
+    reset = _useForm.reset;
+  var update = function update(formData) {
+    try {
+      if (googleReCaptchaKey) {
+        if (!isCaptchaVerified) return Promise.resolve(alert('Please Mark the captcha to continue'));
+      }
+      var _temp3 = function () {
+        if (apiEndPoint) {
+          var _temp2 = function _temp2() {
+            setIsLoading(false);
+          };
+          setIsLoading(true);
+          var _temp = _catch(function () {
+            return Promise.resolve(API$1({
+              apiEndPoint: apiEndPoint === null || apiEndPoint === void 0 ? void 0 : apiEndPoint.replace('/api', '/services/pdf'),
+              method: 'POST',
+              url: "/email/customer/contact-us",
+              body: _extends({}, formData, {
+                logoUrl: logoUrl
+              }),
+              errorMessage: 'Error in contact us form.',
+              successMessage: 'Your message is sent successfully. We will contact you soon.'
+            })).then(function () {
+              reset();
+            });
+          }, function () {});
+          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        }
+      }();
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer, {
+    secondaryColor: secondaryColor
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+    fontColor: fontColor
+  }, "Get In Touch"), /*#__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: "Name",
+    name: "name",
+    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
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Phone",
+    name: "phone",
+    type: "number",
+    control: control,
+    fontColor: fontColor
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(FormTextField, {
+    label: "Message",
+    name: "message",
+    multiline: true,
+    rows: 4,
+    control: control,
+    fontColor: fontColor
+  })), googleReCaptchaKey && /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(ReCAPTCHA, {
+    sitekey: googleReCaptchaKey,
+    onChange: function onChange() {
+      return setIsCaptchaVerified(true);
+    }
+  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "contained",
+    loading: isLoading,
+    onClick: handleSubmit(update),
+    primaryColor: primaryColor,
+    style: {
+      marginTop: 12
+    }
+  }, "Submit"))));
+};
+var TypographyContainer = styled__default(material.Typography)(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
+  return props.fontColor;
+});
+var RootContainer = styled__default(material.Stack)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  margin-bottom: 1rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  p {\n    margin: 0 !important;\n  }\n"])), function (props) {
+  return props.secondaryColor;
+});
+var _templateObject$4;
+var APIStaticPage = function APIStaticPage(_ref) {
+  var _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? {
+      primaryColor: '#D2122E'
+    } : _ref$colors,
+    maxWidth = _ref.maxWidth,
+    mapSrc = _ref.mapSrc,
+    googleReCaptchaKey = _ref.googleReCaptchaKey,
+    apiEndPoint = _ref.apiEndPoint,
+    id = _ref.id;
+  var _useState = React.useState(false),
+    contactUsForm = _useState[0],
+    setContactUsForm = _useState[1];
+  var _useState2 = React.useState(),
+    staticPage = _useState2[0],
+    setStaticPage = _useState2[1];
+  var _useState3 = React.useState(''),
+    logoUrl = _useState3[0],
+    setLogoUrl = _useState3[1];
+  React.useEffect(function () {
+    if (apiEndPoint) {
+      (function () {
+        return _catch(function () {
+          var _temp2 = function () {
+            if (id) {
+              return Promise.resolve(API$1({
+                apiEndPoint: apiEndPoint,
+                url: "/ecommerce/staticPage/" + id
+              })).then(function (response) {
+                setStaticPage(response);
+                var _temp = function (_response$title) {
+                  if ((response === null || response === void 0 ? void 0 : (_response$title = response.title) === null || _response$title === void 0 ? void 0 : _response$title.toLowerCase()) === 'contact us') {
+                    return Promise.resolve(API$1({
+                      apiEndPoint: apiEndPoint,
+                      url: "/store"
+                    })).then(function (storeData) {
+                      var _storeData$;
+                      setContactUsForm(true);
+                      setLogoUrl((storeData === null || storeData === void 0 ? void 0 : (_storeData$ = storeData[0]) === null || _storeData$ === void 0 ? void 0 : _storeData$.logoUrl) || '');
+                    });
+                  }
+                }();
+                if (_temp && _temp.then) return _temp.then(function () {});
+              });
+            }
+          }();
+          if (_temp2 && _temp2.then) return _temp2.then(function () {});
+        }, function () {});
+      })();
+    }
+  }, []);
+  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
+    theme: colors
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root, null, staticPage && /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
+    className: "top-bar"
+  }, staticPage === null || staticPage === void 0 ? void 0 : staticPage.header), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
+    width: "100%",
+    height: "600",
+    src: mapSrc,
+    style: {
+      border: 0
+    },
+    allowfullscreen: "",
+    loading: "lazy",
+    referrerPolicy: "no-referrer-when-downgrade"
+  }), /*#__PURE__*/React__default.createElement("div", {
+    className: "data-container",
+    style: {
+      maxWidth: maxWidth || 1470
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "route-bar"
+  }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement(ai.AiOutlineHome, null), "\xA0Home\xA0", /*#__PURE__*/React__default.createElement(ai.AiOutlineRight, null), "\xA0", staticPage === null || staticPage === void 0 ? void 0 : staticPage.header)), /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 4,
+    justifyContent: "center"
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    sm: 12,
+    md: contactUsForm ? 6 : 12
+  }, /*#__PURE__*/React__default.createElement("div", {
+    dangerouslySetInnerHTML: {
+      __html: data || ''
+    }
+  })), contactUsForm && /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    sm: 12,
+    md: 6
+  }, /*#__PURE__*/React__default.createElement(ContactUsForm, {
+    primaryColor: colors === null || colors === void 0 ? void 0 : colors.primaryColor,
+    fontColor: "#606060",
+    googleReCaptchaKey: googleReCaptchaKey,
+    apiEndPoint: apiEndPoint,
+    token: token,
+    logoUrl: logoUrl
+  }))))))));
+};
+var Root = styled__default(material.Box)(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteralLoose([""])));
 var convertCamCaseToSnake = function convertCamCaseToSnake(child) {
   var _Object$keys;
   var data = [];
@@ -715,77 +1017,7 @@ var isVideo = function isVideo(filename) {
 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 _templateObject$5, _templateObject2$1;
 var ChangePassword = function ChangePassword(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -838,9 +1070,9 @@ var ChangePassword = function ChangePassword(_ref) {
     }
   };
   var pwd = watch('password');
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$1, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
     fontColor: fontColor
   }, "Update Password Details"), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -936,10 +1168,10 @@ var ChangePassword = function ChangePassword(_ref) {
     }
   }, "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) {
+var RootContainer$1 = styled__default(material.Stack)(_templateObject$5 || (_templateObject$5 = _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) {
+var TypographyContainer$1 = styled__default(material.Typography)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
@@ -971,7 +1203,7 @@ var getcsvData = function getcsvData(_ref3) {
   }
 };
-var _templateObject$3;
+var _templateObject$6;
 var Loader = function Loader(_ref) {
   var style = _ref.style;
   return /*#__PURE__*/React__default.createElement(LoaderContainer, {
@@ -980,9 +1212,9 @@ var Loader = function Loader(_ref) {
     color: "inherit"
   })));
 };
-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 LoaderContainer = styled__default.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  width: 100%;\n  & > div {\n    margin: auto;\n    width: 50px;\n    height: 50px;\n  }\n"])));
-var _templateObject$4, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject$7, _templateObject2$2, _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;
@@ -1160,7 +1392,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
       filters: filters
     });
   };
-  return /*#__PURE__*/React__default.createElement(Root, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
+  return /*#__PURE__*/React__default.createElement(Root$1, null, /*#__PURE__*/React__default.createElement(PaperContainer, props, /*#__PURE__*/React__default.createElement(HeaderContent, null, props.tableHeaderContent), /*#__PURE__*/React__default.createElement(TableStyledContainer, _extends({
     sx: {
       maxHeight: 700
     }
@@ -1197,10 +1429,10 @@ var APITable = React.forwardRef(function (_ref, ref) {
     onRowsPerPageChange: handleChangeRowsPerPage
   }, 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) {
+var Root$1 = styled__default(material.Stack)(_templateObject$7 || (_templateObject$7 = _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$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) {
+var PaperContainer = styled__default(material.Paper)(_templateObject2$2 || (_templateObject2$2 = _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;
@@ -1226,7 +1458,7 @@ var TablePaginationContainer = styled__default(material.TablePagination)(_templa
   return props.fontColor;
 });
-var _templateObject$5, _templateObject2$2, _templateObject3$1;
+var _templateObject$8, _templateObject2$3, _templateObject3$1;
 var DateRangePicker = function DateRangePicker(_ref) {
   var onChange = _ref.onChange,
     fontColor = _ref.fontColor,
@@ -1250,7 +1482,7 @@ var DateRangePicker = function DateRangePicker(_ref) {
       setEndDate(null);
     }
   };
-  return /*#__PURE__*/React__default.createElement(Root$1, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  return /*#__PURE__*/React__default.createElement(Root$2, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     justifyContent: "space-between",
     alignItems: "center"
@@ -1289,8 +1521,8 @@ var DateRangePicker = function DateRangePicker(_ref) {
     }
   }, "Apply"))));
 };
-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) {
+var Root$2 = styled__default.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose([""])));
+var DatePickerContainer = styled__default(DesktopDatePicker.DesktopDatePicker)(_templateObject2$3 || (_templateObject2$3 = _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;
@@ -1301,7 +1533,7 @@ var TextContainer = styled__default.span(_templateObject3$1 || (_templateObject3
   return props.fontColor;
 });
-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 _templateObject$9, _templateObject2$4, _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)
@@ -1503,7 +1735,7 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: true
-  }, /*#__PURE__*/React__default.createElement(Root$2, {
+  }, /*#__PURE__*/React__default.createElement(Root$3, {
     backgroundColor: backgroundColor
   }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(TitleContainer, {
     fontColor: fontColor,
@@ -1628,7 +1860,7 @@ var Dashboard = function Dashboard(_ref) {
       container: true,
       justifyContent: "space-between",
       alignItems: "center"
-    }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+    }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
       variant: "h4",
       gutterBottom: true,
       fontColor: fontColor,
@@ -1700,7 +1932,7 @@ var Dashboard = function Dashboard(_ref) {
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     variant: "h6",
     gutterBottom: true,
     backgroundColor: secondaryColor,
@@ -1717,7 +1949,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$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     variant: "h6",
     gutterBottom: true,
     backgroundColor: secondaryColor,
@@ -1734,7 +1966,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$1, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
     variant: "h6",
     gutterBottom: true,
     backgroundColor: secondaryColor,
@@ -1796,8 +2028,8 @@ var Dashboard = function Dashboard(_ref) {
     }
   })))))))));
 };
-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) {
+var Root$3 = styled__default.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteralLoose([""])));
+var TitleContainer = styled__default.h4(_templateObject2$4 || (_templateObject2$4 = _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;
@@ -1807,7 +2039,7 @@ var MeetContainer = styled__default.h4(_templateObject3$2 || (_templateObject3$2
 }, function (props) {
   return props.fontColor;
 });
-var TypographyContainer$1 = styled__default(material.Typography)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+var TypographyContainer$2 = 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"])));
@@ -1865,7 +2097,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$7, _templateObject2$4, _templateObject3$3, _templateObject4$2, _templateObject5$2;
+var _templateObject$a, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
 var MyProfile = function MyProfile(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -1956,7 +2188,7 @@ var MyProfile = function MyProfile(_ref) {
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
     gutterBottom: true,
     backgroundColor: secondaryColor,
     fontColor: fontColor,
@@ -1972,7 +2204,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$2, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
     gutterBottom: true,
     backgroundColor: secondaryColor,
     fontColor: fontColor,
@@ -1988,7 +2220,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$2, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
     gutterBottom: true,
     backgroundColor: secondaryColor,
     fontColor: fontColor,
@@ -2001,9 +2233,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$1, {
+  }), (userDetails === null || userDetails === void 0 ? void 0 : userDetails.email) || 'N/A'))))))), /*#__PURE__*/React__default.createElement(RootContainer$2, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$2, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
     fontColor: fontColor
   }, "Update Profile Details"), /*#__PURE__*/React__default.createElement("form", null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -2100,23 +2332,23 @@ var MyProfile = function MyProfile(_ref) {
     }
   }, "Update Profile"))));
 };
-var MeetContainer$1 = styled__default.h4(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n  span > b {\n    color: ", ";\n    font-size: 1.5rem;\n  }\n  b {\n    color: ", ";\n    font-size: 1.5rem;\n  }\n"])), function (props) {
+var MeetContainer$1 = styled__default.h4(_templateObject$a || (_templateObject$a = _taggedTemplateLiteralLoose(["\n  span > b {\n    color: ", ";\n    font-size: 1.5rem;\n  }\n  b {\n    color: ", ";\n    font-size: 1.5rem;\n  }\n"])), function (props) {
   return props.primaryColor;
 }, function (props) {
   return props.fontColor;
 });
-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) {
+var TypographyContainer$3 = styled__default(material.Typography)(_templateObject2$5 || (_templateObject2$5 = _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$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) {
+var RootContainer$2 = 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;
+var _templateObject$b;
 var SideMenuItemComponent = function SideMenuItemComponent(props) {
   var className = props.className,
     onClick = props.onClick,
@@ -2210,7 +2442,7 @@ var SideMenuItem = function SideMenuItem(props) {
   }))) : 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 ListItemIconContainer = styled__default(material.ListItemIcon)(_templateObject$b || (_templateObject$b = _taggedTemplateLiteralLoose(["\n  min-width: 40px !important;\n"])));
 var SideMenuItemComponentContainer = styles.styled(SideMenuItemComponent)(function (_ref) {
   var primaryColor = _ref.primaryColor,
     list = _ref.list,
@@ -2319,7 +2551,7 @@ var SideMenu = function SideMenu(props) {
   }));
 };
-var _templateObject$9, _templateObject2$5;
+var _templateObject$c, _templateObject2$6;
 function MuiSelect(_ref) {
   var label = _ref.label,
     onChange = _ref.onChange,
@@ -2361,18 +2593,18 @@ function MuiSelect(_ref) {
     }, 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) {
+var SelectContainer = styled__default(Select$1)(_templateObject$c || (_templateObject$c = _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(InputLabel)(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
+var InputContainer = styled__default(InputLabel)(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
   return props.fontColor;
 });
-var _templateObject$a, _templateObject2$6, _templateObject3$4, _templateObject4$3;
+var _templateObject$d, _templateObject2$7, _templateObject3$4, _templateObject4$3;
 var Statement = function Statement(_ref) {
   var _customerData$custome6, _customerData$custome7;
   var apiEndPoint = _ref.apiEndPoint,
@@ -2500,7 +2732,7 @@ var Statement = function Statement(_ref) {
       return Promise.reject(e);
     }
   };
-  return /*#__PURE__*/React__default.createElement(Root$3, {
+  return /*#__PURE__*/React__default.createElement(Root$4, {
     backgroundColor: backgroundColor
   }, /*#__PURE__*/React__default.createElement(TableContainer$1, null, !lodash.isEmpty(customerData) && /*#__PURE__*/React__default.createElement(APITable, {
     cacheFilters: true,
@@ -2511,7 +2743,7 @@ var Statement = function Statement(_ref) {
       alignItems: "center"
     }, /*#__PURE__*/React__default.createElement(material.Grid, {
       item: true
-    }, /*#__PURE__*/React__default.createElement(TypographyContainer$3, {
+    }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
       variant: "h5",
       gutterBottom: true,
       fontColor: fontColor,
@@ -2570,14 +2802,14 @@ var Statement = function Statement(_ref) {
     fontColor: fontColor
   })));
 };
-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) {
+var Root$4 = styled__default.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteralLoose([""])));
+var TypographyContainer$4 = 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 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$7;
+var _templateObject$e, _templateObject2$8;
 var FormSelect = function FormSelect(props) {
   var label = props.label,
     name = props.name,
@@ -2631,14 +2863,14 @@ var FormSelect = function FormSelect(props) {
     }
   });
 };
-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) {
+var SelectField = styled__default(material.Select)(_templateObject$e || (_templateObject$e = _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$1 = styled__default(material.InputLabel)(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
+var InputContainer$1 = styled__default(material.InputLabel)(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  color: ", " !important;\n"])), function (props) {
   return props.fontColor;
 });
@@ -2672,7 +2904,7 @@ var getCountry = function getCountry(_ref2) {
   }
 };
-var _templateObject$c;
+var _templateObject$f;
 var AddStore = function AddStore(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -2904,11 +3136,11 @@ var AddStore = function AddStore(_ref) {
     }
   }, "Add Store")));
 };
-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) {
+var HeaderContainer = 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 _templateObject$d;
+var _templateObject$g;
 var ViewStoreList = function ViewStoreList(_ref) {
   var primaryColor = _ref.primaryColor,
     secondaryColor = _ref.secondaryColor,
@@ -2958,7 +3190,7 @@ var ViewStoreList = function ViewStoreList(_ref) {
     }), /*#__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) || '-')))));
   })));
 };
-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) {
+var StoreContainer = styled__default(material.Card)(_templateObject$g || (_templateObject$g = _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;
@@ -2966,7 +3198,7 @@ var StoreContainer = styled__default(material.Card)(_templateObject$d || (_templ
   return props.fontColor;
 });
-var _templateObject$e, _templateObject2$8;
+var _templateObject$h, _templateObject2$9;
 var FormCheckbox = function FormCheckbox(props) {
   var label = props.label,
     name = props.name,
@@ -3008,14 +3240,14 @@ var FormCheckbox = function FormCheckbox(props) {
     }
   });
 };
-var CheckboxField = styled__default(material.Checkbox)(_templateObject$e || (_templateObject$e = _taggedTemplateLiteralLoose(["\n  svg {\n    color: ", " !important;\n  }\n"])), function (props) {
+var CheckboxField = styled__default(material.Checkbox)(_templateObject$h || (_templateObject$h = _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) {
+var FormControlLabelContainer = styled__default(material.FormControlLabel)(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteralLoose(["\n  .MuiTypography-root {\n    color: ", " !important;\n  }\n"])), function (props) {
   return props.fontColor;
 });
-var _templateObject$f;
+var _templateObject$i;
 var AddEditAddress = function AddEditAddress(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -3227,11 +3459,11 @@ var AddEditAddress = function AddEditAddress(_ref) {
     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) {
+var HeaderContainer$1 = styled__default.h2(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  margin-top: 1rem;\n  font-size: 1.3rem;\n  font-weight: 500;\n"])), function (props) {
   return props.fontColor;
 });
-var _templateObject$g;
+var _templateObject$j;
 var _excluded$1 = ["children", "onClose", "fontColor"];
 var MuiModal = function MuiModal(props) {
   var fontColor = props.fontColor,
@@ -3275,11 +3507,11 @@ function BootstrapDialogTitle(props) {
     }
   }, /*#__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) {
+var ModalContainer = styled__default(material.Dialog)(_templateObject$j || (_templateObject$j = _taggedTemplateLiteralLoose(["\n  .MuiPaper-root {\n    background: ", ";\n  }\n"])), function (props) {
   return props.secondaryColor;
 });
-var _templateObject$h, _templateObject2$9, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$2;
+var _templateObject$k, _templateObject2$a, _templateObject3$5, _templateObject4$4, _templateObject5$3, _templateObject6$2;
 var StoreDetails = function StoreDetails(_ref) {
   var _storeAddresses$filte;
   var apiEndPoint = _ref.apiEndPoint,
@@ -3353,9 +3585,9 @@ var StoreDetails = function StoreDetails(_ref) {
       return Promise.reject(e);
     }
   };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$2, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
     fontColor: fontColor,
     style: {
       fontSize: '1.2rem'
@@ -3424,7 +3656,7 @@ var StoreDetails = function StoreDetails(_ref) {
     secondaryColor: secondaryColor,
     backgroundColor: backgroundColor,
     fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(HeaderContainer$2, null, /*#__PURE__*/React__default.createElement(TypographyContainer$4, {
+  })), /*#__PURE__*/React__default.createElement(HeaderContainer$2, null, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
     fontColor: fontColor,
     style: {
       fontSize: 22
@@ -3491,10 +3723,10 @@ var StoreDetails = function StoreDetails(_ref) {
     }, (address === null || address === void 0 ? void 0 : address.address1) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address1), (address === null || address === void 0 ? void 0 : address.address2) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.address2), ((address === null || address === void 0 ? void 0 : address.city) || (address === null || address === void 0 ? void 0 : address.state)) && /*#__PURE__*/React__default.createElement("p", null, (address === null || address === void 0 ? void 0 : address.city) + (address === null || address === void 0 ? void 0 : address.state)), (address === null || address === void 0 ? void 0 : address.country) && /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.country), /*#__PURE__*/React__default.createElement("p", null, address === null || address === void 0 ? void 0 : address.phone), (address === null || address === void 0 ? void 0 : address.defaultBillingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default billing address")), (address === null || address === void 0 ? void 0 : address.defaultShippingAddress) && /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, "Default shipping address"))))));
   })));
 };
-var 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) {
+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 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) {
+var AddressContainer = styled__default(material.Card)(_templateObject2$a || (_templateObject2$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: 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;
@@ -3502,7 +3734,7 @@ var AddressContainer = styled__default(material.Card)(_templateObject2$9 || (_te
   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) {
+var TypographyContainer$5 = 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"])));
@@ -3510,7 +3742,7 @@ var AddressCardContainer = styled__default.div(_templateObject6$2 || (_templateO
   return props.primaryColor;
 });
-var _templateObject$i, _templateObject2$a;
+var _templateObject$l, _templateObject2$b;
 var StoreManager = function StoreManager(_ref) {
   var _storeData$managerDet;
   var apiEndPoint = _ref.apiEndPoint,
@@ -3555,9 +3787,9 @@ var StoreManager = function StoreManager(_ref) {
     }),
     handleSubmit = _useForm.handleSubmit,
     control = _useForm.control;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$3, {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$4, {
     secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$5, {
+  }, /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
     fontColor: fontColor,
     style: {
       fontSize: '1.2rem'
@@ -3617,14 +3849,14 @@ var StoreManager = function StoreManager(_ref) {
     }
   }, 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) {
+var RootContainer$4 = styled__default(material.Stack)(_templateObject$l || (_templateObject$l = _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$5 = styled__default(material.Typography)(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+var TypographyContainer$6 = styled__default(material.Typography)(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
-var _templateObject$j;
+var _templateObject$m;
 var _excluded$2 = ["children", "value", "index"];
 function TabPanel(props) {
   var children = props.children,
@@ -3727,7 +3959,7 @@ var StoreTabs = function StoreTabs(_ref) {
     fontColor: fontColor
   })))));
 };
-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) {
+var TabsContainer = styled__default(material.Tabs)(_templateObject$m || (_templateObject$m = _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;
@@ -3735,7 +3967,7 @@ var TabsContainer = styled__default(material.Tabs)(_templateObject$j || (_templa
   return props.primaryColor;
 });
-var _templateObject$k, _templateObject2$b, _templateObject3$6;
+var _templateObject$n, _templateObject2$c, _templateObject3$6;
 var StoreList = function StoreList(_ref) {
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
@@ -3809,7 +4041,7 @@ var StoreList = function StoreList(_ref) {
       fontSize: 24,
       color: fontColor
     }
-  }), /*#__PURE__*/React__default.createElement("span", null, "Back")), /*#__PURE__*/React__default.createElement(TypographyContainer$6, {
+  }), /*#__PURE__*/React__default.createElement("span", null, "Back")), /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
     fontColor: fontColor,
     style: {
       fontSize: 22
@@ -3844,13 +4076,13 @@ var StoreList = function StoreList(_ref) {
     storeDataList: storeDataList
   }));
 };
-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) {
+var Modal$1 = styled__default(MuiModal)(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose([""])));
+var StoreHeader = styled__default.div(_templateObject2$c || (_templateObject2$c = _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$7 = styled__default(material.Typography)(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
-var _templateObject$l, _templateObject2$c, _templateObject3$7, _templateObject4$5;
+var _templateObject$o, _templateObject2$d, _templateObject3$7, _templateObject4$5;
 var AccountDetails = function AccountDetails(_ref) {
   var _storeData$map, _storeData$find, _storeData$;
   var _ref$apiEndPoint = _ref.apiEndPoint,
@@ -4039,14 +4271,14 @@ var AccountDetails = function AccountDetails(_ref) {
           defaultStoreId: defaultStoreId
         });
       default:
-        return /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
+        return /*#__PURE__*/React__default.createElement(TypographyContainer$8, {
           fontColor: colors.fontColor
         }, "Empty");
     }
   };
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: colors
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$4, null, /*#__PURE__*/React__default.createElement(MainContainer, {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$5, null, /*#__PURE__*/React__default.createElement(MainContainer, {
     backgroundColor: colors.backgroundColor,
     open: open
   }, /*#__PURE__*/React__default.createElement(ContainerDrawer, {
@@ -4103,7 +4335,7 @@ var AccountDetails = function AccountDetails(_ref) {
         color: colors.fontColor
       }
     }
-  }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$7, {
+  }, open ? /*#__PURE__*/React__default.createElement(md.MdOutlineMenuOpen, null) : /*#__PURE__*/React__default.createElement(md.MdMenu, null)), /*#__PURE__*/React__default.createElement(TypographyContainer$8, {
     variant: "h6",
     noWrap: true,
     component: "div",
@@ -4128,14 +4360,14 @@ var AccountDetails = function AccountDetails(_ref) {
     }
   }, isNightMode ? /*#__PURE__*/React__default.createElement(md.MdDarkMode, null) : /*#__PURE__*/React__default.createElement(md.MdOutlineDarkMode, null)))), /*#__PURE__*/React__default.createElement("div", null, apiEndPoint && token && renderListItemComponent()))))));
 };
-var Root$4 = styled__default(material.Box)(_templateObject$l || (_templateObject$l = _taggedTemplateLiteralLoose(["\n  // background-image: url(", ");\n  // background-position: center;\n  // background-repeat: no-repeat;\n  // background-size: cover;\n  padding: 1.4rem;\n  background-color: ", ";\n"])), function (props) {
+var Root$5 = styled__default(material.Box)(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  // background-image: url(", ");\n  // background-position: center;\n  // background-repeat: no-repeat;\n  // background-size: cover;\n  padding: 1.4rem;\n  background-color: ", ";\n"])), function (props) {
   var _props$theme;
   return (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.backgroundImage;
 }, function (props) {
   var _props$theme2, _props$theme3, _props$theme4;
   return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.isNightMode ? (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.secondaryColor : "rgba(" + hexToRgbA((_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.primaryColor) + ",0.1)";
 });
-var MainContainer = styled__default.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  margin: auto;\n  min-height: 100vh;\n  background-color: ", ";\n  max-width: ", ";\n  padding: 2rem;\n  border-radius: 14px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
+var MainContainer = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  margin: auto;\n  min-height: 100vh;\n  background-color: ", ";\n  max-width: ", ";\n  padding: 2rem;\n  border-radius: 14px;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n"])), function (props) {
   return props.backgroundColor;
 }, function (props) {
   return props.open ? '1800px' : '1600px';
@@ -4175,7 +4407,7 @@ var ContainerDrawer = styled__default(material.Drawer)(_templateObject3$7 || (_t
 }, function (props) {
   return props.primaryColor || transparent;
 });
-var TypographyContainer$7 = styled__default(material.Typography)(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
+var TypographyContainer$8 = styled__default(material.Typography)(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  align-items: center;\n"])), function (props) {
   return props.fontColor;
 });
@@ -4256,7 +4488,7 @@ var AsyncDataLoad = function AsyncDataLoad(_ref) {
 };
 var AsyncDataLoadComponent = React.memo(AsyncDataLoad);
-var _templateObject$m, _templateObject2$d, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2;
+var _templateObject$p, _templateObject2$e, _templateObject3$8, _templateObject4$6, _templateObject5$4, _templateObject6$3, _templateObject7$2, _templateObject8$2;
 var BrandStock = function BrandStock(_ref) {
   var _Object$keys, _Object$keys2, _data$brands;
   var storeData = _ref.storeData,
@@ -4319,7 +4551,7 @@ var BrandStock = function BrandStock(_ref) {
   }, []);
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: colors
-  }, /*#__PURE__*/React__default.createElement(Root$5, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(TitleContainer$1, null, /*#__PURE__*/React__default.createElement("p", null, "Product stock sheet"), /*#__PURE__*/React__default.createElement("span", null, "Updated automatically every 5 minutes")), /*#__PURE__*/React__default.createElement(MainContainer$1, null, (data === null || data === void 0 ? void 0 : data.logoUrl) && /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(TitleContainer$1, null, /*#__PURE__*/React__default.createElement("p", null, "Product stock sheet"), /*#__PURE__*/React__default.createElement("span", null, "Updated automatically every 5 minutes")), /*#__PURE__*/React__default.createElement(MainContainer$1, null, (data === null || data === void 0 ? void 0 : data.logoUrl) && /*#__PURE__*/React__default.createElement("div", {
     className: "logo"
   }, /*#__PURE__*/React__default.createElement("img", {
     className: "logoImage",
@@ -4406,8 +4638,8 @@ var BrandStock = function BrandStock(_ref) {
     }));
   })), (data === null || data === void 0 ? void 0 : data.returnPolicy) && /*#__PURE__*/React__default.createElement(ReturnPolicyContainer, null, /*#__PURE__*/React__default.createElement("h2", null, "Return Policy"), data === null || data === void 0 ? void 0 : data.returnPolicy))));
 };
-var Root$5 = styled__default.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteralLoose(["\n  padding: 1rem;\n"])));
-var TitleContainer$1 = styled__default.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteralLoose(["\n  padding: 0 1rem;\n  display: flex;\n  justify-content: space-between;\n"])));
+var Root$6 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  padding: 1rem;\n"])));
+var TitleContainer$1 = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n  padding: 0 1rem;\n  display: flex;\n  justify-content: space-between;\n"])));
 var MainContainer$1 = styled__default.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n  max-width: 600px;\n  margin: auto;\n  .logo {\n    display: flex;\n  }\n  .logoImage {\n    max-width: min(400px, 100%);\n    max-height: 200px;\n    margin: auto;\n  }\n"])));
 var DetailsContainer = styled__default.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteralLoose(["\n  margin: 1.2rem 0;\n  text-align: center;\n  p {\n    font-size: 16px;\n    font-weight: 500;\n  }\n  span {\n    font-size: 15px;\n  }\n  .lineContainer {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0.5rem 0;\n    span {\n      margin-right: 6px;\n    }\n  }\n"])));
 var BrandContainer = styled__default.div(_templateObject5$4 || (_templateObject5$4 = _taggedTemplateLiteralLoose(["\n  .brandImage {\n    max-width: 100%;\n    margin: 1rem auto;\n  }\n"])));
@@ -4419,11 +4651,11 @@ var TableCellContainer$1 = styled__default(TableCell)(_templateObject8$2 || (_te
   return props.availableQuantity ? props.stockCol && 'green' : '#ffffff';
 });
-var _templateObject$n, _templateObject2$e, _templateObject3$9, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3;
-var CartDrawerContainer = styled__default.div(_templateObject$n || (_templateObject$n = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  height: 100%;\n  /* padding: 1em;\n  padding-top: 0rem; */\n  position: relative;\n  /* min-width: 100%; */\n  min-height: 100vh;\n  max-height: 100vh;\n  overflow-y: auto;\n\n  display: flex;\n  flex-direction: column;\n  /* border: 1px solid; */\n"])), function (props) {
+var _templateObject$q, _templateObject2$f, _templateObject3$9, _templateObject4$7, _templateObject5$5, _templateObject6$4, _templateObject7$3;
+var CartDrawerContainer = styled__default.div(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  height: 100%;\n  /* padding: 1em;\n  padding-top: 0rem; */\n  position: relative;\n  /* min-width: 100%; */\n  min-height: 100vh;\n  max-height: 100vh;\n  overflow-y: auto;\n\n  display: flex;\n  flex-direction: column;\n  /* border: 1px solid; */\n"])), function (props) {
   return props.maxWidth || '650px';
 });
-var CartDrawerBar = styled__default.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  box-sizing: border-box;\n  top: 0;\n  left: -1em;\n  padding: 1em;\n  height: 4.6rem;\n  font-size: 1.6rem;\n  background-color: white;\n  font-weight: bold;\n  padding-left: 1rem;\n  z-index: 2;\n  h2 {\n    font-size: 1.5em;\n  }\n  .icon {\n    cursor: pointer;\n    font-size: 1em;\n  }\n  @media only screen and (max-width: 640px) {\n    font-size: 1rem;\n    height: 4rem;\n  }\n"])));
+var CartDrawerBar = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  position: sticky;\n  box-sizing: border-box;\n  top: 0;\n  left: -1em;\n  padding: 1em;\n  height: 4.6rem;\n  font-size: 1.6rem;\n  background-color: white;\n  font-weight: bold;\n  padding-left: 1rem;\n  z-index: 2;\n  h2 {\n    font-size: 1.5em;\n  }\n  .icon {\n    cursor: pointer;\n    font-size: 1em;\n  }\n  @media only screen and (max-width: 640px) {\n    font-size: 1rem;\n    height: 4rem;\n  }\n"])));
 var CartDrawerProductContainer = styled__default.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: max-content;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  /* height: 900px; */\n  padding: 1rem;\n  min-height: 74vh;\n  opacity: ", ";\n  @media only screen and (max-width: 748px) {\n    min-height: 75vh;\n  }\n  /* background-color: red; */\n"])), function (props) {
   return props.opacity;
 });
@@ -4440,11 +4672,11 @@ var CartDrawerEmptyCart = styled__default.div(_templateObject7$3 || (_templateOb
   return props.color || 'red';
 });
-var _templateObject$o, _templateObject2$f, _templateObject3$a;
-var CartDrawerProduct = styled__default.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  height: 100px;\n  justify-content: space-around;\n  align-items: center;\n  overflow: hidden;\n  margin-bottom: 2rem;\n  user-select: none;\n\n  img {\n    width: 20%;\n    max-height: 100%;\n    /* aspect-ratio: 1; */\n    object-fit: cover;\n  }\n  .middleSection {\n    width: 60%;\n    padding-left: 0.8rem;\n    height: 100%;\n    h6 {\n      font-size: 1.1rem;\n      font-weight: bold;\n      margin: 0;\n\n      span {\n        font-size: 0.8rem;\n        color: grey;\n        text-decoration: line-through;\n        margin-right: 0.5rem;\n      }\n    }\n    .name {\n      font-size: 0.9rem;\n      line-height: 1.2rem;\n      max-height: 2.45rem;\n      width: 100%;\n      word-wrap: break-word;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      transition: 0.3s;\n      cursor: pointer;\n      &:hover {\n        color: ", ";\n      }\n    }\n  }\n  .endSection {\n    width: 20%;\n    height: 95%;\n    .icon {\n      cursor: pointer;\n      transition: 0.4s;\n      &:hover {\n        color: red;\n        /* opacity: 0.7; */\n      }\n    }\n  }\n  @media only screen and (max-width: 768px) {\n    .closeIcon {\n      font-size: 1rem;\n    }\n    height: 80px;\n    .middleSection {\n      .name {\n        max-height: 2.4rem;\n        height: 2.4rem;\n      }\n    }\n  }\n  @media only screen and (max-width: 340px) {\n    height: 80px;\n    .middleSection {\n      h6 {\n        font-size: 0.9rem;\n      }\n      .name {\n        font-size: 0.7rem;\n        height: 1.45rem;\n      }\n    }\n  }\n"])), function (props) {
+var _templateObject$r, _templateObject2$g, _templateObject3$a;
+var CartDrawerProduct = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  height: 100px;\n  justify-content: space-around;\n  align-items: center;\n  overflow: hidden;\n  margin-bottom: 2rem;\n  user-select: none;\n\n  img {\n    width: 20%;\n    max-height: 100%;\n    /* aspect-ratio: 1; */\n    object-fit: cover;\n  }\n  .middleSection {\n    width: 60%;\n    padding-left: 0.8rem;\n    height: 100%;\n    h6 {\n      font-size: 1.1rem;\n      font-weight: bold;\n      margin: 0;\n\n      span {\n        font-size: 0.8rem;\n        color: grey;\n        text-decoration: line-through;\n        margin-right: 0.5rem;\n      }\n    }\n    .name {\n      font-size: 0.9rem;\n      line-height: 1.2rem;\n      max-height: 2.45rem;\n      width: 100%;\n      word-wrap: break-word;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      transition: 0.3s;\n      cursor: pointer;\n      &:hover {\n        color: ", ";\n      }\n    }\n  }\n  .endSection {\n    width: 20%;\n    height: 95%;\n    .icon {\n      cursor: pointer;\n      transition: 0.4s;\n      &:hover {\n        color: red;\n        /* opacity: 0.7; */\n      }\n    }\n  }\n  @media only screen and (max-width: 768px) {\n    .closeIcon {\n      font-size: 1rem;\n    }\n    height: 80px;\n    .middleSection {\n      .name {\n        max-height: 2.4rem;\n        height: 2.4rem;\n      }\n    }\n  }\n  @media only screen and (max-width: 340px) {\n    height: 80px;\n    .middleSection {\n      h6 {\n        font-size: 0.9rem;\n      }\n      .name {\n        font-size: 0.7rem;\n        height: 1.45rem;\n      }\n    }\n  }\n"])), function (props) {
   return props.color || 'grey';
 });
-var CartDrawerQtBox = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose(["\n  height: 34px;\n  width: 82px;\n  border: 1px solid rgb(211, 210, 210);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13.5px;\n  color: #333;\n  padding: 0 0.5rem;\n  border-radius: 5px;\n  max-width: 100%;\n\n  span {\n    cursor: pointer;\n    height: 100%;\n    display: grid;\n    place-items: center;\n  }\n  .qt {\n    font-size: 12px;\n    color: black;\n    font-weight: 500;\n    cursor: auto;\n  }\n  @media only screen and (max-width: 640px) {\n    min-width: 55px;\n    aspect-ratio: 1/2;\n    /* min-height: 28px; */\n    font-size: 10px;\n  }\n  @media only screen and (max-width: 340px) {\n    min-width: 50px;\n    aspect-ratio: 1/2;\n    height: 22px;\n    font-size: 8px;\n  }\n"])));
+var CartDrawerQtBox = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n  height: 34px;\n  width: 82px;\n  border: 1px solid rgb(211, 210, 210);\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 13.5px;\n  color: #333;\n  padding: 0 0.5rem;\n  border-radius: 5px;\n  max-width: 100%;\n\n  span {\n    cursor: pointer;\n    height: 100%;\n    display: grid;\n    place-items: center;\n  }\n  .qt {\n    font-size: 12px;\n    color: black;\n    font-weight: 500;\n    cursor: auto;\n  }\n  @media only screen and (max-width: 640px) {\n    min-width: 55px;\n    aspect-ratio: 1/2;\n    /* min-height: 28px; */\n    font-size: 10px;\n  }\n  @media only screen and (max-width: 340px) {\n    min-width: 50px;\n    aspect-ratio: 1/2;\n    height: 22px;\n    font-size: 8px;\n  }\n"])));
 var CartDrawerLoader = styled__default.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 30%;\n  width: 100px;\n  height: 100px;\n  display: grid;\n  place-items: center;\n"])));
 var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
@@ -4564,13 +4796,13 @@ var CartDrawer = function CartDrawer(_ref) {
   }, "continue to checkout"))));
 };
-var _templateObject$p, _templateObject2$g, _templateObject3$b, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$2;
-var CartPageSection = styled__default.section(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  max-width: 100%;\n  width: fit-content;\n  background: ", ";\n  overflow: hidden;\n  border-radius: 28px;\n\n  @media screen and (max-width: 1340px) {\n    padding: 0 1em;\n  }\n  @media screen and (max-width: 640px) {\n    padding: 0 1em;\n  }\n"])), function (props) {
+var _templateObject$s, _templateObject2$h, _templateObject3$b, _templateObject4$8, _templateObject5$6, _templateObject6$5, _templateObject7$4, _templateObject8$3, _templateObject9$2;
+var CartPageSection = styled__default.section(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  max-width: 100%;\n  width: fit-content;\n  background: ", ";\n  overflow: hidden;\n  border-radius: 28px;\n\n  @media screen and (max-width: 1340px) {\n    padding: 0 1em;\n  }\n  @media screen and (max-width: 640px) {\n    padding: 0 1em;\n  }\n"])), function (props) {
   return props.bg;
 }, function (props) {
   return props.bg || '#FAE8E5';
 });
-var CartPageContainer = styled__default.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteralLoose(["\n  max-width: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  border-radius: 28px 28px 28px 14px;\n  padding: 2em 2.5em;\n  padding-bottom: 3em;\n  border-radius: 28px;\n  opacity: ", ";\n  .scrollDiv {\n    width: 68%;\n    height: 630px;\n    max-height: 630px;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n\n    margin-right: 0.3em;\n    &::-webkit-scrollbar {\n      width: ", ";\n    }\n\n    /* Track */\n    &::-webkit-scrollbar-track {\n      background: ", ";\n\n      border-radius: 16px;\n    }\n\n    /* Handle */\n    &::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: 16px;\n    }\n    /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n  }\n  table {\n    border-collapse: separate;\n    border-spacing: 0 4px;\n    row-gap: 4px;\n  }\n\n  td {\n    /* border: solid 1px #000; */\n    border-style: none solid solid none;\n    /* padding: 10px; */\n    /* margin-bottom:5px; */\n  }\n\n  tr:first-child td:first-child {\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td:first-child {\n    border-bottom-left-radius: 10px;\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td {\n    border-top-style: solid;\n  }\n  tr td:first-child {\n    border-left-style: solid;\n  }\n\n  @media only screen and (max-width: 1340px) {\n    flex-direction: column;\n    align-items: center;\n    padding: 0.5em;\n    .scrollDiv {\n      width: 100%;\n      margin: 0;\n      margin-bottom: 2em;\n      padding: 0 0.4em;\n    }\n  }\n"])), function (props) {
+var CartPageContainer = styled__default.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n  max-width: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  border-radius: 28px 28px 28px 14px;\n  padding: 2em 2.5em;\n  padding-bottom: 3em;\n  border-radius: 28px;\n  opacity: ", ";\n  .scrollDiv {\n    width: 68%;\n    height: 630px;\n    max-height: 630px;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n\n    margin-right: 0.3em;\n    &::-webkit-scrollbar {\n      width: ", ";\n    }\n\n    /* Track */\n    &::-webkit-scrollbar-track {\n      background: ", ";\n\n      border-radius: 16px;\n    }\n\n    /* Handle */\n    &::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: 16px;\n    }\n    /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n  }\n  table {\n    border-collapse: separate;\n    border-spacing: 0 4px;\n    row-gap: 4px;\n  }\n\n  td {\n    /* border: solid 1px #000; */\n    border-style: none solid solid none;\n    /* padding: 10px; */\n    /* margin-bottom:5px; */\n  }\n\n  tr:first-child td:first-child {\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td:first-child {\n    border-bottom-left-radius: 10px;\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td {\n    border-top-style: solid;\n  }\n  tr td:first-child {\n    border-left-style: solid;\n  }\n\n  @media only screen and (max-width: 1340px) {\n    flex-direction: column;\n    align-items: center;\n    padding: 0.5em;\n    .scrollDiv {\n      width: 100%;\n      margin: 0;\n      margin-bottom: 2em;\n      padding: 0 0.4em;\n    }\n  }\n"])), function (props) {
   return props.maxWidth || '1620px';
 }, function (props) {
   return "min(" + (props.maxWidth || '1620px') + ",100%)";
@@ -5714,9 +5946,9 @@ if (process.env.NODE_ENV !== 'production') {
 }
 });
-var _templateObject$q, _templateObject2$h, _templateObject3$c, _templateObject4$9, _templateObject5$7, _templateObject6$6;
-var ProductImage = styled__default.img(_templateObject$q || (_templateObject$q = _taggedTemplateLiteralLoose(["\n  min-width: 50px;\n  min-height: 58px;\n  @media only screen and (max-width: 640px) {\n    margin: 0.5em 0;\n    padding-right: 0.5em;\n  }\n"])));
-var ProductName = styled__default.h6(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteralLoose(["\n  font-size: ", ";\n  padding: 0;\n  line-height: 1.3em;\n  max-height: ", ";\n  height: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  height: fit-content;\n"])), function (props) {
+var _templateObject$t, _templateObject2$i, _templateObject3$c, _templateObject4$9, _templateObject5$7, _templateObject6$6;
+var ProductImage = styled__default.img(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n  min-width: 50px;\n  min-height: 58px;\n  @media only screen and (max-width: 640px) {\n    margin: 0.5em 0;\n    padding-right: 0.5em;\n  }\n"])));
+var ProductName = styled__default.h6(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  font-size: ", ";\n  padding: 0;\n  line-height: 1.3em;\n  max-height: ", ";\n  height: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  height: fit-content;\n"])), function (props) {
   return props.size || '1em';
 }, function (props) {
   return props.maxHeight ? props.maxHeight + "em" : '2.75em';
@@ -6083,9 +6315,9 @@ function EnhancedTable(_ref) {
   }, "remove selected"), /*#__PURE__*/React.createElement("button", null, "updated cart")));
 }
-var _templateObject$r, _templateObject2$i, _templateObject3$d, _templateObject4$a, _templateObject5$8, _templateObject6$7, _templateObject7$5;
-var CartPageCard = styled__default.div(_templateObject$r || (_templateObject$r = _taggedTemplateLiteralLoose(["\n  width: min(97%, 485px);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1em;\n  background: #ffffff;\n  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05);\n  border-radius: 20px;\n  position: relative;\n"])));
-var CartPageImg = styled__default.img(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteralLoose(["\n  /* width: 95px; */\n  width: ", ";\n  height: ", ";\n  position: relative;\n  margin-right: 1em;\n"])), function (props) {
+var _templateObject$u, _templateObject2$j, _templateObject3$d, _templateObject4$a, _templateObject5$8, _templateObject6$7, _templateObject7$5;
+var CartPageCard = styled__default.div(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n  width: min(97%, 485px);\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 1em;\n  background: #ffffff;\n  box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05);\n  border-radius: 20px;\n  position: relative;\n"])));
+var CartPageImg = styled__default.img(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n  /* width: 95px; */\n  width: ", ";\n  height: ", ";\n  position: relative;\n  margin-right: 1em;\n"])), function (props) {
   return props.width || 'auto';
 }, function (props) {
   return props.height || '81px';
@@ -6168,8 +6400,8 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
   })));
 };
-var _templateObject$s, _templateObject2$j, _templateObject3$e, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
-var CartSummaryContainer = styled__default.div(_templateObject$s || (_templateObject$s = _taggedTemplateLiteralLoose(["\n  width: 26.375em;\n  max-width: ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n  border-radius: 20px;\n  padding: 2em 3em;\n  align-items: center;\n  min-height: 580px;\n  /* margin-top: 3em; */\n  p {\n    font-size: 1.189em;\n    font-weight: 600;\n    align-self: flex-start;\n    color: inherit;\n    margin: 0;\n    padding: 0;\n  }\n  .continueShopping {\n    font-size: 0.75em;\n    color: inherit;\n    text-transform: capitalize;\n    height: 20px;\n    border-bottom: 1px solid;\n    border-color: ", ";\n    cursor: pointer;\n  }\n  @media only screen and (max-width: 1340px) {\n    margin-top: 4em;\n  }\n"])), function (props) {
+var _templateObject$v, _templateObject2$k, _templateObject3$e, _templateObject4$b, _templateObject5$9, _templateObject6$8, _templateObject7$6, _templateObject8$4;
+var CartSummaryContainer = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose(["\n  width: 26.375em;\n  max-width: ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n  color: ", ";\n  border-radius: 20px;\n  padding: 2em 3em;\n  align-items: center;\n  min-height: 580px;\n  /* margin-top: 3em; */\n  p {\n    font-size: 1.189em;\n    font-weight: 600;\n    align-self: flex-start;\n    color: inherit;\n    margin: 0;\n    padding: 0;\n  }\n  .continueShopping {\n    font-size: 0.75em;\n    color: inherit;\n    text-transform: capitalize;\n    height: 20px;\n    border-bottom: 1px solid;\n    border-color: ", ";\n    cursor: pointer;\n  }\n  @media only screen and (max-width: 1340px) {\n    margin-top: 4em;\n  }\n"])), function (props) {
   return props.maxWidth || '26.375em';
 }, function (props) {
   return props.background || '#667080';
@@ -6178,7 +6410,7 @@ var CartSummaryContainer = styled__default.div(_templateObject$s || (_templateOb
 }, function (props) {
   return props.color || 'white';
 });
-var CartSummaryRow = styled__default.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n  align-items: center;\n  color: inherit;\n  h6,\n  h5 {\n    margin: 0;\n    font-size: 1em;\n    font-weight: 700;\n    color: inherit;\n    text-transform: capitalize;\n  }\n  h5 {\n    font-size: ", ";\n  }\n"])), function (props) {
+var CartSummaryRow = styled__default.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  justify-content: ", ";\n  align-items: center;\n  color: inherit;\n  h6,\n  h5 {\n    margin: 0;\n    font-size: 1em;\n    font-weight: 700;\n    color: inherit;\n    text-transform: capitalize;\n  }\n  h5 {\n    font-size: ", ";\n  }\n"])), function (props) {
   return props.justify || 'space-between';
 }, function (props) {
   return props.h5 || '1.31em';
@@ -6514,7 +6746,7 @@ var GTagManager = function GTagManager(_ref) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
 };
-var _templateObject$t, _templateObject2$k;
+var _templateObject$w, _templateObject2$l;
 var BannerImages = function BannerImages(_ref) {
   var config = _ref.config,
     sliderImages = _ref.sliderImages,
@@ -6555,10 +6787,10 @@ var BannerImages = function BannerImages(_ref) {
     }))));
   })));
 };
-var Image = styled__default.img(_templateObject$t || (_templateObject$t = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: auto;\n  cursor: pointer;\n  transition: all 0.5s;\n  &:hover {\n    transform: scale(1.02);\n  }\n"])));
-var BannerContainer$1 = styled__default.section(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  font-size: 0;\n"])));
+var Image = styled__default.img(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: auto;\n  cursor: pointer;\n  transition: all 0.5s;\n  &:hover {\n    transform: scale(1.02);\n  }\n"])));
+var BannerContainer$1 = styled__default.section(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n  font-size: 0;\n"])));
-var _templateObject$u, _templateObject2$l, _templateObject3$f;
+var _templateObject$x, _templateObject2$m, _templateObject3$f;
 var LandingCarousel = function LandingCarousel(_ref) {
   var _config$spaceBetweenC, _config$colLg, _ref2, _ref3, _config$colSm, _ref4, _config$colMd, _config$colLg2;
   var config = _ref.config,
@@ -6593,7 +6825,7 @@ var LandingCarousel = function LandingCarousel(_ref) {
       }
     }]
   };
-  return /*#__PURE__*/React__default.createElement(Root$6, null, /*#__PURE__*/React__default.createElement("link", {
+  return /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement("link", {
     rel: "stylesheet",
     type: "text/css",
     charset: "UTF-8",
@@ -6625,15 +6857,15 @@ var LandingCarousel = function LandingCarousel(_ref) {
     })));
   })));
 };
-var Image$1 = styled__default.img(_templateObject$u || (_templateObject$u = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: auto;\n  transition: all 0.5s;\n  &:hover {\n    transform: scale(1.05);\n  }\n"])));
-var Root$6 = styled__default.div(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteralLoose([""])));
+var Image$1 = styled__default.img(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: auto;\n  transition: all 0.5s;\n  &:hover {\n    transform: scale(1.05);\n  }\n"])));
+var Root$7 = styled__default.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose([""])));
 var ReactSlick = styled__default(Slider)(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteralLoose(["\n  .slick-list {\n    margin: 0 -", "px;\n  }\n  .slideItem {\n    padding: 0 ", "px;\n    overflow: hidden;\n  }\n  line-height: 0;\n  .slick-dots {\n    bottom: 0;\n    li {\n      margin: 0;\n      button:before {\n        color: #ffffff !important;\n        font-size: 10px;\n      }\n    }\n  }\n  .slick-prev,\n  .slick-next {\n    color: #ffffff;\n    z-index: 1;\n    width: 26px;\n    height: 26px;\n  }\n  .slick-prev {\n    left: 12px;\n  }\n  .slick-next {\n    right: 12px;\n  }\n"])), function (props) {
   return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
 }, function (props) {
   return props === null || props === void 0 ? void 0 : props.spaceBetweenCol;
 });
-var _templateObject$v, _templateObject2$m;
+var _templateObject$y, _templateObject2$n;
 var HomeBanner = function HomeBanner(_ref) {
   var _ref$apiEndPoint = _ref.apiEndPoint,
     apiEndPoint = _ref$apiEndPoint === void 0 ? 'https://dev.salesgent.xyz/api' : _ref$apiEndPoint,
@@ -6691,7 +6923,7 @@ var HomeBanner = function HomeBanner(_ref) {
   });
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: colors
-  }, /*#__PURE__*/React__default.createElement(Root$7, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$2, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement(Root$8, null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(MainContainer$2, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     spacing: 0
   }, modifySliderTypes === null || modifySliderTypes === void 0 ? void 0 : modifySliderTypes.map(function (sliderType) {
@@ -6727,10 +6959,10 @@ var HomeBanner = function HomeBanner(_ref) {
     })));
   })))));
 };
-var Root$7 = styled__default.div(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose([""])));
-var MainContainer$2 = styled__default.div(_templateObject2$m || (_templateObject2$m = _taggedTemplateLiteralLoose([""])));
+var Root$8 = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose([""])));
+var MainContainer$2 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose([""])));
-var _templateObject$w, _templateObject2$n, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9;
+var _templateObject$z, _templateObject2$o, _templateObject3$g, _templateObject4$c, _templateObject5$a, _templateObject6$9;
 var OutOfStock = function OutOfStock(_ref) {
   var _product$body, _product$body$content, _product$body2, _product$body2$conten, _product$masterProduc, _product$header;
   var product = _ref.product,
@@ -6872,7 +7104,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$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", {
+  }, ((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$9, null, /*#__PURE__*/React__default.createElement("p", {
     style: {
       margin: '0.5rem 0',
       fontSize: '1.3rem',
@@ -6961,12 +7193,12 @@ var OutOfStock = function OutOfStock(_ref) {
     }
   }), /*#__PURE__*/React__default.createElement("span", null, subscribed ? 'Subscribed Successfully' : 'Subscribe')))))));
 };
-var VariantsContainer = styled__default.div(_templateObject$w || (_templateObject$w = _taggedTemplateLiteralLoose(["\n  ::-webkit-scrollbar {\n    -webkit-appearance: none;\n    width: 5px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background-color: rgba(178, 169, 169, 1);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n  }\n"])));
-var MainCheckbox = styled__default(Checkbox)(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n  &.Mui-checked,\n  &.MuiCheckbox-indeterminate {\n    color: ", ";\n  }\n"])), function (props) {
+var VariantsContainer = styled__default.div(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  ::-webkit-scrollbar {\n    -webkit-appearance: none;\n    width: 5px;\n  }\n  ::-webkit-scrollbar-thumb {\n    border-radius: 4px;\n    background-color: rgba(178, 169, 169, 1);\n    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);\n  }\n"])));
+var MainCheckbox = styled__default(Checkbox)(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n  &.Mui-checked,\n  &.MuiCheckbox-indeterminate {\n    color: ", ";\n  }\n"])), function (props) {
   return props.theme.primaryColor;
 });
 var EmailInput = styled__default(InputBase)(_templateObject3$g || (_templateObject3$g = _taggedTemplateLiteralLoose(["\n  border: 1px solid #a9a9a9;\n  padding: 3px 10px;\n  fontsize: 12px;\n  width: 100%;\n  border-radius: 3px;\n"])));
-var Root$8 = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: 1px solid #d3d3d3;\n  border-radius: 3px;\n  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n  padding: 10px;\n"])));
+var Root$9 = styled__default.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  border: 1px solid #d3d3d3;\n  border-radius: 3px;\n  box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);\n  padding: 10px;\n"])));
 var ContainerDiv = styled__default.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteralLoose(["\n  display: flex;\n  font-size: 14px;\n  height: ", ";\n  margin: ", ";\n  width: 100%;\n  flex-direction: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  color: #000000de;\n"])), function (props) {
   return props.height ? props.height : 'auto';
 }, function (props) {
@@ -6998,12 +7230,12 @@ var StyledSubscribe = styled__default.button(_templateObject6$9 || (_templateObj
   return props.Loading || props.subscribed ? 'none' : 'auto';
 });
-var _templateObject$x;
+var _templateObject$A;
 var NoData = function NoData(_ref) {
   _objectDestructuringEmpty(_ref);
   return /*#__PURE__*/React__default.createElement(CustomNoRowsOverlay, null);
 };
-var Container = styled__default.div(_templateObject$x || (_templateObject$x = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  & .ant-empty-img-1 {\n    fill: #aeb8c2;\n  }\n  & .ant-empty-img-2 {\n    fill: #f5f5f7;\n  }\n  & .ant-empty-img-3 {\n    fill: #dce0e6;\n  }\n  & .ant-empty-img-4 {\n    fill: #fff;\n  }\n  & ant-empty-img-5 {\n    fill-opacity: 0.8;\n    fill: #f5f5f5;\n  }\n"])));
+var Container = styled__default.div(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  & .ant-empty-img-1 {\n    fill: #aeb8c2;\n  }\n  & .ant-empty-img-2 {\n    fill: #f5f5f7;\n  }\n  & .ant-empty-img-3 {\n    fill: #dce0e6;\n  }\n  & .ant-empty-img-4 {\n    fill: #fff;\n  }\n  & ant-empty-img-5 {\n    fill-opacity: 0.8;\n    fill: #f5f5f5;\n  }\n"])));
 var CustomNoRowsOverlay = function CustomNoRowsOverlay(_ref2) {
   _objectDestructuringEmpty(_ref2);
   return /*#__PURE__*/React__default.createElement(Container, null, /*#__PURE__*/React__default.createElement("svg", {
@@ -7470,12 +7702,12 @@ var AsyncSelect = function AsyncSelect(_ref3) {
   return /*#__PURE__*/React__default.createElement(AsyncSelectField, props);
 };
-var _templateObject$y;
-var Container$1 = styled__default.div(_templateObject$y || (_templateObject$y = _taggedTemplateLiteralLoose([""])));
+var _templateObject$B;
+var Container$1 = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose([""])));
-var _templateObject$z, _templateObject2$o, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$a;
-var ProductImage$1 = styled__default.img(_templateObject$z || (_templateObject$z = _taggedTemplateLiteralLoose(["\n  min-width: 50px;\n  min-height: 58px;\n  @media only screen and (max-width: 640px) {\n    margin: 0.5em 0;\n    padding-right: 0.5em;\n  }\n"])));
-var ProductName$1 = styled__default.h6(_templateObject2$o || (_templateObject2$o = _taggedTemplateLiteralLoose(["\n  font-size: ", ";\n  padding: 0;\n  line-height: 1.3em;\n  max-height: ", ";\n  height: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  height: fit-content;\n"])), function (props) {
+var _templateObject$C, _templateObject2$p, _templateObject3$h, _templateObject4$d, _templateObject5$b, _templateObject6$a;
+var ProductImage$1 = styled__default.img(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  min-width: 50px;\n  min-height: 58px;\n  @media only screen and (max-width: 640px) {\n    margin: 0.5em 0;\n    padding-right: 0.5em;\n  }\n"])));
+var ProductName$1 = styled__default.h6(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n  font-size: ", ";\n  padding: 0;\n  line-height: 1.3em;\n  max-height: ", ";\n  height: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  height: fit-content;\n"])), function (props) {
   return props.size || '1em';
 }, function (props) {
   return props.maxHeight ? props.maxHeight + "em" : '2.75em';
@@ -7604,13 +7836,13 @@ var CardRow$1 = function CardRow(_ref) {
   }))));
 };
-var _templateObject$A, _templateObject2$p, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$3;
-var CartPageSection$1 = styled__default.section(_templateObject$A || (_templateObject$A = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  max-width: 100%;\n  width: fit-content;\n  background: ", ";\n  overflow: hidden;\n  border-radius: 28px;\n\n  @media screen and (max-width: 1340px) {\n    padding: 0 1em;\n  }\n  @media screen and (max-width: 640px) {\n    padding: 0 1em;\n  }\n"])), function (props) {
+var _templateObject$D, _templateObject2$q, _templateObject3$i, _templateObject4$e, _templateObject5$c, _templateObject6$b, _templateObject7$7, _templateObject8$5, _templateObject9$3;
+var CartPageSection$1 = styled__default.section(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  max-width: 100%;\n  width: fit-content;\n  background: ", ";\n  overflow: hidden;\n  border-radius: 28px;\n\n  @media screen and (max-width: 1340px) {\n    padding: 0 1em;\n  }\n  @media screen and (max-width: 640px) {\n    padding: 0 1em;\n  }\n"])), function (props) {
   return props.bg;
 }, function (props) {
   return props.bg || '#FAE8E5';
 });
-var CartPageContainer$1 = styled__default.div(_templateObject2$p || (_templateObject2$p = _taggedTemplateLiteralLoose(["\n  max-width: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  border-radius: 28px 28px 28px 14px;\n  padding: 2em 2.5em;\n  padding-bottom: 3em;\n  border-radius: 28px;\n  opacity: ", ";\n  .scrollDiv {\n    width: 68%;\n    height: 630px;\n    max-height: 630px;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n\n    margin-right: 0.3em;\n    &::-webkit-scrollbar {\n      width: ", ";\n    }\n\n    /* Track */\n    &::-webkit-scrollbar-track {\n      background: ", ";\n\n      border-radius: 16px;\n    }\n\n    /* Handle */\n    &::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: 16px;\n      border: 2px solid;\n    }\n    /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n  }\n  table {\n    border-collapse: separate;\n    border-spacing: 0 4px;\n    row-gap: 4px;\n  }\n\n  td {\n    /* border: solid 1px #000; */\n    border-style: none solid solid none;\n    /* padding: 10px; */\n    /* margin-bottom:5px; */\n  }\n\n  tr:first-child td:first-child {\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td:first-child {\n    border-bottom-left-radius: 10px;\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td {\n    border-top-style: solid;\n  }\n  tr td:first-child {\n    border-left-style: solid;\n  }\n\n  @media only screen and (max-width: 1340px) {\n    flex-direction: column;\n    align-items: center;\n    padding: 0.5em;\n    .scrollDiv {\n      width: 100%;\n      margin: 0;\n      margin-bottom: 2em;\n      padding: 0 0.4em;\n    }\n  }\n"])), function (props) {
+var CartPageContainer$1 = styled__default.div(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n  max-width: ", ";\n  width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  border-radius: 28px 28px 28px 14px;\n  padding: 2em 2.5em;\n  padding-bottom: 3em;\n  border-radius: 28px;\n  opacity: ", ";\n  .scrollDiv {\n    width: 68%;\n    height: 630px;\n    max-height: 630px;\n    display: flex;\n    flex-direction: column;\n    overflow-y: auto;\n\n    margin-right: 0.3em;\n    &::-webkit-scrollbar {\n      width: ", ";\n    }\n\n    /* Track */\n    &::-webkit-scrollbar-track {\n      background: ", ";\n\n      border-radius: 16px;\n    }\n\n    /* Handle */\n    &::-webkit-scrollbar-thumb {\n      background: ", ";\n      border-radius: 16px;\n      border: 2px solid;\n    }\n    /* box-shadow: 0px 20px 35px rgba(0, 0, 0, 0.05); */\n  }\n  table {\n    border-collapse: separate;\n    border-spacing: 0 4px;\n    row-gap: 4px;\n  }\n\n  td {\n    /* border: solid 1px #000; */\n    border-style: none solid solid none;\n    /* padding: 10px; */\n    /* margin-bottom:5px; */\n  }\n\n  tr:first-child td:first-child {\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-top-right-radius: 10px;\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td:first-child {\n    border-bottom-left-radius: 10px;\n    border-top-left-radius: 10px;\n  }\n  tr td:last-child {\n    border-bottom-right-radius: 10px;\n  }\n\n  tr td {\n    border-top-style: solid;\n  }\n  tr td:first-child {\n    border-left-style: solid;\n  }\n\n  @media only screen and (max-width: 1340px) {\n    flex-direction: column;\n    align-items: center;\n    padding: 0.5em;\n    .scrollDiv {\n      width: 100%;\n      margin: 0;\n      margin-bottom: 2em;\n      padding: 0 0.4em;\n    }\n  }\n"])), function (props) {
   return props.maxWidth || '1620px';
 }, function (props) {
   return "min(" + (props.maxWidth || '1620px') + ",100%)";
@@ -8063,139 +8295,14 @@ var SnowfallComponent = function SnowfallComponent(_ref) {
   }) : null;
 };
-var _templateObject$B, _templateObject2$q;
-var ContactUsForm = function ContactUsForm(_ref) {
-  var apiEndPoint = _ref.apiEndPoint,
-    primaryColor = _ref.primaryColor,
-    secondaryColor = _ref.secondaryColor,
-    fontColor = _ref.fontColor,
-    googleReCaptchaKey = _ref.googleReCaptchaKey,
-    _ref$logoUrl = _ref.logoUrl,
-    logoUrl = _ref$logoUrl === void 0 ? '' : _ref$logoUrl;
-  var _useState = React.useState(false),
-    isLoading = _useState[0],
-    setIsLoading = _useState[1];
-  var _React$useState = React__default.useState(false),
-    isCaptchaVerified = _React$useState[0],
-    setIsCaptchaVerified = _React$useState[1];
-  var _useState2 = React.useState([]);
-  var _useForm = reactHookForm.useForm({}),
-    handleSubmit = _useForm.handleSubmit,
-    control = _useForm.control,
-    reset = _useForm.reset;
-  var update = function update(formData) {
-    try {
-      if (googleReCaptchaKey) {
-        if (!isCaptchaVerified) return Promise.resolve(alert('Please Mark the captcha to continue'));
-      }
-      var _temp3 = function () {
-        if (apiEndPoint) {
-          var _temp2 = function _temp2() {
-            setIsLoading(false);
-          };
-          setIsLoading(true);
-          var _temp = _catch(function () {
-            return Promise.resolve(API$1({
-              apiEndPoint: apiEndPoint === null || apiEndPoint === void 0 ? void 0 : apiEndPoint.replace('/api', '/services/pdf'),
-              method: 'POST',
-              url: "/email/customer/contact-us",
-              body: _extends({}, formData, {
-                logoUrl: logoUrl
-              }),
-              errorMessage: 'Error in contact us form.',
-              successMessage: 'Your message is sent successfully. We will contact you soon.'
-            })).then(function () {
-              reset();
-            });
-          }, function () {});
-          return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
-        }
-      }();
-      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
-    } catch (e) {
-      return Promise.reject(e);
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(RootContainer$4, {
-    secondaryColor: secondaryColor
-  }, /*#__PURE__*/React__default.createElement(TypographyContainer$8, {
-    fontColor: fontColor
-  }, "Get In Touch"), /*#__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: "Name",
-    name: "name",
-    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
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Phone",
-    name: "phone",
-    type: "number",
-    control: control,
-    fontColor: fontColor
-  })), /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React__default.createElement(FormTextField, {
-    label: "Message",
-    name: "message",
-    multiline: true,
-    rows: 4,
-    control: control,
-    fontColor: fontColor
-  })), googleReCaptchaKey && /*#__PURE__*/React__default.createElement(material.Grid, {
-    item: true,
-    xs: 12
-  }, /*#__PURE__*/React__default.createElement(ReCAPTCHA, {
-    sitekey: googleReCaptchaKey,
-    onChange: function onChange() {
-      return setIsCaptchaVerified(true);
-    }
-  }))), /*#__PURE__*/React__default.createElement(MuiButton, {
-    variant: "contained",
-    loading: isLoading,
-    onClick: handleSubmit(update),
-    primaryColor: primaryColor,
-    style: {
-      marginTop: 12
-    }
-  }, "Submit"))));
-};
-var TypographyContainer$8 = styled__default(material.Typography)(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n  color: ", ";\n  display: flex;\n  font-size: 1.2rem !important;\n  align-items: center;\n"])), function (props) {
-  return props.fontColor;
-});
-var RootContainer$4 = styled__default(material.Stack)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n  background-color: ", " !important;\n  border-radius: 14px !important;\n  padding: 1.3rem;\n  margin-bottom: 1rem;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 0px;\n  p {\n    margin: 0 !important;\n  }\n"])), function (props) {
-  return props.secondaryColor;
-});
-var _templateObject$C;
-var StaticContainer = styled__default.div(_templateObject$C || (_templateObject$C = _taggedTemplateLiteralLoose(["\n  padding: 1rem;\n  width: 100%;\n  color: #606060;\n  .top-bar {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    text-align: center;\n    font-size: 3.2rem;\n    font-weight: bold;\n    text-transform: uppercase;\n    color: ", ";\n  }\n  .route-bar {\n    text-transform: capitalize;\n    p {\n      padding: 0;\n      word-spacing: 5px;\n      display: flex;\n      align-items: center;\n      color: #606060;\n    }\n  }\n  .data-container {\n    margin: auto;\n  }\n  hr {\n    border-bottom: 2px solid #eceff8;\n    border-top: 0px;\n    margin: 1rem 0;\n  }\n  li {\n    margin-left: 1rem;\n  }\n  a {\n    color: ", ";\n  }\n  p {\n    margin: 1rem 0;\n    width: 100%;\n    color: #606060;\n  }\n"])), function (props) {
+var _templateObject$E;
+var StaticContainer$1 = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n  padding: 1rem;\n  width: 100%;\n  color: #606060;\n  .top-bar {\n    background-color: #f5f5f5;\n    padding: 1rem;\n    text-align: center;\n    font-size: 3.2rem;\n    font-weight: bold;\n    text-transform: uppercase;\n    color: ", ";\n  }\n  .route-bar {\n    text-transform: capitalize;\n    p {\n      padding: 0;\n      word-spacing: 5px;\n      display: flex;\n      align-items: center;\n      color: #606060;\n    }\n  }\n  .data-container {\n    margin: auto;\n  }\n  hr {\n    border-bottom: 2px solid #eceff8;\n    border-top: 0px;\n    margin: 1rem 0;\n  }\n  li {\n    margin-left: 1rem;\n  }\n  a {\n    color: ", ";\n  }\n  p {\n    margin: 1rem 0;\n    width: 100%;\n    color: #606060;\n  }\n"])), function (props) {
   return props.theme.primaryColor;
 }, function (props) {
   return props.theme.primaryColor;
 });
-var _templateObject$D;
+var _templateObject$F;
 var StaticPage = function StaticPage(_ref) {
   var _data$content;
   var _ref$colors = _ref.colors,
@@ -8212,7 +8319,7 @@ var StaticPage = function StaticPage(_ref) {
     logoUrl = _ref.logoUrl;
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: colors
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$9, null, /*#__PURE__*/React__default.createElement(StaticContainer, null, /*#__PURE__*/React__default.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$a, null, /*#__PURE__*/React__default.createElement(StaticContainer$1, null, /*#__PURE__*/React__default.createElement("div", {
     className: "top-bar"
   }, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
     width: "100%",
@@ -8259,9 +8366,9 @@ var StaticPage = function StaticPage(_ref) {
     logoUrl: logoUrl
   }))))))));
 };
-var Root$9 = styled__default(material.Box)(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose([""])));
+var Root$a = styled__default(material.Box)(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose([""])));
-var _templateObject$E, _templateObject2$r;
+var _templateObject$G, _templateObject2$r;
 var ThankYou = function ThankYou(_ref) {
   var _ref$id = _ref.id,
     id = _ref$id === void 0 ? 0 : _ref$id,
@@ -8272,7 +8379,7 @@ var ThankYou = function ThankYou(_ref) {
     onContinue = _ref.onContinue;
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
     theme: colors
-  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$a, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(Root$b, null, /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
     justify: "center"
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -8320,7 +8427,7 @@ var ThankYou = function ThankYou(_ref) {
     onClick: onContinue
   }, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
 };
-var Root$a = styled__default(material.Box)(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose([""])));
+var Root$b = styled__default(material.Box)(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose([""])));
 var StyledButton = styled__default.button(_templateObject2$r || (_templateObject2$r = _taggedTemplateLiteralLoose(["\n  outline: none;\n  border: 1px solid;\n  border-color: ", ";\n  background: none;\n  border-radius: 14px;\n  padding: 10px 20px;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.5s ease;\n  width: 200px;\n  color: ", ";\n  text-transform: uppercase;\n  &:hover {\n    cursor: pointer;\n    background: ", ";\n    color: #fff;\n  }\n"])), function (props) {
   return props.theme.primaryColor;
 }, function (props) {
@@ -8329,8 +8436,8 @@ var StyledButton = styled__default.button(_templateObject2$r || (_templateObject
   return props.theme.primaryColor;
 });
-var _templateObject$F, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8;
-var CheckoutPageContainer = styled__default.div(_templateObject$F || (_templateObject$F = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  background-color: ", ";\n  margin: 0 auto;\n  padding: 2.375em 3.5em 2.5em 4.5em;\n  padding-left: min(4.5em, 2.5vw);\n  color: rgba(50, 50, 50, 1);\n  /* max-height: 90vh; */\n  overflow: hidden;\n  /* background: gainsboro; */\n  border-radius: 28px;\n  /* background-color: #fff8f6; */\n  @media only screen and (max-width: 1508px) {\n    flex-direction: column;\n    align-items: center;\n    max-height: max-content;\n  }\n  @media only screen and (max-width: 788px) {\n    padding: 1em 0.5em;\n  }\n  .icon {\n    font-size: 12px;\n  }\n  ////////////checkout and cart fonts\n  /////////////////\n  /* /////remove arrows from number input */\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  /* //////mui inputs */\n\n  .checkout .MuiOutlinedInput-notchedOutline,\n  .checkout .css-1d3z3hw-MuiOutlinedInput-notchedOutline {\n    border: none !important;\n    outline: none !important;\n  }\n  /* ////checkbox */\n  .checkout .Mui-checked {\n    color: #060606 !important;\n  }\n\n  /* //////select inputs */\n  // .checkout .MuiInputLabel-formControl,\n  // .checkout .Mui-focused {\n  //   color: grey !important;\n  //   font-size: 0.875em;\n  // }\n  .checkout .MuiInputBase-root .checkout .MuiOutlinedInput-root,\n  .checkout .MuiInputBase-colorPrimary,\n  .checkout .MuiInputBase-fullWidth,\n  .checkout .MuiInputBase-formControl,\n  .checkout .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {\n    border-radius: 10px;\n  }\n  // /* /////stepper length */\n  .checkout .MuiStepConnector-line,\n  .MuiStepConnector-lineVertical {\n    min-height: 60px !important;\n  }\n\n  @media only screen and (max-width: 640px) {\n    .checkout .MuiStepConnector-line,\n    .MuiStepConnector-lineVertical {\n      min-height: 40px !important;\n    }\n  }\n"])), function (props) {
+var _templateObject$H, _templateObject2$s, _templateObject3$j, _templateObject4$f, _templateObject5$d, _templateObject6$c, _templateObject7$8;
+var CheckoutPageContainer = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  background-color: ", ";\n  margin: 0 auto;\n  padding: 2.375em 3.5em 2.5em 4.5em;\n  padding-left: min(4.5em, 2.5vw);\n  color: rgba(50, 50, 50, 1);\n  /* max-height: 90vh; */\n  overflow: hidden;\n  /* background: gainsboro; */\n  border-radius: 28px;\n  /* background-color: #fff8f6; */\n  @media only screen and (max-width: 1508px) {\n    flex-direction: column;\n    align-items: center;\n    max-height: max-content;\n  }\n  @media only screen and (max-width: 788px) {\n    padding: 1em 0.5em;\n  }\n  .icon {\n    font-size: 12px;\n  }\n  ////////////checkout and cart fonts\n  /////////////////\n  /* /////remove arrows from number input */\n  /* Chrome, Safari, Edge, Opera */\n  input::-webkit-outer-spin-button,\n  input::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  /* Firefox */\n  input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  /* //////mui inputs */\n\n  .checkout .MuiOutlinedInput-notchedOutline,\n  .checkout .css-1d3z3hw-MuiOutlinedInput-notchedOutline {\n    border: none !important;\n    outline: none !important;\n  }\n  /* ////checkbox */\n  .checkout .Mui-checked {\n    color: #060606 !important;\n  }\n\n  /* //////select inputs */\n  // .checkout .MuiInputLabel-formControl,\n  // .checkout .Mui-focused {\n  //   color: grey !important;\n  //   font-size: 0.875em;\n  // }\n  .checkout .MuiInputBase-root .checkout .MuiOutlinedInput-root,\n  .checkout .MuiInputBase-colorPrimary,\n  .checkout .MuiInputBase-fullWidth,\n  .checkout .MuiInputBase-formControl,\n  .checkout .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root {\n    border-radius: 10px;\n  }\n  // /* /////stepper length */\n  .checkout .MuiStepConnector-line,\n  .MuiStepConnector-lineVertical {\n    min-height: 60px !important;\n  }\n\n  @media only screen and (max-width: 640px) {\n    .checkout .MuiStepConnector-line,\n    .MuiStepConnector-lineVertical {\n      min-height: 40px !important;\n    }\n  }\n"])), function (props) {
   return props.maxWidth || '1605px';
 }, function (props) {
   return props.bg || '#fff8f6';
@@ -8348,8 +8455,8 @@ var CheckoutHeading = styled__default.div(_templateObject5$d || (_templateObject
 var CheckoutHeader = styled__default(Row)(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n  overflow: auto;\n  justify-content: space-around;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: white;\n  z-index: 1;\n  justify-content: flex-start;\n  min-height: 4.18em;\n  max-height: 4.1875em;\n  max-width: 57.43em;\n  width: 98%;\n  background: #ffffff;\n  border-radius: 20px;\n  margin-bottom: 1em;\n  margin-right: 0.35em;\n  color: #7d7b7b;\n  padding: 0 2em;\n  margin-right: 5em;\n  .row {\n    display: flex;\n    color: inherit;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    text-transform: capitalize;\n    margin-right: 2.4%;\n    .icon {\n      font-size: 14px;\n      font-weight: 400;\n      display: grid;\n      place-items: center;\n      margin-right: 6px;\n      color: inherit;\n    }\n    p,\n    span {\n      font-size: 0.95em;\n      color: inherit;\n    }\n  }\n  .checked {\n    p,\n    span {\n      color: #323232;\n    }\n    .icon {\n      color: #249937;\n    }\n  }\n  @media only screen and (max-width: 1508px) {\n    margin-right: 2em;\n  }\n  @media only screen and (max-width: 788px) {\n    width: 100%;\n    padding: 2em 1em;\n    margin: 1.4em 0;\n    .row {\n      margin-right: 4.5%;\n      p {\n        font-size: 12px;\n      }\n      span {\n        display: none;\n      }\n    }\n  }\n"])));
 var CheckoutStepIcon = styled__default.div(_templateObject7$8 || (_templateObject7$8 = _taggedTemplateLiteralLoose(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  font-size: 5px;\n  display: grid;\n  place-items: center;\n  margin: auto;\n  padding: 0;\n  margin-left: 2px;\n  .circle {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    font-size: 5px;\n    display: grid;\n    place-items: center;\n    margin: auto;\n    padding: 0;\n  }\n  .ic {\n    font-size: 8px;\n  }\n"])));
-var _templateObject$G, _templateObject2$t, _templateObject3$k;
-var CheckoutSummaryContainer = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  border-radius: 20px;\n  padding: max(1.5em, 30px);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-width: 422px;\n  min-width: min(412px, 95%);\n  font-size: 16px;\n  margin-top: 6.15em;\n  @media only screen and (max-width: 1508px) {\n    margin-top: 0;\n  }\n"])), function (props) {
+var _templateObject$I, _templateObject2$t, _templateObject3$k;
+var CheckoutSummaryContainer = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n  background: ", ";\n  color: ", ";\n  border-radius: 20px;\n  padding: max(1.5em, 30px);\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-width: 422px;\n  min-width: min(412px, 95%);\n  font-size: 16px;\n  margin-top: 6.15em;\n  @media only screen and (max-width: 1508px) {\n    margin-top: 0;\n  }\n"])), function (props) {
   return props.bg || 'rgba(255, 240, 236, 1)';
 }, function (props) {
   return props.color || ' rgba(50, 50, 50, 1)';
@@ -8409,8 +8516,8 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
   }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
 };
-var _templateObject$H, _templateObject2$u, _templateObject3$l, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
-var StepContainer = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  min-width: 57.43em;\n  max-width: 57.43em;\n  background: white;\n  padding: 1em 2em;\n  background: #ffffff;\n  border-radius: 20px;\n  margin-left: 2em;\n  margin-top: -2em;\n  margin-bottom: 1em;\n  @media screen and (max-width: 1305px) {\n    width: 80vw;\n    min-width: 0;\n  }\n  @media screen and (max-width: 768px) {\n    width: 96%;\n    margin-left: 1em;\n    padding: 0.8em;\n  }\n  @media screen and (max-width: 540px) {\n    width: 94%;\n    margin-left: 1.2em;\n  }\n"])));
+var _templateObject$J, _templateObject2$u, _templateObject3$l, _templateObject4$g, _templateObject5$e, _templateObject6$d, _templateObject7$9, _templateObject8$6, _templateObject9$4, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1;
+var StepContainer = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  min-width: 57.43em;\n  max-width: 57.43em;\n  background: white;\n  padding: 1em 2em;\n  background: #ffffff;\n  border-radius: 20px;\n  margin-left: 2em;\n  margin-top: -2em;\n  margin-bottom: 1em;\n  @media screen and (max-width: 1305px) {\n    width: 80vw;\n    min-width: 0;\n  }\n  @media screen and (max-width: 768px) {\n    width: 96%;\n    margin-left: 1em;\n    padding: 0.8em;\n  }\n  @media screen and (max-width: 540px) {\n    width: 94%;\n    margin-left: 1.2em;\n  }\n"])));
 var StepsContent = styled__default.div(_templateObject2$u || (_templateObject2$u = _taggedTemplateLiteralLoose(["\n  padding-left: 1.565em;\n  min-height: max-content;\n  .MuiOutlinedInput-root {\n    background: ", ";\n  }\n\n  p {\n    font-size: 0.75em;\n  }\n  .bold {\n    text-transform: uppercase;\n    word-spacing: 5px;\n    margin-top: 0.95em;\n    span {\n      font-weight: 600;\n      cursor: pointer;\n      font-size: 0.94rem;\n    }\n    .red {\n      color: ", ";\n    }\n  }\n  @media screen and (max-width: 768px) {\n    padding: 0;\n    width: 100%;\n  }\n"])), function (props) {
   return 'transparent' + '!important';
 }, function (props) {
@@ -9117,7 +9224,7 @@ var Step1 = function Step1(_ref) {
   })));
 };
-var _templateObject$I;
+var _templateObject$K;
 var Step2 = function Step2(_ref) {
   var _filter, _addressList$, _addressList, _JSON$parse2, _styles$button2;
   var apiEndPoint = _ref.apiEndPoint,
@@ -9363,7 +9470,7 @@ var Step2 = function Step2(_ref) {
     paddingBottom: '1rem'
   }, modifyOptions === null || modifyOptions === void 0 ? void 0 : modifyOptions.map(function (option, i) {
     return deliveryOption(option, i);
-  })), method !== null && method !== void 0 && method.freeShippingLimit ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", null, "Free shipping on orders over", ' ', /*#__PURE__*/React__default.createElement("b", null, renderMoney(method === null || method === void 0 ? void 0 : method.freeShippingLimit)))) : null, showShippingPriceRangeLimit && (method === null || method === void 0 ? void 0 : method.shippingPriceRange) && /*#__PURE__*/React__default.createElement(material.Stack, {
+  })), (method === null || method === void 0 ? void 0 : method.description) && /*#__PURE__*/React__default.createElement("span", null, method === null || method === void 0 ? void 0 : method.description), method !== null && method !== void 0 && method.freeShippingLimit ? /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("span", null, "Free shipping on orders over", ' ', /*#__PURE__*/React__default.createElement("b", null, renderMoney(method === null || method === void 0 ? void 0 : method.freeShippingLimit)))) : null, showShippingPriceRangeLimit && (method === null || method === void 0 ? void 0 : method.shippingPriceRange) && /*#__PURE__*/React__default.createElement(material.Stack, {
     flexDirection: "column",
     width: "100%",
     alignItems: 'flex-start',
@@ -9396,7 +9503,7 @@ var Step2 = function Step2(_ref) {
     color: styles === null || styles === void 0 ? void 0 : (_styles$button2 = styles.button) === null || _styles$button2 === void 0 ? void 0 : _styles$button2.bg
   })));
 };
-var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  max-height: 3rem,\n  border-radius: 14px;\n  img {\n    max-width: 100%;\n  }\n"])));
+var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n  max-width: 100%;\n  max-height: 3rem,\n  border-radius: 14px;\n  img {\n    max-width: 100%;\n  }\n"])));
 var CreditCardForm = function CreditCardForm(_ref) {
   var _React$createElement, _React$createElement2;
@@ -9765,7 +9872,7 @@ var PaymentForm = /*#__PURE__*/function (_React$Component) {
 }(React__default.Component);
 var Step3 = function Step3(_ref) {
-  var _store$, _selectedMethod$name, _styles$button2;
+  var _store$, _selectedMethod$name, _filter, _styles$button2;
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
     authoriseDotNet = _ref.authoriseDotNet,
@@ -9886,7 +9993,9 @@ var Step3 = function Step3(_ref) {
     className: "medium"
   }, "Store Credits: ", /*#__PURE__*/React__default.createElement("span", {
     className: "bold "
-  }, "$", storeCr === null || storeCr === void 0 ? void 0 : storeCr.toFixed(2)))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(StepsContent, null, payments === null || payments === void 0 ? void 0 : payments.map(function (payment, i) {
+  }, "$", storeCr === null || storeCr === void 0 ? void 0 : storeCr.toFixed(2)))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null), /*#__PURE__*/React__default.createElement(StepsContent, null, (_filter = lodash.filter(payments, {
+    ecommerce: true
+  })) === null || _filter === void 0 ? void 0 : _filter.map(function (payment, i) {
     var _payment$name;
     if (payment !== null && payment !== void 0 && (_payment$name = payment.name) !== null && _payment$name !== void 0 && _payment$name.toLowerCase().includes('card')) {
       var _styles$input, _styles$button, _creditCardListData$p, _creditCardListData$p2;
@@ -9971,7 +10080,7 @@ var Step3 = function Step3(_ref) {
         className: "innerCircle"
       })), /*#__PURE__*/React__default.createElement("p", null, payment === null || payment === void 0 ? void 0 : payment.name));
     }
-  }), /*#__PURE__*/React__default.createElement(ButtonRow, {
+  }), (selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.description) && /*#__PURE__*/React__default.createElement("span", null, selectedMethod === null || selectedMethod === void 0 ? void 0 : selectedMethod.description), /*#__PURE__*/React__default.createElement(ButtonRow, {
     handleBack: handleBack,
     handleNext: function handleNext() {
       setPaymentDetails(useStoreCr, useStoreCr && storeCredits > total ? null : selectedMethod, isCard && card);
@@ -10590,6 +10699,7 @@ function useGridSize() {
   return layout;
 }
+exports.APIStaticPage = APIStaticPage;
 exports.AccountDetails = AccountDetails;
 exports.BrandStock = BrandStock;
 exports.Breakpoint = Breakpoint;