@salesgenterp/ui-components 0.4.242 → 0.4.244

package/dist/index.js

@@ -4091,7 +4091,7 @@ var CartDrawerEmptyCart = styled__default.div(_templateObject7$2 || (_templateOb
 });
 
 var _templateObject$n, _templateObject2$e, _templateObject3$9;
-var CartDrawerProduct = styled__default.div(_templateObject$n || (_templateObject$n = _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\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 CartDrawerProduct = styled__default.div(_templateObject$n || (_templateObject$n = _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$e || (_templateObject2$e = _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"])));
@@ -5975,8 +5975,8 @@ var CartSummary = function CartSummary(_ref) {
     color: cartSummary.hr
   })), /*#__PURE__*/React__default.createElement(CartSummaryInputBox, {
     paddingBottom: !retail,
-    background: (_cartSummary$input = cartSummary.input) === null || _cartSummary$input === void 0 ? void 0 : _cartSummary$input.bg,
-    color: (_cartSummary$input2 = cartSummary.input) === null || _cartSummary$input2 === void 0 ? void 0 : _cartSummary$input2.color,
+    background: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input = cartSummary.input) === null || _cartSummary$input === void 0 ? void 0 : _cartSummary$input.bg,
+    color: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input2 = cartSummary.input) === null || _cartSummary$input2 === void 0 ? void 0 : _cartSummary$input2.color,
     btn: Btn === null || Btn === void 0 ? void 0 : Btn.background,
     Btncolor: Btn === null || Btn === void 0 ? void 0 : Btn.color,
     retail: retail,
@@ -5998,15 +5998,15 @@ var CartSummary = function CartSummary(_ref) {
     variant: "contained",
     loading: buttonLoading
   }, "apply coupon")), /*#__PURE__*/React__default.createElement(DiscountCouponContainer, {
-    background: (_cartSummary$input3 = cartSummary.input) === null || _cartSummary$input3 === void 0 ? void 0 : _cartSummary$input3.bg,
-    color: (_cartSummary$input4 = cartSummary.input) === null || _cartSummary$input4 === void 0 ? void 0 : _cartSummary$input4.color,
+    background: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input3 = cartSummary.input) === null || _cartSummary$input3 === void 0 ? void 0 : _cartSummary$input3.bg,
+    color: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input4 = cartSummary.input) === null || _cartSummary$input4 === void 0 ? void 0 : _cartSummary$input4.color,
     btn: Btn === null || Btn === void 0 ? void 0 : Btn.background,
     Btncolor: Btn === null || Btn === void 0 ? void 0 : Btn.color
   }, discountCouponData === null || discountCouponData === void 0 ? void 0 : discountCouponData.map(function (coupon) {
     var _cartSummary$input5, _cartSummary$input6;
     return /*#__PURE__*/React__default.createElement(DiscountCouponCard, {
-      background: (_cartSummary$input5 = cartSummary.input) === null || _cartSummary$input5 === void 0 ? void 0 : _cartSummary$input5.bg,
-      color: (_cartSummary$input6 = cartSummary.input) === null || _cartSummary$input6 === void 0 ? void 0 : _cartSummary$input6.color,
+      background: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input5 = cartSummary.input) === null || _cartSummary$input5 === void 0 ? void 0 : _cartSummary$input5.bg,
+      color: cartSummary === null || cartSummary === void 0 ? void 0 : (_cartSummary$input6 = cartSummary.input) === null || _cartSummary$input6 === void 0 ? void 0 : _cartSummary$input6.color,
       btn: Btn === null || Btn === void 0 ? void 0 : Btn.background,
       Btncolor: Btn === null || Btn === void 0 ? void 0 : Btn.color
     }, /*#__PURE__*/React__default.createElement("span", null, coupon === null || coupon === void 0 ? void 0 : coupon.discountName, " ", "(" + renderMoney(coupon === null || coupon === void 0 ? void 0 : coupon.amount) + ")"), /*#__PURE__*/React__default.createElement(md.MdDelete, {
@@ -7329,8 +7329,13 @@ var StaticPage = function StaticPage(_ref) {
   }, data.mainTitle), mapSrc && /*#__PURE__*/React__default.createElement("iframe", {
     width: "100%",
     height: "600",
-    frameBorder: "0",
-    src: mapSrc
+    src: mapSrc,
+    style: {
+      border: 0
+    },
+    allowfullscreen: "",
+    loading: "lazy",
+    referrerPolicy: "no-referrer-when-downgrade"
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "data-container",
     style: {
@@ -7554,7 +7559,8 @@ 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.theme.input.bg || 'transparent';
+  var _props$theme2, _props$theme2$input;
+  return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : (_props$theme2$input = _props$theme2.input) === null || _props$theme2$input === void 0 ? void 0 : _props$theme2$input.bg) || 'transparent';
 }, function (props) {
   return 'transparent';
 });
@@ -8954,7 +8960,7 @@ var Step3 = function Step3(_ref) {
     addNewCard = _useState6[0],
     setAddNewCard = _useState6[1];
   var isCard = selectedMethod === null || selectedMethod === void 0 ? void 0 : (_selectedMethod$name = selectedMethod.name) === null || _selectedMethod$name === void 0 ? void 0 : _selectedMethod$name.toLowerCase().includes('card');
-  var storeCr = storeCredits > total ? total : storeCredits;
+  var storeCr = storeCredits > total + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) ? total + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) : storeCredits;
   React.useEffect(function () {
     (function () {
       try {
@@ -9155,7 +9161,7 @@ var Step4 = function Step4(_ref) {
   discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.forEach(function (element) {
     discountTotal = discountTotal + element.amount;
   });
-  var storeCr = storeCredits > (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) ? cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice : storeCredits;
+  var storeCr = storeCredits > (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) : storeCredits;
   return /*#__PURE__*/React__default.createElement(StepContainer, null, /*#__PURE__*/React__default.createElement(StepsHeaderComponent, {
     text: 'Order Review',
     icon: 5
@@ -9475,7 +9481,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     shippingAddressIdFromStep1 = _useState[0],
     setShippingAddressIdFromStep1 = _useState[1];
   return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
-    theme: styles
+    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