@greatapps/common 1.1.429 → 1.1.430

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

@@ -0,0 +1,227 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useForm } from "react-hook-form";
+import { toast } from "sonner";
+import { IconLock } from "@tabler/icons-react";
+import { cn } from "../../../infra/utils/clsx";
+import { Button } from "../../ui/buttons/Button";
+import { Separator } from "../../ui/data-display/Separator";
+import { Toast } from "../../ui/feedback/Toast";
+import { FormField } from "../../ui/form/FormField";
+import { ComboboxField } from "../../ui/form/ComboboxField";
+import { SelectField } from "../../ui/form/SelectField";
+import ConfirmGlobalPreferencesModal from "../ConfirmGlobalPreferencesModal";
+import { useAuth } from "../../../providers/auth.provider";
+import { UserProfile } from "../../../modules/users/schema";
+import {
+  useUpdateAccountUser,
+  useUpdateAccount
+} from "../../../modules/accounts/hooks/useAccountManagement";
+import {
+  LANGUAGE_OPTIONS,
+  TIME_FORMAT_OPTIONS
+} from "../constants";
+import { useTimezones } from "../../../modules/accounts/hooks/useTimezones";
+import { useCurrencies } from "../../../modules/accounts/hooks/useCurrencies";
+function PreferencesSection({ onClose }) {
+  const { data: timezones = [] } = useTimezones();
+  const { data: currencies = [] } = useCurrencies();
+  const { user, account } = useAuth();
+  const isOwner = user?.profile === UserProfile.owner;
+  const canEditPreferences = isOwner || user?.profile === UserProfile.admin;
+  const updateAccountUser = useUpdateAccountUser();
+  const updateAccount = useUpdateAccount();
+  const [confirmGlobalOpen, setConfirmGlobalOpen] = useState(false);
+  const [pendingSubmit, setPendingSubmit] = useState(null);
+  const [isSaving, setIsSaving] = useState(false);
+  const { watch, setValue, handleSubmit, reset, formState: { dirtyFields } } = useForm({
+    defaultValues: {
+      companyName: "",
+      language: "",
+      currency: "",
+      timezone: "",
+      timeFormat: "24h",
+      receive_sms: false,
+      receive_email: false
+    }
+  });
+  useEffect(() => {
+    if (!user || !account) return;
+    reset({
+      companyName: account.name ?? "",
+      language: LANGUAGE_OPTIONS.find(
+        (o) => o.apiValue === user.language?.toLowerCase()
+      )?.value ?? "pt-BR",
+      currency: account.currency,
+      timezone: account.timezone,
+      timeFormat: "24h",
+      receive_sms: user.receive_sms ?? false,
+      receive_email: user.receive_email ?? false
+    });
+  }, [user, account, reset]);
+  const doSave = async (data, accountFields) => {
+    setIsSaving(true);
+    try {
+      const apiLanguage = LANGUAGE_OPTIONS.find((o) => o.value === data.language)?.apiValue ?? data.language.toLowerCase();
+      await updateAccountUser.mutateAsync({
+        language: apiLanguage,
+        receive_sms: data.receive_sms,
+        receive_email: data.receive_email
+      });
+      if (canEditPreferences && Object.keys(accountFields).length > 0) {
+        await updateAccount.mutateAsync(accountFields);
+      }
+      reset(data);
+      toast.custom((t) => /* @__PURE__ */ jsx(Toast, { variant: "success", message: "Prefer\xEAncias salvas com sucesso", toastId: t }));
+      onClose();
+    } catch (error) {
+      toast.custom((t) => /* @__PURE__ */ jsx(
+        Toast,
+        {
+          variant: "error",
+          message: error instanceof Error ? error.message : "Erro ao salvar prefer\xEAncias",
+          toastId: t
+        }
+      ));
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  const onSubmit = (data) => {
+    const accountFields = {
+      ...isOwner && dirtyFields.companyName && { name: data.companyName },
+      ...canEditPreferences && dirtyFields.currency && { currency: data.currency },
+      ...canEditPreferences && dirtyFields.timezone && { timezone: data.timezone }
+    };
+    const globalFieldChanged = Object.keys(accountFields).length > 0;
+    if (globalFieldChanged) {
+      setPendingSubmit({ data, accountFields });
+      setConfirmGlobalOpen(true);
+    } else {
+      doSave(data, accountFields);
+    }
+  };
+  const handleConfirmGlobal = () => {
+    setConfirmGlobalOpen(false);
+    if (pendingSubmit) {
+      doSave(pendingSubmit.data, pendingSubmit.accountFields);
+      setPendingSubmit(null);
+    }
+  };
+  const handleCancelGlobal = () => {
+    setConfirmGlobalOpen(false);
+    setPendingSubmit(null);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "flex flex-col h-full", children: [
+      /* @__PURE__ */ jsxs("div", { className: "overflow-y-auto overscroll-contain px-4 pb-4 lg:p-5 flex flex-col gap-5 lg:gap-6 flex-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Prefer\xEAncias" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+          /* @__PURE__ */ jsx("div", { className: "flex flex-col lg:flex-row items-center gap-3", children: /* @__PURE__ */ jsx(
+            FormField,
+            {
+              label: "Nome da empresa",
+              placeholder: "Digite o nome da empresa",
+              classnameContainer: cn("w-full", !isOwner && "cursor-not-allowed opacity-50"),
+              value: watch("companyName"),
+              onChange: (e) => setValue("companyName", e.target.value, { shouldDirty: true }),
+              disabled: !isOwner
+            }
+          ) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              ComboboxField,
+              {
+                label: "Idioma",
+                placeholder: "Selecione o idioma",
+                searchPlaceholder: "Buscar idioma...",
+                containerClassName: "w-full",
+                options: LANGUAGE_OPTIONS,
+                value: watch("language"),
+                onChange: (value) => setValue("language", value, { shouldDirty: true })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ComboboxField,
+              {
+                label: "Moeda",
+                placeholder: "Selecione a moeda",
+                searchPlaceholder: "Buscar moeda...",
+                containerClassName: "w-full",
+                options: currencies,
+                value: watch("currency"),
+                onChange: (value) => setValue("currency", value, { shouldDirty: true }),
+                icon: !canEditPreferences ? /* @__PURE__ */ jsx(IconLock, { className: "size-4 text-gray-400" }) : void 0,
+                disabled: !canEditPreferences
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx(Separator, {}),
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+            /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Exibi\xE7\xE3o hora" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row items-center gap-3", children: [
+              /* @__PURE__ */ jsx(
+                ComboboxField,
+                {
+                  label: "Fuso hor\xE1rio",
+                  placeholder: "Selecione o fuso hor\xE1rio",
+                  searchPlaceholder: "Buscar fuso hor\xE1rio...",
+                  containerClassName: "w-full",
+                  options: timezones,
+                  value: watch("timezone"),
+                  onChange: (value) => setValue("timezone", value, { shouldDirty: true }),
+                  icon: !canEditPreferences ? /* @__PURE__ */ jsx(IconLock, { className: "size-4 text-gray-400" }) : void 0,
+                  disabled: !canEditPreferences
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                SelectField,
+                {
+                  label: "Formato hora",
+                  placeholder: "Selecione o formato",
+                  className: "h-10!",
+                  containerClassName: "w-full",
+                  options: TIME_FORMAT_OPTIONS,
+                  value: watch("timeFormat"),
+                  onChange: (value) => setValue("timeFormat", value, { shouldDirty: true }),
+                  icon: /* @__PURE__ */ jsx(IconLock, { className: "size-4 text-gray-400" }),
+                  disabled: true
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("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", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "secondary",
+            className: "h-10!",
+            type: "button",
+            disabled: isSaving,
+            onClick: () => {
+              reset();
+              onClose();
+            },
+            children: "Cancelar"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { className: "h-10!", type: "submit", disabled: isSaving, children: isSaving ? "Salvando..." : "Salvar altera\xE7\xF5es" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      ConfirmGlobalPreferencesModal,
+      {
+        open: confirmGlobalOpen,
+        onConfirm: handleConfirmGlobal,
+        onCancel: handleCancelGlobal
+      }
+    )
+  ] });
+}
+export {
+  PreferencesSection
+};
+//# sourceMappingURL=PreferencesSection.mjs.map

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

@@ -0,0 +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 { toast } from 'sonner';\nimport { IconLock } from '@tabler/icons-react';\nimport { cn } from '../../../infra/utils/clsx';\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 { 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';\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  const { data: timezones = [] } = useTimezones();\n  const { data: currencies = [] } = useCurrencies();\n  const { user, account } = useAuth();\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      currency: account.currency,\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((t) => (\n        <Toast variant=\"success\" message=\"Preferências salvas com sucesso\" toastId={t} />\n      ));\n      onClose();\n    } catch (error) {\n      toast.custom((t) => (\n        <Toast\n          variant=\"error\"\n          message={error instanceof Error ? error.message : 'Erro ao salvar preferências'}\n          toastId={t}\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      ...(canEditPreferences && dirtyFields.currency && { currency: data.currency }),\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\">Preferências</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=\"Nome da empresa\"\n                placeholder=\"Digite o nome da empresa\"\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=\"Idioma\"\n                placeholder=\"Selecione o idioma\"\n                searchPlaceholder=\"Buscar idioma...\"\n                containerClassName=\"w-full\"\n                options={LANGUAGE_OPTIONS}\n                value={watch('language')}\n                onChange={(value) => setValue('language', value, { shouldDirty: true })}\n              />\n              <ComboboxField\n                label=\"Moeda\"\n                placeholder=\"Selecione a moeda\"\n                searchPlaceholder=\"Buscar moeda...\"\n                containerClassName=\"w-full\"\n                options={currencies}\n                value={watch('currency')}\n                onChange={(value) => setValue('currency', value, { shouldDirty: true })}\n                icon={!canEditPreferences ? <IconLock className=\"size-4 text-gray-400\" /> : undefined}\n                disabled={!canEditPreferences}\n              />\n            </div>\n\n            <Separator />\n\n            <div className=\"flex flex-col gap-4\">\n              <span className=\"paragraph-medium-semibold text-gray-950\">Exibição hora</span>\n              <div className=\"flex flex-col lg:flex-row items-center gap-3\">\n                <ComboboxField\n                  label=\"Fuso horário\"\n                  placeholder=\"Selecione o fuso horário\"\n                  searchPlaceholder=\"Buscar fuso horário...\"\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=\"Formato hora\"\n                  placeholder=\"Selecione o formato\"\n                  className=\"h-10!\"\n                  containerClassName=\"w-full\"\n                  options={TIME_FORMAT_OPTIONS}\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            Cancelar\n          </Button>\n          <Button className=\"h-10!\" type=\"submit\" disabled={isSaving}>\n            {isSaving ? 'Salvando...' : 'Salvar alterações'}\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":[]}

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { IconAlertTriangle } from "@tabler/icons-react";
+function SecuritySection({
+  onClose,
+  onDeleteAccount
+}) {
+  return /* @__PURE__ */ jsxs("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", children: [
+    /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950 hidden lg:block", children: "Seguran\xE7a" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center lg:items-start gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "size-10 rounded-lg bg-red-50 flex items-center justify-center", children: /* @__PURE__ */ jsx(IconAlertTriangle, { size: 20, className: "text-red-500" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "paragraph-medium-semibold text-gray-950", children: "Excluir conta" }),
+        /* @__PURE__ */ jsx("span", { className: "paragraph-small-regular text-gray-600", children: "Esta a\xE7\xE3o \xE9 permanente e n\xE3o pode ser desfeita. Todos os seus dados, projetos e configura\xE7\xF5es ser\xE3o removidos definitivamente." })
+      ] }),
+      onDeleteAccount && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          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",
+          onClick: onDeleteAccount,
+          children: "Excluir minha conta"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  SecuritySection
+};
+//# sourceMappingURL=SecuritySection.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/account/sections/SecuritySection.tsx"],"sourcesContent":["'use client';\n\nimport { IconAlertTriangle } from '@tabler/icons-react';\nimport { Button } from '../../ui/buttons/Button';\nimport { useAuth } from '../../../providers/auth.provider';\nimport { AccountSectionType } from '../../../enums/AccountSectionType';\n\ninterface SecuritySectionProps {\n  setActiveSection: (section: AccountSectionType) => void;\n  onClose: () => void;\n  onDeleteAccount?: () => void;\n}\n\nexport function SecuritySection({\n  onClose,\n  onDeleteAccount,\n}: SecuritySectionProps) {\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\">Segurança</span>\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\">Excluir conta</span>\n          <span className=\"paragraph-small-regular text-gray-600\">\n            Esta ação é permanente e não pode ser desfeita. Todos os seus dados, projetos e configurações serão removidos definitivamente.\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            Excluir minha conta\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAmBM,cAOE,YAPF;AAjBN,SAAS,yBAAyB;AAW3B,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AACF,GAAyB;AACvB,SACE,qBAAC,SAAI,WAAU,gIACb;AAAA,wBAAC,UAAK,WAAU,2DAA0D,0BAAS;AAAA,IAEnF,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,2CAA0C,2BAAa;AAAA,QACvE,oBAAC,UAAK,WAAU,yCAAwC,iKAExD;AAAA,SACF;AAAA,MAEC,mBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACV;AAAA;AAAA,MAED;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/embeds/CrispEmbed.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { useAuth } from "../../providers/auth.provider";
+import { useWhitelabel } from "../../providers/whitelabel.provider";
+import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
+const V4_WHITELABEL_ID = 367568;
+const CRISP_WEBSITE_ID = "3339a3ec-b4c6-4aac-8b86-45668fb7655c";
+const CRISP_SCRIPT_URL = "https://client.crisp.chat/l.js";
+const CRISP_LOAD_DELAY = 800;
+function safeCrispPush(args) {
+  try {
+    const $crisp = window?.$crisp;
+    if ($crisp) $crisp.push(args);
+  } catch {
+  }
+}
+function openCrispHelpdesk() {
+  safeCrispPush(["do", "helpdesk:search"]);
+}
+function hideCrisp() {
+  safeCrispPush(["do", "chat:hide"]);
+}
+function showCrisp() {
+  safeCrispPush(["do", "chat:show"]);
+}
+function CrispEmbed() {
+  const { user, account } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const scriptLoadedRef = useRef(false);
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+  useEffect(() => {
+    if (!user || scriptLoadedRef.current) return;
+    try {
+      const win = window;
+      win.$crisp = [];
+      win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;
+      win.$crisp.push(["config", "container:index", [100]]);
+      const timeout = setTimeout(() => {
+        try {
+          if (document.querySelector(`script[src="${CRISP_SCRIPT_URL}"]`)) return;
+          const s = document.createElement("script");
+          s.src = CRISP_SCRIPT_URL;
+          s.async = true;
+          document.head.appendChild(s);
+          scriptLoadedRef.current = true;
+        } catch {
+        }
+      }, CRISP_LOAD_DELAY);
+      return () => clearTimeout(timeout);
+    } catch {
+    }
+  }, [user]);
+  useEffect(() => {
+    try {
+      const $crisp = window?.$crisp;
+      if (!user || !$crisp) return;
+      if (user.email) $crisp.push(["set", "user:email", user.email]);
+      const fullName = `${user.name ?? ""} ${user.last_name ?? ""}`.trim();
+      if (fullName) $crisp.push(["set", "user:nickname", fullName]);
+      if (account?.name) $crisp.push(["set", "user:company", account.name]);
+      const phone = `${user.ddi ?? ""}${user.phone ?? ""}`.trim();
+      if (phone) $crisp.push(["set", "user:phone", phone]);
+      if (user.photo && user.photo.startsWith("http")) {
+        $crisp.push(["set", "user:avatar", user.photo]);
+      }
+      if (isV4) {
+        $crisp.push(["set", "session:segments", [["company_v4"]]]);
+        $crisp.push(["set", "session:data", [[["Company", "V4"]]]]);
+      } else {
+        const planName = subscription?.plan_name ?? "";
+        if (planName) $crisp.push(["set", "session:segments", [[`plano_${planName}`]]]);
+        if (user.profile) $crisp.push(["set", "session:segments", [[`usuario_${user.profile}`]]]);
+        if (planName) $crisp.push(["set", "session:data", [[["Plano", planName]]]]);
+        if (user.profile) $crisp.push(["set", "session:data", [[["Usuario", user.profile]]]]);
+      }
+    } catch {
+    }
+  }, [user, account, isV4, subscription?.plan_name]);
+  return null;
+}
+export {
+  CrispEmbed,
+  hideCrisp,
+  openCrispHelpdesk,
+  showCrisp
+};
+//# sourceMappingURL=CrispEmbed.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/embeds/CrispEmbed.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { useAuth } from '../../providers/auth.provider';\nimport { useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\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\nfunction safeCrispPush(args: any[]) {\n  try {\n    const $crisp = (window as any)?.$crisp;\n    if ($crisp) $crisp.push(args);\n  } catch {}\n}\n\nexport function openCrispHelpdesk() {\n  safeCrispPush(['do', 'helpdesk:search']);\n}\n\nexport function hideCrisp() {\n  safeCrispPush(['do', 'chat:hide']);\n}\n\nexport function showCrisp() {\n  safeCrispPush(['do', 'chat:show']);\n}\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 subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n\n  // Load Crisp script (once, with 800ms delay)\n  useEffect(() => {\n    if (!user || scriptLoadedRef.current) return;\n\n    try {\n      const win = window as any;\n      win.$crisp = [];\n      win.CRISP_WEBSITE_ID = CRISP_WEBSITE_ID;\n      win.$crisp.push(['config', 'container:index', [100]]);\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]);\n\n  // Identify user\n  useEffect(() => {\n    try {\n      const $crisp = (window as any)?.$crisp;\n      if (!user || !$crisp) return;\n\n      if (user.email) $crisp.push(['set', 'user:email', user.email]);\n\n      const fullName = `${user.name ?? ''} ${user.last_name ?? ''}`.trim();\n      if (fullName) $crisp.push(['set', 'user:nickname', fullName]);\n\n      if (account?.name) $crisp.push(['set', 'user:company', account.name]);\n\n      const phone = `${user.ddi ?? ''}${user.phone ?? ''}`.trim();\n      if (phone) $crisp.push(['set', 'user:phone', phone]);\n\n      if (user.photo && user.photo.startsWith('http')) {\n        $crisp.push(['set', 'user:avatar', user.photo]);\n      }\n\n      if (isV4) {\n        $crisp.push(['set', 'session:segments', [['company_v4']]]);\n        $crisp.push(['set', 'session:data', [[['Company', 'V4']]]]);\n      } else {\n        const planName = subscription?.plan_name ?? '';\n        if (planName) $crisp.push(['set', 'session:segments', [[`plano_${planName}`]]]);\n        if (user.profile) $crisp.push(['set', 'session:segments', [[`usuario_${user.profile}`]]]);\n        if (planName) $crisp.push(['set', 'session:data', [[['Plano', planName]]]]);\n        if (user.profile) $crisp.push(['set', 'session:data', [[['Usuario', user.profile]]]]);\n      }\n    } catch {}\n  }, [user, account, isV4, subscription?.plan_name]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}

package/dist/components/embeds/FrillEmbed.mjs

@@ -0,0 +1,107 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { useAuth } from "../../providers/auth.provider";
+import { useWhitelabel } from "../../providers/whitelabel.provider";
+import { useActiveSubscription } from "../../modules/subscriptions/hooks/find-active-subscription.hook";
+const V4_WHITELABEL_ID = 367568;
+const FRILL_SCRIPT_URL = "https://widget.frill.co/v2/container.js";
+const FRILL_KEY = "2f77f232-a120-438e-8ef6-01912ffd1b99";
+const SURVEYS = [{ key: "7f59dbf6-b665-458a-80e2-778de47efe1c" }];
+const WIDGETS = [
+  { key: "4a5ba13b-1150-49fe-aa15-f9a2da0ba909" },
+  { key: "720c0912-e6a4-495c-835e-3ff1f59d6dfc" }
+];
+function initFrillLoader() {
+  try {
+    const win = window;
+    if (win.Frill) return;
+    let counter = 0;
+    const queue = {};
+    win.Frill = function(action, params) {
+      let instance;
+      const id = counter++;
+      const promise = new Promise((resolve, reject) => {
+        queue[id] = {
+          params: [action, params],
+          resolve: (f) => {
+            instance = f;
+            resolve(f);
+          },
+          reject
+        };
+      });
+      promise.destroy = () => {
+        delete queue[id];
+        instance?.destroy();
+      };
+      return promise;
+    };
+    win.Frill.q = queue;
+  } catch {
+  }
+}
+function loadFrillScript() {
+  try {
+    if (document.querySelector(`script[src="${FRILL_SCRIPT_URL}"]`)) return;
+    const anchor = document.getElementsByTagName("script")[0];
+    const script = document.createElement("script");
+    script.type = "text/javascript";
+    script.async = true;
+    script.src = FRILL_SCRIPT_URL;
+    anchor?.parentNode?.insertBefore(script, anchor);
+  } catch {
+  }
+}
+function FrillEmbed() {
+  const { user } = useAuth();
+  const { whitelabel } = useWhitelabel();
+  const { data: subscriptionData } = useActiveSubscription();
+  const containerRef = useRef(null);
+  const subscription = subscriptionData?.data?.[0] ?? null;
+  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;
+  useEffect(() => {
+    if (!user) return;
+    try {
+      initFrillLoader();
+      if (document.readyState === "complete" || document.readyState === "interactive") {
+        loadFrillScript();
+      } else {
+        document.addEventListener("DOMContentLoaded", loadFrillScript);
+      }
+      const userData = {
+        id: String(user.id ?? "")
+      };
+      if (user.email) userData.email = user.email;
+      if (user.name || user.last_name) {
+        userData.name = `${user.name ?? ""} ${user.last_name ?? ""}`.trim();
+      }
+      userData.attributes = isV4 ? { company: "V4" } : { profile: user.profile ?? "", plan: subscription?.plan_name ?? "" };
+      const config = { key: FRILL_KEY, user: userData };
+      if (!isV4) {
+        config.surveys = SURVEYS;
+        config.widgets = WIDGETS;
+      }
+      const win = window;
+      const containerPromise = win.Frill("container", config);
+      win.Frill("identify", userData);
+      containerPromise.then((widget) => {
+        containerRef.current = widget;
+      }).catch(() => {
+      });
+    } catch {
+    }
+    return () => {
+      try {
+        containerRef.current?.destroy();
+        containerRef.current = null;
+        document.removeEventListener("DOMContentLoaded", loadFrillScript);
+      } catch {
+      }
+    };
+  }, [user, isV4, subscription?.plan_name]);
+  return null;
+}
+export {
+  FrillEmbed
+};
+//# sourceMappingURL=FrillEmbed.mjs.map

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

@@ -0,0 +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 { useWhitelabel } from '../../providers/whitelabel.provider';\nimport { useActiveSubscription } from '../../modules/subscriptions/hooks/find-active-subscription.hook';\n\nconst V4_WHITELABEL_ID = 367568;\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 WIDGETS = [\n  { key: '4a5ba13b-1150-49fe-aa15-f9a2da0ba909' },\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\n  const subscription = subscriptionData?.data?.[0] ?? null;\n  const isV4 = whitelabel?.id === V4_WHITELABEL_ID;\n\n  useEffect(() => {\n    if (!user) return;\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: 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      const containerPromise = win.Frill('container', config);\n      win.Frill('identify', userData);\n\n      containerPromise.then((widget: any) => {\n        containerRef.current = widget;\n      }).catch(() => {});\n    } catch {}\n\n    return () => {\n      try {\n        containerRef.current?.destroy();\n        containerRef.current = null;\n        document.removeEventListener('DOMContentLoaded', loadFrillScript);\n      } catch {}\n    };\n  }, [user, isV4, subscription?.plan_name]);\n\n  return null;\n}\n"],"mappings":"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","names":[]}

package/dist/components/handlers/SearchParamsHandler.mjs

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Suspense, useEffect } from "react";
+import { useSearchParams } from "next/navigation";
+function SearchParamsHandler(options) {
+  return /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(SearchParamsHandlerChildren, { ...options }) });
+}
+function SearchParamsHandlerChildren(options) {
+  const searchParams = useSearchParams();
+  useEffect(() => {
+    Object.keys(options.handlers).forEach((key) => {
+      const value = searchParams.get(key);
+      if (value) {
+        options.handlers[key]();
+      }
+    });
+  }, [searchParams]);
+  return null;
+}
+export {
+  SearchParamsHandler,
+  SearchParamsHandlerChildren
+};
+//# sourceMappingURL=SearchParamsHandler.mjs.map

package/dist/components/handlers/SearchParamsHandler.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/handlers/SearchParamsHandler.tsx"],"sourcesContent":["\"use client\";\n\nimport { Suspense, useEffect } from \"react\";\nimport { useSearchParams } from \"next/navigation\";\n\ninterface SearchParamsHandlerProps {\n  handlers: {\n    [key: string]: () => void;\n  };\n}\n\n/**\n * SearchParamsHandler\n *\n * Este componente é responsável por ler os parâmetros da URL e executar callbacks\n * correspondentes a cada parâmetro encontrado.\n *\n * Por que precisamos deste componente?\n * - O Next.js 16 exige que useSearchParams() seja envolvido em um <Suspense> boundary\n * - Isso evita erros de prerendering durante o build\n * - Permite que URLs como \"/page?tab=performance\" naveguem diretamente para uma aba específica\n *\n * Exemplo de como funciona\n * 1. Usa useSearchParams() para ler o parâmetro \"tab\" da URL\n * 2. Monitora mudanças nos parâmetros com useEffect\n * 3. Quando encontra um parâmetro \"tab\", chama onTabChange com o valor\n * 4. Retorna null porque não renderiza nada na tela\n *\n * Exemplo de uso:\n * <Suspense fallback={null}>\n *   <SearchParamsHandler handlers={{ tab: () => console.log(\"Tab changed\") }} />\n * </Suspense>\n *\n * Exemplos de URL:\n * - /greatpages/123?tab=performance → abre a aba \"performance\"\n * - /greatpages/123?tab=leads → abre a aba \"leads\"\n */\nexport function SearchParamsHandler(options: SearchParamsHandlerProps) {\n  return (\n    <Suspense fallback={null}>\n      <SearchParamsHandlerChildren {...options} />\n    </Suspense>\n  );\n}\n\nexport function SearchParamsHandlerChildren(options: SearchParamsHandlerProps) {\n  const searchParams = useSearchParams();\n\n  useEffect(() => {\n    Object.keys(options.handlers).forEach((key) => {\n      const value = searchParams.get(key);\n\n      if (value) {\n        options.handlers[key]();\n      }\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchParams]);\n\n  return null;\n}\n"],"mappings":";AAwCM;AAtCN,SAAS,UAAU,iBAAiB;AACpC,SAAS,uBAAuB;AAkCzB,SAAS,oBAAoB,SAAmC;AACrE,SACE,oBAAC,YAAS,UAAU,MAClB,8BAAC,+BAA6B,GAAG,SAAS,GAC5C;AAEJ;AAEO,SAAS,4BAA4B,SAAmC;AAC7E,QAAM,eAAe,gBAAgB;AAErC,YAAU,MAAM;AACd,WAAO,KAAK,QAAQ,QAAQ,EAAE,QAAQ,CAAC,QAAQ;AAC7C,YAAM,QAAQ,aAAa,IAAI,GAAG;AAElC,UAAI,OAAO;AACT,gBAAQ,SAAS,GAAG,EAAE;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EAEH,GAAG,CAAC,YAAY,CAAC;AAEjB,SAAO;AACT;","names":[]}

package/dist/components/layouts/AppMobileNavBar.mjs

@@ -0,0 +1,60 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import { IconMenu2, IconX } from "@tabler/icons-react";
+import { ProfilePopover } from "./ProfilePopover";
+import { useMobileNavbarSheet } from "../../store/useMobileNavbarSheet";
+function AppMobileNavBar({
+  activeApp,
+  onAppIconClick,
+  extraLeftSlot,
+  menuItems = [],
+  showMenuToggle = true
+}) {
+  const { isOpen, toggle } = useMobileNavbarSheet();
+  const isGpagesActive = activeApp === "gpages";
+  return /* @__PURE__ */ jsxs("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", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `size-10 rounded-lg flex items-center justify-center transition-colors ${isGpagesActive ? "bg-cyan-100 border-2 border-white ring-2 ring-cyan-300" : onAppIconClick ? "cursor-pointer hover:bg-gray-100" : ""}`,
+          onClick: onAppIconClick,
+          children: /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: "/icons/icon-navbar.svg",
+              alt: "GreatPages",
+              width: 24,
+              height: 24
+            }
+          )
+        }
+      ) }),
+      extraLeftSlot
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsx(
+        ProfilePopover,
+        {
+          side: "bottom",
+          align: "end",
+          contentClassName: "",
+          menuItems
+        }
+      ),
+      showMenuToggle && /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "size-10 flex items-center justify-center border border-zinc-200 rounded-lg bg-white cursor-pointer",
+          onClick: toggle,
+          children: isOpen ? /* @__PURE__ */ jsx(IconX, { size: 18, className: "text-zinc-950" }) : /* @__PURE__ */ jsx(IconMenu2, { size: 18, className: "text-zinc-950" })
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  AppMobileNavBar
+};
+//# sourceMappingURL=AppMobileNavBar.mjs.map

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

@@ -0,0 +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 { useMobileNavbarSheet } from \"../../store/useMobileNavbarSheet\";\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 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  onAppIconClick,\n  extraLeftSlot,\n  menuItems = [],\n  showMenuToggle = true,\n}: AppMobileNavBarProps) {\n  const { isOpen, toggle } = useMobileNavbarSheet();\n\n  const isGpagesActive = activeApp === \"gpages\";\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        <div className=\"relative\">\n          <div\n            className={`size-10 rounded-lg flex items-center justify-center transition-colors ${\n              isGpagesActive\n                ? \"bg-cyan-100 border-2 border-white ring-2 ring-cyan-300\"\n                : onAppIconClick ? \"cursor-pointer hover:bg-gray-100\" : \"\"\n            }`}\n            onClick={onAppIconClick}\n          >\n            <Image\n              src=\"/icons/icon-navbar.svg\"\n              alt=\"GreatPages\"\n              width={24}\n              height={24}\n            />\n          </div>\n        </div>\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":";AAiCM,SAUM,KAVN;AA9BN,OAAO,WAAW;AAClB,SAAS,WAAW,aAAa;AACjC,SAAS,sBAAsB;AAC/B,SAAS,4BAA4B;AAc9B,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY,CAAC;AAAA,EACb,iBAAiB;AACnB,GAAyB;AACvB,QAAM,EAAE,QAAQ,OAAO,IAAI,qBAAqB;AAEhD,QAAM,iBAAiB,cAAc;AAErC,SACE,qBAAC,SAAI,WAAU,qHACb;AAAA,yBAAC,SAAI,WAAU,6BACb;AAAA,0BAAC,SAAI,WAAU,YACb;AAAA,QAAC;AAAA;AAAA,UACC,WAAW,yEACT,iBACI,2DACA,iBAAiB,qCAAqC,EAC5D;AAAA,UACA,SAAS;AAAA,UAET;AAAA,YAAC;AAAA;AAAA,cACC,KAAI;AAAA,cACJ,KAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA;AAAA,UACV;AAAA;AAAA,MACF,GACF;AAAA,MACC;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":[]}