@stackframe/stack-shared 2.8.25 → 2.8.27

package/dist/esm/utils/types.js

@@ -1 +1,46 @@
+// src/utils/types.tsx
+typeAssertIs()();
+typeAssertIs()();
+typeAssertIs()();
+function typeAssert() {
+  return () => void 0;
+}
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+function typeAssertExtends() {
+  return () => void 0;
+}
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+function typeAssertIs() {
+  return () => void 0;
+}
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+typeAssertExtends()();
+export {
+  typeAssert,
+  typeAssertExtends,
+  typeAssertIs
+};
 //# sourceMappingURL=types.js.map

package/dist/esm/utils/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/utils/types.tsx"],"sourcesContent":["import { DeepPartial } from \"./objects\";\nimport { Join } from \"./strings\";\n\nexport type IsAny<T> = 0 extends (1 & T) ? true : false;\nexport type IsNever<T> = [T] extends [never] ? true : false;\nexport type IsNullish<T> = [T] extends [null | undefined] ? true : false;\nexport type IsUnion<T, U = T> =\n  IsNever<T> extends true ? false\n  : IsAny<T> extends true ? false\n    : T extends U // distributive conditional https://www.typescriptlang.org/docs/handbook/2/conditional-types.html#distributive-conditional-types\n        ? /* if the *whole* original type (`U`) still fits inside the current variant, then `T` wasn’t a union */ ([U] extends [T] ? false : true)\n        : never;\n\nexport type NullishCoalesce<T, U> = T extends null | undefined ? U : T;\n\nexport type LastUnionElement<U> = UnionToIntersection<U extends any ? (x: U) => 0 : never> extends (x: infer L) => 0 ? L & U : never;\n\n/**\n * Makes a type prettier by recursively expanding all object types. For example, `Omit<{ a: 1 }, \"a\">` becomes just `{}`.\n */\nexport type Expand<T> = T extends (...args: infer A) => infer R\n  ? (\n    ((...args: A) => R) extends T\n      ? (...args: Expand<A>) => Expand<R>\n      : ((...args: Expand<A>) => Expand<R>) & { [K in keyof T]: Expand<T[K]> }\n  )\n  : (\n    T extends object\n      ? { [K in keyof T]: Expand<T[K]> }\n      : T\n  );\n\n\n/**\n * Removes all optional undefined/never keys from an object.\n */\nexport type DeepRemoveOptionalUndefined<T> = T extends object ? { [K in keyof T]: DeepRemoveOptionalUndefined<T[K]> } : T;\n\n// why this works: https://stackoverflow.com/a/50375286\nexport type UnionToIntersection<U> =\n  (U extends any ? (x: U) => void : never) extends ((x: infer I) => void) ? I : never\n\ntype _UnionToTupleInner<U, R extends any[], Last> = UnionToTuple<Exclude<U, Last>, [...R, Last]>\nexport type UnionToTuple<U, R extends any[] = []> = [U] extends [never] ? R : _UnionToTupleInner<U, R, LastUnionElement<U>>;\n\nexport type CollapseObjectUnion<T extends object> = {\n  [K in AllUnionKeys<T>]?: T extends Record<K, infer V> ? V : never;\n};\ntypeAssertIs<CollapseObjectUnion<{ a: string } | { b: number }>, { a?: string, b?: number }>()();\ntypeAssertIs<CollapseObjectUnion<{ a: string } | { a: number }>, { a?: string | number }>()();\n\nexport type IntersectAll<T extends any[]> = UnionToIntersection<T[number]>;\n\nexport type OptionalKeys<T> = {\n  [K in keyof T]: {} extends Pick<T, K> ? K : never;\n}[keyof T];\nexport type RequiredKeys<T> = {\n  [K in keyof T]: {} extends Pick<T, K> ? never : K;\n}[keyof T];\n\n/**\n * Returns ALL keys of all union elements.\n */\nexport type AllUnionKeys<T extends object> = T extends T ? keyof T : never;\ntypeAssertIs<AllUnionKeys<{ a: string } | { b: number }>, \"a\" | \"b\">()();\n\nexport type SubtractType<T, U> = T extends object ? { [K in keyof T]: K extends keyof U ? SubtractType<T[K], U[K]> : T[K] } : (T extends U ? never : T); // note: this only works due to the distributive property of conditional types https://www.typescriptlang.org/docs/handbook/2/conditional-types.html#distributive-conditional-types\n\n\ntype _AntiIntersectInner<T, U> = T extends object ? (\n  & Omit<U, keyof T>\n  & { [K in keyof Pick<U, { [K in keyof T & keyof U]: U[K] extends T[K] ? (T[K] extends U[K] ? never : K) : never }[keyof T & keyof U]>]: PseudoAntiIntersect<T[K], U[K]> }\n  & { [K in keyof Pick<U, keyof T & keyof U>]?: PseudoAntiIntersect<T[K], U[K]> }\n) : U;\n/**\n * Returns a type R such that T & R = U.\n */\nexport type AntiIntersect<T, U> = U extends T ? _AntiIntersectInner<T, U> : \"Cannot anti-intersect a type with a type that is not a subtype of it\"; // NOTE: This type is mostly untested — not sure how well it works on the edge cases\nexport type PseudoAntiIntersect<T, U> = _AntiIntersectInner<T, T & U>;\n\n/**\n * A variation of TypeScript's conditionals with slightly different semantics. It is the perfect type for cases where:\n *\n * - If all possible values are contained in `Extends`, then it will be mapped to `Then`.\n * - If all possible values are not contained in `Extends`, then it will be mapped to `Otherwise`.\n * - If some possible values are contained in `Extends` and some are not, then it will be mapped to `Then | Otherwise`.\n *\n * This is different from TypeScript's built-in conditional types (`Value extends Extends ? Then : Otherwise`), which\n * returns `Otherwise` for the third case (causing unsoundness in many real-world cases).\n */\nexport type IfAndOnlyIf<Value, Extends, Then, Otherwise> =\n  | (Value extends Extends ? never : Otherwise)\n  | (Value & Extends extends never ? never : Then);\n\n\n/**\n * Can be used to prettify a type in the IDE; for example, some complicated intersected types can be flattened into a single type.\n */\nexport type PrettifyType<T> = T extends object ? { [K in keyof T]: T[K] } & {} : T;\n\ntype _ToStringAndJoin<T extends any[], Separator extends string> =\n  T extends [infer U, ...infer Rest extends any[]]\n    ? `${TypeToString<U>}${Rest extends [any, ...any[]] ? `${Separator}${_ToStringAndJoin<Rest, Separator>}` : \"\"}`\n    : \"<error-joining-tuple-elements>\";\ntype _TypeToStringInner<T> =\n  IsAny<T> extends true ? \"any\"\n  : IsNever<T> extends true ? \"never\"\n  : IsUnion<T> extends true ? _ToStringAndJoin<UnionToTuple<T>, \" | \">\n  : [T] extends [number] ? (number extends T ? \"number\" : `${T}`)\n  : [T] extends [boolean] ? `${T}`\n  : [T] extends [undefined] ? \"undefined\"\n  : [T] extends [null] ? \"null\"\n  : [T] extends [string] ? (string extends T ? \"string\" : `'${T}'`)\n  : [T] extends [[]] ? \"[]\"\n  : [T] extends [[any, ...any[]]] ? `[${_ToStringAndJoin<T, \", \">}]`\n  : [T] extends [(infer E)[]] ? `${TypeToString<E>}[]`\n  : [T] extends [Function] ? \"function\"\n  : [T] extends [symbol] ? `symbol(${T['description']})`\n  : [T] extends [object] ? `{ ${Join<UnionToTuple<{ [K in keyof T]: `${TypeToString<K>}: ${TypeToString<T[K]>}` }[keyof T]>, \", \">} }`\n  : \"<unknown-type>\"\nexport type TypeToString<T> = _TypeToStringInner<T> extends `${infer S}` ? S : never;\n\n/**\n * Can be used to create assertions on types. For example, if passed any T other than `true`, the following will\n * show a type error:\n *\n * ```ts\n * typeAssert<T>()();  // the second pair of braces is important!\n * ```\n */\nexport function typeAssert<T>(): (\n  IsAny<T> extends true ? TypeAssertionError<`Type assertion failed. Expected true, but got any.`>\n    : IsNever<T> extends true ? TypeAssertionError<`Type assertion failed. Expected true, but got never.`>\n    : T extends true ? (() => undefined)\n    : TypeAssertionError<`Type assertion failed. Expected true, but got: ${TypeToString<T>}`>\n) {\n  return (() => undefined) as any;\n}\ntype TypeAssertionError<T> =\n  & [T]\n  & /* this promise makes sure that if we accidentally forget the second pair of braces, eslint will complain (if we have no-floating-promises enabled) */ Promise<any>;\n\n\ntypeAssertExtends<ReturnType<typeof typeAssert<true>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssert<false>>, TypeAssertionError<`Type assertion failed. Expected true, but got: false`>>()();\ntypeAssertExtends<ReturnType<typeof typeAssert<never>>, TypeAssertionError<`Type assertion failed. Expected true, but got never.`>>()();\ntypeAssertExtends<ReturnType<typeof typeAssert<any>>, TypeAssertionError<`Type assertion failed. Expected true, but got any.`>>()();\n\n/**\n * Functionally equivalent to `typeAssert<T extends S ? true : false>()()`, but with better error messages.\n */\nexport function typeAssertExtends<T, S>(): (\n  [T] extends [S] ? (() => undefined) : TypeAssertionError<`Type assertion failed. Expected ${TypeToString<T>} to extend ${TypeToString<S>}`>\n) {\n  return (() => undefined) as any;\n}\n\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<never, true>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<any, true>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<false, false>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<\"abc\", string>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<{a: 1, b: 123}, {a: number}>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<never, never>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<true, any>>, () => undefined>()();\n\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<{a: number}, {a: 1}>>, [\"Type assertion failed. Expected { 'a': number } to extend { 'a': 1 }\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<any, never>>, [\"Type assertion failed. Expected any to extend never\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<false, true>>, [\"Type assertion failed. Expected false to extend true\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertExtends<false, never>>, [\"Type assertion failed. Expected false to extend never\"]>()();\n\n\nexport function typeAssertIs<T, U>(): (\n  IsAny<T> extends true ? (IsAny<U> extends true ? (() => undefined) : TypeAssertionError<`Type assertion failed. Expected ${TypeToString<T>} to be ${TypeToString<U>}`>)\n    : IsAny<U> extends true ? TypeAssertionError<`Type assertion failed. Expected ${TypeToString<T>} to be ${TypeToString<U>}`>\n    : [T] extends [U] ? ([U] extends [T] ? (() => undefined) : TypeAssertionError<`Type assertion failed. Expected ${TypeToString<T>} to be ${TypeToString<U>}`>)\n    : TypeAssertionError<`Type assertion failed. Expected ${TypeToString<T>} to be ${TypeToString<U>}`>\n) {\n  return (() => undefined) as any;\n}\n\ntypeAssertExtends<ReturnType<typeof typeAssertIs<\"123\", \"123\">>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<{a: 1}, {a: 1}>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<DeepPartial<{a: 1}>, {a?: 1}>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<any, any>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<never, never>>, () => undefined>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<1, any>>, [\"Type assertion failed. Expected 1 to be any\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<any, 1>>, [\"Type assertion failed. Expected any to be 1\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<false, true>>, [\"Type assertion failed. Expected false to be true\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<{a: number}, {a: 1}>>, [\"Type assertion failed. Expected { 'a': number } to be { 'a': 1 }\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<any, never>>, [\"Type assertion failed. Expected any to be never\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<false, true>>, [\"Type assertion failed. Expected false to be true\"]>()();\ntypeAssertExtends<ReturnType<typeof typeAssertIs<false, never>>, [\"Type assertion failed. Expected false to be never\"]>()();\n"],"mappings":";AAgDA,aAA6F,EAAE;AAC/F,aAA0F,EAAE;AAe5F,aAAqE,EAAE;AAkEhE,SAAS,aAKd;AACA,SAAQ,MAAM;AAChB;AAMA,kBAAwE,EAAE;AAC1E,kBAAoI,EAAE;AACtI,kBAAoI,EAAE;AACtI,kBAAgI,EAAE;AAK3H,SAAS,oBAEd;AACA,SAAQ,MAAM;AAChB;AAEA,kBAAsF,EAAE;AACxF,kBAAoF,EAAE;AACtF,kBAAuF,EAAE;AACzF,kBAAwF,EAAE;AAC1F,kBAAsG,EAAE;AACxG,kBAAuF,EAAE;AACzF,kBAAoF,EAAE;AAEtF,kBAAuJ,EAAE;AACzJ,kBAA6H,EAAE;AAC/H,kBAA+H,EAAE;AACjI,kBAAiI,EAAE;AAG5H,SAAS,eAKd;AACA,SAAQ,MAAM;AAChB;AAEA,kBAAkF,EAAE;AACpF,kBAAoF,EAAE;AACtF,kBAAkG,EAAE;AACpG,kBAA8E,EAAE;AAChF,kBAAkF,EAAE;AACpF,kBAA4G,EAAE;AAC9G,kBAA4G,EAAE;AAC9G,kBAAsH,EAAE;AACxH,kBAA8I,EAAE;AAChJ,kBAAoH,EAAE;AACtH,kBAAsH,EAAE;AACxH,kBAAwH,EAAE;","names":[]}

package/dist/helpers/emails.d.mts

@@ -1,5 +1,6 @@
-declare const previewTemplateSource = "\n  export function EmailTemplate() {\n    return (\n      <div>\n      <h2 className=\"mb-4 text-2xl font-bold\">\n        Header text\n      </h2>\n      <p className=\"mb-4\">\n        Body text content with some additional information.\n        </p>\n      </div>\n    );\n  }\n";
-declare const LightEmailTheme = "import { Html, Tailwind, Body } from '@react-email/components';\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\n  return (\n    <Html>\n      <Tailwind>\n        <Body>\n          <div className=\"bg-white text-slate-800 p-4 rounded-lg max-w-[600px] mx-auto leading-relaxed\">\n            {children}\n          </div>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}";
+declare const previewTemplateSource: string;
+declare const emptyEmailTheme: string;
+declare const LightEmailTheme = "import { Html, Head, Tailwind, Body, Container } from '@react-email/components';\n\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\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            {children}\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}";
 declare const DEFAULT_EMAIL_THEME_ID = "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac";
 declare const DEFAULT_EMAIL_THEMES: {
     "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac": {
@@ -14,11 +15,36 @@ declare const DEFAULT_EMAIL_THEMES: {
 declare const DEFAULT_EMAIL_TEMPLATES: {
     "e7d009ce-8d47-4528-b245-5bf119f2ffa3": {
         displayName: string;
-        description: string;
-        variables: string[];
-        subject: string;
         tsxSource: string;
+        themeId: undefined;
     };
+    "a70fb3a4-56c1-4e42-af25-49d25603abd0": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "822687fe-8d0a-4467-a0d1-416b6e639478": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "e84de395-2076-4831-9c19-8e9a96a868e4": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "066dd73c-36da-4fd0-b6d6-ebf87683f8bc": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+};
+declare const DEFAULT_TEMPLATE_IDS: {
+    readonly email_verification: "e7d009ce-8d47-4528-b245-5bf119f2ffa3";
+    readonly password_reset: "a70fb3a4-56c1-4e42-af25-49d25603abd0";
+    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";
 };
 
-export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, LightEmailTheme, previewTemplateSource };
+export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, DEFAULT_TEMPLATE_IDS, LightEmailTheme, emptyEmailTheme, previewTemplateSource };

package/dist/helpers/emails.d.ts

@@ -1,5 +1,6 @@
-declare const previewTemplateSource = "\n  export function EmailTemplate() {\n    return (\n      <div>\n      <h2 className=\"mb-4 text-2xl font-bold\">\n        Header text\n      </h2>\n      <p className=\"mb-4\">\n        Body text content with some additional information.\n        </p>\n      </div>\n    );\n  }\n";
-declare const LightEmailTheme = "import { Html, Tailwind, Body } from '@react-email/components';\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\n  return (\n    <Html>\n      <Tailwind>\n        <Body>\n          <div className=\"bg-white text-slate-800 p-4 rounded-lg max-w-[600px] mx-auto leading-relaxed\">\n            {children}\n          </div>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}";
+declare const previewTemplateSource: string;
+declare const emptyEmailTheme: string;
+declare const LightEmailTheme = "import { Html, Head, Tailwind, Body, Container } from '@react-email/components';\n\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\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            {children}\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}";
 declare const DEFAULT_EMAIL_THEME_ID = "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac";
 declare const DEFAULT_EMAIL_THEMES: {
     "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac": {
@@ -14,11 +15,36 @@ declare const DEFAULT_EMAIL_THEMES: {
 declare const DEFAULT_EMAIL_TEMPLATES: {
     "e7d009ce-8d47-4528-b245-5bf119f2ffa3": {
         displayName: string;
-        description: string;
-        variables: string[];
-        subject: string;
         tsxSource: string;
+        themeId: undefined;
     };
+    "a70fb3a4-56c1-4e42-af25-49d25603abd0": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "822687fe-8d0a-4467-a0d1-416b6e639478": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "e84de395-2076-4831-9c19-8e9a96a868e4": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+    "066dd73c-36da-4fd0-b6d6-ebf87683f8bc": {
+        displayName: string;
+        tsxSource: string;
+        themeId: undefined;
+    };
+};
+declare const DEFAULT_TEMPLATE_IDS: {
+    readonly email_verification: "e7d009ce-8d47-4528-b245-5bf119f2ffa3";
+    readonly password_reset: "a70fb3a4-56c1-4e42-af25-49d25603abd0";
+    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";
 };
 
-export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, LightEmailTheme, previewTemplateSource };
+export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, DEFAULT_TEMPLATE_IDS, LightEmailTheme, emptyEmailTheme, previewTemplateSource };

package/dist/helpers/emails.js

@@ -23,47 +23,80 @@ __export(emails_exports, {
   DEFAULT_EMAIL_TEMPLATES: () => DEFAULT_EMAIL_TEMPLATES,
   DEFAULT_EMAIL_THEMES: () => DEFAULT_EMAIL_THEMES,
   DEFAULT_EMAIL_THEME_ID: () => DEFAULT_EMAIL_THEME_ID,
+  DEFAULT_TEMPLATE_IDS: () => DEFAULT_TEMPLATE_IDS,
   LightEmailTheme: () => LightEmailTheme,
+  emptyEmailTheme: () => emptyEmailTheme,
   previewTemplateSource: () => previewTemplateSource
 });
 module.exports = __toCommonJS(emails_exports);
-var previewTemplateSource = `
+var import_strings = require("../utils/strings.js");
+var previewTemplateSource = import_strings.deindent`
+  import { Heading, Section, Button, Link, Column } from "@react-email/components";
+  export const variablesSchema = v => v;
   export function EmailTemplate() {
-    return (
-      <div>
-      <h2 className="mb-4 text-2xl font-bold">
+    return <>
+      <Heading as="h2" className="mb-4 text-2xl font-bold">
         Header text
-      </h2>
-      <p className="mb-4">
+      </Heading>
+      <Section className="mb-4">
         Body text content with some additional information.
-        </p>
-      </div>
+      </Section>
+      <Row className="mb-4">
+        <Column>
+          <Button href="https://example.com">
+            A button
+          </Button>
+        </Column>
+        <Column>
+          <Link href="https://example.com">
+            A link
+          </Link>
+        </Column>
+      </Row>
+    </>;
+  }
+`;
+var emptyEmailTheme = import_strings.deindent`
+  import { Html, Tailwind, Body } from '@react-email/components';
+  export function EmailTheme({ children }: { children: React.ReactNode }) {
+    return (
+      <Html>
+        <Tailwind>
+          <Body>
+            {children}
+          </Body>
+        </Tailwind>
+      </Html>
     );
   }
 `;
-var LightEmailTheme = `import { Html, Tailwind, Body } from '@react-email/components';
+var LightEmailTheme = `import { Html, Head, Tailwind, Body, Container } from '@react-email/components';
+
 export function EmailTheme({ children }: { children: React.ReactNode }) {
   return (
     <Html>
+      <Head />
       <Tailwind>
-        <Body>
-          <div className="bg-white text-slate-800 p-4 rounded-lg max-w-[600px] mx-auto leading-relaxed">
+        <Body className="bg-[#fafbfb] font-sans text-base">
+          <Container className="bg-white p-[45px] rounded-lg">
             {children}
-          </div>
+          </Container>
         </Body>
       </Tailwind>
     </Html>
   );
 }`;
-var DarkEmailTheme = `import { Html, Tailwind, Body } from '@react-email/components';
+var DarkEmailTheme = `import { Html, Head, Tailwind, Body, Container } from '@react-email/components';
+
 export function EmailTheme({ children }: { children: React.ReactNode }) {
   return (
     <Html>
+      <Head />
       <Tailwind>
-        <Body>
-          <div className="bg-slate-900 text-slate-100 p-4 rounded-lg max-w-[600px] mx-auto leading-relaxed">
+        <Body className="bg-[#323232] font-sans text-white">
+          <Container className="bg-black p-[45px] rounded-lg">
             {children}
-          </div>
+          </Container>
         </Body>
       </Tailwind>
     </Html>
@@ -80,29 +113,104 @@ var DEFAULT_EMAIL_THEMES = {
     tsxSource: DarkEmailTheme
   }
 };
+var EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID = "e7d009ce-8d47-4528-b245-5bf119f2ffa3";
+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 DEFAULT_EMAIL_TEMPLATES = {
-  "e7d009ce-8d47-4528-b245-5bf119f2ffa3": {
-    displayName: "Email Verification",
-    description: "Will be sent to the user when they sign-up with email/password",
-    variables: ["projectDisplayName"],
-    subject: "Welcome to {{ projectDisplayName }}",
-    tsxSource: "export function EmailTemplate({ projectDisplayName }) {\n  return <div>Email Verification for { projectDisplayName }</div>; \n}"
+  [EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID]: {
+    "displayName": "Email Verification",
+    "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',
+    "themeId": void 0
+  },
+  [EMAIL_TEMPLATE_PASSWORD_RESET_ID]: {
+    "displayName": "Password Reset",
+    "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',
+    "themeId": void 0
+  },
+  [EMAIL_TEMPLATE_MAGIC_LINK_ID]: {
+    "displayName": "Magic Link/OTP",
+    "tsxSource": `import { type } from 'arktype';
+import { Section, Hr } from '@react-email/components';
+import { Subject, NotificationCategory, Props } from '@stackframe/emails';
+
+export const variablesSchema = type({
+  magicLink: 'string',
+  otp: 'string',
+});
+
+export function EmailTemplate({ user, project, variables }: Props<typeof variablesSchema.infer>) {
+  return (
+    <>
+      <Subject value={"Sign in to " + project.displayName + ": Your code is " + variables.otp} />
+      <NotificationCategory value="Transactional" />
+      <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">
+        <Section className="mx-auto bg-white">
+          <h3 className="text-black bg-transparent font-sans font-bold text-xl text-center px-6 py-4 m-0">
+            Sign in to {project.displayName}
+          </h3>
+          <p className="text-[#474849] bg-transparent text-sm font-sans font-normal text-center px-6 py-4 m-0">
+            Hi{user.displayName ? ", " + user.displayName : ""}! This is your one-time-password for signing in:
+          </p>
+          <p className="text-black bg-transparent text-2xl font-mono font-bold text-center px-6 py-4 m-0">
+            {variables.otp}
+          </p>
+          <p className="text-black bg-transparent text-sm font-sans font-normal text-center px-6 py-4 m-0">
+            Or you can click on{' '}
+            <a
+              key={20}
+              href={variables.magicLink}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="text-blue-600 underline"
+            >
+              this link
+            </a>{' '}
+            to sign in
+          </p>
+          <Hr className="px-6 py-4 bg-transparent" />
+          <p className="text-[#474849] bg-transparent text-xs font-sans font-normal text-center px-6 pt-1 pb-6 m-0">
+            If you were not expecting this email, you can safely ignore it.
+          </p>
+        </Section>
+      </div>
+    </>
+  );
+}
+
+EmailTemplate.PreviewVariables = {
+  magicLink: "<magic link>",
+  otp: "3SLSWZ"
+} satisfies typeof variablesSchema.infer`,
+    "themeId": void 0
+  },
+  [EMAIL_TEMPLATE_TEAM_INVITATION_ID]: {
+    "displayName": "Team Invitation",
+    "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 ',
+    "themeId": void 0
+  },
+  [EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID]: {
+    "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
   }
-  // "a70fb3a4-56c1-4e42-af25-49d25603abd0": {
-  // },
-  // "822687fe-8d0a-4467-a0d1-416b6e639478": {
-  // },
-  // "066dd73c-36da-4fd0-b6d6-ebf87683f8bc": {
-  // },
-  // "e84de395-2076-4831-9c19-8e9a96a868e4": {
-  // },
+};
+var DEFAULT_TEMPLATE_IDS = {
+  email_verification: EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID,
+  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
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   DEFAULT_EMAIL_TEMPLATES,
   DEFAULT_EMAIL_THEMES,
   DEFAULT_EMAIL_THEME_ID,
+  DEFAULT_TEMPLATE_IDS,
   LightEmailTheme,
+  emptyEmailTheme,
   previewTemplateSource
 });
 //# sourceMappingURL=emails.js.map

package/dist/helpers/emails.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/emails.ts"],"sourcesContent":["export const previewTemplateSource = `\n  export function EmailTemplate() {\n    return (\n      <div>\n      <h2 className=\"mb-4 text-2xl font-bold\">\n        Header text\n      </h2>\n      <p className=\"mb-4\">\n        Body text content with some additional information.\n        </p>\n      </div>\n    );\n  }\n`;\n\nexport const LightEmailTheme = `import { Html, Tailwind, Body } from '@react-email/components';\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\n  return (\n    <Html>\n      <Tailwind>\n        <Body>\n          <div className=\"bg-white text-slate-800 p-4 rounded-lg max-w-[600px] mx-auto leading-relaxed\">\n            {children}\n          </div>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}`;\n\n\nconst DarkEmailTheme = `import { Html, Tailwind, Body } from '@react-email/components';\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\n  return (\n    <Html>\n      <Tailwind>\n        <Body>\n          <div className=\"bg-slate-900 text-slate-100 p-4 rounded-lg max-w-[600px] mx-auto leading-relaxed\">\n            {children}\n          </div>\n        </Body>\n      </Tailwind>\n    </Html>\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\nexport const DEFAULT_EMAIL_TEMPLATES = {\n  \"e7d009ce-8d47-4528-b245-5bf119f2ffa3\": {\n    displayName: \"Email Verification\",\n    description: \"Will be sent to the user when they sign-up with email/password\",\n    variables: [\"projectDisplayName\"],\n    subject: \"Welcome to {{ projectDisplayName }}\",\n    tsxSource: \"export function EmailTemplate({ projectDisplayName }) {\\n  return <div>Email Verification for { projectDisplayName }</div>; \\n}\",\n  },\n  // \"a70fb3a4-56c1-4e42-af25-49d25603abd0\": {\n\n  // },\n  // \"822687fe-8d0a-4467-a0d1-416b6e639478\": {\n\n  // },\n  // \"066dd73c-36da-4fd0-b6d6-ebf87683f8bc\": {\n\n  // },\n  // \"e84de395-2076-4831-9c19-8e9a96a868e4\": {\n\n  // },\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe9B,IAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgB/B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAehB,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;AAEO,IAAM,0BAA0B;AAAA,EACrC,wCAAwC;AAAA,IACtC,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW,CAAC,oBAAoB;AAAA,IAChC,SAAS;AAAA,IACT,WAAW;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaF;","names":[]}
+{"version":3,"sources":["../../src/helpers/emails.ts"],"sourcesContent":["import { deindent } from \"../utils/strings\";\n\nexport const previewTemplateSource = deindent`\n  import { Heading, Section, 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 } from '@react-email/components';\n\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\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            {children}\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}`;\n\n\nconst DarkEmailTheme = `import { Html, Head, Tailwind, Body, Container } from '@react-email/components';\n\nexport function EmailTheme({ children }: { children: React.ReactNode }) {\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            {children}\n          </Container>\n        </Body>\n      </Tailwind>\n    </Html>\n  );\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;AAkB/B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBhB,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":[]}

package/dist/helpers/password.d.mts

@@ -2,6 +2,7 @@ import '../crud.mjs';
 import { KnownErrors } from '../known-errors.mjs';
 import 'yup';
 import '../utils/types.mjs';
+import '../utils/strings.mjs';
 import '../utils/errors.mjs';
 import '../utils/json.mjs';
 import '../utils/results.mjs';

package/dist/helpers/password.d.ts

@@ -2,6 +2,7 @@ import '../crud.js';
 import { KnownErrors } from '../known-errors.js';
 import 'yup';
 import '../utils/types.js';
+import '../utils/strings.js';
 import '../utils/errors.js';
 import '../utils/json.js';
 import '../utils/results.js';

package/dist/helpers/production-mode.d.mts

@@ -2,6 +2,7 @@ import { ProjectsCrud } from '../interface/crud/projects.mjs';
 import '../crud.mjs';
 import 'yup';
 import '../utils/types.mjs';
+import '../utils/strings.mjs';
 
 type ProductionModeError = {
     message: string;

package/dist/helpers/production-mode.d.ts

@@ -2,6 +2,7 @@ import { ProjectsCrud } from '../interface/crud/projects.js';
 import '../crud.js';
 import 'yup';
 import '../utils/types.js';
+import '../utils/strings.js';
 
 type ProductionModeError = {
     message: string;

package/dist/index.d.mts

@@ -4,11 +4,11 @@ export { StackServerInterface } from './interface/server-interface.mjs';
 export { KnownError, KnownErrors } from './known-errors.mjs';
 import './sessions.mjs';
 import 'jose';
-import './interface/crud/email-templates.mjs';
+import './interface/crud/emails.mjs';
 import './crud.mjs';
 import 'yup';
 import './utils/types.mjs';
-import './interface/crud/emails.mjs';
+import './utils/strings.mjs';
 import './interface/crud/internal-api-keys.mjs';
 import './interface/crud/project-permissions.mjs';
 import './interface/crud/projects.mjs';

package/dist/index.d.ts

@@ -4,11 +4,11 @@ export { StackServerInterface } from './interface/server-interface.js';
 export { KnownError, KnownErrors } from './known-errors.js';
 import './sessions.js';
 import 'jose';
-import './interface/crud/email-templates.js';
+import './interface/crud/emails.js';
 import './crud.js';
 import 'yup';
 import './utils/types.js';
-import './interface/crud/emails.js';
+import './utils/strings.js';
 import './interface/crud/internal-api-keys.js';
 import './interface/crud/project-permissions.js';
 import './interface/crud/projects.js';

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

@@ -1,5 +1,4 @@
 import { InternalSession, AccessToken, RefreshToken } from '../sessions.mjs';
-import { EmailTemplateCrud, EmailTemplateType } from './crud/email-templates.mjs';
 import { InternalEmailsCrud } from './crud/emails.mjs';
 import { InternalApiKeysCrud } from './crud/internal-api-keys.mjs';
 import { ProjectPermissionDefinitionsCrud } from './crud/project-permissions.mjs';
@@ -13,6 +12,7 @@ import 'jose';
 import '../crud.mjs';
 import 'yup';
 import '../utils/types.mjs';
+import '../utils/strings.mjs';
 import '../utils/results.mjs';
 import './crud/connected-accounts.mjs';
 import './crud/contact-channels.mjs';
@@ -72,19 +72,16 @@ declare class StackAdminInterface extends StackServerInterface {
     listInternalApiKeys(): Promise<InternalApiKeysCrud["Admin"]["Read"][]>;
     revokeInternalApiKeyById(id: string): Promise<void>;
     getInternalApiKey(id: string, session: InternalSession): Promise<InternalApiKeysCrud["Admin"]["Read"]>;
-    listEmailTemplates(): Promise<EmailTemplateCrud['Admin']['Read'][]>;
-    listInternalEmailTemplatesNew(): Promise<{
+    listInternalEmailTemplates(): Promise<{
         id: string;
-        subject: string;
         display_name: string;
+        theme_id?: string;
         tsx_source: string;
     }[]>;
     listEmailThemes(): Promise<{
         id: string;
         display_name: string;
     }[]>;
-    updateEmailTemplate(type: EmailTemplateType, data: EmailTemplateCrud['Admin']['Update']): Promise<EmailTemplateCrud['Admin']['Read']>;
-    resetEmailTemplate(type: EmailTemplateType): Promise<void>;
     listTeamPermissionDefinitions(): Promise<TeamPermissionDefinitionsCrud['Admin']['Read'][]>;
     createTeamPermissionDefinition(data: TeamPermissionDefinitionsCrud['Admin']['Create']): Promise<TeamPermissionDefinitionsCrud['Admin']['Read']>;
     updateTeamPermissionDefinition(permissionId: string, data: TeamPermissionDefinitionsCrud['Admin']['Update']): Promise<TeamPermissionDefinitionsCrud['Admin']['Read']>;
@@ -129,7 +126,7 @@ declare class StackAdminInterface extends StackServerInterface {
         messages: Array<any>;
     }>;
     renderEmailPreview(options: {
-        themeId?: string;
+        themeId?: string | null | false;
         themeTsxSource?: string;
         templateId?: string;
         templateTsxSource?: string;
@@ -144,9 +141,12 @@ declare class StackAdminInterface extends StackServerInterface {
         tsx_source: string;
     }>;
     updateEmailTheme(id: string, tsxSource: string): Promise<void>;
-    updateNewEmailTemplate(id: string, tsxSource: string): Promise<{
+    updateEmailTemplate(id: string, tsxSource: string, themeId: string | null | false): Promise<{
         rendered_html: string;
     }>;
+    createEmailTemplate(displayName: string): Promise<{
+        id: string;
+    }>;
 }
 
 export { type AdminAuthApplicationOptions, type ChatContent, type InternalApiKeyCreateCrudRequest, type InternalApiKeyCreateCrudResponse, StackAdminInterface };