@greatapps/common 1.1.173 → 1.1.174

package/dist/utils/validators/common.mjs

@@ -0,0 +1,47 @@
+function isValidEmail(value) {
+  const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+  return emailRegex.test(value.trim());
+}
+function isNumericString(value) {
+  return /^\d+$/.test(value);
+}
+function clampNumber(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function isInRange(value, min, max) {
+  return !isNaN(value) && value >= min && value <= max;
+}
+function isConfirmationMatch(input, expected) {
+  return input === expected;
+}
+function hasExactLength(value, length) {
+  return value.length === length;
+}
+function hasMinLength(value, minLength) {
+  return value.length >= minLength;
+}
+function areFieldsRequired(...values) {
+  return values.every((v) => v.trim().length > 0);
+}
+const MIN_PHONE_LENGTH = 14;
+function isNonEmptyString(value) {
+  return value.trim().length > 0;
+}
+function trimOrDefault(value, fallback) {
+  const trimmed = value.trim();
+  return trimmed.length > 0 ? trimmed : fallback;
+}
+export {
+  MIN_PHONE_LENGTH,
+  areFieldsRequired,
+  clampNumber,
+  hasExactLength,
+  hasMinLength,
+  isConfirmationMatch,
+  isInRange,
+  isNonEmptyString,
+  isNumericString,
+  isValidEmail,
+  trimOrDefault
+};
+//# sourceMappingURL=common.mjs.map

package/dist/utils/validators/common.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/validators/common.ts"],"sourcesContent":["export function isValidEmail(value: string): boolean {\r\n  const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n  return emailRegex.test(value.trim());\r\n}\r\n\r\nexport function isNumericString(value: string): boolean {\r\n  return /^\\d+$/.test(value);\r\n}\r\n\r\nexport function clampNumber(value: number, min: number, max: number): number {\r\n  return Math.min(Math.max(value, min), max);\r\n}\r\n\r\nexport function isInRange(value: number, min: number, max: number): boolean {\r\n  return !isNaN(value) && value >= min && value <= max;\r\n}\r\n\r\nexport function isConfirmationMatch(input: string, expected: string): boolean {\r\n  return input === expected;\r\n}\r\n\r\nexport function hasExactLength(value: string, length: number): boolean {\r\n  return value.length === length;\r\n}\r\n\r\nexport function hasMinLength(value: string, minLength: number): boolean {\r\n  return value.length >= minLength;\r\n}\r\n\r\nexport function areFieldsRequired(...values: string[]): boolean {\r\n  return values.every((v) => v.trim().length > 0);\r\n}\r\n\r\nexport const MIN_PHONE_LENGTH = 14;\r\n\r\nexport function isNonEmptyString(value: string): boolean {\r\n  return value.trim().length > 0;\r\n}\r\n\r\nexport function trimOrDefault(value: string, fallback: string): string {\r\n  const trimmed = value.trim();\r\n  return trimmed.length > 0 ? trimmed : fallback;\r\n}\r\n"],"mappings":"AAAO,SAAS,aAAa,OAAwB;AACnD,QAAM,aAAa;AACnB,SAAO,WAAW,KAAK,MAAM,KAAK,CAAC;AACrC;AAEO,SAAS,gBAAgB,OAAwB;AACtD,SAAO,QAAQ,KAAK,KAAK;AAC3B;AAEO,SAAS,YAAY,OAAe,KAAa,KAAqB;AAC3E,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAEO,SAAS,UAAU,OAAe,KAAa,KAAsB;AAC1E,SAAO,CAAC,MAAM,KAAK,KAAK,SAAS,OAAO,SAAS;AACnD;AAEO,SAAS,oBAAoB,OAAe,UAA2B;AAC5E,SAAO,UAAU;AACnB;AAEO,SAAS,eAAe,OAAe,QAAyB;AACrE,SAAO,MAAM,WAAW;AAC1B;AAEO,SAAS,aAAa,OAAe,WAA4B;AACtE,SAAO,MAAM,UAAU;AACzB;AAEO,SAAS,qBAAqB,QAA2B;AAC9D,SAAO,OAAO,MAAM,CAAC,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC;AAChD;AAEO,MAAM,mBAAmB;AAEzB,SAAS,iBAAiB,OAAwB;AACvD,SAAO,MAAM,KAAK,EAAE,SAAS;AAC/B;AAEO,SAAS,cAAc,OAAe,UAA0B;AACrE,QAAM,UAAU,MAAM,KAAK;AAC3B,SAAO,QAAQ,SAAS,IAAI,UAAU;AACxC;","names":[]}

package/dist/utils/withAction.mjs

@@ -0,0 +1,13 @@
+function withAction(action) {
+  return async (...args) => {
+    const result = await action(...args);
+    if (!result.success) {
+      throw new Error(result.error ?? "Erro desconhecido");
+    }
+    return result.data;
+  };
+}
+export {
+  withAction
+};
+//# sourceMappingURL=withAction.mjs.map

package/dist/utils/withAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/withAction.ts"],"sourcesContent":["import type { ActionResult } from '../infra/api/types';\n\nexport function withAction<TArgs extends any[], TData>(\n  action: (...args: TArgs) => Promise<ActionResult<TData>>\n): (...args: TArgs) => Promise<TData> {\n  return async (...args) => {\n    const result = await action(...args);\n    if (!result.success) {\n      throw new Error(result.error ?? 'Erro desconhecido');\n    }\n    return result.data as TData;\n  };\n}\n"],"mappings":"AAEO,SAAS,WACd,QACoC;AACpC,SAAO,UAAU,SAAS;AACxB,UAAM,SAAS,MAAM,OAAO,GAAG,IAAI;AACnC,QAAI,CAAC,OAAO,SAAS;AACnB,YAAM,IAAI,MAAM,OAAO,SAAS,mBAAmB;AAAA,IACrD;AACA,WAAO,OAAO;AAAA,EAChB;AACF;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greatapps/common",
-  "version": "1.1.173",
+  "version": "1.1.174",
   "description": "Shared library for GreatApps frontend applications",
   "main": "./dist/index.mjs",
   "types": "./src/index.ts",

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

@@ -1,69 +1,78 @@
-'use client';
-
-import { useState, useCallback } from 'react';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { toast } from 'sonner';
-import { Toast } from '../../ui/feedback/Toast';
-import { changePhoneSchema, type ChangePhoneFormData } from '../../../utils/validators/account';
-import { formatPhone } from '../../../utils/format/masks';
-import { requestPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';
-
-export default function useChangePhoneForm() {
-  const [showVerification, setShowVerification] = useState(false);
-
-  const form = useForm<ChangePhoneFormData>({
-    resolver: zodResolver(changePhoneSchema),
-    mode: 'onChange',
-    defaultValues: { phone: '' },
-  });
-
-  const phoneValue = form.watch('phone');
-  const errors = form.formState.errors;
-  const isSubmitting = form.formState.isSubmitting;
-
-  const handlePhoneChange = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => {
-      const formatted = formatPhone(e.target.value);
-      form.setValue('phone', formatted, { shouldValidate: true });
-    },
-    [form]
-  );
-
-  const handleContinue = form.handleSubmit(async (data) => {
-    const result = await requestPhoneChangeAction(data.phone);
-
-    if (!result.success) {
-      toast.custom((t) => (
-        <Toast
-          variant="error"
-          message={result.error ?? 'Número já existente ou ocorreu um erro. Tente novamente mais tarde.'}
-          toastId={t}
-        />
-      ));
-      return;
-    }
-
-    setShowVerification(true);
-  });
-
-  const handleBack = useCallback(() => {
-    setShowVerification(false);
-  }, []);
-
-  const resetForm = useCallback(() => {
-    form.reset();
-    setShowVerification(false);
-  }, [form]);
-
-  return {
-    showVerification,
-    phoneValue,
-    isSubmitting,
-    errors,
-    handlePhoneChange,
-    handleContinue,
-    handleBack,
-    resetForm,
-  };
-}
+'use client';
+
+import { useState, useCallback } from 'react';
+import { useForm } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { toast } from 'sonner';
+import { Toast } from '../../ui/feedback/Toast';
+import { changePhoneSchema, type ChangePhoneFormData } from '../../../utils/validators/account';
+import { formatPhone } from '../../../utils/format/masks';
+import { requestPhoneChangeAction } from '../../../modules/accounts/actions/account-management.action';
+import { PHONE_COUNTRIES, type PhoneCountry } from '../../ui/form/PhoneInput';
+
+export default function useChangePhoneForm() {
+  const [showVerification, setShowVerification] = useState(false);
+  const [selectedCountry, setSelectedCountry] = useState<PhoneCountry>(PHONE_COUNTRIES[0]);
+
+  const form = useForm<ChangePhoneFormData>({
+    resolver: zodResolver(changePhoneSchema),
+    mode: 'onChange',
+    defaultValues: { phone: '' },
+  });
+
+  const phoneValue = form.watch('phone');
+  const errors = form.formState.errors;
+  const isSubmitting = form.formState.isSubmitting;
+
+  const handlePhoneChange = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      const formatted = formatPhone(e.target.value);
+      form.setValue('phone', formatted, { shouldValidate: true });
+    },
+    [form]
+  );
+
+  const handleCountryChange = useCallback((country: PhoneCountry) => {
+    setSelectedCountry(country);
+  }, []);
+
+  const handleContinue = form.handleSubmit(async (data) => {
+    const result = await requestPhoneChangeAction(data.phone, selectedCountry.code);
+
+    if (!result.success) {
+      toast.custom((t) => (
+        <Toast
+          variant="error"
+          message={result.error ?? 'Número já existente ou ocorreu um erro. Tente novamente mais tarde.'}
+          toastId={t}
+        />
+      ));
+      return;
+    }
+
+    setShowVerification(true);
+  });
+
+  const handleBack = useCallback(() => {
+    setShowVerification(false);
+  }, []);
+
+  const resetForm = useCallback(() => {
+    form.reset();
+    setShowVerification(false);
+    setSelectedCountry(PHONE_COUNTRIES[0]);
+  }, [form]);
+
+  return {
+    showVerification,
+    phoneValue,
+    isSubmitting,
+    errors,
+    selectedCountry,
+    handlePhoneChange,
+    handleCountryChange,
+    handleContinue,
+    handleBack,
+    resetForm,
+  };
+}

package/src/components/account/sections/ChangeEmailModal.tsx

@@ -82,7 +82,8 @@ export function ChangeEmailModal({ open, onClose }: ChangeEmailModalProps) {
     <Dialog open={open} onOpenChange={handleClose}>
       <DialogContent
         showCloseButton={false}
-        className="flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-125! lg:h-auto! lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]!"
+        overlayClassName="z-[1002]"
+        className="flex flex-col p-0 gap-0 max-w-full! border-0 rounded-t-2xl rounded-b-none h-dvh top-0! bottom-0! left-0! right-0! translate-x-0! translate-y-0! lg:max-w-125! lg:h-auto! lg:rounded-lg lg:border lg:top-[50%]! lg:left-[50%]! lg:right-auto! lg:bottom-auto! lg:translate-x-[-50%]! lg:translate-y-[-50%]! z-[1003]!"
       >
         {showVerification ? (
           <DialogHeader className="flex flex-row items-center justify-between px-4 py-3 border-b border-gray-200 lg:border-b-0">