@salesgenterp/ui-components 0.4.27 → 0.4.29

package/dist/index.js

@@ -1975,6 +1975,8 @@ var TextRow = styled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemp
 var FilledInfo = styled.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: 50%;\n  }\n  .bold {\n    font-weight: 700;\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  }\n"])));
 
 var CheckoutSummary = function CheckoutSummary(_ref) {
+  var _src;
+
   var total = _ref.total,
       billingInformation = _ref.billingInformation,
       shippingInformation = _ref.shippingInformation,
@@ -1982,7 +1984,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
   var src = paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name;
   var Images = ['visa', 'mastercard', 'paypal', 'stripe'];
 
-  if (src.toLowerCase().includes('card')) {
+  if ((_src = src) !== null && _src !== void 0 && _src.toLowerCase().includes('card')) {
     if (src !== 'masterCard') {
       src = 'visa';
     }
@@ -2018,7 +2020,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
 
 var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$6, _templateObject5$6, _templateObject6$5, _templateObject7$3, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 var StepContainer = styled.div(_templateObject$8 || (_templateObject$8 = _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: calc(100vw - 40px);\n    margin-left: 1em;\n    padding: 1em;\n  }\n"])));
-var StepsContent = styled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  padding-left: 2.5em;\n  min-height: max-content;\n  .bold {\n    text-transform: uppercase;\n    word-spacing: 5px;\n    margin-top: 1em;\n    span {\n      font-weight: 700;\n      cursor: pointer;\n    }\n    .red {\n      color: red;\n    }\n  }\n"])));
+var StepsContent = styled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteralLoose(["\n  padding-left: 2.5em;\n  min-height: max-content;\n  .bold {\n    text-transform: uppercase;\n    word-spacing: 5px;\n    margin-top: 1em;\n    span {\n      font-weight: 700;\n      cursor: pointer;\n    }\n    .red {\n      color: red;\n    }\n  }\n  @media screen and (max-width: 768px) {\n    padding: 0;\n    width: 100%;\n  }\n"])));
 var StepsHeaderContainer = styled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-start;\n  font-family: 'karla-fonts';\n  color: #323232;\n  padding: ", ";\n  margin-bottom: ", ";\n  margin-top: ", ";\n  margin-left: ", ";\n  /* color: grey; */\n  border-bottom: 1px solid #fff0ec;\n  background: #ffffff;\n  border-radius: 20px;\n  max-width: 919px;\n  h5 {\n    font-size: 16px;\n    font-weight: 700;\n    text-transform: capitalize;\n  }\n  .icon {\n    font-size: 1.3em;\n    margin-right: 8px;\n  }\n  .dropIcon {\n    font-size: 1.4em;\n    cursor: pointer;\n    transform: rotate(-90deg);\n    transition: 0.3s;\n    color: rgba(50, 50, 50, 0.75);\n  }\n  @media screen and (max-width: 768px) {\n    max-width: 97%;\n    margin-left: 1em;\n    font-size: 12px;\n    /* padding: 1.5em 2em; */\n  }\n"])), function (props) {
   return props.single ? '1.8em 2em' : '1em 0';
 }, function (props) {
@@ -2520,9 +2522,11 @@ var Step3 = function Step3(_ref) {
       margin: '1.5em 0'
     }
   }, payments === null || payments === void 0 ? void 0 : payments.map(function (payment, i) {
+    var _src;
+
     var src = payment === null || payment === void 0 ? void 0 : payment.name;
 
-    if (src.toLowerCase().includes('card')) {
+    if ((_src = src) !== null && _src !== void 0 && _src.toLowerCase().includes('card')) {
       if (src !== 'masterCard') {
         src = 'visa';
       }
@@ -2552,7 +2556,8 @@ var Step3 = function Step3(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
-    xs: 10
+    xs: 12,
+    md: 10
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
       name: 'cardName',
@@ -2566,7 +2571,8 @@ var Step3 = function Step3(_ref) {
     }
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
-    xs: 10
+    xs: 12,
+    md: 10
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
       name: 'cardNumber',
@@ -2641,7 +2647,8 @@ var Step4 = function Step4(_ref) {
       handleNext = _ref.handleNext,
       cartData = _ref.cartData,
       vatPercentage = _ref.vat,
-      clickRedirect = _ref.clickRedirect;
+      clickRedirect = _ref.clickRedirect,
+      deliveryCharges = _ref.deliveryCharges;
 
   var _React$useState = React__default.useState(false),
       checked = _React$useState[0],
@@ -2719,7 +2726,7 @@ var Step4 = function Step4(_ref) {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max price red"
-  }, "Free"))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
+  }, deliveryCharges && deliveryCharges > 0 ? deliveryCharges === null || deliveryCharges === void 0 ? void 0 : deliveryCharges.toFixed(2) : 'Free'))), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 2
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     sx: {
@@ -2859,7 +2866,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       userAddresses = _ref.userAddresses,
       showShipping = _ref.showShipping,
       clickRedirect = _ref.clickRedirect,
-      ordering = _ref.ordering;
+      ordering = _ref.ordering,
+      deliveryCharges = _ref.deliveryCharges;
   return /*#__PURE__*/React__default.createElement(CheckoutPageContainer, {
     className: "checkout"
   }, /*#__PURE__*/React__default.createElement(CheckoutMain, null, /*#__PURE__*/React__default.createElement(CheckoutHeader, null, steps.map(function (item, i) {
@@ -2966,7 +2974,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       cartData: cartData,
       vat: vat,
       clickRedirect: clickRedirect,
-      loading: ordering
+      loading: ordering,
+      deliveryCharges: deliveryCharges
     })));
   }))), /*#__PURE__*/React__default.createElement(CheckoutSummary, {
     billingInformation: billingAddress,