@salesgenterp/ui-components 0.4.192 → 0.4.194

package/dist/index.js

@@ -2160,8 +2160,10 @@ var currentTimeText = function currentTimeText() {
 };
 
 var _templateObject$7, _templateObject2$7, _templateObject3$7;
-var CheckoutSummaryContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n  background: ", ";\n\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 CheckoutSummaryContainer = styled__default.div(_templateObject$7 || (_templateObject$7 = _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)';
 });
 var TextRow = styled__default.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  max-width: 90%;\n  margin-bottom: 1em;\n  padding-bottom: 1em;\n  width: 90%;\n  border-bottom: 1px solid rgba(250, 232, 229, 1);\n  .text {\n    font-size: 1.1em;\n    font-weight: 300;\n    text-transform: capitalize;\n  }\n  .total {\n    font-size: 1.65em;\n    font-weight: 800;\n  }\n"])));
 var FilledInfo = styled__default.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteralLoose(["\n  margin-bottom: 2em;\n  .heading {\n    font-size: 1.25em;\n    font-weight: 800;\n    margin-bottom: 0.8em;\n  }\n\n  p {\n    font-size: 0.875em;\n    font-weight: 300;\n    text-transform: capitalize;\n    max-width: 60%;\n  }\n  .bold {\n    font-weight: 700;\n    margin-bottom: 0.8em;\n    max-width: 300px;\n    width: fit-content;\n  }\n  .payment {\n    width: 70px;\n    height: 48px;\n    background: #ffffff;\n    border-radius: 15.875px;\n    display: grid;\n    place-items: center;\n    overflow: hidden;\n  }\n  .blank {\n    padding-bottom: 2em;\n    opacity: 0;\n  }\n"])));
@@ -2172,9 +2174,11 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
     shippingInformation = _ref.shippingInformation,
     paymentMethod = _ref.paymentMethod,
     shippingMethod = _ref.shippingMethod,
-    bg = _ref.bg;
+    bg = _ref.bg,
+    color = _ref.color;
   return /*#__PURE__*/React__default.createElement(CheckoutSummaryContainer, {
-    bg: bg
+    bg: bg,
+    color: color
   }, /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
     className: "text"
   }, "order total :"), /*#__PURE__*/React__default.createElement("h6", {
@@ -3717,7 +3721,7 @@ var steps = [{
   }
 }];
 var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
-  var _styles$scroll, _styles$scroll2, _styles$checkoutSumma;
+  var _styles$scroll, _styles$scroll2, _styles$checkoutSumma, _styles$checkoutSumma2;
   var currStep = _ref.currStep,
     styles = _ref.styles,
     handleNext = _ref.handleNext,
@@ -3917,7 +3921,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     shippingMethod: shippingMethod,
     paymentMethod: selectedPaymentMethod,
     total: cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice,
-    bg: styles === null || styles === void 0 ? void 0 : (_styles$checkoutSumma = styles.checkoutSummary) === null || _styles$checkoutSumma === void 0 ? void 0 : _styles$checkoutSumma.bg
+    bg: styles === null || styles === void 0 ? void 0 : (_styles$checkoutSumma = styles.checkoutSummary) === null || _styles$checkoutSumma === void 0 ? void 0 : _styles$checkoutSumma.bg,
+    color: styles === null || styles === void 0 ? void 0 : (_styles$checkoutSumma2 = styles.checkoutSummary) === null || _styles$checkoutSumma2 === void 0 ? void 0 : _styles$checkoutSumma2.color
   }));
 };
 
@@ -4649,7 +4654,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
         setTableData(_extends({}, tableData, {
           apiStatus: API_STATUSES.LOADING
         }));
-        var _temp5 = _catch(function () {
+        var _temp4 = _catch(function () {
           var _ref3;
           function _temp3() {
             var responseData = apiResponse.content || apiResponse.sliderImageList || apiResponse;
@@ -4694,7 +4699,7 @@ var APITable = React.forwardRef(function (_ref, ref) {
           }));
           onDataLoadError && onDataLoadError(e);
         });
-        return _temp5 && _temp5.then ? _temp5.then(function () {}) : void 0;
+        return _temp4 && _temp4.then ? _temp4.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -5017,7 +5022,7 @@ var Dashboard = function Dashboard(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp2 = _catch(function () {
+        var _temp = _catch(function () {
           return Promise.resolve(API({
             url: "/ecommerce/customer",
             apiEndPoint: apiEndPoint,
@@ -5033,7 +5038,7 @@ var Dashboard = function Dashboard(_ref) {
             });
           });
         }, function () {});
-        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -5474,7 +5479,7 @@ var MyProfile = function MyProfile(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp2 = _catch(function () {
+        var _temp = _catch(function () {
           return Promise.resolve(API({
             apiEndPoint: apiEndPoint,
             token: token,
@@ -5485,7 +5490,7 @@ var MyProfile = function MyProfile(_ref) {
             reset(data === null || data === void 0 ? void 0 : data.customerDto);
           });
         }, function () {});
-        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -5493,11 +5498,11 @@ var MyProfile = function MyProfile(_ref) {
   }, []);
   var updateProfile = function updateProfile(formData) {
     try {
-      var _temp5 = function _temp5() {
+      var _temp3 = function _temp3() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp6 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -5508,7 +5513,7 @@ var MyProfile = function MyProfile(_ref) {
           successMessage: 'Profile updated successfully.'
         })).then(function () {});
       }, function () {});
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5823,7 +5828,7 @@ var AddStore = function AddStore(_ref) {
   var selectedCountry = watch('address.countryId');
   var getCountryData = function getCountryData() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getCountry({
           apiEndPoint: apiEndPoint,
           token: token
@@ -5832,7 +5837,7 @@ var AddStore = function AddStore(_ref) {
           setValue('address.countryId', countryData[0].id);
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -5845,7 +5850,7 @@ var AddStore = function AddStore(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp4 = function () {
+        var _temp2 = function () {
           if (selectedCountry) {
             return Promise.resolve(getStatesById({
               id: selectedCountry,
@@ -5857,7 +5862,7 @@ var AddStore = function AddStore(_ref) {
             });
           }
         }();
-        return _temp4 && _temp4.then ? _temp4.then(function () {}) : void 0;
+        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -5865,11 +5870,11 @@ var AddStore = function AddStore(_ref) {
   }, [selectedCountry]);
   var addStoreData = function addStoreData(formData) {
     try {
-      var _temp7 = function _temp7() {
+      var _temp4 = function _temp4() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp8 = _catch(function () {
+      var _temp3 = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -5895,7 +5900,7 @@ var AddStore = function AddStore(_ref) {
           });
         });
       }, function () {});
-      return Promise.resolve(_temp8 && _temp8.then ? _temp8.then(_temp7) : _temp7(_temp8));
+      return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(_temp4) : _temp4(_temp3));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6169,7 +6174,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
     setValue = _useForm.setValue;
   var getCountryData = function getCountryData() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(getCountry({
           apiEndPoint: apiEndPoint,
           token: token
@@ -6187,7 +6192,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
           });
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6214,11 +6219,11 @@ var AddEditAddress = function AddEditAddress(_ref) {
   };
   var updateAddressData = function updateAddressData(formData) {
     try {
-      var _temp5 = function _temp5() {
+      var _temp3 = function _temp3() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp6 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -6235,7 +6240,7 @@ var AddEditAddress = function AddEditAddress(_ref) {
           getStoreData();
         });
       }, function () {});
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6434,7 +6439,7 @@ var StoreDetails = function StoreDetails(_ref) {
     control = _useForm.control;
   var getStoreData = function getStoreData() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -6443,7 +6448,7 @@ var StoreDetails = function StoreDetails(_ref) {
           setStoreAddresses(data);
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6455,11 +6460,11 @@ var StoreDetails = function StoreDetails(_ref) {
   }, []);
   var updateStoreData = function updateStoreData(formData) {
     try {
-      var _temp5 = function _temp5() {
+      var _temp3 = function _temp3() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp6 = _catch(function () {
+      var _temp2 = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -6472,7 +6477,7 @@ var StoreDetails = function StoreDetails(_ref) {
           setStoreDetails(_extends({}, storeDetails, response));
         });
       }, function () {});
-      return Promise.resolve(_temp6 && _temp6.then ? _temp6.then(_temp5) : _temp5(_temp6));
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(_temp3) : _temp3(_temp2));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6650,11 +6655,11 @@ var StoreManager = function StoreManager(_ref) {
   var managerId = storeData === null || storeData === void 0 ? void 0 : (_storeData$managerDet = storeData.managerDetails) === null || _storeData$managerDet === void 0 ? void 0 : _storeData$managerDet.customerId;
   var updateManager = function updateManager(formData) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -6667,7 +6672,7 @@ var StoreManager = function StoreManager(_ref) {
           setManagerData(_extends({}, managerData, response));
         });
       }, function () {});
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -6790,7 +6795,7 @@ var StoreTabs = function StoreTabs(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp2 = _catch(function () {
+        var _temp = _catch(function () {
           return Promise.resolve(API({
             apiEndPoint: apiEndPoint,
             token: token,
@@ -6800,7 +6805,7 @@ var StoreTabs = function StoreTabs(_ref) {
             setStoreData(data);
           });
         }, function () {});
-        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -6876,7 +6881,7 @@ var StoreList = function StoreList(_ref) {
     setStoreDataList = _useState3[1];
   var getStoreDataList = function getStoreDataList() {
     try {
-      var _temp2 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -6886,7 +6891,7 @@ var StoreList = function StoreList(_ref) {
           setStoreDataList(data);
         });
       }, function () {});
-      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -7115,7 +7120,7 @@ var Statement = function Statement(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp2 = _catch(function () {
+        var _temp = _catch(function () {
           return Promise.resolve(API({
             url: "/ecommerce/customer",
             apiEndPoint: apiEndPoint,
@@ -7124,7 +7129,7 @@ var Statement = function Statement(_ref) {
             setCustomerData(customerDataResponse);
           });
         }, function () {});
-        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -7257,11 +7262,11 @@ var ChangePassword = function ChangePassword(_ref) {
     watch = _useForm.watch;
   var updatePassword = function updatePassword(formData) {
     try {
-      var _temp3 = function _temp3() {
+      var _temp2 = function _temp2() {
         setIsLoading(false);
       };
       setIsLoading(true);
-      var _temp4 = _catch(function () {
+      var _temp = _catch(function () {
         return Promise.resolve(API({
           apiEndPoint: apiEndPoint,
           token: token,
@@ -7272,7 +7277,7 @@ var ChangePassword = function ChangePassword(_ref) {
           successMessage: 'Password updated successfully.'
         })).then(function () {});
       }, function () {});
-      return Promise.resolve(_temp4 && _temp4.then ? _temp4.then(_temp3) : _temp3(_temp4));
+      return Promise.resolve(_temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -7463,7 +7468,7 @@ var AccountDetails = function AccountDetails(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp2 = _catch(function () {
+        var _temp = _catch(function () {
           return Promise.resolve(API({
             apiEndPoint: apiEndPoint,
             token: token,
@@ -7472,7 +7477,7 @@ var AccountDetails = function AccountDetails(_ref) {
             setStoreData(data);
           });
         }, function () {});
-        return _temp2 && _temp2.then ? _temp2.then(function () {}) : void 0;
+        return _temp && _temp.then ? _temp.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
@@ -7688,7 +7693,7 @@ var Main = styles.styled('main', {
   }, {
     background: backgroundColor,
     borderRadius: 14,
-    height: '100%',
+    height: 'auto',
     overflow: 'auto'
   });
 });
@@ -7701,6 +7706,74 @@ var TypographyContainer$7 = styled__default(material.Typography)(_templateObject
   return props.fontColor;
 });
 
+var _templateObject$v, _templateObject2$m;
+var ThankYou = function ThankYou(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? 0 : _ref$id,
+    _ref$colors = _ref.colors,
+    colors = _ref$colors === void 0 ? {
+      primaryColor: '#D2122E'
+    } : _ref$colors,
+    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$5, null, /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    justify: "center"
+  }, /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      padding: '50px 0px',
+      flexDirection: 'column',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React__default.createElement(md.MdCheckCircle, {
+    style: {
+      fontSize: '150px',
+      color: 'green',
+      marginBottom: '40px'
+    }
+  }), /*#__PURE__*/React__default.createElement("h1", {
+    style: {
+      fontSize: '40px',
+      marginBottom: '20px',
+      fontWeight: '500'
+    }
+  }, "Thank you."), /*#__PURE__*/React__default.createElement("h2", {
+    style: {
+      marginBottom: '40px',
+      fontWeight: '500'
+    }
+  }, "Your order number ", id, " was placed successfully."), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center',
+      marginBottom: '40px'
+    }
+  }, /*#__PURE__*/React__default.createElement(md.MdMailOutline, {
+    style: {
+      fontSize: '50px'
+    }
+  }), /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginLeft: '20px'
+    }
+  }, /*#__PURE__*/React__default.createElement("p", null, "An email receipt including the details about the order has been"), /*#__PURE__*/React__default.createElement("p", null, "sent to the email address provided. Please keep it for your records."))), /*#__PURE__*/React__default.createElement(StyledButton, {
+    onClick: onContinue
+  }, /*#__PURE__*/React__default.createElement("p", null, "Continue Shopping"))))))));
+};
+var Root$5 = styled__default(material.Box)(_templateObject$v || (_templateObject$v = _taggedTemplateLiteralLoose([""])));
+var StyledButton = styled__default.button(_templateObject2$m || (_templateObject2$m = _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) {
+  return props.theme.primaryColor;
+}, function (props) {
+  return props.theme.primaryColor;
+});
+
 var Breakpoint = function Breakpoint() {};
 Breakpoint.xs = 'xs';
 Breakpoint.sm = 'sm';
@@ -7794,6 +7867,7 @@ exports.Breakpoint = Breakpoint;
 exports.CartDrawer = CartDrawer;
 exports.CartPageComponent = CartPageComponent;
 exports.CheckoutPageComponent = CheckoutPageComponent;
+exports.ThankYou = ThankYou;
 exports.Variant = Variant;
 exports.useGridSize = useGridSize;
 exports.useWindowSize = useWindowSize;