@shogo-ai/email 1.10.0 → 2.4.2

package/dist/index.cjs

@@ -382,8 +382,11 @@ var EMAIL_CONSTANTS = {
   APP_NAME: "Shogo",
   APP_URL: "https://shogo.ai",
   SUPPORT_EMAIL: "support@shogo.ai",
-  LOGO_URL: "https://shogo.ai/assets/images/shogo-logo-email.png",
-  LOGO_DARK_URL: "https://shogo.ai/assets/images/shogo-logo-dark-email.png",
+  // Rendered from the current brand lockup (logo/shogo-logo-full{,-alt}.svg on
+  // shogo-website). Versioned filenames so the CDN's cached copy of the
+  // previous logo is never picked up by new sends.
+  LOGO_URL: "https://shogo.ai/assets/images/logo/shogo-logo-email-v2.png",
+  LOGO_DARK_URL: "https://shogo.ai/assets/images/logo/shogo-logo-dark-email-v2.png",
   FOOTER_TEXT: "© {{currentYear}} Shogo. All rights reserved"
 };
 var LIGHT_STYLES = `
@@ -550,8 +553,8 @@ function wrapInLayout(content) {
     <div class="email-container">
       <div class="email-header">
         <a href="${EMAIL_CONSTANTS.APP_URL}" style="display:inline-block;text-decoration:none;">
-          <img class="email-logo-light" src="${EMAIL_CONSTANTS.LOGO_URL}" alt="${EMAIL_CONSTANTS.APP_NAME}" width="169" height="58" style="display:block;height:40px;width:auto;" />
-          <img class="email-logo-dark" src="${EMAIL_CONSTANTS.LOGO_DARK_URL}" alt="${EMAIL_CONSTANTS.APP_NAME}" width="169" height="58" style="display:none;height:40px;width:auto;" />
+          <img class="email-logo-light" src="${EMAIL_CONSTANTS.LOGO_URL}" alt="${EMAIL_CONSTANTS.APP_NAME}" width="168" height="40" style="display:block;height:40px;width:auto;" />
+          <img class="email-logo-dark" src="${EMAIL_CONSTANTS.LOGO_DARK_URL}" alt="${EMAIL_CONSTANTS.APP_NAME}" width="168" height="40" style="display:none;height:40px;width:auto;" />
         </a>
       </div>
       <div class="email-content">
@@ -817,6 +820,33 @@ var paymentFailedTemplate = {
   }
 };
 
+// src/templates/billing/payment-action-required.ts
+var paymentActionRequiredTemplate = {
+  name: "payment-action-required",
+  subject: "Confirm your payment for {{workspaceName}}",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Confirm Your Payment</h1>
+    <p class="email-text">
+      Your bank needs you to confirm the payment of <strong>{{currency}}{{amount}}</strong>
+      for <strong>{{workspaceName}}</strong> ({{planName}}). Nothing has been charged yet.
+    </p>
+    <p class="email-text">
+      This is a routine security check some banks require for recurring and
+      online payments. It only takes a moment.
+    </p>
+    <a href="{{confirmUrl}}" class="email-btn" style="color:#ffffff;text-decoration:none;">Confirm Payment</a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      If you didn't expect this charge, please reply to this email or
+      contact support.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    currency: "$"
+  }
+};
+
 // src/templates/billing/usage-overage-charged.ts
 var usageOverageChargedTemplate = {
   name: "usage-overage-charged",
@@ -902,6 +932,25 @@ var memberJoinedTemplate = {
   }
 };
 
+// src/templates/workspace/channel-digest.ts
+var channelDigestTemplate = {
+  name: "channel-digest",
+  subject: "{{countLabel}} waiting in {{workspaceName}}",
+  html: wrapInLayout(`
+    <h1 class="email-h1">You have {{countLabel}}</h1>
+    <p class="email-text">Here's what you missed in <strong>{{workspaceName}}</strong>:</p>
+    <p class="email-text" style="white-space: pre-line;">{{summary}}</p>
+    <a href="{{channelsUrl}}" class="email-btn-outline">Open channels</a>
+    <p class="email-text" style="font-size: 12px; color: #888;">
+      You get this daily summary because email digests are on.
+      <a href="{{settingsUrl}}">Change notification settings</a>.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME
+  }
+};
+
 // src/templates/workspace/member-removed.ts
 var memberRemovedTemplate = {
   name: "member-removed",
@@ -950,6 +999,403 @@ var accountDeletedTemplate = {
   }
 };
 
+// src/templates/lifecycle/drip.ts
+var dripWelcomeTemplate = {
+  name: "drip-welcome",
+  subject: "Welcome to {{appName}} \u2014 your first agent is one message away",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Hey {{name}},</h1>
+    <p class="email-text">
+      You just signed up for {{appName}} \u2014 a place where you build AI agents
+      by chatting with them. No YAML, no config files, just describe what you
+      want the agent to do.
+    </p>
+    <p class="email-text">
+      In the next 5 minutes you can have an agent that checks your GitHub PRs,
+      tracks your revenue, or manages your support queue \u2014 whatever you actually
+      need. Start with a template.
+    </p>
+    <a href="{{appUrl}}/templates" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Build your first agent \u2192
+    </a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      Reply to this email any time \u2014 I read every one.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL
+  }
+};
+var dripQuickWinTemplate = {
+  name: "drip-quick-win",
+  subject: "Start here: the Research Assistant takes 2 minutes",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Your first agent in 2 minutes</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      The fastest way to see what {{appName}} does is the Research Assistant.
+      It's pre-configured to search the web, summarize findings, and send you
+      a digest \u2014 no setup required beyond pointing it at a topic.
+    </p>
+    <p class="email-text">Three steps:</p>
+    <p class="email-text">
+      <strong>1.</strong> Open the template gallery<br>
+      <strong>2.</strong> Install Research Assistant (one click)<br>
+      <strong>3.</strong> Chat with it: <em>"Summarize the top AI news from this week"</em>
+    </p>
+    <a href="{{appUrl}}/templates" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Install Research Assistant \u2192
+    </a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      Takes 2 minutes. No integrations needed to start.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL
+  }
+};
+var dripStuckNudgeTemplate = {
+  name: "drip-stuck-nudge",
+  subject: "Most people get stuck at this exact step",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Stuck on setup?</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      I checked and you haven't created your first agent yet. The most common
+      friction point is figuring out what to ask \u2014 it feels open-ended.
+    </p>
+    <p class="email-text">
+      Here's the simplest starting prompt that works every time:
+    </p>
+    <p class="email-text" style="background:#f8f8f8;border-left:3px solid #e8853d;padding:12px 16px;border-radius:4px;font-style:italic;">
+      "I want an agent that checks my GitHub for open pull requests each morning
+       and sends me a Slack message with a summary."
+    </p>
+    <p class="email-text">
+      Paste that, swap GitHub/Slack for your tools, and you have an agent in
+      under 60 seconds.
+    </p>
+    <a href="{{appUrl}}" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Resume setup \u2192
+    </a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      Or just reply here \u2014 tell me what you're trying to automate and I'll help
+      you set it up.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL
+  }
+};
+var dripFirstActionTemplate = {
+  name: "drip-first-action",
+  subject: "Your agent is configured \u2014 now talk to it",
+  html: wrapInLayout(`
+    <h1 class="email-h1">{{agentName}} is ready</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      You created <strong>{{agentName}}</strong> \u2014 nice work. The last step is
+      sending it a message so it knows what to do first.
+    </p>
+    <p class="email-text">
+      Open the chat panel and try something like:
+    </p>
+    <p class="email-text" style="background:#f8f8f8;border-left:3px solid #e8853d;padding:12px 16px;border-radius:4px;font-style:italic;">
+      "Check my GitHub for any open PRs that haven't been reviewed in 2+ days."
+    </p>
+    <p class="email-text">
+      The first message is always the most satisfying \u2014 watch it actually go do
+      something.
+    </p>
+    <a href="{{appUrl}}" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Open {{agentName}} \u2192
+    </a>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL,
+    agentName: "your agent"
+  }
+};
+var dripSocialProofTemplate = {
+  name: "drip-social-proof",
+  subject: "What a 3-person startup is doing with Shogo",
+  html: wrapInLayout(`
+    <h1 class="email-h1">A real example</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      A small eng team uses three {{appName}} agents in production:
+    </p>
+    <p class="email-text">
+      <strong>GitHub Ops</strong> \u2014 runs every morning, reviews all PRs opened
+      in the last 24h, flags anything stale, and posts a summary to their
+      #engineering Slack channel. Replaced a 15-minute standup ritual.
+    </p>
+    <p class="email-text">
+      <strong>Revenue Tracker</strong> \u2014 pulls MRR from Stripe each Monday,
+      compares it to the prior week, and sends a one-paragraph summary to the
+      founder. Takes 8 seconds.
+    </p>
+    <p class="email-text">
+      <strong>Incident Commander</strong> \u2014 watches their Sentry error feed,
+      auto-groups similar errors, and creates Linear tickets with severity tags.
+      Zero manual triage.
+    </p>
+    <p class="email-text">
+      Every one of these started with a single chat message. None required any
+      code.
+    </p>
+    <a href="{{appUrl}}/templates" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      See all templates \u2192
+    </a>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL
+  }
+};
+var dripReEngagementTemplate = {
+  name: "drip-re-engagement",
+  subject: "{{agentName}} hasn't heard from you yet",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Still there?</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      You set up <strong>{{agentName}}</strong> a few days ago but haven't sent
+      it a message yet. That's the one missing step before it's actually useful.
+    </p>
+    <p class="email-text">
+      Takes 30 seconds \u2014 open the agent, type one request, and see what happens.
+      If it does something useful, great. If it doesn't, reply to this email and
+      tell me what it got wrong \u2014 that's useful feedback too.
+    </p>
+    <a href="{{appUrl}}" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Open {{agentName}} \u2192
+    </a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      If {{appName}} isn't the right fit right now, no hard feelings \u2014 just reply
+      and let me know what you were hoping it would do.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL,
+    agentName: "your agent"
+  }
+};
+var dripPowerUpTemplate = {
+  name: "drip-power-up",
+  subject: "Your agent just did something useful \u2014 here's the next level",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Nice \u2014 your agent is working</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      Your agent just executed its first tool call. That's the real milestone \u2014
+      it's not just chatting, it's actually doing things.
+    </p>
+    <p class="email-text">
+      The next level is connecting more tools. {{appName}} has 250+ integrations
+      \u2014 GitHub, Slack, Linear, Stripe, Sentry, Google Sheets, Notion, and more.
+      Each one you connect makes your agent more capable.
+    </p>
+    <p class="email-text">
+      Go to <strong>Settings \u2192 Integrations</strong> and connect the tools your
+      agent should be able to use.
+    </p>
+    <a href="{{appUrl}}/integrations" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Connect your first tool \u2192
+    </a>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL
+  }
+};
+var dripHeartbeatTemplate = {
+  name: "drip-heartbeat",
+  subject: "Your agent can work while you sleep",
+  html: wrapInLayout(`
+    <h1 class="email-h1">Set it on autopilot</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      You've been chatting with your agent \u2014 now let it run on a schedule
+      without you having to ask.
+    </p>
+    <p class="email-text">
+      The <strong>Heartbeat</strong> feature wakes your agent on a timer \u2014
+      every hour, every morning at 8am, every Monday \u2014 whatever makes sense.
+      When it wakes up, it checks in, looks for work, and acts.
+    </p>
+    <p class="email-text">
+      Example: "Every morning at 8am, check GitHub for PRs that need review and
+      post a summary to Slack." That's one heartbeat. Your agent does it
+      automatically, every day, without you touching it.
+    </p>
+    <p class="email-text">
+      Go to your agent's settings and enable the Heartbeat. Pick an interval
+      and a schedule. That's it.
+    </p>
+    <a href="{{appUrl}}" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Set your first heartbeat \u2192
+    </a>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL
+  }
+};
+
+// src/templates/lifecycle/conversion.ts
+var conversionUsageLimitTemplate = {
+  name: "conversion-usage-limit",
+  subject: "You maxed out your free {{appName}} window \u2014 Pro is 10\xD7 bigger",
+  html: wrapInLayout(`
+    <span class="email-badge">Time to upgrade</span>
+    <h1 class="email-h1" style="margin-top:16px;">You're outgrowing the free plan</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      You just hit your free usage window \u2014 which means your agents are doing
+      real work for you. The free tier is capped low on purpose. Pro takes the
+      brakes off.
+    </p>
+    <p class="email-text">
+      Here's what changes the moment you upgrade:
+    </p>
+    <div style="background:#f8f8f8;border-radius:8px;padding:16px 20px;margin:0 0 16px;">
+      <div class="email-detail-row">
+        <span class="email-detail-label">Usage window (5h)</span>
+        <span class="email-detail-value">{{freeWindow}} \u2192 {{proWindow}} (10\xD7)</span>
+      </div>
+      <div class="email-detail-row">
+        <span class="email-detail-label">Advanced AI models</span>
+        <span class="email-detail-value">Claude Sonnet, GPT-4o &amp; more</span>
+      </div>
+      <div class="email-detail-row">
+        <span class="email-detail-label">Always-on apps</span>
+        <span class="email-detail-value">1 per seat</span>
+      </div>
+      <div class="email-detail-row" style="border-bottom:none;">
+        <span class="email-detail-label">Waiting on window resets</span>
+        <span class="email-detail-value">Rarely \u2014 10\xD7 more headroom</span>
+      </div>
+    </div>
+    <p class="email-text">
+      Pro is <strong>$20/seat/month</strong>. If your agents save you more than
+      an hour a week, it's already paid for itself \u2014 and you stop losing momentum
+      every time the free window fills up.
+    </p>
+    <a href="{{appUrl}}/billing?plan=pro" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Upgrade to Pro \u2192
+    </a>
+    <p class="email-muted">
+      Prefer to save 2 months? <a href="{{appUrl}}/billing?plan=pro&amp;interval=annual" style="color:#e8853d;text-decoration:none;font-weight:600;">Get Pro annual for $200/yr \u2192</a>
+    </p>
+    <hr class="email-divider">
+    <p class="email-muted">
+      Not ready yet? Your free window resets automatically \u2014 no action needed.
+      Questions about what's included? Just reply to this email.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL,
+    freeWindow: "$0.20",
+    proWindow: "$1.96"
+  }
+};
+var conversionPowerUserTemplate = {
+  name: "conversion-power-user",
+  subject: "You're in the top tier of {{appName}} free users",
+  html: wrapInLayout(`
+    <h1 class="email-h1">You're a power user on the free plan</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      You've sent <strong>{{messageCount}} messages</strong> to your agents \u2014
+      you're one of the most active users on the free plan. That's worth
+      acknowledging.
+    </p>
+    <p class="email-text">
+      You're currently limited to economy AI models and small usage windows.
+      Pro unlocks:
+    </p>
+    <div style="background:#f8f8f8;border-radius:8px;padding:16px 20px;margin:0 0 16px;">
+      <div class="email-detail-row">
+        <span class="email-detail-label">AI models</span>
+        <span class="email-detail-value">Claude Sonnet, GPT-4o, and more</span>
+      </div>
+      <div class="email-detail-row">
+        <span class="email-detail-label">Usage windows</span>
+        <span class="email-detail-value">10\xD7 larger</span>
+      </div>
+      <div class="email-detail-row">
+        <span class="email-detail-label">Always-on apps</span>
+        <span class="email-detail-value">1 per seat</span>
+      </div>
+      <div class="email-detail-row" style="border-bottom:none;">
+        <span class="email-detail-label">Annual pricing</span>
+        <span class="email-detail-value">$200/yr (2 months free)</span>
+      </div>
+    </div>
+    <p class="email-text">
+      Annual is the smart move if you plan to stick around \u2014 same Pro features,
+      billed once a year.
+    </p>
+    <a href="{{appUrl}}/billing?plan=pro&interval=annual" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Get Pro annual ($200/yr) \u2192
+    </a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      Monthly is also available at $20/seat/month if you prefer.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL,
+    messageCount: "several"
+  }
+};
+var conversionWinBackTemplate = {
+  name: "conversion-win-back",
+  subject: "{{agentName}} hasn't heard from you in a week",
+  html: wrapInLayout(`
+    <h1 class="email-h1">It's been a while</h1>
+    <p class="email-text">Hi {{name}},</p>
+    <p class="email-text">
+      <strong>{{agentName}}</strong> hasn't heard from you in a week. That's
+      fine \u2014 sometimes the timing isn't right.
+    </p>
+    <p class="email-text">
+      If you left because something wasn't working, reply to this and tell me.
+      I'd rather fix the issue than lose you.
+    </p>
+    <p class="email-text">
+      If life just got busy: your agent is still there, still configured, still
+      ready. One message and you're back up.
+    </p>
+    <a href="{{appUrl}}" class="email-btn" style="color:#ffffff;text-decoration:none;">
+      Check in with {{agentName}} \u2192
+    </a>
+    <hr class="email-divider">
+    <p class="email-muted">
+      Pro tip: enable the Heartbeat on your agent so it works even when you're
+      not thinking about it \u2014 that's how people get the most value from
+      {{appName}}.
+    </p>
+  `),
+  defaults: {
+    appName: EMAIL_CONSTANTS.APP_NAME,
+    appUrl: EMAIL_CONSTANTS.APP_URL,
+    agentName: "your agent"
+  }
+};
+
 // src/templates/index.ts
 var allTemplates = [
   welcomeTemplate2,
@@ -961,11 +1407,26 @@ var allTemplates = [
   planUpgradedTemplate,
   paymentReceiptTemplate,
   paymentFailedTemplate,
+  paymentActionRequiredTemplate,
   usageOverageChargedTemplate,
   usageApproachingLimitTemplate,
   memberJoinedTemplate,
   memberRemovedTemplate,
-  accountDeletedTemplate
+  channelDigestTemplate,
+  accountDeletedTemplate,
+  // Lifecycle — Drip
+  dripWelcomeTemplate,
+  dripQuickWinTemplate,
+  dripStuckNudgeTemplate,
+  dripFirstActionTemplate,
+  dripSocialProofTemplate,
+  dripReEngagementTemplate,
+  dripPowerUpTemplate,
+  dripHeartbeatTemplate,
+  // Lifecycle — Conversion
+  conversionUsageLimitTemplate,
+  conversionPowerUserTemplate,
+  conversionWinBackTemplate
 ];
 function createShogoTemplateRegistry() {
   const registry = new EmailTemplateRegistry();

package/dist/index.d.cts

@@ -116,8 +116,8 @@ declare const EMAIL_CONSTANTS: {
     readonly APP_NAME: "Shogo";
     readonly APP_URL: "https://shogo.ai";
     readonly SUPPORT_EMAIL: "support@shogo.ai";
-    readonly LOGO_URL: "https://shogo.ai/assets/images/shogo-logo-email.png";
-    readonly LOGO_DARK_URL: "https://shogo.ai/assets/images/shogo-logo-dark-email.png";
+    readonly LOGO_URL: "https://shogo.ai/assets/images/logo/shogo-logo-email-v2.png";
+    readonly LOGO_DARK_URL: "https://shogo.ai/assets/images/logo/shogo-logo-dark-email-v2.png";
     readonly FOOTER_TEXT: "© {{currentYear}} Shogo. All rights reserved";
 };
 /** Dark overrides without media query — used by the preview tool to force dark mode. */

package/dist/index.d.ts

@@ -116,8 +116,8 @@ declare const EMAIL_CONSTANTS: {
     readonly APP_NAME: "Shogo";
     readonly APP_URL: "https://shogo.ai";
     readonly SUPPORT_EMAIL: "support@shogo.ai";
-    readonly LOGO_URL: "https://shogo.ai/assets/images/shogo-logo-email.png";
-    readonly LOGO_DARK_URL: "https://shogo.ai/assets/images/shogo-logo-dark-email.png";
+    readonly LOGO_URL: "https://shogo.ai/assets/images/logo/shogo-logo-email-v2.png";
+    readonly LOGO_DARK_URL: "https://shogo.ai/assets/images/logo/shogo-logo-dark-email-v2.png";
     readonly FOOTER_TEXT: "© {{currentYear}} Shogo. All rights reserved";
 };
 /** Dark overrides without media query — used by the preview tool to force dark mode. */

package/dist/index.js

@@ -15,7 +15,7 @@ import {
   passwordResetTemplate,
   welcomeTemplate,
   wrapInLayout
-} from "./chunk-AHEPUREO.js";
+} from "./chunk-NKFT5JLE.js";
 export {
   DARK_STYLE_OVERRIDES,
   EMAIL_CONSTANTS,