@kaikybrofc/omnizap-system 2.2.3 → 2.2.4

package/public/js/apps/loginApp.js

@@ -0,0 +1,459 @@
+/* global document, window, fetch, URLSearchParams */
+
+const GOOGLE_GSI_SCRIPT_SRC = 'https://accounts.google.com/gsi/client';
+const DEFAULT_API_BASE_PATH = '/api/sticker-packs';
+
+const root = document.getElementById('login-app-root');
+
+if (root) {
+  const ui = {
+    status: document.getElementById('login-status'),
+    hint: document.getElementById('login-hint'),
+    error: document.getElementById('login-error'),
+    googleArea: document.getElementById('google-login-area'),
+    googleButton: document.querySelector('[data-google-login-button]'),
+    googleState: document.getElementById('google-login-state'),
+    summary: document.getElementById('login-summary'),
+    summaryOwner: document.getElementById('login-summary-owner'),
+    whatsappCta: document.getElementById('whatsapp-cta'),
+    whatsappCtaLink: document.getElementById('whatsapp-cta-link'),
+    whatsappCtaMeta: document.getElementById('whatsapp-cta-meta'),
+    successActions: document.getElementById('login-success-actions'),
+    successChat: document.getElementById('login-success-chat'),
+    successHome: document.getElementById('login-success-home'),
+  };
+
+  const state = {
+    apiBasePath: String(root.dataset.apiBasePath || DEFAULT_API_BASE_PATH).trim() || DEFAULT_API_BASE_PATH,
+    googleClientId: '',
+    googleEnabled: false,
+    googleReady: false,
+    busy: false,
+    authenticated: false,
+    botPhone: '',
+    sessionOwnerPhone: '',
+    hint: readWhatsAppHintFromUrl(window.location.search),
+  };
+
+  const sessionApiPath = `${state.apiBasePath}/auth/google/session`;
+  const createConfigPath = `${state.apiBasePath}/create-config`;
+
+  const setText = (element, value) => {
+    if (!element) return;
+    element.textContent = String(value || '');
+  };
+
+  const normalizeDigits = (value) => String(value || '').replace(/\D+/g, '');
+
+  const showError = (message) => {
+    if (!ui.error) return;
+    const safe = String(message || '').trim();
+    ui.error.hidden = !safe;
+    if (safe) ui.error.textContent = safe;
+  };
+
+  const setBusy = (value) => {
+    state.busy = Boolean(value);
+    if (ui.googleButton) {
+      ui.googleButton.style.opacity = state.busy ? '0.55' : '1';
+      ui.googleButton.style.pointerEvents = state.busy ? 'none' : 'auto';
+    }
+    setText(ui.googleState, state.busy ? 'Finalizando login...' : state.googleReady ? '' : 'Carregando login Google...');
+  };
+
+  const formatPhone = (digits) => {
+    const value = normalizeDigits(digits);
+    if (!value) return '';
+    if (value.length <= 4) return value;
+    return `${value.slice(0, 2)} ${value.slice(2, -4)}-${value.slice(-4)}`.trim();
+  };
+
+  const buildWhatsappStartUrl = (phoneDigits) => {
+    const command = 'iniciar';
+    const digits = normalizeDigits(phoneDigits);
+    const params = new URLSearchParams({
+      text: command,
+      type: 'custom_url',
+      app_absent: '0',
+    });
+    if (digits) params.set('phone', digits);
+    return `https://api.whatsapp.com/send/?${params.toString()}`;
+  };
+
+  const buildWhatsappMenuUrl = (phoneDigits) => {
+    const command = '/menu';
+    const digits = normalizeDigits(phoneDigits);
+    const params = new URLSearchParams({
+      text: command,
+      type: 'custom_url',
+      app_absent: '0',
+    });
+    if (digits) params.set('phone', digits);
+    return `https://api.whatsapp.com/send/?${params.toString()}`;
+  };
+
+  const extractPhoneFromJid = (jid) => {
+    const raw = String(jid || '').trim();
+    if (!raw.includes('@')) return '';
+    const userPart = raw.split('@')[0] || '';
+    const user = userPart.split(':')[0] || '';
+    return normalizeDigits(user);
+  };
+
+  const canUseGoogleLogin = () => Boolean(state.hint.phone);
+
+  const renderSuccessActions = (sessionData) => {
+    if (!ui.successActions) return;
+    const authenticated = Boolean(sessionData?.authenticated);
+    ui.successActions.hidden = !authenticated;
+    if (!authenticated) return;
+
+    if (ui.successChat) {
+      ui.successChat.href = buildWhatsappMenuUrl(state.botPhone);
+    }
+    if (ui.successHome) {
+      ui.successHome.href = '/';
+    }
+  };
+
+  const renderWhatsAppCta = () => {
+    if (!ui.whatsappCta || !ui.whatsappCtaLink) return;
+
+    if (state.hint.phone) {
+      ui.whatsappCta.hidden = true;
+      return;
+    }
+
+    if (state.sessionOwnerPhone) {
+      ui.whatsappCta.hidden = true;
+      return;
+    }
+
+    if (state.authenticated) {
+      ui.whatsappCta.hidden = true;
+      return;
+    }
+
+    ui.whatsappCta.hidden = false;
+
+    ui.whatsappCtaLink.href = buildWhatsappStartUrl(state.botPhone);
+    if (state.botPhone) {
+      setText(ui.whatsappCtaMeta, `Bot detectado: +${formatPhone(state.botPhone)}.`);
+    } else {
+      setText(ui.whatsappCtaMeta, 'Se necessário, escolha o contato do bot no WhatsApp e envie "iniciar".');
+    }
+  };
+
+  const renderHint = () => {
+    if (!state.hint.hasPayload) {
+      setText(
+        ui.hint,
+        'Voce abriu esta pagina direto. Por seguranca, gere seu link no WhatsApp clicando no botao abaixo e enviando "iniciar".',
+      );
+      return;
+    }
+
+    if (!state.hint.phone) {
+      setText(
+        ui.hint,
+        'Este link nao trouxe um numero de WhatsApp valido. Ele pode ter sido alterado ou expirado. Gere um novo link enviando "iniciar".',
+      );
+      return;
+    }
+
+    setText(ui.hint, `Numero detectado para vinculo: +${formatPhone(state.hint.phone)}.`);
+  };
+
+  const renderSessionSummary = (sessionData) => {
+    if (!canUseGoogleLogin()) {
+      state.authenticated = false;
+      state.sessionOwnerPhone = '';
+      if (ui.summary) ui.summary.hidden = true;
+      renderSuccessActions(null);
+      renderWhatsAppCta();
+      return;
+    }
+
+    const authenticated = Boolean(sessionData?.authenticated);
+    state.authenticated = authenticated;
+    renderSuccessActions(sessionData);
+    if (ui.summary) ui.summary.hidden = !authenticated;
+    if (!authenticated) {
+      state.sessionOwnerPhone = '';
+      renderWhatsAppCta();
+      return;
+    }
+
+    const ownerPhone = String(sessionData?.owner_phone || '').trim();
+    state.sessionOwnerPhone = ownerPhone;
+    if (ownerPhone) {
+      setText(ui.summaryOwner, `WhatsApp vinculado: +${formatPhone(ownerPhone)}`);
+      renderWhatsAppCta();
+      return;
+    }
+
+    if (state.hint.phone) {
+      setText(
+        ui.summaryOwner,
+        `Numero detectado: +${formatPhone(state.hint.phone)}. Clique no botao do Google para concluir o vinculo.`,
+      );
+      renderWhatsAppCta();
+      return;
+    }
+
+    setText(ui.summaryOwner, 'Conta Google ativa. Vincule o WhatsApp abrindo o link pelo "iniciar".');
+    renderWhatsAppCta();
+  };
+
+  const fetchJson = async (url, init = {}) => {
+    const response = await fetch(url, {
+      credentials: 'include',
+      ...init,
+    });
+    let payload = null;
+    try {
+      payload = await response.json();
+    } catch {
+      payload = null;
+    }
+
+    if (!response.ok) {
+      const err = new Error(payload?.error || `Falha HTTP ${response.status}`);
+      err.statusCode = response.status;
+      err.payload = payload;
+      throw err;
+    }
+    return payload || {};
+  };
+
+  const buildSessionPayload = (googleCredential) => {
+    const payload = {
+      google_id_token: String(googleCredential || '').trim(),
+    };
+
+    if (state.hint.phone) {
+      payload.wa = state.hint.phone;
+      if (state.hint.ts) payload.wa_ts = state.hint.ts;
+      if (state.hint.sig) payload.wa_sig = state.hint.sig;
+    }
+
+    return payload;
+  };
+
+  const handleGoogleCredential = async (credential) => {
+    const token = String(credential || '').trim();
+    if (!token) {
+      showError('Falha ao receber token do Google. Tente novamente.');
+      return;
+    }
+
+    setBusy(true);
+    showError('');
+    try {
+      const sessionPayload = await fetchJson(sessionApiPath, {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json; charset=utf-8',
+        },
+        body: JSON.stringify(buildSessionPayload(token)),
+      });
+      const sessionData = sessionPayload?.data || {};
+      if (!sessionData?.authenticated) {
+        throw new Error('Nao foi possivel criar a sessao Google.');
+      }
+      setText(ui.status, 'Login concluido. Seu acesso foi vinculado com sucesso.');
+      renderSessionSummary(sessionData);
+      setText(ui.googleState, 'Login Google ativo.');
+    } catch (error) {
+      showError(error?.message || 'Falha ao concluir login Google.');
+      setText(ui.status, 'Nao foi possivel concluir o login agora.');
+      renderSessionSummary(null);
+    } finally {
+      setBusy(false);
+    }
+  };
+
+  const loadGoogleScript = () =>
+    new Promise((resolve, reject) => {
+      if (window.google?.accounts?.id) {
+        resolve(window.google.accounts.id);
+        return;
+      }
+
+      const existing = document.querySelector(`script[src="${GOOGLE_GSI_SCRIPT_SRC}"]`);
+      if (existing) {
+        existing.addEventListener('load', () => resolve(window.google?.accounts?.id || null), { once: true });
+        existing.addEventListener('error', () => reject(new Error('Falha ao carregar SDK Google.')), { once: true });
+        return;
+      }
+
+      const script = document.createElement('script');
+      script.src = GOOGLE_GSI_SCRIPT_SRC;
+      script.async = true;
+      script.defer = true;
+      script.onload = () => resolve(window.google?.accounts?.id || null);
+      script.onerror = () => reject(new Error('Falha ao carregar SDK Google.'));
+      document.head.appendChild(script);
+    });
+
+  const mountGoogleButton = async () => {
+    if (!canUseGoogleLogin()) return;
+    if (!state.googleEnabled || !state.googleClientId) {
+      setText(ui.googleState, 'Login Google desabilitado neste ambiente.');
+      return;
+    }
+    if (!ui.googleButton) return;
+
+    setText(ui.googleState, 'Carregando login Google...');
+    try {
+      const accounts = await loadGoogleScript();
+      if (!accounts) throw new Error('SDK Google nao disponivel.');
+
+      accounts.initialize({
+        client_id: state.googleClientId,
+        callback: (response) => {
+          void handleGoogleCredential(response?.credential);
+        },
+        auto_select: false,
+        cancel_on_tap_outside: true,
+      });
+
+      ui.googleButton.innerHTML = '';
+      const measuredWidth = Math.floor(Number(ui.googleButton.clientWidth || 0));
+      const buttonWidth = Math.max(180, Math.min(320, measuredWidth || 320));
+      accounts.renderButton(ui.googleButton, {
+        type: 'standard',
+        theme: 'filled_black',
+        size: 'large',
+        text: 'signin_with',
+        shape: 'pill',
+        width: buttonWidth,
+      });
+
+      state.googleReady = true;
+      setText(ui.googleState, '');
+    } catch (error) {
+      state.googleReady = false;
+      setText(ui.googleState, '');
+      showError(error?.message || 'Falha ao carregar login Google.');
+    }
+  };
+
+  const loadConfig = async () => {
+    try {
+      const payload = await fetchJson(createConfigPath, { method: 'GET' });
+      const google = payload?.data?.auth?.google || {};
+      state.googleEnabled = Boolean(google.enabled);
+      state.googleClientId = String(google.client_id || '').trim();
+    } catch {
+      state.googleEnabled = false;
+      state.googleClientId = '';
+    }
+  };
+
+  const loadBotPhone = async () => {
+    let phone = '';
+    try {
+      const contactPayload = await fetchJson(`${state.apiBasePath}/bot-contact`, { method: 'GET' });
+      phone = normalizeDigits(contactPayload?.data?.phone || '');
+    } catch {
+      phone = '';
+    }
+
+    try {
+      if (!phone) {
+        const summaryPayload = await fetchJson(`${state.apiBasePath}/system-summary`, { method: 'GET' });
+        const botPhone = normalizeDigits(summaryPayload?.data?.bot?.phone || '');
+        if (botPhone) {
+          phone = botPhone;
+        } else {
+          const botJid = String(summaryPayload?.data?.bot?.jid || '').trim();
+          phone = extractPhoneFromJid(botJid);
+        }
+      }
+    } catch {
+      if (!phone) phone = '';
+    }
+
+    if (!phone) {
+      try {
+        const payload = await fetchJson(`${state.apiBasePath}?visibility=public&limit=1`, { method: 'GET' });
+        const firstPack = Array.isArray(payload?.data) ? payload.data[0] : null;
+        phone = normalizeDigits(firstPack?.whatsapp?.phone || '');
+      } catch {
+        phone = '';
+      }
+    }
+
+    state.botPhone = phone;
+    renderWhatsAppCta();
+    renderSuccessActions({ authenticated: Boolean(state.sessionOwnerPhone) });
+  };
+
+  const loadCurrentSession = async () => {
+    if (!canUseGoogleLogin()) {
+      renderSessionSummary(null);
+      return;
+    }
+    try {
+      const payload = await fetchJson(sessionApiPath, { method: 'GET' });
+      const sessionData = payload?.data || {};
+      if (sessionData?.authenticated) {
+        setText(ui.status, 'Sessao Google ativa neste navegador.');
+        renderSessionSummary(sessionData);
+      } else {
+        setText(ui.status, 'Use o login Google abaixo para entrar no OmniZap.');
+        renderSessionSummary(null);
+      }
+    } catch {
+      setText(ui.status, 'Nao foi possivel validar sua sessao atual.');
+      renderSessionSummary(null);
+    }
+  };
+
+  const renderGoogleLoginGate = () => {
+    const allowed = canUseGoogleLogin();
+    if (ui.googleArea) {
+      ui.googleArea.hidden = !allowed;
+    }
+    if (!allowed) {
+      setText(ui.status, 'Para fazer login, abra esta pagina pelo link do WhatsApp (envie "iniciar" no bot).');
+      setText(ui.googleState, '');
+      if (ui.summary) ui.summary.hidden = true;
+      renderSuccessActions(null);
+      showError('');
+    }
+    return allowed;
+  };
+
+  const init = async () => {
+    renderHint();
+    if (ui.whatsappCta && state.hint.phone) {
+      ui.whatsappCta.hidden = true;
+    }
+    renderWhatsAppCta();
+    renderSuccessActions(null);
+    const allowGoogleLogin = renderGoogleLoginGate();
+    await loadBotPhone();
+    if (!allowGoogleLogin) return;
+    await loadConfig();
+    await loadCurrentSession();
+    await mountGoogleButton();
+  };
+
+  void init();
+}
+
+function readWhatsAppHintFromUrl(search) {
+  const params = new URLSearchParams(search || '');
+  const phone = String(params.get('wa') || '').replace(/\D+/g, '');
+  const ts = String(params.get('wa_ts') || '').trim();
+  const sig = String(params.get('wa_sig') || '').trim();
+  const hasPayload = Boolean(phone || ts || sig);
+  return {
+    hasPayload,
+    phone,
+    ts,
+    sig,
+  };
+}

package/public/js/apps/stickersApp.js

@@ -1561,8 +1561,6 @@ function CreatorProfileDashboard({
   googleAuthBusy,
   googleAuthError,
   googleSessionChecked,
-  googleAuthUiReady,
-  googleButtonRef,
   myPacks,
   myPacksLoading,
   myPacksError,
@@ -1573,7 +1571,6 @@ function CreatorProfileDashboard({
   onOpenPublicPack,
   onOpenPackActions,
   onOpenManagePack,
-  onProfileAction,
   onRequestDeletePack,
   packActionBusyByKey = {},
 }) {
@@ -1649,8 +1646,7 @@ function CreatorProfileDashboard({
       <div className="flex flex-wrap items-center justify-between gap-2">
         <button type="button" onClick=${onBack} className="inline-flex items-center gap-2 rounded-xl border border-slate-700 px-3 py-2 text-sm text-slate-200 hover:bg-slate-800">← Catálogo</button>
         <div className="flex items-center gap-2">
-          <button type="button" onClick=${() => onProfileAction?.('edit-profile')} className="inline-flex h-10 items-center rounded-xl border border-emerald-500/35 bg-emerald-500/10 px-3 text-xs font-semibold text-emerald-100 hover:bg-emerald-500/20">✏️ Editar perfil</button>
-          <button type="button" onClick=${() => onProfileAction?.('settings')} className="inline-flex h-10 items-center rounded-xl border border-slate-700 px-3 text-xs text-slate-200 hover:bg-slate-800">⚙️</button>
+          <a href="/user/" className="inline-flex h-10 items-center rounded-xl border border-emerald-500/35 bg-emerald-500/10 px-3 text-xs font-semibold text-emerald-100 hover:bg-emerald-500/20">👤 Minha conta</a>
           <button type="button" onClick=${onRefresh} disabled=${myPacksLoading || googleAuthBusy} className="inline-flex h-10 items-center rounded-xl border border-cyan-500/35 bg-cyan-500/10 px-3 text-xs font-semibold text-cyan-100 hover:bg-cyan-500/20 disabled:opacity-60">${myPacksLoading ? '...' : '⟳'}</button>
         </div>
       </div>
@@ -1667,10 +1663,10 @@ function CreatorProfileDashboard({
                 className="h-20 w-20 rounded-2xl border border-slate-700 bg-slate-900 object-cover sm:h-24 sm:w-24"
               />
               <div className="min-w-0">
-                <div className="mb-1 inline-flex items-center gap-1 rounded-full border border-emerald-400/25 bg-emerald-500/10 px-2 py-0.5 text-[11px] font-semibold text-emerald-100">✅ Criador verificado</div>
-                <h1 className="truncate text-2xl font-extrabold tracking-tight text-slate-100 sm:text-3xl">${googleAuth?.user?.name || 'Meu perfil de packs'}</h1>
-                <p className="truncate text-xs text-slate-400">${googleAuth?.user?.email || 'Faça login com Google para vincular seus packs.'}</p>
-                <p className="mt-0.5 text-[11px] text-slate-500">Sessão ${googleAuth?.expiresAt ? `até ${new Date(googleAuth.expiresAt).toLocaleString('pt-BR')}` : hasGoogleLogin ? 'ativa' : 'não autenticada'}</p>
+                <div className="mb-1 inline-flex items-center gap-1 rounded-full border border-cyan-400/25 bg-cyan-500/10 px-2 py-0.5 text-[11px] font-semibold text-cyan-100">🧩 Gestão de stickers</div>
+                <h1 className="truncate text-2xl font-extrabold tracking-tight text-slate-100 sm:text-3xl">Gerenciamento de Packs</h1>
+                <p className="truncate text-xs text-slate-400">Organize uploads, capa, ordem e publicação dos seus stickers.</p>
+                <p className="mt-0.5 text-[11px] text-slate-500">Área exclusiva para gerenciamento dos seus packs.</p>
               </div>
             </div>
             ${hasGoogleLogin
@@ -1715,24 +1711,15 @@ function CreatorProfileDashboard({
             <section className="rounded-2xl border border-slate-800 bg-slate-900/80 p-3">
               <div className="space-y-2.5">
                 <div className="rounded-xl border border-cyan-500/20 bg-cyan-500/5 p-3">
-                  <p className="text-sm font-semibold text-cyan-200">Entrar com Google</p>
+                  <p className="text-sm font-semibold text-cyan-200">Sessão necessária para gerenciamento</p>
                   <p className="mt-1 text-xs text-slate-300">
                     ${googleLoginEnabled
-                      ? 'Use a mesma conta Google usada na criação de packs para carregar e gerenciar tudo aqui.'
+                      ? 'Esta área é exclusiva para gerenciar seus packs e stickers. Redirecionando para o login...'
                       : 'Login Google indisponível no momento.'}
                   </p>
                 </div>
-                ${googleLoginEnabled
-                  ? html`
-                      <div ref=${googleButtonRef} className="min-h-[42px] w-full max-w-[340px] overflow-hidden"></div>
-                      ${!googleSessionChecked
-                        ? html`<p className="text-xs text-slate-400">Verificando sessão Google...</p>`
-                        : googleAuthBusy
-                          ? html`<p className="text-xs text-slate-400">Conectando conta Google...</p>`
-                          : !googleAuthUiReady && !googleAuthError
-                            ? html`<p className="text-xs text-slate-400">Carregando login Google...</p>`
-                            : null}
-                    `
+                ${!googleSessionChecked
+                  ? html`<p className="text-xs text-slate-400">Verificando sessão...</p>`
                   : null}
                 ${googleAuthError ? html`<p className="text-xs text-rose-300">${googleAuthError}</p>` : null}
               </div>
@@ -2444,6 +2431,7 @@ function StickersApp() {
       webPath: root?.dataset.webPath || '/stickers',
       apiBasePath: root?.dataset.apiBasePath || '/api/sticker-packs',
       orphanApiPath: root?.dataset.orphanApiPath || '/api/sticker-packs/orphan-stickers',
+      loginPath: root?.dataset.loginPath || '/login',
       limit: parseIntSafe(root?.dataset.defaultLimit, 24),
       orphanLimit: parseIntSafe(root?.dataset.defaultOrphanLimit, 24),
     }),
@@ -2979,8 +2967,16 @@ function StickersApp() {
     if (!silent) setGoogleSessionChecked(false);
     try {
       const payload = await fetchJson(myProfileApiPath, { retry: 1 });
-      applyMyProfileData(payload);
+      const applied = applyMyProfileData(payload);
+      if (!applied?.authenticated) {
+        redirectToLogin(`${config.webPath}/perfil`);
+        return;
+      }
     } catch (err) {
+      if (Number(err?.status || 0) === 401 || Number(err?.status || 0) === 403) {
+        redirectToLogin(`${config.webPath}/perfil`);
+        return;
+      }
       setMyPacks([]);
       setMyProfileStats({ total: 0, published: 0, drafts: 0, private: 0, unlisted: 0, public: 0 });
       setGoogleSessionChecked(true);
@@ -3510,7 +3506,22 @@ function StickersApp() {
     window.scrollTo({ top: 0, behavior: 'smooth' });
   };
 
+  const buildLoginRedirectUrl = (nextPath = '') => {
+    const next = String(nextPath || '').trim() || `${config.webPath}/perfil`;
+    const loginUrl = new URL(config.loginPath || '/login', window.location.origin);
+    loginUrl.searchParams.set('next', next);
+    return `${loginUrl.pathname}${loginUrl.search}`;
+  };
+
+  const redirectToLogin = (nextPath = '') => {
+    window.location.assign(buildLoginRedirectUrl(nextPath));
+  };
+
   const openProfile = (push = true) => {
+    if (!hasGoogleLogin) {
+      redirectToLogin(`${config.webPath}/perfil`);
+      return;
+    }
     googlePromptAttemptedRef.current = false;
     if (push) window.history.pushState({}, '', `${config.webPath}/perfil`);
     setCurrentView('profile');
@@ -3613,17 +3624,6 @@ function StickersApp() {
     }
   };
 
-  const handleProfileAction = (actionKey) => {
-    if (actionKey === 'edit-profile') {
-      pushProfileToast('Edição de perfil do criador será adicionada na próxima etapa.', 'warning');
-      return;
-    }
-    if (actionKey === 'settings') {
-      pushProfileToast('Configurações do criador ainda não têm tela dedicada.', 'warning');
-      return;
-    }
-  };
-
   const handlePackActionsSheetAction = async (actionKey, pack) => {
     if (!pack?.pack_key) return;
     if (actionKey === 'manage' || actionKey === 'edit') {
@@ -4348,8 +4348,6 @@ function StickersApp() {
                 googleAuthBusy=${googleAuthBusy}
                 googleAuthError=${googleAuthError}
                 googleSessionChecked=${googleSessionChecked}
-                googleAuthUiReady=${googleAuthUiReady}
-                googleButtonRef=${googleButtonRef}
                 myPacks=${myPacks}
                 myPacksLoading=${myPacksLoading}
                 myPacksError=${myPacksError}
@@ -4360,7 +4358,6 @@ function StickersApp() {
                 onOpenPublicPack=${openPack}
                 onOpenPackActions=${openPackActionsSheet}
                 onOpenManagePack=${(pack) => openManagePackByKey(pack?.pack_key || '')}
-                onProfileAction=${handleProfileAction}
                 onRequestDeletePack=${requestDeletePack}
                 packActionBusyByKey=${packActionBusyByKey}
               />