shipscreens 0.1.2 → 0.1.3

package/dist/app/assets/FirstExport-BMHdPGDX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FirstExport-BMHdPGDX.js","sources":["../../src/pages/FirstExport.jsx"],"sourcesContent":["import { ArrowRight, CheckCircle2, ChevronDown, ClipboardCopy, Rocket, Terminal } from 'lucide-react';\nimport React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport CopyButton from '../components/CopyButton';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst COPY = {\n  en: {\n    badge: '5-minute first export',\n    title: 'Get an outcome-first Fastlane-ready export in 5 minutes',\n    subtitle:\n      'You may already have design tools or Fastlane scripts. This page gets you to a reproducible first export (fastlane/ + ZIP) with a clear panel story, so reruns stop breaking on both messaging and paths/order.',\n    quickPathTitle: 'Fastest path (keep your current design workflow)',\n    quickPathBullets: [\n      'Start from the 5-panel sample project and edit copy first.',\n      'Keep panel #1 to one concrete outcome for one user type.',\n      'Use zero-padded 01..05 naming so release reruns stay stable.',\n    ],\n    demoTitle: 'Run a demo export (no assets required)',\n    demoBody:\n      'If you just want to sanity-check the folder roots and the deterministic ZIP first, run the demo. It generates a throwaway project and stages a clean upload root.',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: [\n      'Output tree: fastlane/ + reproducible ZIP',\n      'Stages a clean upload root (deliver/supply-safe)',\n      'Delete the demo folder anytime',\n    ],\n    demoNote: 'First run may take longer while npx downloads the package.',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI); add verify/stage next.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    ctas: {\n      cli: 'Run CLI first export',\n      goPro: 'Go Pro',\n      sample: 'Open sample project',\n    },\n    steps: [\n      {\n        title: 'Run the CLI wizard (or open the sample)',\n        body: 'Scaffold config + placeholders from wizard, or start from the 5-panel sample and keep your current visual style.',\n      },\n      {\n        title: 'Lock panel order + export upload-ready outputs',\n        body: 'Generate fastlane/ + reproducible ZIP with stable numbering/path naming and a clear Hook -> CTA panel flow.',\n      },\n      {\n        title: 'Add verify + stage guardrails',\n        body: 'Run validate/lock/build/verify/stage so each release stays upload-safe and avoids hidden drift.',\n      },\n    ],\n    quickstartTitle: 'CI quickstart (copy/paste)',\n    quickstartBody: 'Run these commands in CI to generate Fastlane-ready outputs (rendered mode).',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'Prefer CLI (no browser)?',\n    cliBody:\n      'Run shipscreens wizard, replace placeholders, and build in raw mode first; then add verify/stage to catch drift before upload.',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# replace assets/en-US/01.png..05.png',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Open Agent + CLI quickstart',\n    proTitle: 'Upgrade unlocks',\n    proBullets: [\n      'Unlock CI-grade reruns (rendered exports)',\n      'Full matrix batch exports (devices × locales)',\n      'CSV/JSON copy import at scale',\n      'No watermark',\n    ],\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    advancedTitle: 'Advanced: CLI + CI guardrails',\n    advancedBody: 'Optional for first export. Use this when you need deterministic reruns in CI.',\n    note: 'Free exports are watermarked. Keep your current design tools and art direction; ShipScreens adds deterministic reruns + upload guardrails. Clarity check: if screenshot #1 could fit many apps, rewrite it with one concrete outcome.',\n  },\n  ja: {\n    badge: '5分で初回エクスポート',\n    title: '成果訴求を固めた Fastlane-ready を5分で出す',\n    subtitle:\n      '既存のデザインツールやFastlaneスクリプトはそのままで、まず「1枚目で成果が伝わる」再現性のある初回出力（fastlane/ + ZIP）を作るページです。パス/順序の崩れも止めます。',\n    quickPathTitle: '最短導線（既存デザイン運用をそのまま活用）',\n    quickPathBullets: [\n      '5枚構成サンプルを開いて、まずコピーだけ調整する。',\n      '1枚目は「誰に、どんな成果か」を1つに絞る。',\n      '01..05 の連番命名で、リリース時の再実行を安定化する。',\n    ],\n    demoTitle: 'デモを書き出す（素材不要）',\n    demoBody:\n      'まずフォルダ構成と再現性ZIPだけ確認したい場合はデモが最短です。捨てプロジェクトを生成し、クリーンな提出ルートまで stage します。',\n    demoCmd: 'npx --yes shipscreens demo',\n    demoBullets: ['出力: fastlane/ + 再現性ZIP', '提出用のクリーンなルートを stage', 'デモは削除してOK'],\n    demoNote: '初回は npx がパッケージを取得するため時間がかかる場合があります。',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）; 次に verify/stage を追加。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    ctas: {\n      cli: 'CLIで初回エクスポート',\n      goPro: 'Proにアップグレード',\n      sample: 'サンプルを開く',\n    },\n    steps: [\n      {\n        title: 'CLI wizard で雛形作成（サンプルでも可）',\n        body: 'wizard で雛形を作るか、5枚構成サンプルから開始し、既存の見た目を維持したまま進めます。',\n      },\n      {\n        title: '訴求順を固定してアップロード用出力を作る',\n        body: 'Hook->CTA の流れを維持しながら、連番/パス命名を固定して fastlane/ + 再現性ZIP を出力。',\n      },\n      {\n        title: 'verify + stage を追加',\n        body: 'validate/lock/build/verify/stage を回し、毎リリースのアップロード事故と見えないドリフトを防ぎます。',\n      },\n    ],\n    quickstartTitle: 'CIクイックスタート（コピペ）',\n    quickstartBody: 'CIで Fastlane-ready 出力を生成するコマンドです（rendered mode）。',\n    quickstartCmd: [\n      'npm ci',\n      'npx playwright install --with-deps chromium',\n      'npm run shipscreens:validate',\n      'npm run shipscreens:lock -- --check',\n      'npm run shipscreens:build -- --zip',\n      'npm run shipscreens:verify -- --zip',\n    ].join('\\n'),\n    cliTitle: 'CLIで完結したい場合',\n    cliBody:\n      'shipscreens wizard で雛形を作って raw モードで出力し、次に verify/stage を足して提出前に崩れを検知します。',\n    cliCmd: [\n      'npx --yes shipscreens wizard',\n      '# assets/en-US/01.png〜05.png を差し替え',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    cliCta: 'Agent + CLI クイックスタート',\n    proTitle: 'Proでできること',\n    proBullets: [\n      'CIで再実行（rendered出力）',\n      'フル一括（端末×言語）',\n      'CSV/JSON copy 取り込み',\n      '透かしなし',\n    ],\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    advancedTitle: '詳細: CLI + CI ガードレール',\n    advancedBody: '初回出力では任意。CIで再実行性を固定したい場合に使います。',\n    note: '無料版は透かし付きです。既存の見た目とツールはそのままに、ShipScreensで再実行性と提出前ガードレールを追加します。確認: 1枚目見出しが他の多くのアプリにも当てはまるなら、成果を具体化します。',\n  },\n};\n\nconst FirstExport = () => {\n  const { i18n, t } = useTranslation();\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n  const supportEmail = 'support@shimaumaservices.co.jp';\n  const partnerSubject = t('landing.partner.emailSubject', { defaultValue: 'ShipScreens first export review' });\n  const partnerBody = t('landing.partner.emailBody', { defaultValue: '' });\n  const partnerMailto = `mailto:${supportEmail}?subject=${encodeURIComponent(partnerSubject)}&body=${encodeURIComponent(\n    partnerBody\n  )}`;\n  const openAppHref = '/app/?sample=5panel&entry_source=first_export_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const goProFooterHref = '/app/?sample=5panel&upgrade=1&entry_source=first_export_go_pro_footer';\n  const sampleProjectHeroHref = '/app/?sample=5panel&entry_source=first_export_open_sample_project';\n  const sampleProjectFooterHref = '/app/?sample=5panel&entry_source=first_export_open_sample_project_footer';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const [quickstartMode, setQuickstartMode] = useState('cli');\n  const isCli = quickstartMode === 'cli';\n  const quickstart = isCli\n    ? { title: copy.cliTitle, body: copy.cliBody, cmd: copy.cliCmd, cta: 'copy_cli_quickstart' }\n    : { title: copy.quickstartTitle, body: copy.quickstartBody, cmd: copy.quickstartCmd, cta: 'copy_ci_quickstart' };\n\n  usePageTitle('titles.firstExport', { defaultValue: copy.title });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'first_export' });\n  }, []);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: sampleProjectHeroHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_header' }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-12\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <Rocket size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3 justify-center pt-2\">\n            <a\n              href={sampleProjectHeroHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_hero' })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n            <a\n              href={agentCliHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli_hero' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.cli} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.quickPathTitle}</div>\n            {copy.quickPathBullets?.length > 0 && (\n              <ul className=\"space-y-1 text-xs text-slate-300\">\n                {copy.quickPathBullets.map((item) => (\n                  <li key={item} className=\"flex items-start gap-2\">\n                    <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                    <span>{item}</span>\n                  </li>\n                ))}\n              </ul>\n            )}\n          </div>\n          <p className=\"text-xs text-slate-500\">{copy.note}</p>\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"grid md:grid-cols-3 gap-6\">\n          {copy.steps.map((step, index) => (\n            <div key={step.title} className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n              <div className=\"text-xs font-semibold text-blue-200\">STEP {index + 1}</div>\n              <div className=\"text-lg font-bold text-white\">{step.title}</div>\n              <p className=\"text-sm text-slate-300 leading-relaxed\">{step.body}</p>\n            </div>\n          ))}\n        </section>\n\n        <details className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 group\">\n          <summary className=\"flex items-center justify-between text-sm font-bold text-white cursor-pointer list-none\">\n            <span>{copy.advancedTitle}</span>\n            <span className=\"flex items-center gap-2 text-[10px] font-semibold text-slate-400\">\n              CLI/CI <ChevronDown size={14} className=\"text-slate-500\" />\n            </span>\n          </summary>\n          <div className=\"mt-3 space-y-4\">\n            <p className=\"text-sm text-slate-300\">{copy.advancedBody}</p>\n            <div className=\"flex flex-col md:flex-row md:items-center md:justify-between gap-3\">\n              <div className=\"flex items-center gap-2 text-sm font-bold text-white\">\n                {isCli ? <Terminal size={16} className=\"text-blue-300\" /> : <CheckCircle2 size={16} className=\"text-blue-300\" />}\n                {quickstart.title}\n              </div>\n              <div className=\"inline-flex gap-2 rounded-lg border border-slate-700 bg-slate-950 p-1\">\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('cli')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.cliTitle}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setQuickstartMode('ci')}\n                  className={`px-3 py-1.5 rounded-md text-xs font-semibold transition-colors ${\n                    !isCli ? 'bg-white text-slate-900' : 'text-slate-400 hover:text-slate-200'\n                  }`}\n                >\n                  {copy.quickstartTitle}\n                </button>\n              </div>\n            </div>\n            <p className=\"text-sm text-slate-300\">{quickstart.body}</p>\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{quickstart.cmd}</pre>\n            </div>\n            <CopyButton\n              value={quickstart.cmd}\n              onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: quickstart.cta })}\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n            >\n              {({ copyLabel }) => (\n                <>\n                  <ClipboardCopy size={14} />\n                  {copyLabel || copyButtonLabel}\n                </>\n              )}\n            </CopyButton>\n            {isCli && (\n              <a\n                href=\"/tools/agent-cli/\"\n                onClick={(event) =>\n                  trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_agent_cli' })\n                }\n                className=\"inline-flex items-center gap-2 text-sm text-blue-200 hover:text-blue-100 transition-colors\"\n              >\n                {copy.cliCta} <ArrowRight size={14} />\n              </a>\n            )}\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'first_export', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n            <div className=\"text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n              <div className=\"flex items-center gap-2 text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                <Terminal size={14} className=\"text-blue-300\" />\n                {copy.demoTitle}\n              </div>\n              <p className=\"text-xs text-slate-400\">{copy.demoBody}</p>\n              <div className=\"rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.demoCmd}</pre>\n              </div>\n              <CopyButton\n                value={copy.demoCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_demo_cmd' })}\n                className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n              >\n                {({ copyLabel, copyState }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyState === 'idle' ? copyButtonLabel : copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n              {copy.demoBullets?.length > 0 && (\n                <ul className=\"space-y-1 text-xs text-slate-300 pt-1\">\n                  {copy.demoBullets.map((item) => (\n                    <li key={item} className=\"flex items-start gap-2\">\n                      <CheckCircle2 size={14} className=\"mt-0.5 text-green-400 shrink-0\" />\n                      <span>{item}</span>\n                    </li>\n                  ))}\n                </ul>\n              )}\n              {copy.demoNote && <div className=\"text-[11px] text-slate-500\">{copy.demoNote}</div>}\n            </div>\n            <CliPreflightCard\n              compact\n              href=\"/tools/agent-cli/#preflight\"\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_cli_preflight' })\n              }\n              className=\"max-w-xl\"\n            />\n          </div>\n        </details>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <div className=\"text-lg font-bold text-white\">{copy.proTitle}</div>\n          <ul className=\"space-y-2 text-sm text-slate-300\">\n            {copy.proBullets.map((item) => (\n              <li key={item} className=\"flex items-center gap-2\">\n                <CheckCircle2 size={16} className=\"text-green-400\" />\n                {item}\n              </li>\n            ))}\n          </ul>\n          <div className=\"flex flex-col sm:flex-row gap-3 pt-2\">\n            <a\n              href={goProFooterHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'go_pro_footer' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition\"\n            >\n              {copy.ctas.goPro} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectFooterHref}\n              onClick={(event) => trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'open_sample_project_footer' })}\n              className=\"inline-flex items-center justify-center gap-2 px-5 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {copy.ctas.sample} <ArrowRight size={16} />\n            </a>\n          </div>\n          <div className=\"pt-4 border-t border-slate-800/80 space-y-2\">\n            <div className=\"text-sm font-bold text-white\">{copy.proUnlockTitle}</div>\n            {copy.proUnlockBody && <p className=\"text-sm text-slate-300\">{copy.proUnlockBody}</p>}\n            <div className=\"rounded-xl border border-slate-800 bg-slate-950/80 p-4\">\n              <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.proUnlockCmd}</pre>\n            </div>\n            <div className=\"flex flex-col sm:flex-row gap-3\">\n              <CopyButton\n                value={copy.proUnlockCmd}\n                onCopied={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'copy_cli_pro_unlock' })}\n                className=\"inline-flex items-center justify-center gap-2 px-4 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-sm font-semibold\"\n              >\n                {({ copyLabel }) => (\n                  <>\n                    <ClipboardCopy size={14} />\n                    {copyLabel || copyButtonLabel}\n                  </>\n                )}\n              </CopyButton>\n            </div>\n            {copy.proUnlockNote && <div className=\"text-xs text-slate-500\">{copy.proUnlockNote}</div>}\n          </div>\n        </section>\n\n        <section\n          id=\"design-partner\"\n          className=\"max-w-3xl mx-auto bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\"\n        >\n          <div className=\"text-lg font-bold text-white\">{t('landing.partner.title')}</div>\n          <div className=\"text-sm text-slate-300 leading-relaxed\">{t('landing.partner.body')}</div>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={partnerMailto}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'email_design_partner' })\n              }\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-blue-500 text-white font-bold hover:bg-blue-600 transition\"\n            >\n              {t('landing.partner.emailCta')} <ArrowRight size={16} />\n            </a>\n            <a\n              href=\"https://x.com/shipscreenscom\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              onClick={() => trackEvent('tool_cta_click', { tool: 'first_export', cta: 'dm_design_partner' })}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              {t('landing.partner.dmCta')}\n            </a>\n          </div>\n          <div className=\"text-xs text-slate-500\">\n            {t('landing.partner.emailLabel')}{' '}\n            <a href={`mailto:${supportEmail}`} className=\"underline underline-offset-4 hover:text-white\">\n              {supportEmail}\n            </a>\n          </div>\n        </section>\n      </main>\n      <StickyMobileCta\n        note={copy.note}\n        primary={{\n          label: copy.ctas.sample,\n          href: sampleProjectHeroHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_primary_sample' }),\n        }}\n        secondary={{\n          label: copy.ctas.cli,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'first_export', cta: 'sticky_secondary_cli' }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FirstExport;\n"],"names":["normalizeLang","lang","COPY","FirstExport","i18n","t","useTranslation","copy","supportEmail","partnerSubject","partnerBody","partnerMailto","openAppHref","agentCliHref","configDownloadHref","csvDownloadHref","goProFooterHref","sampleProjectHeroHref","sampleProjectFooterHref","copyButtonLabel","quickstartMode","setQuickstartMode","useState","isCli","quickstart","usePageTitle","useEffect","trackEvent","jsxs","jsx","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","Rocket","item","CheckCircle2","FitPanel","step","index","ChevronDown","Terminal","CopyButton","copyLabel","Fragment","ClipboardCopy","copyState","CliPreflightCard","StickyMobileCta"],"mappings":"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"}

package/dist/app/assets/FitPanel-Fp4iPZxf.js

@@ -0,0 +1,2 @@
+import{u as c,j as e}from"./index-C4xM6WAU.js";const x=({className:l=""})=>{const{t:n}=c(),t=n("landing.fit",{returnObjects:!0})||{},a=Array.isArray(t.bestBullets)?t.bestBullets:[],r=Array.isArray(t.notBullets)?t.notBullets:[],i=l?`space-y-4 ${l}`:"space-y-4";return!t?.title||a.length===0&&r.length===0?null:e.jsxs("section",{className:i,children:[e.jsx("h2",{className:"text-xl font-bold text-white text-center",children:t.title}),e.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-emerald-200",children:t.bestTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:a.map(s=>e.jsx("li",{children:s},s))})]}),e.jsxs("div",{className:"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3",children:[e.jsx("div",{className:"text-base font-bold text-amber-200",children:t.notTitle}),e.jsx("ul",{className:"text-sm text-slate-200 list-disc pl-5 space-y-2",children:r.map(s=>e.jsx("li",{children:s},s))})]})]}),t.note&&e.jsx("p",{className:"text-xs text-slate-500 text-center",children:t.note})]})};export{x as F};
+//# sourceMappingURL=FitPanel-Fp4iPZxf.js.map

package/dist/app/assets/FitPanel-Fp4iPZxf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FitPanel-Fp4iPZxf.js","sources":["../../src/components/FitPanel.jsx"],"sourcesContent":["import React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nconst FitPanel = ({ className = '' }) => {\n  const { t } = useTranslation();\n  const fit = t('landing.fit', { returnObjects: true }) || {};\n  const fitBestBullets = Array.isArray(fit.bestBullets) ? fit.bestBullets : [];\n  const fitNotBullets = Array.isArray(fit.notBullets) ? fit.notBullets : [];\n  const sectionClassName = className ? `space-y-4 ${className}` : 'space-y-4';\n\n  if (!fit?.title || (fitBestBullets.length === 0 && fitNotBullets.length === 0)) {\n    return null;\n  }\n\n  return (\n    <section className={sectionClassName}>\n      <h2 className=\"text-xl font-bold text-white text-center\">{fit.title}</h2>\n      <div className=\"grid md:grid-cols-2 gap-4\">\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-emerald-500/30 space-y-3\">\n          <div className=\"text-base font-bold text-emerald-200\">{fit.bestTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitBestBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n        <div className=\"p-5 rounded-2xl bg-slate-900/60 border border-amber-400/30 space-y-3\">\n          <div className=\"text-base font-bold text-amber-200\">{fit.notTitle}</div>\n          <ul className=\"text-sm text-slate-200 list-disc pl-5 space-y-2\">\n            {fitNotBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n        </div>\n      </div>\n      {fit.note && <p className=\"text-xs text-slate-500 text-center\">{fit.note}</p>}\n    </section>\n  );\n};\n\nexport default FitPanel;\n"],"names":["FitPanel","className","t","useTranslation","fit","fitBestBullets","fitNotBullets","sectionClassName","jsxs","jsx","item"],"mappings":"+CAGA,MAAMA,EAAW,CAAC,CAAE,UAAAC,EAAY,MAAS,CACvC,KAAM,CAAE,EAAAC,CAAA,EAAMC,EAAA,EACRC,EAAMF,EAAE,cAAe,CAAE,cAAe,EAAA,CAAM,GAAK,CAAA,EACnDG,EAAiB,MAAM,QAAQD,EAAI,WAAW,EAAIA,EAAI,YAAc,CAAA,EACpEE,EAAgB,MAAM,QAAQF,EAAI,UAAU,EAAIA,EAAI,WAAa,CAAA,EACjEG,EAAmBN,EAAY,aAAaA,CAAS,GAAK,YAEhE,MAAI,CAACG,GAAK,OAAUC,EAAe,SAAW,GAAKC,EAAc,SAAW,EACnE,KAIPE,EAAAA,KAAC,UAAA,CAAQ,UAAWD,EAClB,SAAA,CAAAE,EAAAA,IAAC,KAAA,CAAG,UAAU,2CAA4C,SAAAL,EAAI,MAAM,EACpEI,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,yEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,uCAAwC,SAAAL,EAAI,UAAU,EACrEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAJ,EAAe,IAAKK,GACnBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,EACF,EACAF,EAAAA,KAAC,MAAA,CAAI,UAAU,uEACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,qCAAsC,SAAAL,EAAI,SAAS,EAClEK,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,SAAAH,EAAc,IAAKI,GAClBD,EAAAA,IAAC,KAAA,CAAe,SAAAC,CAAA,EAAPA,CAAY,CACtB,CAAA,CACH,CAAA,CAAA,CACF,CAAA,EACF,EACCN,EAAI,MAAQK,EAAAA,IAAC,KAAE,UAAU,qCAAsC,WAAI,IAAA,CAAK,CAAA,EAC3E,CAEJ"}

package/dist/app/assets/FivePanelFramework-B967Cblg.js

@@ -0,0 +1,62 @@
+import{u as T,a as L,r as m,t as s,j as e,b as a}from"./index-C4xM6WAU.js";import{C as P,S as E}from"./StickyMobileCta-BdjmxjZ4.js";import{A as x,C as y}from"./CopyButton-BlPQEoP3.js";import{F as H}from"./FitPanel-Fp4iPZxf.js";import{a as U,S as A}from"./LanguageSwitcher-Cp-6zMXz.js";import{S as F}from"./SiteHeader-Ch5fAKkA.js";import{T as B}from"./ToolGuardrailsPanel-Dqo_LDWu.js";import{L as z}from"./layout-grid-DvMRLTBT.js";import{C as g}from"./copy-BnUx1vxq.js";import{C as I}from"./chevron-down-DFKVs9n4.js";import{D as M}from"./download-DNjju5h9.js";import"./circle-check-DA-NWInD.js";const O=r=>(r||"").split("-")[0]==="ja"?"ja":"en",R=r=>r==="ja"?`# 5枚構成 スクショフレームワーク
+
+App Store / Google Play のスクショを「5枚で伝える」ための構成テンプレです。
+
+## 1) Hook（結論）
+- 何が変わるか（成果）を1行で
+- 例: スクショをビルドステップに / 再実行で毎リリース
+
+## 2) Problem（痛み）
+- いま起きている苦痛を具体化（数字が強い）
+- 例: 5枚×10言語×4サイズ = 200枚
+
+## 3) Proof（根拠）
+- 信用・再現性の材料（仕様・実績・数字）
+- 例: Fastlane公式パス（dir/ZIP） / 再現性のある出力
+
+## 4) How（やり方）
+- どうやって実現するか（フローを短く）
+- 例: master layout → CSV/JSON copy → Export
+
+## 5) CTA（次の一手）
+- 読んだ後に何をすればいいかを1つに絞る
+- 例: 無料で試す / サンプルから開始
+
+## メモ
+- 翻訳は外部でOK（ShipScreensは翻訳しない）
+- UIは大きく（~80%目安）
+- キャプションは短く（6-8語目安）
+- 確認: 見出しが他の多くのアプリにも当てはまるなら、成果を具体化して書き直す
+`:`# 5-panel screenshot framework
+
+A simple structure to explain your app in five store screenshots.
+
+## 1) Hook (Outcome)
+- Say the result in one line
+- Example: Screenshots as a build step / Rerun exports every release
+
+## 2) Problem (Pain)
+- Make the pain concrete (numbers work)
+- Example: 5 shots × 10 locales × 4 sizes = 200 images
+
+## 3) Proof (Credibility)
+- Give confidence (specs, numbers, workflow fit)
+- Example: Fastlane-ready output (folders/ZIP) / Reproducible reruns
+
+## 4) How (Workflow)
+- Show the shortest path in steps
+- Example: Master layout → CSV/JSON copy → export
+
+## 5) CTA (Next step)
+- One clear action
+- Example: Try it free / Start from a sample project
+
+## Notes
+- Bring your translations; ShipScreens does not translate.
+- Keep UI big (~80% of the frame).
+- Keep captions short (<= 6-8 words).
+- Clarity check: if the headline could fit many apps, make the outcome more concrete.
+`,w={en:{badge:"Screenshot structure template",title:"5-panel Screenshot Framework",subtitle:"Use this structure even if you already have design tools: Hook -> Problem -> Proof -> How -> CTA keeps App Store / Google Play screenshots consistent across sizes/locales and release reruns without forcing a generic visual style.",heroCliTitle:"CLI quickstart (2 steps)",heroCliNote:"wizard → build (raw mode, no Playwright).",heroCliSummary:"Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.",heroCliCopyLabel:"Copy all commands",heroCliTemplatesLabel:"Starter templates",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",heroCliCmd:["npx --yes shipscreens wizard","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
+`),proUnlockTitle:"Unlock Pro (CLI)",proUnlockBody:"Remove the watermark and unlock full matrix batch exports via CLI auth:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"Completes a one-time browser sign-in; then rerun build with --require-pro.",navTools:"Tools",introTitle:"Use this when…",introBullets:["Manual Figma/Canva edits (or AI drafts) keep drifting across sizes/locales","App Review/ASO feedback says the first screenshot is unclear","Screenshots look generic because the message is vague, not because your style is wrong","Localization makes copy decisions expensive","You want a rerunnable flow (sample → edit → export)"],hookRule:"Clarity check: if your Hook could fit many apps, it is too broad. Make one concrete outcome explicit.",hookExamplesTitle:"Hook examples (vague vs concrete)",hookExamplesBadLabel:"Vague",hookExamplesGoodLabel:"Concrete",hookExamples:[{bad:"Learn everything about finance",good:"Build a weekly budget and track spending in 10 minutes"},{bad:"A smarter productivity app",good:"Plan your day in 3 tasks and finish by 6pm"}],panelsTitle:"The 5 panels",panelCards:[{name:"Hook",goal:"Say the outcome in one line.",header:"Header: concrete outcome",subtitle:"Subtitle: for who / how fast",example:"Example: Ship screenshot updates in one CI rerun"},{name:"Problem",goal:"Make the pain concrete (numbers help).",header:"Header: what is painful",subtitle:"Subtitle: why it costs time",example:"Example: 5×10×4 = 200 images"},{name:"Proof",goal:"Add credibility and reduce doubt.",header:"Header: why trust this",subtitle:"Subtitle: spec / workflow fit",example:"Example: Fastlane-ready output"},{name:"How",goal:"Show the shortest reproducible workflow.",header:"Header: the steps",subtitle:"Subtitle: what you need",example:"Example: Master layout → CSV → Export"},{name:"CTA",goal:"One clear next action.",header:"Header: try / start",subtitle:"Subtitle: what happens next",example:"Example: Try it free"}],toolsTitle:"Assets",calculatorLink:"Screenshot Workload Calculator",calculatorCaption:"Quantify the device × locale explosion and pick size buckets.",sampleTitle:"Sample project",sampleCaption:"Open a pre-filled 5-panel project in ShipScreens and replace the screenshots.",openSample:"Open sample project",downloadTitle:"Download",downloadCaption:"Save the framework as Markdown (easy to share with teammates).",copyButton:"Copy Markdown",downloadButton:"Download Markdown",toastCopied:"Copied to clipboard",toastCopyFailed:"Copy failed. Please use Download.",ctaPrimary:"Start for Free",footerText:"Want feedback on your store assets pipeline and screenshot positioning? We are talking to early users.",footerCta:"DM @shipscreenscom on X"},ja:{badge:"構成テンプレ（5枚）",title:"5枚構成 スクショフレームワーク",subtitle:"既存ツールがあっても、Hook -> Problem -> Proof -> How -> CTA でサイズ/言語/リリース再実行のブレを抑える5枚構成テンプレ。見た目を画一化するためではなく、訴求順を固定するための型です。",heroCliTitle:"CLIクイックスタート（2ステップ）",heroCliNote:"wizard → build（raw / Playwright不要）。",heroCliSummary:"出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。",heroCliCopyLabel:"コマンドをすべてコピー",heroCliTemplatesLabel:"スターター雛形",heroCliConfigLabel:"config.yml",heroCliCsvLabel:"copy.csv",heroCliCmd:["npx --yes shipscreens wizard","npx --yes shipscreens build --mode raw --zip --out out/agent"].join(`
+`),proUnlockTitle:"Proを解除（CLI）",proUnlockBody:"透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:",proUnlockCmd:"npx --yes shipscreens auth login",proUnlockNote:"初回のみブラウザでサインインします。以後は --require-pro で再実行。",navTools:"ツール",introTitle:"こんな時に使う",introBullets:["手作業/AI下書きがサイズ/言語でズレる","App Review/ASO で「最初のスクショが伝わらない」と言われたとき","見た目ではなく訴求の曖昧さで「よくある画面」に見えてしまう","多言語対応でコピーが長くなりがち","再実行できる流れ（サンプル→編集→Export）が欲しい"],hookRule:"確認: Hookが他の多くのアプリにも当てはまるなら、成果を具体化してください。",hookExamplesTitle:"Hook例（曖昧 vs 具体）",hookExamplesBadLabel:"曖昧",hookExamplesGoodLabel:"具体",hookExamples:[{bad:"お金のことを全部学べる",good:"10分で週次予算を作って、支出を自動で把握する"},{bad:"もっと賢い生産性アプリ",good:"毎日の3タスクを整理して、18時までに終わらせる"}],panelsTitle:"5枚の役割",panelCards:[{name:"Hook",goal:"結論（成果）を1行で。",header:"ヘッダー: 具体的な成果",subtitle:"サブ: 誰に/どれくらい",example:"例: スクショ更新をCIの1回再実行で完了"},{name:"Problem",goal:"痛みを具体化（数字が強い）。",header:"ヘッダー: 何がつらい",subtitle:"サブ: なぜ時間が溶ける",example:"例: 5×10×4 = 200枚"},{name:"Proof",goal:"不安を減らす材料。",header:"ヘッダー: 根拠",subtitle:"サブ: 仕様/ワークフロー適合",example:"例: Fastlane対応出力"},{name:"How",goal:"短いフローで再現性を。",header:"ヘッダー: 手順",subtitle:"サブ: 必要なもの",example:"例: master→CSV→Export"},{name:"CTA",goal:"次の一手を1つに。",header:"ヘッダー: 試す/開始",subtitle:"サブ: 次に起きること",example:"例: 無料で試す"}],toolsTitle:"資産",calculatorLink:"スクショ作業量 計算ツール",calculatorCaption:"端末×言語の爆発とサイズバケットを先に把握。",sampleTitle:"サンプルプロジェクト",sampleCaption:"5枚構成の雛形を開いて、画像だけ差し替えてください。",openSample:"サンプルを開く",downloadTitle:"ダウンロード",downloadCaption:"Markdownとして保存（チーム共有しやすい）。",copyButton:"Markdownをコピー",downloadButton:"MarkdownをDL",toastCopied:"コピーしました",toastCopyFailed:"コピーできませんでした。ダウンロードをご利用ください。",ctaPrimary:"無料で試す",footerText:"ストア素材パイプラインや訴求の相談があれば、15分だけ聞かせてください。改善案やテンプレをご案内します。",footerCta:"XでDM: @shipscreenscom"}},ee=()=>{const{i18n:r,t:n}=T(),{addToast:d}=L(),l=O(r.resolvedLanguage||r.language),t=w[l]||w.en;U("titles.fivePanelFramework",{defaultValue:l==="ja"?"5枚構成テンプレ - ShipScreens":"5-panel Screenshot Framework - ShipScreens"}),m.useEffect(()=>{s("tool_view",{tool:"five_panel_screenshot_framework"})},[]);const p=m.useMemo(()=>R(l),[l]),_="/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_app_header",C="/tools/agent-cli/",h="/tools/first-export/?entry_source=five_panel_screenshot_framework_primary_cta",u="/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_sample_project",j="/downloads/shipscreens-agent-cli-config.yml",v="/downloads/shipscreens-agent-cli-copy.csv",f=n("common.copy",{defaultValue:"Copy"}),b=n("common.showCommands",{defaultValue:"Show commands"}),N=typeof window>"u"?!0:window.matchMedia("(min-width: 640px)").matches,S=m.useCallback(()=>{try{const o=`\uFEFF${p}`,i=new Blob([o],{type:"text/markdown;charset=utf-8"}),k=URL.createObjectURL(i),c=document.createElement("a");c.href=k,c.download=l==="ja"?"shipscreens-5panel-framework-ja.md":"shipscreens-5panel-framework.md",document.body.appendChild(c),c.click(),document.body.removeChild(c),URL.revokeObjectURL(k),s("tool_download",{tool:"five_panel_screenshot_framework",asset:"markdown"})}catch{}},[l,p]);return e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white",children:[e.jsx(A,{}),e.jsx(F,{variant:"dark",active:"tools",openAppHref:_,onToolsClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_tools_header"}),onPricingClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"pricing_header"}),onOpenAppClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_app_header"}),primaryCta:{href:h,label:e.jsxs("span",{className:"inline-flex items-center gap-2",children:[n("landing.nav.primaryCta")," ",e.jsx(x,{size:16})]}),onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_first_export_header"})}}),e.jsxs("main",{className:"max-w-5xl mx-auto px-6 pb-24 space-y-12",children:[e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-4",children:[e.jsxs("div",{className:"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold",children:[e.jsx(z,{size:14}),t.badge]}),e.jsx("h1",{className:"text-3xl md:text-5xl font-black leading-tight",children:t.title}),e.jsx("p",{className:"text-slate-300 text-lg leading-relaxed",children:t.subtitle}),e.jsxs("div",{className:"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTitle}),e.jsx("p",{className:"text-xs text-slate-400",children:t.heroCliNote}),e.jsx("p",{className:"text-xs text-slate-500",children:t.heroCliSummary}),e.jsx(y,{value:t.heroCliCmd,onCopied:()=>{d({type:"success",message:t.toastCopied}),s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"copy_cli_hero"})},onCopyFailed:()=>d({type:"error",message:t.toastCopyFailed}),className:"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold",children:({copyLabel:o,copyState:i})=>e.jsxs(e.Fragment,{children:[e.jsx(g,{size:14}),i==="idle"?t.heroCliCopyLabel:o||f]})}),e.jsxs("details",{className:"group",open:N,children:[e.jsxs("summary",{className:"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none",children:[e.jsx("span",{children:b}),e.jsx(I,{size:14,className:"text-slate-500 transition-transform duration-200 group-open:rotate-180"})]}),e.jsx("div",{className:"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3",children:e.jsx("pre",{className:"text-xs text-slate-200 whitespace-pre-wrap",children:t.heroCliCmd})})]}),e.jsxs("div",{className:"pt-1 space-y-2",children:[e.jsx("div",{className:"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold",children:t.heroCliTemplatesLabel}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx("a",{href:j,download:!0,onClick:()=>s("tool_download",{tool:"five_panel_screenshot_framework",asset:"config_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliConfigLabel}),e.jsx("a",{href:v,download:!0,onClick:()=>s("tool_download",{tool:"five_panel_screenshot_framework",asset:"copy_template"}),className:"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition",children:t.heroCliCsvLabel})]})]})]}),e.jsx(B,{title:l==="ja"?"詳細: CLIガードレール + Pro解除":"Advanced: CLI guardrails + Pro unlock",codeToggleLabel:b,copyButtonLabel:f,preflightHref:"/tools/agent-cli/#preflight",onPreflightClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_cli_preflight"}),proUnlockTitle:t.proUnlockTitle,proUnlockBody:t.proUnlockBody,proUnlockCmd:t.proUnlockCmd,proUnlockNote:t.proUnlockNote,onProUnlockCopied:()=>s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"copy_cli_pro_unlock"})}),e.jsx(P,{compact:!0,href:"/tools/agent-cli/#preflight",onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_cli_preflight_card"}),className:"max-w-xl mx-auto"})]}),e.jsx(H,{className:"max-w-4xl mx-auto w-full"}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.introTitle}),e.jsx("ul",{className:"text-sm text-slate-300 list-disc pl-5 space-y-1",children:t.introBullets.map(o=>e.jsx("li",{children:o},o))}),t.hookRule&&e.jsx("p",{className:"text-xs text-amber-300",children:t.hookRule})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-bold text-white",children:t.hookExamplesTitle}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:t.hookExamples.map(o=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-rose-300 font-semibold",children:t.hookExamplesBadLabel}),e.jsxs("div",{className:"text-sm text-slate-200",children:['"',o.bad,'"']})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx("div",{className:"text-[11px] uppercase tracking-[0.16em] text-emerald-300 font-semibold",children:t.hookExamplesGoodLabel}),e.jsxs("div",{className:"text-sm text-white font-semibold",children:['"',o.good,'"']})]})]},`${o.bad}-${o.good}`))})]}),e.jsxs("section",{className:"space-y-4",children:[e.jsx("h2",{className:"text-xl font-bold text-white",children:t.panelsTitle}),e.jsx("div",{className:"grid md:grid-cols-2 gap-4",children:t.panelCards.map((o,i)=>e.jsxs("div",{className:"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"text-sm font-bold text-slate-100",children:[i+1,". ",o.name]}),e.jsx("div",{className:"text-xs text-slate-500",children:"Panel"})]}),e.jsx("div",{className:"text-sm text-slate-300",children:o.goal}),e.jsxs("div",{className:"pt-2 space-y-1 text-xs text-slate-400",children:[e.jsx("div",{children:o.header}),e.jsx("div",{children:o.subtitle}),e.jsx("div",{className:"text-slate-200 font-semibold",children:o.example})]})]},o.name))})]}),e.jsx("section",{className:"space-y-4",children:e.jsxs("div",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.toolsTitle}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("a",{href:"/tools/screenshot-workload-calculator/",onClick:()=>s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_calculator"}),className:"text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4 font-semibold",children:t.calculatorLink}),e.jsx("div",{className:"text-sm text-slate-300",children:t.calculatorCaption})]})]})}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.downloadTitle}),e.jsx("p",{className:"text-sm text-slate-300",children:t.downloadCaption}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs(y,{value:p,onCopied:()=>{d({type:"success",message:t.toastCopied}),s("tool_download",{tool:"five_panel_screenshot_framework",asset:"markdown_clipboard"})},onCopyFailed:()=>d({type:"error",message:t.toastCopyFailed}),className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition","aria-label":t.copyButton,children:[e.jsx(g,{size:16}),t.copyButton]}),e.jsxs("button",{type:"button",onClick:S,className:"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition",children:[e.jsx(M,{size:16}),t.downloadButton]})]})]}),e.jsxs("section",{className:"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4",children:[e.jsx("h2",{className:"text-lg font-bold text-white",children:t.sampleTitle}),e.jsx("p",{className:"text-sm text-slate-300",children:t.sampleCaption}),e.jsxs("div",{className:"flex flex-col sm:flex-row gap-3",children:[e.jsxs("a",{href:h,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_first_export_footer"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full",children:[n("landing.nav.primaryCta")," ",e.jsx(x,{size:16})]}),e.jsxs("a",{href:u,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"open_sample_project_footer"}),className:"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full",children:[t.openSample," ",e.jsx(x,{size:16})]})]})]}),e.jsxs("section",{className:"max-w-3xl mx-auto text-center space-y-3 pt-2",children:[e.jsx("p",{className:"text-sm text-slate-400",children:t.footerText}),e.jsx("a",{href:"https://x.com/shipscreenscom",target:"_blank",rel:"noopener noreferrer",onClick:()=>s("tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"dm_x"}),className:"text-sm text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4",children:t.footerCta})]})]}),e.jsx(E,{primary:{label:t.ctaPrimary,href:C,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"sticky_primary"})},secondary:{label:t.openSample,href:u,onClick:o=>a(o,"tool_cta_click",{tool:"five_panel_screenshot_framework",cta:"sticky_secondary"})}})]})};export{ee as default};
+//# sourceMappingURL=FivePanelFramework-B967Cblg.js.map

package/dist/app/assets/FivePanelFramework-B967Cblg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FivePanelFramework-B967Cblg.js","sources":["../../src/pages/FivePanelFramework.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { ArrowRight, ChevronDown, Copy, Download, LayoutGrid } from 'lucide-react';\nimport { useTranslation } from 'react-i18next';\nimport CliPreflightCard from '../components/CliPreflightCard';\nimport CopyButton from '../components/CopyButton';\nimport FitPanel from '../components/FitPanel';\nimport StagingBadge from '../components/StagingBadge';\nimport StickyMobileCta from '../components/StickyMobileCta';\nimport SiteHeader from '../components/SiteHeader';\nimport ToolGuardrailsPanel from '../components/ToolGuardrailsPanel';\nimport { useToast } from '../context/ToastContext';\nimport usePageTitle from '../hooks/usePageTitle';\nimport { trackEvent, trackEventAndFollowLink } from '../lib/analytics';\n\nconst normalizeLang = (lang) => {\n  const base = (lang || '').split('-')[0];\n  return base === 'ja' ? 'ja' : 'en';\n};\n\nconst buildMarkdown = (lang) => {\n  if (lang === 'ja') {\n    return `# 5枚構成 スクショフレームワーク\n\nApp Store / Google Play のスクショを「5枚で伝える」ための構成テンプレです。\n\n## 1) Hook（結論）\n- 何が変わるか（成果）を1行で\n- 例: スクショをビルドステップに / 再実行で毎リリース\n\n## 2) Problem（痛み）\n- いま起きている苦痛を具体化（数字が強い）\n- 例: 5枚×10言語×4サイズ = 200枚\n\n## 3) Proof（根拠）\n- 信用・再現性の材料（仕様・実績・数字）\n- 例: Fastlane公式パス（dir/ZIP） / 再現性のある出力\n\n## 4) How（やり方）\n- どうやって実現するか（フローを短く）\n- 例: master layout → CSV/JSON copy → Export\n\n## 5) CTA（次の一手）\n- 読んだ後に何をすればいいかを1つに絞る\n- 例: 無料で試す / サンプルから開始\n\n## メモ\n- 翻訳は外部でOK（ShipScreensは翻訳しない）\n- UIは大きく（~80%目安）\n- キャプションは短く（6-8語目安）\n- 確認: 見出しが他の多くのアプリにも当てはまるなら、成果を具体化して書き直す\n`;\n  }\n\n  return `# 5-panel screenshot framework\n\nA simple structure to explain your app in five store screenshots.\n\n## 1) Hook (Outcome)\n- Say the result in one line\n- Example: Screenshots as a build step / Rerun exports every release\n\n## 2) Problem (Pain)\n- Make the pain concrete (numbers work)\n- Example: 5 shots × 10 locales × 4 sizes = 200 images\n\n## 3) Proof (Credibility)\n- Give confidence (specs, numbers, workflow fit)\n- Example: Fastlane-ready output (folders/ZIP) / Reproducible reruns\n\n## 4) How (Workflow)\n- Show the shortest path in steps\n- Example: Master layout → CSV/JSON copy → export\n\n## 5) CTA (Next step)\n- One clear action\n- Example: Try it free / Start from a sample project\n\n## Notes\n- Bring your translations; ShipScreens does not translate.\n- Keep UI big (~80% of the frame).\n- Keep captions short (<= 6-8 words).\n- Clarity check: if the headline could fit many apps, make the outcome more concrete.\n`;\n};\n\nconst COPY = {\n  en: {\n    badge: 'Screenshot structure template',\n    title: '5-panel Screenshot Framework',\n    subtitle:\n      'Use this structure even if you already have design tools: Hook -> Problem -> Proof -> How -> CTA keeps App Store / Google Play screenshots consistent across sizes/locales and release reruns without forcing a generic visual style.',\n    heroCliTitle: 'CLI quickstart (2 steps)',\n    heroCliNote: 'wizard → build (raw mode, no Playwright).',\n    heroCliSummary: 'Outputs: fastlane/ + reproducible ZIP (local/CI) with verify/stage guardrails.',\n    heroCliCopyLabel: 'Copy all commands',\n    heroCliTemplatesLabel: 'Starter templates',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    proUnlockTitle: 'Unlock Pro (CLI)',\n    proUnlockBody: 'Remove the watermark and unlock full matrix batch exports via CLI auth:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: 'Completes a one-time browser sign-in; then rerun build with --require-pro.',\n    navTools: 'Tools',\n    introTitle: 'Use this when…',\n    introBullets: [\n      'Manual Figma/Canva edits (or AI drafts) keep drifting across sizes/locales',\n      'App Review/ASO feedback says the first screenshot is unclear',\n      'Screenshots look generic because the message is vague, not because your style is wrong',\n      'Localization makes copy decisions expensive',\n      'You want a rerunnable flow (sample → edit → export)',\n    ],\n    hookRule:\n      'Clarity check: if your Hook could fit many apps, it is too broad. Make one concrete outcome explicit.',\n    hookExamplesTitle: 'Hook examples (vague vs concrete)',\n    hookExamplesBadLabel: 'Vague',\n    hookExamplesGoodLabel: 'Concrete',\n    hookExamples: [\n      {\n        bad: 'Learn everything about finance',\n        good: 'Build a weekly budget and track spending in 10 minutes',\n      },\n      {\n        bad: 'A smarter productivity app',\n        good: 'Plan your day in 3 tasks and finish by 6pm',\n      },\n    ],\n    panelsTitle: 'The 5 panels',\n    panelCards: [\n      {\n        name: 'Hook',\n        goal: 'Say the outcome in one line.',\n        header: 'Header: concrete outcome',\n        subtitle: 'Subtitle: for who / how fast',\n        example: 'Example: Ship screenshot updates in one CI rerun',\n      },\n      {\n        name: 'Problem',\n        goal: 'Make the pain concrete (numbers help).',\n        header: 'Header: what is painful',\n        subtitle: 'Subtitle: why it costs time',\n        example: 'Example: 5×10×4 = 200 images',\n      },\n      {\n        name: 'Proof',\n        goal: 'Add credibility and reduce doubt.',\n        header: 'Header: why trust this',\n        subtitle: 'Subtitle: spec / workflow fit',\n        example: 'Example: Fastlane-ready output',\n      },\n      {\n        name: 'How',\n        goal: 'Show the shortest reproducible workflow.',\n        header: 'Header: the steps',\n        subtitle: 'Subtitle: what you need',\n        example: 'Example: Master layout → CSV → Export',\n      },\n      {\n        name: 'CTA',\n        goal: 'One clear next action.',\n        header: 'Header: try / start',\n        subtitle: 'Subtitle: what happens next',\n        example: 'Example: Try it free',\n      },\n    ],\n    toolsTitle: 'Assets',\n    calculatorLink: 'Screenshot Workload Calculator',\n    calculatorCaption: 'Quantify the device × locale explosion and pick size buckets.',\n    sampleTitle: 'Sample project',\n    sampleCaption: 'Open a pre-filled 5-panel project in ShipScreens and replace the screenshots.',\n    openSample: 'Open sample project',\n    downloadTitle: 'Download',\n    downloadCaption: 'Save the framework as Markdown (easy to share with teammates).',\n    copyButton: 'Copy Markdown',\n    downloadButton: 'Download Markdown',\n    toastCopied: 'Copied to clipboard',\n    toastCopyFailed: 'Copy failed. Please use Download.',\n    ctaPrimary: 'Start for Free',\n    footerText: 'Want feedback on your store assets pipeline and screenshot positioning? We are talking to early users.',\n    footerCta: 'DM @shipscreenscom on X',\n  },\n  ja: {\n    badge: '構成テンプレ（5枚）',\n    title: '5枚構成 スクショフレームワーク',\n    subtitle: '既存ツールがあっても、Hook -> Problem -> Proof -> How -> CTA でサイズ/言語/リリース再実行のブレを抑える5枚構成テンプレ。見た目を画一化するためではなく、訴求順を固定するための型です。',\n    heroCliTitle: 'CLIクイックスタート（2ステップ）',\n    heroCliNote: 'wizard → build（raw / Playwright不要）。',\n    heroCliSummary: '出力: fastlane/ + 再現性ZIP（ローカル/CI）+ verify/stage ガードレール。',\n    heroCliCopyLabel: 'コマンドをすべてコピー',\n    heroCliTemplatesLabel: 'スターター雛形',\n    heroCliConfigLabel: 'config.yml',\n    heroCliCsvLabel: 'copy.csv',\n    heroCliCmd: [\n      'npx --yes shipscreens wizard',\n      'npx --yes shipscreens build --mode raw --zip --out out/agent',\n    ].join('\\n'),\n    proUnlockTitle: 'Proを解除（CLI）',\n    proUnlockBody: '透かし解除＆フル一括（端末×言語）のために、まずはCLI認証を実行:',\n    proUnlockCmd: 'npx --yes shipscreens auth login',\n    proUnlockNote: '初回のみブラウザでサインインします。以後は --require-pro で再実行。',\n    navTools: 'ツール',\n    introTitle: 'こんな時に使う',\n    introBullets: [\n      '手作業/AI下書きがサイズ/言語でズレる',\n      'App Review/ASO で「最初のスクショが伝わらない」と言われたとき',\n      '見た目ではなく訴求の曖昧さで「よくある画面」に見えてしまう',\n      '多言語対応でコピーが長くなりがち',\n      '再実行できる流れ（サンプル→編集→Export）が欲しい',\n    ],\n    hookRule: '確認: Hookが他の多くのアプリにも当てはまるなら、成果を具体化してください。',\n    hookExamplesTitle: 'Hook例（曖昧 vs 具体）',\n    hookExamplesBadLabel: '曖昧',\n    hookExamplesGoodLabel: '具体',\n    hookExamples: [\n      {\n        bad: 'お金のことを全部学べる',\n        good: '10分で週次予算を作って、支出を自動で把握する',\n      },\n      {\n        bad: 'もっと賢い生産性アプリ',\n        good: '毎日の3タスクを整理して、18時までに終わらせる',\n      },\n    ],\n    panelsTitle: '5枚の役割',\n    panelCards: [\n      { name: 'Hook', goal: '結論（成果）を1行で。', header: 'ヘッダー: 具体的な成果', subtitle: 'サブ: 誰に/どれくらい', example: '例: スクショ更新をCIの1回再実行で完了' },\n      { name: 'Problem', goal: '痛みを具体化（数字が強い）。', header: 'ヘッダー: 何がつらい', subtitle: 'サブ: なぜ時間が溶ける', example: '例: 5×10×4 = 200枚' },\n      { name: 'Proof', goal: '不安を減らす材料。', header: 'ヘッダー: 根拠', subtitle: 'サブ: 仕様/ワークフロー適合', example: '例: Fastlane対応出力' },\n      { name: 'How', goal: '短いフローで再現性を。', header: 'ヘッダー: 手順', subtitle: 'サブ: 必要なもの', example: '例: master→CSV→Export' },\n      { name: 'CTA', goal: '次の一手を1つに。', header: 'ヘッダー: 試す/開始', subtitle: 'サブ: 次に起きること', example: '例: 無料で試す' },\n    ],\n    toolsTitle: '資産',\n    calculatorLink: 'スクショ作業量 計算ツール',\n    calculatorCaption: '端末×言語の爆発とサイズバケットを先に把握。',\n    sampleTitle: 'サンプルプロジェクト',\n    sampleCaption: '5枚構成の雛形を開いて、画像だけ差し替えてください。',\n    openSample: 'サンプルを開く',\n    downloadTitle: 'ダウンロード',\n    downloadCaption: 'Markdownとして保存（チーム共有しやすい）。',\n    copyButton: 'Markdownをコピー',\n    downloadButton: 'MarkdownをDL',\n    toastCopied: 'コピーしました',\n    toastCopyFailed: 'コピーできませんでした。ダウンロードをご利用ください。',\n    ctaPrimary: '無料で試す',\n    footerText: 'ストア素材パイプラインや訴求の相談があれば、15分だけ聞かせてください。改善案やテンプレをご案内します。',\n    footerCta: 'XでDM: @shipscreenscom',\n  },\n};\n\nconst FivePanelFramework = () => {\n  const { i18n, t } = useTranslation();\n  const { addToast } = useToast();\n\n  const lang = normalizeLang(i18n.resolvedLanguage || i18n.language);\n  const copy = COPY[lang] || COPY.en;\n\n  usePageTitle('titles.fivePanelFramework', {\n    defaultValue: lang === 'ja' ? '5枚構成テンプレ - ShipScreens' : '5-panel Screenshot Framework - ShipScreens',\n  });\n\n  useEffect(() => {\n    trackEvent('tool_view', { tool: 'five_panel_screenshot_framework' });\n  }, []);\n\n  const markdown = useMemo(() => buildMarkdown(lang), [lang]);\n  const openAppHref = '/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_app_header';\n  const agentCliHref = '/tools/agent-cli/';\n  const firstExportHref = '/tools/first-export/?entry_source=five_panel_screenshot_framework_primary_cta';\n  const sampleProjectHref = '/app/?sample=5panel&entry_source=five_panel_screenshot_framework_open_sample_project';\n  const configDownloadHref = '/downloads/shipscreens-agent-cli-config.yml';\n  const csvDownloadHref = '/downloads/shipscreens-agent-cli-copy.csv';\n  const copyButtonLabel = t('common.copy', { defaultValue: 'Copy' });\n  const codeToggleLabel = t('common.showCommands', { defaultValue: 'Show commands' });\n  const defaultCodeOpen = typeof window === 'undefined' ? true : window.matchMedia('(min-width: 640px)').matches;\n\n  const downloadMarkdown = useCallback(() => {\n    try {\n      const content = `\\ufeff${markdown}`;\n      const blob = new Blob([content], { type: 'text/markdown;charset=utf-8' });\n      const url = URL.createObjectURL(blob);\n      const link = document.createElement('a');\n      link.href = url;\n      link.download = lang === 'ja' ? 'shipscreens-5panel-framework-ja.md' : 'shipscreens-5panel-framework.md';\n      document.body.appendChild(link);\n      link.click();\n      document.body.removeChild(link);\n      URL.revokeObjectURL(url);\n      trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'markdown' });\n    } catch {\n      // noop\n    }\n  }, [lang, markdown]);\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white\">\n      <StagingBadge />\n      <SiteHeader\n        variant=\"dark\"\n        active=\"tools\"\n        openAppHref={openAppHref}\n        onToolsClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'open_tools_header' })\n        }\n        onPricingClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'pricing_header' })\n        }\n        onOpenAppClick={(event) =>\n          trackEventAndFollowLink(event, 'tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'open_app_header' })\n        }\n        primaryCta={{\n          href: firstExportHref,\n          label: (\n            <span className=\"inline-flex items-center gap-2\">\n              {t('landing.nav.primaryCta')} <ArrowRight size={16} />\n            </span>\n          ),\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'five_panel_screenshot_framework',\n              cta: 'open_first_export_header',\n            }),\n        }}\n      />\n\n      <main className=\"max-w-5xl mx-auto px-6 pb-24 space-y-12\">\n        <section className=\"max-w-3xl mx-auto text-center space-y-4\">\n          <div className=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full border border-slate-800 bg-slate-900/60 text-slate-200 text-xs font-semibold\">\n            <LayoutGrid size={14} />\n            {copy.badge}\n          </div>\n          <h1 className=\"text-3xl md:text-5xl font-black leading-tight\">{copy.title}</h1>\n          <p className=\"text-slate-300 text-lg leading-relaxed\">{copy.subtitle}</p>\n          <div className=\"max-w-xl mx-auto text-left bg-slate-900/60 border border-slate-800 rounded-2xl p-4 space-y-2\">\n            <div className=\"text-[11px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">{copy.heroCliTitle}</div>\n            <p className=\"text-xs text-slate-400\">{copy.heroCliNote}</p>\n            <p className=\"text-xs text-slate-500\">{copy.heroCliSummary}</p>\n            <CopyButton\n              value={copy.heroCliCmd}\n              onCopied={() => {\n                addToast({ type: 'success', message: copy.toastCopied });\n                trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'copy_cli_hero' });\n              }}\n              onCopyFailed={() => addToast({ type: 'error', message: copy.toastCopyFailed })}\n              className=\"inline-flex items-center justify-center gap-2 px-3 py-2 rounded-lg border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition text-xs font-semibold\"\n            >\n              {({ copyLabel, copyState }) => (\n                <>\n                  <Copy size={14} />\n                  {copyState === 'idle' ? copy.heroCliCopyLabel : copyLabel || copyButtonLabel}\n                </>\n              )}\n            </CopyButton>\n            <details className=\"group\" open={defaultCodeOpen}>\n              <summary className=\"flex items-center justify-between text-[11px] font-semibold text-slate-400 cursor-pointer list-none\">\n                <span>{codeToggleLabel}</span>\n                <ChevronDown size={14} className=\"text-slate-500 transition-transform duration-200 group-open:rotate-180\" />\n              </summary>\n              <div className=\"mt-2 rounded-xl border border-slate-800 bg-slate-950 p-3\">\n                <pre className=\"text-xs text-slate-200 whitespace-pre-wrap\">{copy.heroCliCmd}</pre>\n              </div>\n            </details>\n            <div className=\"pt-1 space-y-2\">\n              <div className=\"text-[10px] uppercase tracking-[0.2em] text-slate-500 font-semibold\">\n                {copy.heroCliTemplatesLabel}\n              </div>\n              <div className=\"flex flex-wrap gap-2\">\n                <a\n                  href={configDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'config_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliConfigLabel}\n                </a>\n                <a\n                  href={csvDownloadHref}\n                  download\n                  onClick={() => trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'copy_template' })}\n                  className=\"inline-flex items-center justify-center gap-2 px-2.5 py-1.5 rounded-md border border-slate-700 bg-slate-950 text-[11px] text-slate-200 hover:bg-slate-900 transition\"\n                >\n                  {copy.heroCliCsvLabel}\n                </a>\n              </div>\n            </div>\n          </div>\n          <ToolGuardrailsPanel\n            title={lang === 'ja' ? '詳細: CLIガードレール + Pro解除' : 'Advanced: CLI guardrails + Pro unlock'}\n            codeToggleLabel={codeToggleLabel}\n            copyButtonLabel={copyButtonLabel}\n            preflightHref=\"/tools/agent-cli/#preflight\"\n            onPreflightClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', {\n                tool: 'five_panel_screenshot_framework',\n                cta: 'open_cli_preflight',\n              })\n            }\n            proUnlockTitle={copy.proUnlockTitle}\n            proUnlockBody={copy.proUnlockBody}\n            proUnlockCmd={copy.proUnlockCmd}\n            proUnlockNote={copy.proUnlockNote}\n            onProUnlockCopied={() =>\n              trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'copy_cli_pro_unlock' })\n            }\n          />\n          <CliPreflightCard\n            compact\n            href=\"/tools/agent-cli/#preflight\"\n            onClick={(event) =>\n              trackEventAndFollowLink(event, 'tool_cta_click', {\n                tool: 'five_panel_screenshot_framework',\n                cta: 'open_cli_preflight_card',\n              })\n            }\n            className=\"max-w-xl mx-auto\"\n          />\n        </section>\n\n        <FitPanel className=\"max-w-4xl mx-auto w-full\" />\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-3\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.introTitle}</h2>\n          <ul className=\"text-sm text-slate-300 list-disc pl-5 space-y-1\">\n            {copy.introBullets.map((item) => (\n              <li key={item}>{item}</li>\n            ))}\n          </ul>\n          {copy.hookRule && <p className=\"text-xs text-amber-300\">{copy.hookRule}</p>}\n        </section>\n\n        <section className=\"space-y-4\">\n          <h2 className=\"text-xl font-bold text-white\">{copy.hookExamplesTitle}</h2>\n          <div className=\"grid md:grid-cols-2 gap-4\">\n            {copy.hookExamples.map((item) => (\n              <div key={`${item.bad}-${item.good}`} className=\"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-3\">\n                <div className=\"space-y-1\">\n                  <div className=\"text-[11px] uppercase tracking-[0.16em] text-rose-300 font-semibold\">\n                    {copy.hookExamplesBadLabel}\n                  </div>\n                  <div className=\"text-sm text-slate-200\">\"{item.bad}\"</div>\n                </div>\n                <div className=\"space-y-1\">\n                  <div className=\"text-[11px] uppercase tracking-[0.16em] text-emerald-300 font-semibold\">\n                    {copy.hookExamplesGoodLabel}\n                  </div>\n                  <div className=\"text-sm text-white font-semibold\">\"{item.good}\"</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"space-y-4\">\n          <h2 className=\"text-xl font-bold text-white\">{copy.panelsTitle}</h2>\n          <div className=\"grid md:grid-cols-2 gap-4\">\n            {copy.panelCards.map((panel, idx) => (\n              <div key={panel.name} className=\"rounded-2xl border border-slate-800 bg-slate-950 p-5 space-y-2\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"text-sm font-bold text-slate-100\">\n                    {idx + 1}. {panel.name}\n                  </div>\n                  <div className=\"text-xs text-slate-500\">Panel</div>\n                </div>\n                <div className=\"text-sm text-slate-300\">{panel.goal}</div>\n                <div className=\"pt-2 space-y-1 text-xs text-slate-400\">\n                  <div>{panel.header}</div>\n                  <div>{panel.subtitle}</div>\n                  <div className=\"text-slate-200 font-semibold\">{panel.example}</div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </section>\n\n        <section className=\"space-y-4\">\n          <div className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n            <h2 className=\"text-lg font-bold text-white\">{copy.toolsTitle}</h2>\n            <div className=\"space-y-2\">\n              <a\n                href=\"/tools/screenshot-workload-calculator/\"\n                onClick={() => trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'open_calculator' })}\n                className=\"text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4 font-semibold\"\n              >\n                {copy.calculatorLink}\n              </a>\n              <div className=\"text-sm text-slate-300\">{copy.calculatorCaption}</div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.downloadTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.downloadCaption}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <CopyButton\n              value={markdown}\n              onCopied={() => {\n                addToast({ type: 'success', message: copy.toastCopied });\n                trackEvent('tool_download', { tool: 'five_panel_screenshot_framework', asset: 'markdown_clipboard' });\n              }}\n              onCopyFailed={() => addToast({ type: 'error', message: copy.toastCopyFailed })}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n              aria-label={copy.copyButton}\n            >\n              <Copy size={16} />\n              {copy.copyButton}\n            </CopyButton>\n            <button\n              type=\"button\"\n              onClick={downloadMarkdown}\n              className=\"flex-1 inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 hover:bg-slate-900 transition\"\n            >\n              <Download size={16} />\n              {copy.downloadButton}\n            </button>\n          </div>\n        </section>\n\n        <section className=\"bg-slate-900/60 border border-slate-800 rounded-2xl p-6 space-y-4\">\n          <h2 className=\"text-lg font-bold text-white\">{copy.sampleTitle}</h2>\n          <p className=\"text-sm text-slate-300\">{copy.sampleCaption}</p>\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <a\n              href={firstExportHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'five_panel_screenshot_framework',\n                  cta: 'open_first_export_footer',\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl bg-white text-slate-900 font-bold hover:scale-[1.02] transition w-full\"\n            >\n              {t('landing.nav.primaryCta')} <ArrowRight size={16} />\n            </a>\n            <a\n              href={sampleProjectHref}\n              onClick={(event) =>\n                trackEventAndFollowLink(event, 'tool_cta_click', {\n                  tool: 'five_panel_screenshot_framework',\n                  cta: 'open_sample_project_footer',\n                })\n              }\n              className=\"inline-flex items-center justify-center gap-2 px-4 py-3 rounded-xl border border-slate-700 bg-slate-950 text-slate-200 font-bold hover:bg-slate-900 transition w-full\"\n            >\n              {copy.openSample} <ArrowRight size={16} />\n            </a>\n          </div>\n        </section>\n\n        <section className=\"max-w-3xl mx-auto text-center space-y-3 pt-2\">\n          <p className=\"text-sm text-slate-400\">{copy.footerText}</p>\n          <a\n            href=\"https://x.com/shipscreenscom\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            onClick={() => trackEvent('tool_cta_click', { tool: 'five_panel_screenshot_framework', cta: 'dm_x' })}\n            className=\"text-sm text-blue-300 hover:text-blue-200 transition-colors underline underline-offset-4\"\n          >\n            {copy.footerCta}\n          </a>\n        </section>\n      </main>\n      <StickyMobileCta\n        primary={{\n          label: copy.ctaPrimary,\n          href: agentCliHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'five_panel_screenshot_framework',\n              cta: 'sticky_primary',\n            }),\n        }}\n        secondary={{\n          label: copy.openSample,\n          href: sampleProjectHref,\n          onClick: (event) =>\n            trackEventAndFollowLink(event, 'tool_cta_click', {\n              tool: 'five_panel_screenshot_framework',\n              cta: 'sticky_secondary',\n            }),\n        }}\n      />\n    </div>\n  );\n};\n\nexport default FivePanelFramework;\n"],"names":["normalizeLang","lang","buildMarkdown","COPY","FivePanelFramework","i18n","t","useTranslation","addToast","useToast","copy","usePageTitle","useEffect","trackEvent","markdown","useMemo","openAppHref","agentCliHref","firstExportHref","sampleProjectHref","configDownloadHref","csvDownloadHref","copyButtonLabel","codeToggleLabel","defaultCodeOpen","downloadMarkdown","useCallback","content","blob","url","link","jsxs","jsx","StagingBadge","SiteHeader","event","trackEventAndFollowLink","ArrowRight","LayoutGrid","CopyButton","copyLabel","copyState","Fragment","Copy","ChevronDown","ToolGuardrailsPanel","CliPreflightCard","FitPanel","item","panel","idx","Download","StickyMobileCta"],"mappings":"klBAcA,MAAMA,EAAiBC,IACPA,GAAQ,IAAI,MAAM,GAAG,EAAE,CAAC,IACtB,KAAO,KAAO,KAG1BC,EAAiBD,GACjBA,IAAS,KACJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCHE,EAAO,CACX,GAAI,CACF,MAAO,gCACP,MAAO,+BACP,SACE,wOACF,aAAc,2BACd,YAAa,4CACb,eAAgB,iFAChB,iBAAkB,oBAClB,sBAAuB,oBACvB,mBAAoB,aACpB,gBAAiB,WACjB,WAAY,CACV,+BACA,8DAAA,EACA,KAAK;AAAA,CAAI,EACX,eAAgB,mBAChB,cAAe,0EACf,aAAc,mCACd,cAAe,6EACf,SAAU,QACV,WAAY,iBACZ,aAAc,CACZ,6EACA,+DACA,yFACA,8CACA,qDAAA,EAEF,SACE,wGACF,kBAAmB,oCACnB,qBAAsB,QACtB,sBAAuB,WACvB,aAAc,CACZ,CACE,IAAK,iCACL,KAAM,wDAAA,EAER,CACE,IAAK,6BACL,KAAM,4CAAA,CACR,EAEF,YAAa,eACb,WAAY,CACV,CACE,KAAM,OACN,KAAM,+BACN,OAAQ,2BACR,SAAU,+BACV,QAAS,kDAAA,EAEX,CACE,KAAM,UACN,KAAM,yCACN,OAAQ,0BACR,SAAU,8BACV,QAAS,8BAAA,EAEX,CACE,KAAM,QACN,KAAM,oCACN,OAAQ,yBACR,SAAU,gCACV,QAAS,gCAAA,EAEX,CACE,KAAM,MACN,KAAM,2CACN,OAAQ,oBACR,SAAU,0BACV,QAAS,uCAAA,EAEX,CACE,KAAM,MACN,KAAM,yBACN,OAAQ,sBACR,SAAU,8BACV,QAAS,sBAAA,CACX,EAEF,WAAY,SACZ,eAAgB,iCAChB,kBAAmB,gEACnB,YAAa,iBACb,cAAe,gFACf,WAAY,sBACZ,cAAe,WACf,gBAAiB,iEACjB,WAAY,gBACZ,eAAgB,oBAChB,YAAa,sBACb,gBAAiB,oCACjB,WAAY,iBACZ,WAAY,yGACZ,UAAW,yBAAA,EAEb,GAAI,CACF,MAAO,aACP,MAAO,mBACP,SAAU,mHACV,aAAc,qBACd,YAAa,sCACb,eAAgB,wDAChB,iBAAkB,cAClB,sBAAuB,UACvB,mBAAoB,aACpB,gBAAiB,WACjB,WAAY,CACV,+BACA,8DAAA,EACA,KAAK;AAAA,CAAI,EACX,eAAgB,cAChB,cAAe,qCACf,aAAc,mCACd,cAAe,4CACf,SAAU,MACV,WAAY,UACZ,aAAc,CACZ,uBACA,yCACA,gCACA,mBACA,8BAAA,EAEF,SAAU,2CACV,kBAAmB,kBACnB,qBAAsB,KACtB,sBAAuB,KACvB,aAAc,CACZ,CACE,IAAK,cACL,KAAM,yBAAA,EAER,CACE,IAAK,cACL,KAAM,0BAAA,CACR,EAEF,YAAa,QACb,WAAY,CACV,CAAE,KAAM,OAAQ,KAAM,cAAe,OAAQ,eAAgB,SAAU,eAAgB,QAAS,uBAAA,EAChG,CAAE,KAAM,UAAW,KAAM,iBAAkB,OAAQ,cAAe,SAAU,eAAgB,QAAS,kBAAA,EACrG,CAAE,KAAM,QAAS,KAAM,YAAa,OAAQ,WAAY,SAAU,kBAAmB,QAAS,iBAAA,EAC9F,CAAE,KAAM,MAAO,KAAM,cAAe,OAAQ,WAAY,SAAU,YAAa,QAAS,sBAAA,EACxF,CAAE,KAAM,MAAO,KAAM,YAAa,OAAQ,cAAe,SAAU,cAAe,QAAS,UAAA,CAAW,EAExG,WAAY,KACZ,eAAgB,gBAChB,kBAAmB,yBACnB,YAAa,aACb,cAAe,6BACf,WAAY,UACZ,cAAe,SACf,gBAAiB,4BACjB,WAAY,eACZ,eAAgB,cAChB,YAAa,UACb,gBAAiB,8BACjB,WAAY,QACZ,WAAY,uDACZ,UAAW,uBAAA,CAEf,EAEMC,GAAqB,IAAM,CAC/B,KAAM,CAAE,KAAAC,EAAM,EAAAC,CAAA,EAAMC,EAAA,EACd,CAAE,SAAAC,CAAA,EAAaC,EAAA,EAEfR,EAAOD,EAAcK,EAAK,kBAAoBA,EAAK,QAAQ,EAC3DK,EAAOP,EAAKF,CAAI,GAAKE,EAAK,GAEhCQ,EAAa,4BAA6B,CACxC,aAAcV,IAAS,KAAO,yBAA2B,4CAAA,CAC1D,EAEDW,EAAAA,UAAU,IAAM,CACdC,EAAW,YAAa,CAAE,KAAM,iCAAA,CAAmC,CACrE,EAAG,CAAA,CAAE,EAEL,MAAMC,EAAWC,EAAAA,QAAQ,IAAMb,EAAcD,CAAI,EAAG,CAACA,CAAI,CAAC,EACpDe,EAAc,mFACdC,EAAe,oBACfC,EAAkB,gFAClBC,EAAoB,uFACpBC,EAAqB,8CACrBC,EAAkB,4CAClBC,EAAkBhB,EAAE,cAAe,CAAE,aAAc,OAAQ,EAC3DiB,EAAkBjB,EAAE,sBAAuB,CAAE,aAAc,gBAAiB,EAC5EkB,EAAkB,OAAO,OAAW,IAAc,GAAO,OAAO,WAAW,oBAAoB,EAAE,QAEjGC,EAAmBC,EAAAA,YAAY,IAAM,CACzC,GAAI,CACF,MAAMC,EAAU,SAASb,CAAQ,GAC3Bc,EAAO,IAAI,KAAK,CAACD,CAAO,EAAG,CAAE,KAAM,8BAA+B,EAClEE,EAAM,IAAI,gBAAgBD,CAAI,EAC9BE,EAAO,SAAS,cAAc,GAAG,EACvCA,EAAK,KAAOD,EACZC,EAAK,SAAW7B,IAAS,KAAO,qCAAuC,kCACvE,SAAS,KAAK,YAAY6B,CAAI,EAC9BA,EAAK,MAAA,EACL,SAAS,KAAK,YAAYA,CAAI,EAC9B,IAAI,gBAAgBD,CAAG,EACvBhB,EAAW,gBAAiB,CAAE,KAAM,kCAAmC,MAAO,WAAY,CAC5F,MAAQ,CAER,CACF,EAAG,CAACZ,EAAMa,CAAQ,CAAC,EAEnB,OACEiB,EAAAA,KAAC,MAAA,CAAI,UAAU,qFACb,SAAA,CAAAC,EAAAA,IAACC,EAAA,EAAa,EACdD,EAAAA,IAACE,EAAA,CACC,QAAQ,OACR,OAAO,QACP,YAAAlB,EACA,aAAemB,GACbC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,oBAAqB,EAExH,eAAiBA,GACfC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,iBAAkB,EAErH,eAAiBA,GACfC,EAAwBD,EAAO,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,kBAAmB,EAEtH,WAAY,CACV,KAAMjB,EACN,MACEa,EAAAA,KAAC,OAAA,CAAK,UAAU,iCACb,SAAA,CAAAzB,EAAE,wBAAwB,EAAE,IAAC0B,EAAAA,IAACK,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,EACtD,EAEF,QAAUF,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,0BAAA,CACN,CAAA,CACL,CAAA,EAGFJ,EAAAA,KAAC,OAAA,CAAK,UAAU,0CACd,SAAA,CAAAA,EAAAA,KAAC,UAAA,CAAQ,UAAU,0CACjB,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,uIACb,SAAA,CAAAC,EAAAA,IAACM,EAAA,CAAW,KAAM,EAAA,CAAI,EACrB5B,EAAK,KAAA,EACR,EACAsB,EAAAA,IAAC,KAAA,CAAG,UAAU,gDAAiD,WAAK,MAAM,EAC1EA,EAAAA,IAAC,IAAA,CAAE,UAAU,yCAA0C,WAAK,SAAS,EACrED,EAAAA,KAAC,MAAA,CAAI,UAAU,+FACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,sEAAuE,SAAAtB,EAAK,aAAa,EACxGsB,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,YAAY,EACxDA,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,eAAe,EAC3DA,EAAAA,IAACO,EAAA,CACC,MAAO7B,EAAK,WACZ,SAAU,IAAM,CACdF,EAAS,CAAE,KAAM,UAAW,QAASE,EAAK,YAAa,EACvDG,EAAW,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,gBAAiB,CAChG,EACA,aAAc,IAAML,EAAS,CAAE,KAAM,QAAS,QAASE,EAAK,gBAAiB,EAC7E,UAAU,6KAET,SAAA,CAAC,CAAE,UAAA8B,EAAW,UAAAC,CAAA,IACbV,OAAAW,EAAAA,SAAA,CACE,SAAA,CAAAV,EAAAA,IAACW,EAAA,CAAK,KAAM,EAAA,CAAI,EACfF,IAAc,OAAS/B,EAAK,iBAAmB8B,GAAalB,CAAA,CAAA,CAC/D,CAAA,CAAA,EAGJS,EAAAA,KAAC,UAAA,CAAQ,UAAU,QAAQ,KAAMP,EAC/B,SAAA,CAAAO,EAAAA,KAAC,UAAA,CAAQ,UAAU,sGACjB,SAAA,CAAAC,EAAAA,IAAC,QAAM,SAAAT,CAAA,CAAgB,EACvBS,EAAAA,IAACY,EAAA,CAAY,KAAM,GAAI,UAAU,wEAAA,CAAyE,CAAA,EAC5G,EACAZ,EAAAA,IAAC,MAAA,CAAI,UAAU,2DACb,SAAAA,EAAAA,IAAC,OAAI,UAAU,6CAA8C,SAAAtB,EAAK,UAAA,CAAW,CAAA,CAC/E,CAAA,EACF,EACAqB,EAAAA,KAAC,MAAA,CAAI,UAAU,iBACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,sEACZ,SAAAtB,EAAK,sBACR,EACAqB,EAAAA,KAAC,MAAA,CAAI,UAAU,uBACb,SAAA,CAAAC,EAAAA,IAAC,IAAA,CACC,KAAMZ,EACN,SAAQ,GACR,QAAS,IAAMP,EAAW,gBAAiB,CAAE,KAAM,kCAAmC,MAAO,kBAAmB,EAChH,UAAU,uKAET,SAAAH,EAAK,kBAAA,CAAA,EAERsB,EAAAA,IAAC,IAAA,CACC,KAAMX,EACN,SAAQ,GACR,QAAS,IAAMR,EAAW,gBAAiB,CAAE,KAAM,kCAAmC,MAAO,gBAAiB,EAC9G,UAAU,uKAET,SAAAH,EAAK,eAAA,CAAA,CACR,CAAA,CACF,CAAA,CAAA,CACF,CAAA,EACF,EACAsB,EAAAA,IAACa,EAAA,CACC,MAAO5C,IAAS,KAAO,wBAA0B,wCACjD,gBAAAsB,EACA,gBAAAD,EACA,cAAc,8BACd,iBAAmBa,GACjBC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,oBAAA,CACN,EAEH,eAAgBzB,EAAK,eACrB,cAAeA,EAAK,cACpB,aAAcA,EAAK,aACnB,cAAeA,EAAK,cACpB,kBAAmB,IACjBG,EAAW,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,qBAAA,CAAuB,CAAA,CAAA,EAGxGmB,EAAAA,IAACc,EAAA,CACC,QAAO,GACP,KAAK,8BACL,QAAUX,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,yBAAA,CACN,EAEH,UAAU,kBAAA,CAAA,CACZ,EACF,EAEAH,EAAAA,IAACe,EAAA,CAAS,UAAU,0BAAA,CAA2B,EAE/ChB,EAAAA,KAAC,UAAA,CAAQ,UAAU,oEACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAtB,EAAK,WAAW,EAC9DsB,EAAAA,IAAC,KAAA,CAAG,UAAU,kDACX,WAAK,aAAa,IAAKgB,GACtBhB,EAAAA,IAAC,KAAA,CAAe,SAAAgB,GAAPA,CAAY,CACtB,EACH,EACCtC,EAAK,UAAYsB,EAAAA,IAAC,KAAE,UAAU,yBAA0B,WAAK,QAAA,CAAS,CAAA,EACzE,EAEAD,EAAAA,KAAC,UAAA,CAAQ,UAAU,YACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAtB,EAAK,kBAAkB,EACrEsB,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,SAAAtB,EAAK,aAAa,IAAKsC,GACtBjB,EAAAA,KAAC,MAAA,CAAqC,UAAU,iEAC9C,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,sEACZ,SAAAtB,EAAK,qBACR,EACAqB,EAAAA,KAAC,MAAA,CAAI,UAAU,yBAAyB,SAAA,CAAA,IAAEiB,EAAK,IAAI,GAAA,CAAA,CAAC,CAAA,EACtD,EACAjB,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAI,UAAU,yEACZ,SAAAtB,EAAK,sBACR,EACAqB,EAAAA,KAAC,MAAA,CAAI,UAAU,mCAAmC,SAAA,CAAA,IAAEiB,EAAK,KAAK,GAAA,CAAA,CAAC,CAAA,CAAA,CACjE,CAAA,GAZQ,GAAGA,EAAK,GAAG,IAAIA,EAAK,IAAI,EAalC,CACD,CAAA,CACH,CAAA,EACF,EAEAjB,EAAAA,KAAC,UAAA,CAAQ,UAAU,YACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAtB,EAAK,YAAY,EAC/DsB,EAAAA,IAAC,MAAA,CAAI,UAAU,4BACZ,SAAAtB,EAAK,WAAW,IAAI,CAACuC,EAAOC,IAC3BnB,OAAC,MAAA,CAAqB,UAAU,iEAC9B,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAA,EAAAA,KAAC,MAAA,CAAI,UAAU,mCACZ,SAAA,CAAAmB,EAAM,EAAE,KAAGD,EAAM,IAAA,EACpB,EACAjB,EAAAA,IAAC,MAAA,CAAI,UAAU,yBAAyB,SAAA,OAAA,CAAK,CAAA,EAC/C,EACAA,EAAAA,IAAC,MAAA,CAAI,UAAU,yBAA0B,WAAM,KAAK,EACpDD,EAAAA,KAAC,MAAA,CAAI,UAAU,wCACb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CAAK,WAAM,MAAA,CAAO,EACnBA,EAAAA,IAAC,MAAA,CAAK,SAAAiB,EAAM,QAAA,CAAS,EACrBjB,EAAAA,IAAC,MAAA,CAAI,UAAU,+BAAgC,WAAM,OAAA,CAAQ,CAAA,CAAA,CAC/D,CAAA,GAZQiB,EAAM,IAahB,CACD,CAAA,CACH,CAAA,EACF,QAEC,UAAA,CAAQ,UAAU,YACjB,SAAAlB,EAAAA,KAAC,MAAA,CAAI,UAAU,oEACb,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAtB,EAAK,WAAW,EAC9DqB,EAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAC,EAAAA,IAAC,IAAA,CACC,KAAK,yCACL,QAAS,IAAMnB,EAAW,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,kBAAmB,EAC/G,UAAU,iGAET,SAAAH,EAAK,cAAA,CAAA,EAERsB,EAAAA,IAAC,MAAA,CAAI,UAAU,yBAA0B,WAAK,iBAAA,CAAkB,CAAA,CAAA,CAClE,CAAA,CAAA,CACF,CAAA,CACF,EAEAD,EAAAA,KAAC,UAAA,CAAQ,UAAU,oEACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAtB,EAAK,cAAc,EACjEsB,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,gBAAgB,EAC5DD,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAA,EAAAA,KAACQ,EAAA,CACC,MAAOzB,EACP,SAAU,IAAM,CACdN,EAAS,CAAE,KAAM,UAAW,QAASE,EAAK,YAAa,EACvDG,EAAW,gBAAiB,CAAE,KAAM,kCAAmC,MAAO,qBAAsB,CACtG,EACA,aAAc,IAAML,EAAS,CAAE,KAAM,QAAS,QAASE,EAAK,gBAAiB,EAC7E,UAAU,8JACV,aAAYA,EAAK,WAEjB,SAAA,CAAAsB,EAAAA,IAACW,EAAA,CAAK,KAAM,EAAA,CAAI,EACfjC,EAAK,UAAA,CAAA,CAAA,EAERqB,EAAAA,KAAC,SAAA,CACC,KAAK,SACL,QAASN,EACT,UAAU,8JAEV,SAAA,CAAAO,EAAAA,IAACmB,EAAA,CAAS,KAAM,EAAA,CAAI,EACnBzC,EAAK,cAAA,CAAA,CAAA,CACR,CAAA,CACF,CAAA,EACF,EAEAqB,EAAAA,KAAC,UAAA,CAAQ,UAAU,oEACjB,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAG,UAAU,+BAAgC,SAAAtB,EAAK,YAAY,EAC/DsB,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,WAAK,cAAc,EAC1DD,EAAAA,KAAC,MAAA,CAAI,UAAU,kCACb,SAAA,CAAAA,EAAAA,KAAC,IAAA,CACC,KAAMb,EACN,QAAUiB,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,0BAAA,CACN,EAEH,UAAU,4IAET,SAAA,CAAA7B,EAAE,wBAAwB,EAAE,IAAC0B,EAAAA,IAACK,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,CAAA,CAAA,EAEtDN,EAAAA,KAAC,IAAA,CACC,KAAMZ,EACN,QAAUgB,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,4BAAA,CACN,EAEH,UAAU,wKAET,SAAA,CAAAzB,EAAK,WAAW,IAACsB,EAAAA,IAACK,EAAA,CAAW,KAAM,EAAA,CAAI,CAAA,CAAA,CAAA,CAC1C,CAAA,CACF,CAAA,EACF,EAEAN,EAAAA,KAAC,UAAA,CAAQ,UAAU,+CACjB,SAAA,CAAAC,EAAAA,IAAC,IAAA,CAAE,UAAU,yBAA0B,SAAAtB,EAAK,WAAW,EACvDsB,EAAAA,IAAC,IAAA,CACC,KAAK,+BACL,OAAO,SACP,IAAI,sBACJ,QAAS,IAAMnB,EAAW,iBAAkB,CAAE,KAAM,kCAAmC,IAAK,OAAQ,EACpG,UAAU,2FAET,SAAAH,EAAK,SAAA,CAAA,CACR,CAAA,CACF,CAAA,EACF,EACAsB,EAAAA,IAACoB,EAAA,CACC,QAAS,CACP,MAAO1C,EAAK,WACZ,KAAMO,EACN,QAAUkB,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,gBAAA,CACN,CAAA,EAEL,UAAW,CACT,MAAOzB,EAAK,WACZ,KAAMS,EACN,QAAUgB,GACRC,EAAwBD,EAAO,iBAAkB,CAC/C,KAAM,kCACN,IAAK,kBAAA,CACN,CAAA,CACL,CAAA,CACF,EACF,CAEJ"}

package/dist/{assets/ForgotPassword-B9_si1tH.js → app/assets/ForgotPassword-CApAdwy1.js}

@@ -1,2 +1,2 @@
-import{u as H,r as l,j as e}from"./index-Bqv2NztY.js";import{c as N,D as S,a as E,b as R,d as A,f as C,g as v,A as D,e as I,h as U,i as F,j as k,k as V,m as M,u as z}from"./useAuth-3WWZ3GCD.js";import{a as L,S as W}from"./LanguageSwitcher-BD9N-dla.js";import{S as $}from"./SiteHeader-DxsqNPnt.js";import{E as B,a as G}from"./eye-CLcZi_uk.js";const X=t=>N(A,R("ForgotPassword"),E(),{...S,...t});async function J(t){const{username:s}=t;C(!!s,v.EmptyResetPasswordUsername);const n=D.getConfig().Auth?.Cognito;I(n);const{userPoolClientId:o,userPoolId:i,userPoolEndpoint:d}=n,r=t.options?.clientMetadata,c=U({username:s,userPoolId:i,userPoolClientId:o}),u=(await X({endpointResolver:M({endpointOverride:d})})({region:k(i),userAgentValue:F(V.ResetPassword)},{Username:s,ClientMetadata:r,ClientId:o,UserContextData:c})).CodeDeliveryDetails;return{isPasswordReset:!1,nextStep:{resetPasswordStep:"CONFIRM_RESET_PASSWORD_WITH_CODE",codeDeliveryDetails:{deliveryMedium:u?.DeliveryMedium,destination:u?.Destination,attributeName:u?.AttributeName}}}}const K=t=>N(A,R("ConfirmForgotPassword"),E(),{...S,...t});async function Q(t){const s=D.getConfig().Auth?.Cognito;I(s);const{userPoolClientId:n,userPoolId:o,userPoolEndpoint:i}=s,{username:d,newPassword:r}=t;C(!!d,v.EmptyConfirmResetPasswordUsername),C(!!r,v.EmptyConfirmResetPasswordNewPassword);const c=t.confirmationCode;C(!!c,v.EmptyConfirmResetPasswordConfirmationCode);const m=t.options?.clientMetadata,h=U({username:d,userPoolId:o,userPoolClientId:n});await K({endpointResolver:M({endpointOverride:i})})({region:k(s.userPoolId),userAgentValue:F(V.ConfirmResetPassword)},{Username:d,ConfirmationCode:c,Password:r,ClientMetadata:m,ClientId:s.userPoolClientId,UserContextData:h})}const Y=()=>{if(typeof window>"u")return null;const s=new URLSearchParams(window.location.search).get("next");return!s||!s.startsWith("/")||s.startsWith("//")?null:s},oe=()=>{const{t}=H();L("titles.forgotPassword");const{isAuthenticated:s,isLoading:n}=z(),o=Y(),[i,d]=l.useState("request"),[r,c]=l.useState(""),[m,h]=l.useState(""),[u,T]=l.useState(""),[x,_]=l.useState(!1),[g,p]=l.useState(""),[b,w]=l.useState(""),[j,y]=l.useState(!1);l.useEffect(()=>{!n&&s&&(window.location.href=o||"/app/")},[s,n,o]);const q=async a=>{a.preventDefault(),p(""),w(""),y(!0);try{await J({username:r}),p(t("auth.forgot.codeSent")),d("confirm")}catch(f){const P=f?.name||f?.code;w(t(`auth.errors.${P}`,t("auth.errors.default")))}finally{y(!1)}},O=async a=>{a.preventDefault(),p(""),w(""),y(!0);try{await Q({username:r,confirmationCode:m,newPassword:u}),p(t("auth.success.confirm")),window.location.href=o?`/signin?next=${encodeURIComponent(o)}`:"/signin"}catch(f){const P=f?.name||f?.code;w(t(`auth.errors.${P}`,t("auth.errors.default")))}finally{y(!1)}};return e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white flex flex-col",children:[e.jsx(W,{}),e.jsx($,{variant:"dark",showX:!1}),e.jsx("main",{className:"flex-1 flex items-center justify-center px-4 pb-12",children:e.jsxs("div",{className:"w-full max-w-md bg-slate-900/70 border border-slate-800 rounded-2xl shadow-2xl p-8 space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-blue-500/10 text-blue-300 border border-blue-500/30",children:e.jsx("span",{className:"font-black text-lg",children:"S"})}),e.jsx("h1",{className:"text-2xl font-bold",children:t("auth.forgot.title")}),e.jsx("p",{className:"text-slate-400 text-sm",children:t("auth.forgot.subtitle")})]}),i==="request"&&e.jsxs("form",{onSubmit:q,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-email",className:"block text-sm text-slate-300",children:t("auth.email")}),e.jsx("input",{id:"forgot-email",type:"email",value:r,onChange:a=>c(a.target.value),required:!0,autoComplete:"email",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.email")})]}),b&&e.jsx("div",{role:"alert",className:"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2",children:b}),g&&e.jsx("div",{role:"status",className:"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2",children:g}),e.jsx("button",{type:"submit",disabled:j,className:"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed",children:t("auth.forgot.sendCode")})]}),i==="confirm"&&e.jsxs("form",{onSubmit:O,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-email",className:"block text-sm text-slate-300",children:t("auth.email")}),e.jsx("input",{id:"forgot-email",type:"email",value:r,onChange:a=>c(a.target.value),required:!0,autoComplete:"email",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.email")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-code",className:"block text-sm text-slate-300",children:t("auth.code")}),e.jsx("input",{id:"forgot-code",type:"text",value:m,onChange:a=>h(a.target.value),required:!0,className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:"123456"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-new-password",className:"block text-sm text-slate-300",children:t("auth.forgot.newPassword")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"forgot-new-password",type:x?"text":"password",value:u,onChange:a=>T(a.target.value),required:!0,autoComplete:"new-password",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 pr-12 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.passwordNew")}),e.jsx("button",{type:"button",onClick:()=>_(a=>!a),className:"absolute inset-y-0 right-0 flex items-center px-3 text-slate-400 hover:text-slate-200","aria-label":x?t("auth.actions.hidePassword",{defaultValue:"Hide password"}):t("auth.actions.showPassword",{defaultValue:"Show password"}),title:x?t("auth.actions.hidePassword",{defaultValue:"Hide password"}):t("auth.actions.showPassword",{defaultValue:"Show password"}),children:x?e.jsx(B,{size:18}):e.jsx(G,{size:18})})]})]}),b&&e.jsx("div",{role:"alert",className:"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2",children:b}),g&&e.jsx("div",{role:"status",className:"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2",children:g}),e.jsx("button",{type:"submit",disabled:j,className:"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed",children:t("auth.forgot.reset")})]}),e.jsxs("div",{className:"text-center text-sm text-slate-400 space-y-1",children:[e.jsxs("div",{children:[t("auth.actions.haveAccount")," ",e.jsx("button",{type:"button",className:"text-blue-300 hover:text-blue-200 underline",onClick:()=>{window.location.href=o?`/signin?next=${encodeURIComponent(o)}`:"/signin"},children:t("auth.actions.goToSignIn")})]}),e.jsxs("div",{className:"text-slate-500 text-xs",children:[e.jsx("div",{children:t("auth.helper.terms")}),e.jsxs("div",{className:"mt-1 flex items-center justify-center gap-2",children:[e.jsx("a",{href:"/terms",className:"underline underline-offset-4 hover:text-slate-200",children:t("landing.footer.terms")}),e.jsx("span",{"aria-hidden":"true",children:"·"}),e.jsx("a",{href:"/privacy",className:"underline underline-offset-4 hover:text-slate-200",children:t("landing.footer.privacy")})]})]})]})]})})]})};export{oe as default};
-//# sourceMappingURL=ForgotPassword-B9_si1tH.js.map
+import{u as H,r as l,j as e}from"./index-C4xM6WAU.js";import{c as N,D as S,a as E,b as R,d as A,f as C,g as v,A as D,e as I,h as U,i as F,j as k,k as V,m as M,u as z}from"./useAuth-D_UWt-CP.js";import{a as L,S as W}from"./LanguageSwitcher-Cp-6zMXz.js";import{S as $}from"./SiteHeader-Ch5fAKkA.js";import{E as B,a as G}from"./eye-DkJdJAvt.js";const X=t=>N(A,R("ForgotPassword"),E(),{...S,...t});async function J(t){const{username:s}=t;C(!!s,v.EmptyResetPasswordUsername);const n=D.getConfig().Auth?.Cognito;I(n);const{userPoolClientId:o,userPoolId:i,userPoolEndpoint:d}=n,r=t.options?.clientMetadata,c=U({username:s,userPoolId:i,userPoolClientId:o}),u=(await X({endpointResolver:M({endpointOverride:d})})({region:k(i),userAgentValue:F(V.ResetPassword)},{Username:s,ClientMetadata:r,ClientId:o,UserContextData:c})).CodeDeliveryDetails;return{isPasswordReset:!1,nextStep:{resetPasswordStep:"CONFIRM_RESET_PASSWORD_WITH_CODE",codeDeliveryDetails:{deliveryMedium:u?.DeliveryMedium,destination:u?.Destination,attributeName:u?.AttributeName}}}}const K=t=>N(A,R("ConfirmForgotPassword"),E(),{...S,...t});async function Q(t){const s=D.getConfig().Auth?.Cognito;I(s);const{userPoolClientId:n,userPoolId:o,userPoolEndpoint:i}=s,{username:d,newPassword:r}=t;C(!!d,v.EmptyConfirmResetPasswordUsername),C(!!r,v.EmptyConfirmResetPasswordNewPassword);const c=t.confirmationCode;C(!!c,v.EmptyConfirmResetPasswordConfirmationCode);const m=t.options?.clientMetadata,h=U({username:d,userPoolId:o,userPoolClientId:n});await K({endpointResolver:M({endpointOverride:i})})({region:k(s.userPoolId),userAgentValue:F(V.ConfirmResetPassword)},{Username:d,ConfirmationCode:c,Password:r,ClientMetadata:m,ClientId:s.userPoolClientId,UserContextData:h})}const Y=()=>{if(typeof window>"u")return null;const s=new URLSearchParams(window.location.search).get("next");return!s||!s.startsWith("/")||s.startsWith("//")?null:s},oe=()=>{const{t}=H();L("titles.forgotPassword");const{isAuthenticated:s,isLoading:n}=z(),o=Y(),[i,d]=l.useState("request"),[r,c]=l.useState(""),[m,h]=l.useState(""),[u,T]=l.useState(""),[x,_]=l.useState(!1),[g,p]=l.useState(""),[b,w]=l.useState(""),[j,y]=l.useState(!1);l.useEffect(()=>{!n&&s&&(window.location.href=o||"/app/")},[s,n,o]);const q=async a=>{a.preventDefault(),p(""),w(""),y(!0);try{await J({username:r}),p(t("auth.forgot.codeSent")),d("confirm")}catch(f){const P=f?.name||f?.code;w(t(`auth.errors.${P}`,t("auth.errors.default")))}finally{y(!1)}},O=async a=>{a.preventDefault(),p(""),w(""),y(!0);try{await Q({username:r,confirmationCode:m,newPassword:u}),p(t("auth.success.confirm")),window.location.href=o?`/signin?next=${encodeURIComponent(o)}`:"/signin"}catch(f){const P=f?.name||f?.code;w(t(`auth.errors.${P}`,t("auth.errors.default")))}finally{y(!1)}};return e.jsxs("div",{className:"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white flex flex-col",children:[e.jsx(W,{}),e.jsx($,{variant:"dark",showX:!1}),e.jsx("main",{className:"flex-1 flex items-center justify-center px-4 pb-12",children:e.jsxs("div",{className:"w-full max-w-md bg-slate-900/70 border border-slate-800 rounded-2xl shadow-2xl p-8 space-y-6",children:[e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-blue-500/10 text-blue-300 border border-blue-500/30",children:e.jsx("span",{className:"font-black text-lg",children:"S"})}),e.jsx("h1",{className:"text-2xl font-bold",children:t("auth.forgot.title")}),e.jsx("p",{className:"text-slate-400 text-sm",children:t("auth.forgot.subtitle")})]}),i==="request"&&e.jsxs("form",{onSubmit:q,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-email",className:"block text-sm text-slate-300",children:t("auth.email")}),e.jsx("input",{id:"forgot-email",type:"email",value:r,onChange:a=>c(a.target.value),required:!0,autoComplete:"email",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.email")})]}),b&&e.jsx("div",{role:"alert",className:"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2",children:b}),g&&e.jsx("div",{role:"status",className:"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2",children:g}),e.jsx("button",{type:"submit",disabled:j,className:"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed",children:t("auth.forgot.sendCode")})]}),i==="confirm"&&e.jsxs("form",{onSubmit:O,className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-email",className:"block text-sm text-slate-300",children:t("auth.email")}),e.jsx("input",{id:"forgot-email",type:"email",value:r,onChange:a=>c(a.target.value),required:!0,autoComplete:"email",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.email")})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-code",className:"block text-sm text-slate-300",children:t("auth.code")}),e.jsx("input",{id:"forgot-code",type:"text",value:m,onChange:a=>h(a.target.value),required:!0,className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:"123456"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{htmlFor:"forgot-new-password",className:"block text-sm text-slate-300",children:t("auth.forgot.newPassword")}),e.jsxs("div",{className:"relative",children:[e.jsx("input",{id:"forgot-new-password",type:x?"text":"password",value:u,onChange:a=>T(a.target.value),required:!0,autoComplete:"new-password",className:"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 pr-12 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500",placeholder:t("auth.placeholders.passwordNew")}),e.jsx("button",{type:"button",onClick:()=>_(a=>!a),className:"absolute inset-y-0 right-0 flex items-center px-3 text-slate-400 hover:text-slate-200","aria-label":x?t("auth.actions.hidePassword",{defaultValue:"Hide password"}):t("auth.actions.showPassword",{defaultValue:"Show password"}),title:x?t("auth.actions.hidePassword",{defaultValue:"Hide password"}):t("auth.actions.showPassword",{defaultValue:"Show password"}),children:x?e.jsx(B,{size:18}):e.jsx(G,{size:18})})]})]}),b&&e.jsx("div",{role:"alert",className:"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2",children:b}),g&&e.jsx("div",{role:"status",className:"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2",children:g}),e.jsx("button",{type:"submit",disabled:j,className:"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed",children:t("auth.forgot.reset")})]}),e.jsxs("div",{className:"text-center text-sm text-slate-400 space-y-1",children:[e.jsxs("div",{children:[t("auth.actions.haveAccount")," ",e.jsx("button",{type:"button",className:"text-blue-300 hover:text-blue-200 underline",onClick:()=>{window.location.href=o?`/signin?next=${encodeURIComponent(o)}`:"/signin"},children:t("auth.actions.goToSignIn")})]}),e.jsxs("div",{className:"text-slate-500 text-xs",children:[e.jsx("div",{children:t("auth.helper.terms")}),e.jsxs("div",{className:"mt-1 flex items-center justify-center gap-2",children:[e.jsx("a",{href:"/terms",className:"underline underline-offset-4 hover:text-slate-200",children:t("landing.footer.terms")}),e.jsx("span",{"aria-hidden":"true",children:"·"}),e.jsx("a",{href:"/privacy",className:"underline underline-offset-4 hover:text-slate-200",children:t("landing.footer.privacy")})]})]})]})]})})]})};export{oe as default};
+//# sourceMappingURL=ForgotPassword-CApAdwy1.js.map

package/dist/app/assets/{ForgotPassword-B9_si1tH.js.map → ForgotPassword-CApAdwy1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ForgotPassword-B9_si1tH.js","sources":["../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/foundation/factories/serviceClients/cognitoIdentityProvider/createForgotPasswordClient.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/resetPassword.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/foundation/factories/serviceClients/cognitoIdentityProvider/createConfirmForgotPasswordClient.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/confirmResetPassword.mjs","../../src/pages/ForgotPassword.jsx"],"sourcesContent":["import { composeServiceApi } from '@aws-amplify/core/internals/aws-client-utils/composers';\nimport { cognitoUserPoolTransferHandler } from './shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport { createUserPoolSerializer } from './shared/serde/createUserPoolSerializer.mjs';\nimport { createUserPoolDeserializer } from './shared/serde/createUserPoolDeserializer.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '@aws-amplify/core/internals/utils';\nimport { DEFAULT_SERVICE_CLIENT_API_CONFIG } from './constants.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst createForgotPasswordClient = (config) => composeServiceApi(cognitoUserPoolTransferHandler, createUserPoolSerializer('ForgotPassword'), createUserPoolDeserializer(), {\n    ...DEFAULT_SERVICE_CLIENT_API_CONFIG,\n    ...config,\n});\n\nexport { createForgotPasswordClient };\n//# sourceMappingURL=createForgotPasswordClient.mjs.map\n","import { Amplify } from '@aws-amplify/core';\nimport { assertTokenProviderConfig, AuthAction } from '@aws-amplify/core/internals/utils';\nimport { AuthValidationErrorCode } from '../../../errors/types/validation.mjs';\nimport { assertValidationError } from '../../../errors/utils/assertValidationError.mjs';\nimport { getRegionFromUserPoolId } from '../../../foundation/parsers/regionParsers.mjs';\nimport { getAuthUserAgentValue } from '../../../utils/getAuthUserAgentValue.mjs';\nimport { getUserContextData } from '../utils/userContextData.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils/composers';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/constants.mjs';\nimport '../../../common/AuthErrorStrings.mjs';\nimport '../types/errors.mjs';\nimport { createForgotPasswordClient } from '../../../foundation/factories/serviceClients/cognitoIdentityProvider/createForgotPasswordClient.mjs';\nimport { createCognitoUserPoolEndpointResolver } from '../factories/createCognitoUserPoolEndpointResolver.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Resets a user's password.\n *\n * @param input -  The ResetPasswordInput object.\n * @returns ResetPasswordOutput\n * @throws -{@link ForgotPasswordException }\n * Thrown due to an invalid confirmation code or password.\n * @throws -{@link AuthValidationErrorCode }\n * Thrown due to an empty username.\n * @throws AuthTokenConfigException - Thrown when the token provider config is invalid.\n **/\nasync function resetPassword(input) {\n    const { username } = input;\n    assertValidationError(!!username, AuthValidationErrorCode.EmptyResetPasswordUsername);\n    const authConfig = Amplify.getConfig().Auth?.Cognito;\n    assertTokenProviderConfig(authConfig);\n    const { userPoolClientId, userPoolId, userPoolEndpoint } = authConfig;\n    const clientMetadata = input.options?.clientMetadata;\n    const UserContextData = getUserContextData({\n        username,\n        userPoolId,\n        userPoolClientId,\n    });\n    const forgotPassword = createForgotPasswordClient({\n        endpointResolver: createCognitoUserPoolEndpointResolver({\n            endpointOverride: userPoolEndpoint,\n        }),\n    });\n    const res = await forgotPassword({\n        region: getRegionFromUserPoolId(userPoolId),\n        userAgentValue: getAuthUserAgentValue(AuthAction.ResetPassword),\n    }, {\n        Username: username,\n        ClientMetadata: clientMetadata,\n        ClientId: userPoolClientId,\n        UserContextData,\n    });\n    const codeDeliveryDetails = res.CodeDeliveryDetails;\n    return {\n        isPasswordReset: false,\n        nextStep: {\n            resetPasswordStep: 'CONFIRM_RESET_PASSWORD_WITH_CODE',\n            codeDeliveryDetails: {\n                deliveryMedium: codeDeliveryDetails?.DeliveryMedium,\n                destination: codeDeliveryDetails?.Destination,\n                attributeName: codeDeliveryDetails?.AttributeName,\n            },\n        },\n    };\n}\n\nexport { resetPassword };\n//# sourceMappingURL=resetPassword.mjs.map\n","import { composeServiceApi } from '@aws-amplify/core/internals/aws-client-utils/composers';\nimport { cognitoUserPoolTransferHandler } from './shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport { createUserPoolSerializer } from './shared/serde/createUserPoolSerializer.mjs';\nimport { createUserPoolDeserializer } from './shared/serde/createUserPoolDeserializer.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '@aws-amplify/core/internals/utils';\nimport { DEFAULT_SERVICE_CLIENT_API_CONFIG } from './constants.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst createConfirmForgotPasswordClient = (config) => composeServiceApi(cognitoUserPoolTransferHandler, createUserPoolSerializer('ConfirmForgotPassword'), createUserPoolDeserializer(), {\n    ...DEFAULT_SERVICE_CLIENT_API_CONFIG,\n    ...config,\n});\n\nexport { createConfirmForgotPasswordClient };\n//# sourceMappingURL=createConfirmForgotPasswordClient.mjs.map\n","import { Amplify } from '@aws-amplify/core';\nimport { assertTokenProviderConfig, AuthAction } from '@aws-amplify/core/internals/utils';\nimport { AuthValidationErrorCode } from '../../../errors/types/validation.mjs';\nimport { assertValidationError } from '../../../errors/utils/assertValidationError.mjs';\nimport { getAuthUserAgentValue } from '../../../utils/getAuthUserAgentValue.mjs';\nimport { getUserContextData } from '../utils/userContextData.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils/composers';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/constants.mjs';\nimport '../../../common/AuthErrorStrings.mjs';\nimport '../types/errors.mjs';\nimport { createConfirmForgotPasswordClient } from '../../../foundation/factories/serviceClients/cognitoIdentityProvider/createConfirmForgotPasswordClient.mjs';\nimport { createCognitoUserPoolEndpointResolver } from '../factories/createCognitoUserPoolEndpointResolver.mjs';\nimport { getRegionFromUserPoolId } from '../../../foundation/parsers/regionParsers.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Confirms the new password and verification code to reset the password.\n *\n * @param input -  The ConfirmResetPasswordInput object.\n * @throws -{@link ConfirmForgotPasswordException }\n * Thrown due to an invalid confirmation code or password.\n * @throws -{@link AuthValidationErrorCode }\n * Thrown due to an empty confirmation code, password or username.\n * @throws AuthTokenConfigException - Thrown when the token provider config is invalid.\n */\nasync function confirmResetPassword(input) {\n    const authConfig = Amplify.getConfig().Auth?.Cognito;\n    assertTokenProviderConfig(authConfig);\n    const { userPoolClientId, userPoolId, userPoolEndpoint } = authConfig;\n    const { username, newPassword } = input;\n    assertValidationError(!!username, AuthValidationErrorCode.EmptyConfirmResetPasswordUsername);\n    assertValidationError(!!newPassword, AuthValidationErrorCode.EmptyConfirmResetPasswordNewPassword);\n    const code = input.confirmationCode;\n    assertValidationError(!!code, AuthValidationErrorCode.EmptyConfirmResetPasswordConfirmationCode);\n    const metadata = input.options?.clientMetadata;\n    const UserContextData = getUserContextData({\n        username,\n        userPoolId,\n        userPoolClientId,\n    });\n    const confirmForgotPassword = createConfirmForgotPasswordClient({\n        endpointResolver: createCognitoUserPoolEndpointResolver({\n            endpointOverride: userPoolEndpoint,\n        }),\n    });\n    await confirmForgotPassword({\n        region: getRegionFromUserPoolId(authConfig.userPoolId),\n        userAgentValue: getAuthUserAgentValue(AuthAction.ConfirmResetPassword),\n    }, {\n        Username: username,\n        ConfirmationCode: code,\n        Password: newPassword,\n        ClientMetadata: metadata,\n        ClientId: authConfig.userPoolClientId,\n        UserContextData,\n    });\n}\n\nexport { confirmResetPassword };\n//# sourceMappingURL=confirmResetPassword.mjs.map\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { resetPassword, confirmResetPassword } from 'aws-amplify/auth';\nimport { Eye, EyeOff } from 'lucide-react';\nimport useAuth from '../hooks/useAuth';\nimport usePageTitle from '../hooks/usePageTitle';\nimport StagingBadge from '../components/StagingBadge';\nimport SiteHeader from '../components/SiteHeader';\n\nconst readNextPath = () => {\n  if (typeof window === 'undefined') return null;\n  const params = new URLSearchParams(window.location.search);\n  const next = params.get('next');\n  if (!next) return null;\n  if (!next.startsWith('/') || next.startsWith('//')) return null;\n  return next;\n};\n\nconst ForgotPassword = () => {\n  const { t } = useTranslation();\n  usePageTitle('titles.forgotPassword');\n  const { isAuthenticated, isLoading } = useAuth();\n  const nextPath = readNextPath();\n  const [stage, setStage] = useState('request'); // request | confirm\n  const [email, setEmail] = useState('');\n  const [code, setCode] = useState('');\n  const [newPassword, setNewPassword] = useState('');\n  const [newPasswordVisible, setNewPasswordVisible] = useState(false);\n  const [message, setMessage] = useState('');\n  const [error, setError] = useState('');\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => {\n    if (!isLoading && isAuthenticated) {\n      window.location.href = nextPath || '/app/';\n    }\n  }, [isAuthenticated, isLoading, nextPath]);\n\n  const handleRequest = async (e) => {\n    e.preventDefault();\n    setMessage('');\n    setError('');\n    setBusy(true);\n    try {\n      await resetPassword({ username: email });\n      setMessage(t('auth.forgot.codeSent'));\n      setStage('confirm');\n    } catch (err) {\n      const key = err?.name || err?.code;\n      setError(t(`auth.errors.${key}`, t('auth.errors.default')));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const handleConfirm = async (e) => {\n    e.preventDefault();\n    setMessage('');\n    setError('');\n    setBusy(true);\n    try {\n      await confirmResetPassword({ username: email, confirmationCode: code, newPassword });\n      setMessage(t('auth.success.confirm'));\n      window.location.href = nextPath ? `/signin?next=${encodeURIComponent(nextPath)}` : '/signin';\n    } catch (err) {\n      const key = err?.name || err?.code;\n      setError(t(`auth.errors.${key}`, t('auth.errors.default')));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white flex flex-col\">\n      <StagingBadge />\n      <SiteHeader variant=\"dark\" showX={false} />\n      <main className=\"flex-1 flex items-center justify-center px-4 pb-12\">\n        <div className=\"w-full max-w-md bg-slate-900/70 border border-slate-800 rounded-2xl shadow-2xl p-8 space-y-6\">\n        <div className=\"text-center space-y-2\">\n          <div className=\"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-blue-500/10 text-blue-300 border border-blue-500/30\">\n            <span className=\"font-black text-lg\">S</span>\n          </div>\n          <h1 className=\"text-2xl font-bold\">{t('auth.forgot.title')}</h1>\n          <p className=\"text-slate-400 text-sm\">{t('auth.forgot.subtitle')}</p>\n        </div>\n\n        {stage === 'request' && (\n          <form onSubmit={handleRequest} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-email\" className=\"block text-sm text-slate-300\">\n                {t('auth.email')}\n              </label>\n              <input\n                id=\"forgot-email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n                autoComplete=\"email\"\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder={t('auth.placeholders.email')}\n              />\n            </div>\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2\"\n              >\n                {error}\n              </div>\n            )}\n            {message && (\n              <div\n                role=\"status\"\n                className=\"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2\"\n              >\n                {message}\n              </div>\n            )}\n            <button\n              type=\"submit\"\n              disabled={busy}\n              className=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed\"\n            >\n              {t('auth.forgot.sendCode')}\n            </button>\n          </form>\n        )}\n\n        {stage === 'confirm' && (\n          <form onSubmit={handleConfirm} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-email\" className=\"block text-sm text-slate-300\">\n                {t('auth.email')}\n              </label>\n              <input\n                id=\"forgot-email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n                autoComplete=\"email\"\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder={t('auth.placeholders.email')}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-code\" className=\"block text-sm text-slate-300\">\n                {t('auth.code')}\n              </label>\n              <input\n                id=\"forgot-code\"\n                type=\"text\"\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                required\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder=\"123456\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-new-password\" className=\"block text-sm text-slate-300\">\n                {t('auth.forgot.newPassword')}\n              </label>\n              <div className=\"relative\">\n                <input\n                  id=\"forgot-new-password\"\n                  type={newPasswordVisible ? 'text' : 'password'}\n                  value={newPassword}\n                  onChange={(e) => setNewPassword(e.target.value)}\n                  required\n                  autoComplete=\"new-password\"\n                  className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 pr-12 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                  placeholder={t('auth.placeholders.passwordNew')}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setNewPasswordVisible((prev) => !prev)}\n                  className=\"absolute inset-y-0 right-0 flex items-center px-3 text-slate-400 hover:text-slate-200\"\n                  aria-label={\n                    newPasswordVisible\n                      ? t('auth.actions.hidePassword', { defaultValue: 'Hide password' })\n                      : t('auth.actions.showPassword', { defaultValue: 'Show password' })\n                  }\n                  title={\n                    newPasswordVisible\n                      ? t('auth.actions.hidePassword', { defaultValue: 'Hide password' })\n                      : t('auth.actions.showPassword', { defaultValue: 'Show password' })\n                  }\n                >\n                  {newPasswordVisible ? <EyeOff size={18} /> : <Eye size={18} />}\n                </button>\n              </div>\n            </div>\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2\"\n              >\n                {error}\n              </div>\n            )}\n            {message && (\n              <div\n                role=\"status\"\n                className=\"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2\"\n              >\n                {message}\n              </div>\n            )}\n            <button\n              type=\"submit\"\n              disabled={busy}\n              className=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed\"\n            >\n              {t('auth.forgot.reset')}\n            </button>\n          </form>\n        )}\n\n        <div className=\"text-center text-sm text-slate-400 space-y-1\">\n          <div>\n            {t('auth.actions.haveAccount')}{' '}\n            <button\n              type=\"button\"\n              className=\"text-blue-300 hover:text-blue-200 underline\"\n              onClick={() => {\n                window.location.href = nextPath ? `/signin?next=${encodeURIComponent(nextPath)}` : '/signin';\n              }}\n            >\n              {t('auth.actions.goToSignIn')}\n            </button>\n          </div>\n          <div className=\"text-slate-500 text-xs\">\n            <div>{t('auth.helper.terms')}</div>\n            <div className=\"mt-1 flex items-center justify-center gap-2\">\n              <a href=\"/terms\" className=\"underline underline-offset-4 hover:text-slate-200\">\n                {t('landing.footer.terms')}\n              </a>\n              <span aria-hidden=\"true\">·</span>\n              <a href=\"/privacy\" className=\"underline underline-offset-4 hover:text-slate-200\">\n                {t('landing.footer.privacy')}\n              </a>\n            </div>\n          </div>\n        </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default ForgotPassword;\n"],"names":["createForgotPasswordClient","config","composeServiceApi","cognitoUserPoolTransferHandler","createUserPoolSerializer","createUserPoolDeserializer","DEFAULT_SERVICE_CLIENT_API_CONFIG","resetPassword","input","username","assertValidationError","AuthValidationErrorCode","authConfig","Amplify","assertTokenProviderConfig","userPoolClientId","userPoolId","userPoolEndpoint","clientMetadata","UserContextData","getUserContextData","codeDeliveryDetails","createCognitoUserPoolEndpointResolver","getRegionFromUserPoolId","getAuthUserAgentValue","AuthAction","createConfirmForgotPasswordClient","confirmResetPassword","newPassword","code","metadata","readNextPath","next","ForgotPassword","useTranslation","usePageTitle","isAuthenticated","isLoading","useAuth","nextPath","stage","setStage","useState","email","setEmail","setCode","setNewPassword","newPasswordVisible","setNewPasswordVisible","message","setMessage","error","setError","busy","setBusy","useEffect","handleRequest","e","err","key","handleConfirm","jsxs","jsx","StagingBadge","SiteHeader","prev","EyeOff","Eye"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}
+{"version":3,"file":"ForgotPassword-CApAdwy1.js","sources":["../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/foundation/factories/serviceClients/cognitoIdentityProvider/createForgotPasswordClient.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/resetPassword.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/foundation/factories/serviceClients/cognitoIdentityProvider/createConfirmForgotPasswordClient.mjs","../../node_modules/aws-amplify/node_modules/@aws-amplify/auth/dist/esm/providers/cognito/apis/confirmResetPassword.mjs","../../src/pages/ForgotPassword.jsx"],"sourcesContent":["import { composeServiceApi } from '@aws-amplify/core/internals/aws-client-utils/composers';\nimport { cognitoUserPoolTransferHandler } from './shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport { createUserPoolSerializer } from './shared/serde/createUserPoolSerializer.mjs';\nimport { createUserPoolDeserializer } from './shared/serde/createUserPoolDeserializer.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '@aws-amplify/core/internals/utils';\nimport { DEFAULT_SERVICE_CLIENT_API_CONFIG } from './constants.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst createForgotPasswordClient = (config) => composeServiceApi(cognitoUserPoolTransferHandler, createUserPoolSerializer('ForgotPassword'), createUserPoolDeserializer(), {\n    ...DEFAULT_SERVICE_CLIENT_API_CONFIG,\n    ...config,\n});\n\nexport { createForgotPasswordClient };\n//# sourceMappingURL=createForgotPasswordClient.mjs.map\n","import { Amplify } from '@aws-amplify/core';\nimport { assertTokenProviderConfig, AuthAction } from '@aws-amplify/core/internals/utils';\nimport { AuthValidationErrorCode } from '../../../errors/types/validation.mjs';\nimport { assertValidationError } from '../../../errors/utils/assertValidationError.mjs';\nimport { getRegionFromUserPoolId } from '../../../foundation/parsers/regionParsers.mjs';\nimport { getAuthUserAgentValue } from '../../../utils/getAuthUserAgentValue.mjs';\nimport { getUserContextData } from '../utils/userContextData.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils/composers';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/constants.mjs';\nimport '../../../common/AuthErrorStrings.mjs';\nimport '../types/errors.mjs';\nimport { createForgotPasswordClient } from '../../../foundation/factories/serviceClients/cognitoIdentityProvider/createForgotPasswordClient.mjs';\nimport { createCognitoUserPoolEndpointResolver } from '../factories/createCognitoUserPoolEndpointResolver.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Resets a user's password.\n *\n * @param input -  The ResetPasswordInput object.\n * @returns ResetPasswordOutput\n * @throws -{@link ForgotPasswordException }\n * Thrown due to an invalid confirmation code or password.\n * @throws -{@link AuthValidationErrorCode }\n * Thrown due to an empty username.\n * @throws AuthTokenConfigException - Thrown when the token provider config is invalid.\n **/\nasync function resetPassword(input) {\n    const { username } = input;\n    assertValidationError(!!username, AuthValidationErrorCode.EmptyResetPasswordUsername);\n    const authConfig = Amplify.getConfig().Auth?.Cognito;\n    assertTokenProviderConfig(authConfig);\n    const { userPoolClientId, userPoolId, userPoolEndpoint } = authConfig;\n    const clientMetadata = input.options?.clientMetadata;\n    const UserContextData = getUserContextData({\n        username,\n        userPoolId,\n        userPoolClientId,\n    });\n    const forgotPassword = createForgotPasswordClient({\n        endpointResolver: createCognitoUserPoolEndpointResolver({\n            endpointOverride: userPoolEndpoint,\n        }),\n    });\n    const res = await forgotPassword({\n        region: getRegionFromUserPoolId(userPoolId),\n        userAgentValue: getAuthUserAgentValue(AuthAction.ResetPassword),\n    }, {\n        Username: username,\n        ClientMetadata: clientMetadata,\n        ClientId: userPoolClientId,\n        UserContextData,\n    });\n    const codeDeliveryDetails = res.CodeDeliveryDetails;\n    return {\n        isPasswordReset: false,\n        nextStep: {\n            resetPasswordStep: 'CONFIRM_RESET_PASSWORD_WITH_CODE',\n            codeDeliveryDetails: {\n                deliveryMedium: codeDeliveryDetails?.DeliveryMedium,\n                destination: codeDeliveryDetails?.Destination,\n                attributeName: codeDeliveryDetails?.AttributeName,\n            },\n        },\n    };\n}\n\nexport { resetPassword };\n//# sourceMappingURL=resetPassword.mjs.map\n","import { composeServiceApi } from '@aws-amplify/core/internals/aws-client-utils/composers';\nimport { cognitoUserPoolTransferHandler } from './shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport { createUserPoolSerializer } from './shared/serde/createUserPoolSerializer.mjs';\nimport { createUserPoolDeserializer } from './shared/serde/createUserPoolDeserializer.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '@aws-amplify/core/internals/utils';\nimport { DEFAULT_SERVICE_CLIENT_API_CONFIG } from './constants.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nconst createConfirmForgotPasswordClient = (config) => composeServiceApi(cognitoUserPoolTransferHandler, createUserPoolSerializer('ConfirmForgotPassword'), createUserPoolDeserializer(), {\n    ...DEFAULT_SERVICE_CLIENT_API_CONFIG,\n    ...config,\n});\n\nexport { createConfirmForgotPasswordClient };\n//# sourceMappingURL=createConfirmForgotPasswordClient.mjs.map\n","import { Amplify } from '@aws-amplify/core';\nimport { assertTokenProviderConfig, AuthAction } from '@aws-amplify/core/internals/utils';\nimport { AuthValidationErrorCode } from '../../../errors/types/validation.mjs';\nimport { assertValidationError } from '../../../errors/utils/assertValidationError.mjs';\nimport { getAuthUserAgentValue } from '../../../utils/getAuthUserAgentValue.mjs';\nimport { getUserContextData } from '../utils/userContextData.mjs';\nimport '@aws-amplify/core/internals/aws-client-utils/composers';\nimport '@aws-amplify/core/internals/aws-client-utils';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/shared/handler/cognitoUserPoolTransferHandler.mjs';\nimport '../../../foundation/factories/serviceClients/cognitoIdentityProvider/constants.mjs';\nimport '../../../common/AuthErrorStrings.mjs';\nimport '../types/errors.mjs';\nimport { createConfirmForgotPasswordClient } from '../../../foundation/factories/serviceClients/cognitoIdentityProvider/createConfirmForgotPasswordClient.mjs';\nimport { createCognitoUserPoolEndpointResolver } from '../factories/createCognitoUserPoolEndpointResolver.mjs';\nimport { getRegionFromUserPoolId } from '../../../foundation/parsers/regionParsers.mjs';\n\n// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n/**\n * Confirms the new password and verification code to reset the password.\n *\n * @param input -  The ConfirmResetPasswordInput object.\n * @throws -{@link ConfirmForgotPasswordException }\n * Thrown due to an invalid confirmation code or password.\n * @throws -{@link AuthValidationErrorCode }\n * Thrown due to an empty confirmation code, password or username.\n * @throws AuthTokenConfigException - Thrown when the token provider config is invalid.\n */\nasync function confirmResetPassword(input) {\n    const authConfig = Amplify.getConfig().Auth?.Cognito;\n    assertTokenProviderConfig(authConfig);\n    const { userPoolClientId, userPoolId, userPoolEndpoint } = authConfig;\n    const { username, newPassword } = input;\n    assertValidationError(!!username, AuthValidationErrorCode.EmptyConfirmResetPasswordUsername);\n    assertValidationError(!!newPassword, AuthValidationErrorCode.EmptyConfirmResetPasswordNewPassword);\n    const code = input.confirmationCode;\n    assertValidationError(!!code, AuthValidationErrorCode.EmptyConfirmResetPasswordConfirmationCode);\n    const metadata = input.options?.clientMetadata;\n    const UserContextData = getUserContextData({\n        username,\n        userPoolId,\n        userPoolClientId,\n    });\n    const confirmForgotPassword = createConfirmForgotPasswordClient({\n        endpointResolver: createCognitoUserPoolEndpointResolver({\n            endpointOverride: userPoolEndpoint,\n        }),\n    });\n    await confirmForgotPassword({\n        region: getRegionFromUserPoolId(authConfig.userPoolId),\n        userAgentValue: getAuthUserAgentValue(AuthAction.ConfirmResetPassword),\n    }, {\n        Username: username,\n        ConfirmationCode: code,\n        Password: newPassword,\n        ClientMetadata: metadata,\n        ClientId: authConfig.userPoolClientId,\n        UserContextData,\n    });\n}\n\nexport { confirmResetPassword };\n//# sourceMappingURL=confirmResetPassword.mjs.map\n","import React, { useEffect, useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { resetPassword, confirmResetPassword } from 'aws-amplify/auth';\nimport { Eye, EyeOff } from 'lucide-react';\nimport useAuth from '../hooks/useAuth';\nimport usePageTitle from '../hooks/usePageTitle';\nimport StagingBadge from '../components/StagingBadge';\nimport SiteHeader from '../components/SiteHeader';\n\nconst readNextPath = () => {\n  if (typeof window === 'undefined') return null;\n  const params = new URLSearchParams(window.location.search);\n  const next = params.get('next');\n  if (!next) return null;\n  if (!next.startsWith('/') || next.startsWith('//')) return null;\n  return next;\n};\n\nconst ForgotPassword = () => {\n  const { t } = useTranslation();\n  usePageTitle('titles.forgotPassword');\n  const { isAuthenticated, isLoading } = useAuth();\n  const nextPath = readNextPath();\n  const [stage, setStage] = useState('request'); // request | confirm\n  const [email, setEmail] = useState('');\n  const [code, setCode] = useState('');\n  const [newPassword, setNewPassword] = useState('');\n  const [newPasswordVisible, setNewPasswordVisible] = useState(false);\n  const [message, setMessage] = useState('');\n  const [error, setError] = useState('');\n  const [busy, setBusy] = useState(false);\n\n  useEffect(() => {\n    if (!isLoading && isAuthenticated) {\n      window.location.href = nextPath || '/app/';\n    }\n  }, [isAuthenticated, isLoading, nextPath]);\n\n  const handleRequest = async (e) => {\n    e.preventDefault();\n    setMessage('');\n    setError('');\n    setBusy(true);\n    try {\n      await resetPassword({ username: email });\n      setMessage(t('auth.forgot.codeSent'));\n      setStage('confirm');\n    } catch (err) {\n      const key = err?.name || err?.code;\n      setError(t(`auth.errors.${key}`, t('auth.errors.default')));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  const handleConfirm = async (e) => {\n    e.preventDefault();\n    setMessage('');\n    setError('');\n    setBusy(true);\n    try {\n      await confirmResetPassword({ username: email, confirmationCode: code, newPassword });\n      setMessage(t('auth.success.confirm'));\n      window.location.href = nextPath ? `/signin?next=${encodeURIComponent(nextPath)}` : '/signin';\n    } catch (err) {\n      const key = err?.name || err?.code;\n      setError(t(`auth.errors.${key}`, t('auth.errors.default')));\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <div className=\"min-h-screen bg-gradient-to-b from-slate-950 via-slate-900 to-slate-950 text-white flex flex-col\">\n      <StagingBadge />\n      <SiteHeader variant=\"dark\" showX={false} />\n      <main className=\"flex-1 flex items-center justify-center px-4 pb-12\">\n        <div className=\"w-full max-w-md bg-slate-900/70 border border-slate-800 rounded-2xl shadow-2xl p-8 space-y-6\">\n        <div className=\"text-center space-y-2\">\n          <div className=\"inline-flex items-center justify-center w-12 h-12 rounded-xl bg-blue-500/10 text-blue-300 border border-blue-500/30\">\n            <span className=\"font-black text-lg\">S</span>\n          </div>\n          <h1 className=\"text-2xl font-bold\">{t('auth.forgot.title')}</h1>\n          <p className=\"text-slate-400 text-sm\">{t('auth.forgot.subtitle')}</p>\n        </div>\n\n        {stage === 'request' && (\n          <form onSubmit={handleRequest} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-email\" className=\"block text-sm text-slate-300\">\n                {t('auth.email')}\n              </label>\n              <input\n                id=\"forgot-email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n                autoComplete=\"email\"\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder={t('auth.placeholders.email')}\n              />\n            </div>\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2\"\n              >\n                {error}\n              </div>\n            )}\n            {message && (\n              <div\n                role=\"status\"\n                className=\"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2\"\n              >\n                {message}\n              </div>\n            )}\n            <button\n              type=\"submit\"\n              disabled={busy}\n              className=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed\"\n            >\n              {t('auth.forgot.sendCode')}\n            </button>\n          </form>\n        )}\n\n        {stage === 'confirm' && (\n          <form onSubmit={handleConfirm} className=\"space-y-4\">\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-email\" className=\"block text-sm text-slate-300\">\n                {t('auth.email')}\n              </label>\n              <input\n                id=\"forgot-email\"\n                type=\"email\"\n                value={email}\n                onChange={(e) => setEmail(e.target.value)}\n                required\n                autoComplete=\"email\"\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder={t('auth.placeholders.email')}\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-code\" className=\"block text-sm text-slate-300\">\n                {t('auth.code')}\n              </label>\n              <input\n                id=\"forgot-code\"\n                type=\"text\"\n                value={code}\n                onChange={(e) => setCode(e.target.value)}\n                required\n                className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                placeholder=\"123456\"\n              />\n            </div>\n            <div className=\"space-y-2\">\n              <label htmlFor=\"forgot-new-password\" className=\"block text-sm text-slate-300\">\n                {t('auth.forgot.newPassword')}\n              </label>\n              <div className=\"relative\">\n                <input\n                  id=\"forgot-new-password\"\n                  type={newPasswordVisible ? 'text' : 'password'}\n                  value={newPassword}\n                  onChange={(e) => setNewPassword(e.target.value)}\n                  required\n                  autoComplete=\"new-password\"\n                  className=\"w-full rounded-lg bg-slate-950 border border-slate-700 px-4 py-3 pr-12 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500\"\n                  placeholder={t('auth.placeholders.passwordNew')}\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => setNewPasswordVisible((prev) => !prev)}\n                  className=\"absolute inset-y-0 right-0 flex items-center px-3 text-slate-400 hover:text-slate-200\"\n                  aria-label={\n                    newPasswordVisible\n                      ? t('auth.actions.hidePassword', { defaultValue: 'Hide password' })\n                      : t('auth.actions.showPassword', { defaultValue: 'Show password' })\n                  }\n                  title={\n                    newPasswordVisible\n                      ? t('auth.actions.hidePassword', { defaultValue: 'Hide password' })\n                      : t('auth.actions.showPassword', { defaultValue: 'Show password' })\n                  }\n                >\n                  {newPasswordVisible ? <EyeOff size={18} /> : <Eye size={18} />}\n                </button>\n              </div>\n            </div>\n            {error && (\n              <div\n                role=\"alert\"\n                className=\"text-sm text-rose-400 bg-rose-950/40 border border-rose-700/50 rounded-lg px-3 py-2\"\n              >\n                {error}\n              </div>\n            )}\n            {message && (\n              <div\n                role=\"status\"\n                className=\"text-sm text-emerald-300 bg-emerald-950/40 border border-emerald-700/50 rounded-lg px-3 py-2\"\n              >\n                {message}\n              </div>\n            )}\n            <button\n              type=\"submit\"\n              disabled={busy}\n              className=\"w-full bg-blue-500 hover:bg-blue-600 text-white font-semibold rounded-lg py-3 transition disabled:opacity-60 disabled:cursor-not-allowed\"\n            >\n              {t('auth.forgot.reset')}\n            </button>\n          </form>\n        )}\n\n        <div className=\"text-center text-sm text-slate-400 space-y-1\">\n          <div>\n            {t('auth.actions.haveAccount')}{' '}\n            <button\n              type=\"button\"\n              className=\"text-blue-300 hover:text-blue-200 underline\"\n              onClick={() => {\n                window.location.href = nextPath ? `/signin?next=${encodeURIComponent(nextPath)}` : '/signin';\n              }}\n            >\n              {t('auth.actions.goToSignIn')}\n            </button>\n          </div>\n          <div className=\"text-slate-500 text-xs\">\n            <div>{t('auth.helper.terms')}</div>\n            <div className=\"mt-1 flex items-center justify-center gap-2\">\n              <a href=\"/terms\" className=\"underline underline-offset-4 hover:text-slate-200\">\n                {t('landing.footer.terms')}\n              </a>\n              <span aria-hidden=\"true\">·</span>\n              <a href=\"/privacy\" className=\"underline underline-offset-4 hover:text-slate-200\">\n                {t('landing.footer.privacy')}\n              </a>\n            </div>\n          </div>\n        </div>\n        </div>\n      </main>\n    </div>\n  );\n};\n\nexport default ForgotPassword;\n"],"names":["createForgotPasswordClient","config","composeServiceApi","cognitoUserPoolTransferHandler","createUserPoolSerializer","createUserPoolDeserializer","DEFAULT_SERVICE_CLIENT_API_CONFIG","resetPassword","input","username","assertValidationError","AuthValidationErrorCode","authConfig","Amplify","assertTokenProviderConfig","userPoolClientId","userPoolId","userPoolEndpoint","clientMetadata","UserContextData","getUserContextData","codeDeliveryDetails","createCognitoUserPoolEndpointResolver","getRegionFromUserPoolId","getAuthUserAgentValue","AuthAction","createConfirmForgotPasswordClient","confirmResetPassword","newPassword","code","metadata","readNextPath","next","ForgotPassword","useTranslation","usePageTitle","isAuthenticated","isLoading","useAuth","nextPath","stage","setStage","useState","email","setEmail","setCode","setNewPassword","newPasswordVisible","setNewPasswordVisible","message","setMessage","error","setError","busy","setBusy","useEffect","handleRequest","e","err","key","handleConfirm","jsxs","jsx","StagingBadge","SiteHeader","prev","EyeOff","Eye"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}