@salesgenterp/ui-components 0.4.49 → 0.4.51

package/dist/index.js

@@ -2101,30 +2101,35 @@ var CheckoutInput = function CheckoutInput(_ref) {
 };
 var CheckoutSelect = function CheckoutSelect(_ref3) {
   var controlls = _ref3.controlls;
-  var name = controlls.name,
+  var key = controlls.key,
+      List = controlls.List,
+      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,
       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) {
-      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"))
-      );
+      var field = _ref4.field;
+      return /*#__PURE__*/React__default.createElement(material.TextField, _extends({
+        fullWidth: true,
+        select: true,
+        displayEmpty: true,
+        required: true,
+        autoFocus: autoFocus
+      }, field), /*#__PURE__*/React__default.createElement(material.MenuItem, {
+        value: ""
+      }, "default selected"), 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]);
+      })));
     }
   }));
 };
@@ -2440,7 +2445,7 @@ var AddressForm = function AddressForm(_ref) {
 };
 
 var Step1 = function Step1(_ref) {
-  var _stores$;
+  var _addressList$, _addressList, _addressList2;
 
   var handleNext = _ref.handleNext,
       setShipping = _ref.setShipping,
@@ -2448,60 +2453,59 @@ var Step1 = function Step1(_ref) {
       addStore = _ref.addStore,
       addStoreAddress = _ref.addStoreAddress,
       stores = _ref.stores,
+      selectedStore = _ref.selectedStore,
+      setSelectedStore = _ref.setSelectedStore,
       countries = _ref.countries;
 
   var _useForm = reactHookForm.useForm(),
       control = _useForm.control,
-      watch = _useForm.watch,
-      resetField = _useForm.resetField,
       handleSubmit = _useForm.handleSubmit;
 
-  var _useState = React.useState(true),
-      address = _useState[0],
-      setAddress = _useState[1];
+  var _useState = React.useState(false),
+      showShipping = _useState[0],
+      setShowShipping = _useState[1];
 
   var _useForm2 = reactHookForm.useForm(),
       addressControl = _useForm2.control,
-      watchAddress = _useForm2.watch,
-      resetAddress = _useForm2.resetField,
       handleSubmitAddress = _useForm2.handleSubmit;
 
   var StoresList = [].concat(stores, [{
     storeName: 'add Store',
     id: 99999999
   }]);
-  var selectedStore = watch('store');
-  var selectedAddress = watchAddress('billingAddress');
-  var selectedStoreAddreses = stores === null || stores === void 0 ? void 0 : stores.find(function (store) {
+  var selectedStores = 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, [{
+  if (selectedStores !== null && selectedStores !== void 0 && selectedStores.customerStoreAddressList) {
+    addressList = [].concat(selectedStores === null || selectedStores === void 0 ? void 0 : selectedStores.customerStoreAddressList, [{
       name: 'add billing Address',
       id: 99999999
     }]);
   }
 
+  var _useState2 = React.useState((_addressList$ = addressList[0]) === null || _addressList$ === void 0 ? void 0 : _addressList$.id),
+      address = _useState2[0],
+      setAddress = _useState2[1];
+
   var onSubmit = function onSubmit(data) {
+    var _stores$;
+
     addStore(data);
-    resetField('store');
+    setSelectedStore((_stores$ = stores[0]) === null || _stores$ === void 0 ? void 0 : _stores$.id);
   };
 
   var addAddress = function addAddress(data) {
+    var _addressList$2;
+
     addStoreAddress(data);
-    resetAddress('billingAddress');
+    setAddress((_addressList$2 = addressList[0]) === null || _addressList$2 === void 0 ? void 0 : _addressList$2.id);
   };
 
   var next = function next() {
-    setBilling({
-      store: selectedStore
-    }, {
-      billingAddress: selectedAddress
-    });
-    console.log(setShipping);
-    setShipping(address);
+    setBilling(address);
+    setShipping(showShipping);
     handleNext();
   };
 
@@ -2516,15 +2520,17 @@ var Step1 = function Step1(_ref) {
     item: true,
     xs: 12,
     sm: 10
-  }, /*#__PURE__*/React__default.createElement(CheckoutSelect, {
-    controlls: {
-      name: 'store',
-      placeholder: 'Please Select your store',
-      control: control,
-      List: StoresList,
-      key: 'storeName'
+  }, /*#__PURE__*/React__default.createElement("select", {
+    value: selectedStore,
+    onChange: function onChange(e) {
+      return setSelectedStore(parseInt(e.target.value));
     }
-  }))), selectedStore === 99999999 && /*#__PURE__*/React__default.createElement(StoreForm, {
+  }, StoresList === null || StoresList === void 0 ? void 0 : StoresList.map(function (store, i) {
+    return /*#__PURE__*/React__default.createElement("option", {
+      key: i,
+      value: store === null || store === void 0 ? void 0 : store.id
+    }, store === null || store === void 0 ? void 0 : store.storeName);
+  })))), selectedStore === 99999999 && /*#__PURE__*/React__default.createElement(StoreForm, {
     control: control,
     onSubmit: onSubmit,
     handleSubmit: handleSubmit
@@ -2537,16 +2543,17 @@ var Step1 = function Step1(_ref) {
     sx: {
       padding: '1em 0'
     }
-  }, /*#__PURE__*/React__default.createElement(CheckoutSelect, {
-    controlls: {
-      name: 'billingAddress',
-      placeholder: 'Select a billing address from your address book ',
-      control: addressControl,
-      List: addressList,
-      key: 'name',
-      defaultValue: stores && ((_stores$ = stores[0]) === null || _stores$ === void 0 ? void 0 : _stores$.id)
-    }
-  }))), selectedAddress === 99999999 && /*#__PURE__*/React__default.createElement(AddressForm, {
+  }, ((_addressList = addressList) === null || _addressList === void 0 ? void 0 : _addressList.length) > 0 && /*#__PURE__*/React__default.createElement("select", {
+    value: address,
+    onChange: function onChange(e) {
+      return setAddress(parseInt(e.target.value));
+    }
+  }, (_addressList2 = addressList) === null || _addressList2 === void 0 ? void 0 : _addressList2.map(function (address, i) {
+    return /*#__PURE__*/React__default.createElement("option", {
+      key: i,
+      value: address === null || address === void 0 ? void 0 : address.id
+    }, address === null || address === void 0 ? void 0 : address.name);
+  })))), address === 99999999 && /*#__PURE__*/React__default.createElement(AddressForm, {
     control: addressControl,
     handleSubmit: handleSubmitAddress,
     onSubmit: addAddress,
@@ -2556,19 +2563,19 @@ var Step1 = function Step1(_ref) {
     xs: 12
   }, /*#__PURE__*/React__default.createElement(CheckBoxRow, {
     onClick: function onClick() {
-      setAddress(true);
+      setShowShipping(false);
     }
   }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
-    checked: address,
+    checked: !showShipping,
     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(false);
+      setShowShipping(true);
     }
   }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
-    checked: !address,
+    checked: showShipping,
     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, {
@@ -2576,11 +2583,13 @@ var Step1 = function Step1(_ref) {
     handleNext: function handleNext() {
       next();
     },
-    nextDisabled: !selectedStore || !selectedAddress || selectedStore === 99999999 || selectedAddress === 99999999
+    nextDisabled: !selectedStore || !address || selectedStore === 99999999 || address === 99999999
   })));
 };
 
 var Step2 = function Step2(_ref) {
+  var _addressList$, _addressList;
+
   var handleBack = _ref.handleBack,
       _handleNext = _ref.handleNext,
       options = _ref.options,
@@ -2588,23 +2597,33 @@ var Step2 = function Step2(_ref) {
       countries = _ref.countries,
       addShipping = _ref.addShipping,
       showShipping = _ref.showShipping,
-      addresses = _ref.addresses;
+      selectedStore = _ref.selectedStore,
+      stores = _ref.stores;
 
   var _useForm = reactHookForm.useForm(),
       control = _useForm.control,
       handleSubmit = _useForm.handleSubmit,
-      resetField = _useForm.resetField,
-      watch = _useForm.watch;
+      resetField = _useForm.resetField;
 
   var _React$useState = React__default.useState(options[0]),
       method = _React$useState[0],
       setmethod = _React$useState[1];
 
-  var addressList = [].concat(addresses, [{
-    name: 'add shipping Address',
-    id: 99999999
-  }]);
-  var selectedAddress = watch('shippingAddress');
+  var selectedStores = 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 (selectedStores !== null && selectedStores !== void 0 && selectedStores.customerStoreAddressList) {
+    addressList = [].concat(selectedStores === null || selectedStores === void 0 ? void 0 : selectedStores.customerStoreAddressList, [{
+      name: 'add billing Address',
+      id: 99999999
+    }]);
+  }
+
+  var _useState = React.useState((_addressList$ = addressList[0]) === null || _addressList$ === void 0 ? void 0 : _addressList$.id),
+      address = _useState[0],
+      setAddress = _useState[1];
 
   var onSubmit = function onSubmit(data) {
     console.log(data);
@@ -2624,15 +2643,17 @@ var Step2 = function Step2(_ref) {
     sx: {
       padding: '1em 0'
     }
-  }, /*#__PURE__*/React__default.createElement(CheckoutSelect, {
-    controlls: {
-      name: 'shippingAddress',
-      placeholder: 'Select shipping Address ',
-      control: control,
-      List: addressList,
-      key: 'name'
+  }, /*#__PURE__*/React__default.createElement("select", {
+    value: address,
+    onChange: function onChange(e) {
+      return setAddress(parseInt(e.target.value));
     }
-  }))), selectedAddress === 99999999 && /*#__PURE__*/React__default.createElement(AddressForm, {
+  }, (_addressList = addressList) === null || _addressList === void 0 ? void 0 : _addressList.map(function (address, i) {
+    return /*#__PURE__*/React__default.createElement("option", {
+      key: i,
+      value: address === null || address === void 0 ? void 0 : address.id
+    }, address === null || address === void 0 ? void 0 : address.name);
+  })))), address === 99999999 && /*#__PURE__*/React__default.createElement(AddressForm, {
     control: control,
     onSubmit: onSubmit,
     handleSubmit: handleSubmit,
@@ -2667,11 +2688,11 @@ var Step2 = function Step2(_ref) {
   })), /*#__PURE__*/React__default.createElement(ButtonRow, {
     handleBack: handleBack,
     handleNext: function handleNext() {
-      setShipping(selectedAddress, method);
+      setShipping(address, method);
 
       _handleNext();
     },
-    nextDisabled: showShipping && !selectedAddress || (selectedAddress === null || selectedAddress === void 0 ? void 0 : selectedAddress.id) === 99999999
+    nextDisabled: showShipping && !address || (address === null || address === void 0 ? void 0 : address.id) === 99999999
   })));
 };
 
@@ -3076,11 +3097,12 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       setShipping = _ref.setShipping,
       userName = _ref.userName,
       addStore = _ref.addStore,
-      addStoreAddress = _ref.addStoreAddress,
       setBilling = _ref.setBilling,
       setShowShipping = _ref.setShowShipping,
       userStores = _ref.userStores,
-      addShipping = _ref.addShipping,
+      selectedStore = _ref.selectedStore,
+      setSelectedStore = _ref.setSelectedStore,
+      addStoreAddress = _ref.addStoreAddress,
       showShipping = _ref.showShipping,
       deliveryOptions = _ref.deliveryOptions,
       countries = _ref.countries,
@@ -3091,7 +3113,6 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       shippingAddress = _ref.shippingAddress,
       billingAddress = _ref.billingAddress,
       selectedPaymentMethod = _ref.selectedPaymentMethod,
-      userAddresses = _ref.userAddresses,
       clickRedirect = _ref.clickRedirect,
       ordering = _ref.ordering,
       deliveryCharges = _ref.deliveryCharges,
@@ -3183,8 +3204,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       setShipping: setShowShipping,
       setBilling: setBilling,
       stores: userStores,
-      addresses: userAddresses,
       addStore: addStore,
+      selectedStore: selectedStore,
+      setSelectedStore: setSelectedStore,
       countries: countries,
       addStoreAddress: addStoreAddress
     })), index === 2 && /*#__PURE__*/React__default.createElement(material.StepContent, {
@@ -3199,8 +3221,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       countries: countries,
       setShipping: setShipping,
       showShipping: showShipping,
-      addresses: userAddresses,
-      addShipping: addShipping
+      selectedStore: selectedStore,
+      stores: userStores,
+      addShipping: addStoreAddress
     })), index === 3 && /*#__PURE__*/React__default.createElement(material.StepContent, {
       sx: {
         padding: 0