@canmingir/link 1.1.7 → 1.2.0

package/minimal/src/sections/address/address-new-form.jsx

@@ -1,176 +0,0 @@
-import * as Yup from 'yup';
-import PropTypes from 'prop-types';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-
-import Box from '@mui/material/Box';
-import Stack from '@mui/material/Stack';
-import Button from '@mui/material/Button';
-import Dialog from '@mui/material/Dialog';
-import LoadingButton from '@mui/lab/LoadingButton';
-import DialogTitle from '@mui/material/DialogTitle';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-
-import { countries } from 'src/assets/data';
-
-import Iconify from 'src/components/iconify';
-import FormProvider, {
-  RHFCheckbox,
-  RHFTextField,
-  RHFRadioGroup,
-  RHFAutocomplete,
-} from 'src/components/hook-form';
-
-// ----------------------------------------------------------------------
-
-export default function AddressNewForm({ open, onClose, onCreate }) {
-  const NewAddressSchema = Yup.object().shape({
-    name: Yup.string().required('Fullname is required'),
-    phoneNumber: Yup.string().required('Phone number is required'),
-    address: Yup.string().required('Address is required'),
-    city: Yup.string().required('City is required'),
-    state: Yup.string().required('State is required'),
-    country: Yup.string().required('Country is required'),
-    zipCode: Yup.string().required('Zip code is required'),
-    // not required
-    addressType: Yup.string(),
-    primary: Yup.boolean(),
-  });
-
-  const defaultValues = {
-    name: '',
-    city: '',
-    state: '',
-    address: '',
-    zipCode: '',
-    primary: true,
-    phoneNumber: '',
-    addressType: 'Home',
-    country: '',
-  };
-
-  const methods = useForm({
-    resolver: yupResolver(NewAddressSchema),
-    defaultValues,
-  });
-
-  const {
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const onSubmit = handleSubmit(async (data) => {
-    try {
-      onCreate({
-        name: data.name,
-        phoneNumber: data.phoneNumber,
-        fullAddress: `${data.address}, ${data.city}, ${data.state}, ${data.country}, ${data.zipCode}`,
-        addressType: data.addressType,
-        primary: data.primary,
-      });
-      onClose();
-    } catch (error) {
-      console.error(error);
-    }
-  });
-
-  return (
-    <Dialog fullWidth maxWidth="sm" open={open} onClose={onClose}>
-      <FormProvider methods={methods} onSubmit={onSubmit}>
-        <DialogTitle>New address</DialogTitle>
-
-        <DialogContent dividers>
-          <Stack spacing={3}>
-            <RHFRadioGroup
-              row
-              name="addressType"
-              options={[
-                { label: 'Home', value: 'Home' },
-                { label: 'Office', value: 'Office' },
-              ]}
-            />
-
-            <Box
-              rowGap={3}
-              columnGap={2}
-              display="grid"
-              gridTemplateColumns={{
-                xs: 'repeat(1, 1fr)',
-                sm: 'repeat(2, 1fr)',
-              }}
-            >
-              <RHFTextField name="name" label="Full Name" />
-
-              <RHFTextField name="phoneNumber" label="Phone Number" />
-            </Box>
-
-            <RHFTextField name="address" label="Address" />
-
-            <Box
-              rowGap={3}
-              columnGap={2}
-              display="grid"
-              gridTemplateColumns={{
-                xs: 'repeat(1, 1fr)',
-                sm: 'repeat(3, 1fr)',
-              }}
-            >
-              <RHFTextField name="city" label="Town / City" />
-
-              <RHFTextField name="state" label="State" />
-
-              <RHFTextField name="zipCode" label="Zip/Code" />
-            </Box>
-
-            <RHFAutocomplete
-              name="country"
-              label="Country"
-              options={countries.map((country) => country.label)}
-              getOptionLabel={(option) => option}
-              renderOption={(props, option) => {
-                const { code, label, phone } = countries.filter(
-                  (country) => country.label === option
-                )[0];
-
-                if (!label) {
-                  return null;
-                }
-
-                return (
-                  <li {...props} key={label}>
-                    <Iconify
-                      key={label}
-                      icon={`circle-flags:${code.toLowerCase()}`}
-                      width={28}
-                      sx={{ mr: 1 }}
-                    />
-                    {label} ({code}) +{phone}
-                  </li>
-                );
-              }}
-            />
-
-            <RHFCheckbox name="primary" label="Use this address as default." />
-          </Stack>
-        </DialogContent>
-
-        <DialogActions>
-          <Button color="inherit" variant="outlined" onClick={onClose}>
-            Cancel
-          </Button>
-
-          <LoadingButton type="submit" variant="contained" loading={isSubmitting}>
-            Deliver to this Address
-          </LoadingButton>
-        </DialogActions>
-      </FormProvider>
-    </Dialog>
-  );
-}
-
-AddressNewForm.propTypes = {
-  onClose: PropTypes.func,
-  onCreate: PropTypes.func,
-  open: PropTypes.bool,
-};

package/minimal/src/sections/address/index.js

@@ -1,3 +0,0 @@
-export { default as AddressItem } from './address-item';
-export { default as AddressNewForm } from './address-new-form';
-export { default as AddressListDialog } from './address-list-dialog';

package/minimal/src/sections/auth/amplify/amplify-forgot-password-view.jsx

@@ -1,112 +0,0 @@
-import * as Yup from 'yup';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-
-import Link from '@mui/material/Link';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import LoadingButton from '@mui/lab/LoadingButton';
-
-import { paths } from 'src/routes/paths';
-import { useRouter } from 'src/routes/hooks';
-import { RouterLink } from 'src/routes/components';
-
-import { useAuthContext } from 'src/auth/hooks';
-import { PasswordIcon } from 'src/assets/icons';
-
-import Iconify from 'src/components/iconify';
-import FormProvider, { RHFTextField } from 'src/components/hook-form';
-
-// ----------------------------------------------------------------------
-
-export default function AmplifyForgotPasswordView() {
-  const { forgotPassword } = useAuthContext();
-
-  const router = useRouter();
-
-  const ForgotPasswordSchema = Yup.object().shape({
-    email: Yup.string().required('Email is required').email('Email must be a valid email address'),
-  });
-
-  const defaultValues = {
-    email: '',
-  };
-
-  const methods = useForm({
-    resolver: yupResolver(ForgotPasswordSchema),
-    defaultValues,
-  });
-
-  const {
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const onSubmit = handleSubmit(async (data) => {
-    try {
-      await forgotPassword?.(data.email);
-
-      const searchParams = new URLSearchParams({
-        email: data.email,
-      }).toString();
-
-      const href = `${paths.auth.amplify.newPassword}?${searchParams}`;
-      router.push(href);
-    } catch (error) {
-      console.error(error);
-    }
-  });
-
-  const renderForm = (
-    <Stack spacing={3} alignItems="center">
-      <RHFTextField name="email" label="Email address" />
-
-      <LoadingButton
-        fullWidth
-        size="large"
-        type="submit"
-        variant="contained"
-        loading={isSubmitting}
-      >
-        Send Request
-      </LoadingButton>
-
-      <Link
-        component={RouterLink}
-        href={paths.auth.amplify.login}
-        color="inherit"
-        variant="subtitle2"
-        sx={{
-          alignItems: 'center',
-          display: 'inline-flex',
-        }}
-      >
-        <Iconify icon="eva:arrow-ios-back-fill" width={16} />
-        Return to sign in
-      </Link>
-    </Stack>
-  );
-
-  const renderHead = (
-    <>
-      <PasswordIcon sx={{ height: 96 }} />
-
-      <Stack spacing={1} sx={{ my: 5 }}>
-        <Typography variant="h3">Forgot your password?</Typography>
-
-        <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-          Please enter the email address associated with your account and We will email you a link
-          to reset your password.
-        </Typography>
-      </Stack>
-    </>
-  );
-
-  return (
-    <FormProvider methods={methods} onSubmit={onSubmit}>
-      {renderHead}
-
-      {renderForm}
-    </FormProvider>
-  );
-}

package/minimal/src/sections/auth/amplify/amplify-login-view.jsx

@@ -1,140 +0,0 @@
-import * as Yup from 'yup';
-import { useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-
-import Link from '@mui/material/Link';
-import Alert from '@mui/material/Alert';
-import Stack from '@mui/material/Stack';
-import IconButton from '@mui/material/IconButton';
-import Typography from '@mui/material/Typography';
-import LoadingButton from '@mui/lab/LoadingButton';
-import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-import { useRouter, useSearchParams } from 'src/routes/hooks';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-
-import { useAuthContext } from 'src/auth/hooks';
-import { PATH_AFTER_LOGIN } from 'src/config-global';
-
-import Iconify from 'src/components/iconify';
-import FormProvider, { RHFTextField } from 'src/components/hook-form';
-
-// ----------------------------------------------------------------------
-
-export default function AmplifyLoginView() {
-  const { login } = useAuthContext();
-
-  const router = useRouter();
-
-  const [errorMsg, setErrorMsg] = useState('');
-
-  const searchParams = useSearchParams();
-
-  const returnTo = searchParams.get('returnTo');
-
-  const password = useBoolean();
-
-  const LoginSchema = Yup.object().shape({
-    email: Yup.string().required('Email is required').email('Email must be a valid email address'),
-    password: Yup.string().required('Password is required'),
-  });
-
-  const defaultValues = {
-    email: '',
-    password: '',
-  };
-
-  const methods = useForm({
-    resolver: yupResolver(LoginSchema),
-    defaultValues,
-  });
-
-  const {
-    reset,
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const onSubmit = handleSubmit(async (data) => {
-    try {
-      await login?.(data.email, data.password);
-
-      router.push(returnTo || PATH_AFTER_LOGIN);
-    } catch (error) {
-      console.error(error);
-      reset();
-      setErrorMsg(typeof error === 'string' ? error : error.message);
-    }
-  });
-
-  const renderHead = (
-    <Stack spacing={2} sx={{ mb: 5 }}>
-      <Typography variant="h4">Sign in to Minimal</Typography>
-
-      <Stack direction="row" spacing={0.5}>
-        <Typography variant="body2">New user?</Typography>
-
-        <Link component={RouterLink} href={paths.auth.amplify.register} variant="subtitle2">
-          Create an account
-        </Link>
-      </Stack>
-    </Stack>
-  );
-
-  const renderForm = (
-    <Stack spacing={3}>
-      {!!errorMsg && <Alert severity="error">{errorMsg}</Alert>}
-
-      <RHFTextField name="email" label="Email address" />
-
-      <RHFTextField
-        name="password"
-        label="Password"
-        type={password.value ? 'text' : 'password'}
-        InputProps={{
-          endAdornment: (
-            <InputAdornment position="end">
-              <IconButton onClick={password.onToggle} edge="end">
-                <Iconify icon={password.value ? 'solar:eye-bold' : 'solar:eye-closed-bold'} />
-              </IconButton>
-            </InputAdornment>
-          ),
-        }}
-      />
-
-      <Link
-        component={RouterLink}
-        href={paths.auth.amplify.forgotPassword}
-        variant="body2"
-        color="inherit"
-        underline="always"
-        sx={{ alignSelf: 'flex-end' }}
-      >
-        Forgot password?
-      </Link>
-
-      <LoadingButton
-        fullWidth
-        color="inherit"
-        size="large"
-        type="submit"
-        variant="contained"
-        loading={isSubmitting}
-      >
-        Login
-      </LoadingButton>
-    </Stack>
-  );
-
-  return (
-    <FormProvider methods={methods} onSubmit={onSubmit}>
-      {renderHead}
-
-      {renderForm}
-    </FormProvider>
-  );
-}

package/minimal/src/sections/auth/amplify/amplify-new-password-view.jsx

@@ -1,199 +0,0 @@
-import * as Yup from 'yup';
-import { useCallback } from 'react';
-import { useForm } from 'react-hook-form';
-import { yupResolver } from '@hookform/resolvers/yup';
-
-import Link from '@mui/material/Link';
-import Stack from '@mui/material/Stack';
-import IconButton from '@mui/material/IconButton';
-import Typography from '@mui/material/Typography';
-import LoadingButton from '@mui/lab/LoadingButton';
-import InputAdornment from '@mui/material/InputAdornment';
-
-import { paths } from 'src/routes/paths';
-import { RouterLink } from 'src/routes/components';
-import { useRouter, useSearchParams } from 'src/routes/hooks';
-
-import { useBoolean } from 'src/hooks/use-boolean';
-import { useCountdownSeconds } from 'src/hooks/use-countdown';
-
-import { SentIcon } from 'src/assets/icons';
-import { useAuthContext } from 'src/auth/hooks';
-
-import Iconify from 'src/components/iconify';
-import FormProvider, { RHFCode, RHFTextField } from 'src/components/hook-form';
-
-// ----------------------------------------------------------------------
-
-export default function AmplifyNewPasswordView() {
-  const { newPassword, forgotPassword } = useAuthContext();
-
-  const router = useRouter();
-
-  const searchParams = useSearchParams();
-
-  const email = searchParams.get('email');
-
-  const password = useBoolean();
-
-  const { countdown, counting, startCountdown } = useCountdownSeconds(60);
-
-  const VerifySchema = Yup.object().shape({
-    code: Yup.string().min(6, 'Code must be at least 6 characters').required('Code is required'),
-    email: Yup.string().required('Email is required').email('Email must be a valid email address'),
-    password: Yup.string()
-      .min(6, 'Password must be at least 6 characters')
-      .required('Password is required'),
-    confirmPassword: Yup.string()
-      .required('Confirm password is required')
-      .oneOf([Yup.ref('password')], 'Passwords must match'),
-  });
-
-  const defaultValues = {
-    code: '',
-    email: email || '',
-    password: '',
-    confirmPassword: '',
-  };
-
-  const methods = useForm({
-    mode: 'onChange',
-    resolver: yupResolver(VerifySchema),
-    defaultValues,
-  });
-
-  const {
-    watch,
-    handleSubmit,
-    formState: { isSubmitting },
-  } = methods;
-
-  const values = watch();
-
-  const onSubmit = handleSubmit(async (data) => {
-    try {
-      await newPassword?.(data.email, data.code, data.password);
-
-      router.push(paths.auth.amplify.login);
-    } catch (error) {
-      console.error(error);
-    }
-  });
-
-  const handleResendCode = useCallback(async () => {
-    try {
-      startCountdown();
-      await forgotPassword?.(values.email);
-    } catch (error) {
-      console.error(error);
-    }
-  }, [forgotPassword, startCountdown, values.email]);
-
-  const renderForm = (
-    <Stack spacing={3} alignItems="center">
-      <RHFTextField
-        name="email"
-        label="Email"
-        placeholder="example@gmail.com"
-        InputLabelProps={{ shrink: true }}
-      />
-
-      <RHFCode name="code" />
-
-      <RHFTextField
-        name="password"
-        label="Password"
-        type={password.value ? 'text' : 'password'}
-        InputProps={{
-          endAdornment: (
-            <InputAdornment position="end">
-              <IconButton onClick={password.onToggle} edge="end">
-                <Iconify icon={password.value ? 'solar:eye-bold' : 'solar:eye-closed-bold'} />
-              </IconButton>
-            </InputAdornment>
-          ),
-        }}
-      />
-
-      <RHFTextField
-        name="confirmPassword"
-        label="Confirm New Password"
-        type={password.value ? 'text' : 'password'}
-        InputProps={{
-          endAdornment: (
-            <InputAdornment position="end">
-              <IconButton onClick={password.onToggle} edge="end">
-                <Iconify icon={password.value ? 'solar:eye-bold' : 'solar:eye-closed-bold'} />
-              </IconButton>
-            </InputAdornment>
-          ),
-        }}
-      />
-
-      <LoadingButton
-        fullWidth
-        size="large"
-        type="submit"
-        variant="contained"
-        loading={isSubmitting}
-      >
-        Update Password
-      </LoadingButton>
-
-      <Typography variant="body2">
-        {`Don’t have a code? `}
-        <Link
-          variant="subtitle2"
-          onClick={handleResendCode}
-          sx={{
-            cursor: 'pointer',
-            ...(counting && {
-              color: 'text.disabled',
-              pointerEvents: 'none',
-            }),
-          }}
-        >
-          Resend code {counting && `(${countdown}s)`}
-        </Link>
-      </Typography>
-
-      <Link
-        component={RouterLink}
-        href={paths.auth.amplify.login}
-        color="inherit"
-        variant="subtitle2"
-        sx={{
-          alignItems: 'center',
-          display: 'inline-flex',
-        }}
-      >
-        <Iconify icon="eva:arrow-ios-back-fill" width={16} />
-        Return to sign in
-      </Link>
-    </Stack>
-  );
-
-  const renderHead = (
-    <>
-      <SentIcon sx={{ height: 96 }} />
-
-      <Stack spacing={1} sx={{ my: 5 }}>
-        <Typography variant="h3">Request sent successfully!</Typography>
-
-        <Typography variant="body2" sx={{ color: 'text.secondary' }}>
-          We&apos;ve sent a 6-digit confirmation email to your email.
-          <br />
-          Please enter the code in below box to verify your email.
-        </Typography>
-      </Stack>
-    </>
-  );
-
-  return (
-    <FormProvider methods={methods} onSubmit={onSubmit}>
-      {renderHead}
-
-      {renderForm}
-    </FormProvider>
-  );
-}