@greatapps/common 1.1.697 → 1.1.698

package/src/components/account/hooks/useChangePhoneForm.tsx

@@ -1,113 +1,113 @@
-'use client';
-
-import { useState, useCallback } from 'react';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-import { Toast } from '../../ui/feedback/Toast';
-import { requestPhoneChangeAction, updateUserAction } from '../../../modules/accounts/actions/account-management.action';
-
-function splitPhoneValue(fullValue: string): { ddi: string; local: string } {
-  const trimmed = fullValue.trim();
-  const spaceIdx = trimmed.indexOf(' ');
-  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };
-  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };
-}
-
-interface UseChangePhoneFormOptions {
-  hasExistingPhone: boolean;
-  onDirectUpdateSuccess?: () => void;
-}
-
-export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }: UseChangePhoneFormOptions) {
-  const translate = useTranslations();
-  const [showVerification, setShowVerification] = useState(false);
-  const [phoneValue, setPhoneValue] = useState('');
-  const [phoneError, setPhoneError] = useState('');
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });
-
-  const handlePhoneChange = useCallback((value: string) => {
-    setPhoneValue(value);
-    if (phoneError) setPhoneError('');
-  }, [phoneError]);
-
-  const handleContinue = useCallback(async (e: React.FormEvent) => {
-    e.preventDefault();
-
-    const { ddi, local } = splitPhoneValue(phoneValue);
-
-    if (!local || local.replace(/\D/g, '').length < 8) {
-      setPhoneError(translate('common.account.changePhone.invalidNumber'));
-      return;
-    }
-
-    setIsSubmitting(true);
-    try {
-      if (!hasExistingPhone) {
-        const result = await updateUserAction({ phone: local, ddi });
-
-        if (!result.success) {
-          toast.custom((toastId) => (
-            <Toast
-              variant="error"
-              message={result.error ?? translate('common.account.changePhone.saveError')}
-              toastId={toastId}
-            />
-          ));
-          return;
-        }
-
-        toast.custom((toastId) => (
-          <Toast
-            variant="success"
-            message={translate('common.account.changePhone.phoneAdded')}
-            toastId={toastId}
-          />
-        ));
-        onDirectUpdateSuccess?.();
-        return;
-      }
-
-      const result = await requestPhoneChangeAction(local, ddi);
-
-      if (!result.success) {
-        toast.custom((toastId) => (
-          <Toast
-            variant="error"
-            message={result.error ?? translate('common.account.changePhone.numberExistsError')}
-            toastId={toastId}
-          />
-        ));
-        return;
-      }
-
-      setSubmittedPhone({ ddi, local });
-      setShowVerification(true);
-    } finally {
-      setIsSubmitting(false);
-    }
-  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess, translate]);
-
-  const handleBack = useCallback(() => {
-    setShowVerification(false);
-  }, []);
-
-  const resetForm = useCallback(() => {
-    setPhoneValue('');
-    setPhoneError('');
-    setSubmittedPhone({ ddi: '+55', local: '' });
-    setShowVerification(false);
-  }, []);
-
-  return {
-    showVerification,
-    phoneValue,
-    phoneError,
-    isSubmitting,
-    submittedPhone,
-    handlePhoneChange,
-    handleContinue,
-    handleBack,
-    resetForm,
-  };
-}
+'use client';
+
+import { useState, useCallback } from 'react';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+import { Toast } from '../../ui/feedback/Toast';
+import { requestPhoneChangeAction, updateUserAction } from '../../../modules/accounts/actions/account-management.action';
+
+function splitPhoneValue(fullValue: string): { ddi: string; local: string } {
+  const trimmed = fullValue.trim();
+  const spaceIdx = trimmed.indexOf(' ');
+  if (spaceIdx === -1) return { ddi: '+55', local: trimmed };
+  return { ddi: trimmed.slice(0, spaceIdx), local: trimmed.slice(spaceIdx + 1) };
+}
+
+interface UseChangePhoneFormOptions {
+  hasExistingPhone: boolean;
+  onDirectUpdateSuccess?: () => void;
+}
+
+export default function useChangePhoneForm({ hasExistingPhone, onDirectUpdateSuccess }: UseChangePhoneFormOptions) {
+  const translate = useTranslations();
+  const [showVerification, setShowVerification] = useState(false);
+  const [phoneValue, setPhoneValue] = useState('');
+  const [phoneError, setPhoneError] = useState('');
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submittedPhone, setSubmittedPhone] = useState({ ddi: '+55', local: '' });
+
+  const handlePhoneChange = useCallback((value: string) => {
+    setPhoneValue(value);
+    if (phoneError) setPhoneError('');
+  }, [phoneError]);
+
+  const handleContinue = useCallback(async (e: React.FormEvent) => {
+    e.preventDefault();
+
+    const { ddi, local } = splitPhoneValue(phoneValue);
+
+    if (!local || local.replace(/\D/g, '').length < 8) {
+      setPhoneError(translate('common.account.changePhone.invalidNumber'));
+      return;
+    }
+
+    setIsSubmitting(true);
+    try {
+      if (!hasExistingPhone) {
+        const result = await updateUserAction({ phone: local, ddi });
+
+        if (!result.success) {
+          toast.custom((toastId) => (
+            <Toast
+              variant="error"
+              message={result.error ?? translate('common.account.changePhone.saveError')}
+              toastId={toastId}
+            />
+          ));
+          return;
+        }
+
+        toast.custom((toastId) => (
+          <Toast
+            variant="success"
+            message={translate('common.account.changePhone.phoneAdded')}
+            toastId={toastId}
+          />
+        ));
+        onDirectUpdateSuccess?.();
+        return;
+      }
+
+      const result = await requestPhoneChangeAction(local, ddi);
+
+      if (!result.success) {
+        toast.custom((toastId) => (
+          <Toast
+            variant="error"
+            message={result.error ?? translate('common.account.changePhone.numberExistsError')}
+            toastId={toastId}
+          />
+        ));
+        return;
+      }
+
+      setSubmittedPhone({ ddi, local });
+      setShowVerification(true);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [phoneValue, hasExistingPhone, onDirectUpdateSuccess, translate]);
+
+  const handleBack = useCallback(() => {
+    setShowVerification(false);
+  }, []);
+
+  const resetForm = useCallback(() => {
+    setPhoneValue('');
+    setPhoneError('');
+    setSubmittedPhone({ ddi: '+55', local: '' });
+    setShowVerification(false);
+  }, []);
+
+  return {
+    showVerification,
+    phoneValue,
+    phoneError,
+    isSubmitting,
+    submittedPhone,
+    handlePhoneChange,
+    handleContinue,
+    handleBack,
+    resetForm,
+  };
+}

package/src/components/account/hooks/useTwoFactorAuthForm.tsx

@@ -1,116 +1,116 @@
-'use client';
-
-import { useState, useCallback, useEffect } from 'react';
-import { useMutation } from '@tanstack/react-query';
-import { useTranslations } from 'next-intl';
-import { toast } from 'sonner';
-import { Toast } from '../../ui/feedback/Toast';
-import { copyToClipboard } from '../../../utils/browser/clipboard';
-import {
-  generateTwoFactorAction,
-  confirmTwoFactorAction,
-} from '../../../modules/accounts/actions/account-management.action';
-import { withAction } from '../../../utils/withAction';
-
-type Step = 'code' | 'recovery';
-
-interface UseTwoFactorAuthFormProps {
-  onSuccess?: () => void;
-  open?: boolean;
-}
-
-export default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {
-  const translate = useTranslations();
-  const [code, setCode] = useState('');
-  const [step, setStep] = useState<Step>('code');
-
-  const generateMutation = useMutation({
-    mutationFn: withAction(generateTwoFactorAction),
-    onError: () => {
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.twoFactor.generateError')}
-          toastId={toastId}
-        />
-      ));
-    },
-  });
-
-  const confirmMutation = useMutation({
-    mutationFn: withAction(confirmTwoFactorAction),
-    onSuccess: () => {
-      setStep('recovery');
-    },
-    onError: () => {
-      setCode('');
-      toast.custom((toastId) => (
-        <Toast
-          variant="error"
-          message={translate('common.account.twoFactor.confirmError')}
-          toastId={toastId}
-        />
-      ));
-    },
-  });
-
-  const { mutate: triggerGenerate } = generateMutation;
-
-  useEffect(() => {
-    if (open) {
-      triggerGenerate();
-    }
-  }, [open, triggerGenerate]);
-
-  const generateFailed = generateMutation.isError;
-
-  const isCodeComplete = code.length === 6;
-
-  const handleSubmit = () => {
-    if (!isCodeComplete) return;
-    confirmMutation.mutate(code);
-  };
-
-  const handleFinalize = () => {
-    onSuccess?.();
-    setTimeout(resetForm, 300);
-  };
-
-  const handleCopyCodes = useCallback(async () => {
-    const codes = generateMutation.data?.backupCodes ?? [];
-    const success = await copyToClipboard(codes.join('\n'));
-    if (success) {
-      toast.custom((toastId) => (
-        <Toast
-          variant="success"
-          message={translate('common.account.twoFactor.codesCopied')}
-          toastId={toastId}
-        />
-      ));
-    }
-  }, [generateMutation.data, translate]);
-
-  const resetForm = () => {
-    setCode('');
-    setStep('code');
-    generateMutation.reset();
-    confirmMutation.reset();
-  };
-
-  return {
-    code,
-    setCode,
-    isCodeComplete,
-    isGenerating: generateMutation.isPending,
-    isConfirming: confirmMutation.isPending,
-    generateFailed,
-    retryGenerate: triggerGenerate,
-    qrcode: generateMutation.data?.qrcode,
-    backupCodes: generateMutation.data?.backupCodes ?? [],
-    step,
-    handleSubmit,
-    handleFinalize,
-    handleCopyCodes,
-    resetForm,
-  };
-}
+'use client';
+
+import { useState, useCallback, useEffect } from 'react';
+import { useMutation } from '@tanstack/react-query';
+import { useTranslations } from 'next-intl';
+import { toast } from 'sonner';
+import { Toast } from '../../ui/feedback/Toast';
+import { copyToClipboard } from '../../../utils/browser/clipboard';
+import {
+  generateTwoFactorAction,
+  confirmTwoFactorAction,
+} from '../../../modules/accounts/actions/account-management.action';
+import { withAction } from '../../../utils/withAction';
+
+type Step = 'code' | 'recovery';
+
+interface UseTwoFactorAuthFormProps {
+  onSuccess?: () => void;
+  open?: boolean;
+}
+
+export default function useTwoFactorAuthForm({ onSuccess, open }: UseTwoFactorAuthFormProps = {}) {
+  const translate = useTranslations();
+  const [code, setCode] = useState('');
+  const [step, setStep] = useState<Step>('code');
+
+  const generateMutation = useMutation({
+    mutationFn: withAction(generateTwoFactorAction),
+    onError: () => {
+      toast.custom((toastId) => (
+        <Toast
+          variant="error"
+          message={translate('common.account.twoFactor.generateError')}
+          toastId={toastId}
+        />
+      ));
+    },
+  });
+
+  const confirmMutation = useMutation({
+    mutationFn: withAction(confirmTwoFactorAction),
+    onSuccess: () => {
+      setStep('recovery');
+    },
+    onError: () => {
+      setCode('');
+      toast.custom((toastId) => (
+        <Toast
+          variant="error"
+          message={translate('common.account.twoFactor.confirmError')}
+          toastId={toastId}
+        />
+      ));
+    },
+  });
+
+  const { mutate: triggerGenerate } = generateMutation;
+
+  useEffect(() => {
+    if (open) {
+      triggerGenerate();
+    }
+  }, [open, triggerGenerate]);
+
+  const generateFailed = generateMutation.isError;
+
+  const isCodeComplete = code.length === 6;
+
+  const handleSubmit = () => {
+    if (!isCodeComplete) return;
+    confirmMutation.mutate(code);
+  };
+
+  const handleFinalize = () => {
+    onSuccess?.();
+    setTimeout(resetForm, 300);
+  };
+
+  const handleCopyCodes = useCallback(async () => {
+    const codes = generateMutation.data?.backupCodes ?? [];
+    const success = await copyToClipboard(codes.join('\n'));
+    if (success) {
+      toast.custom((toastId) => (
+        <Toast
+          variant="success"
+          message={translate('common.account.twoFactor.codesCopied')}
+          toastId={toastId}
+        />
+      ));
+    }
+  }, [generateMutation.data, translate]);
+
+  const resetForm = () => {
+    setCode('');
+    setStep('code');
+    generateMutation.reset();
+    confirmMutation.reset();
+  };
+
+  return {
+    code,
+    setCode,
+    isCodeComplete,
+    isGenerating: generateMutation.isPending,
+    isConfirming: confirmMutation.isPending,
+    generateFailed,
+    retryGenerate: triggerGenerate,
+    qrcode: generateMutation.data?.qrcode,
+    backupCodes: generateMutation.data?.backupCodes ?? [],
+    step,
+    handleSubmit,
+    handleFinalize,
+    handleCopyCodes,
+    resetForm,
+  };
+}