@salesgenterp/ui-components 0.4.28 → 0.4.29

package/dist/index.js

@@ -2020,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) {
@@ -2556,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',
@@ -2570,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',
@@ -2645,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],
@@ -2723,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: {
@@ -2863,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) {
@@ -2970,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,