@salesgenterp/ui-components 0.4.41 → 0.4.43

package/dist/index.modern.js

@@ -1,6 +1,6 @@
 import { Stack, Tooltip, TableCell, TableContainer, TableRow, Checkbox, Grid, TextField, InputAdornment, MenuItem, CircularProgress, Table as Table$1, TableBody as TableBody$1, Stepper, Step, StepLabel, StepContent } from '@mui/material';
 import React__default, { useState, useEffect, createElement } from 'react';
-import { GrClose } from 'react-icons/gr';
+import { GrClose, GrRadialSelected } from 'react-icons/gr';
 import 'react-icons/gi';
 import { BsCartX, BsCreditCard } from 'react-icons/bs';
 import styled from 'styled-components';
@@ -15,7 +15,7 @@ import TableRow$1 from '@mui/material/TableRow';
 import TableSortLabel from '@mui/material/TableSortLabel';
 import { BiLockAlt, BiNotepad, BiWallet } from 'react-icons/bi';
 import { CgProfile } from 'react-icons/cg';
-import { MdArrowBack, MdOutlineDateRange, MdOutlineStickyNote2 } from 'react-icons/md';
+import { MdArrowBack, MdOutlineCircle, MdOutlineDateRange, MdOutlineStickyNote2 } from 'react-icons/md';
 import { Controller, useForm } from 'react-hook-form';
 import { HiOutlineChevronDown } from 'react-icons/hi';
 import { IoPersonOutline } from 'react-icons/io5';
@@ -2184,7 +2184,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 = useForm(),
       control = _useForm.control,
@@ -2200,7 +2201,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(Grid, {
     container: true,
@@ -2446,6 +2451,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,
@@ -2459,6 +2465,10 @@ var Step1 = function Step1(_ref) {
       resetField = _useForm.resetField,
       handleSubmit = _useForm.handleSubmit;
 
+  var _useState = useState(true),
+      address = _useState[0],
+      setAddress = _useState[1];
+
   var _useForm2 = useForm(),
       addressControl = _useForm2.control,
       watchAddress = _useForm2.watch,
@@ -2494,6 +2504,7 @@ var Step1 = function Step1(_ref) {
     }, {
       billingAddress: selectedAddress
     });
+    setShipping(address);
     handleNext();
   };
 
@@ -2542,7 +2553,27 @@ var Step1 = function Step1(_ref) {
     handleSubmit: handleSubmitAddress,
     onSubmit: addAddress,
     countries: countries
-  }), /*#__PURE__*/React__default.createElement(ButtonRow, {
+  }), /*#__PURE__*/React__default.createElement(Grid, {
+    item: true,
+    xs: 12
+  }, /*#__PURE__*/React__default.createElement(CheckBoxRow, {
+    onClick: function onClick() {
+      setAddress(false);
+    }
+  }, /*#__PURE__*/React__default.createElement(Checkbox, {
+    checked: !address,
+    icon: /*#__PURE__*/React__default.createElement(MdOutlineCircle, null),
+    checkedIcon: /*#__PURE__*/React__default.createElement(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(Checkbox, {
+    checked: address,
+    icon: /*#__PURE__*/React__default.createElement(MdOutlineCircle, null),
+    checkedIcon: /*#__PURE__*/React__default.createElement(GrRadialSelected, null)
+  }), /*#__PURE__*/React__default.createElement("p", null, "Ship to a different address ")), /*#__PURE__*/React__default.createElement(ButtonRow, {
     handleBack: handleBack,
     handleNext: function handleNext() {
       next();
@@ -3138,7 +3169,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       userName: userName,
       handleBack: handleBack,
       handleNext: handleNext,
-      handleLogin: handleLogin
+      handleLogin: handleLogin,
+      clickRedirect: clickRedirect
     })), index === 1 && /*#__PURE__*/React__default.createElement(StepContent, {
       sx: {
         padding: 0