@salesgenterp/ui-components 0.4.48 → 0.4.49

package/dist/index.js

@@ -1959,7 +1959,7 @@ var CartPageComponent = function CartPageComponent(_ref) {
 };
 
 var _templateObject$6, _templateObject2$6, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$5, _templateObject7$3;
-var CheckoutPageContainer = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  background-color: ", ";\n  margin: 0 auto;\n  padding: 2.375em 3.5em 2.5em 4.5em;\n  padding-left: min(4.5em, 2.5vw);\n  font-family: 'karla-fonts';\n  color: rgba(50, 50, 50, 1);\n  max-height: 90vh;\n  overflow: hidden;\n  background: #fff8f6;\n  background: gainsboro;\n  border-radius: 28px;\n  @media only screen and (max-width: 1508px) {\n    flex-direction: column;\n    align-items: center;\n    max-height: max-content;\n  }\n  @media only screen and (max-width: 788px) {\n    padding: 1em 0.5em;\n  }\n  .icon {\n    font-size: 12px;\n  }\n"])), function (props) {
+var CheckoutPageContainer = styled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: ", ";\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: flex-start;\n  background-color: ", ";\n  margin: 0 auto;\n  padding: 2.375em 3.5em 2.5em 4.5em;\n  padding-left: min(4.5em, 2.5vw);\n  font-family: 'karla-fonts';\n  color: rgba(50, 50, 50, 1);\n  /* max-height: 90vh; */\n  overflow: hidden;\n  background: #fff8f6;\n  background: gainsboro;\n  border-radius: 28px;\n  @media only screen and (max-width: 1508px) {\n    flex-direction: column;\n    align-items: center;\n    max-height: max-content;\n  }\n  @media only screen and (max-width: 788px) {\n    padding: 1em 0.5em;\n  }\n  .icon {\n    font-size: 12px;\n  }\n"])), function (props) {
   return props.maxWidth || '1605px';
 }, function (props) {
   return props.bg || 'rgba(255, 248, 246, 1)';
@@ -1967,7 +1967,7 @@ var CheckoutPageContainer = styled.div(_templateObject$6 || (_templateObject$6 =
 var Row = styled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n"])));
 var CheckoutMainWithHeader = styled(material.Stack)(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteralLoose([""])));
 var CheckoutMain = styled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  max-width: 1008px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  margin-right: 2em;\n  max-height: 65vh;\n  padding-right: 2em;\n  overflow-y: auto;\n  position: relative;\n  padding-top: 2em;\n  padding-bottom: 3em;\n  /* width */\n  ::-webkit-scrollbar {\n    width: 10px;\n    background: rgba(245, 197, 189, 0.5);\n    border-radius: 16px;\n  }\n\n  /* Track */\n  ::-webkit-scrollbar-track {\n    background: rgba(245, 197, 189, 0.5);\n    border-radius: 16px;\n  }\n\n  /* Handle */\n  ::-webkit-scrollbar-thumb {\n    background: #ef9687;\n    border-radius: 16px;\n    border: 3px solid rgba(245, 197, 189, 0.5);\n    /* border: 3px solid black; */\n  }\n  @media only screen and (max-width: 1488px) {\n    margin-bottom: 3em;\n    min-height: max-content;\n    max-height: max-content;\n    margin-right: 0;\n    overflow: visible;\n  }\n  @media only screen and (max-width: 788px) {\n    max-width: 100vw;\n    padding-right: 0;\n    width: 98vw;\n    min-width: 90vw;\n    padding-top: 1em;\n  }\n  /* overflow: hidden; */\n"])));
-var CheckoutHeading = styled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n  margin-left: 2.5em;\n  margin-bottom: 2em;\n  h5 {\n    font-size: 2.3em;\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n  p {\n    font-size: 0.875em;\n    font-weight: 300;\n    margin-top: 0.5em;\n  }\n  @media only screen and (max-width: 788px) {\n    margin-left: 0;\n  }\n"])));
+var CheckoutHeading = styled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteralLoose(["\n  margin-left: 2.5em;\n  margin-bottom: 2em;\n  h5 {\n    font-size: 2.3em;\n    font-weight: 600;\n    text-transform: capitalize;\n  }\n  p {\n    font-size: 0.875em;\n    font-weight: 300;\n    margin-top: 0.5em;\n  }\n  @media only screen and (max-width: 788px) {\n    margin-left: 0;\n    padding-left: 1em;\n  }\n"])));
 var CheckoutHeader = styled(Row)(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteralLoose(["\n  justify-content: space-around;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  position: sticky;\n  top: 0;\n  background-color: white;\n  z-index: 1;\n  justify-content: flex-start;\n  min-height: 4.18em;\n  max-height: 4.1875em;\n  max-width: 57.43em;\n  width: 98%;\n  background: #ffffff;\n  border-radius: 20px;\n  margin-bottom: 1em;\n  margin-right: 0.35em;\n  color: #7d7b7b;\n  padding: 0 2em;\n  margin-right: 5em;\n  .row {\n    display: flex;\n    color: inherit;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    text-transform: capitalize;\n    margin-right: 2.4%;\n    .icon {\n      font-size: 14px;\n      font-weight: 400;\n      display: grid;\n      place-items: center;\n      margin-right: 6px;\n      color: inherit;\n    }\n    p,\n    span {\n      font-size: 0.95em;\n      color: inherit;\n      font-weight: 300;\n    }\n  }\n  .checked {\n    p,\n    span {\n      color: #323232;\n    }\n    .icon {\n      color: #249937;\n    }\n  }\n  @media only screen and (max-width: 1508px) {\n    margin-right: 2em;\n  }\n  @media only screen and (max-width: 788px) {\n    width: 100%;\n    padding: 2em 1em;\n    margin: 1.4em 0;\n    .row {\n      margin-right: 4.5%;\n      p {\n        font-size: 12px;\n      }\n      span {\n        display: none;\n      }\n    }\n  }\n"])));
 var CheckoutStepIcon = styled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteralLoose(["\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  font-size: 5px;\n  display: grid;\n  place-items: center;\n  margin: auto;\n  padding: 0;\n  margin-left: 2px;\n  .circle {\n    width: 16px;\n    height: 16px;\n    border-radius: 50%;\n    font-size: 5px;\n    display: grid;\n    place-items: center;\n    margin: auto;\n    padding: 0;\n  }\n  .ic {\n    font-size: 8px;\n  }\n"])));
 
@@ -2002,17 +2002,13 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
     className: "blank bold"
   }, "- - - - -", /*#__PURE__*/React__default.createElement("br", null), "- - -")), /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
     className: "heading"
-  }, "Shipping Method"), shippingMethod !== null && shippingMethod !== void 0 && shippingMethod.name ? /*#__PURE__*/React__default.createElement("p", {
+  }, "Shipping Method"), /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
-  }, shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.name) : /*#__PURE__*/React__default.createElement("p", {
-    className: "blank bold"
-  }, "- - -")), /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
+  }, shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.name)), /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
     className: "heading"
-  }, "Payment Method"), paymentMethod !== null && paymentMethod !== void 0 && paymentMethod.name ? /*#__PURE__*/React__default.createElement("p", {
+  }, "Payment Method"), /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
-  }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name) : /*#__PURE__*/React__default.createElement("p", {
-    className: "blank bold"
-  }, "- - -")));
+  }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)));
 };
 
 var _templateObject$8, _templateObject2$8, _templateObject3$8, _templateObject4$6, _templateObject5$6, _templateObject6$6, _templateObject7$4, _templateObject8$1, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
@@ -2105,33 +2101,30 @@ var CheckoutInput = function CheckoutInput(_ref) {
 };
 var CheckoutSelect = function CheckoutSelect(_ref3) {
   var controlls = _ref3.controlls;
-  var key = controlls.key,
-      List = controlls.List,
-      name = controlls.name,
+  var name = controlls.name,
       control = controlls.control,
-      _controlls$val = controlls.val,
-      val = _controlls$val === void 0 ? 'id' : _controlls$val,
-      _controlls$autoFocus2 = controlls.autoFocus,
-      autoFocus = _controlls$autoFocus2 === void 0 ? false : _controlls$autoFocus2;
-  return /*#__PURE__*/React__default.createElement(TextFeildContainer, {
-    select: true
-  }, console.log(List[0][val]), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
+      defaultValue = controlls.defaultValue;
+  return /*#__PURE__*/React__default.createElement(TextFeildContainer, null, console.log(defaultValue), /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
     control: control,
     name: name,
     defaultValue: "",
     render: function render(_ref4) {
-      var field = _ref4.field;
-      return /*#__PURE__*/React__default.createElement(material.Select, _extends({
-        fullWidth: true,
-        displayEmpty: true,
-        required: true,
-        autoFocus: autoFocus
-      }, field), key && (List === null || List === void 0 ? void 0 : List.map(function (item, i) {
-        return /*#__PURE__*/React__default.createElement(material.MenuItem, {
-          key: i,
-          value: item[val]
-        }, item[key]);
-      })));
+      return (
+        /*#__PURE__*/
+        React__default.createElement(material.NativeSelect, {
+          defaultValue: 30,
+          inputProps: {
+            name: 'age',
+            id: 'uncontrolled-native'
+          }
+        }, /*#__PURE__*/React__default.createElement("option", {
+          value: 10
+        }, "Ten"), /*#__PURE__*/React__default.createElement("option", {
+          value: 20
+        }, "Twenty"), /*#__PURE__*/React__default.createElement("option", {
+          value: 30
+        }, "Thirty"))
+      );
     }
   }));
 };
@@ -2447,14 +2440,14 @@ var AddressForm = function AddressForm(_ref) {
 };
 
 var Step1 = function Step1(_ref) {
-  var handleBack = _ref.handleBack,
-      handleNext = _ref.handleNext,
+  var _stores$;
+
+  var handleNext = _ref.handleNext,
       setShipping = _ref.setShipping,
       setBilling = _ref.setBilling,
       addStore = _ref.addStore,
       addStoreAddress = _ref.addStoreAddress,
       stores = _ref.stores,
-      addresses = _ref.addresses,
       countries = _ref.countries;
 
   var _useForm = reactHookForm.useForm(),
@@ -2479,19 +2472,24 @@ var Step1 = function Step1(_ref) {
   }]);
   var selectedStore = watch('store');
   var selectedAddress = watchAddress('billingAddress');
-  var addressList = [].concat(addresses, [{
-    name: 'add billing Address',
-    id: 99999999
-  }]);
+  var selectedStoreAddreses = stores === null || stores === void 0 ? void 0 : stores.find(function (store) {
+    return (store === null || store === void 0 ? void 0 : store.id) === selectedStore;
+  });
+  var addressList = [];
+
+  if (selectedStoreAddreses !== null && selectedStoreAddreses !== void 0 && selectedStoreAddreses.customerStoreAddressList) {
+    addressList = [].concat(selectedStoreAddreses === null || selectedStoreAddreses === void 0 ? void 0 : selectedStoreAddreses.customerStoreAddressList, [{
+      name: 'add billing Address',
+      id: 99999999
+    }]);
+  }
 
   var onSubmit = function onSubmit(data) {
-    console.log(data);
     addStore(data);
     resetField('store');
   };
 
   var addAddress = function addAddress(data) {
-    console.log(data);
     addStoreAddress(data);
     resetAddress('billingAddress');
   };
@@ -2502,6 +2500,7 @@ var Step1 = function Step1(_ref) {
     }, {
       billingAddress: selectedAddress
     });
+    console.log(setShipping);
     setShipping(address);
     handleNext();
   };
@@ -2544,7 +2543,8 @@ var Step1 = function Step1(_ref) {
       placeholder: 'Select a billing address from your address book ',
       control: addressControl,
       List: addressList,
-      key: 'name'
+      key: 'name',
+      defaultValue: stores && ((_stores$ = stores[0]) === null || _stores$ === void 0 ? void 0 : _stores$.id)
     }
   }))), selectedAddress === 99999999 && /*#__PURE__*/React__default.createElement(AddressForm, {
     control: addressControl,
@@ -2556,23 +2556,23 @@ var Step1 = function Step1(_ref) {
     xs: 12
   }, /*#__PURE__*/React__default.createElement(CheckBoxRow, {
     onClick: function onClick() {
-      setAddress(false);
+      setAddress(true);
     }
   }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
-    checked: !address,
+    checked: address,
     icon: /*#__PURE__*/React__default.createElement(md.MdOutlineCircle, null),
     checkedIcon: /*#__PURE__*/React__default.createElement(gr.GrRadialSelected, null)
   }), /*#__PURE__*/React__default.createElement("p", null, "Ship to this address"))), /*#__PURE__*/React__default.createElement(CheckBoxRow, {
     padding: '0 0 1em 0',
     onClick: function onClick() {
-      setAddress(true);
+      setAddress(false);
     }
   }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
-    checked: address,
+    checked: !address,
     icon: /*#__PURE__*/React__default.createElement(md.MdOutlineCircle, null),
     checkedIcon: /*#__PURE__*/React__default.createElement(gr.GrRadialSelected, null)
   }), /*#__PURE__*/React__default.createElement("p", null, "Ship to a different address ")), /*#__PURE__*/React__default.createElement(ButtonRow, {
-    handleBack: handleBack,
+    backDisabled: true,
     handleNext: function handleNext() {
       next();
     },
@@ -3078,9 +3078,10 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       addStore = _ref.addStore,
       addStoreAddress = _ref.addStoreAddress,
       setBilling = _ref.setBilling,
+      setShowShipping = _ref.setShowShipping,
+      userStores = _ref.userStores,
       addShipping = _ref.addShipping,
       showShipping = _ref.showShipping,
-      setShowShipping = _ref.setShowShipping,
       deliveryOptions = _ref.deliveryOptions,
       countries = _ref.countries,
       setPaymentDetails = _ref.setPaymentDetails,
@@ -3090,7 +3091,6 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       shippingAddress = _ref.shippingAddress,
       billingAddress = _ref.billingAddress,
       selectedPaymentMethod = _ref.selectedPaymentMethod,
-      userStores = _ref.userStores,
       userAddresses = _ref.userAddresses,
       clickRedirect = _ref.clickRedirect,
       ordering = _ref.ordering,