@greatapps/common 1.1.694 → 1.1.697

package/dist/components/account/sections/MyProfileSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/MyProfileSection.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useRef } from 'react';\nimport Image from 'next/image';\nimport { useTranslations } from 'next-intl';\nimport { useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport { toast } from 'sonner';\nimport { IconUpload, IconTrash } from '@tabler/icons-react';\nimport { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../modules/images/constants/image.constants';\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 { SelectField } from '../../ui/form/SelectField';\nimport PhoneInput from '../../ui/form/PhoneInput';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { myProfileSchema, type MyProfileFormData } from '../../../utils/validators/account';\nimport { useUpdateAccountUser } from '../../../modules/accounts/hooks/useAccountManagement';\nimport { GENDER_OPTIONS } from '../constants';\nimport { ChangePhoneModal } from './ChangePhoneModal';\nimport { ChangeEmailModal } from './ChangeEmailModal';\n\ninterface MyProfileSectionProps {\n  onClose: () => void;\n  storageUrl?: string;\n}\n\nexport function MyProfileSection({ onClose, storageUrl }: MyProfileSectionProps) {\n  const translate = useTranslations();\n  const genderOptions = GENDER_OPTIONS.map((option) => ({\n    ...option,\n    label: translate(\n      `common.account.profile.genderOptions.${option.value === 'masculino' ? 'male' : 'female'}`,\n    ),\n  }));\n  const { user } = useAuth();\n  const updateAccountUser = useUpdateAccountUser();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const [selectedPhoto, setSelectedPhoto] = useState<File | null>(null);\n  const [photoRemoved, setPhotoRemoved] = useState(false);\n  const [changePhoneOpen, setChangePhoneOpen] = useState(false);\n  const [changeEmailOpen, setChangeEmailOpen] = useState(false);\n\n  const form = useForm<MyProfileFormData>({\n    resolver: zodResolver(myProfileSchema),\n    mode: 'onChange',\n    defaultValues: {\n      name: user?.name ?? '',\n      last_name: user?.last_name ?? '',\n      gender: GENDER_OPTIONS.find((g) => g.apiValue === user?.gender)?.value ?? '',\n    },\n  });\n\n  const {\n    register,\n    handleSubmit,\n    watch,\n    setValue,\n    formState: { errors, isSubmitting },\n  } = form;\n\n  const baseStorageUrl = storageUrl ?? process.env.NEXT_PUBLIC_STORAGE_URL ?? '';\n\n  const avatarPreview = selectedPhoto\n    ? URL.createObjectURL(selectedPhoto)\n    : !photoRemoved && user?.photo\n      ? `${baseStorageUrl}/${user.photo}`\n      : null;\n\n  const handlePhotoChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const file = e.target.files?.[0] ?? null;\n    if (file) {\n      setSelectedPhoto(file);\n      setPhotoRemoved(false);\n    }\n  };\n\n  const handleRemovePhoto = () => {\n    setSelectedPhoto(null);\n    setPhotoRemoved(true);\n  };\n\n  const onSubmit = async (data: MyProfileFormData) => {\n    try {\n      await updateAccountUser.mutateAsync({\n        name: data.name,\n        last_name: data.last_name,\n        gender: GENDER_OPTIONS.find((g) => g.value === data.gender)?.apiValue,\n        ...(selectedPhoto ? { photo: selectedPhoto } : {}),\n        ...(photoRemoved ? { photo: '' } : {}),\n      });\n\n      form.reset(data);\n      setSelectedPhoto(null);\n      setPhotoRemoved(false);\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.profile.savedSuccess')}\n          toastId={toastId}\n        />\n      ));\n      onClose();\n    } catch (error) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={error instanceof Error ? error.message : translate('common.account.profile.saveError')}\n          toastId={toastId}\n        />\n      ));\n    }\n  };\n\n  return (\n    <>\n      <form onSubmit={handleSubmit(onSubmit)} className=\"lg:h-full lg:flex lg:flex-col\">\n        <input\n          ref={fileInputRef}\n          type=\"file\"\n          accept={ACCEPTED_IMAGE_FORMATS_STRING}\n          className=\"hidden\"\n          onChange={handlePhotoChange}\n        />\n        <div className=\"absolute inset-0 overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:static lg:flex-1 lg:min-h-0 lg:overscroll-auto flex flex-col gap-5 lg:gap-6\">\n          <span className=\"paragraph-medium-semibold text-gray-950 hidden lg:block\">\n            {translate('common.account.profile.title')}\n          </span>\n          <div className=\"flex flex-col gap-5\">\n            <div className=\"flex items-center gap-4\">\n              {avatarPreview ? (\n                <Image\n                  src={avatarPreview}\n                  alt={translate('common.account.profile.avatarAlt')}\n                  width={48}\n                  height={48}\n                  className=\"size-12 rounded-full object-cover cursor-pointer\"\n                  onClick={() => fileInputRef.current?.click()}\n                />\n              ) : (\n                <div\n                  className=\"size-12 rounded-full bg-gray-50 border border-dashed border-gray-200 flex items-center justify-center cursor-pointer\"\n                  onClick={() => fileInputRef.current?.click()}\n                >\n                  <IconUpload size={20} className=\"text-gray-400\" />\n                </div>\n              )}\n              {avatarPreview ? (\n                <div className=\"flex items-center gap-2\">\n                  <Button\n                    variant=\"secondary\"\n                    className=\"w-fit h-8!\"\n                    type=\"button\"\n                    onClick={() => fileInputRef.current?.click()}\n                  >\n                    {translate('common.account.profile.changePhoto')}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    className=\"h-8!\"\n                    onClick={handleRemovePhoto}\n                  >\n                    <IconTrash size={16} className=\"text-gray-500\" />\n                  </Button>\n                </div>\n              ) : (\n                <Button\n                  variant=\"secondary\"\n                  className=\"w-fit h-8!\"\n                  type=\"button\"\n                  onClick={() => fileInputRef.current?.click()}\n                >\n                  {translate('common.account.profile.changePhoto')}\n                </Button>\n              )}\n            </div>\n\n            <div className=\"flex flex-col gap-8\">\n              <div className=\"flex flex-col gap-4\">\n                <div className=\"flex gap-4\">\n                  <FormField\n                    label={translate('common.account.profile.name')}\n                    placeholder={translate('common.account.profile.namePlaceholder')}\n                    error={!!errors.name}\n                    errorMessage={errors.name?.message}\n                    {...register('name')}\n                  />\n                  <FormField\n                    label={translate('common.account.profile.lastName')}\n                    placeholder={translate('common.account.profile.lastNamePlaceholder')}\n                    error={!!errors.last_name}\n                    errorMessage={errors.last_name?.message}\n                    {...register('last_name')}\n                  />\n                </div>\n                <SelectField\n                  label={translate('common.account.profile.gender')}\n                  placeholder={translate('common.account.profile.genderPlaceholder')}\n                  options={genderOptions}\n                  value={watch('gender')}\n                  className=\"h-10!\"\n                  onChange={(value) => setValue('gender', value as string)}\n                />\n                <div className=\"relative\">\n                  <PhoneInput\n                    label={translate('common.account.profile.phone')}\n                    value={user?.phone ?? ''}\n                    disabled\n                    classnameContainer=\"bg-gray-50 border-0!\"\n                  />\n                  <button\n                    type=\"button\"\n                    className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\n                    onClick={() => setChangePhoneOpen(true)}\n                  >\n                    {translate('common.account.profile.change')}\n                  </button>\n                </div>\n              </div>\n\n              <Separator />\n\n              <div className=\"flex flex-col gap-4\">\n                <span className=\"paragraph-medium-semibold text-gray-600\">\n                  {translate('common.account.profile.accessData')}\n                </span>\n                <div className=\"relative\">\n                  <div className='cursor-not-allowed'>\n                    <FormField\n                      label={translate('common.account.profile.email')}\n                      value={user?.email ?? ''}\n                      disabled\n                      classnameContainer=\"bg-gray-50 border-0!\"\n                    />\n                  </div>\n                  <button\n                    type=\"button\"\n                    className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\n                    onClick={() => setChangeEmailOpen(true)}\n                  >\n                    {translate('common.account.profile.change')}\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"fixed bottom-0 left-0 right-0 lg:static flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10\">\n          <Button\n            variant=\"secondary\"\n            className=\"h-10!\"\n            type=\"button\"\n            disabled={isSubmitting}\n            onClick={() => {\n              form.reset();\n              setSelectedPhoto(null);\n              setPhotoRemoved(false);\n              onClose();\n            }}\n          >\n            {translate('common.actions.cancel')}\n          </Button>\n          <Button className=\"h-10! cursor-pointer\" type=\"submit\" disabled={isSubmitting}>\n            {isSubmitting ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\n          </Button>\n        </div>\n      </form>\n\n      <ChangePhoneModal open={changePhoneOpen} onClose={() => setChangePhoneOpen(false)} />\n      <ChangeEmailModal open={changeEmailOpen} onClose={() => setChangeEmailOpen(false)} />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/MyProfileSection.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useRef } from 'react';\r\nimport Image from 'next/image';\r\nimport { useTranslations } from 'next-intl';\r\nimport { useForm } from 'react-hook-form';\r\nimport { zodResolver } from '@hookform/resolvers/zod';\r\nimport { toast } from 'sonner';\r\nimport { IconUpload, IconTrash } from '@tabler/icons-react';\r\nimport { ACCEPTED_IMAGE_FORMATS_STRING } from '../../../modules/images/constants/image.constants';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { Separator } from '../../ui/data-display/Separator';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { FormField } from '../../ui/form/FormField';\r\nimport { SelectField } from '../../ui/form/SelectField';\r\nimport PhoneInput from '../../ui/form/PhoneInput';\r\nimport { useAuth } from '../../../providers/auth.provider';\r\nimport { myProfileSchema, type MyProfileFormData } from '../../../utils/validators/account';\r\nimport { useUpdateAccountUser } from '../../../modules/accounts/hooks/useAccountManagement';\r\nimport { GENDER_OPTIONS } from '../constants';\r\nimport { ChangePhoneModal } from './ChangePhoneModal';\r\nimport { ChangeEmailModal } from './ChangeEmailModal';\r\n\r\ninterface MyProfileSectionProps {\r\n  onClose: () => void;\r\n  storageUrl?: string;\r\n}\r\n\r\nexport function MyProfileSection({ onClose, storageUrl }: MyProfileSectionProps) {\r\n  const translate = useTranslations();\r\n  const genderOptions = GENDER_OPTIONS.map((option) => ({\r\n    ...option,\r\n    label: translate(\r\n      `common.account.profile.genderOptions.${option.value === 'masculino' ? 'male' : 'female'}`,\r\n    ),\r\n  }));\r\n  const { user } = useAuth();\r\n  const updateAccountUser = useUpdateAccountUser();\r\n  const fileInputRef = useRef<HTMLInputElement>(null);\r\n  const [selectedPhoto, setSelectedPhoto] = useState<File | null>(null);\r\n  const [photoRemoved, setPhotoRemoved] = useState(false);\r\n  const [changePhoneOpen, setChangePhoneOpen] = useState(false);\r\n  const [changeEmailOpen, setChangeEmailOpen] = useState(false);\r\n\r\n  const form = useForm<MyProfileFormData>({\r\n    resolver: zodResolver(myProfileSchema),\r\n    mode: 'onChange',\r\n    defaultValues: {\r\n      name: user?.name ?? '',\r\n      last_name: user?.last_name ?? '',\r\n      gender: GENDER_OPTIONS.find((g) => g.apiValue === user?.gender)?.value ?? '',\r\n    },\r\n  });\r\n\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    watch,\r\n    setValue,\r\n    formState: { errors, isSubmitting },\r\n  } = form;\r\n\r\n  const baseStorageUrl = storageUrl ?? process.env.NEXT_PUBLIC_STORAGE_URL ?? '';\r\n\r\n  const avatarPreview = selectedPhoto\r\n    ? URL.createObjectURL(selectedPhoto)\r\n    : !photoRemoved && user?.photo\r\n      ? `${baseStorageUrl}/${user.photo}`\r\n      : null;\r\n\r\n  const handlePhotoChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const file = e.target.files?.[0] ?? null;\r\n    if (file) {\r\n      setSelectedPhoto(file);\r\n      setPhotoRemoved(false);\r\n    }\r\n  };\r\n\r\n  const handleRemovePhoto = () => {\r\n    setSelectedPhoto(null);\r\n    setPhotoRemoved(true);\r\n  };\r\n\r\n  const onSubmit = async (data: MyProfileFormData) => {\r\n    try {\r\n      await updateAccountUser.mutateAsync({\r\n        name: data.name,\r\n        last_name: data.last_name,\r\n        gender: GENDER_OPTIONS.find((g) => g.value === data.gender)?.apiValue,\r\n        ...(selectedPhoto ? { photo: selectedPhoto } : {}),\r\n        ...(photoRemoved ? { photo: '' } : {}),\r\n      });\r\n\r\n      form.reset(data);\r\n      setSelectedPhoto(null);\r\n      setPhotoRemoved(false);\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"success\"\r\n          message={translate('common.account.profile.savedSuccess')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n      onClose();\r\n    } catch (error) {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={error instanceof Error ? error.message : translate('common.account.profile.saveError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <form onSubmit={handleSubmit(onSubmit)} className=\"lg:h-full lg:flex lg:flex-col\">\r\n        <input\r\n          ref={fileInputRef}\r\n          type=\"file\"\r\n          accept={ACCEPTED_IMAGE_FORMATS_STRING}\r\n          className=\"hidden\"\r\n          onChange={handlePhotoChange}\r\n        />\r\n        <div className=\"absolute inset-0 overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:static lg:flex-1 lg:min-h-0 lg:overscroll-auto flex flex-col gap-5 lg:gap-6\">\r\n          <span className=\"paragraph-medium-semibold text-gray-950 hidden lg:block\">\r\n            {translate('common.account.profile.title')}\r\n          </span>\r\n          <div className=\"flex flex-col gap-5\">\r\n            <div className=\"flex items-center gap-4\">\r\n              {avatarPreview ? (\r\n                <Image\r\n                  src={avatarPreview}\r\n                  alt={translate('common.account.profile.avatarAlt')}\r\n                  width={48}\r\n                  height={48}\r\n                  className=\"size-12 rounded-full object-cover cursor-pointer\"\r\n                  onClick={() => fileInputRef.current?.click()}\r\n                />\r\n              ) : (\r\n                <div\r\n                  className=\"size-12 rounded-full bg-gray-50 border border-dashed border-gray-200 flex items-center justify-center cursor-pointer\"\r\n                  onClick={() => fileInputRef.current?.click()}\r\n                >\r\n                  <IconUpload size={20} className=\"text-gray-400\" />\r\n                </div>\r\n              )}\r\n              {avatarPreview ? (\r\n                <div className=\"flex items-center gap-2\">\r\n                  <Button\r\n                    variant=\"secondary\"\r\n                    className=\"w-fit h-8!\"\r\n                    type=\"button\"\r\n                    onClick={() => fileInputRef.current?.click()}\r\n                  >\r\n                    {translate('common.account.profile.changePhoto')}\r\n                  </Button>\r\n                  <Button\r\n                    type=\"button\"\r\n                    variant=\"ghost\"\r\n                    className=\"h-8!\"\r\n                    onClick={handleRemovePhoto}\r\n                  >\r\n                    <IconTrash size={16} className=\"text-gray-500\" />\r\n                  </Button>\r\n                </div>\r\n              ) : (\r\n                <Button\r\n                  variant=\"secondary\"\r\n                  className=\"w-fit h-8!\"\r\n                  type=\"button\"\r\n                  onClick={() => fileInputRef.current?.click()}\r\n                >\r\n                  {translate('common.account.profile.changePhoto')}\r\n                </Button>\r\n              )}\r\n            </div>\r\n\r\n            <div className=\"flex flex-col gap-8\">\r\n              <div className=\"flex flex-col gap-4\">\r\n                <div className=\"flex gap-4\">\r\n                  <FormField\r\n                    label={translate('common.account.profile.name')}\r\n                    placeholder={translate('common.account.profile.namePlaceholder')}\r\n                    error={!!errors.name}\r\n                    errorMessage={errors.name?.message}\r\n                    {...register('name')}\r\n                  />\r\n                  <FormField\r\n                    label={translate('common.account.profile.lastName')}\r\n                    placeholder={translate('common.account.profile.lastNamePlaceholder')}\r\n                    error={!!errors.last_name}\r\n                    errorMessage={errors.last_name?.message}\r\n                    {...register('last_name')}\r\n                  />\r\n                </div>\r\n                <SelectField\r\n                  label={translate('common.account.profile.gender')}\r\n                  placeholder={translate('common.account.profile.genderPlaceholder')}\r\n                  options={genderOptions}\r\n                  value={watch('gender')}\r\n                  className=\"h-10!\"\r\n                  onChange={(value) => setValue('gender', value as string)}\r\n                />\r\n                <div className=\"relative\">\r\n                  <PhoneInput\r\n                    label={translate('common.account.profile.phone')}\r\n                    value={user?.phone ?? ''}\r\n                    disabled\r\n                    classnameContainer=\"bg-gray-50 border-0!\"\r\n                  />\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\r\n                    onClick={() => setChangePhoneOpen(true)}\r\n                  >\r\n                    {translate('common.account.profile.change')}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n\r\n              <Separator />\r\n\r\n              <div className=\"flex flex-col gap-4\">\r\n                <span className=\"paragraph-medium-semibold text-gray-600\">\r\n                  {translate('common.account.profile.accessData')}\r\n                </span>\r\n                <div className=\"relative\">\r\n                  <div className='cursor-not-allowed'>\r\n                    <FormField\r\n                      label={translate('common.account.profile.email')}\r\n                      value={user?.email ?? ''}\r\n                      disabled\r\n                      classnameContainer=\"bg-gray-50 border-0!\"\r\n                    />\r\n                  </div>\r\n                  <button\r\n                    type=\"button\"\r\n                    className=\"absolute right-3 top-5.5 h-10 flex items-center paragraph-xsmall-semibold text-gray-950 underline cursor-pointer\"\r\n                    onClick={() => setChangeEmailOpen(true)}\r\n                  >\r\n                    {translate('common.account.profile.change')}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"fixed bottom-0 left-0 right-0 lg:static flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10\">\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"h-10!\"\r\n            type=\"button\"\r\n            disabled={isSubmitting}\r\n            onClick={() => {\r\n              form.reset();\r\n              setSelectedPhoto(null);\r\n              setPhotoRemoved(false);\r\n              onClose();\r\n            }}\r\n          >\r\n            {translate('common.actions.cancel')}\r\n          </Button>\r\n          <Button className=\"h-10! cursor-pointer\" type=\"submit\" disabled={isSubmitting}>\r\n            {isSubmitting ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\r\n          </Button>\r\n        </div>\r\n      </form>\r\n\r\n      <ChangePhoneModal open={changePhoneOpen} onClose={() => setChangePhoneOpen(false)} />\r\n      <ChangeEmailModal open={changeEmailOpen} onClose={() => setChangeEmailOpen(false)} />\r\n    </>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/account/sections/PreferencesSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/PreferencesSection.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useEffect } from 'react';\nimport { useForm } from 'react-hook-form';\nimport { useTranslations, useLocale } from 'next-intl';\nimport { useRouter } from 'next/navigation';\nimport { toast } from 'sonner';\nimport { IconLock } from '@tabler/icons-react';\nimport { cn } from '../../../infra/utils/clsx';\nimport type { Locale } from '../../../i18n/config';\nimport { setLocaleCookie } from '../../../utils/intl/locale-cookie';\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 { ComboboxField } from '../../ui/form/ComboboxField';\nimport { SelectField } from '../../ui/form/SelectField';\nimport ConfirmGlobalPreferencesModal from '../ConfirmGlobalPreferencesModal';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { useWhitelabel } from '../../../providers/whitelabel.provider';\nimport { UserProfile } from '../../../modules/users/schema';\nimport type { UpdateAccountRequest } from '../../../modules/accounts/types';\nimport {\n  useUpdateAccountUser,\n  useUpdateAccount,\n} from '../../../modules/accounts/hooks/useAccountManagement';\nimport {\n  LANGUAGE_OPTIONS,\n  TIME_FORMAT_OPTIONS,\n} from '../constants';\nimport { useTimezones } from '../../../modules/accounts/hooks/useTimezones';\nimport { useCurrencies } from '../../../modules/accounts/hooks/useCurrencies';\nimport { getCurrencyForGateway } from '../../../utils/format/currency';\n\ninterface PreferencesFormValues {\n  companyName: string;\n  language: string;\n  currency: string;\n  timezone: string;\n  timeFormat: string;\n  receive_sms: boolean;\n  receive_email: boolean;\n}\n\ninterface PreferencesSectionProps {\n  onClose: () => void;\n}\n\nexport function PreferencesSection({ onClose }: PreferencesSectionProps) {\n  // Padrão raiz: um único `translate` chamado pela chave inteira (`common.<modulo>.<chave>`).\n  const translate = useTranslations();\n  // Exceção: chave dinâmica (option.value) numa lista → namespace escopado.\n  const translateLanguage = useTranslations('common.languages');\n  const currentLocale = useLocale();\n  const router = useRouter();\n  const { data: timezones = [] } = useTimezones();\n  const { data: currencies = [] } = useCurrencies();\n  const { user, account } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const languageOptions = LANGUAGE_OPTIONS.map((option) => ({\n    ...option,\n    label: translateLanguage(option.value as Locale),\n    displayValue: translateLanguage(option.value as Locale),\n  }));\n  const timeFormatOptions = TIME_FORMAT_OPTIONS.map((option) => ({\n    ...option,\n    label: translate(\n      `common.preferences.timeFormatOptions.${option.value === '24h' ? 'h24' : 'h12'}`,\n    ),\n  }));\n  const isOwner = user?.profile === UserProfile.owner;\n  const canEditPreferences = isOwner || user?.profile === UserProfile.admin;\n  const updateAccountUser = useUpdateAccountUser();\n  const updateAccount = useUpdateAccount();\n  const [confirmGlobalOpen, setConfirmGlobalOpen] = useState(false);\n  const [pendingSubmit, setPendingSubmit] = useState<{\n    data: PreferencesFormValues;\n    accountFields: UpdateAccountRequest;\n  } | null>(null);\n  const [isSaving, setIsSaving] = useState(false);\n\n  const { watch, setValue, handleSubmit, reset, formState: { dirtyFields } } =\n    useForm<PreferencesFormValues>({\n      defaultValues: {\n        companyName: '',\n        language: '',\n        currency: '',\n        timezone: '',\n        timeFormat: '24h',\n        receive_sms: false,\n        receive_email: false,\n      },\n    });\n\n  useEffect(() => {\n    if (!user || !account) return;\n    reset({\n      companyName: account.name ?? '',\n      language: LANGUAGE_OPTIONS.find(\n        (o) => o.apiValue === user.language?.toLowerCase()\n      )?.value ?? 'pt-br',\n      // A moeda é derivada do gateway da conta (read-only para o usuário) —\n      // espelha o que useCurrencyFormatter usa no display de preços.\n      currency: getCurrencyForGateway(account.gateway).toUpperCase(),\n      timezone: account.timezone,\n      timeFormat: '24h',\n      receive_sms: user.receive_sms ?? false,\n      receive_email: user.receive_email ?? false,\n    });\n  }, [user, account, reset]);\n\n  const doSave = async (data: PreferencesFormValues, accountFields: UpdateAccountRequest) => {\n    setIsSaving(true);\n    try {\n      const apiLanguage = LANGUAGE_OPTIONS.find((o) => o.value === data.language)?.apiValue ?? data.language.toLowerCase();\n      await updateAccountUser.mutateAsync({\n        language: apiLanguage,\n        receive_sms: data.receive_sms,\n        receive_email: data.receive_email,\n      });\n\n      if (canEditPreferences && Object.keys(accountFields).length > 0) {\n        await updateAccount.mutateAsync(accountFields);\n      }\n\n      reset(data);\n      toast.custom((toastId) => (\n        <Toast variant=\"success\" message={translate('common.preferences.savedSuccess')} toastId={toastId} />\n      ));\n      onClose();\n      if (data.language !== currentLocale) {\n        setLocaleCookie(data.language, whitelabel?.domain);\n        router.refresh();\n      }\n    } catch (error) {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={error instanceof Error ? error.message : translate('common.preferences.saveError')}\n          toastId={toastId}\n        />\n      ));\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const onSubmit = (data: PreferencesFormValues) => {\n    const accountFields: UpdateAccountRequest = {\n      ...(isOwner && dirtyFields.companyName && { name: data.companyName }),\n      // currency é read-only (derivada do gateway) — não enviada no update.\n      ...(canEditPreferences && dirtyFields.timezone && { timezone: data.timezone }),\n    };\n    const globalFieldChanged = Object.keys(accountFields).length > 0;\n\n    if (globalFieldChanged) {\n      setPendingSubmit({ data, accountFields });\n      setConfirmGlobalOpen(true);\n    } else {\n      doSave(data, accountFields);\n    }\n  };\n\n  const handleConfirmGlobal = () => {\n    setConfirmGlobalOpen(false);\n    if (pendingSubmit) {\n      doSave(pendingSubmit.data, pendingSubmit.accountFields);\n      setPendingSubmit(null);\n    }\n  };\n\n  const handleCancelGlobal = () => {\n    setConfirmGlobalOpen(false);\n    setPendingSubmit(null);\n  };\n\n  return (\n    <>\n      <form onSubmit={handleSubmit(onSubmit)} className=\"flex flex-col h-full\">\n        <div className=\"overflow-y-auto overscroll-contain px-4 pb-4 lg:p-5 flex flex-col gap-5 lg:gap-6 flex-1\">\n          <span className=\"paragraph-medium-semibold text-gray-950\">{translate('common.preferences.title')}</span>\n          <div className=\"flex flex-col gap-8\">\n            <div className=\"flex flex-col lg:flex-row items-center gap-3\">\n              <FormField\n                label={translate('common.preferences.companyName')}\n                placeholder={translate('common.preferences.companyNamePlaceholder')}\n                classnameContainer={cn('w-full', !isOwner && 'cursor-not-allowed opacity-50')}\n                value={watch('companyName')}\n                onChange={(e) => setValue('companyName', e.target.value, { shouldDirty: true })}\n                disabled={!isOwner}\n              />\n            </div>\n\n            <div className=\"flex flex-col lg:flex-row items-center gap-3\">\n              <ComboboxField\n                label={translate('common.preferences.language')}\n                placeholder={translate('common.preferences.languagePlaceholder')}\n                searchPlaceholder={translate('common.preferences.languageSearch')}\n                containerClassName=\"w-full\"\n                options={languageOptions}\n                value={watch('language')}\n                onChange={(value) => setValue('language', value, { shouldDirty: true })}\n              />\n              <ComboboxField\n                label={translate('common.preferences.currency')}\n                placeholder={translate('common.preferences.currencyPlaceholder')}\n                searchPlaceholder={translate('common.preferences.currencySearch')}\n                containerClassName=\"w-full\"\n                options={currencies}\n                value={watch('currency')}\n                onChange={() => undefined}\n                icon={<IconLock className=\"size-4 text-gray-400\" />}\n                disabled\n              />\n            </div>\n\n            <Separator />\n\n            <div className=\"flex flex-col gap-4\">\n              <span className=\"paragraph-medium-semibold text-gray-950\">{translate('common.preferences.timeDisplay')}</span>\n              <div className=\"flex flex-col lg:flex-row items-center gap-3\">\n                <ComboboxField\n                  label={translate('common.preferences.timezone')}\n                  placeholder={translate('common.preferences.timezonePlaceholder')}\n                  searchPlaceholder={translate('common.preferences.timezoneSearch')}\n                  containerClassName=\"w-full\"\n                  options={timezones}\n                  value={watch('timezone')}\n                  onChange={(value) => setValue('timezone', value, { shouldDirty: true })}\n                  icon={!canEditPreferences ? <IconLock className=\"size-4 text-gray-400\" /> : undefined}\n                  disabled={!canEditPreferences}\n                />\n                <SelectField\n                  label={translate('common.preferences.timeFormat')}\n                  placeholder={translate('common.preferences.timeFormatPlaceholder')}\n                  className=\"h-10!\"\n                  containerClassName=\"w-full\"\n                  options={timeFormatOptions}\n                  value={watch('timeFormat')}\n                  onChange={(value) =>\n                    setValue('timeFormat', value as string, { shouldDirty: true })\n                  }\n                  icon={<IconLock className=\"size-4 text-gray-400\" />}\n                  disabled\n                />\n              </div>\n            </div>\n\n          </div>\n        </div>\n\n        <div className=\"fixed bottom-0 left-0 right-0 lg:absolute flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10\">\n          <Button\n            variant=\"secondary\"\n            className=\"h-10!\"\n            type=\"button\"\n            disabled={isSaving}\n            onClick={() => {\n              reset();\n              onClose();\n            }}\n          >\n            {translate('common.actions.cancel')}\n          </Button>\n          <Button className=\"h-10!\" type=\"submit\" disabled={isSaving}>\n            {isSaving ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\n          </Button>\n        </div>\n      </form>\n\n      <ConfirmGlobalPreferencesModal\n        open={confirmGlobalOpen}\n        onConfirm={handleConfirmGlobal}\n        onCancel={handleCancelGlobal}\n      />\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/PreferencesSection.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useState, useEffect } from 'react';\r\nimport { useForm } from 'react-hook-form';\r\nimport { useTranslations, useLocale } from 'next-intl';\r\nimport { useRouter } from 'next/navigation';\r\nimport { toast } from 'sonner';\r\nimport { IconLock } from '@tabler/icons-react';\r\nimport { cn } from '../../../infra/utils/clsx';\r\nimport type { Locale } from '../../../i18n/config';\r\nimport { setLocaleCookie } from '../../../utils/intl/locale-cookie';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { Separator } from '../../ui/data-display/Separator';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { FormField } from '../../ui/form/FormField';\r\nimport { ComboboxField } from '../../ui/form/ComboboxField';\r\nimport { SelectField } from '../../ui/form/SelectField';\r\nimport ConfirmGlobalPreferencesModal from '../ConfirmGlobalPreferencesModal';\r\nimport { useAuth } from '../../../providers/auth.provider';\r\nimport { useWhitelabel } from '../../../providers/whitelabel.provider';\r\nimport { UserProfile } from '../../../modules/users/schema';\r\nimport type { UpdateAccountRequest } from '../../../modules/accounts/types';\r\nimport {\r\n  useUpdateAccountUser,\r\n  useUpdateAccount,\r\n} from '../../../modules/accounts/hooks/useAccountManagement';\r\nimport {\r\n  LANGUAGE_OPTIONS,\r\n  TIME_FORMAT_OPTIONS,\r\n} from '../constants';\r\nimport { useTimezones } from '../../../modules/accounts/hooks/useTimezones';\r\nimport { useCurrencies } from '../../../modules/accounts/hooks/useCurrencies';\r\nimport { getCurrencyForGateway } from '../../../utils/format/currency';\r\n\r\ninterface PreferencesFormValues {\r\n  companyName: string;\r\n  language: string;\r\n  currency: string;\r\n  timezone: string;\r\n  timeFormat: string;\r\n  receive_sms: boolean;\r\n  receive_email: boolean;\r\n}\r\n\r\ninterface PreferencesSectionProps {\r\n  onClose: () => void;\r\n}\r\n\r\nexport function PreferencesSection({ onClose }: PreferencesSectionProps) {\r\n  // Padrão raiz: um único `translate` chamado pela chave inteira (`common.<modulo>.<chave>`).\r\n  const translate = useTranslations();\r\n  // Exceção: chave dinâmica (option.value) numa lista → namespace escopado.\r\n  const translateLanguage = useTranslations('common.languages');\r\n  const currentLocale = useLocale();\r\n  const router = useRouter();\r\n  const { data: timezones = [] } = useTimezones();\r\n  const { data: currencies = [] } = useCurrencies();\r\n  const { user, account } = useAuth();\r\n  const { whitelabel } = useWhitelabel();\r\n  const languageOptions = LANGUAGE_OPTIONS.map((option) => ({\r\n    ...option,\r\n    label: translateLanguage(option.value as Locale),\r\n    displayValue: translateLanguage(option.value as Locale),\r\n  }));\r\n  const timeFormatOptions = TIME_FORMAT_OPTIONS.map((option) => ({\r\n    ...option,\r\n    label: translate(\r\n      `common.preferences.timeFormatOptions.${option.value === '24h' ? 'h24' : 'h12'}`,\r\n    ),\r\n  }));\r\n  const isOwner = user?.profile === UserProfile.owner;\r\n  const canEditPreferences = isOwner || user?.profile === UserProfile.admin;\r\n  const updateAccountUser = useUpdateAccountUser();\r\n  const updateAccount = useUpdateAccount();\r\n  const [confirmGlobalOpen, setConfirmGlobalOpen] = useState(false);\r\n  const [pendingSubmit, setPendingSubmit] = useState<{\r\n    data: PreferencesFormValues;\r\n    accountFields: UpdateAccountRequest;\r\n  } | null>(null);\r\n  const [isSaving, setIsSaving] = useState(false);\r\n\r\n  const { watch, setValue, handleSubmit, reset, formState: { dirtyFields } } =\r\n    useForm<PreferencesFormValues>({\r\n      defaultValues: {\r\n        companyName: '',\r\n        language: '',\r\n        currency: '',\r\n        timezone: '',\r\n        timeFormat: '24h',\r\n        receive_sms: false,\r\n        receive_email: false,\r\n      },\r\n    });\r\n\r\n  useEffect(() => {\r\n    if (!user || !account) return;\r\n    reset({\r\n      companyName: account.name ?? '',\r\n      language: LANGUAGE_OPTIONS.find(\r\n        (o) => o.apiValue === user.language?.toLowerCase()\r\n      )?.value ?? 'pt-br',\r\n      // A moeda é derivada do gateway da conta (read-only para o usuário) —\r\n      // espelha o que useCurrencyFormatter usa no display de preços.\r\n      currency: getCurrencyForGateway(account.gateway).toUpperCase(),\r\n      timezone: account.timezone,\r\n      timeFormat: '24h',\r\n      receive_sms: user.receive_sms ?? false,\r\n      receive_email: user.receive_email ?? false,\r\n    });\r\n  }, [user, account, reset]);\r\n\r\n  const doSave = async (data: PreferencesFormValues, accountFields: UpdateAccountRequest) => {\r\n    setIsSaving(true);\r\n    try {\r\n      const apiLanguage = LANGUAGE_OPTIONS.find((o) => o.value === data.language)?.apiValue ?? data.language.toLowerCase();\r\n      await updateAccountUser.mutateAsync({\r\n        language: apiLanguage,\r\n        receive_sms: data.receive_sms,\r\n        receive_email: data.receive_email,\r\n      });\r\n\r\n      if (canEditPreferences && Object.keys(accountFields).length > 0) {\r\n        await updateAccount.mutateAsync(accountFields);\r\n      }\r\n\r\n      reset(data);\r\n      toast.custom((toastId) => (\r\n        <Toast variant=\"success\" message={translate('common.preferences.savedSuccess')} toastId={toastId} />\r\n      ));\r\n      onClose();\r\n      if (data.language !== currentLocale) {\r\n        setLocaleCookie(data.language, whitelabel?.domain);\r\n        router.refresh();\r\n      }\r\n    } catch (error) {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={error instanceof Error ? error.message : translate('common.preferences.saveError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    } finally {\r\n      setIsSaving(false);\r\n    }\r\n  };\r\n\r\n  const onSubmit = (data: PreferencesFormValues) => {\r\n    const accountFields: UpdateAccountRequest = {\r\n      ...(isOwner && dirtyFields.companyName && { name: data.companyName }),\r\n      // currency é read-only (derivada do gateway) — não enviada no update.\r\n      ...(canEditPreferences && dirtyFields.timezone && { timezone: data.timezone }),\r\n    };\r\n    const globalFieldChanged = Object.keys(accountFields).length > 0;\r\n\r\n    if (globalFieldChanged) {\r\n      setPendingSubmit({ data, accountFields });\r\n      setConfirmGlobalOpen(true);\r\n    } else {\r\n      doSave(data, accountFields);\r\n    }\r\n  };\r\n\r\n  const handleConfirmGlobal = () => {\r\n    setConfirmGlobalOpen(false);\r\n    if (pendingSubmit) {\r\n      doSave(pendingSubmit.data, pendingSubmit.accountFields);\r\n      setPendingSubmit(null);\r\n    }\r\n  };\r\n\r\n  const handleCancelGlobal = () => {\r\n    setConfirmGlobalOpen(false);\r\n    setPendingSubmit(null);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <form onSubmit={handleSubmit(onSubmit)} className=\"flex flex-col h-full\">\r\n        <div className=\"overflow-y-auto overscroll-contain px-4 pb-4 lg:p-5 flex flex-col gap-5 lg:gap-6 flex-1\">\r\n          <span className=\"paragraph-medium-semibold text-gray-950\">{translate('common.preferences.title')}</span>\r\n          <div className=\"flex flex-col gap-8\">\r\n            <div className=\"flex flex-col lg:flex-row items-center gap-3\">\r\n              <FormField\r\n                label={translate('common.preferences.companyName')}\r\n                placeholder={translate('common.preferences.companyNamePlaceholder')}\r\n                classnameContainer={cn('w-full', !isOwner && 'cursor-not-allowed opacity-50')}\r\n                value={watch('companyName')}\r\n                onChange={(e) => setValue('companyName', e.target.value, { shouldDirty: true })}\r\n                disabled={!isOwner}\r\n              />\r\n            </div>\r\n\r\n            <div className=\"flex flex-col lg:flex-row items-center gap-3\">\r\n              <ComboboxField\r\n                label={translate('common.preferences.language')}\r\n                placeholder={translate('common.preferences.languagePlaceholder')}\r\n                searchPlaceholder={translate('common.preferences.languageSearch')}\r\n                containerClassName=\"w-full\"\r\n                options={languageOptions}\r\n                value={watch('language')}\r\n                onChange={(value) => setValue('language', value, { shouldDirty: true })}\r\n              />\r\n              <ComboboxField\r\n                label={translate('common.preferences.currency')}\r\n                placeholder={translate('common.preferences.currencyPlaceholder')}\r\n                searchPlaceholder={translate('common.preferences.currencySearch')}\r\n                containerClassName=\"w-full\"\r\n                options={currencies}\r\n                value={watch('currency')}\r\n                onChange={() => undefined}\r\n                icon={<IconLock className=\"size-4 text-gray-400\" />}\r\n                disabled\r\n              />\r\n            </div>\r\n\r\n            <Separator />\r\n\r\n            <div className=\"flex flex-col gap-4\">\r\n              <span className=\"paragraph-medium-semibold text-gray-950\">{translate('common.preferences.timeDisplay')}</span>\r\n              <div className=\"flex flex-col lg:flex-row items-center gap-3\">\r\n                <ComboboxField\r\n                  label={translate('common.preferences.timezone')}\r\n                  placeholder={translate('common.preferences.timezonePlaceholder')}\r\n                  searchPlaceholder={translate('common.preferences.timezoneSearch')}\r\n                  containerClassName=\"w-full\"\r\n                  options={timezones}\r\n                  value={watch('timezone')}\r\n                  onChange={(value) => setValue('timezone', value, { shouldDirty: true })}\r\n                  icon={!canEditPreferences ? <IconLock className=\"size-4 text-gray-400\" /> : undefined}\r\n                  disabled={!canEditPreferences}\r\n                />\r\n                <SelectField\r\n                  label={translate('common.preferences.timeFormat')}\r\n                  placeholder={translate('common.preferences.timeFormatPlaceholder')}\r\n                  className=\"h-10!\"\r\n                  containerClassName=\"w-full\"\r\n                  options={timeFormatOptions}\r\n                  value={watch('timeFormat')}\r\n                  onChange={(value) =>\r\n                    setValue('timeFormat', value as string, { shouldDirty: true })\r\n                  }\r\n                  icon={<IconLock className=\"size-4 text-gray-400\" />}\r\n                  disabled\r\n                />\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n\r\n        <div className=\"fixed bottom-0 left-0 right-0 lg:absolute flex items-center h-20 px-4 lg:px-5 border-t border-gray-200 justify-between bg-white z-10\">\r\n          <Button\r\n            variant=\"secondary\"\r\n            className=\"h-10!\"\r\n            type=\"button\"\r\n            disabled={isSaving}\r\n            onClick={() => {\r\n              reset();\r\n              onClose();\r\n            }}\r\n          >\r\n            {translate('common.actions.cancel')}\r\n          </Button>\r\n          <Button className=\"h-10!\" type=\"submit\" disabled={isSaving}>\r\n            {isSaving ? translate('common.actions.saving') : translate('common.actions.saveChanges')}\r\n          </Button>\r\n        </div>\r\n      </form>\r\n\r\n      <ConfirmGlobalPreferencesModal\r\n        open={confirmGlobalOpen}\r\n        onConfirm={handleConfirmGlobal}\r\n        onCancel={handleCancelGlobal}\r\n      />\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";AA+HQ,SAkDJ,UAlDI,KAkEI,YAlEJ;AA7HR,SAAS,UAAU,iBAAiB;AACpC,SAAS,eAAe;AACxB,SAAS,iBAAiB,iBAAiB;AAC3C,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,gBAAgB;AACzB,SAAS,UAAU;AAEnB,SAAS,uBAAuB;AAChC,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,OAAO,mCAAmC;AAC1C,SAAS,eAAe;AACxB,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAgB/B,SAAS,mBAAmB,EAAE,QAAQ,GAA4B;AAEvE,QAAM,YAAY,gBAAgB;AAElC,QAAM,oBAAoB,gBAAgB,kBAAkB;AAC5D,QAAM,gBAAgB,UAAU;AAChC,QAAM,SAAS,UAAU;AACzB,QAAM,EAAE,MAAM,YAAY,CAAC,EAAE,IAAI,aAAa;AAC9C,QAAM,EAAE,MAAM,aAAa,CAAC,EAAE,IAAI,cAAc;AAChD,QAAM,EAAE,MAAM,QAAQ,IAAI,QAAQ;AAClC,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,kBAAkB,iBAAiB,IAAI,CAAC,YAAY;AAAA,IACxD,GAAG;AAAA,IACH,OAAO,kBAAkB,OAAO,KAAe;AAAA,IAC/C,cAAc,kBAAkB,OAAO,KAAe;AAAA,EACxD,EAAE;AACF,QAAM,oBAAoB,oBAAoB,IAAI,CAAC,YAAY;AAAA,IAC7D,GAAG;AAAA,IACH,OAAO;AAAA,MACL,wCAAwC,OAAO,UAAU,QAAQ,QAAQ,KAAK;AAAA,IAChF;AAAA,EACF,EAAE;AACF,QAAM,UAAU,MAAM,YAAY,YAAY;AAC9C,QAAM,qBAAqB,WAAW,MAAM,YAAY,YAAY;AACpE,QAAM,oBAAoB,qBAAqB;AAC/C,QAAM,gBAAgB,iBAAiB;AACvC,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAGhC,IAAI;AACd,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAE9C,QAAM,EAAE,OAAO,UAAU,cAAc,OAAO,WAAW,EAAE,YAAY,EAAE,IACvE,QAA+B;AAAA,IAC7B,eAAe;AAAA,MACb,aAAa;AAAA,MACb,UAAU;AAAA,MACV,UAAU;AAAA,MACV,UAAU;AAAA,MACV,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,eAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAEH,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,QAAS;AACvB,UAAM;AAAA,MACJ,aAAa,QAAQ,QAAQ;AAAA,MAC7B,UAAU,iBAAiB;AAAA,QACzB,CAAC,MAAM,EAAE,aAAa,KAAK,UAAU,YAAY;AAAA,MACnD,GAAG,SAAS;AAAA;AAAA;AAAA,MAGZ,UAAU,sBAAsB,QAAQ,OAAO,EAAE,YAAY;AAAA,MAC7D,UAAU,QAAQ;AAAA,MAClB,YAAY;AAAA,MACZ,aAAa,KAAK,eAAe;AAAA,MACjC,eAAe,KAAK,iBAAiB;AAAA,IACvC,CAAC;AAAA,EACH,GAAG,CAAC,MAAM,SAAS,KAAK,CAAC;AAEzB,QAAM,SAAS,OAAO,MAA6B,kBAAwC;AACzF,gBAAY,IAAI;AAChB,QAAI;AACF,YAAM,cAAc,iBAAiB,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK,QAAQ,GAAG,YAAY,KAAK,SAAS,YAAY;AACnH,YAAM,kBAAkB,YAAY;AAAA,QAClC,UAAU;AAAA,QACV,aAAa,KAAK;AAAA,QAClB,eAAe,KAAK;AAAA,MACtB,CAAC;AAED,UAAI,sBAAsB,OAAO,KAAK,aAAa,EAAE,SAAS,GAAG;AAC/D,cAAM,cAAc,YAAY,aAAa;AAAA,MAC/C;AAEA,YAAM,IAAI;AACV,YAAM,OAAO,CAAC,YACZ,oBAAC,SAAM,SAAQ,WAAU,SAAS,UAAU,iCAAiC,GAAG,SAAkB,CACnG;AACD,cAAQ;AACR,UAAI,KAAK,aAAa,eAAe;AACnC,wBAAgB,KAAK,UAAU,YAAY,MAAM;AACjD,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF,SAAS,OAAO;AACd,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,iBAAiB,QAAQ,MAAM,UAAU,UAAU,8BAA8B;AAAA,UAC1F;AAAA;AAAA,MACF,CACD;AAAA,IACH,UAAE;AACA,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF;AAEA,QAAM,WAAW,CAAC,SAAgC;AAChD,UAAM,gBAAsC;AAAA,MAC1C,GAAI,WAAW,YAAY,eAAe,EAAE,MAAM,KAAK,YAAY;AAAA;AAAA,MAEnE,GAAI,sBAAsB,YAAY,YAAY,EAAE,UAAU,KAAK,SAAS;AAAA,IAC9E;AACA,UAAM,qBAAqB,OAAO,KAAK,aAAa,EAAE,SAAS;AAE/D,QAAI,oBAAoB;AACtB,uBAAiB,EAAE,MAAM,cAAc,CAAC;AACxC,2BAAqB,IAAI;AAAA,IAC3B,OAAO;AACL,aAAO,MAAM,aAAa;AAAA,IAC5B;AAAA,EACF;AAEA,QAAM,sBAAsB,MAAM;AAChC,yBAAqB,KAAK;AAC1B,QAAI,eAAe;AACjB,aAAO,cAAc,MAAM,cAAc,aAAa;AACtD,uBAAiB,IAAI;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,qBAAqB,MAAM;AAC/B,yBAAqB,KAAK;AAC1B,qBAAiB,IAAI;AAAA,EACvB;AAEA,SACE,iCACE;AAAA,yBAAC,UAAK,UAAU,aAAa,QAAQ,GAAG,WAAU,wBAChD;AAAA,2BAAC,SAAI,WAAU,2FACb;AAAA,4BAAC,UAAK,WAAU,2CAA2C,oBAAU,0BAA0B,GAAE;AAAA,QACjG,qBAAC,SAAI,WAAU,uBACb;AAAA,8BAAC,SAAI,WAAU,gDACb;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,UAAU,gCAAgC;AAAA,cACjD,aAAa,UAAU,2CAA2C;AAAA,cAClE,oBAAoB,GAAG,UAAU,CAAC,WAAW,+BAA+B;AAAA,cAC5E,OAAO,MAAM,aAAa;AAAA,cAC1B,UAAU,CAAC,MAAM,SAAS,eAAe,EAAE,OAAO,OAAO,EAAE,aAAa,KAAK,CAAC;AAAA,cAC9E,UAAU,CAAC;AAAA;AAAA,UACb,GACF;AAAA,UAEA,qBAAC,SAAI,WAAU,gDACb;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,UAAU,6BAA6B;AAAA,gBAC9C,aAAa,UAAU,wCAAwC;AAAA,gBAC/D,mBAAmB,UAAU,mCAAmC;AAAA,gBAChE,oBAAmB;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO,MAAM,UAAU;AAAA,gBACvB,UAAU,CAAC,UAAU,SAAS,YAAY,OAAO,EAAE,aAAa,KAAK,CAAC;AAAA;AAAA,YACxE;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO,UAAU,6BAA6B;AAAA,gBAC9C,aAAa,UAAU,wCAAwC;AAAA,gBAC/D,mBAAmB,UAAU,mCAAmC;AAAA,gBAChE,oBAAmB;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO,MAAM,UAAU;AAAA,gBACvB,UAAU,MAAM;AAAA,gBAChB,MAAM,oBAAC,YAAS,WAAU,wBAAuB;AAAA,gBACjD,UAAQ;AAAA;AAAA,YACV;AAAA,aACF;AAAA,UAEA,oBAAC,aAAU;AAAA,UAEX,qBAAC,SAAI,WAAU,uBACb;AAAA,gCAAC,UAAK,WAAU,2CAA2C,oBAAU,gCAAgC,GAAE;AAAA,YACvG,qBAAC,SAAI,WAAU,gDACb;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,UAAU,6BAA6B;AAAA,kBAC9C,aAAa,UAAU,wCAAwC;AAAA,kBAC/D,mBAAmB,UAAU,mCAAmC;AAAA,kBAChE,oBAAmB;AAAA,kBACnB,SAAS;AAAA,kBACT,OAAO,MAAM,UAAU;AAAA,kBACvB,UAAU,CAAC,UAAU,SAAS,YAAY,OAAO,EAAE,aAAa,KAAK,CAAC;AAAA,kBACtE,MAAM,CAAC,qBAAqB,oBAAC,YAAS,WAAU,wBAAuB,IAAK;AAAA,kBAC5E,UAAU,CAAC;AAAA;AAAA,cACb;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO,UAAU,+BAA+B;AAAA,kBAChD,aAAa,UAAU,0CAA0C;AAAA,kBACjE,WAAU;AAAA,kBACV,oBAAmB;AAAA,kBACnB,SAAS;AAAA,kBACT,OAAO,MAAM,YAAY;AAAA,kBACzB,UAAU,CAAC,UACT,SAAS,cAAc,OAAiB,EAAE,aAAa,KAAK,CAAC;AAAA,kBAE/D,MAAM,oBAAC,YAAS,WAAU,wBAAuB;AAAA,kBACjD,UAAQ;AAAA;AAAA,cACV;AAAA,eACF;AAAA,aACF;AAAA,WAEF;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAU,wIACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,MAAK;AAAA,YACL,UAAU;AAAA,YACV,SAAS,MAAM;AACb,oBAAM;AACN,sBAAQ;AAAA,YACV;AAAA,YAEC,oBAAU,uBAAuB;AAAA;AAAA,QACpC;AAAA,QACA,oBAAC,UAAO,WAAU,SAAQ,MAAK,UAAS,UAAU,UAC/C,qBAAW,UAAU,uBAAuB,IAAI,UAAU,4BAA4B,GACzF;AAAA,SACF;AAAA,OACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,WAAW;AAAA,QACX,UAAU;AAAA;AAAA,IACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/SecuritySection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/SecuritySection.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle, IconBrandGoogleFilled } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { useQueryClient } from '@tanstack/react-query';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { AccountSectionType } from '../../../enums/AccountSectionType';\nimport { useUnlinkGoogle } from '../../../modules/auth/hooks/unlink-google.hook';\nimport { USER_QUERY_KEY } from '../../../modules/auth/hooks/useUserQuery';\nimport { Toast } from '../../ui/feedback/Toast';\n\ninterface SecuritySectionProps {\n  setActiveSection: (section: AccountSectionType) => void;\n  onClose: () => void;\n  onDeleteAccount?: () => void;\n}\n\nexport function SecuritySection({\n  onDeleteAccount,\n}: SecuritySectionProps) {\n  const translate = useTranslations();\n  const { user } = useAuth();\n  const queryClient = useQueryClient();\n  const { mutateAsync: unlinkGoogle, isPending: isUnlinking } = useUnlinkGoogle();\n  const hasGoogleLinked = !!user?.google_sub;\n\n  const handleUnlinkGoogle = async () => {\n    try {\n      const result = await unlinkGoogle();\n      toast.custom((t) => (\n        <Toast variant=\"success\" message={result.message} toastId={t} />\n      ));\n      queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });\n    } catch (error) {\n      const message =\n        error instanceof Error ? error.message : translate('common.account.security.unlinkError');\n      toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\n    }\n  };\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950 hidden lg:block\">\n        {translate('common.account.security.title')}\n      </span>\n\n      {hasGoogleLinked && (\n        <div className=\"flex flex-col items-center lg:items-start gap-4\">\n          <div className=\"size-10 rounded-lg bg-blue-50 flex items-center justify-center\">\n            <IconBrandGoogleFilled size={20} className=\"text-blue-500\" />\n          </div>\n\n          <div className=\"flex flex-col gap-2\">\n            <span className=\"paragraph-medium-semibold text-gray-950\">\n              {translate('common.account.security.googleLinkedTitle')}\n            </span>\n            <span className=\"paragraph-small-regular text-gray-600\">\n              {translate('common.account.security.googleLinkedDescription')}\n            </span>\n          </div>\n\n          <button\n            type=\"button\"\n            disabled={isUnlinking}\n            className=\"paragraph-small-semibold text-zinc-700 bg-zinc-100 rounded-lg px-3 py-2 cursor-pointer hover:bg-zinc-200 transition-colors w-fit disabled:opacity-50 disabled:cursor-not-allowed\"\n            onClick={handleUnlinkGoogle}\n          >\n            {isUnlinking\n              ? translate('common.account.security.unlinking')\n              : translate('common.account.security.unlinkGoogle')}\n          </button>\n        </div>\n      )}\n\n      <div className=\"flex flex-col items-center lg:items-start gap-4\">\n        <div className=\"size-10 rounded-lg bg-red-50 flex items-center justify-center\">\n          <IconAlertTriangle size={20} className=\"text-red-500\" />\n        </div>\n\n        <div className=\"flex flex-col gap-2\">\n          <span className=\"paragraph-medium-semibold text-gray-950\">\n            {translate('common.account.deleteAccount.title')}\n          </span>\n          <span className=\"paragraph-small-regular text-gray-600\">\n            {translate('common.account.security.deleteAccountDescription')}\n          </span>\n        </div>\n\n        {onDeleteAccount && (\n          <button\n            type=\"button\"\n            className=\"paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit\"\n            onClick={onDeleteAccount}\n          >\n            {translate('common.account.security.deleteMyAccount')}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA+BQ,cAsBE,YAtBF;AA7BR,SAAS,mBAAmB,6BAA6B;AACzD,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAQf,SAAS,gBAAgB;AAAA,EAC9B;AACF,GAAyB;AACvB,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,aAAa,cAAc,WAAW,YAAY,IAAI,gBAAgB;AAC9E,QAAM,kBAAkB,CAAC,CAAC,MAAM;AAEhC,QAAM,qBAAqB,YAAY;AACrC,QAAI;AACF,YAAM,SAAS,MAAM,aAAa;AAClC,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAS,OAAO,SAAS,SAAS,GAAG,CAC/D;AACD,kBAAY,kBAAkB,EAAE,UAAU,eAAe,CAAC;AAAA,IAC5D,SAAS,OAAO;AACd,YAAM,UACJ,iBAAiB,QAAQ,MAAM,UAAU,UAAU,qCAAqC;AAC1F,YAAM,OAAO,CAAC,YAAY,oBAAC,SAAM,SAAQ,SAAQ,SAAkB,SAAkB,CAAE;AAAA,IACzF;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2DACb,oBAAU,+BAA+B,GAC5C;AAAA,IAEC,mBACC,qBAAC,SAAI,WAAU,mDACb;AAAA,0BAAC,SAAI,WAAU,kEACb,8BAAC,yBAAsB,MAAM,IAAI,WAAU,iBAAgB,GAC7D;AAAA,MAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CACb,oBAAU,2CAA2C,GACxD;AAAA,QACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,iDAAiD,GAC9D;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,WAAU;AAAA,UACV,SAAS;AAAA,UAER,wBACG,UAAU,mCAAmC,IAC7C,UAAU,sCAAsC;AAAA;AAAA,MACtD;AAAA,OACF;AAAA,IAGF,qBAAC,SAAI,WAAU,mDACb;AAAA,0BAAC,SAAI,WAAU,iEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CACb,oBAAU,oCAAoC,GACjD;AAAA,QACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,kDAAkD,GAC/D;AAAA,SACF;AAAA,MAEC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAER,oBAAU,yCAAyC;AAAA;AAAA,MACtD;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/SecuritySection.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconAlertTriangle, IconBrandGoogleFilled } from '@tabler/icons-react';\r\nimport { useTranslations } from 'next-intl';\r\nimport { toast } from 'sonner';\r\nimport { useQueryClient } from '@tanstack/react-query';\r\nimport { useAuth } from '../../../providers/auth.provider';\r\nimport { AccountSectionType } from '../../../enums/AccountSectionType';\r\nimport { useUnlinkGoogle } from '../../../modules/auth/hooks/unlink-google.hook';\r\nimport { USER_QUERY_KEY } from '../../../modules/auth/hooks/useUserQuery';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\n\r\ninterface SecuritySectionProps {\r\n  setActiveSection: (section: AccountSectionType) => void;\r\n  onClose: () => void;\r\n  onDeleteAccount?: () => void;\r\n}\r\n\r\nexport function SecuritySection({\r\n  onDeleteAccount,\r\n}: SecuritySectionProps) {\r\n  const translate = useTranslations();\r\n  const { user } = useAuth();\r\n  const queryClient = useQueryClient();\r\n  const { mutateAsync: unlinkGoogle, isPending: isUnlinking } = useUnlinkGoogle();\r\n  const hasGoogleLinked = !!user?.google_sub;\r\n\r\n  const handleUnlinkGoogle = async () => {\r\n    try {\r\n      const result = await unlinkGoogle();\r\n      toast.custom((t) => (\r\n        <Toast variant=\"success\" message={result.message} toastId={t} />\r\n      ));\r\n      queryClient.invalidateQueries({ queryKey: USER_QUERY_KEY });\r\n    } catch (error) {\r\n      const message =\r\n        error instanceof Error ? error.message : translate('common.account.security.unlinkError');\r\n      toast.custom((toastId) => <Toast variant=\"error\" message={message} toastId={toastId} />);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\r\n      <span className=\"paragraph-medium-semibold text-gray-950 hidden lg:block\">\r\n        {translate('common.account.security.title')}\r\n      </span>\r\n\r\n      {hasGoogleLinked && (\r\n        <div className=\"flex flex-col items-center lg:items-start gap-4\">\r\n          <div className=\"size-10 rounded-lg bg-blue-50 flex items-center justify-center\">\r\n            <IconBrandGoogleFilled size={20} className=\"text-blue-500\" />\r\n          </div>\r\n\r\n          <div className=\"flex flex-col gap-2\">\r\n            <span className=\"paragraph-medium-semibold text-gray-950\">\r\n              {translate('common.account.security.googleLinkedTitle')}\r\n            </span>\r\n            <span className=\"paragraph-small-regular text-gray-600\">\r\n              {translate('common.account.security.googleLinkedDescription')}\r\n            </span>\r\n          </div>\r\n\r\n          <button\r\n            type=\"button\"\r\n            disabled={isUnlinking}\r\n            className=\"paragraph-small-semibold text-zinc-700 bg-zinc-100 rounded-lg px-3 py-2 cursor-pointer hover:bg-zinc-200 transition-colors w-fit disabled:opacity-50 disabled:cursor-not-allowed\"\r\n            onClick={handleUnlinkGoogle}\r\n          >\r\n            {isUnlinking\r\n              ? translate('common.account.security.unlinking')\r\n              : translate('common.account.security.unlinkGoogle')}\r\n          </button>\r\n        </div>\r\n      )}\r\n\r\n      <div className=\"flex flex-col items-center lg:items-start gap-4\">\r\n        <div className=\"size-10 rounded-lg bg-red-50 flex items-center justify-center\">\r\n          <IconAlertTriangle size={20} className=\"text-red-500\" />\r\n        </div>\r\n\r\n        <div className=\"flex flex-col gap-2\">\r\n          <span className=\"paragraph-medium-semibold text-gray-950\">\r\n            {translate('common.account.deleteAccount.title')}\r\n          </span>\r\n          <span className=\"paragraph-small-regular text-gray-600\">\r\n            {translate('common.account.security.deleteAccountDescription')}\r\n          </span>\r\n        </div>\r\n\r\n        {onDeleteAccount && (\r\n          <button\r\n            type=\"button\"\r\n            className=\"paragraph-small-semibold text-red-600 bg-red-50 rounded-lg px-3 py-2 cursor-pointer hover:bg-red-100 transition-colors w-fit\"\r\n            onClick={onDeleteAccount}\r\n          >\r\n            {translate('common.account.security.deleteMyAccount')}\r\n          </button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AA+BQ,cAsBE,YAtBF;AA7BR,SAAS,mBAAmB,6BAA6B;AACzD,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,eAAe;AAExB,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAC/B,SAAS,aAAa;AAQf,SAAS,gBAAgB;AAAA,EAC9B;AACF,GAAyB;AACvB,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,aAAa,cAAc,WAAW,YAAY,IAAI,gBAAgB;AAC9E,QAAM,kBAAkB,CAAC,CAAC,MAAM;AAEhC,QAAM,qBAAqB,YAAY;AACrC,QAAI;AACF,YAAM,SAAS,MAAM,aAAa;AAClC,YAAM,OAAO,CAAC,MACZ,oBAAC,SAAM,SAAQ,WAAU,SAAS,OAAO,SAAS,SAAS,GAAG,CAC/D;AACD,kBAAY,kBAAkB,EAAE,UAAU,eAAe,CAAC;AAAA,IAC5D,SAAS,OAAO;AACd,YAAM,UACJ,iBAAiB,QAAQ,MAAM,UAAU,UAAU,qCAAqC;AAC1F,YAAM,OAAO,CAAC,YAAY,oBAAC,SAAM,SAAQ,SAAQ,SAAkB,SAAkB,CAAE;AAAA,IACzF;AAAA,EACF;AAEA,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2DACb,oBAAU,+BAA+B,GAC5C;AAAA,IAEC,mBACC,qBAAC,SAAI,WAAU,mDACb;AAAA,0BAAC,SAAI,WAAU,kEACb,8BAAC,yBAAsB,MAAM,IAAI,WAAU,iBAAgB,GAC7D;AAAA,MAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CACb,oBAAU,2CAA2C,GACxD;AAAA,QACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,iDAAiD,GAC9D;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,WAAU;AAAA,UACV,SAAS;AAAA,UAER,wBACG,UAAU,mCAAmC,IAC7C,UAAU,sCAAsC;AAAA;AAAA,MACtD;AAAA,OACF;AAAA,IAGF,qBAAC,SAAI,WAAU,mDACb;AAAA,0BAAC,SAAI,WAAU,iEACb,8BAAC,qBAAkB,MAAM,IAAI,WAAU,gBAAe,GACxD;AAAA,MAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,4BAAC,UAAK,WAAU,2CACb,oBAAU,oCAAoC,GACjD;AAAA,QACA,oBAAC,UAAK,WAAU,yCACb,oBAAU,kDAAkD,GAC/D;AAAA,SACF;AAAA,MAEC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UAER,oBAAU,yCAAyC;AAAA;AAAA,MACtD;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/account/sections/TokenSection.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\n\nimport { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';\nimport { useTranslations } from 'next-intl';\nimport { toast } from 'sonner';\nimport { Toast } from '../../ui/feedback/Toast';\nimport { Button } from '../../ui/buttons/Button';\nimport { FormField } from '../../ui/form/FormField';\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\nimport { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';\n\nexport function TokenSection() {\n  const translate = useTranslations();\n  const { data: token = '', isLoading } = useAccountToken();\n  const isDefaultWl = useIsDefaultWhitelabel();\n\n  const { isCopied, copy } = useCopyToClipboard({\n    onSuccess: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"success\"\n          message={translate('common.account.token.copySuccess')}\n          toastId={toastId}\n        />\n      ));\n    },\n    onError: () => {\n      toast.custom((toastId) => (\n        <Toast\n          variant=\"error\"\n          message={translate('common.account.token.copyError')}\n          toastId={toastId}\n        />\n      ));\n    },\n  });\n\n  return (\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\n      <span className=\"paragraph-medium-semibold text-gray-950\">\n        {translate('common.account.token.title')}\n      </span>\n\n      <div className=\"flex flex-col gap-3\">\n        <div className=\"flex items-end gap-3\">\n          <FormField\n            label={translate('common.account.token.label')}\n            value={isLoading ? translate('common.actions.loading') : token}\n            disabled\n            readOnly\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\n            className=\"text-gray-950/50\"\n          />\n          <Button\n            type=\"button\"\n            variant=\"secondary\"\n            className=\"h-10! shrink-0 gap-2\"\n            onClick={() => copy(token)}\n            disabled={isLoading || !token}\n          >\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\n            {isCopied ? translate('common.actions.copied') : translate('common.actions.copy')}\n          </Button>\n        </div>\n\n        <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\n          <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\n          <span className=\"paragraph-small-regular text-zinc-950 max-w-[420px]\">\n            {translate('common.account.token.info')}\n          </span>\n        </div>\n\n        <a\n          href=\"https://documenter.getpostman.com/view/4861938/T1Djiz8H\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\n        >\n          {translate('common.account.token.docsLink')}\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAoBQ,cAkCE,YAlCF;AAlBR,SAAS,WAAW,UAAU,sBAAsB;AACpD,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAEhC,SAAS,eAAe;AAC7B,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AACxD,QAAM,cAAc,uBAAuB;AAE3C,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,kCAAkC;AAAA,UACrD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,gCAAgC;AAAA,UACnD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CACb,oBAAU,4BAA4B,GACzC;AAAA,IAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,UAAU,4BAA4B;AAAA,YAC7C,OAAO,YAAY,UAAU,wBAAwB,IAAI;AAAA,YACzD,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,UAAU,uBAAuB,IAAI,UAAU,qBAAqB;AAAA;AAAA;AAAA,QAClF;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,4BAAC,kBAAe,WAAU,iCAAgC;AAAA,QAC1D,oBAAC,UAAK,WAAU,uDACb,oBAAU,2BAA2B,GACxC;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UAET,oBAAU,+BAA+B;AAAA;AAAA,MAC5C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/components/account/sections/TokenSection.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { IconCheck, IconCopy, IconInfoCircle } from '@tabler/icons-react';\r\nimport { useTranslations } from 'next-intl';\r\nimport { toast } from 'sonner';\r\nimport { Toast } from '../../ui/feedback/Toast';\r\nimport { Button } from '../../ui/buttons/Button';\r\nimport { FormField } from '../../ui/form/FormField';\r\nimport useCopyToClipboard from '../../../hooks/copy-to-clipboard.hook';\r\nimport { useAccountToken } from '../../../modules/accounts/hooks/use-account-token.hook';\r\nimport { useIsDefaultWhitelabel } from '../../../providers/whitelabel.provider';\r\n\r\nexport function TokenSection() {\r\n  const translate = useTranslations();\r\n  const { data: token = '', isLoading } = useAccountToken();\r\n  const isDefaultWl = useIsDefaultWhitelabel();\r\n\r\n  const { isCopied, copy } = useCopyToClipboard({\r\n    onSuccess: () => {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"success\"\r\n          message={translate('common.account.token.copySuccess')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    },\r\n    onError: () => {\r\n      toast.custom((toastId) => (\r\n        <Toast\r\n          variant=\"error\"\r\n          message={translate('common.account.token.copyError')}\r\n          toastId={toastId}\r\n        />\r\n      ));\r\n    },\r\n  });\r\n\r\n  return (\r\n    <div className=\"h-full overflow-y-auto overscroll-contain px-4 pb-20 lg:p-5 lg:pt-5 flex flex-col gap-5 lg:gap-6 lg:pb-31 lg:overscroll-auto\">\r\n      <span className=\"paragraph-medium-semibold text-gray-950\">\r\n        {translate('common.account.token.title')}\r\n      </span>\r\n\r\n      <div className=\"flex flex-col gap-3\">\r\n        <div className=\"flex items-end gap-3\">\r\n          <FormField\r\n            label={translate('common.account.token.label')}\r\n            value={isLoading ? translate('common.actions.loading') : token}\r\n            disabled\r\n            readOnly\r\n            classnameContainer=\"bg-gray-50 cursor-default opacity-100!\"\r\n            className=\"text-gray-950/50\"\r\n          />\r\n          <Button\r\n            type=\"button\"\r\n            variant=\"secondary\"\r\n            className=\"h-10! shrink-0 gap-2\"\r\n            onClick={() => copy(token)}\r\n            disabled={isLoading || !token}\r\n          >\r\n            {isCopied ? <IconCheck size={16} /> : <IconCopy size={16} />}\r\n            {isCopied ? translate('common.actions.copied') : translate('common.actions.copy')}\r\n          </Button>\r\n        </div>\r\n\r\n        <div className={`flex items-center gap-3 p-4 rounded-lg ${isDefaultWl ? 'bg-cyan-50' : 'bg-zinc-50'}`}>\r\n          <IconInfoCircle className=\"size-4 text-zinc-950 shrink-0\" />\r\n          <span className=\"paragraph-small-regular text-zinc-950 max-w-[420px]\">\r\n            {translate('common.account.token.info')}\r\n          </span>\r\n        </div>\r\n\r\n        <a\r\n          href=\"https://documenter.getpostman.com/view/4861938/T1Djiz8H\"\r\n          target=\"_blank\"\r\n          rel=\"noopener noreferrer\"\r\n          className=\"paragraph-small-medium text-gray-500 underline hover:text-gray-700 transition-colors w-fit\"\r\n        >\r\n          {translate('common.account.token.docsLink')}\r\n        </a>\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":";AAoBQ,cAkCE,YAlCF;AAlBR,SAAS,WAAW,UAAU,sBAAsB;AACpD,SAAS,uBAAuB;AAChC,SAAS,aAAa;AACtB,SAAS,aAAa;AACtB,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,OAAO,wBAAwB;AAC/B,SAAS,uBAAuB;AAChC,SAAS,8BAA8B;AAEhC,SAAS,eAAe;AAC7B,QAAM,YAAY,gBAAgB;AAClC,QAAM,EAAE,MAAM,QAAQ,IAAI,UAAU,IAAI,gBAAgB;AACxD,QAAM,cAAc,uBAAuB;AAE3C,QAAM,EAAE,UAAU,KAAK,IAAI,mBAAmB;AAAA,IAC5C,WAAW,MAAM;AACf,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,kCAAkC;AAAA,UACrD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,IACA,SAAS,MAAM;AACb,YAAM,OAAO,CAAC,YACZ;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,UAAU,gCAAgC;AAAA,UACnD;AAAA;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,CAAC;AAED,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2CACb,oBAAU,4BAA4B,GACzC;AAAA,IAEA,qBAAC,SAAI,WAAU,uBACb;AAAA,2BAAC,SAAI,WAAU,wBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,UAAU,4BAA4B;AAAA,YAC7C,OAAO,YAAY,UAAU,wBAAwB,IAAI;AAAA,YACzD,UAAQ;AAAA,YACR,UAAQ;AAAA,YACR,oBAAmB;AAAA,YACnB,WAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,SAAS,MAAM,KAAK,KAAK;AAAA,YACzB,UAAU,aAAa,CAAC;AAAA,YAEvB;AAAA,yBAAW,oBAAC,aAAU,MAAM,IAAI,IAAK,oBAAC,YAAS,MAAM,IAAI;AAAA,cACzD,WAAW,UAAU,uBAAuB,IAAI,UAAU,qBAAqB;AAAA;AAAA;AAAA,QAClF;AAAA,SACF;AAAA,MAEA,qBAAC,SAAI,WAAW,0CAA0C,cAAc,eAAe,YAAY,IACjG;AAAA,4BAAC,kBAAe,WAAU,iCAAgC;AAAA,QAC1D,oBAAC,UAAK,WAAU,uDACb,oBAAU,2BAA2B,GACxC;AAAA,SACF;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,KAAI;AAAA,UACJ,WAAU;AAAA,UAET,oBAAU,+BAA+B;AAAA;AAAA,MAC5C;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/embeds/ClarityEmbed.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/embeds/ClarityEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useAuth } from '../../providers/auth.provider';\n\nconst CLARITY_PROJECT_ID = 'rc99jr00nn';\nconst CLARITY_SCRIPT_BASE = 'https://www.clarity.ms/tag/';\nconst CLARITY_LOAD_DELAY = 800;\n\ndeclare global {\n  interface Window {\n    clarity?: (...args: unknown[]) => void;\n  }\n}\n\nfunction loadClarityScript() {\n  try {\n    const win = window as any;\n    win.clarity =\n      win.clarity ||\n      function (...args: unknown[]) {\n        (win.clarity.q = win.clarity.q || []).push(args);\n      };\n\n    const src = CLARITY_SCRIPT_BASE + CLARITY_PROJECT_ID;\n    if (document.querySelector(`script[src=\"${src}\"]`)) return;\n\n    const t = document.createElement('script');\n    t.async = true;\n    t.src = src;\n    const y = document.getElementsByTagName('script')[0];\n    y?.parentNode?.insertBefore(t, y);\n  } catch {}\n}\n\nfunction identifyClarityUser(user: { id?: number; email?: string; name?: string; last_name?: string }) {\n  try {\n    if (!window.clarity) return;\n\n    const fullName = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();\n    window.clarity('identify', String(user.id ?? ''), undefined, undefined, fullName || undefined);\n\n    if (user.email) window.clarity('set', 'email', user.email);\n  } catch {}\n}\n\nexport function ClarityEmbed() {\n  const { user } = useAuth();\n  const scriptLoadedRef = useRef(false);\n\n  useEffect(() => {\n    if (!user || scriptLoadedRef.current) return;\n\n    const timeout = setTimeout(() => {\n      try {\n        loadClarityScript();\n        scriptLoadedRef.current = true;\n      } catch {}\n    }, CLARITY_LOAD_DELAY);\n\n    return () => clearTimeout(timeout);\n  }, [user]);\n\n  useEffect(() => {\n    if (!user || !scriptLoadedRef.current) return;\n    identifyClarityUser(user);\n  }, [user]);\n\n  return null;\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAClC,SAAS,eAAe;AAExB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAQ3B,SAAS,oBAAoB;AAC3B,MAAI;AACF,UAAM,MAAM;AACZ,QAAI,UACF,IAAI,WACJ,YAAa,MAAiB;AAC5B,OAAC,IAAI,QAAQ,IAAI,IAAI,QAAQ,KAAK,CAAC,GAAG,KAAK,IAAI;AAAA,IACjD;AAEF,UAAM,MAAM,sBAAsB;AAClC,QAAI,SAAS,cAAc,eAAe,GAAG,IAAI,EAAG;AAEpD,UAAM,IAAI,SAAS,cAAc,QAAQ;AACzC,MAAE,QAAQ;AACV,MAAE,MAAM;AACR,UAAM,IAAI,SAAS,qBAAqB,QAAQ,EAAE,CAAC;AACnD,OAAG,YAAY,aAAa,GAAG,CAAC;AAAA,EAClC,QAAQ;AAAA,EAAC;AACX;AAEA,SAAS,oBAAoB,MAA0E;AACrG,MAAI;AACF,QAAI,CAAC,OAAO,QAAS;AAErB,UAAM,WAAW,GAAG,KAAK,QAAQ,EAAE,IAAI,KAAK,aAAa,EAAE,GAAG,KAAK;AACnE,WAAO,QAAQ,YAAY,OAAO,KAAK,MAAM,EAAE,GAAG,QAAW,QAAW,YAAY,MAAS;AAE7F,QAAI,KAAK,MAAO,QAAO,QAAQ,OAAO,SAAS,KAAK,KAAK;AAAA,EAC3D,QAAQ;AAAA,EAAC;AACX;AAEO,SAAS,eAAe;AAC7B,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,kBAAkB,OAAO,KAAK;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,gBAAgB,QAAS;AAEtC,UAAM,UAAU,WAAW,MAAM;AAC/B,UAAI;AACF,0BAAkB;AAClB,wBAAgB,UAAU;AAAA,MAC5B,QAAQ;AAAA,MAAC;AAAA,IACX,GAAG,kBAAkB;AAErB,WAAO,MAAM,aAAa,OAAO;AAAA,EACnC,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,gBAAgB,QAAS;AACvC,wBAAoB,IAAI;AAAA,EAC1B,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/components/embeds/ClarityEmbed.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useEffect, useRef } from 'react';\r\nimport { useAuth } from '../../providers/auth.provider';\r\n\r\nconst CLARITY_PROJECT_ID = 'rc99jr00nn';\r\nconst CLARITY_SCRIPT_BASE = 'https://www.clarity.ms/tag/';\r\nconst CLARITY_LOAD_DELAY = 800;\r\n\r\ndeclare global {\r\n  interface Window {\r\n    clarity?: (...args: unknown[]) => void;\r\n  }\r\n}\r\n\r\nfunction loadClarityScript() {\r\n  try {\r\n    const win = window as any;\r\n    win.clarity =\r\n      win.clarity ||\r\n      function (...args: unknown[]) {\r\n        (win.clarity.q = win.clarity.q || []).push(args);\r\n      };\r\n\r\n    const src = CLARITY_SCRIPT_BASE + CLARITY_PROJECT_ID;\r\n    if (document.querySelector(`script[src=\"${src}\"]`)) return;\r\n\r\n    const t = document.createElement('script');\r\n    t.async = true;\r\n    t.src = src;\r\n    const y = document.getElementsByTagName('script')[0];\r\n    y?.parentNode?.insertBefore(t, y);\r\n  } catch {}\r\n}\r\n\r\nfunction identifyClarityUser(user: { id?: number; email?: string; name?: string; last_name?: string }) {\r\n  try {\r\n    if (!window.clarity) return;\r\n\r\n    const fullName = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();\r\n    window.clarity('identify', String(user.id ?? ''), undefined, undefined, fullName || undefined);\r\n\r\n    if (user.email) window.clarity('set', 'email', user.email);\r\n  } catch {}\r\n}\r\n\r\nexport function ClarityEmbed() {\r\n  const { user } = useAuth();\r\n  const scriptLoadedRef = useRef(false);\r\n\r\n  useEffect(() => {\r\n    if (!user || scriptLoadedRef.current) return;\r\n\r\n    const timeout = setTimeout(() => {\r\n      try {\r\n        loadClarityScript();\r\n        scriptLoadedRef.current = true;\r\n      } catch {}\r\n    }, CLARITY_LOAD_DELAY);\r\n\r\n    return () => clearTimeout(timeout);\r\n  }, [user]);\r\n\r\n  useEffect(() => {\r\n    if (!user || !scriptLoadedRef.current) return;\r\n    identifyClarityUser(user);\r\n  }, [user]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AAClC,SAAS,eAAe;AAExB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,qBAAqB;AAQ3B,SAAS,oBAAoB;AAC3B,MAAI;AACF,UAAM,MAAM;AACZ,QAAI,UACF,IAAI,WACJ,YAAa,MAAiB;AAC5B,OAAC,IAAI,QAAQ,IAAI,IAAI,QAAQ,KAAK,CAAC,GAAG,KAAK,IAAI;AAAA,IACjD;AAEF,UAAM,MAAM,sBAAsB;AAClC,QAAI,SAAS,cAAc,eAAe,GAAG,IAAI,EAAG;AAEpD,UAAM,IAAI,SAAS,cAAc,QAAQ;AACzC,MAAE,QAAQ;AACV,MAAE,MAAM;AACR,UAAM,IAAI,SAAS,qBAAqB,QAAQ,EAAE,CAAC;AACnD,OAAG,YAAY,aAAa,GAAG,CAAC;AAAA,EAClC,QAAQ;AAAA,EAAC;AACX;AAEA,SAAS,oBAAoB,MAA0E;AACrG,MAAI;AACF,QAAI,CAAC,OAAO,QAAS;AAErB,UAAM,WAAW,GAAG,KAAK,QAAQ,EAAE,IAAI,KAAK,aAAa,EAAE,GAAG,KAAK;AACnE,WAAO,QAAQ,YAAY,OAAO,KAAK,MAAM,EAAE,GAAG,QAAW,QAAW,YAAY,MAAS;AAE7F,QAAI,KAAK,MAAO,QAAO,QAAQ,OAAO,SAAS,KAAK,KAAK;AAAA,EAC3D,QAAQ;AAAA,EAAC;AACX;AAEO,SAAS,eAAe;AAC7B,QAAM,EAAE,KAAK,IAAI,QAAQ;AACzB,QAAM,kBAAkB,OAAO,KAAK;AAEpC,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,gBAAgB,QAAS;AAEtC,UAAM,UAAU,WAAW,MAAM;AAC/B,UAAI;AACF,0BAAkB;AAClB,wBAAgB,UAAU;AAAA,MAC5B,QAAQ;AAAA,MAAC;AAAA,IACX,GAAG,kBAAkB;AAErB,WAAO,MAAM,aAAa,OAAO;AAAA,EACnC,GAAG,CAAC,IAAI,CAAC;AAET,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ,CAAC,gBAAgB,QAAS;AACvC,wBAAoB,IAAI;AAAA,EAC1B,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AACT;","names":[]}

package/dist/components/embeds/CrispEmbed.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/embeds/CrispEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState } from 'react';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\n\nconst PROFILE_LABELS: Record<string, string> = {\n  owner: 'Proprietário',\n  admin: 'Administrador',\n  editor: 'Colaborador',\n  viewer: 'Visualizador',\n};\n\nconst CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';\nconst CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';\nconst CRISP_LOAD_DELAY = 800;\n\n// ── Crisp helpers ──────────────────────────────────────────────\n\nfunction safeCrispPush(args: unknown[]) {\n  try {\n    const win = window as any;\n    if (!win.$crisp) win.$crisp = [];\n    win.$crisp.push(args);\n  } catch {}\n}\n\nfunction crispDo(action: string) {\n  safeCrispPush(['do', action]);\n}\n\nfunction crispSegment(segment: string) {\n  safeCrispPush(['set', 'session:segments', [[segment]]]);\n}\n\nfunction crispSessionData(key: string, value: string) {\n  safeCrispPush(['set', 'session:data', [[[key, value]]]]);\n}\n\nfunction crispEvent(name: string, data?: Record<string, unknown>, color = 'blue') {\n  safeCrispPush(['set', 'session:event', [[[name, data ?? {}, color]]]]);\n}\n\n// ── Public API ─────────────────────────────────────────────────\n\nexport function openCrispHelpdesk() {\n  crispDo('helpdesk:search');\n}\n\nexport function hideCrisp() {\n  crispDo('chat:hide');\n}\n\nexport function showCrisp() {\n  crispDo('chat:show');\n}\n\nconst FREE_PLAN_ID = 5;\nconst FREE_PLAN_SIGNUP_QUERY_FLAG = 'createNew';\nconst FREE_PLAN_SIGNUP_EVENT = 'cadastro_plano_free';\nconst FREE_PLAN_SIGNUP_FIRED_KEY = 'crisp:free-plan-signup:fired';\n\nexport function updateCrispUser(data: {\n  email?: string;\n  name?: string;\n  lastName?: string;\n  company?: string;\n  ddi?: string;\n  phone?: string;\n  photo?: string;\n}) {\n  try {\n    if (data.email) safeCrispPush(['set', 'user:email', data.email]);\n\n    const fullName = `${data.name ?? ''} ${data.lastName ?? ''}`.trim();\n    if (fullName) safeCrispPush(['set', 'user:nickname', fullName]);\n\n    if (data.company) safeCrispPush(['set', 'user:company', data.company]);\n\n    const phone = `${data.ddi ?? ''}${data.phone ?? ''}`.trim();\n    if (phone) safeCrispPush(['set', 'user:phone', phone]);\n\n    if (data.photo?.startsWith('http')) {\n      safeCrispPush(['set', 'user:avatar', data.photo]);\n    }\n  } catch {}\n}\n\n// ── Component ──────────────────────────────────────────────────\n\nexport function CrispEmbed() {\n  const { user, account } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const { data: subscriptionData } = useActiveSubscription();\n  const scriptLoadedRef = useRef(false);\n\n  const isGreat = useIsDefaultWhitelabel();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n  const shouldLoadCrisp = isV4 || isGreat;\n\n  // Load Crisp script (once, with 800ms delay)\n  useEffect(() => {\n    if (!user || !shouldLoadCrisp || scriptLoadedRef.current) return;\n\n    try {\n      const win = window as any;\n\n      if (!win.$crisp) {\n        win.$crisp = [];\n        win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;\n        win.$crisp.push(['config', 'container:index', [100]]);\n      }\n\n      if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) {\n        scriptLoadedRef.current = true;\n        return;\n      }\n\n      const timeout = setTimeout(() => {\n        try {\n          if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) return;\n          const s = document.createElement('script');\n          s.src = CRISP_SCRIPT_URL;\n          s.async = true;\n          document.head.appendChild(s);\n          scriptLoadedRef.current = true;\n        } catch {}\n      }, CRISP_LOAD_DELAY);\n\n      return () => clearTimeout(timeout);\n    } catch {}\n  }, [user, shouldLoadCrisp]);\n\n  // Identify user\n  useEffect(() => {\n    try {\n      if (!user || !shouldLoadCrisp || !(window as any)?.$crisp) return;\n\n      updateCrispUser({\n        email: user.email,\n        name: user.name,\n        lastName: user.last_name,\n        company: account?.name,\n        ddi: user.ddi,\n        phone: user.phone,\n        photo: user.photo ?? undefined,\n      });\n\n      if (isV4) {\n        crispSegment('company_v4');\n        crispSessionData('Company', 'V4');\n      } else {\n        const planName = subscription?.plan_name ?? '';\n        const profileLabel = PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '';\n        if (planName) crispSegment(`plano_${planName}`);\n        if (profileLabel) crispSegment(`usuario_${profileLabel}`);\n        if (planName) crispSessionData('Plano', planName);\n        if (profileLabel) crispSessionData('Usuario', profileLabel);\n      }\n    } catch {}\n  }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);\n\n  // Captura `?createNew=true` da URL inicial. O register do gapps redireciona\n  // para pages com esse flag, e localStorage não cruza origens — então o\n  // sinal de \"acabou de se cadastrar\" vem via query string.\n  const [isFreshSignup, setIsFreshSignup] = useState(false);\n  useEffect(() => {\n    try {\n      const params = new URLSearchParams(window.location.search);\n      if (params.get(FREE_PLAN_SIGNUP_QUERY_FLAG) === 'true') {\n        setIsFreshSignup(true);\n      }\n    } catch {}\n  }, []);\n\n  // Dispara user event de cadastro free para o trigger do Crisp.\n  // A mensagem em si é configurada lá no Crisp (Message Trigger com condição\n  // \"User Event = cadastro_plano_free\").\n  useEffect(() => {\n    if (!user || !shouldLoadCrisp || !isFreshSignup) return;\n    if (subscription?.id_plan !== FREE_PLAN_ID) return;\n    try {\n      const firedKey = `${FREE_PLAN_SIGNUP_FIRED_KEY}:${user.id}`;\n      if (window.localStorage.getItem(firedKey)) return;\n      crispEvent(FREE_PLAN_SIGNUP_EVENT, { id_plan: FREE_PLAN_ID });\n      window.localStorage.setItem(firedKey, '1');\n    } catch {}\n  }, [user, shouldLoadCrisp, isFreshSignup, subscription?.id_plan]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/embeds/CrispEmbed.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useEffect, useRef, useState } from 'react';\r\nimport { useAuth } from '../../providers/auth.provider';\r\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';\r\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\r\n\r\nconst V4_WHITELABEL_ID = 367568;\r\n\r\nconst PROFILE_LABELS: Record<string, string> = {\r\n  owner: 'Proprietário',\r\n  admin: 'Administrador',\r\n  editor: 'Colaborador',\r\n  viewer: 'Visualizador',\r\n};\r\n\r\nconst CRISP_WEBSITE_ID = '3339a3ec-b4c6-4aac-8b86-45668fb7655c';\r\nconst CRISP_SCRIPT_URL = 'https://client.crisp.chat/l.js';\r\nconst CRISP_LOAD_DELAY = 800;\r\n\r\n// ── Crisp helpers ──────────────────────────────────────────────\r\n\r\nfunction safeCrispPush(args: unknown[]) {\r\n  try {\r\n    const win = window as any;\r\n    if (!win.$crisp) win.$crisp = [];\r\n    win.$crisp.push(args);\r\n  } catch {}\r\n}\r\n\r\nfunction crispDo(action: string) {\r\n  safeCrispPush(['do', action]);\r\n}\r\n\r\nfunction crispSegment(segment: string) {\r\n  safeCrispPush(['set', 'session:segments', [[segment]]]);\r\n}\r\n\r\nfunction crispSessionData(key: string, value: string) {\r\n  safeCrispPush(['set', 'session:data', [[[key, value]]]]);\r\n}\r\n\r\nfunction crispEvent(name: string, data?: Record<string, unknown>, color = 'blue') {\r\n  safeCrispPush(['set', 'session:event', [[[name, data ?? {}, color]]]]);\r\n}\r\n\r\n// ── Public API ─────────────────────────────────────────────────\r\n\r\nexport function openCrispHelpdesk() {\r\n  crispDo('helpdesk:search');\r\n}\r\n\r\nexport function hideCrisp() {\r\n  crispDo('chat:hide');\r\n}\r\n\r\nexport function showCrisp() {\r\n  crispDo('chat:show');\r\n}\r\n\r\nconst FREE_PLAN_ID = 5;\r\nconst FREE_PLAN_SIGNUP_QUERY_FLAG = 'createNew';\r\nconst FREE_PLAN_SIGNUP_EVENT = 'cadastro_plano_free';\r\nconst FREE_PLAN_SIGNUP_FIRED_KEY = 'crisp:free-plan-signup:fired';\r\n\r\nexport function updateCrispUser(data: {\r\n  email?: string;\r\n  name?: string;\r\n  lastName?: string;\r\n  company?: string;\r\n  ddi?: string;\r\n  phone?: string;\r\n  photo?: string;\r\n}) {\r\n  try {\r\n    if (data.email) safeCrispPush(['set', 'user:email', data.email]);\r\n\r\n    const fullName = `${data.name ?? ''} ${data.lastName ?? ''}`.trim();\r\n    if (fullName) safeCrispPush(['set', 'user:nickname', fullName]);\r\n\r\n    if (data.company) safeCrispPush(['set', 'user:company', data.company]);\r\n\r\n    const phone = `${data.ddi ?? ''}${data.phone ?? ''}`.trim();\r\n    if (phone) safeCrispPush(['set', 'user:phone', phone]);\r\n\r\n    if (data.photo?.startsWith('http')) {\r\n      safeCrispPush(['set', 'user:avatar', data.photo]);\r\n    }\r\n  } catch {}\r\n}\r\n\r\n// ── Component ──────────────────────────────────────────────────\r\n\r\nexport function CrispEmbed() {\r\n  const { user, account } = useAuth();\r\n  const { whitelabel } = useWhitelabel();\r\n  const { data: subscriptionData } = useActiveSubscription();\r\n  const scriptLoadedRef = useRef(false);\r\n\r\n  const isGreat = useIsDefaultWhitelabel();\r\n  const subscription = subscriptionData?.data?.[0] ?? null;\r\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\r\n  const shouldLoadCrisp = isV4 || isGreat;\r\n\r\n  // Load Crisp script (once, with 800ms delay)\r\n  useEffect(() => {\r\n    if (!user || !shouldLoadCrisp || scriptLoadedRef.current) return;\r\n\r\n    try {\r\n      const win = window as any;\r\n\r\n      if (!win.$crisp) {\r\n        win.$crisp = [];\r\n        win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;\r\n        win.$crisp.push(['config', 'container:index', [100]]);\r\n      }\r\n\r\n      if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) {\r\n        scriptLoadedRef.current = true;\r\n        return;\r\n      }\r\n\r\n      const timeout = setTimeout(() => {\r\n        try {\r\n          if (document.querySelector(`script[src=\"${CRISP_SCRIPT_URL}\"]`)) return;\r\n          const s = document.createElement('script');\r\n          s.src = CRISP_SCRIPT_URL;\r\n          s.async = true;\r\n          document.head.appendChild(s);\r\n          scriptLoadedRef.current = true;\r\n        } catch {}\r\n      }, CRISP_LOAD_DELAY);\r\n\r\n      return () => clearTimeout(timeout);\r\n    } catch {}\r\n  }, [user, shouldLoadCrisp]);\r\n\r\n  // Identify user\r\n  useEffect(() => {\r\n    try {\r\n      if (!user || !shouldLoadCrisp || !(window as any)?.$crisp) return;\r\n\r\n      updateCrispUser({\r\n        email: user.email,\r\n        name: user.name,\r\n        lastName: user.last_name,\r\n        company: account?.name,\r\n        ddi: user.ddi,\r\n        phone: user.phone,\r\n        photo: user.photo ?? undefined,\r\n      });\r\n\r\n      if (isV4) {\r\n        crispSegment('company_v4');\r\n        crispSessionData('Company', 'V4');\r\n      } else {\r\n        const planName = subscription?.plan_name ?? '';\r\n        const profileLabel = PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '';\r\n        if (planName) crispSegment(`plano_${planName}`);\r\n        if (profileLabel) crispSegment(`usuario_${profileLabel}`);\r\n        if (planName) crispSessionData('Plano', planName);\r\n        if (profileLabel) crispSessionData('Usuario', profileLabel);\r\n      }\r\n    } catch {}\r\n  }, [user, account, isV4, shouldLoadCrisp, subscription?.plan_name]);\r\n\r\n  // Captura `?createNew=true` da URL inicial. O register do gapps redireciona\r\n  // para pages com esse flag, e localStorage não cruza origens — então o\r\n  // sinal de \"acabou de se cadastrar\" vem via query string.\r\n  const [isFreshSignup, setIsFreshSignup] = useState(false);\r\n  useEffect(() => {\r\n    try {\r\n      const params = new URLSearchParams(window.location.search);\r\n      if (params.get(FREE_PLAN_SIGNUP_QUERY_FLAG) === 'true') {\r\n        setIsFreshSignup(true);\r\n      }\r\n    } catch {}\r\n  }, []);\r\n\r\n  // Dispara user event de cadastro free para o trigger do Crisp.\r\n  // A mensagem em si é configurada lá no Crisp (Message Trigger com condição\r\n  // \"User Event = cadastro_plano_free\").\r\n  useEffect(() => {\r\n    if (!user || !shouldLoadCrisp || !isFreshSignup) return;\r\n    if (subscription?.id_plan !== FREE_PLAN_ID) return;\r\n    try {\r\n      const firedKey = `${FREE_PLAN_SIGNUP_FIRED_KEY}:${user.id}`;\r\n      if (window.localStorage.getItem(firedKey)) return;\r\n      crispEvent(FREE_PLAN_SIGNUP_EVENT, { id_plan: FREE_PLAN_ID });\r\n      window.localStorage.setItem(firedKey, '1');\r\n    } catch {}\r\n  }, [user, shouldLoadCrisp, isFreshSignup, subscription?.id_plan]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":"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","names":[]}

package/dist/components/embeds/EmbedWidgets.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/embeds/EmbedWidgets.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect } from 'react';\nimport { usePathname } from 'next/navigation';\nimport { FrillEmbed } from './FrillEmbed';\nimport { CrispEmbed } from './CrispEmbed';\nimport { ClarityEmbed } from './ClarityEmbed';\n\nconst EXCLUDED_ROUTES = ['/login', '/forgot-password', '/register'];\n\nfunction getCrisp(): unknown[] | null {\n  try {\n    const key = '$crisp';\n    if (!(key in window)) return null;\n    const value = window[key];\n    return Array.isArray(value) ? value : null;\n  } catch {\n    return null;\n  }\n}\n\nfunction useHideCrispOnExcludedRoutes(isExcluded: boolean) {\n  useEffect(() => {\n    try {\n      const $crisp = getCrisp();\n      if (!$crisp) return;\n\n      if (isExcluded) {\n        $crisp.push(['do', 'chat:hide']);\n      } else {\n        $crisp.push(['do', 'chat:show']);\n      }\n    } catch {}\n  }, [isExcluded]);\n}\n\ntype EmbedWidgetsProps = {\n  frill?: boolean;\n  crisp?: boolean;\n  clarity?: boolean;\n};\n\nexport function EmbedWidgets({\n  frill = true,\n  crisp = true,\n  clarity = true,\n}: EmbedWidgetsProps = {}) {\n  const pathname = usePathname();\n  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));\n\n  useHideCrispOnExcludedRoutes(isExcluded);\n\n  if (isExcluded) return null;\n\n  return (\n    <>\n      {frill && <FrillEmbed />}\n      {crisp && <CrispEmbed />}\n      {clarity && <ClarityEmbed />}\n    </>\n  );\n}\n"],"mappings":";AAuDI,mBACY,KADZ;AArDJ,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,kBAAkB,CAAC,UAAU,oBAAoB,WAAW;AAElE,SAAS,WAA6B;AACpC,MAAI;AACF,UAAM,MAAM;AACZ,QAAI,EAAE,OAAO,QAAS,QAAO;AAC7B,UAAM,QAAQ,OAAO,GAAG;AACxB,WAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ;AAAA,EACxC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,6BAA6B,YAAqB;AACzD,YAAU,MAAM;AACd,QAAI;AACF,YAAM,SAAS,SAAS;AACxB,UAAI,CAAC,OAAQ;AAEb,UAAI,YAAY;AACd,eAAO,KAAK,CAAC,MAAM,WAAW,CAAC;AAAA,MACjC,OAAO;AACL,eAAO,KAAK,CAAC,MAAM,WAAW,CAAC;AAAA,MACjC;AAAA,IACF,QAAQ;AAAA,IAAC;AAAA,EACX,GAAG,CAAC,UAAU,CAAC;AACjB;AAQO,SAAS,aAAa;AAAA,EAC3B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ,IAAuB,CAAC,GAAG;AACzB,QAAM,WAAW,YAAY;AAC7B,QAAM,aAAa,gBAAgB,KAAK,CAAC,UAAU,SAAS,WAAW,KAAK,CAAC;AAE7E,+BAA6B,UAAU;AAEvC,MAAI,WAAY,QAAO;AAEvB,SACE,iCACG;AAAA,aAAS,oBAAC,cAAW;AAAA,IACrB,SAAS,oBAAC,cAAW;AAAA,IACrB,WAAW,oBAAC,gBAAa;AAAA,KAC5B;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/embeds/EmbedWidgets.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useEffect } from 'react';\r\nimport { usePathname } from 'next/navigation';\r\nimport { FrillEmbed } from './FrillEmbed';\r\nimport { CrispEmbed } from './CrispEmbed';\r\nimport { ClarityEmbed } from './ClarityEmbed';\r\n\r\nconst EXCLUDED_ROUTES = ['/login', '/forgot-password', '/register'];\r\n\r\nfunction getCrisp(): unknown[] | null {\r\n  try {\r\n    const key = '$crisp';\r\n    if (!(key in window)) return null;\r\n    const value = window[key];\r\n    return Array.isArray(value) ? value : null;\r\n  } catch {\r\n    return null;\r\n  }\r\n}\r\n\r\nfunction useHideCrispOnExcludedRoutes(isExcluded: boolean) {\r\n  useEffect(() => {\r\n    try {\r\n      const $crisp = getCrisp();\r\n      if (!$crisp) return;\r\n\r\n      if (isExcluded) {\r\n        $crisp.push(['do', 'chat:hide']);\r\n      } else {\r\n        $crisp.push(['do', 'chat:show']);\r\n      }\r\n    } catch {}\r\n  }, [isExcluded]);\r\n}\r\n\r\ntype EmbedWidgetsProps = {\r\n  frill?: boolean;\r\n  crisp?: boolean;\r\n  clarity?: boolean;\r\n};\r\n\r\nexport function EmbedWidgets({\r\n  frill = true,\r\n  crisp = true,\r\n  clarity = true,\r\n}: EmbedWidgetsProps = {}) {\r\n  const pathname = usePathname();\r\n  const isExcluded = EXCLUDED_ROUTES.some((route) => pathname.startsWith(route));\r\n\r\n  useHideCrispOnExcludedRoutes(isExcluded);\r\n\r\n  if (isExcluded) return null;\r\n\r\n  return (\r\n    <>\r\n      {frill && <FrillEmbed />}\r\n      {crisp && <CrispEmbed />}\r\n      {clarity && <ClarityEmbed />}\r\n    </>\r\n  );\r\n}\r\n"],"mappings":";AAuDI,mBACY,KADZ;AArDJ,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAE7B,MAAM,kBAAkB,CAAC,UAAU,oBAAoB,WAAW;AAElE,SAAS,WAA6B;AACpC,MAAI;AACF,UAAM,MAAM;AACZ,QAAI,EAAE,OAAO,QAAS,QAAO;AAC7B,UAAM,QAAQ,OAAO,GAAG;AACxB,WAAO,MAAM,QAAQ,KAAK,IAAI,QAAQ;AAAA,EACxC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,SAAS,6BAA6B,YAAqB;AACzD,YAAU,MAAM;AACd,QAAI;AACF,YAAM,SAAS,SAAS;AACxB,UAAI,CAAC,OAAQ;AAEb,UAAI,YAAY;AACd,eAAO,KAAK,CAAC,MAAM,WAAW,CAAC;AAAA,MACjC,OAAO;AACL,eAAO,KAAK,CAAC,MAAM,WAAW,CAAC;AAAA,MACjC;AAAA,IACF,QAAQ;AAAA,IAAC;AAAA,EACX,GAAG,CAAC,UAAU,CAAC;AACjB;AAQO,SAAS,aAAa;AAAA,EAC3B,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AACZ,IAAuB,CAAC,GAAG;AACzB,QAAM,WAAW,YAAY;AAC7B,QAAM,aAAa,gBAAgB,KAAK,CAAC,UAAU,SAAS,WAAW,KAAK,CAAC;AAE7E,+BAA6B,UAAU;AAEvC,MAAI,WAAY,QAAO;AAEvB,SACE,iCACG;AAAA,aAAS,oBAAC,cAAW;AAAA,IACrB,SAAS,oBAAC,cAAW;AAAA,IACrB,WAAW,oBAAC,gBAAa;AAAA,KAC5B;AAEJ;","names":[]}

package/dist/components/embeds/FrillEmbed.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/embeds/FrillEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\n\nconst PROFILE_LABELS: Record<string, string> = {\n  owner: 'Proprietário',\n  admin: 'Administrador',\n  editor: 'Colaborador',\n  viewer: 'Visualizador',\n};\n\nconst FRILL_SCRIPT_URL = 'https://widget.frill.co/v2/container.js';\nconst FRILL_KEY = '2f77f232-a120-438e-8ef6-01912ffd1b99';\n\nconst SURVEYS = [{ key: '7f59dbf6-b665-458a-80e2-778de47efe1c' }];\nconst NOVIDADES_WIDGET_KEY = '4a5ba13b-1150-49fe-aa15-f9a2da0ba909';\nconst WIDGETS = [\n  { key: NOVIDADES_WIDGET_KEY },\n  { key: '720c0912-e6a4-495c-835e-3ff1f59d6dfc' },\n];\n\nfunction initFrillLoader() {\n  try {\n    const win = window as any;\n    if (win.Frill) return;\n\n    let counter = 0;\n    const queue: Record<number, any> = {};\n\n    win.Frill = function (action: string, params: any) {\n      let instance: any;\n      const id = counter++;\n      const promise: any = new Promise((resolve, reject) => {\n        queue[id] = {\n          params: [action, params],\n          resolve: (f: any) => {\n            instance = f;\n            resolve(f);\n          },\n          reject,\n        };\n      });\n      promise.destroy = () => {\n        delete queue[id];\n        instance?.destroy();\n      };\n      return promise;\n    };\n    win.Frill.q = queue;\n  } catch {}\n}\n\nfunction loadFrillScript() {\n  try {\n    if (document.querySelector(`script[src=\"${FRILL_SCRIPT_URL}\"]`)) return;\n    const anchor = document.getElementsByTagName('script')[0];\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.async = true;\n    script.src = FRILL_SCRIPT_URL;\n    anchor?.parentNode?.insertBefore(script, anchor);\n  } catch {}\n}\n\nexport function FrillEmbed() {\n  const { user } = useAuth();\n  const { whitelabel } = useWhitelabel();\n  const { data: subscriptionData } = useActiveSubscription();\n  const containerRef = useRef<any>(null);\n  const novidadesWidgetRef = useRef<any>(null);\n\n  const isMainWhitelabel = useIsDefaultWhitelabel();\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n\n  useEffect(() => {\n    if (!user || (!isMainWhitelabel && !isV4)) return;\n\n    let containerPromise: any = null;\n    let novidadesWidgetPromise: any = null;\n\n    try {\n      initFrillLoader();\n\n      if (document.readyState === 'complete' || document.readyState === 'interactive') {\n        loadFrillScript();\n      } else {\n        document.addEventListener('DOMContentLoaded', loadFrillScript);\n      }\n\n      const userData: Record<string, any> = {\n        id: String(user.id ?? ''),\n      };\n      if (user.email) userData.email = user.email;\n      if (user.name || user.last_name) {\n        userData.name = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();\n      }\n      userData.attributes = isV4\n        ? { company: 'V4' }\n        : { profile: PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '', plan: subscription?.plan_name ?? '' };\n\n      const config: Record<string, any> = { key: FRILL_KEY, user: userData };\n      if (!isV4) {\n        config.surveys = SURVEYS;\n        config.widgets = WIDGETS;\n      }\n\n      const win = window as any;\n      containerPromise = win.Frill('container', config);\n      win.Frill('identify', userData);\n\n      containerPromise.then((widget: any) => {\n        containerRef.current = widget;\n        (window as any).__frillContainer = widget;\n      }).catch(() => {});\n\n      if (!isV4) {\n        novidadesWidgetPromise = win.Frill('widget', { key: NOVIDADES_WIDGET_KEY });\n        novidadesWidgetPromise.then((widget: any) => {\n          novidadesWidgetRef.current = widget;\n          (window as any).__frillNovidadesWidget = widget;\n        }).catch(() => {});\n      }\n    } catch {}\n\n    return () => {\n      try {\n        // Destroy via promise — handles both pending and resolved containers\n        containerPromise?.destroy();\n        novidadesWidgetPromise?.destroy();\n        containerRef.current = null;\n        novidadesWidgetRef.current = null;\n        (window as any).__frillContainer = null;\n        (window as any).__frillNovidadesWidget = null;\n        document.removeEventListener('DOMContentLoaded', loadFrillScript);\n      } catch {}\n    };\n  }, [user, isMainWhitelabel, isV4, subscription?.plan_name]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/embeds/FrillEmbed.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { useEffect, useRef } from 'react';\r\nimport { useAuth } from '../../providers/auth.provider';\r\nimport { useIsDefaultWhitelabel, useWhitelabel } from '../../providers/whitelabel.provider';\r\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\r\n\r\nconst V4_WHITELABEL_ID = 367568;\r\n\r\nconst PROFILE_LABELS: Record<string, string> = {\r\n  owner: 'Proprietário',\r\n  admin: 'Administrador',\r\n  editor: 'Colaborador',\r\n  viewer: 'Visualizador',\r\n};\r\n\r\nconst FRILL_SCRIPT_URL = 'https://widget.frill.co/v2/container.js';\r\nconst FRILL_KEY = '2f77f232-a120-438e-8ef6-01912ffd1b99';\r\n\r\nconst SURVEYS = [{ key: '7f59dbf6-b665-458a-80e2-778de47efe1c' }];\r\nconst NOVIDADES_WIDGET_KEY = '4a5ba13b-1150-49fe-aa15-f9a2da0ba909';\r\nconst WIDGETS = [\r\n  { key: NOVIDADES_WIDGET_KEY },\r\n  { key: '720c0912-e6a4-495c-835e-3ff1f59d6dfc' },\r\n];\r\n\r\nfunction initFrillLoader() {\r\n  try {\r\n    const win = window as any;\r\n    if (win.Frill) return;\r\n\r\n    let counter = 0;\r\n    const queue: Record<number, any> = {};\r\n\r\n    win.Frill = function (action: string, params: any) {\r\n      let instance: any;\r\n      const id = counter++;\r\n      const promise: any = new Promise((resolve, reject) => {\r\n        queue[id] = {\r\n          params: [action, params],\r\n          resolve: (f: any) => {\r\n            instance = f;\r\n            resolve(f);\r\n          },\r\n          reject,\r\n        };\r\n      });\r\n      promise.destroy = () => {\r\n        delete queue[id];\r\n        instance?.destroy();\r\n      };\r\n      return promise;\r\n    };\r\n    win.Frill.q = queue;\r\n  } catch {}\r\n}\r\n\r\nfunction loadFrillScript() {\r\n  try {\r\n    if (document.querySelector(`script[src=\"${FRILL_SCRIPT_URL}\"]`)) return;\r\n    const anchor = document.getElementsByTagName('script')[0];\r\n    const script = document.createElement('script');\r\n    script.type = 'text/javascript';\r\n    script.async = true;\r\n    script.src = FRILL_SCRIPT_URL;\r\n    anchor?.parentNode?.insertBefore(script, anchor);\r\n  } catch {}\r\n}\r\n\r\nexport function FrillEmbed() {\r\n  const { user } = useAuth();\r\n  const { whitelabel } = useWhitelabel();\r\n  const { data: subscriptionData } = useActiveSubscription();\r\n  const containerRef = useRef<any>(null);\r\n  const novidadesWidgetRef = useRef<any>(null);\r\n\r\n  const isMainWhitelabel = useIsDefaultWhitelabel();\r\n  const subscription = subscriptionData?.data?.[0] ?? null;\r\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\r\n\r\n  useEffect(() => {\r\n    if (!user || (!isMainWhitelabel && !isV4)) return;\r\n\r\n    let containerPromise: any = null;\r\n    let novidadesWidgetPromise: any = null;\r\n\r\n    try {\r\n      initFrillLoader();\r\n\r\n      if (document.readyState === 'complete' || document.readyState === 'interactive') {\r\n        loadFrillScript();\r\n      } else {\r\n        document.addEventListener('DOMContentLoaded', loadFrillScript);\r\n      }\r\n\r\n      const userData: Record<string, any> = {\r\n        id: String(user.id ?? ''),\r\n      };\r\n      if (user.email) userData.email = user.email;\r\n      if (user.name || user.last_name) {\r\n        userData.name = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();\r\n      }\r\n      userData.attributes = isV4\r\n        ? { company: 'V4' }\r\n        : { profile: PROFILE_LABELS[user.profile ?? ''] ?? user.profile ?? '', plan: subscription?.plan_name ?? '' };\r\n\r\n      const config: Record<string, any> = { key: FRILL_KEY, user: userData };\r\n      if (!isV4) {\r\n        config.surveys = SURVEYS;\r\n        config.widgets = WIDGETS;\r\n      }\r\n\r\n      const win = window as any;\r\n      containerPromise = win.Frill('container', config);\r\n      win.Frill('identify', userData);\r\n\r\n      containerPromise.then((widget: any) => {\r\n        containerRef.current = widget;\r\n        (window as any).__frillContainer = widget;\r\n      }).catch(() => {});\r\n\r\n      if (!isV4) {\r\n        novidadesWidgetPromise = win.Frill('widget', { key: NOVIDADES_WIDGET_KEY });\r\n        novidadesWidgetPromise.then((widget: any) => {\r\n          novidadesWidgetRef.current = widget;\r\n          (window as any).__frillNovidadesWidget = widget;\r\n        }).catch(() => {});\r\n      }\r\n    } catch {}\r\n\r\n    return () => {\r\n      try {\r\n        // Destroy via promise — handles both pending and resolved containers\r\n        containerPromise?.destroy();\r\n        novidadesWidgetPromise?.destroy();\r\n        containerRef.current = null;\r\n        novidadesWidgetRef.current = null;\r\n        (window as any).__frillContainer = null;\r\n        (window as any).__frillNovidadesWidget = null;\r\n        document.removeEventListener('DOMContentLoaded', loadFrillScript);\r\n      } catch {}\r\n    };\r\n  }, [user, isMainWhitelabel, isV4, subscription?.plan_name]);\r\n\r\n  return null;\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/AppMobileNavBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { ReactNode } from \"react\";\nimport Image from \"next/image\";\nimport { IconMenu2, IconX } from \"@tabler/icons-react\";\nimport { ProfilePopover } from \"./ProfilePopover\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport { useMobileNavbarSheet } from \"../../store/useMobileNavbarSheet\";\nimport {\n  useWhitelabel,\n  useIsDefaultWhitelabel,\n} from \"../../providers/whitelabel.provider\";\nimport { cn } from \"../../infra/utils/clsx\";\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\n\nexport interface AppMobileNavBarProps {\n  /** Which app is currently active — controls which icon gets the indicator */\n  activeApp?: \"gapps\" | \"gpages\";\n  /** Called when the GreatApps logo is clicked */\n  onLogoClick?: () => void;\n  /** Called when the app icon (e.g. GreatPages) is clicked */\n  onAppIconClick?: () => void;\n  /** Extra slot rendered after the app icon (e.g. project selector) */\n  extraLeftSlot?: ReactNode;\n  menuItems?: ProfileMenuItem[];\n  showMenuToggle?: boolean;\n}\n\nexport function AppMobileNavBar({\n  activeApp,\n  onLogoClick,\n  onAppIconClick,\n  extraLeftSlot,\n  menuItems = [],\n  showMenuToggle = true,\n}: AppMobileNavBarProps) {\n  const { isOpen, toggle } = useMobileNavbarSheet();\n  const { whitelabel } = useWhitelabel();\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const primaryColor = whitelabel?.general?.primary_color;\n  const wlName = whitelabel?.name || \"Great\";\n\n  const isGappsActive = activeApp === \"gapps\";\n  const isGpagesActive = activeApp === \"gpages\";\n\n  const wlIcon = whitelabel?.secondary_logo ? (\n    <Image\n      className=\"size-7 object-contain\"\n      src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${whitelabel.secondary_logo}`}\n      alt={`${wlName} Logo`}\n      width={28}\n      height={28}\n    />\n  ) : (\n    <div\n      className={cn(\n        \"size-10 rounded-lg flex items-center justify-center transition-opacity duration-300\",\n        !isGappsActive && \"opacity-20\",\n      )}\n      style={{ backgroundColor: primaryColor }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n        <path d=\"M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n        <path d=\"M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n        <path d=\"M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n      </svg>\n    </div>\n  );\n\n  return (\n    <div className=\"fixed top-0 left-0 right-0 flex md:hidden items-center justify-between p-4 bg-white z-50 border-b border-gray-200\">\n      <div className=\"flex items-center gap-1.5\">\n        {/* GreatApps logo */}\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div\n                className={cn(\n                  \"flex items-center justify-center\",\n                  onLogoClick ? \"cursor-pointer\" : \"\",\n                )}\n                onClick={onLogoClick}\n              >\n                {isDefaultWl ? (\n                  <div className=\"size-10 flex items-center justify-center rounded-lg\">\n                    <Image\n                      src=\"/icons/great-icon.svg\"\n                      alt=\"Great Icon\"\n                      width={28}\n                      height={28}\n                    />\n                  </div>\n                ) : (\n                  wlIcon\n                )}\n              </div>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\">{wlName}</TooltipContent>\n          </Tooltip>\n          <div\n            className={cn(\n              \"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl transition-opacity duration-300\",\n              isDefaultWl ? \"bg-gray-950\" : \"\",\n              isGappsActive ? \"opacity-100\" : \"opacity-0\",\n            )}\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\n          />\n        </div>\n\n        {/* GreatPages icon */}\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <div\n                className={cn(\n                  \"size-10 rounded-lg flex items-center justify-center border-2 ring-2 transition-colors duration-300\",\n                  isGpagesActive\n                    ? isDefaultWl\n                      ? \"bg-cyan-100 border-white ring-cyan-300\"\n                      : \"border-white ring-transparent\"\n                    : isDefaultWl\n                      ? \"hover:bg-gray-100 border-transparent ring-transparent\"\n                      : \"border-transparent ring-transparent\",\n                  onAppIconClick ? \"cursor-pointer\" : \"\",\n                )}\n                style={\n                  !isDefaultWl\n                    ? {\n                        backgroundColor: primaryColor,\n                        boxShadow: isGpagesActive\n                          ? `0 0 0 2px ${primaryColor}40`\n                          : undefined,\n                        opacity: !isGpagesActive ? 0.2 : undefined,\n                      }\n                    : undefined\n                }\n                onClick={onAppIconClick}\n              >\n                {isDefaultWl ? (\n                  <Image\n                    src=\"/icons/icon-navbar.svg\"\n                    alt=\"GreatPages\"\n                    width={24}\n                    height={24}\n                  />\n                ) : (\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"white\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  >\n                    <path d=\"M4 8h16\" />\n                    <path d=\"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12\" />\n                    <path d=\"M8 4v4\" />\n                  </svg>\n                )}\n              </div>\n            </TooltipTrigger>\n            <TooltipContent side=\"bottom\">\n              {isDefaultWl ? \"GreatPages\" : \"Páginas\"}\n            </TooltipContent>\n          </Tooltip>\n          <div\n            className={cn(\n              \"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl transition-opacity duration-300\",\n              isDefaultWl ? \"bg-cyan-300\" : \"\",\n              isGpagesActive ? \"opacity-100\" : \"opacity-0\",\n            )}\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\n          />\n        </div>\n\n        {extraLeftSlot}\n      </div>\n      <div className=\"flex items-center gap-1.5\">\n        <ProfilePopover\n          side=\"bottom\"\n          align=\"end\"\n          contentClassName=\"\"\n          menuItems={menuItems}\n        />\n        {showMenuToggle && (\n          <button\n            className=\"size-10 flex items-center justify-center border border-zinc-200 rounded-lg bg-white cursor-pointer\"\n            onClick={toggle}\n          >\n            {isOpen ? (\n              <IconX size={18} className=\"text-zinc-950\" />\n            ) : (\n              <IconMenu2 size={18} className=\"text-zinc-950\" />\n            )}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AA8CI,cAeE,YAfF;AA3CJ,OAAO,WAAW;AAClB,SAAS,WAAW,aAAa;AACjC,SAAS,sBAAsB;AAC/B,SAAS,SAAS,gBAAgB,sBAAsB;AACxD,SAAS,4BAA4B;AACrC;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU;AAgBZ,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AACnB,GAAyB;AACvB,QAAM,EAAE,QAAQ,OAAO,IAAI,qBAAqB;AAChD,QAAM,EAAE,WAAW,IAAI,cAAc;AACrC,QAAM,cAAc,uBAAuB;AAC3C,QAAM,eAAe,YAAY,SAAS;AAC1C,QAAM,SAAS,YAAY,QAAQ;AAEnC,QAAM,gBAAgB,cAAc;AACpC,QAAM,iBAAiB,cAAc;AAErC,QAAM,SAAS,YAAY,iBACzB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,KAAK,GAAG,QAAQ,IAAI,uBAAuB,IAAI,WAAW,cAAc;AAAA,MACxE,KAAK,GAAG,MAAM;AAAA,MACd,OAAO;AAAA,MACP,QAAQ;AAAA;AAAA,EACV,IAEA;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,CAAC,iBAAiB;AAAA,MACpB;AAAA,MACA,OAAO,EAAE,iBAAiB,aAAa;AAAA,MAEvC;AAAA,QAAC;AAAA;AAAA,UACC,OAAM;AAAA,UACN,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,UAEf;AAAA,gCAAC,UAAK,GAAE,gFAA+E;AAAA,YACvF,oBAAC,UAAK,GAAE,iFAAgF;AAAA,YACxF,oBAAC,UAAK,GAAE,iFAAgF;AAAA,YACxF,oBAAC,UAAK,GAAE,kFAAiF;AAAA;AAAA;AAAA,MAC3F;AAAA;AAAA,EACF;AAGF,SACE,qBAAC,SAAI,WAAU,qHACb;AAAA,yBAAC,SAAI,WAAU,6BAEb;AAAA,2BAAC,SAAI,WAAU,YACb;AAAA,6BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,cAAc,mBAAmB;AAAA,cACnC;AAAA,cACA,SAAS;AAAA,cAER,wBACC,oBAAC,SAAI,WAAU,uDACb;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV,GACF,IAEA;AAAA;AAAA,UAEJ,GACF;AAAA,UACA,oBAAC,kBAAe,MAAK,UAAU,kBAAO;AAAA,WACxC;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,cAAc,gBAAgB;AAAA,cAC9B,gBAAgB,gBAAgB;AAAA,YAClC;AAAA,YACA,OAAO,CAAC,cAAc,EAAE,iBAAiB,aAAa,IAAI;AAAA;AAAA,QAC5D;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,YACb;AAAA,6BAAC,WACC;AAAA,8BAAC,kBAAe,SAAO,MACrB;AAAA,YAAC;AAAA;AAAA,cACC,WAAW;AAAA,gBACT;AAAA,gBACA,iBACI,cACE,2CACA,kCACF,cACE,0DACA;AAAA,gBACN,iBAAiB,mBAAmB;AAAA,cACtC;AAAA,cACA,OACE,CAAC,cACG;AAAA,gBACE,iBAAiB;AAAA,gBACjB,WAAW,iBACP,aAAa,YAAY,OACzB;AAAA,gBACJ,SAAS,CAAC,iBAAiB,MAAM;AAAA,cACnC,IACA;AAAA,cAEN,SAAS;AAAA,cAER,wBACC;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAI;AAAA,kBACJ,KAAI;AAAA,kBACJ,OAAO;AAAA,kBACP,QAAQ;AAAA;AAAA,cACV,IAEA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAM;AAAA,kBACN,OAAM;AAAA,kBACN,QAAO;AAAA,kBACP,SAAQ;AAAA,kBACR,MAAK;AAAA,kBACL,QAAO;AAAA,kBACP,aAAY;AAAA,kBACZ,eAAc;AAAA,kBACd,gBAAe;AAAA,kBAEf;AAAA,wCAAC,UAAK,GAAE,WAAU;AAAA,oBAClB,oBAAC,UAAK,GAAE,oFAAmF;AAAA,oBAC3F,oBAAC,UAAK,GAAE,UAAS;AAAA;AAAA;AAAA,cACnB;AAAA;AAAA,UAEJ,GACF;AAAA,UACA,oBAAC,kBAAe,MAAK,UAClB,wBAAc,eAAe,cAChC;AAAA,WACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,cAAc,gBAAgB;AAAA,cAC9B,iBAAiB,gBAAgB;AAAA,YACnC;AAAA,YACA,OAAO,CAAC,cAAc,EAAE,iBAAiB,aAAa,IAAI;AAAA;AAAA,QAC5D;AAAA,SACF;AAAA,MAEC;AAAA,OACH;AAAA,IACA,qBAAC,SAAI,WAAU,6BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB;AAAA;AAAA,MACF;AAAA,MACC,kBACC;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,SAAS;AAAA,UAER,mBACC,oBAAC,SAAM,MAAM,IAAI,WAAU,iBAAgB,IAE3C,oBAAC,aAAU,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,MAEnD;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/AppMobileNavBar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { ReactNode } from \"react\";\r\nimport Image from \"next/image\";\r\nimport { IconMenu2, IconX } from \"@tabler/icons-react\";\r\nimport { ProfilePopover } from \"./ProfilePopover\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\r\nimport { useMobileNavbarSheet } from \"../../store/useMobileNavbarSheet\";\r\nimport {\r\n  useWhitelabel,\r\n  useIsDefaultWhitelabel,\r\n} from \"../../providers/whitelabel.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\r\n\r\nexport interface AppMobileNavBarProps {\r\n  /** Which app is currently active — controls which icon gets the indicator */\r\n  activeApp?: \"gapps\" | \"gpages\";\r\n  /** Called when the GreatApps logo is clicked */\r\n  onLogoClick?: () => void;\r\n  /** Called when the app icon (e.g. GreatPages) is clicked */\r\n  onAppIconClick?: () => void;\r\n  /** Extra slot rendered after the app icon (e.g. project selector) */\r\n  extraLeftSlot?: ReactNode;\r\n  menuItems?: ProfileMenuItem[];\r\n  showMenuToggle?: boolean;\r\n}\r\n\r\nexport function AppMobileNavBar({\r\n  activeApp,\r\n  onLogoClick,\r\n  onAppIconClick,\r\n  extraLeftSlot,\r\n  menuItems = [],\r\n  showMenuToggle = true,\r\n}: AppMobileNavBarProps) {\r\n  const { isOpen, toggle } = useMobileNavbarSheet();\r\n  const { whitelabel } = useWhitelabel();\r\n  const isDefaultWl = useIsDefaultWhitelabel();\r\n  const primaryColor = whitelabel?.general?.primary_color;\r\n  const wlName = whitelabel?.name || \"Great\";\r\n\r\n  const isGappsActive = activeApp === \"gapps\";\r\n  const isGpagesActive = activeApp === \"gpages\";\r\n\r\n  const wlIcon = whitelabel?.secondary_logo ? (\r\n    <Image\r\n      className=\"size-7 object-contain\"\r\n      src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${whitelabel.secondary_logo}`}\r\n      alt={`${wlName} Logo`}\r\n      width={28}\r\n      height={28}\r\n    />\r\n  ) : (\r\n    <div\r\n      className={cn(\r\n        \"size-10 rounded-lg flex items-center justify-center transition-opacity duration-300\",\r\n        !isGappsActive && \"opacity-20\",\r\n      )}\r\n      style={{ backgroundColor: primaryColor }}\r\n    >\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      >\r\n        <path d=\"M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n        <path d=\"M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n        <path d=\"M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n        <path d=\"M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n      </svg>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div className=\"fixed top-0 left-0 right-0 flex md:hidden items-center justify-between p-4 bg-white z-50 border-b border-gray-200\">\r\n      <div className=\"flex items-center gap-1.5\">\r\n        {/* GreatApps logo */}\r\n        <div className=\"relative\">\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <div\r\n                className={cn(\r\n                  \"flex items-center justify-center\",\r\n                  onLogoClick ? \"cursor-pointer\" : \"\",\r\n                )}\r\n                onClick={onLogoClick}\r\n              >\r\n                {isDefaultWl ? (\r\n                  <div className=\"size-10 flex items-center justify-center rounded-lg\">\r\n                    <Image\r\n                      src=\"/icons/great-icon.svg\"\r\n                      alt=\"Great Icon\"\r\n                      width={28}\r\n                      height={28}\r\n                    />\r\n                  </div>\r\n                ) : (\r\n                  wlIcon\r\n                )}\r\n              </div>\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"bottom\">{wlName}</TooltipContent>\r\n          </Tooltip>\r\n          <div\r\n            className={cn(\r\n              \"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl transition-opacity duration-300\",\r\n              isDefaultWl ? \"bg-gray-950\" : \"\",\r\n              isGappsActive ? \"opacity-100\" : \"opacity-0\",\r\n            )}\r\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\r\n          />\r\n        </div>\r\n\r\n        {/* GreatPages icon */}\r\n        <div className=\"relative\">\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <div\r\n                className={cn(\r\n                  \"size-10 rounded-lg flex items-center justify-center border-2 ring-2 transition-colors duration-300\",\r\n                  isGpagesActive\r\n                    ? isDefaultWl\r\n                      ? \"bg-cyan-100 border-white ring-cyan-300\"\r\n                      : \"border-white ring-transparent\"\r\n                    : isDefaultWl\r\n                      ? \"hover:bg-gray-100 border-transparent ring-transparent\"\r\n                      : \"border-transparent ring-transparent\",\r\n                  onAppIconClick ? \"cursor-pointer\" : \"\",\r\n                )}\r\n                style={\r\n                  !isDefaultWl\r\n                    ? {\r\n                        backgroundColor: primaryColor,\r\n                        boxShadow: isGpagesActive\r\n                          ? `0 0 0 2px ${primaryColor}40`\r\n                          : undefined,\r\n                        opacity: !isGpagesActive ? 0.2 : undefined,\r\n                      }\r\n                    : undefined\r\n                }\r\n                onClick={onAppIconClick}\r\n              >\r\n                {isDefaultWl ? (\r\n                  <Image\r\n                    src=\"/icons/icon-navbar.svg\"\r\n                    alt=\"GreatPages\"\r\n                    width={24}\r\n                    height={24}\r\n                  />\r\n                ) : (\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"24\"\r\n                    height=\"24\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"white\"\r\n                    strokeWidth=\"2\"\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                  >\r\n                    <path d=\"M4 8h16\" />\r\n                    <path d=\"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12\" />\r\n                    <path d=\"M8 4v4\" />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"bottom\">\r\n              {isDefaultWl ? \"GreatPages\" : \"Páginas\"}\r\n            </TooltipContent>\r\n          </Tooltip>\r\n          <div\r\n            className={cn(\r\n              \"absolute -bottom-[17px] left-1/2 -translate-x-1/2 w-5 h-[3px] rounded-t-xl transition-opacity duration-300\",\r\n              isDefaultWl ? \"bg-cyan-300\" : \"\",\r\n              isGpagesActive ? \"opacity-100\" : \"opacity-0\",\r\n            )}\r\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\r\n          />\r\n        </div>\r\n\r\n        {extraLeftSlot}\r\n      </div>\r\n      <div className=\"flex items-center gap-1.5\">\r\n        <ProfilePopover\r\n          side=\"bottom\"\r\n          align=\"end\"\r\n          contentClassName=\"\"\r\n          menuItems={menuItems}\r\n        />\r\n        {showMenuToggle && (\r\n          <button\r\n            className=\"size-10 flex items-center justify-center border border-zinc-200 rounded-lg bg-white cursor-pointer\"\r\n            onClick={toggle}\r\n          >\r\n            {isOpen ? (\r\n              <IconX size={18} className=\"text-zinc-950\" />\r\n            ) : (\r\n              <IconMenu2 size={18} className=\"text-zinc-950\" />\r\n            )}\r\n          </button>\r\n        )}\r\n      </div>\r\n    </div>\r\n  );\r\n}\r\n"],"mappings":"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","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/AppNavBar.tsx"],"sourcesContent":["\"use client\";\n\nimport { NavBar } from \"./NavBar\";\nimport { ProfilePopover } from \"./ProfilePopover\";\nimport { NotificationsPopover } from \"./NotificationsPopover\";\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\n\nexport interface AppNavBarProps {\n  logoHref: string;\n  appIconHref: string;\n  /** Which app is currently active — controls which icon gets the indicator */\n  activeApp?: \"gapps\" | \"gpages\";\n  showExpandButton?: boolean;\n  onExpandClick?: () => void;\n  menuItems?: ProfileMenuItem[];\n  onNotificationsViewAll?: () => void;\n}\n\nexport function AppNavBar({\n  logoHref,\n  appIconHref,\n  activeApp,\n  showExpandButton = false,\n  onExpandClick,\n  menuItems = [],\n  onNotificationsViewAll,\n}: AppNavBarProps) {\n  return (\n    <NavBar\n      logoHref={logoHref}\n      appIconHref={appIconHref}\n      activeApp={activeApp}\n      showExpandButton={showExpandButton}\n      onExpandClick={onExpandClick}\n    >\n      <NotificationsPopover onViewAll={onNotificationsViewAll} />\n      <ProfilePopover menuItems={menuItems} />\n    </NavBar>\n  );\n}\n"],"mappings":";AA4BI,SAOE,KAPF;AA1BJ,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAc9B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AACF,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,wBAAqB,WAAW,wBAAwB;AAAA,QACzD,oBAAC,kBAAe,WAAsB;AAAA;AAAA;AAAA,EACxC;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/AppNavBar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport { NavBar } from \"./NavBar\";\r\nimport { ProfilePopover } from \"./ProfilePopover\";\r\nimport { NotificationsPopover } from \"./NotificationsPopover\";\r\nimport type { ProfileMenuItem } from \"./ProfilePopover\";\r\n\r\nexport interface AppNavBarProps {\r\n  logoHref: string;\r\n  appIconHref: string;\r\n  /** Which app is currently active — controls which icon gets the indicator */\r\n  activeApp?: \"gapps\" | \"gpages\";\r\n  showExpandButton?: boolean;\r\n  onExpandClick?: () => void;\r\n  menuItems?: ProfileMenuItem[];\r\n  onNotificationsViewAll?: () => void;\r\n}\r\n\r\nexport function AppNavBar({\r\n  logoHref,\r\n  appIconHref,\r\n  activeApp,\r\n  showExpandButton = false,\r\n  onExpandClick,\r\n  menuItems = [],\r\n  onNotificationsViewAll,\r\n}: AppNavBarProps) {\r\n  return (\r\n    <NavBar\r\n      logoHref={logoHref}\r\n      appIconHref={appIconHref}\r\n      activeApp={activeApp}\r\n      showExpandButton={showExpandButton}\r\n      onExpandClick={onExpandClick}\r\n    >\r\n      <NotificationsPopover onViewAll={onNotificationsViewAll} />\r\n      <ProfilePopover menuItems={menuItems} />\r\n    </NavBar>\r\n  );\r\n}\r\n"],"mappings":";AA4BI,SAOE,KAPF;AA1BJ,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAc9B,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB;AAAA,EACA,YAAY,CAAC;AAAA,EACb;AACF,GAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,wBAAqB,WAAW,wBAAwB;AAAA,QACzD,oBAAC,kBAAe,WAAsB;AAAA;AAAA;AAAA,EACxC;AAEJ;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["'use client';\n\n\"use client\"\n\nimport * as React from \"react\"\nimport { IconChevronLeft } from '@tabler/icons-react'\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\nimport { cn } from \"../../infra/utils/clsx\"\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\n\nfunction MdSideBarNavigation({\n    className,\n    children,\n    ...props\n}: React.ComponentProps<\"div\">) {\n    const { isExpanded, collapse } = useMdSidebarStore()\n\n    return (\n        <>\n            <div\n                className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\n                    isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\n                }`}\n                onClick={collapse}\n            />\n            <div\n                className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\n                    isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\n                }`}\n            >\n                <div\n                    data-slot=\"md-sidebar-navigation\"\n                    className={cn(\"relative w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\n                    {...props}\n                >\n                    {isExpanded && (\n                        <Tooltip>\n                            <TooltipTrigger asChild>\n                                <button\n                                    onClick={collapse}\n                                    className=\"absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40\"\n                                >\n                                    <IconChevronLeft size={16} className=\"text-gray-500\" />\n                                </button>\n                            </TooltipTrigger>\n                            <TooltipContent side=\"right\">Recolher menu</TooltipContent>\n                        </Tooltip>\n                    )}\n                    {children}\n                </div>\n            </div>\n        </>\n    )\n}\n\nexport { MdSideBarNavigation };\n"],"mappings":";AAkBQ,mBACI,KAiBY,YAlBhB;AAbR,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,QACA,SAAS;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAW,GAAG,iFAAiF,SAAS;AAAA,YACvG,GAAG;AAAA,YAEH;AAAA,4BACG,qBAAC,WACG;AAAA,oCAAC,kBAAe,SAAO,MACnB;AAAA,kBAAC;AAAA;AAAA,oBACG,SAAS;AAAA,oBACT,WAAU;AAAA,oBAEV,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,gBACzD,GACJ;AAAA,gBACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,iBAC9C;AAAA,cAEH;AAAA;AAAA;AAAA,QACL;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/MdSideBarNavigation.tsx"],"sourcesContent":["'use client';\r\n\r\n\"use client\"\r\n\r\nimport * as React from \"react\"\r\nimport { IconChevronLeft } from '@tabler/icons-react'\r\nimport { useMdSidebarStore } from \"../../store/useMdSidebarStore\"\r\nimport { cn } from \"../../infra/utils/clsx\"\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\"\r\n\r\nfunction MdSideBarNavigation({\r\n    className,\r\n    children,\r\n    ...props\r\n}: React.ComponentProps<\"div\">) {\r\n    const { isExpanded, collapse } = useMdSidebarStore()\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={`hidden md:block lg:hidden fixed inset-0 bg-black/50 z-20 transition-opacity duration-300 ${\r\n                    isExpanded ? \"opacity-100\" : \"opacity-0 pointer-events-none\"\r\n                }`}\r\n                onClick={collapse}\r\n            />\r\n            <div\r\n                className={`hidden md:flex lg:hidden fixed top-0 bottom-0 left-[73px] z-30 transition-transform duration-300 ease-in-out overflow-visible ${\r\n                    isExpanded ? \"translate-x-0\" : \"-translate-x-full\"\r\n                }`}\r\n            >\r\n                <div\r\n                    data-slot=\"md-sidebar-navigation\"\r\n                    className={cn(\"relative w-[273px] h-full flex flex-col p-4 bg-white border-r border-gray-200\", className)}\r\n                    {...props}\r\n                >\r\n                    {isExpanded && (\r\n                        <Tooltip>\r\n                            <TooltipTrigger asChild>\r\n                                <button\r\n                                    onClick={collapse}\r\n                                    className=\"absolute top-[60px] -right-4 size-8 flex items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-40\"\r\n                                >\r\n                                    <IconChevronLeft size={16} className=\"text-gray-500\" />\r\n                                </button>\r\n                            </TooltipTrigger>\r\n                            <TooltipContent side=\"right\">Recolher menu</TooltipContent>\r\n                        </Tooltip>\r\n                    )}\r\n                    {children}\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n\r\nexport { MdSideBarNavigation };\r\n"],"mappings":";AAkBQ,mBACI,KAiBY,YAlBhB;AAbR,SAAS,uBAAuB;AAChC,SAAS,yBAAyB;AAClC,SAAS,UAAU;AACnB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,oBAAoB;AAAA,EACzB;AAAA,EACA;AAAA,EACA,GAAG;AACP,GAAgC;AAC5B,QAAM,EAAE,YAAY,SAAS,IAAI,kBAAkB;AAEnD,SACI,iCACI;AAAA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,4FACP,aAAa,gBAAgB,+BACjC;AAAA,QACA,SAAS;AAAA;AAAA,IACb;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACG,WAAW,iIACP,aAAa,kBAAkB,mBACnC;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACG,aAAU;AAAA,YACV,WAAW,GAAG,iFAAiF,SAAS;AAAA,YACvG,GAAG;AAAA,YAEH;AAAA,4BACG,qBAAC,WACG;AAAA,oCAAC,kBAAe,SAAO,MACnB;AAAA,kBAAC;AAAA;AAAA,oBACG,SAAS;AAAA,oBACT,WAAU;AAAA,oBAEV,8BAAC,mBAAgB,MAAM,IAAI,WAAU,iBAAgB;AAAA;AAAA,gBACzD,GACJ;AAAA,gBACA,oBAAC,kBAAe,MAAK,SAAQ,2BAAa;AAAA,iBAC9C;AAAA,cAEH;AAAA;AAAA;AAAA,QACL;AAAA;AAAA,IACJ;AAAA,KACJ;AAER;","names":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/layouts/NavBar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport Image from \"next/image\";\nimport Link from \"next/link\";\nimport { useTranslations } from \"next-intl\";\nimport { IconChevronRight } from \"@tabler/icons-react\";\nimport { Separator } from \"../ui/data-display/Separator\";\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\nimport {\n  useDesktopSidebarStore,\n  useDesktopSidebarHydration,\n} from \"../../store/useDesktopSidebarStore\";\nimport {\n  useWhitelabel,\n  useIsDefaultWhitelabel,\n} from \"../../providers/whitelabel.provider\";\nimport { cn } from \"../../infra/utils/clsx\";\n\ntype NavBarProps = {\n  logoHref: string;\n  appIconHref: string;\n  activeApp?: \"gapps\" | \"gpages\";\n  showExpandButton?: boolean;\n  onExpandClick?: () => void;\n  children?: React.ReactNode;\n  className?: string;\n};\n\nfunction NavBar({\n  logoHref,\n  appIconHref,\n  activeApp,\n  showExpandButton = false,\n  onExpandClick,\n  children,\n  className,\n}: NavBarProps) {\n  const translate = useTranslations();\n  const { isExpanded: isDesktopExpanded, toggle: toggleDesktop } =\n    useDesktopSidebarStore();\n  useDesktopSidebarHydration();\n  const { whitelabel } = useWhitelabel();\n  const isDefaultWl = useIsDefaultWhitelabel();\n  const primaryColor = whitelabel?.general?.primary_color;\n  const wlName = whitelabel?.name || \"Great\";\n\n  const wlIcon = whitelabel?.secondary_logo ? (\n    <Image\n      className=\"size-7 object-contain\"\n      src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${whitelabel.secondary_logo}`}\n      alt={`${wlName} Logo`}\n      width={28}\n      height={28}\n    />\n  ) : (\n    <div\n      className={cn(\n        \"size-10 rounded-lg flex items-center justify-center transition-opacity duration-300\",\n        activeApp !== \"gapps\" && \"opacity-20\",\n      )}\n      style={{ backgroundColor: primaryColor }}\n    >\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"24\"\n        height=\"24\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      >\n        <path d=\"M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n        <path d=\"M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n        <path d=\"M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n        <path d=\"M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\n      </svg>\n    </div>\n  );\n\n  return (\n    <div\n      className={cn(\n        \"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\",\n        className,\n      )}\n    >\n      <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\n        {/* GreatApps logo */}\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger className=\"cursor-pointer\" asChild>\n              <Link href={logoHref}>\n                {isDefaultWl ? (\n                  <Image\n                    src=\"/icons/great-icon.svg\"\n                    alt=\"Great Icon\"\n                    width={28}\n                    height={28}\n                  />\n                ) : (\n                  wlIcon\n                )}\n              </Link>\n            </TooltipTrigger>\n            <TooltipContent side=\"right\">{wlName}</TooltipContent>\n          </Tooltip>\n          <div\n            className={cn(\n              \"absolute -left-[22px] top-1/2 -translate-y-1/2 z-10 w-[3px] h-5 rounded-r-xl transition-opacity duration-300\",\n              isDefaultWl ? \"bg-gray-950\" : \"\",\n              activeApp === \"gapps\" ? \"opacity-100\" : \"opacity-0\",\n            )}\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\n          />\n        </div>\n\n        <div className=\"relative w-full mt-[7.5px]\">\n          <Separator />\n          {/* Md expand button */}\n          {showExpandButton && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  onClick={onExpandClick}\n                  className=\"hidden md:flex lg:hidden absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\n                >\n                  <IconChevronRight size={16} className=\"text-gray-500\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent side=\"right\">{translate('common.layout.navbar.expandMenu')}</TooltipContent>\n            </Tooltip>\n          )}\n          {/* Desktop expand button */}\n          {!isDesktopExpanded && (\n            <Tooltip>\n              <TooltipTrigger asChild>\n                <button\n                  onClick={toggleDesktop}\n                  className=\"hidden lg:flex absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\n                >\n                  <IconChevronRight size={16} className=\"text-gray-500\" />\n                </button>\n              </TooltipTrigger>\n              <TooltipContent side=\"right\">{translate('common.layout.navbar.expandMenu')}</TooltipContent>\n            </Tooltip>\n          )}\n        </div>\n\n        {/* GreatPages icon */}\n        <div className=\"relative\">\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <Link\n                href={appIconHref}\n                className={cn(\n                  \"size-10 rounded-lg cursor-pointer flex items-center justify-center border-2 ring-2 transition-colors duration-300\",\n                  activeApp === \"gpages\"\n                    ? isDefaultWl\n                      ? \"bg-cyan-100 border-white ring-cyan-300\"\n                      : \"border-white ring-transparent\"\n                    : isDefaultWl\n                      ? \"hover:bg-gray-100 border-transparent ring-transparent\"\n                      : \"border-transparent ring-transparent\",\n                )}\n                style={\n                  !isDefaultWl\n                    ? {\n                        backgroundColor: primaryColor,\n                        boxShadow:\n                          activeApp === \"gpages\"\n                            ? `0 0 0 2px ${primaryColor}40`\n                            : undefined,\n                        opacity: activeApp !== \"gpages\" ? 0.2 : undefined,\n                      }\n                    : undefined\n                }\n              >\n                {isDefaultWl ? (\n                  <Image\n                    src=\"/icons/icon-navbar.svg\"\n                    alt=\"GreatPages\"\n                    width={24}\n                    height={24}\n                  />\n                ) : (\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"white\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeLinejoin=\"round\"\n                  >\n                    <path d=\"M4 8h16\" />\n                    <path d=\"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12\" />\n                    <path d=\"M8 4v4\" />\n                  </svg>\n                )}\n              </Link>\n            </TooltipTrigger>\n            <TooltipContent side=\"right\">\n              {isDefaultWl ? translate('common.layout.navbar.greatPages') : translate('common.layout.navbar.pages')}\n            </TooltipContent>\n          </Tooltip>\n          <div\n            className={cn(\n              \"absolute -left-4 top-1/2 -translate-y-1/2 z-10 w-[3px] h-5 rounded-r-xl transition-opacity duration-300\",\n              isDefaultWl ? \"bg-cyan-300\" : \"\",\n              activeApp === \"gpages\" ? \"opacity-100\" : \"opacity-0\",\n            )}\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\n          />\n        </div>\n      </div>\n\n      <div className=\"flex flex-col items-center gap-2\">{children}</div>\n    </div>\n  );\n}\n\nexport { NavBar };\nexport type { NavBarProps };\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/layouts/NavBar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\nimport Image from \"next/image\";\r\nimport Link from \"next/link\";\r\nimport { useTranslations } from \"next-intl\";\r\nimport { IconChevronRight } from \"@tabler/icons-react\";\r\nimport { Separator } from \"../ui/data-display/Separator\";\r\nimport { Tooltip, TooltipContent, TooltipTrigger } from \"../ui/overlay/Tooltip\";\r\nimport {\r\n  useDesktopSidebarStore,\r\n  useDesktopSidebarHydration,\r\n} from \"../../store/useDesktopSidebarStore\";\r\nimport {\r\n  useWhitelabel,\r\n  useIsDefaultWhitelabel,\r\n} from \"../../providers/whitelabel.provider\";\r\nimport { cn } from \"../../infra/utils/clsx\";\r\n\r\ntype NavBarProps = {\r\n  logoHref: string;\r\n  appIconHref: string;\r\n  activeApp?: \"gapps\" | \"gpages\";\r\n  showExpandButton?: boolean;\r\n  onExpandClick?: () => void;\r\n  children?: React.ReactNode;\r\n  className?: string;\r\n};\r\n\r\nfunction NavBar({\r\n  logoHref,\r\n  appIconHref,\r\n  activeApp,\r\n  showExpandButton = false,\r\n  onExpandClick,\r\n  children,\r\n  className,\r\n}: NavBarProps) {\r\n  const translate = useTranslations();\r\n  const { isExpanded: isDesktopExpanded, toggle: toggleDesktop } =\r\n    useDesktopSidebarStore();\r\n  useDesktopSidebarHydration();\r\n  const { whitelabel } = useWhitelabel();\r\n  const isDefaultWl = useIsDefaultWhitelabel();\r\n  const primaryColor = whitelabel?.general?.primary_color;\r\n  const wlName = whitelabel?.name || \"Great\";\r\n\r\n  const wlIcon = whitelabel?.secondary_logo ? (\r\n    <Image\r\n      className=\"size-7 object-contain\"\r\n      src={`${process.env.NEXT_PUBLIC_STORAGE_URL}/${whitelabel.secondary_logo}`}\r\n      alt={`${wlName} Logo`}\r\n      width={28}\r\n      height={28}\r\n    />\r\n  ) : (\r\n    <div\r\n      className={cn(\r\n        \"size-10 rounded-lg flex items-center justify-center transition-opacity duration-300\",\r\n        activeApp !== \"gapps\" && \"opacity-20\",\r\n      )}\r\n      style={{ backgroundColor: primaryColor }}\r\n    >\r\n      <svg\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      >\r\n        <path d=\"M4 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n        <path d=\"M14 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n        <path d=\"M4 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n        <path d=\"M14 15a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v4a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1l0 -4\" />\r\n      </svg>\r\n    </div>\r\n  );\r\n\r\n  return (\r\n    <div\r\n      className={cn(\r\n        \"hidden md:flex flex-col justify-between h-screen p-4 border-r border-gray-200 overflow-visible z-40 bg-white\",\r\n        className,\r\n      )}\r\n    >\r\n      <div className=\"flex flex-col gap-4 items-center mt-[6.5px]\">\r\n        {/* GreatApps logo */}\r\n        <div className=\"relative\">\r\n          <Tooltip>\r\n            <TooltipTrigger className=\"cursor-pointer\" asChild>\r\n              <Link href={logoHref}>\r\n                {isDefaultWl ? (\r\n                  <Image\r\n                    src=\"/icons/great-icon.svg\"\r\n                    alt=\"Great Icon\"\r\n                    width={28}\r\n                    height={28}\r\n                  />\r\n                ) : (\r\n                  wlIcon\r\n                )}\r\n              </Link>\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"right\">{wlName}</TooltipContent>\r\n          </Tooltip>\r\n          <div\r\n            className={cn(\r\n              \"absolute -left-[22px] top-1/2 -translate-y-1/2 z-10 w-[3px] h-5 rounded-r-xl transition-opacity duration-300\",\r\n              isDefaultWl ? \"bg-gray-950\" : \"\",\r\n              activeApp === \"gapps\" ? \"opacity-100\" : \"opacity-0\",\r\n            )}\r\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\r\n          />\r\n        </div>\r\n\r\n        <div className=\"relative w-full mt-[7.5px]\">\r\n          <Separator />\r\n          {/* Md expand button */}\r\n          {showExpandButton && (\r\n            <Tooltip>\r\n              <TooltipTrigger asChild>\r\n                <button\r\n                  onClick={onExpandClick}\r\n                  className=\"hidden md:flex lg:hidden absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\r\n                >\r\n                  <IconChevronRight size={16} className=\"text-gray-500\" />\r\n                </button>\r\n              </TooltipTrigger>\r\n              <TooltipContent side=\"right\">{translate('common.layout.navbar.expandMenu')}</TooltipContent>\r\n            </Tooltip>\r\n          )}\r\n          {/* Desktop expand button */}\r\n          {!isDesktopExpanded && (\r\n            <Tooltip>\r\n              <TooltipTrigger asChild>\r\n                <button\r\n                  onClick={toggleDesktop}\r\n                  className=\"hidden lg:flex absolute top-1/2 -translate-y-1/2 right-0 translate-x-[calc(50%+1rem)] size-8 items-center justify-center rounded-full border border-gray-200 bg-white hover:bg-gray-100 cursor-pointer transition-colors z-10\"\r\n                >\r\n                  <IconChevronRight size={16} className=\"text-gray-500\" />\r\n                </button>\r\n              </TooltipTrigger>\r\n              <TooltipContent side=\"right\">{translate('common.layout.navbar.expandMenu')}</TooltipContent>\r\n            </Tooltip>\r\n          )}\r\n        </div>\r\n\r\n        {/* GreatPages icon */}\r\n        <div className=\"relative\">\r\n          <Tooltip>\r\n            <TooltipTrigger asChild>\r\n              <Link\r\n                href={appIconHref}\r\n                className={cn(\r\n                  \"size-10 rounded-lg cursor-pointer flex items-center justify-center border-2 ring-2 transition-colors duration-300\",\r\n                  activeApp === \"gpages\"\r\n                    ? isDefaultWl\r\n                      ? \"bg-cyan-100 border-white ring-cyan-300\"\r\n                      : \"border-white ring-transparent\"\r\n                    : isDefaultWl\r\n                      ? \"hover:bg-gray-100 border-transparent ring-transparent\"\r\n                      : \"border-transparent ring-transparent\",\r\n                )}\r\n                style={\r\n                  !isDefaultWl\r\n                    ? {\r\n                        backgroundColor: primaryColor,\r\n                        boxShadow:\r\n                          activeApp === \"gpages\"\r\n                            ? `0 0 0 2px ${primaryColor}40`\r\n                            : undefined,\r\n                        opacity: activeApp !== \"gpages\" ? 0.2 : undefined,\r\n                      }\r\n                    : undefined\r\n                }\r\n              >\r\n                {isDefaultWl ? (\r\n                  <Image\r\n                    src=\"/icons/icon-navbar.svg\"\r\n                    alt=\"GreatPages\"\r\n                    width={24}\r\n                    height={24}\r\n                  />\r\n                ) : (\r\n                  <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"24\"\r\n                    height=\"24\"\r\n                    viewBox=\"0 0 24 24\"\r\n                    fill=\"none\"\r\n                    stroke=\"white\"\r\n                    strokeWidth=\"2\"\r\n                    strokeLinecap=\"round\"\r\n                    strokeLinejoin=\"round\"\r\n                  >\r\n                    <path d=\"M4 8h16\" />\r\n                    <path d=\"M4 6a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2l0 -12\" />\r\n                    <path d=\"M8 4v4\" />\r\n                  </svg>\r\n                )}\r\n              </Link>\r\n            </TooltipTrigger>\r\n            <TooltipContent side=\"right\">\r\n              {isDefaultWl ? translate('common.layout.navbar.greatPages') : translate('common.layout.navbar.pages')}\r\n            </TooltipContent>\r\n          </Tooltip>\r\n          <div\r\n            className={cn(\r\n              \"absolute -left-4 top-1/2 -translate-y-1/2 z-10 w-[3px] h-5 rounded-r-xl transition-opacity duration-300\",\r\n              isDefaultWl ? \"bg-cyan-300\" : \"\",\r\n              activeApp === \"gpages\" ? \"opacity-100\" : \"opacity-0\",\r\n            )}\r\n            style={!isDefaultWl ? { backgroundColor: primaryColor } : undefined}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"flex flex-col items-center gap-2\">{children}</div>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport { NavBar };\r\nexport type { NavBarProps };\r\n"],"mappings":"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","names":[]}