@salesgenterp/ui-components 0.4.240 → 0.4.241

package/dist/index.js

@@ -44,8 +44,8 @@ var reactSelect = require('react-select');
 var ReactAsyncSelect = _interopDefault(require('react-select/async'));
 var ReCAPTCHA = _interopDefault(require('react-google-recaptcha'));
 var cg = require('react-icons/cg');
-var Cards = _interopDefault(require('react-credit-cards'));
 var fi = require('react-icons/fi');
+var Cards = _interopDefault(require('react-credit-cards'));
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -1190,7 +1190,8 @@ var Dashboard = function Dashboard(_ref) {
     sectionRightImageSection = _ref.sectionRightImageSection,
     discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage,
-    imgNotFoundUrl = _ref.imgNotFoundUrl;
+    imgNotFoundUrl = _ref.imgNotFoundUrl,
+    hideInvoiceAction = _ref.hideInvoiceAction;
   var _useState = React.useState({}),
     customerData = _useState[0],
     setCustomerData = _useState[1];
@@ -1297,7 +1298,7 @@ var Dashboard = function Dashboard(_ref) {
         target: '_blank'
       }, trackingNumber);
     }
-  }, {
+  }, !hideInvoiceAction && {
     id: 'orderId',
     label: 'Action',
     align: 'center',
@@ -3756,7 +3757,8 @@ var AccountDetails = function AccountDetails(_ref) {
     sectionRightImageSection = _ref.sectionRightImageSection,
     discountImageSection = _ref.discountImageSection,
     hideDiscountImage = _ref.hideDiscountImage,
-    imgNotFoundUrl = _ref.imgNotFoundUrl;
+    imgNotFoundUrl = _ref.imgNotFoundUrl,
+    hideInvoiceAction = _ref.hideInvoiceAction;
   var serviceApiEndPoint = apiEndPoint.replace('/api', '/services/pdf');
   var isMobile = useMediaQuery('(max-width:768px)');
   var drawerWidth = isMobile ? 200 : 300;
@@ -3872,7 +3874,8 @@ var AccountDetails = function AccountDetails(_ref) {
           sectionRightImageSection: sectionRightImageSection,
           discountImageSection: discountImageSection,
           hideDiscountImage: hideDiscountImage,
-          imgNotFoundUrl: imgNotFoundUrl
+          imgNotFoundUrl: imgNotFoundUrl,
+          hideInvoiceAction: hideInvoiceAction
         });
       case 'My Profile':
         return /*#__PURE__*/React__default.createElement(MyProfile, {
@@ -7538,7 +7541,10 @@ var StepsHeaderContainer = styled__default.div(_templateObject3$i || (_templateO
 }, function (props) {
   return props.username ? 'not-allowed' : 'pointer';
 });
-var TextFeildContainer = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n  && {\n    input {\n      font-size: 0.875em !important;\n\n      color: rgba(107, 106, 106, 1);\n      color: black;\n      &::placeholder {\n        font-size: 0.975em !important;\n      }\n    }\n    .icon {\n      color: black;\n      font-size: 1em;\n    }\n  }\n"])));
+var TextFeildContainer = styled__default.div(_templateObject4$e || (_templateObject4$e = _taggedTemplateLiteralLoose(["\n  label {\n    color: rgba(107, 106, 106, 0.6) !important;\n  }\n  background: ", ";\n  border-radius: 10px;\n  && {\n    input {\n      font-size: 0.875em !important;\n      color: black;\n      &::placeholder {\n        font-size: 0.975em !important;\n      }\n    }\n    .icon {\n      color: black;\n      font-size: 1em;\n    }\n  }\n"])), function (props) {
+  var _props$theme, _props$theme$input;
+  return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : (_props$theme$input = _props$theme.input) === null || _props$theme$input === void 0 ? void 0 : _props$theme$input.bg) || 'transparent';
+});
 var CommonCheckoutBtn = styled__default.button(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteralLoose(["\n  border: none;\n  outline: none;\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  display: grid;\n  place-items: center;\n  color: white;\n  margin: 0 1em;\n  font-weight: 500;\n  letter-spacing: 1px;\n  text-transform: ", ";\n  transition: 0.4s;\n  cursor: ", ";\n  &:hover,\n  &:focus {\n    opacity: 0.7;\n  }\n"])), function (props) {
   return props.width || '8.05em';
 }, function (props) {
@@ -7553,7 +7559,7 @@ var CommonCheckoutBtn = styled__default.button(_templateObject5$c || (_templateO
 var Select = styled__default.div.attrs({
   className: 'checkout-input'
 })(_templateObject6$b || (_templateObject6$b = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: 54px;\n  border-radius: 10px;\n  background: ", ";\n  outline: none;\n  border: none;\n  padding: 0 1em;\n  cursor: pointer;\n  select {\n    width: 100%;\n    height: 100%;\n    border: none;\n    outline: none;\n    padding: 0.5em 0;\n    color: rgba(107, 106, 106, 0.6);\n    background: ", ";\n  }\n"])), function (props) {
-  return props.bg || 'transparent';
+  return props.theme.input.bg || 'transparent';
 }, function (props) {
   return 'transparent';
 });
@@ -7584,7 +7590,7 @@ var CheckBoxRow = styled__default.div(_templateObject9$4 || (_templateObject9$4
 }, function (prop) {
   return prop.colorText || 'red';
 });
-var CreditCardFextField = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n  .MuiOutlinedInput-root {\n    background: ", ";\n  }\n  .save-btn {\n    background: ", ";\n  }\n"])), function (prop) {
+var CreditCardFextField = styled__default.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteralLoose(["\n  label {\n    color: rgba(107, 106, 106, 0.6) !important;\n  }\n  .MuiOutlinedInput-root {\n    background: ", ";\n  }\n  .save-btn {\n    background: ", ";\n  }\n"])), function (prop) {
   return prop.bgInput + '!important' || '';
 }, function (prop) {
   return prop.btnBg + '!important' || '';
@@ -7647,9 +7653,9 @@ var CheckoutInput = function CheckoutInput(_ref) {
     render: function render(_ref2) {
       var field = _ref2.field;
       return /*#__PURE__*/React__default.createElement(material.TextField, _extends({
-        placeholder: placeholder,
         variant: "outlined",
         required: required,
+        label: placeholder,
         InputProps: showIcon ? {
           startAdornment: /*#__PURE__*/React__default.createElement(material.InputAdornment, {
             position: "start"
@@ -7964,7 +7970,7 @@ var AddressForm = function AddressForm(_ref) {
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
       name: 'address1',
-      placeholder: 'Address 1*',
+      placeholder: 'Address 1',
       control: control,
       required: true
     }
@@ -8013,7 +8019,7 @@ var AddressForm = function AddressForm(_ref) {
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
       name: 'city',
-      placeholder: 'City*',
+      placeholder: 'City',
       control: control,
       required: true
     }
@@ -8024,7 +8030,7 @@ var AddressForm = function AddressForm(_ref) {
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
       name: 'zip',
-      placeholder: 'Zip/Postal Code*',
+      placeholder: 'Zip/Postal Code',
       control: control,
       type: 'number',
       required: true
@@ -8036,7 +8042,7 @@ var AddressForm = function AddressForm(_ref) {
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
       name: 'phone',
-      placeholder: 'Phone*',
+      placeholder: 'Phone',
       control: control,
       type: 'number',
       required: true
@@ -8551,6 +8557,7 @@ var Step2 = function Step2(_ref) {
 var ImageContainer$1 = styled__default(material.CardMedia)(_templateObject$D || (_templateObject$D = _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;
   var handleChange = _ref.handleChange,
     handleFocus = _ref.handleFocus,
     saved = _ref.saved,
@@ -8601,7 +8608,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "firstName",
     type: "text",
     value: firstName,
-    placeholder: "Card Holder's First Name*"
+    placeholder: "Card Holder's First Name",
+    label: "First Name"
   }), showError && (firstName === null || firstName === void 0 ? void 0 : firstName.length) < 3 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: 'red',
@@ -8621,7 +8629,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "lastName",
     type: "text",
     value: lastName,
-    placeholder: "Card Holder's Last Name*"
+    placeholder: "Card Holder's Last Name",
+    label: "Last Name"
   }), showError && (lastName === null || lastName === void 0 ? void 0 : lastName.length) < 3 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: 'red',
@@ -8641,7 +8650,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "cardNumber",
     type: "number",
     value: cardNumber,
-    placeholder: "Card Nubmers   xxxx-xxxx-xxxx-xxxx"
+    placeholder: "Card Number xxxx-xxxx-xxxx-xxxx",
+    label: "Card Number"
   }), showError && (cardNumber === null || cardNumber === void 0 ? void 0 : cardNumber.length) < 14 || showError && (cardNumber === null || cardNumber === void 0 ? void 0 : cardNumber.length) > 16 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: 'red',
@@ -8661,7 +8671,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "expirationMonth",
     type: "number",
     value: expirationMonth,
-    placeholder: "Expiration Month  MM "
+    placeholder: "Expiration Month  MM ",
+    label: "Expiration Month"
   }), showError && (expirationMonth === null || expirationMonth === void 0 ? void 0 : expirationMonth.length) !== 2 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: 'red',
@@ -8669,7 +8680,7 @@ var CreditCardForm = function CreditCardForm(_ref) {
       paddingTop: '.4em',
       fontSize: '.95em'
     }
-  }, "Please enter a valid Month.") : ''), ' ', /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, "Please enter a valid Month.") : ''), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     sm: 4
@@ -8681,7 +8692,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "expirationYear",
     type: "number",
     value: expirationYear,
-    placeholder: "Expiration Year YY "
+    placeholder: "Expiration Year YY ",
+    label: "Expiration Year"
   }), showError && (expirationYear === null || expirationYear === void 0 ? void 0 : expirationYear.length) !== 2 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: 'red',
@@ -8700,7 +8712,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     onFocus: handleFocus,
     name: "cvv",
     type: "number",
-    placeholder: "CVC/CVV  ***",
+    placeholder: "CVC/CVV  ",
+    label: "CVC/CVV",
     value: cvv
   }), showError && (cvv === null || cvv === void 0 ? void 0 : cvv.length) < 3 || showError && (cvv === null || cvv === void 0 ? void 0 : cvv.length) > 4 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
@@ -8721,7 +8734,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "address",
     type: "text",
     value: address,
-    placeholder: "Address"
+    placeholder: "Address",
+    label: "Address"
   }), showError && (address === null || address === void 0 ? void 0 : address.length) < 1 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
       color: 'red',
@@ -8733,7 +8747,7 @@ var CreditCardForm = function CreditCardForm(_ref) {
     item: true,
     xs: 12,
     sm: 3
-  }, /*#__PURE__*/React__default.createElement(material.TextField, {
+  }, /*#__PURE__*/React__default.createElement(material.TextField, (_React$createElement = {
     required: true,
     fullWidth: true,
     onChange: handleChange,
@@ -8743,7 +8757,7 @@ var CreditCardForm = function CreditCardForm(_ref) {
     label: "Country",
     value: countryId,
     placeholder: "Country"
-  }, countries === null || countries === void 0 ? void 0 : countries.map(function (item, i) {
+  }, _React$createElement["label"] = "Country", _React$createElement), countries === null || countries === void 0 ? void 0 : countries.map(function (item, i) {
     return /*#__PURE__*/React__default.createElement(material.MenuItem, {
       key: i,
       value: item === null || item === void 0 ? void 0 : item.id
@@ -8755,11 +8769,11 @@ var CreditCardForm = function CreditCardForm(_ref) {
       paddingTop: '.4em',
       fontSize: '.95em'
     }
-  }, "Please enter a country.") : ''), ' ', /*#__PURE__*/React__default.createElement(material.Grid, {
+  }, "Please enter a country.") : ''), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12,
     sm: 3
-  }, /*#__PURE__*/React__default.createElement(material.TextField, {
+  }, /*#__PURE__*/React__default.createElement(material.TextField, (_React$createElement2 = {
     required: true,
     fullWidth: true,
     onChange: handleChange,
@@ -8769,7 +8783,7 @@ var CreditCardForm = function CreditCardForm(_ref) {
     label: "State",
     value: stateId,
     placeholder: "State"
-  }, states === null || states === void 0 ? void 0 : states.map(function (item, i) {
+  }, _React$createElement2["label"] = "State", _React$createElement2), states === null || states === void 0 ? void 0 : states.map(function (item, i) {
     return /*#__PURE__*/React__default.createElement(material.MenuItem, {
       key: i,
       value: item === null || item === void 0 ? void 0 : item.id
@@ -8792,7 +8806,8 @@ var CreditCardForm = function CreditCardForm(_ref) {
     onFocus: handleFocus,
     name: "city",
     type: "text",
-    placeholder: "CIty",
+    placeholder: "City",
+    label: "City",
     value: city
   }), showError && (city === null || city === void 0 ? void 0 : city.length) < 1 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
@@ -8813,6 +8828,7 @@ var CreditCardForm = function CreditCardForm(_ref) {
     name: "zipcode",
     type: "number",
     placeholder: "Zip code",
+    label: "Zip code",
     value: zipcode
   }), showError && (zipcode === null || zipcode === void 0 ? void 0 : zipcode.length) < 1 ? /*#__PURE__*/React__default.createElement("p", {
     style: {
@@ -9463,7 +9479,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
   var _useState = React.useState(),
     shippingAddressIdFromStep1 = _useState[0],
     setShippingAddressIdFromStep1 = _useState[1];
-  return /*#__PURE__*/React__default.createElement(CheckoutPageContainer, {
+  return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
+    theme: styles
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(material.CssBaseline, null), /*#__PURE__*/React__default.createElement(CheckoutPageContainer, {
     className: "checkout",
     bg: styles === null || styles === void 0 ? void 0 : styles.bg
   }, /*#__PURE__*/React__default.createElement(material.Stack, {
@@ -9645,7 +9663,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     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,
     discountCoupons: discountCoupons
-  }));
+  }))));
 };
 
 var Breakpoint = function Breakpoint() {};