@greatapps/common 1.1.790 → 1.1.792

package/dist/components/account/sections/team/steps/UserInformationStep.mjs

@@ -0,0 +1,371 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import {
+  IconEye,
+  IconInfoCircle,
+  IconLock,
+  IconShieldCheck,
+  IconTool,
+  IconTrash,
+  IconUpload,
+  IconUserEdit
+} from "@tabler/icons-react";
+import { useTranslations } from "next-intl";
+import { useFormContext, useWatch } from "react-hook-form";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import { toast } from "sonner";
+import { Button } from "../../../../ui/buttons/Button";
+import { Separator } from "../../../../ui/data-display/Separator";
+import { Toast } from "../../../../ui/feedback/Toast";
+import { FormField } from "../../../../ui/form/FormField";
+import PhoneInput from "../../../../ui/form/PhoneInput";
+import { RadioGroup } from "../../../../ui/form/RadioGroup";
+import { RadioOptionFieldIcon } from "../../../../ui/form/RadioOptionFieldIcon";
+import { ACCEPTED_IMAGE_FORMATS_STRING } from "../../../../../modules/images/constants/image.constants";
+import {
+  checkUserExistsAction,
+  updateAccountUserByIdAction
+} from "../../../../../modules/accounts/actions/account-management.action";
+import { ACCOUNT_USERS_QUERY_KEY } from "../../../../../modules/accounts/hooks/useAccountManagement";
+import { UserProfile } from "../../../../../modules/users/schema";
+import { useAuthQueryKey } from "../../../../../hooks/useAuthQueryKey";
+import { useDebounce } from "../../../../../hooks/useDebounce";
+import { useIsDefaultWhitelabel } from "../../../../../providers/whitelabel.provider";
+import { withAction } from "../../../../../utils/withAction";
+import { cn } from "../../../../../infra/utils/clsx";
+const PROFILE_DESCRIPTION_KEYS = {
+  [UserProfile.owner]: "profileOwner",
+  [UserProfile.admin]: "profileAdmin",
+  [UserProfile.collaborator]: "profileCollaborator",
+  [UserProfile.viewer]: "profileViewer"
+};
+function toUserProfile(value) {
+  const profile = Object.values(UserProfile).find((candidate) => candidate === value);
+  return profile ?? UserProfile.collaborator;
+}
+const PROFILE_ICONS = {
+  [UserProfile.owner]: /* @__PURE__ */ jsx(IconShieldCheck, { size: 20 }),
+  [UserProfile.admin]: /* @__PURE__ */ jsx(IconShieldCheck, { size: 20 }),
+  [UserProfile.collaborator]: /* @__PURE__ */ jsx(IconUserEdit, { size: 20 }),
+  [UserProfile.viewer]: /* @__PURE__ */ jsx(IconEye, { size: 20 })
+};
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function UserInformationStep({
+  mode,
+  photoPreview,
+  onPhotoChange,
+  onRemovePhoto,
+  isOwnProfile = false,
+  canEditUser = false,
+  onOpenChangePhone,
+  onOpenChangeEmail,
+  onOpenTwoFactor,
+  onOpenChangePassword,
+  canChangeProfile = true,
+  targetUser,
+  twoFactorEnabled = false,
+  onTwoFactorChange,
+  onProfileChange,
+  onEmailExistsError,
+  onEmailChecking,
+  emailExistsError,
+  isCheckingEmail = false
+}) {
+  const translateStep = useTranslations("common.account.workspace.team.informationStep");
+  const translateProfile = useTranslations("common.account.workspace.team.profiles");
+  const isDefaultWhitelabel = useIsDefaultWhitelabel();
+  const fileInputRef = useRef(null);
+  const form = useFormContext();
+  const { register, watch, setValue, formState } = form;
+  const role = useWatch({ control: form.control, name: "profile" });
+  const phoneValue = useWatch({ control: form.control, name: "phone" });
+  const emailValue = useWatch({ control: form.control, name: "email" });
+  const isEditMode = mode === "edit";
+  const queryClient = useQueryClient();
+  const accountUsersKey = useAuthQueryKey([...ACCOUNT_USERS_QUERY_KEY]);
+  const toggleTwoFactorMutation = useMutation({
+    mutationFn: (enabled) => withAction(updateAccountUserByIdAction)(targetUser.id, { two_factor_authentication: enabled }),
+    onMutate: (enabled) => {
+      const previous = twoFactorEnabled;
+      onTwoFactorChange?.(enabled);
+      return { previous };
+    },
+    onSuccess: (_data, enabled) => {
+      queryClient.invalidateQueries({ queryKey: accountUsersKey });
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "success",
+          message: enabled ? translateStep("twoFactorEnabled") : translateStep("twoFactorDisabled"),
+          toastId
+        }
+      ));
+    },
+    onError: (error, _enabled, context) => {
+      if (context) onTwoFactorChange?.(context.previous);
+      toast.custom((toastId) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: error instanceof Error ? error.message : translateStep("twoFactorError"),
+          toastId
+        }
+      ));
+    }
+  });
+  const debouncedEmail = useDebounce(emailValue || "", 500);
+  useEffect(() => {
+    if (isEditMode || !debouncedEmail || !EMAIL_REGEX.test(debouncedEmail)) {
+      onEmailExistsError?.(null);
+      onEmailChecking?.(false);
+      return;
+    }
+    let cancelled = false;
+    onEmailChecking?.(true);
+    withAction(checkUserExistsAction)(debouncedEmail).then((result) => {
+      if (cancelled) return;
+      onEmailExistsError?.(result.exists ? translateStep("emailAlreadyRegistered") : null);
+    }).catch(() => {
+      if (!cancelled) onEmailExistsError?.(null);
+    }).finally(() => {
+      if (!cancelled) onEmailChecking?.(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [debouncedEmail, isEditMode, onEmailExistsError, onEmailChecking]);
+  const readOnly = isEditMode && !isOwnProfile && !canEditUser;
+  const visibleProfiles = Object.values(UserProfile).filter(
+    (profile) => role === UserProfile.owner ? profile === UserProfile.owner : profile !== UserProfile.owner
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6 px-5 py-6 flex-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-medium-semibold", children: translateStep("sectionTitle") }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: ACCEPTED_IMAGE_FORMATS_STRING,
+          className: "hidden",
+          onChange: onPhotoChange,
+          disabled: readOnly
+        }
+      ),
+      photoPreview ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: photoPreview,
+            alt: translateStep("photoAlt"),
+            className: cn(
+              "size-12 rounded-full object-cover shrink-0",
+              readOnly ? "cursor-default" : "cursor-pointer"
+            ),
+            onClick: readOnly ? void 0 : () => fileInputRef.current?.click()
+          }
+        )
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "size-12 shrink-0 rounded-full bg-zinc-50 border border-dashed border-zinc-200 flex items-center justify-center",
+            readOnly ? "cursor-default" : "cursor-pointer"
+          ),
+          onClick: readOnly ? void 0 : () => fileInputRef.current?.click(),
+          children: /* @__PURE__ */ jsx(IconUpload, { size: 20, className: "text-zinc-400" })
+        }
+      ),
+      photoPreview ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "secondary",
+            className: "h-8!",
+            onClick: () => fileInputRef.current?.click(),
+            disabled: readOnly,
+            children: translateStep("changePhoto")
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", className: "h-8!", onClick: onRemovePhoto, disabled: readOnly, children: /* @__PURE__ */ jsx(IconTrash, { size: 16, className: "text-zinc-500" }) })
+      ] }) : /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: "secondary",
+          className: "h-8!",
+          onClick: () => fileInputRef.current?.click(),
+          disabled: readOnly,
+          children: translateStep("addPhoto")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        label: translateStep("firstName"),
+        required: true,
+        placeholder: translateStep("namePlaceholder"),
+        disabled: readOnly,
+        error: !!formState.errors.name,
+        errorMessage: formState.errors.name?.message,
+        ...register("name")
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FormField,
+      {
+        label: translateStep("lastName"),
+        placeholder: translateStep("namePlaceholder"),
+        disabled: readOnly,
+        ...register("lastName")
+      }
+    ),
+    isEditMode && isOwnProfile ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        PhoneInput,
+        {
+          label: translateStep("phone"),
+          value: phoneValue || "",
+          onChange: (value) => setValue("phone", value, { shouldValidate: true, shouldDirty: true }),
+          disabled: true,
+          classnameContainer: "bg-gray-50 border-0! opacity-100! pointer-events-none cursor-not-allowed"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "absolute right-0 top-0 paragraph-xsmall-semibold text-zinc-950 underline cursor-pointer",
+          onClick: onOpenChangePhone,
+          children: translateStep("change")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      PhoneInput,
+      {
+        label: translateStep("phone"),
+        placeholder: translateStep("phonePlaceholder"),
+        value: phoneValue || "",
+        onChange: (value) => setValue("phone", value, { shouldValidate: true, shouldDirty: true }),
+        disabled: readOnly,
+        error: !!formState.errors.phone,
+        errorMessage: formState.errors.phone?.message
+      }
+    ),
+    isEditMode && isOwnProfile ? /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsx(
+        FormField,
+        {
+          label: translateStep("email"),
+          value: watch("email"),
+          disabled: true,
+          classnameContainer: "bg-gray-50 border-0! opacity-100! pointer-events-none cursor-not-allowed"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "absolute right-0 top-0 paragraph-xsmall-semibold text-zinc-950 underline cursor-pointer",
+          onClick: onOpenChangeEmail,
+          children: translateStep("change")
+        }
+      )
+    ] }) : /* @__PURE__ */ jsx(
+      FormField,
+      {
+        label: translateStep("email"),
+        required: !readOnly,
+        type: "email",
+        placeholder: translateStep("emailPlaceholder"),
+        disabled: readOnly,
+        error: !!formState.errors.email || !!emailExistsError,
+        errorMessage: formState.errors.email?.message || emailExistsError || void 0,
+        hintMessage: isCheckingEmail ? translateStep("checkingEmail") : void 0,
+        ...register("email")
+      }
+    ),
+    !isEditMode && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-center gap-3 p-4 rounded-lg",
+          isDefaultWhitelabel ? "bg-cyan-50" : "bg-zinc-50"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(IconInfoCircle, { size: 16, className: "text-zinc-950 shrink-0 mt-0.5" }),
+          /* @__PURE__ */ jsx("p", { className: "paragraph-small-regular text-zinc-950", children: translateStep("inviteInfo") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Separator, {}),
+    isEditMode && (isOwnProfile || canEditUser) && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-medium-semibold", children: translateStep("securityTitle") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 p-4 border border-zinc-200 rounded-lg", children: [
+          /* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(IconTool, { size: 20, className: "text-zinc-600" }) }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 paragraph-small-semibold text-zinc-950", children: translateStep("twoFactor") }),
+          isOwnProfile ? /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", className: "h-10! shrink-0", onClick: onOpenTwoFactor, children: twoFactorEnabled ? translateStep("disable") : translateStep("enable") }) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              className: "h-10! shrink-0",
+              loading: toggleTwoFactorMutation.isPending,
+              onClick: () => toggleTwoFactorMutation.mutate(!twoFactorEnabled),
+              children: toggleTwoFactorMutation.isPending ? translateStep("twoFactorSaving") : twoFactorEnabled ? translateStep("disable") : translateStep("enable")
+            }
+          )
+        ] }),
+        isOwnProfile && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 p-4 border border-zinc-200 rounded-lg", children: [
+          /* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0", children: /* @__PURE__ */ jsx(IconLock, { size: 20, className: "text-zinc-600" }) }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 paragraph-small-semibold text-zinc-950", children: translateStep("changePassword") }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "secondary",
+              className: "h-10! shrink-0",
+              onClick: onOpenChangePassword,
+              children: translateStep("changePasswordButton")
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {})
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: "text-zinc-950 paragraph-medium-semibold", children: translateStep("roleTitle") }),
+    /* @__PURE__ */ jsx(
+      RadioGroup,
+      {
+        value: role,
+        onValueChange: (value) => {
+          const profile = toUserProfile(value);
+          setValue("profile", profile, { shouldDirty: true });
+          onProfileChange?.(profile);
+        },
+        disabled: readOnly || !canChangeProfile,
+        children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: visibleProfiles.map((profile) => /* @__PURE__ */ jsx(
+          RadioOptionFieldIcon,
+          {
+            value: profile,
+            label: translateProfile(profile),
+            description: translateStep(PROFILE_DESCRIPTION_KEYS[profile]),
+            isSelected: role === profile,
+            disabled: role === UserProfile.owner,
+            icon: PROFILE_ICONS[profile]
+          },
+          profile
+        )) })
+      }
+    )
+  ] });
+}
+export {
+  UserInformationStep
+};
+//# sourceMappingURL=UserInformationStep.mjs.map

package/dist/components/account/sections/team/steps/UserInformationStep.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/account/sections/team/steps/UserInformationStep.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, type ChangeEvent, type ReactNode } from 'react';\nimport {\n  IconEye,\n  IconInfoCircle,\n  IconLock,\n  IconShieldCheck,\n  IconTool,\n  IconTrash,\n  IconUpload,\n  IconUserEdit,\n} from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { useFormContext, useWatch } from 'react-hook-form';\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport { toast } from 'sonner';\nimport { Button } from '../../../../ui/buttons/Button';\nimport { Separator } from '../../../../ui/data-display/Separator';\nimport { Toast } from '../../../../ui/feedback/Toast';\nimport { FormField } from '../../../../ui/form/FormField';\nimport PhoneInput from '../../../../ui/form/PhoneInput';\nimport { RadioGroup } from '../../../../ui/form/RadioGroup';\nimport { RadioOptionFieldIcon } from '../../../../ui/form/RadioOptionFieldIcon';\nimport { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../../../modules/images/constants/image.constants';\nimport {\n  checkUserExistsAction,\n  updateAccountUserByIdAction,\n} from '../../../../../modules/accounts/actions/account-management.action';\nimport { ACCOUNT_USERS_QUERY_KEY } from '../../../../../modules/accounts/hooks/useAccountManagement';\nimport { UserProfile, type User } from '../../../../../modules/users/schema';\nimport { useAuthQueryKey } from '../../../../../hooks/useAuthQueryKey';\nimport { useDebounce } from '../../../../../hooks/useDebounce';\nimport { useIsDefaultWhitelabel } from '../../../../../providers/whitelabel.provider';\nimport { withAction } from '../../../../../utils/withAction';\nimport { cn } from '../../../../../infra/utils/clsx';\nimport type { UserFormData } from '../user-form.schema';\n\nconst PROFILE_DESCRIPTION_KEYS = {\n  [UserProfile.owner]: 'profileOwner',\n  [UserProfile.admin]: 'profileAdmin',\n  [UserProfile.collaborator]: 'profileCollaborator',\n  [UserProfile.viewer]: 'profileViewer',\n} as const satisfies Record<UserProfile, string>;\n\nfunction toUserProfile(value: string): UserProfile {\n  const profile = Object.values(UserProfile).find((candidate) => candidate === value);\n  return profile ?? UserProfile.collaborator;\n}\n\nconst PROFILE_ICONS: Record<UserProfile, ReactNode> = {\n  [UserProfile.owner]: <IconShieldCheck size={20} />,\n  [UserProfile.admin]: <IconShieldCheck size={20} />,\n  [UserProfile.collaborator]: <IconUserEdit size={20} />,\n  [UserProfile.viewer]: <IconEye size={20} />,\n};\n\nconst EMAIL_REGEX = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n\ntype UserInformationStepProps = {\n  mode: 'add' | 'edit';\n  photoPreview?: string | null;\n  onPhotoChange?: (event: ChangeEvent<HTMLInputElement>) => void;\n  onRemovePhoto?: () => void;\n  isOwnProfile?: boolean;\n  canEditUser?: boolean;\n  onOpenChangePhone?: () => void;\n  onOpenChangeEmail?: () => void;\n  onOpenTwoFactor?: () => void;\n  onOpenChangePassword?: () => void;\n  canChangeProfile?: boolean;\n  targetUser?: User;\n  twoFactorEnabled?: boolean;\n  onTwoFactorChange?: (enabled: boolean) => void;\n  onProfileChange?: (profile: UserProfile) => void;\n  onEmailExistsError?: (error: string | null) => void;\n  onEmailChecking?: (checking: boolean) => void;\n  emailExistsError?: string | null;\n  isCheckingEmail?: boolean;\n};\n\n/** Passo de informações do sheet de usuário: foto, dados pessoais, segurança e função. */\nexport function UserInformationStep({\n  mode,\n  photoPreview,\n  onPhotoChange,\n  onRemovePhoto,\n  isOwnProfile = false,\n  canEditUser = false,\n  onOpenChangePhone,\n  onOpenChangeEmail,\n  onOpenTwoFactor,\n  onOpenChangePassword,\n  canChangeProfile = true,\n  targetUser,\n  twoFactorEnabled = false,\n  onTwoFactorChange,\n  onProfileChange,\n  onEmailExistsError,\n  onEmailChecking,\n  emailExistsError,\n  isCheckingEmail = false,\n}: UserInformationStepProps) {\n  const translateStep = useTranslations('common.account.workspace.team.informationStep');\n  const translateProfile = useTranslations('common.account.workspace.team.profiles');\n  const isDefaultWhitelabel = useIsDefaultWhitelabel();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const form = useFormContext<UserFormData>();\n  const { register, watch, setValue, formState } = form;\n\n  const role = useWatch({ control: form.control, name: 'profile' });\n  const phoneValue = useWatch({ control: form.control, name: 'phone' });\n  const emailValue = useWatch({ control: form.control, name: 'email' });\n  const isEditMode = mode === 'edit';\n\n  const queryClient = useQueryClient();\n  const accountUsersKey = useAuthQueryKey([...ACCOUNT_USERS_QUERY_KEY]);\n\n  const toggleTwoFactorMutation = useMutation({\n    mutationFn: (enabled: boolean) =>\n      withAction(updateAccountUserByIdAction)(targetUser!.id, { two_factor_authentication: enabled }),\n    onMutate: (enabled) => {\n      const previous = twoFactorEnabled;\n      onTwoFactorChange?.(enabled);\n      return { previous };\n    },\n    onSuccess: (_data, enabled) => {\n      queryClient.invalidateQueries({ queryKey: accountUsersKey });\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={enabled ? translateStep('twoFactorEnabled') : translateStep('twoFactorDisabled')}\n          toastId={toastId}\n        />\n      ));\n    },\n    onError: (error, _enabled, context) => {\n      if (context) onTwoFactorChange?.(context.previous);\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={error instanceof Error ? error.message : translateStep('twoFactorError')}\n          toastId={toastId}\n        />\n      ));\n    },\n  });\n\n  const debouncedEmail = useDebounce(emailValue || '', 500);\n\n  // No cadastro, avisa antes de avançar quando o e-mail já pertence a outra conta.\n  useEffect(() => {\n    if (isEditMode || !debouncedEmail || !EMAIL_REGEX.test(debouncedEmail)) {\n      onEmailExistsError?.(null);\n      onEmailChecking?.(false);\n      return;\n    }\n\n    let cancelled = false;\n    onEmailChecking?.(true);\n\n    withAction(checkUserExistsAction)(debouncedEmail)\n      .then((result) => {\n        if (cancelled) return;\n        onEmailExistsError?.(result.exists ? translateStep('emailAlreadyRegistered') : null);\n      })\n      .catch(() => {\n        if (!cancelled) onEmailExistsError?.(null);\n      })\n      .finally(() => {\n        if (!cancelled) onEmailChecking?.(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [debouncedEmail, isEditMode, onEmailExistsError, onEmailChecking]);\n\n  const readOnly = isEditMode && !isOwnProfile && !canEditUser;\n\n  const visibleProfiles = Object.values(UserProfile).filter((profile) =>\n    role === UserProfile.owner ? profile === UserProfile.owner : profile !== UserProfile.owner\n  );\n\n  return (\n    <div className=\"flex flex-col gap-6 px-5 py-6 flex-1\">\n      <span className=\"text-zinc-950 paragraph-medium-semibold\">{translateStep('sectionTitle')}</span>\n\n      <div className=\"flex items-center gap-3\">\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept={ACCEPTED_IMAGE_FORMATS_STRING}\n          className=\"hidden\"\n          onChange={onPhotoChange}\n          disabled={readOnly}\n        />\n        {photoPreview ? (\n          // eslint-disable-next-line @next/next/no-img-element\n          <img\n            src={photoPreview}\n            alt={translateStep('photoAlt')}\n            className={cn(\n              'size-12 rounded-full object-cover shrink-0',\n              readOnly ? 'cursor-default' : 'cursor-pointer'\n            )}\n            onClick={readOnly ? undefined : () => fileInputRef.current?.click()}\n          />\n        ) : (\n          <div\n            className={cn(\n              'size-12 shrink-0 rounded-full bg-zinc-50 border border-dashed border-zinc-200 flex items-center justify-center',\n              readOnly ? 'cursor-default' : 'cursor-pointer'\n            )}\n            onClick={readOnly ? undefined : () => fileInputRef.current?.click()}\n          >\n            <IconUpload size={20} className=\"text-zinc-400\" />\n          </div>\n        )}\n        {photoPreview ? (\n          <div className=\"flex items-center gap-2\">\n            <Button\n              type=\"button\"\n              variant=\"secondary\"\n              className=\"h-8!\"\n              onClick={() => fileInputRef.current?.click()}\n              disabled={readOnly}\n            >\n              {translateStep('changePhoto')}\n            </Button>\n            <Button type=\"button\" variant=\"ghost\" className=\"h-8!\" onClick={onRemovePhoto} disabled={readOnly}>\n              <IconTrash size={16} className=\"text-zinc-500\" />\n            </Button>\n          </div>\n        ) : (\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-8!\"\n            onClick={() => fileInputRef.current?.click()}\n            disabled={readOnly}\n          >\n            {translateStep('addPhoto')}\n          </Button>\n        )}\n      </div>\n\n      <FormField\n        label={translateStep('firstName')}\n        required\n        placeholder={translateStep('namePlaceholder')}\n        disabled={readOnly}\n        error={!!formState.errors.name}\n        errorMessage={formState.errors.name?.message}\n        {...register('name')}\n      />\n\n      <FormField\n        label={translateStep('lastName')}\n        placeholder={translateStep('namePlaceholder')}\n        disabled={readOnly}\n        {...register('lastName')}\n      />\n\n      {isEditMode && isOwnProfile ? (\n        <div className=\"relative\">\n          <PhoneInput\n            label={translateStep('phone')}\n            value={phoneValue || ''}\n            onChange={(value) => setValue('phone', value, { shouldValidate: true, shouldDirty: true })}\n            disabled\n            classnameContainer=\"bg-gray-50 border-0! opacity-100! pointer-events-none cursor-not-allowed\"\n          />\n          <button\n            type=\"button\"\n            className=\"absolute right-0 top-0 paragraph-xsmall-semibold text-zinc-950 underline cursor-pointer\"\n            onClick={onOpenChangePhone}\n          >\n            {translateStep('change')}\n          </button>\n        </div>\n      ) : (\n        <PhoneInput\n          label={translateStep('phone')}\n          placeholder={translateStep('phonePlaceholder')}\n          value={phoneValue || ''}\n          onChange={(value) => setValue('phone', value, { shouldValidate: true, shouldDirty: true })}\n          disabled={readOnly}\n          error={!!formState.errors.phone}\n          errorMessage={formState.errors.phone?.message}\n        />\n      )}\n\n      {isEditMode && isOwnProfile ? (\n        <div className=\"relative\">\n          <FormField\n            label={translateStep('email')}\n            value={watch('email')}\n            disabled\n            classnameContainer=\"bg-gray-50 border-0! opacity-100! pointer-events-none cursor-not-allowed\"\n          />\n          <button\n            type=\"button\"\n            className=\"absolute right-0 top-0 paragraph-xsmall-semibold text-zinc-950 underline cursor-pointer\"\n            onClick={onOpenChangeEmail}\n          >\n            {translateStep('change')}\n          </button>\n        </div>\n      ) : (\n        <FormField\n          label={translateStep('email')}\n          required={!readOnly}\n          type=\"email\"\n          placeholder={translateStep('emailPlaceholder')}\n          disabled={readOnly}\n          error={!!formState.errors.email || !!emailExistsError}\n          errorMessage={formState.errors.email?.message || emailExistsError || undefined}\n          hintMessage={isCheckingEmail ? translateStep('checkingEmail') : undefined}\n          {...register('email')}\n        />\n      )}\n\n      {!isEditMode && (\n        <div\n          className={cn(\n            'flex items-center gap-3 p-4 rounded-lg',\n            isDefaultWhitelabel ? 'bg-cyan-50' : 'bg-zinc-50'\n          )}\n        >\n          <IconInfoCircle size={16} className=\"text-zinc-950 shrink-0 mt-0.5\" />\n          <p className=\"paragraph-small-regular text-zinc-950\">{translateStep('inviteInfo')}</p>\n        </div>\n      )}\n\n      <Separator />\n\n      {isEditMode && (isOwnProfile || canEditUser) && (\n        <>\n          <span className=\"text-zinc-950 paragraph-medium-semibold\">{translateStep('securityTitle')}</span>\n\n          <div className=\"flex flex-col gap-3\">\n            <div className=\"flex items-center gap-4 p-4 border border-zinc-200 rounded-lg\">\n              <div className=\"size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0\">\n                <IconTool size={20} className=\"text-zinc-600\" />\n              </div>\n              <span className=\"flex-1 paragraph-small-semibold text-zinc-950\">\n                {translateStep('twoFactor')}\n              </span>\n              {isOwnProfile ? (\n                <Button type=\"button\" variant=\"secondary\" className=\"h-10! shrink-0\" onClick={onOpenTwoFactor}>\n                  {twoFactorEnabled ? translateStep('disable') : translateStep('enable')}\n                </Button>\n              ) : (\n                <Button\n                  type=\"button\"\n                  variant=\"secondary\"\n                  className=\"h-10! shrink-0\"\n                  loading={toggleTwoFactorMutation.isPending}\n                  onClick={() => toggleTwoFactorMutation.mutate(!twoFactorEnabled)}\n                >\n                  {toggleTwoFactorMutation.isPending\n                    ? translateStep('twoFactorSaving')\n                    : twoFactorEnabled\n                      ? translateStep('disable')\n                      : translateStep('enable')}\n                </Button>\n              )}\n            </div>\n\n            {isOwnProfile && (\n              <div className=\"flex items-center gap-4 p-4 border border-zinc-200 rounded-lg\">\n                <div className=\"size-10 rounded-lg bg-zinc-50 flex items-center justify-center shrink-0\">\n                  <IconLock size={20} className=\"text-zinc-600\" />\n                </div>\n                <span className=\"flex-1 paragraph-small-semibold text-zinc-950\">\n                  {translateStep('changePassword')}\n                </span>\n                <Button\n                  type=\"button\"\n                  variant=\"secondary\"\n                  className=\"h-10! shrink-0\"\n                  onClick={onOpenChangePassword}\n                >\n                  {translateStep('changePasswordButton')}\n                </Button>\n              </div>\n            )}\n          </div>\n\n          <Separator />\n        </>\n      )}\n\n      <span className=\"text-zinc-950 paragraph-medium-semibold\">{translateStep('roleTitle')}</span>\n\n      <RadioGroup\n        value={role}\n        onValueChange={(value) => {\n          const profile = toUserProfile(value);\n          setValue('profile', profile, { shouldDirty: true });\n          onProfileChange?.(profile);\n        }}\n        disabled={readOnly || !canChangeProfile}\n      >\n        <div className=\"flex flex-col gap-3\">\n          {visibleProfiles.map((profile) => (\n            <RadioOptionFieldIcon\n              key={profile}\n              value={profile}\n              label={translateProfile(profile)}\n              description={translateStep(PROFILE_DESCRIPTION_KEYS[profile])}\n              isSelected={role === profile}\n              disabled={role === UserProfile.owner}\n              icon={PROFILE_ICONS[profile]}\n            />\n          ))}\n        </div>\n      </RadioGroup>\n    </div>\n  );\n}\n"],"mappings":";AAmDuB,SAgSf,UAhSe,KA0Kb,YA1Ka;AAjDvB,SAAS,WAAW,cAAgD;AACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,gBAAgB,gBAAgB;AACzC,SAAS,aAAa,sBAAsB;AAC5C,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,OAAO,gBAAgB;AACvB,SAAS,kBAAkB;AAC3B,SAAS,4BAA4B;AACrC,SAAS,qCAAqC;AAC9C;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,+BAA+B;AACxC,SAAS,mBAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,8BAA8B;AACvC,SAAS,kBAAkB;AAC3B,SAAS,UAAU;AAGnB,MAAM,2BAA2B;AAAA,EAC/B,CAAC,YAAY,KAAK,GAAG;AAAA,EACrB,CAAC,YAAY,KAAK,GAAG;AAAA,EACrB,CAAC,YAAY,YAAY,GAAG;AAAA,EAC5B,CAAC,YAAY,MAAM,GAAG;AACxB;AAEA,SAAS,cAAc,OAA4B;AACjD,QAAM,UAAU,OAAO,OAAO,WAAW,EAAE,KAAK,CAAC,cAAc,cAAc,KAAK;AAClF,SAAO,WAAW,YAAY;AAChC;AAEA,MAAM,gBAAgD;AAAA,EACpD,CAAC,YAAY,KAAK,GAAG,oBAAC,mBAAgB,MAAM,IAAI;AAAA,EAChD,CAAC,YAAY,KAAK,GAAG,oBAAC,mBAAgB,MAAM,IAAI;AAAA,EAChD,CAAC,YAAY,YAAY,GAAG,oBAAC,gBAAa,MAAM,IAAI;AAAA,EACpD,CAAC,YAAY,MAAM,GAAG,oBAAC,WAAQ,MAAM,IAAI;AAC3C;AAEA,MAAM,cAAc;AAyBb,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAA6B;AAC3B,QAAM,gBAAgB,gBAAgB,+CAA+C;AACrF,QAAM,mBAAmB,gBAAgB,wCAAwC;AACjF,QAAM,sBAAsB,uBAAuB;AACnD,QAAM,eAAe,OAAyB,IAAI;AAClD,QAAM,OAAO,eAA6B;AAC1C,QAAM,EAAE,UAAU,OAAO,UAAU,UAAU,IAAI;AAEjD,QAAM,OAAO,SAAS,EAAE,SAAS,KAAK,SAAS,MAAM,UAAU,CAAC;AAChE,QAAM,aAAa,SAAS,EAAE,SAAS,KAAK,SAAS,MAAM,QAAQ,CAAC;AACpE,QAAM,aAAa,SAAS,EAAE,SAAS,KAAK,SAAS,MAAM,QAAQ,CAAC;AACpE,QAAM,aAAa,SAAS;AAE5B,QAAM,cAAc,eAAe;AACnC,QAAM,kBAAkB,gBAAgB,CAAC,GAAG,uBAAuB,CAAC;AAEpE,QAAM,0BAA0B,YAAY;AAAA,IAC1C,YAAY,CAAC,YACX,WAAW,2BAA2B,EAAE,WAAY,IAAI,EAAE,2BAA2B,QAAQ,CAAC;AAAA,IAChG,UAAU,CAAC,YAAY;AACrB,YAAM,WAAW;AACjB,0BAAoB,OAAO;AAC3B,aAAO,EAAE,SAAS;AAAA,IACpB;AAAA,IACA,WAAW,CAAC,OAAO,YAAY;AAC7B,kBAAY,kBAAkB,EAAE,UAAU,gBAAgB,CAAC;AAC3D,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,cAAc,kBAAkB,IAAI,cAAc,mBAAmB;AAAA,UACxF;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,IACA,SAAS,CAAC,OAAO,UAAU,YAAY;AACrC,UAAI,QAAS,qBAAoB,QAAQ,QAAQ;AACjD,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,iBAAiB,QAAQ,MAAM,UAAU,cAAc,gBAAgB;AAAA,UAChF;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,QAAM,iBAAiB,YAAY,cAAc,IAAI,GAAG;AAGxD,YAAU,MAAM;AACd,QAAI,cAAc,CAAC,kBAAkB,CAAC,YAAY,KAAK,cAAc,GAAG;AACtE,2BAAqB,IAAI;AACzB,wBAAkB,KAAK;AACvB;AAAA,IACF;AAEA,QAAI,YAAY;AAChB,sBAAkB,IAAI;AAEtB,eAAW,qBAAqB,EAAE,cAAc,EAC7C,KAAK,CAAC,WAAW;AAChB,UAAI,UAAW;AACf,2BAAqB,OAAO,SAAS,cAAc,wBAAwB,IAAI,IAAI;AAAA,IACrF,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,sBAAqB,IAAI;AAAA,IAC3C,CAAC,EACA,QAAQ,MAAM;AACb,UAAI,CAAC,UAAW,mBAAkB,KAAK;AAAA,IACzC,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EAEF,GAAG,CAAC,gBAAgB,YAAY,oBAAoB,eAAe,CAAC;AAEpE,QAAM,WAAW,cAAc,CAAC,gBAAgB,CAAC;AAEjD,QAAM,kBAAkB,OAAO,OAAO,WAAW,EAAE;AAAA,IAAO,CAAC,YACzD,SAAS,YAAY,QAAQ,YAAY,YAAY,QAAQ,YAAY,YAAY;AAAA,EACvF;AAEA,SACE,qBAAC,SAAI,WAAU,wCACb;AAAA,wBAAC,UAAK,WAAU,2CAA2C,wBAAc,cAAc,GAAE;AAAA,IAEzF,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,QAAQ;AAAA,UACR,WAAU;AAAA,UACV,UAAU;AAAA,UACV,UAAU;AAAA;AAAA,MACZ;AAAA,MACC;AAAA;AAAA,QAEC;AAAA,UAAC;AAAA;AAAA,YACC,KAAK;AAAA,YACL,KAAK,cAAc,UAAU;AAAA,YAC7B,WAAW;AAAA,cACT;AAAA,cACA,WAAW,mBAAmB;AAAA,YAChC;AAAA,YACA,SAAS,WAAW,SAAY,MAAM,aAAa,SAAS,MAAM;AAAA;AAAA,QACpE;AAAA,UAEA;AAAA,QAAC;AAAA;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA,WAAW,mBAAmB;AAAA,UAChC;AAAA,UACA,SAAS,WAAW,SAAY,MAAM,aAAa,SAAS,MAAM;AAAA,UAElE,8BAAC,cAAW,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,MAClD;AAAA,MAED,eACC,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,aAAa,SAAS,MAAM;AAAA,YAC3C,UAAU;AAAA,YAET,wBAAc,aAAa;AAAA;AAAA,QAC9B;AAAA,QACA,oBAAC,UAAO,MAAK,UAAS,SAAQ,SAAQ,WAAU,QAAO,SAAS,eAAe,UAAU,UACvF,8BAAC,aAAU,MAAM,IAAI,WAAU,iBAAgB,GACjD;AAAA,SACF,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,SAAS,MAAM,aAAa,SAAS,MAAM;AAAA,UAC3C,UAAU;AAAA,UAET,wBAAc,UAAU;AAAA;AAAA,MAC3B;AAAA,OAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,WAAW;AAAA,QAChC,UAAQ;AAAA,QACR,aAAa,cAAc,iBAAiB;AAAA,QAC5C,UAAU;AAAA,QACV,OAAO,CAAC,CAAC,UAAU,OAAO;AAAA,QAC1B,cAAc,UAAU,OAAO,MAAM;AAAA,QACpC,GAAG,SAAS,MAAM;AAAA;AAAA,IACrB;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,UAAU;AAAA,QAC/B,aAAa,cAAc,iBAAiB;AAAA,QAC5C,UAAU;AAAA,QACT,GAAG,SAAS,UAAU;AAAA;AAAA,IACzB;AAAA,IAEC,cAAc,eACb,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,cAAc,OAAO;AAAA,UAC5B,OAAO,cAAc;AAAA,UACrB,UAAU,CAAC,UAAU,SAAS,SAAS,OAAO,EAAE,gBAAgB,MAAM,aAAa,KAAK,CAAC;AAAA,UACzF,UAAQ;AAAA,UACR,oBAAmB;AAAA;AAAA,MACrB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAER,wBAAc,QAAQ;AAAA;AAAA,MACzB;AAAA,OACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,OAAO;AAAA,QAC5B,aAAa,cAAc,kBAAkB;AAAA,QAC7C,OAAO,cAAc;AAAA,QACrB,UAAU,CAAC,UAAU,SAAS,SAAS,OAAO,EAAE,gBAAgB,MAAM,aAAa,KAAK,CAAC;AAAA,QACzF,UAAU;AAAA,QACV,OAAO,CAAC,CAAC,UAAU,OAAO;AAAA,QAC1B,cAAc,UAAU,OAAO,OAAO;AAAA;AAAA,IACxC;AAAA,IAGD,cAAc,eACb,qBAAC,SAAI,WAAU,YACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO,cAAc,OAAO;AAAA,UAC5B,OAAO,MAAM,OAAO;AAAA,UACpB,UAAQ;AAAA,UACR,oBAAmB;AAAA;AAAA,MACrB;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAER,wBAAc,QAAQ;AAAA;AAAA,MACzB;AAAA,OACF,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,cAAc,OAAO;AAAA,QAC5B,UAAU,CAAC;AAAA,QACX,MAAK;AAAA,QACL,aAAa,cAAc,kBAAkB;AAAA,QAC7C,UAAU;AAAA,QACV,OAAO,CAAC,CAAC,UAAU,OAAO,SAAS,CAAC,CAAC;AAAA,QACrC,cAAc,UAAU,OAAO,OAAO,WAAW,oBAAoB;AAAA,QACrE,aAAa,kBAAkB,cAAc,eAAe,IAAI;AAAA,QAC/D,GAAG,SAAS,OAAO;AAAA;AAAA,IACtB;AAAA,IAGD,CAAC,cACA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT;AAAA,UACA,sBAAsB,eAAe;AAAA,QACvC;AAAA,QAEA;AAAA,8BAAC,kBAAe,MAAM,IAAI,WAAU,iCAAgC;AAAA,UACpE,oBAAC,OAAE,WAAU,yCAAyC,wBAAc,YAAY,GAAE;AAAA;AAAA;AAAA,IACpF;AAAA,IAGF,oBAAC,aAAU;AAAA,IAEV,eAAe,gBAAgB,gBAC9B,iCACE;AAAA,0BAAC,UAAK,WAAU,2CAA2C,wBAAc,eAAe,GAAE;AAAA,MAE1F,qBAAC,SAAI,WAAU,uBACb;AAAA,6BAAC,SAAI,WAAU,iEACb;AAAA,8BAAC,SAAI,WAAU,2EACb,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAChD;AAAA,UACA,oBAAC,UAAK,WAAU,iDACb,wBAAc,WAAW,GAC5B;AAAA,UACC,eACC,oBAAC,UAAO,MAAK,UAAS,SAAQ,aAAY,WAAU,kBAAiB,SAAS,iBAC3E,6BAAmB,cAAc,SAAS,IAAI,cAAc,QAAQ,GACvE,IAEA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS,wBAAwB;AAAA,cACjC,SAAS,MAAM,wBAAwB,OAAO,CAAC,gBAAgB;AAAA,cAE9D,kCAAwB,YACrB,cAAc,iBAAiB,IAC/B,mBACE,cAAc,SAAS,IACvB,cAAc,QAAQ;AAAA;AAAA,UAC9B;AAAA,WAEJ;AAAA,QAEC,gBACC,qBAAC,SAAI,WAAU,iEACb;AAAA,8BAAC,SAAI,WAAU,2EACb,8BAAC,YAAS,MAAM,IAAI,WAAU,iBAAgB,GAChD;AAAA,UACA,oBAAC,UAAK,WAAU,iDACb,wBAAc,gBAAgB,GACjC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,SAAQ;AAAA,cACR,WAAU;AAAA,cACV,SAAS;AAAA,cAER,wBAAc,sBAAsB;AAAA;AAAA,UACvC;AAAA,WACF;AAAA,SAEJ;AAAA,MAEA,oBAAC,aAAU;AAAA,OACb;AAAA,IAGF,oBAAC,UAAK,WAAU,2CAA2C,wBAAc,WAAW,GAAE;AAAA,IAEtF;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,QACP,eAAe,CAAC,UAAU;AACxB,gBAAM,UAAU,cAAc,KAAK;AACnC,mBAAS,WAAW,SAAS,EAAE,aAAa,KAAK,CAAC;AAClD,4BAAkB,OAAO;AAAA,QAC3B;AAAA,QACA,UAAU,YAAY,CAAC;AAAA,QAEvB,8BAAC,SAAI,WAAU,uBACZ,0BAAgB,IAAI,CAAC,YACpB;AAAA,UAAC;AAAA;AAAA,YAEC,OAAO;AAAA,YACP,OAAO,iBAAiB,OAAO;AAAA,YAC/B,aAAa,cAAc,yBAAyB,OAAO,CAAC;AAAA,YAC5D,YAAY,SAAS;AAAA,YACrB,UAAU,SAAS,YAAY;AAAA,YAC/B,MAAM,cAAc,OAAO;AAAA;AAAA,UANtB;AAAA,QAOP,CACD,GACH;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/team/user-form.schema.mjs

@@ -0,0 +1,37 @@
+import { z } from "zod";
+import { UserProfile } from "../../../../modules/users/schema";
+function buildUserFormSchema({ required, invalidEmail }) {
+  return z.object({
+    name: z.string().min(1, required),
+    lastName: z.string(),
+    email: z.string().min(1, required).email(invalidEmail),
+    phone: z.string(),
+    profile: z.nativeEnum(UserProfile),
+    photo: z.custom().nullable(),
+    selectedProjects: z.record(z.string(), z.boolean()),
+    gender: z.number(),
+    receiveSms: z.boolean(),
+    receiveEmail: z.boolean()
+  });
+}
+function buildUserFormDefaults(user) {
+  return {
+    name: user?.name || "",
+    lastName: user?.last_name || "",
+    email: user?.email || "",
+    phone: user?.phone || "",
+    profile: user?.profile || UserProfile.collaborator,
+    photo: null,
+    selectedProjects: Object.fromEntries(
+      user?.projects?.map((project) => [project.id.toString(), true]) || []
+    ),
+    gender: user?.gender ?? 1,
+    receiveSms: user?.receive_sms ?? true,
+    receiveEmail: user?.receive_email ?? true
+  };
+}
+export {
+  buildUserFormDefaults,
+  buildUserFormSchema
+};
+//# sourceMappingURL=user-form.schema.mjs.map

package/dist/components/account/sections/team/user-form.schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/account/sections/team/user-form.schema.ts"],"sourcesContent":["import { z } from 'zod';\nimport { UserProfile, type User } from '../../../../modules/users/schema';\n\ntype UserFormMessages = {\n  required: string;\n  invalidEmail: string;\n};\n\n/** Mensagens já traduzidas — o schema é montado dentro do componente com `useMemo`. */\nexport function buildUserFormSchema({ required, invalidEmail }: UserFormMessages) {\n  return z.object({\n    name: z.string().min(1, required),\n    lastName: z.string(),\n    email: z.string().min(1, required).email(invalidEmail),\n    phone: z.string(),\n    profile: z.nativeEnum(UserProfile),\n    photo: z.custom<File | null>().nullable(),\n    selectedProjects: z.record(z.string(), z.boolean()),\n    gender: z.number(),\n    receiveSms: z.boolean(),\n    receiveEmail: z.boolean(),\n  });\n}\n\nexport type UserFormData = z.infer<ReturnType<typeof buildUserFormSchema>>;\n\n/** Valores iniciais do formulário de usuário — compartilhados pelo sheet da equipe e pelo Meu perfil. */\nexport function buildUserFormDefaults(user?: User): UserFormData {\n  return {\n    name: user?.name || '',\n    lastName: user?.last_name || '',\n    email: user?.email || '',\n    phone: user?.phone || '',\n    profile: user?.profile || UserProfile.collaborator,\n    photo: null,\n    selectedProjects: Object.fromEntries(\n      user?.projects?.map((project) => [project.id.toString(), true]) || []\n    ),\n    gender: user?.gender ?? 1,\n    receiveSms: user?.receive_sms ?? true,\n    receiveEmail: user?.receive_email ?? true,\n  };\n}\n"],"mappings":"AAAA,SAAS,SAAS;AAClB,SAAS,mBAA8B;AAQhC,SAAS,oBAAoB,EAAE,UAAU,aAAa,GAAqB;AAChF,SAAO,EAAE,OAAO;AAAA,IACd,MAAM,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ;AAAA,IAChC,UAAU,EAAE,OAAO;AAAA,IACnB,OAAO,EAAE,OAAO,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,YAAY;AAAA,IACrD,OAAO,EAAE,OAAO;AAAA,IAChB,SAAS,EAAE,WAAW,WAAW;AAAA,IACjC,OAAO,EAAE,OAAoB,EAAE,SAAS;AAAA,IACxC,kBAAkB,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,QAAQ,CAAC;AAAA,IAClD,QAAQ,EAAE,OAAO;AAAA,IACjB,YAAY,EAAE,QAAQ;AAAA,IACtB,cAAc,EAAE,QAAQ;AAAA,EAC1B,CAAC;AACH;AAKO,SAAS,sBAAsB,MAA2B;AAC/D,SAAO;AAAA,IACL,MAAM,MAAM,QAAQ;AAAA,IACpB,UAAU,MAAM,aAAa;AAAA,IAC7B,OAAO,MAAM,SAAS;AAAA,IACtB,OAAO,MAAM,SAAS;AAAA,IACtB,SAAS,MAAM,WAAW,YAAY;AAAA,IACtC,OAAO;AAAA,IACP,kBAAkB,OAAO;AAAA,MACvB,MAAM,UAAU,IAAI,CAAC,YAAY,CAAC,QAAQ,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC;AAAA,IACtE;AAAA,IACA,QAAQ,MAAM,UAAU;AAAA,IACxB,YAAY,MAAM,eAAe;AAAA,IACjC,cAAc,MAAM,iBAAiB;AAAA,EACvC;AACF;","names":[]}

package/dist/components/account/types/workspace-actions.type.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=workspace-actions.type.mjs.map

package/dist/components/account/types/workspace-actions.type.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/layouts/ProfilePopover.mjs

@@ -2,7 +2,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useTranslations } from "next-intl";
-import { useRouter } from "next/navigation";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { Popover } from "../ui/overlay/Popover";
 import { Button } from "../ui/buttons/Button";
@@ -13,11 +12,13 @@ import { UserAvatar } from "../ui/data-display/UserAvatar";
 import { LoadingOverlay } from "../ui/feedback/LoadingOverlay";
 import { useBrandLoadingIcon } from "../../hooks/useBrandLoadingIcon";
 import { useAuth } from "../../providers/auth.provider";
-import { useIsDefaultWhitelabel, useWhitelabelUrls } from "../../providers/whitelabel.provider";
+import { useIsDefaultWhitelabel } from "../../providers/whitelabel.provider";
 import { cn } from "../../infra/utils/clsx";
 import { useIaCredits } from "../../modules/ia-credits/hooks/ia-credits.hook";
 import { useBuyCreditsModal } from "../../store/useBuyCreditsModal";
 import { useCreditsDisabledModal } from "../../store/useCreditsDisabledModal";
+import { useAccountModals } from "../../store/useAccountModals";
+import { AccountSectionType } from "../../enums/AccountSectionType";
 function ProfilePopover({
   side = "top",
   align = "start",
@@ -31,11 +32,10 @@ function ProfilePopover({
   const { summary, subscription, isSubscriptionLoading, isCreditsLoading } = useIaCredits();
   const { openModal: openBuyCreditsModal } = useBuyCreditsModal();
   const { openModal: openCreditsDisabledModal } = useCreditsDisabledModal();
+  const openConfigurations = useAccountModals((state) => state.openConfigurations);
   const canManage = user?.profile === "owner" || user?.profile === "admin";
   const isDefaultWl = useIsDefaultWhitelabel();
-  const { accountsUrl } = useWhitelabelUrls();
   const brandLoadingIcon = useBrandLoadingIcon();
-  const router = useRouter();
   const handleLogout = async () => {
     setPopoverOpen(false);
     setIsLoggingOut(true);
@@ -95,13 +95,8 @@ function ProfilePopover({
                   variant: "secondary",
                   className: "h-8! px-3! paragraph-xsmall-semibold",
                   onClick: () => {
-                    const isSameOrigin = accountsUrl.startsWith(window.location.origin);
-                    if (isSameOrigin) {
-                      setPopoverOpen(false);
-                      router.push(`${window.location.pathname}?openProfile=true`);
-                    } else {
-                      window.location.href = `${accountsUrl}?openProfile=true`;
-                    }
+                    setPopoverOpen(false);
+                    openConfigurations(AccountSectionType.MY_PROFILE);
                   },
                   children: translate("common.actions.edit")
                 }
@@ -149,7 +144,10 @@ function ProfilePopover({
                   {
                     icon: item.icon,
                     label: item.label,
-                    onClick: item.onClick
+                    onClick: () => {
+                      setPopoverOpen(false);
+                      item.onClick();
+                    }
                   },
                   index
                 )) }),

package/dist/components/layouts/ProfilePopover.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport { useRouter } from \"next/navigation\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { Popover } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport { Progress } from \"../ui/feedback/Progress\";\nimport { Separator } from \"../ui/data-display/Separator\";\nimport { NavBarItem } from \"./NavBarItem\";\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\nimport { useBrandLoadingIcon } from \"../../hooks/useBrandLoadingIcon\";\nimport { useAuth } from \"../../providers/auth.provider\";\nimport { useIsDefaultWhitelabel, useWhitelabelUrls } from \"../../providers/whitelabel.provider\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\nimport { useBuyCreditsModal } from \"../../store/useBuyCreditsModal\";\nimport { useCreditsDisabledModal } from \"../../store/useCreditsDisabledModal\";\n\nexport interface ProfileMenuItem {\n  icon?: React.ReactNode;\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  contentClassName?: string;\n  menuItems?: ProfileMenuItem[];\n}\n\nfunction ProfilePopover({\n  side = \"top\",\n  align = \"start\",\n  contentClassName = \"absolute bottom-2 left-[26px]\",\n  menuItems = [],\n}: ProfilePopoverProps) {\n  const translate = useTranslations();\n  const { user, logout } = useAuth();\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\n    useIaCredits();\n  const { openModal: openBuyCreditsModal } = useBuyCreditsModal();\n  const { openModal: openCreditsDisabledModal } = useCreditsDisabledModal();\n  const canManage = user?.profile === 'owner' || user?.profile === 'admin';\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const { accountsUrl } = useWhitelabelUrls();\n  const brandLoadingIcon = useBrandLoadingIcon();\n  const router = useRouter();\n\n  const handleLogout = async () => {\n    setPopoverOpen(false);\n    setIsLoggingOut(true);\n    await logout();\n  };\n\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\n\n  const isApiPlan = hasSubscription && subscription.id_plan === 411;\n  const shouldShowCredits = hasSubscription && isDefaultWl && !isApiPlan;\n  const creditsPercentage =\n    shouldShowCredits && summary.totalCredits > 0\n      ? (summary.usedCredits / summary.totalCredits) * 100\n      : 0;\n\n  return (\n    <>\n      <LoadingOverlay\n        isLoading={isLoggingOut}\n        message={translate('common.layout.profile.loggingOut')}\n        icon={brandLoadingIcon}\n      />\n      <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\n          {user && (\n            <UserAvatar\n              key={user.id}\n              photo={user.photo}\n              name={user.name}\n              size={40}\n            />\n          )}\n        </PopoverPrimitive.Trigger>\n\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            className={cn(\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\n              contentClassName,\n            )}\n            side={side}\n            align={align}\n            sideOffset={8}\n          >\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\n              {user && (\n                <UserAvatar\n                  key={user.id}\n                  photo={user.photo}\n                  name={user.name}\n                  size={32}\n                />\n              )}\n\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\n                  {user?.name || \"\"}\n                </span>\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\n                  {user?.email || \"\"}\n                </span>\n              </div>\n\n              <Button\n                variant=\"secondary\"\n                className=\"h-8! px-3! paragraph-xsmall-semibold\"\n                onClick={() => {\n                  const isSameOrigin = accountsUrl.startsWith(window.location.origin);\n                  if (isSameOrigin) {\n                    setPopoverOpen(false);\n                    router.push(`${window.location.pathname}?openProfile=true`);\n                  } else {\n                    window.location.href = `${accountsUrl}?openProfile=true`;\n                  }\n                }}\n              >\n                {translate('common.actions.edit')}\n              </Button>\n            </div>\n\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\n              {shouldShowCredits && (\n                <div\n                  className={cn(\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\n                    \"cursor-pointer hover:bg-gray-950/90\",\n                  )}\n                  onClick={() => {\n                    setPopoverOpen(false);\n                    if (canManage) {\n                      openBuyCreditsModal();\n                    } else {\n                      openCreditsDisabledModal();\n                    }\n                  }}\n                >\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\n                      {translate('common.layout.profile.usedCredits')}\n                    </span>\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\n                    </span>\n                  </div>\n                  <Progress\n                    className=\"bg-white/10\"\n                    indicatorColor=\"bg-white\"\n                    value={creditsPercentage}\n                  />\n                </div>\n              )}\n\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex flex-col\">\n                  {menuItems.map((item, index) => (\n                    <NavBarItem\n                      key={index}\n                      icon={item.icon}\n                      label={item.label}\n                      onClick={item.onClick}\n                    />\n                  ))}\n                </div>\n                <Separator />\n                <NavBarItem label={translate('common.layout.profile.logout')} onClick={handleLogout} />\n              </div>\n            </div>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </Popover>\n    </>\n  );\n}\n\nexport { ProfilePopover };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/ProfilePopover.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState } from \"react\";\nimport { useTranslations } from \"next-intl\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport { Popover } from \"../ui/overlay/Popover\";\nimport { Button } from \"../ui/buttons/Button\";\nimport { Progress } from \"../ui/feedback/Progress\";\nimport { Separator } from \"../ui/data-display/Separator\";\nimport { NavBarItem } from \"./NavBarItem\";\nimport { UserAvatar } from \"../ui/data-display/UserAvatar\";\nimport { LoadingOverlay } from \"../ui/feedback/LoadingOverlay\";\nimport { useBrandLoadingIcon } from \"../../hooks/useBrandLoadingIcon\";\nimport { useAuth } from \"../../providers/auth.provider\";\nimport { useIsDefaultWhitelabel } from \"../../providers/whitelabel.provider\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport { useIaCredits } from \"../../modules/ia-credits/hooks/ia-credits.hook\";\nimport { useBuyCreditsModal } from \"../../store/useBuyCreditsModal\";\nimport { useCreditsDisabledModal } from \"../../store/useCreditsDisabledModal\";\nimport { useAccountModals } from \"../../store/useAccountModals\";\nimport { AccountSectionType } from \"../../enums/AccountSectionType\";\n\nexport interface ProfileMenuItem {\n  icon?: React.ReactNode;\n  label: string;\n  onClick: () => void;\n}\n\nexport interface ProfilePopoverProps {\n  side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  align?: \"start\" | \"center\" | \"end\";\n  contentClassName?: string;\n  menuItems?: ProfileMenuItem[];\n}\n\nfunction ProfilePopover({\n  side = \"top\",\n  align = \"start\",\n  contentClassName = \"absolute bottom-2 left-[26px]\",\n  menuItems = [],\n}: ProfilePopoverProps) {\n  const translate = useTranslations();\n  const { user, logout } = useAuth();\n  const [isLoggingOut, setIsLoggingOut] = useState(false);\n  const [popoverOpen, setPopoverOpen] = useState(false);\n\n  const { summary, subscription, isSubscriptionLoading, isCreditsLoading } =\n    useIaCredits();\n  const { openModal: openBuyCreditsModal } = useBuyCreditsModal();\n  const { openModal: openCreditsDisabledModal } = useCreditsDisabledModal();\n  // \"Editar\" abre o Meu perfil dentro do modal Minha conta, montado por `<Modals>`.\n  const openConfigurations = useAccountModals((state) => state.openConfigurations);\n  const canManage = user?.profile === 'owner' || user?.profile === 'admin';\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const brandLoadingIcon = useBrandLoadingIcon();\n\n  const handleLogout = async () => {\n    setPopoverOpen(false);\n    setIsLoggingOut(true);\n    await logout();\n  };\n\n  const hasSubscription = !isSubscriptionLoading && subscription !== null;\n\n  const isApiPlan = hasSubscription && subscription.id_plan === 411;\n  const shouldShowCredits = hasSubscription && isDefaultWl && !isApiPlan;\n  const creditsPercentage =\n    shouldShowCredits && summary.totalCredits > 0\n      ? (summary.usedCredits / summary.totalCredits) * 100\n      : 0;\n\n  return (\n    <>\n      <LoadingOverlay\n        isLoading={isLoggingOut}\n        message={translate('common.layout.profile.loggingOut')}\n        icon={brandLoadingIcon}\n      />\n      <Popover open={popoverOpen} onOpenChange={setPopoverOpen}>\n        <PopoverPrimitive.Trigger className=\"cursor-pointer\">\n          {user && (\n            <UserAvatar\n              key={user.id}\n              photo={user.photo}\n              name={user.name}\n              size={40}\n            />\n          )}\n        </PopoverPrimitive.Trigger>\n\n        <PopoverPrimitive.Portal>\n          <PopoverPrimitive.Content\n            className={cn(\n              \"w-64.75 p-0 bg-white rounded-2xl shadow-md border border-gray-200 z-99\",\n              contentClassName,\n            )}\n            side={side}\n            align={align}\n            sideOffset={8}\n          >\n            <div className=\"grid grid-cols-[32px_1fr_auto] items-center gap-3 p-3 w-full\">\n              {user && (\n                <UserAvatar\n                  key={user.id}\n                  photo={user.photo}\n                  name={user.name}\n                  size={32}\n                />\n              )}\n\n              <div className=\"flex flex-col gap-0.5 min-w-0\">\n                <span className=\"paragraph-small-semibold text-gray-950 truncate\">\n                  {user?.name || \"\"}\n                </span>\n                <span className=\"paragraph-xsmall-medium text-gray-500 truncate\">\n                  {user?.email || \"\"}\n                </span>\n              </div>\n\n              <Button\n                variant=\"secondary\"\n                className=\"h-8! px-3! paragraph-xsmall-semibold\"\n                onClick={() => {\n                  setPopoverOpen(false);\n                  openConfigurations(AccountSectionType.MY_PROFILE);\n                }}\n              >\n                {translate('common.actions.edit')}\n              </Button>\n            </div>\n\n            <div className=\"flex flex-col gap-2 border-t border-gray-200 rounded-2xl p-1.5\">\n              {shouldShowCredits && (\n                <div\n                  className={cn(\n                    \"flex flex-col bg-gray-950 rounded-lg gap-4 w-full p-4 transition-colors\",\n                    \"cursor-pointer hover:bg-gray-950/90\",\n                  )}\n                  onClick={() => {\n                    setPopoverOpen(false);\n                    if (canManage) {\n                      openBuyCreditsModal();\n                    } else {\n                      openCreditsDisabledModal();\n                    }\n                  }}\n                >\n                  <div className=\"flex items-center justify-between gap-2\">\n                    <span className=\"paragraph-xsmall-semibold text-white truncate\">\n                      {translate('common.layout.profile.usedCredits')}\n                    </span>\n                    <span className=\"paragraph-xsmall-medium text-white/50\">\n                      {summary.usedCredits.toLocaleString(\"pt-BR\")}/\n                      {summary.totalCredits.toLocaleString(\"pt-BR\")}\n                    </span>\n                  </div>\n                  <Progress\n                    className=\"bg-white/10\"\n                    indicatorColor=\"bg-white\"\n                    value={creditsPercentage}\n                  />\n                </div>\n              )}\n\n              <div className=\"flex flex-col gap-2\">\n                <div className=\"flex flex-col\">\n                  {menuItems.map((item, index) => (\n                    <NavBarItem\n                      key={index}\n                      icon={item.icon}\n                      label={item.label}\n                      onClick={() => {\n                        setPopoverOpen(false);\n                        item.onClick();\n                      }}\n                    />\n                  ))}\n                </div>\n                <Separator />\n                <NavBarItem label={translate('common.layout.profile.logout')} onClick={handleLogout} />\n              </div>\n            </div>\n          </PopoverPrimitive.Content>\n        </PopoverPrimitive.Portal>\n      </Popover>\n    </>\n  );\n}\n\nexport { ProfilePopover };\n"],"mappings":"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","names":[]}

package/dist/components/layouts/UsersSelectorPopover.mjs

@@ -20,7 +20,8 @@ import { useListProjectUsers } from "../../modules/projects/hooks/list-project-u
 import { useListAllAccountUsers } from "../../modules/projects/hooks/list-all-account-users.hook";
 import { useAddProjectUser } from "../../modules/projects/hooks/add-project-user.hook";
 import { useRemoveProjectUser } from "../../modules/projects/hooks/remove-project-user.hook";
-import { useWhitelabelUrls } from "../../providers/whitelabel.provider";
+import { WorkspaceSectionType } from "../../enums/WorkspaceSectionType";
+import useAccountHubActions from "../account/hooks/useAccountHubActions";
 function UserItemSkeleton() {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1.5 gap-2", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1", children: [
@@ -37,7 +38,7 @@ function UsersSelectorPopover({
   contentClassName
 }) {
   const translate = useTranslations();
-  const { accountsUrl } = useWhitelabelUrls();
+  const { openAddUser, openSection } = useAccountHubActions();
   const [open, setOpen] = useState(false);
   const [hoveredId, setHoveredId] = useState(null);
   const [searchInput, setSearchInput] = useState("");
@@ -95,7 +96,8 @@ function UsersSelectorPopover({
                 variant: "secondary",
                 className: "h-8 paragraph-small-semibold text-gray-950",
                 onClick: () => {
-                  window.location.href = `${accountsUrl}/my-teams?createNew=true`;
+                  setOpen(false);
+                  openAddUser();
                 },
                 children: [
                   /* @__PURE__ */ jsx(IconPlus, { size: 16 }),
@@ -196,7 +198,8 @@ function UsersSelectorPopover({
               variant: "ghost",
               className: "h-10! paragraph-small-medium text-gray-600 hover:text-gray-950 hover:bg-zinc-50 w-full justify-center",
               onClick: () => {
-                window.location.href = `${accountsUrl}/my-teams`;
+                setOpen(false);
+                openSection(WorkspaceSectionType.TEAM);
               },
               children: translate("common.layout.usersSelector.manageTeam")
             }