@salesgenterp/ui-components 0.4.41 → 0.4.43

package/dist/index.js

@@ -2187,7 +2187,8 @@ var StepsHeaderComponent = function StepsHeaderComponent(_ref) {
 var Step0 = function Step0(_ref) {
   var loading = _ref.loading,
       userName = _ref.userName,
-      handleLogin = _ref.handleLogin;
+      handleLogin = _ref.handleLogin,
+      clickRedirect = _ref.clickRedirect;
 
   var _useForm = reactHookForm.useForm(),
       control = _useForm.control,
@@ -2203,7 +2204,11 @@ var Step0 = function Step0(_ref) {
     icon: 1
   }), /*#__PURE__*/React__default.createElement(StepsContent, null, /*#__PURE__*/React__default.createElement("p", null, "Please choose how you want to proceed"), /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
-  }, /*#__PURE__*/React__default.createElement("span", null, "register"), " | ", /*#__PURE__*/React__default.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
+    onClick: function onClick() {
+      return clickRedirect('account/register');
+    }
+  }, "register"), ' ', "| ", /*#__PURE__*/React__default.createElement("span", {
     className: "red"
   }, "login")), /*#__PURE__*/React__default.createElement(material.Grid, {
     container: true,
@@ -2449,6 +2454,7 @@ var AddressForm = function AddressForm(_ref) {
 var Step1 = function Step1(_ref) {
   var handleBack = _ref.handleBack,
       handleNext = _ref.handleNext,
+      setShipping = _ref.setShipping,
       setBilling = _ref.setBilling,
       addStore = _ref.addStore,
       addStoreAddress = _ref.addStoreAddress,
@@ -2462,6 +2468,10 @@ var Step1 = function Step1(_ref) {
       resetField = _useForm.resetField,
       handleSubmit = _useForm.handleSubmit;
 
+  var _useState = React.useState(true),
+      address = _useState[0],
+      setAddress = _useState[1];
+
   var _useForm2 = reactHookForm.useForm(),
       addressControl = _useForm2.control,
       watchAddress = _useForm2.watch,
@@ -2497,6 +2507,7 @@ var Step1 = function Step1(_ref) {
     }, {
       billingAddress: selectedAddress
     });
+    setShipping(address);
     handleNext();
   };
 
@@ -2545,7 +2556,27 @@ var Step1 = function Step1(_ref) {
     handleSubmit: handleSubmitAddress,
     onSubmit: addAddress,
     countries: countries
-  }), /*#__PURE__*/React__default.createElement(ButtonRow, {
+  }), /*#__PURE__*/React__default.createElement(material.Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(CheckBoxRow, {
+    onClick: function onClick() {
+      setAddress(false);
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
+    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);
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Checkbox, {
+    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,
     handleNext: function handleNext() {
       next();
@@ -3141,7 +3172,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       userName: userName,
       handleBack: handleBack,
       handleNext: handleNext,
-      handleLogin: handleLogin
+      handleLogin: handleLogin,
+      clickRedirect: clickRedirect
     })), index === 1 && /*#__PURE__*/React__default.createElement(material.StepContent, {
       sx: {
         padding: 0