@salesgenterp/ui-components 0.4.51 → 0.4.52

package/dist/index.js

@@ -2357,6 +2357,7 @@ var StoreForm = function StoreForm(_ref) {
 var AddressForm = function AddressForm(_ref) {
   var control = _ref.control,
       countries = _ref.countries,
+      states = _ref.states,
       _onSubmit = _ref.onSubmit,
       handleSubmit = _ref.handleSubmit;
   return /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2378,8 +2379,18 @@ var AddressForm = function AddressForm(_ref) {
     sm: 10
   }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
     controlls: {
-      name: 'fullAddress',
-      placeholder: 'Full Address*',
+      name: 'address1',
+      placeholder: 'Address 1*',
+      control: control
+    }
+  })), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 6,
+    sm: 3.34
+  }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
+    controlls: {
+      name: 'address2',
+      placeholder: 'Address 2*',
       control: control
     }
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
@@ -2397,12 +2408,14 @@ var AddressForm = function AddressForm(_ref) {
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 6,
-    sm: 3.33
-  }, /*#__PURE__*/React__default.createElement(CheckoutInput, {
+    sm: 3.34
+  }, /*#__PURE__*/React__default.createElement(CheckoutSelect, {
     controlls: {
       name: 'state',
-      placeholder: 'State/Province*',
-      control: control
+      placeholder: 'State',
+      control: control,
+      List: states,
+      key: 'name'
     }
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
@@ -2422,7 +2435,8 @@ var AddressForm = function AddressForm(_ref) {
     controlls: {
       name: 'zip',
       placeholder: 'Zip/Postal Code*',
-      control: control
+      control: control,
+      type: 'number'
     }
   })), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
@@ -2455,7 +2469,9 @@ var Step1 = function Step1(_ref) {
       stores = _ref.stores,
       selectedStore = _ref.selectedStore,
       setSelectedStore = _ref.setSelectedStore,
-      countries = _ref.countries;
+      countries = _ref.countries,
+      setSelectedCountry = _ref.setSelectedCountry,
+      states = _ref.states;
 
   var _useForm = reactHookForm.useForm(),
       control = _useForm.control,
@@ -2467,12 +2483,14 @@ var Step1 = function Step1(_ref) {
 
   var _useForm2 = reactHookForm.useForm(),
       addressControl = _useForm2.control,
+      watch = _useForm2.watch,
       handleSubmitAddress = _useForm2.handleSubmit;
 
   var StoresList = [].concat(stores, [{
-    storeName: 'add Store',
+    storeName: 'Add Store',
     id: 99999999
   }]);
+  var selectedCountry = watch('country');
   var selectedStores = stores === null || stores === void 0 ? void 0 : stores.find(function (store) {
     return (store === null || store === void 0 ? void 0 : store.id) === selectedStore;
   });
@@ -2480,7 +2498,7 @@ var Step1 = function Step1(_ref) {
 
   if (selectedStores !== null && selectedStores !== void 0 && selectedStores.customerStoreAddressList) {
     addressList = [].concat(selectedStores === null || selectedStores === void 0 ? void 0 : selectedStores.customerStoreAddressList, [{
-      name: 'add billing Address',
+      name: 'Add billing Address',
       id: 99999999
     }]);
   }
@@ -2509,6 +2527,9 @@ var Step1 = function Step1(_ref) {
     handleNext();
   };
 
+  React.useEffect(function () {
+    setSelectedCountry(selectedCountry);
+  }, [selectedCountry]);
   return /*#__PURE__*/React__default.createElement(StepContainer, null, /*#__PURE__*/React__default.createElement(StepsHeaderComponent, {
     text: 'billing information',
     icon: 2
@@ -2557,7 +2578,8 @@ var Step1 = function Step1(_ref) {
     control: addressControl,
     handleSubmit: handleSubmitAddress,
     onSubmit: addAddress,
-    countries: countries
+    countries: countries,
+    states: states
   }), /*#__PURE__*/React__default.createElement(material.Grid, {
     item: true,
     xs: 12
@@ -2595,7 +2617,9 @@ var Step2 = function Step2(_ref) {
       options = _ref.options,
       setShipping = _ref.setShipping,
       countries = _ref.countries,
+      states = _ref.states,
       addShipping = _ref.addShipping,
+      setSelectedCountry = _ref.setSelectedCountry,
       showShipping = _ref.showShipping,
       selectedStore = _ref.selectedStore,
       stores = _ref.stores;
@@ -2603,12 +2627,14 @@ var Step2 = function Step2(_ref) {
   var _useForm = reactHookForm.useForm(),
       control = _useForm.control,
       handleSubmit = _useForm.handleSubmit,
-      resetField = _useForm.resetField;
+      resetField = _useForm.resetField,
+      watch = _useForm.watch;
 
   var _React$useState = React__default.useState(options[0]),
       method = _React$useState[0],
       setmethod = _React$useState[1];
 
+  var selectedCountry = watch('country');
   var selectedStores = stores === null || stores === void 0 ? void 0 : stores.find(function (store) {
     return (store === null || store === void 0 ? void 0 : store.id) === selectedStore;
   });
@@ -2616,7 +2642,7 @@ var Step2 = function Step2(_ref) {
 
   if (selectedStores !== null && selectedStores !== void 0 && selectedStores.customerStoreAddressList) {
     addressList = [].concat(selectedStores === null || selectedStores === void 0 ? void 0 : selectedStores.customerStoreAddressList, [{
-      name: 'add billing Address',
+      name: 'Add billing Address',
       id: 99999999
     }]);
   }
@@ -2631,6 +2657,9 @@ var Step2 = function Step2(_ref) {
     resetField('shippingAddress');
   };
 
+  useEffect(function () {
+    setSelectedCountry(selectedCountry);
+  }, [selectedCountry]);
   return /*#__PURE__*/React__default.createElement(StepContainer, null, /*#__PURE__*/React__default.createElement(StepsHeaderComponent, {
     text: showShipping ? 'shipping information' : 'shipping method',
     icon: 3
@@ -2657,7 +2686,8 @@ var Step2 = function Step2(_ref) {
     control: control,
     onSubmit: onSubmit,
     handleSubmit: handleSubmit,
-    countries: countries
+    countries: countries,
+    states: states
   }), /*#__PURE__*/React__default.createElement(StepsHeaderComponent, {
     text: 'shipping method',
     icon: 3,
@@ -3094,7 +3124,6 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       handleBack = _ref.handleBack,
       loading = _ref.loading,
       handleLogin = _ref.handleLogin,
-      setShipping = _ref.setShipping,
       userName = _ref.userName,
       addStore = _ref.addStore,
       setBilling = _ref.setBilling,
@@ -3103,20 +3132,23 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       selectedStore = _ref.selectedStore,
       setSelectedStore = _ref.setSelectedStore,
       addStoreAddress = _ref.addStoreAddress,
+      setSelectedCountry = _ref.setSelectedCountry,
+      countries = _ref.countries,
+      states = _ref.states,
+      setShipping = _ref.setShipping,
       showShipping = _ref.showShipping,
       deliveryOptions = _ref.deliveryOptions,
-      countries = _ref.countries,
       setPaymentDetails = _ref.setPaymentDetails,
       paymentMethods = _ref.paymentMethods,
       cartData = _ref.cartData,
       vat = _ref.vat,
-      shippingAddress = _ref.shippingAddress,
-      billingAddress = _ref.billingAddress,
-      selectedPaymentMethod = _ref.selectedPaymentMethod,
       clickRedirect = _ref.clickRedirect,
       ordering = _ref.ordering,
       deliveryCharges = _ref.deliveryCharges,
-      placeOrder = _ref.placeOrder;
+      placeOrder = _ref.placeOrder,
+      shippingAddress = _ref.shippingAddress,
+      billingAddress = _ref.billingAddress,
+      selectedPaymentMethod = _ref.selectedPaymentMethod;
   return /*#__PURE__*/React__default.createElement(CheckoutPageContainer, {
     className: "checkout"
   }, /*#__PURE__*/React__default.createElement(material.Stack, {
@@ -3208,7 +3240,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       selectedStore: selectedStore,
       setSelectedStore: setSelectedStore,
       countries: countries,
-      addStoreAddress: addStoreAddress
+      states: states,
+      addStoreAddress: addStoreAddress,
+      setSelectedCountry: setSelectedCountry
     })), index === 2 && /*#__PURE__*/React__default.createElement(material.StepContent, {
       sx: {
         padding: 0
@@ -3218,12 +3252,14 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       handleBack: handleBack,
       handleNext: handleNext,
       options: deliveryOptions,
+      states: states,
       countries: countries,
       setShipping: setShipping,
       showShipping: showShipping,
       selectedStore: selectedStore,
       stores: userStores,
-      addShipping: addStoreAddress
+      addShipping: addStoreAddress,
+      setSelectedCountry: setSelectedCountry
     })), index === 3 && /*#__PURE__*/React__default.createElement(material.StepContent, {
       sx: {
         padding: 0