@stackframe/stack-shared 2.8.60 → 2.8.61

package/dist/helpers/emails.d.ts

@@ -38,6 +38,16 @@ declare const DEFAULT_EMAIL_TEMPLATES: {
         tsxSource: string;
         themeId: undefined;
     };
+    "70372aee-0441-4d80-974c-2e858e40123a": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "f64b1afe-27ec-4a28-a277-7178f3261f9a": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
 };
 declare const DEFAULT_TEMPLATE_IDS: {
     readonly email_verification: "e7d009ce-8d47-4528-b245-5bf119f2ffa3";
@@ -45,6 +55,8 @@ declare const DEFAULT_TEMPLATE_IDS: {
     readonly magic_link: "822687fe-8d0a-4467-a0d1-416b6e639478";
     readonly team_invitation: "e84de395-2076-4831-9c19-8e9a96a868e4";
     readonly sign_in_invitation: "066dd73c-36da-4fd0-b6d6-ebf87683f8bc";
+    readonly payment_receipt: "70372aee-0441-4d80-974c-2e858e40123a";
+    readonly payment_failed: "f64b1afe-27ec-4a28-a277-7178f3261f9a";
 };
 
 export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, DEFAULT_TEMPLATE_IDS, LightEmailTheme, emptyEmailTheme, previewTemplateSource };

package/dist/helpers/emails.js

@@ -144,6 +144,8 @@ var EMAIL_TEMPLATE_PASSWORD_RESET_ID = "a70fb3a4-56c1-4e42-af25-49d25603abd0";
 var EMAIL_TEMPLATE_MAGIC_LINK_ID = "822687fe-8d0a-4467-a0d1-416b6e639478";
 var EMAIL_TEMPLATE_TEAM_INVITATION_ID = "e84de395-2076-4831-9c19-8e9a96a868e4";
 var EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID = "066dd73c-36da-4fd0-b6d6-ebf87683f8bc";
+var EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID = "70372aee-0441-4d80-974c-2e858e40123a";
+var EMAIL_TEMPLATE_PAYMENT_FAILED_ID = "f64b1afe-27ec-4a28-a277-7178f3261f9a";
 var DEFAULT_EMAIL_TEMPLATES = {
   [EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID]: {
     "displayName": "Email Verification",
@@ -220,6 +222,74 @@ EmailTemplate.PreviewVariables = {
     "displayName": "Sign In Invitation",
     "tsxSource": 'import { type } from "arktype"\nimport { Button, Section, Hr } from "@react-email/components";\nimport { Subject, NotificationCategory, Props } from "@stackframe/emails";\n\nexport const variablesSchema = type({\n  signInInvitationLink: "string",\n  teamDisplayName: "string"\n})\n\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\n  return (\n    <>\n      <Subject\n        value={"You have been invited to sign in to " + project.displayName}\n      />\n      <NotificationCategory value="Transactional" />\n\n      <div className="bg-white text-gray-900 font-sans text-base font-normal leading-normal w-full min-h-full m-0 py-8">\n        <Section>\n          <h3 className="text-black bg-transparent font-sans font-bold text-xl text-center pt-8 px-6 m-0">\n            You are invited to sign in to {variables.teamDisplayName}\n          </h3>\n\n          <p className="text-gray-700 bg-transparent text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0">\n            Hi\n            {user.displayName ? ", " + user.displayName : ""}! Please click on the following\n            link to sign in to your account\n          </p>\n\n          <div className="bg-transparent text-center px-6 py-3">\n            <Button\n              href={variables.signInInvitationLink}\n              className="text-black text-sm font-sans font-bold bg-gray-200 rounded-md inline-block py-3 px-5 no-underline border-none"\n              target="_blank"\n            >\n              Sign in\n            </Button>\n          </div>\n\n          <div className="px-6 py-4 bg-transparent">\n            <Hr />\n          </div>\n\n          <p className="text-gray-700 bg-transparent text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0">\n            If you were not expecting this email, you can safely ignore it.\n          </p>\n        </Section>\n      </div>\n    </>\n  )\n}\n\nEmailTemplate.PreviewVariables = {\n  signInInvitationLink: "<sign in invitation link>",\n  teamDisplayName: "My Team"\n} satisfies typeof variablesSchema.infer',
     "themeId": void 0
+  },
+  [EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID]: {
+    "displayName": "Payment Receipt",
+    "tsxSource": 'import { type } from "arktype";\nimport { Button, Section, Hr } from "@react-email/components";\nimport { Subject, NotificationCategory, Props } from "@stackframe/emails";\n\nexport const variablesSchema = type({\n  productName: "string",\n  quantity: "number",\n  amount: "string",\n  receiptLink: "string?"\n});\n\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\n  return (\n    <>\n      <Subject value={"Your receipt from " + project.displayName} />\n      <NotificationCategory value="Transactional" />\n      <div className="bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full">\n        <Section className="bg-white">\n          <h3 className="text-black font-sans font-bold text-[20px] text-center py-4 px-6 m-0">\n            Thanks for your purchase\n          </h3>\n          <p className="text-[#474849] font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0">\n            Hi{user.displayName ? (", " + user.displayName) : ""}! Your payment for {variables.productName} is complete.\n          </p>\n          <div className="px-6">\n            <p className="text-black font-sans font-bold text-[16px] text-center m-0">\n              Total paid: {variables.amount}\n            </p>\n            <p className="text-[#474849] font-sans text-[13px] text-center mt-2 mb-0">\n              Quantity: {variables.quantity}\n            </p>\n          </div>\n          {variables.receiptLink ? (\n            <div className="text-center py-4 px-6">\n              <Button\n                href={variables.receiptLink}\n                target="_blank"\n                className="text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0"\n              >\n                View receipt\n              </Button>\n            </div>\n          ) : null}\n          <div className="py-4 px-6">\n            <Hr />\n          </div>\n        </Section>\n      </div>\n    </>\n  );\n}\n\nEmailTemplate.PreviewVariables = {\n  productName: "Pro Plan",\n  quantity: 1,\n  amount: "$29.00",\n  receiptLink: "https://example.com/receipt"\n} satisfies typeof variablesSchema.infer;\n',
+    "themeId": void 0
+  },
+  [EMAIL_TEMPLATE_PAYMENT_FAILED_ID]: {
+    "displayName": "Payment Failed",
+    "tsxSource": `import { type } from "arktype";
+import { Button, Section, Hr } from "@react-email/components";
+import { Subject, NotificationCategory, Props } from "@stackframe/emails";
+
+export const variablesSchema = type({
+  productName: "string",
+  amount: "string",
+  invoiceUrl: "string?",
+  failureReason: "string?"
+});
+
+export function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {
+  return (
+    <>
+      <Subject value={"Payment failed for " + project.displayName} />
+      <NotificationCategory value="Transactional" />
+      <div className="bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full">
+        <Section className="bg-white">
+          <h3 className="text-black font-sans font-bold text-[20px] text-center py-4 px-6 m-0">
+            We couldn't process your payment
+          </h3>
+          <p className="text-[#474849] font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0">
+            Hi{user.displayName ? (", " + user.displayName) : ""}! Your payment for {variables.productName} ({variables.amount}) did not go through.
+          </p>
+          {variables.failureReason ? (
+            <p className="text-[#8a8b8b] font-sans text-[12px] text-center px-6 pb-2 m-0">
+              Reason: {variables.failureReason}
+            </p>
+          ) : null}
+          {variables.invoiceUrl ? (
+            <div className="text-center py-3 px-6">
+              <Button
+                href={variables.invoiceUrl}
+                target="_blank"
+                className="text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0"
+              >
+                View invoice
+              </Button>
+            </div>
+          ) : null}
+          <div className="py-4 px-6">
+            <Hr />
+          </div>
+          <p className="text-[#474849] font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0">
+            Please update your payment details to avoid service interruption.
+          </p>
+        </Section>
+      </div>
+    </>
+  );
+}
+
+EmailTemplate.PreviewVariables = {
+  productName: "Pro Plan",
+  amount: "$29.00",
+  invoiceUrl: "https://example.com/billing",
+  failureReason: "Your card was declined"
+} satisfies typeof variablesSchema.infer;
+`,
+    "themeId": void 0
   }
 };
 var DEFAULT_TEMPLATE_IDS = {
@@ -227,7 +297,9 @@ var DEFAULT_TEMPLATE_IDS = {
   password_reset: EMAIL_TEMPLATE_PASSWORD_RESET_ID,
   magic_link: EMAIL_TEMPLATE_MAGIC_LINK_ID,
   team_invitation: EMAIL_TEMPLATE_TEAM_INVITATION_ID,
-  sign_in_invitation: EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID
+  sign_in_invitation: EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID,
+  payment_receipt: EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID,
+  payment_failed: EMAIL_TEMPLATE_PAYMENT_FAILED_ID
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/helpers/emails.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/emails.ts"],"sourcesContent":["import { deindent } from \"../utils/strings\";\n\nexport const previewTemplateSource = deindent`\n  import { Heading, Section, Row, Button, Link, Column } from \"@react-email/components\";\n  export const variablesSchema = v => v;\n  export function EmailTemplate() {\n    return <>\n      <Heading as=\"h2\" className=\"mb-4 text-2xl font-bold\">\n        Header text\n      </Heading>\n      <Section className=\"mb-4\">\n        Body text content with some additional information.\n      </Section>\n      <Row className=\"mb-4\">\n        <Column>\n          <Button href=\"https://example.com\">\n            A button\n          </Button>\n        </Column>\n        <Column>\n          <Link href=\"https://example.com\">\n            A link\n          </Link>\n        </Column>\n      </Row>\n    </>;\n  }\n`;\n\nexport const emptyEmailTheme = deindent`\n  import { Html, Tailwind, Body } from '@react-email/components';\n  export function EmailTheme({ children }: { children: React.ReactNode }) {\n    return (\n      <Html>\n        <Tailwind>\n          <Body>\n            {children}\n          </Body>\n        </Tailwind>\n      </Html>\n    );\n  }\n`;\n\nexport const LightEmailTheme = `import { Html, Head, Tailwind, Body, Container, Link } from '@react-email/components';\nimport { ThemeProps, ProjectLogo } from \"@stackframe/emails\";\n\nexport function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {\n  return (\n    <Html>\n      <Head />\n      <Tailwind>\n        <Body className=\"bg-[#fafbfb] font-sans text-base\">\n          <Container className=\"bg-white p-[45px] rounded-lg\">\n            <ProjectLogo data={projectLogos} mode=\"light\" />\n            {children}\n          </Container>\n          {unsubscribeLink && (\n            <div className=\"p-4\">\n              <Link href={unsubscribeLink}>Click here{\" \"}</Link>\n              to unsubscribe from these emails\n            </div>\n          )}\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nEmailTheme.PreviewProps = {\n  unsubscribeLink: \"https://example.com\",\n} satisfies Partial<ThemeProps>\n`;\n\n\nconst DarkEmailTheme = `import { Html, Head, Tailwind, Body, Container, Link } from '@react-email/components';\nimport { ThemeProps, ProjectLogo } from \"@stackframe/emails\";\n\nexport function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {\n  return (\n    <Html>\n      <Head />\n      <Tailwind>\n        <Body className=\"bg-[#323232] font-sans text-white\">\n          <Container className=\"bg-black p-[45px] rounded-lg\">\n            <ProjectLogo data={projectLogos} mode=\"dark\" />\n            {children}\n          </Container>\n          {unsubscribeLink && (\n            <div className=\"p-4\">\n              <Link href={unsubscribeLink} className=\"text-gray-300\">Click here{\" \"}</Link>\n              to unsubscribe from these emails\n            </div>\n          )}\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nEmailTheme.PreviewProps = {\n  unsubscribeLink: \"https://example.com\",\n} satisfies Partial<ThemeProps>\n`;\n\n\nexport const DEFAULT_EMAIL_THEME_ID = \"1df07ae6-abf3-4a40-83a5-a1a2cbe336ac\";\n\nexport const DEFAULT_EMAIL_THEMES = {\n  [DEFAULT_EMAIL_THEME_ID]: {\n    displayName: 'Default Light',\n    tsxSource: LightEmailTheme,\n  },\n  \"a0172b5d-cff0-463b-83bb-85124697373a\": {\n    displayName: 'Default Dark',\n    tsxSource: DarkEmailTheme,\n  },\n};\n\nconst EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID = \"e7d009ce-8d47-4528-b245-5bf119f2ffa3\";\nconst EMAIL_TEMPLATE_PASSWORD_RESET_ID = \"a70fb3a4-56c1-4e42-af25-49d25603abd0\";\nconst EMAIL_TEMPLATE_MAGIC_LINK_ID = \"822687fe-8d0a-4467-a0d1-416b6e639478\";\nconst EMAIL_TEMPLATE_TEAM_INVITATION_ID = \"e84de395-2076-4831-9c19-8e9a96a868e4\";\nconst EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID = \"066dd73c-36da-4fd0-b6d6-ebf87683f8bc\";\n\nexport const DEFAULT_EMAIL_TEMPLATES = {\n  [EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID]: {\n    \"displayName\": \"Email Verification\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\"\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\nexport const variablesSchema = type({\\n  emailVerificationLink: \\\"string\\\"\\n})\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={`Verify your email at ${project.displayName}`} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"bg-white\\\">\\n          <h3 className=\\\"text-black font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Verify your email at {project.displayName}\\n          </h3>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : ''}! Please click on the following button to verify your email.\\n          </p>\\n          <div className=\\\"text-center py-3 px-6\\\">\\n            <Button\\n              href={variables.emailVerificationLink}\\n              target=\\\"_blank\\\"\\n              className=\\\"text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0\\\"\\n            >\\n              Verify my email\\n            </Button>\\n          </div>\\n          <div className=\\\"py-4 px-6\\\">\\n            <Hr />\\n          </div>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it. \\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  )\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  emailVerificationLink: \\\"<email verification link>\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_PASSWORD_RESET_ID]: {\n    \"displayName\": \"Password Reset\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\"\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\"\\nimport { Subject, NotificationCategory, Props} from \\\"@stackframe/emails\\\"\\n\\nexport const variablesSchema = type({\\n  passwordResetLink: \\\"string\\\"\\n})\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"Reset your password at \\\" + project.displayName} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-tight leading-relaxed py-8 w-full min-h-full\\\">\\n        <Section>\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Reset your password at {project.displayName}\\n          </h3>\\n\\n          <p className=\\\"text-[#474849] bg-transparent text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : \\\"\\\"}! Please click on the following button to start the password reset process.\\n          </p>\\n\\n          <div className=\\\"bg-transparent text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.passwordResetLink}\\n              className=\\\"text-black text-sm font-sans font-bold bg-[#f0f0f0] rounded-[4px] inline-block py-3 px-5 no-underline border-none\\\"\\n              target=\\\"_blank\\\"\\n            >\\n              Reset my password\\n            </Button>\\n          </div>\\n\\n          <div className=\\\"px-6 py-4\\\">\\n            <Hr />\\n          </div>\\n\\n          <p className=\\\"text-[#474849] bg-transparent text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  )\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n   passwordResetLink: \\\"<password reset link>\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_MAGIC_LINK_ID]: {\n    \"displayName\": \"Magic Link/OTP\",\n    \"tsxSource\": \"import { type } from 'arktype';\\nimport { Section, Hr } from '@react-email/components';\\nimport { Subject, NotificationCategory, Props } from '@stackframe/emails';\\n\\nexport const variablesSchema = type({\\n  magicLink: 'string',\\n  otp: 'string',\\n});\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"Sign in to \\\" + project.displayName + \\\": Your code is \\\" + variables.otp} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-6 m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"mx-auto bg-white\\\">\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-xl text-center px-6 py-4 m-0\\\">\\n            Sign in to {project.displayName}\\n          </h3>\\n          <p className=\\\"text-[#474849] bg-transparent text-sm font-sans font-normal text-center px-6 py-4 m-0\\\">\\n            Hi{user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! This is your one-time-password for signing in:\\n          </p>\\n          <p className=\\\"text-black bg-transparent text-2xl font-mono font-bold text-center px-6 py-4 m-0\\\">\\n            {variables.otp}\\n          </p>\\n          <p className=\\\"text-black bg-transparent text-sm font-sans font-normal text-center px-6 py-4 m-0\\\">\\n            Or you can click on{' '}\\n            <a\\n              key={20}\\n              href={variables.magicLink}\\n              target=\\\"_blank\\\"\\n              rel=\\\"noopener noreferrer\\\"\\n              className=\\\"text-blue-600 underline\\\"\\n            >\\n              this link\\n            </a>{' '}\\n            to sign in\\n          </p>\\n          <Hr className=\\\"px-6 py-4 bg-transparent\\\" />\\n          <p className=\\\"text-[#474849] bg-transparent text-xs font-sans font-normal text-center px-6 pt-1 pb-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  );\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  magicLink: \\\"<magic link>\\\",\\n  otp: \\\"3SLSWZ\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_TEAM_INVITATION_ID]: {\n    \"displayName\": \"Team Invitation\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\";\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\n\\nexport const variablesSchema = type({\\n  teamDisplayName: \\\"string\\\",\\n  teamInvitationLink: \\\"string\\\"\\n});\\n\\nexport function EmailTemplate({ user, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"You have been invited to join \\\" + variables.teamDisplayName} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"mx-auto max-w-lg bg-white\\\">\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-xl text-center px-6 pt-8 m-0\\\">\\n            You are invited to {variables.teamDisplayName}\\n          </h3>\\n          <p className=\\\"text-[#474849] bg-transparent text-sm font-sans font-normal text-center px-6 pt-2 pb-4 m-0\\\">\\n            Hi{user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! Please click the button below to join the team {variables.teamDisplayName}\\n          </p>\\n          <div className=\\\"bg-transparent text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.teamInvitationLink}\\n              target=\\\"_blank\\\"\\n              className=\\\"text-black text-sm font-sans font-bold bg-[#f0f0f0] rounded-md inline-block px-5 py-3 no-underline border-0\\\"\\n            >\\n              Join team\\n            </Button>\\n          </div>\\n          <div className=\\\"px-6 py-4 bg-transparent\\\">\\n            <Hr />\\n          </div>\\n          <p className=\\\"text-[#474849] bg-transparent text-xs font-sans font-normal text-center px-6 pb-6 pt-1 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  );\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  teamDisplayName: \\\"My Team\\\",\\n  teamInvitationLink: \\\"<team invitation link>\\\"\\n} satisfies typeof variablesSchema.infer \",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID]: {\n    \"displayName\": \"Sign In Invitation\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\"\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\nexport const variablesSchema = type({\\n  signInInvitationLink: \\\"string\\\",\\n  teamDisplayName: \\\"string\\\"\\n})\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject\\n        value={\\\"You have been invited to sign in to \\\" + project.displayName}\\n      />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n\\n      <div className=\\\"bg-white text-gray-900 font-sans text-base font-normal leading-normal w-full min-h-full m-0 py-8\\\">\\n        <Section>\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-xl text-center pt-8 px-6 m-0\\\">\\n            You are invited to sign in to {variables.teamDisplayName}\\n          </h3>\\n\\n          <p className=\\\"text-gray-700 bg-transparent text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0\\\">\\n            Hi\\n            {user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! Please click on the following\\n            link to sign in to your account\\n          </p>\\n\\n          <div className=\\\"bg-transparent text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.signInInvitationLink}\\n              className=\\\"text-black text-sm font-sans font-bold bg-gray-200 rounded-md inline-block py-3 px-5 no-underline border-none\\\"\\n              target=\\\"_blank\\\"\\n            >\\n              Sign in\\n            </Button>\\n          </div>\\n\\n          <div className=\\\"px-6 py-4 bg-transparent\\\">\\n            <Hr />\\n          </div>\\n\\n          <p className=\\\"text-gray-700 bg-transparent text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  )\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  signInInvitationLink: \\\"<sign in invitation link>\\\",\\n  teamDisplayName: \\\"My Team\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  }\n};\n\nexport const DEFAULT_TEMPLATE_IDS = {\n  email_verification: EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID,\n  password_reset: EMAIL_TEMPLATE_PASSWORD_RESET_ID,\n  magic_link: EMAIL_TEMPLATE_MAGIC_LINK_ID,\n  team_invitation: EMAIL_TEMPLATE_TEAM_INVITATION_ID,\n  sign_in_invitation: EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID,\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAyB;AAElB,IAAM,wBAAwB;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;AA2B9B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAexB,IAAM,kBAAkB;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;AA+B/B,IAAM,iBAAiB;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;AA+BhB,IAAM,yBAAyB;AAE/B,IAAM,uBAAuB;AAAA,EAClC,CAAC,sBAAsB,GAAG;AAAA,IACxB,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,wCAAwC;AAAA,IACtC,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AACF;AAEA,IAAM,uCAAuC;AAC7C,IAAM,mCAAmC;AACzC,IAAM,+BAA+B;AACrC,IAAM,oCAAoC;AAC1C,IAAM,uCAAuC;AAEtC,IAAM,0BAA0B;AAAA,EACrC,CAAC,oCAAoC,GAAG;AAAA,IACtC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,gCAAgC,GAAG;AAAA,IAClC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,4BAA4B,GAAG;AAAA,IAC9B,eAAe;AAAA,IACf,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,iCAAiC,GAAG;AAAA,IACnC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,oCAAoC,GAAG;AAAA,IACtC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AACtB;","names":[]}
+{"version":3,"sources":["../../src/helpers/emails.ts"],"sourcesContent":["import { deindent } from \"../utils/strings\";\n\nexport const previewTemplateSource = deindent`\n  import { Heading, Section, Row, Button, Link, Column } from \"@react-email/components\";\n  export const variablesSchema = v => v;\n  export function EmailTemplate() {\n    return <>\n      <Heading as=\"h2\" className=\"mb-4 text-2xl font-bold\">\n        Header text\n      </Heading>\n      <Section className=\"mb-4\">\n        Body text content with some additional information.\n      </Section>\n      <Row className=\"mb-4\">\n        <Column>\n          <Button href=\"https://example.com\">\n            A button\n          </Button>\n        </Column>\n        <Column>\n          <Link href=\"https://example.com\">\n            A link\n          </Link>\n        </Column>\n      </Row>\n    </>;\n  }\n`;\n\nexport const emptyEmailTheme = deindent`\n  import { Html, Tailwind, Body } from '@react-email/components';\n  export function EmailTheme({ children }: { children: React.ReactNode }) {\n    return (\n      <Html>\n        <Tailwind>\n          <Body>\n            {children}\n          </Body>\n        </Tailwind>\n      </Html>\n    );\n  }\n`;\n\nexport const LightEmailTheme = `import { Html, Head, Tailwind, Body, Container, Link } from '@react-email/components';\nimport { ThemeProps, ProjectLogo } from \"@stackframe/emails\";\n\nexport function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {\n  return (\n    <Html>\n      <Head />\n      <Tailwind>\n        <Body className=\"bg-[#fafbfb] font-sans text-base\">\n          <Container className=\"bg-white p-[45px] rounded-lg\">\n            <ProjectLogo data={projectLogos} mode=\"light\" />\n            {children}\n          </Container>\n          {unsubscribeLink && (\n            <div className=\"p-4\">\n              <Link href={unsubscribeLink}>Click here{\" \"}</Link>\n              to unsubscribe from these emails\n            </div>\n          )}\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nEmailTheme.PreviewProps = {\n  unsubscribeLink: \"https://example.com\",\n} satisfies Partial<ThemeProps>\n`;\n\n\nconst DarkEmailTheme = `import { Html, Head, Tailwind, Body, Container, Link } from '@react-email/components';\nimport { ThemeProps, ProjectLogo } from \"@stackframe/emails\";\n\nexport function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {\n  return (\n    <Html>\n      <Head />\n      <Tailwind>\n        <Body className=\"bg-[#323232] font-sans text-white\">\n          <Container className=\"bg-black p-[45px] rounded-lg\">\n            <ProjectLogo data={projectLogos} mode=\"dark\" />\n            {children}\n          </Container>\n          {unsubscribeLink && (\n            <div className=\"p-4\">\n              <Link href={unsubscribeLink} className=\"text-gray-300\">Click here{\" \"}</Link>\n              to unsubscribe from these emails\n            </div>\n          )}\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nEmailTheme.PreviewProps = {\n  unsubscribeLink: \"https://example.com\",\n} satisfies Partial<ThemeProps>\n`;\n\n\nexport const DEFAULT_EMAIL_THEME_ID = \"1df07ae6-abf3-4a40-83a5-a1a2cbe336ac\";\n\nexport const DEFAULT_EMAIL_THEMES = {\n  [DEFAULT_EMAIL_THEME_ID]: {\n    displayName: 'Default Light',\n    tsxSource: LightEmailTheme,\n  },\n  \"a0172b5d-cff0-463b-83bb-85124697373a\": {\n    displayName: 'Default Dark',\n    tsxSource: DarkEmailTheme,\n  },\n};\n\nconst EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID = \"e7d009ce-8d47-4528-b245-5bf119f2ffa3\";\nconst EMAIL_TEMPLATE_PASSWORD_RESET_ID = \"a70fb3a4-56c1-4e42-af25-49d25603abd0\";\nconst EMAIL_TEMPLATE_MAGIC_LINK_ID = \"822687fe-8d0a-4467-a0d1-416b6e639478\";\nconst EMAIL_TEMPLATE_TEAM_INVITATION_ID = \"e84de395-2076-4831-9c19-8e9a96a868e4\";\nconst EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID = \"066dd73c-36da-4fd0-b6d6-ebf87683f8bc\";\nconst EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID = \"70372aee-0441-4d80-974c-2e858e40123a\";\nconst EMAIL_TEMPLATE_PAYMENT_FAILED_ID = \"f64b1afe-27ec-4a28-a277-7178f3261f9a\";\n\nexport const DEFAULT_EMAIL_TEMPLATES = {\n  [EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID]: {\n    \"displayName\": \"Email Verification\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\"\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\nexport const variablesSchema = type({\\n  emailVerificationLink: \\\"string\\\"\\n})\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={`Verify your email at ${project.displayName}`} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"bg-white\\\">\\n          <h3 className=\\\"text-black font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Verify your email at {project.displayName}\\n          </h3>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : ''}! Please click on the following button to verify your email.\\n          </p>\\n          <div className=\\\"text-center py-3 px-6\\\">\\n            <Button\\n              href={variables.emailVerificationLink}\\n              target=\\\"_blank\\\"\\n              className=\\\"text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0\\\"\\n            >\\n              Verify my email\\n            </Button>\\n          </div>\\n          <div className=\\\"py-4 px-6\\\">\\n            <Hr />\\n          </div>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it. \\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  )\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  emailVerificationLink: \\\"<email verification link>\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_PASSWORD_RESET_ID]: {\n    \"displayName\": \"Password Reset\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\"\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\"\\nimport { Subject, NotificationCategory, Props} from \\\"@stackframe/emails\\\"\\n\\nexport const variablesSchema = type({\\n  passwordResetLink: \\\"string\\\"\\n})\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"Reset your password at \\\" + project.displayName} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-tight leading-relaxed py-8 w-full min-h-full\\\">\\n        <Section>\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Reset your password at {project.displayName}\\n          </h3>\\n\\n          <p className=\\\"text-[#474849] bg-transparent text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : \\\"\\\"}! Please click on the following button to start the password reset process.\\n          </p>\\n\\n          <div className=\\\"bg-transparent text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.passwordResetLink}\\n              className=\\\"text-black text-sm font-sans font-bold bg-[#f0f0f0] rounded-[4px] inline-block py-3 px-5 no-underline border-none\\\"\\n              target=\\\"_blank\\\"\\n            >\\n              Reset my password\\n            </Button>\\n          </div>\\n\\n          <div className=\\\"px-6 py-4\\\">\\n            <Hr />\\n          </div>\\n\\n          <p className=\\\"text-[#474849] bg-transparent text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  )\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n   passwordResetLink: \\\"<password reset link>\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_MAGIC_LINK_ID]: {\n    \"displayName\": \"Magic Link/OTP\",\n    \"tsxSource\": \"import { type } from 'arktype';\\nimport { Section, Hr } from '@react-email/components';\\nimport { Subject, NotificationCategory, Props } from '@stackframe/emails';\\n\\nexport const variablesSchema = type({\\n  magicLink: 'string',\\n  otp: 'string',\\n});\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"Sign in to \\\" + project.displayName + \\\": Your code is \\\" + variables.otp} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-6 m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"mx-auto bg-white\\\">\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-xl text-center px-6 py-4 m-0\\\">\\n            Sign in to {project.displayName}\\n          </h3>\\n          <p className=\\\"text-[#474849] bg-transparent text-sm font-sans font-normal text-center px-6 py-4 m-0\\\">\\n            Hi{user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! This is your one-time-password for signing in:\\n          </p>\\n          <p className=\\\"text-black bg-transparent text-2xl font-mono font-bold text-center px-6 py-4 m-0\\\">\\n            {variables.otp}\\n          </p>\\n          <p className=\\\"text-black bg-transparent text-sm font-sans font-normal text-center px-6 py-4 m-0\\\">\\n            Or you can click on{' '}\\n            <a\\n              key={20}\\n              href={variables.magicLink}\\n              target=\\\"_blank\\\"\\n              rel=\\\"noopener noreferrer\\\"\\n              className=\\\"text-blue-600 underline\\\"\\n            >\\n              this link\\n            </a>{' '}\\n            to sign in\\n          </p>\\n          <Hr className=\\\"px-6 py-4 bg-transparent\\\" />\\n          <p className=\\\"text-[#474849] bg-transparent text-xs font-sans font-normal text-center px-6 pt-1 pb-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  );\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  magicLink: \\\"<magic link>\\\",\\n  otp: \\\"3SLSWZ\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_TEAM_INVITATION_ID]: {\n    \"displayName\": \"Team Invitation\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\";\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\n\\nexport const variablesSchema = type({\\n  teamDisplayName: \\\"string\\\",\\n  teamInvitationLink: \\\"string\\\"\\n});\\n\\nexport function EmailTemplate({ user, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"You have been invited to join \\\" + variables.teamDisplayName} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"mx-auto max-w-lg bg-white\\\">\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-xl text-center px-6 pt-8 m-0\\\">\\n            You are invited to {variables.teamDisplayName}\\n          </h3>\\n          <p className=\\\"text-[#474849] bg-transparent text-sm font-sans font-normal text-center px-6 pt-2 pb-4 m-0\\\">\\n            Hi{user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! Please click the button below to join the team {variables.teamDisplayName}\\n          </p>\\n          <div className=\\\"bg-transparent text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.teamInvitationLink}\\n              target=\\\"_blank\\\"\\n              className=\\\"text-black text-sm font-sans font-bold bg-[#f0f0f0] rounded-md inline-block px-5 py-3 no-underline border-0\\\"\\n            >\\n              Join team\\n            </Button>\\n          </div>\\n          <div className=\\\"px-6 py-4 bg-transparent\\\">\\n            <Hr />\\n          </div>\\n          <p className=\\\"text-[#474849] bg-transparent text-xs font-sans font-normal text-center px-6 pb-6 pt-1 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  );\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  teamDisplayName: \\\"My Team\\\",\\n  teamInvitationLink: \\\"<team invitation link>\\\"\\n} satisfies typeof variablesSchema.infer \",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID]: {\n    \"displayName\": \"Sign In Invitation\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\"\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\nexport const variablesSchema = type({\\n  signInInvitationLink: \\\"string\\\",\\n  teamDisplayName: \\\"string\\\"\\n})\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject\\n        value={\\\"You have been invited to sign in to \\\" + project.displayName}\\n      />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n\\n      <div className=\\\"bg-white text-gray-900 font-sans text-base font-normal leading-normal w-full min-h-full m-0 py-8\\\">\\n        <Section>\\n          <h3 className=\\\"text-black bg-transparent font-sans font-bold text-xl text-center pt-8 px-6 m-0\\\">\\n            You are invited to sign in to {variables.teamDisplayName}\\n          </h3>\\n\\n          <p className=\\\"text-gray-700 bg-transparent text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0\\\">\\n            Hi\\n            {user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! Please click on the following\\n            link to sign in to your account\\n          </p>\\n\\n          <div className=\\\"bg-transparent text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.signInInvitationLink}\\n              className=\\\"text-black text-sm font-sans font-bold bg-gray-200 rounded-md inline-block py-3 px-5 no-underline border-none\\\"\\n              target=\\\"_blank\\\"\\n            >\\n              Sign in\\n            </Button>\\n          </div>\\n\\n          <div className=\\\"px-6 py-4 bg-transparent\\\">\\n            <Hr />\\n          </div>\\n\\n          <p className=\\\"text-gray-700 bg-transparent text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0\\\">\\n            If you were not expecting this email, you can safely ignore it.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  )\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  signInInvitationLink: \\\"<sign in invitation link>\\\",\\n  teamDisplayName: \\\"My Team\\\"\\n} satisfies typeof variablesSchema.infer\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID]: {\n    \"displayName\": \"Payment Receipt\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\";\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\nexport const variablesSchema = type({\\n  productName: \\\"string\\\",\\n  quantity: \\\"number\\\",\\n  amount: \\\"string\\\",\\n  receiptLink: \\\"string?\\\"\\n});\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"Your receipt from \\\" + project.displayName} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"bg-white\\\">\\n          <h3 className=\\\"text-black font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Thanks for your purchase\\n          </h3>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : \\\"\\\"}! Your payment for {variables.productName} is complete.\\n          </p>\\n          <div className=\\\"px-6\\\">\\n            <p className=\\\"text-black font-sans font-bold text-[16px] text-center m-0\\\">\\n              Total paid: {variables.amount}\\n            </p>\\n            <p className=\\\"text-[#474849] font-sans text-[13px] text-center mt-2 mb-0\\\">\\n              Quantity: {variables.quantity}\\n            </p>\\n          </div>\\n          {variables.receiptLink ? (\\n            <div className=\\\"text-center py-4 px-6\\\">\\n              <Button\\n                href={variables.receiptLink}\\n                target=\\\"_blank\\\"\\n                className=\\\"text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0\\\"\\n              >\\n                View receipt\\n              </Button>\\n            </div>\\n          ) : null}\\n          <div className=\\\"py-4 px-6\\\">\\n            <Hr />\\n          </div>\\n        </Section>\\n      </div>\\n    </>\\n  );\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  productName: \\\"Pro Plan\\\",\\n  quantity: 1,\\n  amount: \\\"$29.00\\\",\\n  receiptLink: \\\"https://example.com/receipt\\\"\\n} satisfies typeof variablesSchema.infer;\\n\",\n    \"themeId\": undefined,\n  },\n  [EMAIL_TEMPLATE_PAYMENT_FAILED_ID]: {\n    \"displayName\": \"Payment Failed\",\n    \"tsxSource\": \"import { type } from \\\"arktype\\\";\\nimport { Button, Section, Hr } from \\\"@react-email/components\\\";\\nimport { Subject, NotificationCategory, Props } from \\\"@stackframe/emails\\\";\\n\\nexport const variablesSchema = type({\\n  productName: \\\"string\\\",\\n  amount: \\\"string\\\",\\n  invoiceUrl: \\\"string?\\\",\\n  failureReason: \\\"string?\\\"\\n});\\n\\nexport function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {\\n  return (\\n    <>\\n      <Subject value={\\\"Payment failed for \\\" + project.displayName} />\\n      <NotificationCategory value=\\\"Transactional\\\" />\\n      <div className=\\\"bg-white text-[#242424] font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section className=\\\"bg-white\\\">\\n          <h3 className=\\\"text-black font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            We couldn't process your payment\\n          </h3>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : \\\"\\\"}! Your payment for {variables.productName} ({variables.amount}) did not go through.\\n          </p>\\n          {variables.failureReason ? (\\n            <p className=\\\"text-[#8a8b8b] font-sans text-[12px] text-center px-6 pb-2 m-0\\\">\\n              Reason: {variables.failureReason}\\n            </p>\\n          ) : null}\\n          {variables.invoiceUrl ? (\\n            <div className=\\\"text-center py-3 px-6\\\">\\n              <Button\\n                href={variables.invoiceUrl}\\n                target=\\\"_blank\\\"\\n                className=\\\"text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0\\\"\\n              >\\n                View invoice\\n              </Button>\\n            </div>\\n          ) : null}\\n          <div className=\\\"py-4 px-6\\\">\\n            <Hr />\\n          </div>\\n          <p className=\\\"text-[#474849] font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0\\\">\\n            Please update your payment details to avoid service interruption.\\n          </p>\\n        </Section>\\n      </div>\\n    </>\\n  );\\n}\\n\\nEmailTemplate.PreviewVariables = {\\n  productName: \\\"Pro Plan\\\",\\n  amount: \\\"$29.00\\\",\\n  invoiceUrl: \\\"https://example.com/billing\\\",\\n  failureReason: \\\"Your card was declined\\\"\\n} satisfies typeof variablesSchema.infer;\\n\",\n    \"themeId\": undefined,\n  }\n};\n\nexport const DEFAULT_TEMPLATE_IDS = {\n  email_verification: EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID,\n  password_reset: EMAIL_TEMPLATE_PASSWORD_RESET_ID,\n  magic_link: EMAIL_TEMPLATE_MAGIC_LINK_ID,\n  team_invitation: EMAIL_TEMPLATE_TEAM_INVITATION_ID,\n  sign_in_invitation: EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID,\n  payment_receipt: EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID,\n  payment_failed: EMAIL_TEMPLATE_PAYMENT_FAILED_ID,\n} as const;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAyB;AAElB,IAAM,wBAAwB;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;AA2B9B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAexB,IAAM,kBAAkB;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;AA+B/B,IAAM,iBAAiB;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;AA+BhB,IAAM,yBAAyB;AAE/B,IAAM,uBAAuB;AAAA,EAClC,CAAC,sBAAsB,GAAG;AAAA,IACxB,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,wCAAwC;AAAA,IACtC,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AACF;AAEA,IAAM,uCAAuC;AAC7C,IAAM,mCAAmC;AACzC,IAAM,+BAA+B;AACrC,IAAM,oCAAoC;AAC1C,IAAM,uCAAuC;AAC7C,IAAM,oCAAoC;AAC1C,IAAM,mCAAmC;AAElC,IAAM,0BAA0B;AAAA,EACrC,CAAC,oCAAoC,GAAG;AAAA,IACtC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,gCAAgC,GAAG;AAAA,IAClC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,4BAA4B,GAAG;AAAA,IAC9B,eAAe;AAAA,IACf,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,iCAAiC,GAAG;AAAA,IACnC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,oCAAoC,GAAG;AAAA,IACtC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,iCAAiC,GAAG;AAAA,IACnC,eAAe;AAAA,IACf,aAAa;AAAA,IACb,WAAW;AAAA,EACb;AAAA,EACA,CAAC,gCAAgC,GAAG;AAAA,IAClC,eAAe;AAAA,IACf,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;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;AAAA;AAAA,IACb,WAAW;AAAA,EACb;AACF;AAEO,IAAM,uBAAuB;AAAA,EAClC,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,oBAAoB;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;","names":[]}

package/dist/index.d.mts

@@ -2,11 +2,11 @@ export { StackAdminInterface } from './interface/admin-interface.mjs';
 export { StackClientInterface } from './interface/client-interface.mjs';
 export { StackServerInterface } from './interface/server-interface.mjs';
 export { KnownError, KnownErrors } from './known-errors.mjs';
-import './sessions.mjs';
 import 'yup';
 import './schema-fields.mjs';
 import './utils/currency-constants.mjs';
 import './utils/dates.mjs';
+import './sessions.mjs';
 import './utils/results.mjs';
 import './interface/crud/email-outbox.mjs';
 import './crud.mjs';
@@ -34,5 +34,6 @@ import './interface/crud/team-memberships.mjs';
 import './interface/crud/teams.mjs';
 import './interface/crud/users.mjs';
 import '@simplewebauthn/types';
+import './interface/crud/invoices.mjs';
 import './interface/crud/products.mjs';
 import './interface/crud/project-api-keys.mjs';

package/dist/index.d.ts

@@ -2,11 +2,11 @@ export { StackAdminInterface } from './interface/admin-interface.js';
 export { StackClientInterface } from './interface/client-interface.js';
 export { StackServerInterface } from './interface/server-interface.js';
 export { KnownError, KnownErrors } from './known-errors.js';
-import './sessions.js';
 import 'yup';
 import './schema-fields.js';
 import './utils/currency-constants.js';
 import './utils/dates.js';
+import './sessions.js';
 import './utils/results.js';
 import './interface/crud/email-outbox.js';
 import './crud.js';
@@ -34,5 +34,6 @@ import './interface/crud/team-memberships.js';
 import './interface/crud/teams.js';
 import './interface/crud/users.js';
 import '@simplewebauthn/types';
+import './interface/crud/invoices.js';
 import './interface/crud/products.js';
 import './interface/crud/project-api-keys.js';

package/dist/interface/admin-interface.d.mts

@@ -1,4 +1,6 @@
+import * as yup from 'yup';
 import { KnownErrors } from '../known-errors.mjs';
+import { branchConfigSourceSchema } from '../schema-fields.mjs';
 import { InternalSession, AccessToken, RefreshToken } from '../sessions.mjs';
 import { Result } from '../utils/results.mjs';
 import { EmailOutboxCrud } from './crud/email-outbox.mjs';
@@ -13,8 +15,6 @@ import { ServerAuthApplicationOptions, StackServerInterface } from './server-int
 import './client-interface.mjs';
 import '../utils/errors.mjs';
 import '../utils/json.mjs';
-import 'yup';
-import '../schema-fields.mjs';
 import '../utils/currency-constants.mjs';
 import '../utils/dates.mjs';
 import '../crud.mjs';
@@ -33,9 +33,11 @@ import './crud/team-memberships.mjs';
 import './crud/teams.mjs';
 import './crud/users.mjs';
 import '@simplewebauthn/types';
+import './crud/invoices.mjs';
 import './crud/products.mjs';
 import './crud/project-api-keys.mjs';
 
+type BranchConfigSourceApi = yup.InferType<typeof branchConfigSourceSchema>;
 type ChatContent = Array<{
     type: "text";
     text: string;
@@ -180,9 +182,13 @@ declare class StackAdminInterface extends StackServerInterface {
     getConfig(): Promise<{
         config_string: string;
     }>;
-    updateConfig(data: {
-        configOverride: any;
-    }): Promise<void>;
+    getConfigOverride(level: "branch" | "environment"): Promise<{
+        config_string: string;
+    }>;
+    setConfigOverride(level: "branch" | "environment", configOverride: any, source?: BranchConfigSourceApi): Promise<void>;
+    updateConfigOverride(level: "branch" | "environment", configOverrideOverride: any): Promise<void>;
+    getPushedConfigSource(): Promise<BranchConfigSourceApi>;
+    unlinkPushedConfigSource(): Promise<void>;
     createEmailTemplate(displayName: string): Promise<{
         id: string;
     }>;
@@ -195,6 +201,17 @@ declare class StackAdminInterface extends StackServerInterface {
         details_submitted: boolean;
         payouts_enabled: boolean;
     }>;
+    getPaymentMethodConfigs(): Promise<{
+        configId: string;
+        methods: Array<{
+            id: string;
+            name: string;
+            enabled: boolean;
+            available: boolean;
+            overridable: boolean;
+        }>;
+    } | null>;
+    updatePaymentMethodConfigs(configId: string, updates: Record<string, 'on' | 'off'>): Promise<void>;
     createStripeWidgetAccountSession(): Promise<{
         client_secret: string;
     }>;

package/dist/interface/admin-interface.d.ts

@@ -1,4 +1,6 @@
+import * as yup from 'yup';
 import { KnownErrors } from '../known-errors.js';
+import { branchConfigSourceSchema } from '../schema-fields.js';
 import { InternalSession, AccessToken, RefreshToken } from '../sessions.js';
 import { Result } from '../utils/results.js';
 import { EmailOutboxCrud } from './crud/email-outbox.js';
@@ -13,8 +15,6 @@ import { ServerAuthApplicationOptions, StackServerInterface } from './server-int
 import './client-interface.js';
 import '../utils/errors.js';
 import '../utils/json.js';
-import 'yup';
-import '../schema-fields.js';
 import '../utils/currency-constants.js';
 import '../utils/dates.js';
 import '../crud.js';
@@ -33,9 +33,11 @@ import './crud/team-memberships.js';
 import './crud/teams.js';
 import './crud/users.js';
 import '@simplewebauthn/types';
+import './crud/invoices.js';
 import './crud/products.js';
 import './crud/project-api-keys.js';
 
+type BranchConfigSourceApi = yup.InferType<typeof branchConfigSourceSchema>;
 type ChatContent = Array<{
     type: "text";
     text: string;
@@ -180,9 +182,13 @@ declare class StackAdminInterface extends StackServerInterface {
     getConfig(): Promise<{
         config_string: string;
     }>;
-    updateConfig(data: {
-        configOverride: any;
-    }): Promise<void>;
+    getConfigOverride(level: "branch" | "environment"): Promise<{
+        config_string: string;
+    }>;
+    setConfigOverride(level: "branch" | "environment", configOverride: any, source?: BranchConfigSourceApi): Promise<void>;
+    updateConfigOverride(level: "branch" | "environment", configOverrideOverride: any): Promise<void>;
+    getPushedConfigSource(): Promise<BranchConfigSourceApi>;
+    unlinkPushedConfigSource(): Promise<void>;
     createEmailTemplate(displayName: string): Promise<{
         id: string;
     }>;
@@ -195,6 +201,17 @@ declare class StackAdminInterface extends StackServerInterface {
         details_submitted: boolean;
         payouts_enabled: boolean;
     }>;
+    getPaymentMethodConfigs(): Promise<{
+        configId: string;
+        methods: Array<{
+            id: string;
+            name: string;
+            enabled: boolean;
+            available: boolean;
+            overridable: boolean;
+        }>;
+    } | null>;
+    updatePaymentMethodConfigs(configId: string, updates: Record<string, 'on' | 'off'>): Promise<void>;
     createStripeWidgetAccountSession(): Promise<{
         client_secret: string;
     }>;

package/dist/interface/admin-interface.js

@@ -434,19 +434,59 @@ var StackAdminInterface = class extends import_server_interface.StackServerInter
     );
     return await response.json();
   }
-  async updateConfig(data) {
+  async getConfigOverride(level) {
     const response = await this.sendAdminRequest(
-      `/internal/config/override`,
+      `/internal/config/override/${level}`,
+      { method: "GET" },
+      null
+    );
+    return await response.json();
+  }
+  async setConfigOverride(level, configOverride, source) {
+    await this.sendAdminRequest(
+      `/internal/config/override/${level}`,
+      {
+        method: "PUT",
+        headers: {
+          "content-type": "application/json"
+        },
+        body: JSON.stringify({
+          config_string: JSON.stringify(configOverride),
+          ...source && { source }
+        })
+      },
+      null
+    );
+  }
+  async updateConfigOverride(level, configOverrideOverride) {
+    await this.sendAdminRequest(
+      `/internal/config/override/${level}`,
       {
         method: "PATCH",
         headers: {
           "content-type": "application/json"
         },
-        body: JSON.stringify({ config_override_string: JSON.stringify(data.configOverride) })
+        body: JSON.stringify({ config_override_string: JSON.stringify(configOverrideOverride) })
       },
       null
     );
   }
+  async getPushedConfigSource() {
+    const response = await this.sendAdminRequest(
+      `/internal/config/source`,
+      { method: "GET" },
+      null
+    );
+    const data = await response.json();
+    return data.source;
+  }
+  async unlinkPushedConfigSource() {
+    await this.sendAdminRequest(
+      `/internal/config/source`,
+      { method: "DELETE" },
+      null
+    );
+  }
   async createEmailTemplate(displayName) {
     const response = await this.sendAdminRequest(
       `/internal/email-templates`,
@@ -489,6 +529,33 @@ var StackAdminInterface = class extends import_server_interface.StackServerInter
     }
     return await response.data.json();
   }
+  async getPaymentMethodConfigs() {
+    const response = await this.sendAdminRequestAndCatchKnownError(
+      "/internal/payments/method-configs",
+      { method: "GET" },
+      null,
+      [import_known_errors.KnownErrors.StripeAccountInfoNotFound]
+    );
+    if (response.status === "error") {
+      return null;
+    }
+    const data = await response.data.json();
+    return {
+      configId: data.config_id,
+      methods: data.methods
+    };
+  }
+  async updatePaymentMethodConfigs(configId, updates) {
+    await this.sendAdminRequest(
+      "/internal/payments/method-configs",
+      {
+        method: "PATCH",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ config_id: configId, updates })
+      },
+      null
+    );
+  }
   async createStripeWidgetAccountSession() {
     const response = await this.sendAdminRequest(
       "/internal/payments/stripe-widgets/account-session",