@hexclave/shared 1.0.0

package/dist/esm/crud.js

@@ -0,0 +1,127 @@
+import { yupObject, yupString } from "./schema-fields.js";
+import { filterUndefined } from "./utils/objects.js";
+
+//#region src/crud.tsx
+function createCrud(options) {
+	const docs = options.docs ?? {};
+	const client = {
+		createSchema: options.clientCreateSchema,
+		createDocs: docs.clientCreate,
+		readSchema: options.clientReadSchema,
+		readDocs: docs.clientRead,
+		listDocs: docs.clientList,
+		updateSchema: options.clientUpdateSchema,
+		updateDocs: docs.clientUpdate,
+		deleteSchema: options.clientDeleteSchema,
+		deleteDocs: docs.clientDelete
+	};
+	const serverOverrides = filterUndefined({
+		createSchema: options.serverCreateSchema,
+		createDocs: docs.serverCreate,
+		readSchema: options.serverReadSchema,
+		readDocs: docs.serverRead,
+		listDocs: docs.serverList,
+		updateSchema: options.serverUpdateSchema,
+		updateDocs: docs.serverUpdate,
+		deleteSchema: options.serverDeleteSchema,
+		deleteDocs: docs.serverDelete
+	});
+	const server = {
+		...client,
+		...serverOverrides
+	};
+	const adminOverrides = filterUndefined({
+		createSchema: options.adminCreateSchema,
+		createDocs: docs.adminCreate,
+		readSchema: options.adminReadSchema,
+		readDocs: docs.adminRead,
+		listDocs: docs.adminList,
+		updateSchema: options.adminUpdateSchema,
+		updateDocs: docs.adminUpdate,
+		deleteSchema: options.adminDeleteSchema,
+		deleteDocs: docs.adminDelete
+	});
+	const admin = {
+		...server,
+		...adminOverrides
+	};
+	return {
+		client,
+		server,
+		admin,
+		hasCreate: !!admin.createSchema,
+		hasRead: !!admin.readSchema,
+		hasUpdate: !!admin.updateSchema,
+		hasDelete: !!admin.deleteSchema
+	};
+}
+(void 0)?.test("createCrud", ({ expect }) => {
+	const emptyCrud = createCrud({});
+	expect(emptyCrud.hasCreate).toBe(false);
+	expect(emptyCrud.hasRead).toBe(false);
+	expect(emptyCrud.hasUpdate).toBe(false);
+	expect(emptyCrud.hasDelete).toBe(false);
+	expect(emptyCrud.client.createSchema).toBeUndefined();
+	expect(emptyCrud.server.createSchema).toBeUndefined();
+	expect(emptyCrud.admin.createSchema).toBeUndefined();
+	const mockSchema = yupObject().shape({ name: yupString().defined() });
+	const clientOnlyCrud = createCrud({
+		clientCreateSchema: mockSchema,
+		clientReadSchema: mockSchema
+	});
+	expect(clientOnlyCrud.hasCreate).toBe(true);
+	expect(clientOnlyCrud.hasRead).toBe(true);
+	expect(clientOnlyCrud.hasUpdate).toBe(false);
+	expect(clientOnlyCrud.hasDelete).toBe(false);
+	expect(clientOnlyCrud.client.createSchema).toBe(mockSchema);
+	expect(clientOnlyCrud.server.createSchema).toBe(mockSchema);
+	expect(clientOnlyCrud.admin.createSchema).toBe(mockSchema);
+	const serverSchema = yupObject().shape({
+		name: yupString().defined(),
+		internalField: yupString().defined()
+	});
+	const serverOverrideCrud = createCrud({
+		clientCreateSchema: mockSchema,
+		serverCreateSchema: serverSchema
+	});
+	expect(serverOverrideCrud.hasCreate).toBe(true);
+	expect(serverOverrideCrud.client.createSchema).toBe(mockSchema);
+	expect(serverOverrideCrud.server.createSchema).toBe(serverSchema);
+	expect(serverOverrideCrud.admin.createSchema).toBe(serverSchema);
+	const adminSchema = yupObject().shape({
+		name: yupString().defined(),
+		internalField: yupString().defined(),
+		adminField: yupString().defined()
+	});
+	const fullOverrideCrud = createCrud({
+		clientCreateSchema: mockSchema,
+		serverCreateSchema: serverSchema,
+		adminCreateSchema: adminSchema
+	});
+	expect(fullOverrideCrud.hasCreate).toBe(true);
+	expect(fullOverrideCrud.client.createSchema).toBe(mockSchema);
+	expect(fullOverrideCrud.server.createSchema).toBe(serverSchema);
+	expect(fullOverrideCrud.admin.createSchema).toBe(adminSchema);
+	const crudWithDocs = createCrud({
+		clientCreateSchema: mockSchema,
+		docs: { clientCreate: {
+			summary: "Create a resource",
+			description: "Creates a new resource",
+			tags: ["resources"]
+		} }
+	});
+	expect(crudWithDocs.client.createDocs).toEqual({
+		summary: "Create a resource",
+		description: "Creates a new resource",
+		tags: ["resources"]
+	});
+	expect(crudWithDocs.server.createDocs).toEqual({
+		summary: "Create a resource",
+		description: "Creates a new resource",
+		tags: ["resources"]
+	});
+});
+
+//#endregion
+export { createCrud };
+//# sourceMappingURL=crud.js.map

package/dist/esm/crud.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crud.js","names":[],"sources":["../../src/crud.tsx"],"sourcesContent":["import * as yup from 'yup';\nimport { yupObject, yupString } from './schema-fields';\nimport { filterUndefined } from './utils/objects';\nimport { NullishCoalesce } from './utils/types';\n\nexport type AccessType = \"client\" | \"server\" | \"admin\";\nexport type CrudOperation = \"create\" | \"read\" | \"update\" | \"delete\";\nexport type CrudlOperation = \"create\" | \"read\" | \"update\" | \"delete\" | \"list\";\nexport type AccessTypeXCrudOperation = `${AccessType}${Capitalize<CrudOperation>}`;\nexport type AccessTypeXCrudlOperation = `${AccessType}${Capitalize<CrudlOperation>}`;\n\ndeclare module 'yup' {\n  // eslint-disable-next-line @typescript-eslint/consistent-type-definitions\n  export interface CustomSchemaMetadata {\n    openapiField?: {\n      description?: string,\n      exampleValue?: any,\n      hidden?: boolean,\n      onlyShowInOperations?: Capitalize<CrudlOperation>[],\n    },\n  }\n}\n\ntype ShownEndpointDocumentation = {\n  summary: string,\n  description: string,\n  tags?: string[],\n  crudOperation?: Capitalize<CrudlOperation>,\n};\nexport type EndpointDocumentation =\n  | ({ hidden: true } & Partial<ShownEndpointDocumentation>)\n  | ({ hidden?: boolean } & ShownEndpointDocumentation);\n\n\ntype InnerCrudSchema<\n  CreateSchema extends yup.AnySchema | undefined = yup.AnySchema | undefined,\n  ReadSchema extends yup.AnySchema | undefined = yup.AnySchema | undefined,\n  UpdateSchema extends yup.AnySchema | undefined = yup.AnySchema | undefined,\n  DeleteSchema extends yup.AnySchema | undefined = yup.AnySchema | undefined,\n> = {\n  createSchema: CreateSchema,\n  createDocs: EndpointDocumentation | undefined,\n\n  readSchema: ReadSchema,\n  readDocs: EndpointDocumentation | undefined,\n  listDocs: EndpointDocumentation | undefined,\n\n  updateSchema: UpdateSchema,\n  updateDocs: EndpointDocumentation | undefined,\n\n  deleteSchema: DeleteSchema,\n  deleteDocs: EndpointDocumentation | undefined,\n};\n\nexport type CrudSchema<\n  ClientSchema extends InnerCrudSchema = InnerCrudSchema,\n  ServerSchema extends InnerCrudSchema = InnerCrudSchema,\n  AdminSchema extends InnerCrudSchema = InnerCrudSchema,\n> = {\n  client: ClientSchema,\n  server: ServerSchema,\n  admin: AdminSchema,\n\n  hasCreate: boolean,\n  hasRead: boolean,\n  hasUpdate: boolean,\n  hasDelete: boolean,\n};\n\nexport type CrudSchemaCreationOptions = {\n  [K in AccessTypeXCrudOperation as `${K}Schema`]?: yup.AnySchema\n};\n\ntype FillInOptionalsPrepareStep<O extends CrudSchemaCreationOptions> =\n  & { [K in keyof Required<CrudSchemaCreationOptions>]: K extends keyof O ? O[K] : undefined };\n\ntype FillInOptionalsStep<O extends FillInOptionalsPrepareStep<CrudSchemaCreationOptions>> = {\n  clientCreateSchema: NullishCoalesce<O['clientCreateSchema'], undefined>,\n  clientReadSchema: NullishCoalesce<O['clientReadSchema'], undefined>,\n  clientUpdateSchema: NullishCoalesce<O['clientUpdateSchema'], undefined>,\n  clientDeleteSchema: NullishCoalesce<O['clientDeleteSchema'], undefined>,\n\n  serverCreateSchema: NullishCoalesce<O['serverCreateSchema'], O['clientCreateSchema']>,\n  serverReadSchema: NullishCoalesce<O['serverReadSchema'], O['clientReadSchema']>,\n  serverUpdateSchema: NullishCoalesce<O['serverUpdateSchema'], O['clientUpdateSchema']>,\n  serverDeleteSchema: NullishCoalesce<O['serverDeleteSchema'], O['clientDeleteSchema']>,\n\n  adminCreateSchema: NullishCoalesce<O['adminCreateSchema'], O['serverCreateSchema']>,\n  adminReadSchema: NullishCoalesce<O['adminReadSchema'], O['serverReadSchema']>,\n  adminUpdateSchema: NullishCoalesce<O['adminUpdateSchema'], O['serverUpdateSchema']>,\n  adminDeleteSchema: NullishCoalesce<O['adminDeleteSchema'], O['serverDeleteSchema']>,\n};\n\ntype FillInOptionals<O extends CrudSchemaCreationOptions> = FillInOptionalsStep<FillInOptionalsStep<FillInOptionalsStep<FillInOptionalsPrepareStep<O>>>>;\n\ntype CrudSchemaFromOptionsInner<O extends FillInOptionals<any>> = CrudSchema<\n  InnerCrudSchema<O['clientCreateSchema'], O['clientReadSchema'], O['clientUpdateSchema'], O['clientDeleteSchema']>,\n  InnerCrudSchema<O['serverCreateSchema'], O['serverReadSchema'], O['serverUpdateSchema'], O['serverDeleteSchema']>,\n  InnerCrudSchema<O['adminCreateSchema'], O['adminReadSchema'], O['adminUpdateSchema'], O['adminDeleteSchema']>\n>;\n\nexport type CrudSchemaFromOptions<O extends CrudSchemaCreationOptions> = CrudSchemaFromOptionsInner<FillInOptionals<O>>;\n\ntype InnerCrudTypeOf<S extends InnerCrudSchema> =\n  & (S['createSchema'] extends {} ? { Create: yup.InferType<S['createSchema']> } : {})\n  & (S['readSchema'] extends {} ? { Read: yup.InferType<S['readSchema']> } : {})\n  & (S['updateSchema'] extends {} ? { Update: yup.InferType<S['updateSchema']> } : {})\n  & (S['deleteSchema'] extends {} ? { Delete: yup.InferType<S['deleteSchema']> } : {})\n  & (S['readSchema'] extends {} ? { List: {\n    items: yup.InferType<S['readSchema']>[],\n    is_paginated: boolean,\n    pagination?: {\n      next_cursor: string | null,\n    },\n  }, } : {});\n\nexport type CrudTypeOf<S extends CrudSchema> = {\n  Client: InnerCrudTypeOf<S['client']>,\n  Server: InnerCrudTypeOf<S['server']>,\n  Admin: InnerCrudTypeOf<S['admin']>,\n}\n\ntype CrudDocsCreationOptions<SO extends CrudSchemaCreationOptions> = {\n  [X in AccessTypeXCrudlOperation]?: EndpointDocumentation\n};\n\nexport function createCrud<SO extends CrudSchemaCreationOptions>(options: SO & { docs?: CrudDocsCreationOptions<SO> }): CrudSchemaFromOptions<SO> {\n  const docs = options.docs ?? {};\n  const client = {\n    createSchema: options.clientCreateSchema,\n    createDocs: docs.clientCreate,\n\n    readSchema: options.clientReadSchema,\n    readDocs: docs.clientRead,\n    listDocs: docs.clientList,\n\n    updateSchema: options.clientUpdateSchema,\n    updateDocs: docs.clientUpdate,\n\n    deleteSchema: options.clientDeleteSchema,\n    deleteDocs: docs.clientDelete,\n  };\n\n  const serverOverrides = filterUndefined({\n    createSchema: options.serverCreateSchema,\n    createDocs: docs.serverCreate,\n\n    readSchema: options.serverReadSchema,\n    readDocs: docs.serverRead,\n    listDocs: docs.serverList,\n\n    updateSchema: options.serverUpdateSchema,\n    updateDocs: docs.serverUpdate,\n\n    deleteSchema: options.serverDeleteSchema,\n    deleteDocs: docs.serverDelete,\n  });\n  const server = {\n    ...client,\n    ...serverOverrides,\n  };\n\n  const adminOverrides = filterUndefined({\n    createSchema: options.adminCreateSchema,\n    createDocs: docs.adminCreate,\n\n    readSchema: options.adminReadSchema,\n    readDocs: docs.adminRead,\n    listDocs: docs.adminList,\n\n    updateSchema: options.adminUpdateSchema,\n    updateDocs: docs.adminUpdate,\n\n    deleteSchema: options.adminDeleteSchema,\n    deleteDocs: docs.adminDelete,\n  });\n  const admin = {\n    ...server,\n    ...adminOverrides,\n  };\n\n  return {\n    client: client as any,\n    server: server as any,\n    admin: admin as any,\n\n    hasCreate: !!admin.createSchema,\n    hasRead: !!admin.readSchema,\n    hasUpdate: !!admin.updateSchema,\n    hasDelete: !!admin.deleteSchema,\n  };\n}\n\nimport.meta.vitest?.test(\"createCrud\", ({ expect }) => {\n  // Test with empty options\n  const emptyCrud = createCrud({});\n  expect(emptyCrud.hasCreate).toBe(false);\n  expect(emptyCrud.hasRead).toBe(false);\n  expect(emptyCrud.hasUpdate).toBe(false);\n  expect(emptyCrud.hasDelete).toBe(false);\n  expect(emptyCrud.client.createSchema).toBeUndefined();\n  expect(emptyCrud.server.createSchema).toBeUndefined();\n  expect(emptyCrud.admin.createSchema).toBeUndefined();\n\n  // Test with client schemas only\n  const mockSchema = yupObject().shape({\n    name: yupString().defined(),\n  });\n\n  const clientOnlyCrud = createCrud({\n    clientCreateSchema: mockSchema,\n    clientReadSchema: mockSchema,\n  });\n  expect(clientOnlyCrud.hasCreate).toBe(true);\n  expect(clientOnlyCrud.hasRead).toBe(true);\n  expect(clientOnlyCrud.hasUpdate).toBe(false);\n  expect(clientOnlyCrud.hasDelete).toBe(false);\n  expect(clientOnlyCrud.client.createSchema).toBe(mockSchema);\n  expect(clientOnlyCrud.server.createSchema).toBe(mockSchema);\n  expect(clientOnlyCrud.admin.createSchema).toBe(mockSchema);\n\n  // Test with server overrides\n  const serverSchema = yupObject().shape({\n    name: yupString().defined(),\n    internalField: yupString().defined(),\n  });\n\n  const serverOverrideCrud = createCrud({\n    clientCreateSchema: mockSchema,\n    serverCreateSchema: serverSchema,\n  });\n  expect(serverOverrideCrud.hasCreate).toBe(true);\n  expect(serverOverrideCrud.client.createSchema).toBe(mockSchema);\n  expect(serverOverrideCrud.server.createSchema).toBe(serverSchema);\n  expect(serverOverrideCrud.admin.createSchema).toBe(serverSchema);\n\n  // Test with admin overrides\n  const adminSchema = yupObject().shape({\n    name: yupString().defined(),\n    internalField: yupString().defined(),\n    adminField: yupString().defined(),\n  });\n\n  const fullOverrideCrud = createCrud({\n    clientCreateSchema: mockSchema,\n    serverCreateSchema: serverSchema,\n    adminCreateSchema: adminSchema,\n  });\n  expect(fullOverrideCrud.hasCreate).toBe(true);\n  expect(fullOverrideCrud.client.createSchema).toBe(mockSchema);\n  expect(fullOverrideCrud.server.createSchema).toBe(serverSchema);\n  expect(fullOverrideCrud.admin.createSchema).toBe(adminSchema);\n\n  // Test with documentation\n  const crudWithDocs = createCrud({\n    clientCreateSchema: mockSchema,\n    docs: {\n      clientCreate: {\n        summary: \"Create a resource\",\n        description: \"Creates a new resource\",\n        tags: [\"resources\"],\n      },\n    },\n  });\n  expect(crudWithDocs.client.createDocs).toEqual({\n    summary: \"Create a resource\",\n    description: \"Creates a new resource\",\n    tags: [\"resources\"],\n  });\n  expect(crudWithDocs.server.createDocs).toEqual({\n    summary: \"Create a resource\",\n    description: \"Creates a new resource\",\n    tags: [\"resources\"],\n  });\n});\n"],"mappings":";;;;AA8HA,SAAgB,WAAiD,SAAiF;CAChJ,MAAM,OAAO,QAAQ,QAAQ,EAAE;CAC/B,MAAM,SAAS;EACb,cAAc,QAAQ;EACtB,YAAY,KAAK;EAEjB,YAAY,QAAQ;EACpB,UAAU,KAAK;EACf,UAAU,KAAK;EAEf,cAAc,QAAQ;EACtB,YAAY,KAAK;EAEjB,cAAc,QAAQ;EACtB,YAAY,KAAK;EAClB;CAED,MAAM,kBAAkB,gBAAgB;EACtC,cAAc,QAAQ;EACtB,YAAY,KAAK;EAEjB,YAAY,QAAQ;EACpB,UAAU,KAAK;EACf,UAAU,KAAK;EAEf,cAAc,QAAQ;EACtB,YAAY,KAAK;EAEjB,cAAc,QAAQ;EACtB,YAAY,KAAK;EAClB,CAAC;CACF,MAAM,SAAS;EACb,GAAG;EACH,GAAG;EACJ;CAED,MAAM,iBAAiB,gBAAgB;EACrC,cAAc,QAAQ;EACtB,YAAY,KAAK;EAEjB,YAAY,QAAQ;EACpB,UAAU,KAAK;EACf,UAAU,KAAK;EAEf,cAAc,QAAQ;EACtB,YAAY,KAAK;EAEjB,cAAc,QAAQ;EACtB,YAAY,KAAK;EAClB,CAAC;CACF,MAAM,QAAQ;EACZ,GAAG;EACH,GAAG;EACJ;AAED,QAAO;EACG;EACA;EACD;EAEP,WAAW,CAAC,CAAC,MAAM;EACnB,SAAS,CAAC,CAAC,MAAM;EACjB,WAAW,CAAC,CAAC,MAAM;EACnB,WAAW,CAAC,CAAC,MAAM;EACpB;;CAGH,SAAW,KAAC,eAAc,EAAA,aAAgB;CAExC,MAAM,YAAY,WAAW,EAAE,CAAC;AAChC,QAAO,UAAU,UAAU,CAAC,KAAK,MAAM;AACvC,QAAO,UAAU,QAAQ,CAAC,KAAK,MAAM;AACrC,QAAO,UAAU,UAAU,CAAC,KAAK,MAAM;AACvC,QAAO,UAAU,UAAU,CAAC,KAAK,MAAM;AACvC,QAAO,UAAU,OAAO,aAAa,CAAC,eAAe;AACrD,QAAO,UAAU,OAAO,aAAa,CAAC,eAAe;AACrD,QAAO,UAAU,MAAM,aAAa,CAAC,eAAe;CAGpD,MAAM,aAAa,WAAW,CAAC,MAAM,EACnC,MAAM,WAAW,CAAC,SAAS,EAC5B,CAAC;CAEF,MAAM,iBAAiB,WAAW;EAChC,oBAAoB;EACpB,kBAAkB;EACnB,CAAC;AACF,QAAO,eAAe,UAAU,CAAC,KAAK,KAAK;AAC3C,QAAO,eAAe,QAAQ,CAAC,KAAK,KAAK;AACzC,QAAO,eAAe,UAAU,CAAC,KAAK,MAAM;AAC5C,QAAO,eAAe,UAAU,CAAC,KAAK,MAAM;AAC5C,QAAO,eAAe,OAAO,aAAa,CAAC,KAAK,WAAW;AAC3D,QAAO,eAAe,OAAO,aAAa,CAAC,KAAK,WAAW;AAC3D,QAAO,eAAe,MAAM,aAAa,CAAC,KAAK,WAAW;CAG1D,MAAM,eAAe,WAAW,CAAC,MAAM;EACrC,MAAM,WAAW,CAAC,SAAS;EAC3B,eAAe,WAAW,CAAC,SAAS;EACrC,CAAC;CAEF,MAAM,qBAAqB,WAAW;EACpC,oBAAoB;EACpB,oBAAoB;EACrB,CAAC;AACF,QAAO,mBAAmB,UAAU,CAAC,KAAK,KAAK;AAC/C,QAAO,mBAAmB,OAAO,aAAa,CAAC,KAAK,WAAW;AAC/D,QAAO,mBAAmB,OAAO,aAAa,CAAC,KAAK,aAAa;AACjE,QAAO,mBAAmB,MAAM,aAAa,CAAC,KAAK,aAAa;CAGhE,MAAM,cAAc,WAAW,CAAC,MAAM;EACpC,MAAM,WAAW,CAAC,SAAS;EAC3B,eAAe,WAAW,CAAC,SAAS;EACpC,YAAY,WAAW,CAAC,SAAS;EAClC,CAAC;CAEF,MAAM,mBAAmB,WAAW;EAClC,oBAAoB;EACpB,oBAAoB;EACpB,mBAAmB;EACpB,CAAC;AACF,QAAO,iBAAiB,UAAU,CAAC,KAAK,KAAK;AAC7C,QAAO,iBAAiB,OAAO,aAAa,CAAC,KAAK,WAAW;AAC7D,QAAO,iBAAiB,OAAO,aAAa,CAAC,KAAK,aAAa;AAC/D,QAAO,iBAAiB,MAAM,aAAa,CAAC,KAAK,YAAY;CAG7D,MAAM,eAAe,WAAW;EAC9B,oBAAoB;EACpB,MAAM,EACJ,cAAc;GACZ,SAAS;GACT,aAAa;GACb,MAAM,CAAC,YAAY;GACpB,EACF;EACF,CAAC;AACF,QAAO,aAAa,OAAO,WAAW,CAAC,QAAQ;EAC7C,SAAS;EACT,aAAa;EACb,MAAM,CAAC,YAAY;EACpB,CAAC;AACF,QAAO,aAAa,OAAO,WAAW,CAAC,QAAQ;EAC7C,SAAS;EACT,aAAa;EACb,MAAM,CAAC,YAAY;EACpB,CAAC;EACF"}

package/dist/esm/global.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/esm/helpers/emails.d.ts

@@ -0,0 +1,69 @@
+//#region src/helpers/emails.d.ts
+declare const defaultNewTemplateSource: string;
+declare const previewTemplateSource: string;
+declare const emptyEmailTheme: string;
+declare const LightEmailTheme = "import { Html, Head, Tailwind, Body, Container, Section } 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 m-0 p-0\" style={{ overflowX: 'hidden' }}>\n          <div className=\"py-8 px-4 flex justify-center\">\n            <Container className=\"bg-white p-[45px] rounded-lg shadow-sm mx-auto\" style={{ width: '100%', maxWidth: '600px' }}>\n              <ProjectLogo data={projectLogos} mode=\"light\" />\n              {children}\n            </Container>\n          </div>\n          {unsubscribeLink && (\n            <Section className=\"p-4 opacity-60 text-center\" style={{ textAlign: 'center' }}>\n              <a href={unsubscribeLink} className=\"text-blue-600\" target=\"_blank\" rel=\"noopener noreferrer\">Click here</a> to unsubscribe from these emails\n            </Section>\n          )}\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nEmailTheme.PreviewProps = {\n  unsubscribeLink: \"https://example.com\",\n} satisfies Partial<ThemeProps>\n";
+declare const DEFAULT_EMAIL_THEME_ID = "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac";
+declare const DEFAULT_EMAIL_THEMES: {
+  "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac": {
+    displayName: string;
+    tsxSource: string;
+  };
+  "a0172b5d-cff0-463b-83bb-85124697373a": {
+    displayName: string;
+    tsxSource: string;
+  };
+  "c7e2d94f-8a1b-4e6d-b3f5-9d0a2e7c1b8f": {
+    displayName: string;
+    tsxSource: string;
+  };
+};
+declare const DEFAULT_EMAIL_TEMPLATES: {
+  "e7d009ce-8d47-4528-b245-5bf119f2ffa3": {
+    displayName: 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;
+  };
+  "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";
+  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";
+  readonly payment_receipt: "70372aee-0441-4d80-974c-2e858e40123a";
+  readonly payment_failed: "f64b1afe-27ec-4a28-a277-7178f3261f9a";
+};
+//#endregion
+export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, DEFAULT_TEMPLATE_IDS, LightEmailTheme, defaultNewTemplateSource, emptyEmailTheme, previewTemplateSource };
+//# sourceMappingURL=emails.d.ts.map

package/dist/esm/helpers/emails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emails.d.ts","names":[],"sources":["../../../src/helpers/emails.ts"],"mappings":";cAEa,wBAAA;AAAA,cA0BA,qBAAA;AAAA,cAwCA,eAAA;AAAA,cAeA,eAAA;AAAA,cA+FA,sBAAA;AAAA,cAEA,oBAAA;;;;;;;;;;;;;;cAuBA,uBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAsCA,oBAAA;EAAA"}

package/dist/esm/helpers/emails.js

@@ -0,0 +1,243 @@
+import { deindent } from "../utils/strings.js";
+
+//#region src/helpers/emails.ts
+const defaultNewTemplateSource = deindent`
+  import { type } from "arktype"
+  import { Container } from "@react-email/components";
+  import { Subject, NotificationCategory, Props } from "@stackframe/emails";
+
+  export const variablesSchema = type({
+    count: "number"
+  });
+
+  export function EmailTemplate({ user, variables }: Props<typeof variablesSchema.infer>) {
+    return (
+      <Container>
+        <Subject value={\`Hello \${user.displayName}!\`} />
+        <NotificationCategory value="Transactional" />
+        <div className="font-bold">Hi {user.displayName}!</div>
+        <br />
+        count is {variables.count}
+      </Container>
+    );
+  }
+
+  EmailTemplate.PreviewVariables = {
+    count: 10
+  } satisfies typeof variablesSchema.infer
+`;
+const previewTemplateSource = deindent`
+  import { Button, Section, Hr, Text, Heading } from "@react-email/components";
+  import { Subject, NotificationCategory } from "@stackframe/emails";
+
+  export const variablesSchema = v => v;
+
+  export function EmailTemplate({ user, project }) {
+    return (
+      <>
+        <Subject value={\`Verify your email at \${project.displayName}\`} />
+        <NotificationCategory value="Transactional" />
+        <div className="font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full">
+          <Section>
+            <Heading as="h3" className="font-sans font-bold text-[20px] text-center py-4 px-6 m-0">
+              Verify your email at {project.displayName}
+            </Heading>
+            <Text className="font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0 opacity-80">
+              Hi{user.displayName ? (", " + user.displayName) : ''}! Please click on the following button to verify your email.
+            </Text>
+            <div className="text-center py-3 px-6">
+              <Button
+                href="#"
+                className="text-black font-sans font-bold text-[14px] inline-block bg-[#f0f0f0] rounded-[4px] py-3 px-5 no-underline border-0"
+              >
+                Verify my email
+              </Button>
+            </div>
+            <div className="py-4 px-6">
+              <Hr className="opacity-20" />
+            </div>
+            <Text className="font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0 opacity-60">
+              If you were not expecting this email, you can safely ignore it. 
+            </Text>
+          </Section>
+        </div>
+      </>
+    )
+  }
+`;
+const emptyEmailTheme = deindent`
+  import { Html, Tailwind, Body } from '@react-email/components';
+  export function EmailTheme({ children }: { children: React.ReactNode }) {
+    return (
+      <Html>
+        <Tailwind>
+          <Body>
+            {children}
+          </Body>
+        </Tailwind>
+      </Html>
+    );
+  }
+`;
+const LightEmailTheme = `import { Html, Head, Tailwind, Body, Container, Section } from '@react-email/components';
+import { ThemeProps, ProjectLogo } from "@stackframe/emails";
+
+export function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {
+  return (
+    <Html>
+      <Head />
+      <Tailwind>
+        <Body className="bg-[#fafbfb] font-sans text-base m-0 p-0" style={{ overflowX: 'hidden' }}>
+          <div className="py-8 px-4 flex justify-center">
+            <Container className="bg-white p-[45px] rounded-lg shadow-sm mx-auto" style={{ width: '100%', maxWidth: '600px' }}>
+              <ProjectLogo data={projectLogos} mode="light" />
+              {children}
+            </Container>
+          </div>
+          {unsubscribeLink && (
+            <Section className="p-4 opacity-60 text-center" style={{ textAlign: 'center' }}>
+              <a href={unsubscribeLink} className="text-blue-600" target="_blank" rel="noopener noreferrer">Click here</a> to unsubscribe from these emails
+            </Section>
+          )}
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+}
+
+EmailTheme.PreviewProps = {
+  unsubscribeLink: "https://example.com",
+} satisfies Partial<ThemeProps>
+`;
+const DarkEmailTheme = `import { Html, Head, Tailwind, Body, Container, Section } from '@react-email/components';
+import { ThemeProps, ProjectLogo } from "@stackframe/emails";
+
+export function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {
+  return (
+    <Html>
+      <Head />
+      <Tailwind>
+        <Body className="bg-[#323232] font-sans text-white m-0 p-0" style={{ overflowX: 'hidden' }}>
+          <div className="py-8 px-4 flex justify-center">
+            <Container className="bg-black p-[45px] rounded-lg shadow-sm mx-auto" style={{ width: '100%', maxWidth: '600px' }}>
+              <ProjectLogo data={projectLogos} mode="dark" />
+              {children}
+            </Container>
+          </div>
+          {unsubscribeLink && (
+            <Section className="p-4 opacity-60 text-center" style={{ textAlign: 'center' }}>
+              <a href={unsubscribeLink} className="text-blue-600" target="_blank" rel="noopener noreferrer">Click here</a> to unsubscribe from these emails
+            </Section>
+          )}
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+}
+
+EmailTheme.PreviewProps = {
+  unsubscribeLink: "https://example.com",
+} satisfies Partial<ThemeProps>
+`;
+const ColorfulEmailTheme = `import { Html, Head, Tailwind, Body, Container, Section } from '@react-email/components';
+import { ThemeProps, ProjectLogo } from "@stackframe/emails";
+
+export function EmailTheme({ children, unsubscribeLink, projectLogos }: ThemeProps) {
+  return (
+    <Html>
+      <Head />
+      <Tailwind>
+        <Body className="bg-[#f0eef6] font-sans text-base m-0 p-0" style={{ overflowX: 'hidden' }}>
+          <div className="py-8 px-4 flex justify-center">
+            <Container className="bg-white p-[45px] rounded-2xl mx-auto" style={{ width: '100%', maxWidth: '600px', borderTop: '4px solid #7c5ce0' }}>
+              <ProjectLogo data={projectLogos} mode="light" />
+              {children}
+            </Container>
+          </div>
+          {unsubscribeLink && (
+            <Section className="p-4 opacity-60 text-center" style={{ textAlign: 'center' }}>
+              <a href={unsubscribeLink} className="text-[#7c5ce0]" target="_blank" rel="noopener noreferrer">Click here</a> to unsubscribe from these emails
+            </Section>
+          )}
+        </Body>
+      </Tailwind>
+    </Html>
+  );
+}
+
+EmailTheme.PreviewProps = {
+  unsubscribeLink: "https://example.com",
+} satisfies Partial<ThemeProps>
+`;
+const DEFAULT_EMAIL_THEME_ID = "1df07ae6-abf3-4a40-83a5-a1a2cbe336ac";
+const DEFAULT_EMAIL_THEMES = {
+	[DEFAULT_EMAIL_THEME_ID]: {
+		displayName: "Default Light",
+		tsxSource: LightEmailTheme
+	},
+	"a0172b5d-cff0-463b-83bb-85124697373a": {
+		displayName: "Default Dark",
+		tsxSource: DarkEmailTheme
+	},
+	"c7e2d94f-8a1b-4e6d-b3f5-9d0a2e7c1b8f": {
+		displayName: "Default Colorful",
+		tsxSource: ColorfulEmailTheme
+	}
+};
+const EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID = "e7d009ce-8d47-4528-b245-5bf119f2ffa3";
+const EMAIL_TEMPLATE_PASSWORD_RESET_ID = "a70fb3a4-56c1-4e42-af25-49d25603abd0";
+const EMAIL_TEMPLATE_MAGIC_LINK_ID = "822687fe-8d0a-4467-a0d1-416b6e639478";
+const EMAIL_TEMPLATE_TEAM_INVITATION_ID = "e84de395-2076-4831-9c19-8e9a96a868e4";
+const EMAIL_TEMPLATE_SIGN_IN_INVITATION_ID = "066dd73c-36da-4fd0-b6d6-ebf87683f8bc";
+const EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID = "70372aee-0441-4d80-974c-2e858e40123a";
+const EMAIL_TEMPLATE_PAYMENT_FAILED_ID = "f64b1afe-27ec-4a28-a277-7178f3261f9a";
+const DEFAULT_EMAIL_TEMPLATES = {
+	[EMAIL_TEMPLATE_EMAIL_VERIFICATION_ID]: {
+		"displayName": "Email Verification",
+		"tsxSource": "import { type } from \"arktype\"\nimport { Button, Section, Hr, Text, Heading } 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=\"font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\">\n        <Section>\n          <Heading as=\"h3\" className=\"font-sans font-bold text-[20px] text-center py-4 px-6 m-0\">\n            Verify your email at {project.displayName}\n          </Heading>\n          <p className=\"font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0 opacity-80\">\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              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 className=\"opacity-20\" />\n          </div>\n          <p className=\"font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0 opacity-60\">\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: \"#\"\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, Text, Heading } 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=\"font-sans text-base font-normal tracking-tight leading-relaxed py-8 w-full min-h-full\">\n        <Section>\n          <Heading as=\"h3\" className=\"font-sans font-bold text-[20px] text-center py-4 px-6 m-0\">\n            Reset your password at {project.displayName}\n          </Heading>\n\n          <p className=\"text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0 opacity-80\">\n            Hi{user.displayName ? (\", \" + user.displayName) : \"\"}! Please click on the following button to start the password reset process.\n          </p>\n\n          <div className=\"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 className=\"opacity-20\" />\n          </div>\n\n          <p className=\"text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0 opacity-60\">\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: \"#\"\n} satisfies typeof variablesSchema.infer",
+		"themeId": void 0
+	},
+	[EMAIL_TEMPLATE_MAGIC_LINK_ID]: {
+		"displayName": "Magic Link/OTP",
+		"tsxSource": "import { type } from 'arktype';\nimport { Section, Hr, Text, Heading } 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=\"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\">\n          <Heading as=\"h3\" className=\"font-sans font-bold text-xl text-center px-6 py-4 m-0\">\n            Sign in to {project.displayName}\n          </Heading>\n          <p className=\"text-sm font-sans font-normal text-center px-6 py-4 m-0 opacity-80\">\n            Hi{user.displayName ? \", \" + user.displayName : \"\"}! This is your one-time-password for signing in:\n          </p>\n          <p className=\"text-2xl font-mono font-bold text-center px-6 py-4 m-0\">\n            {variables.otp}\n          </p>\n          <p className=\"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              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 opacity-20\" />\n          <p className=\"text-xs font-sans font-normal text-center px-6 pt-1 pb-6 m-0 opacity-60\">\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: \"#\",\n  otp: \"3SLSWZ\"\n} satisfies typeof variablesSchema.infer",
+		"themeId": void 0
+	},
+	[EMAIL_TEMPLATE_TEAM_INVITATION_ID]: {
+		"displayName": "Team Invitation",
+		"tsxSource": "import { type } from \"arktype\";\nimport { Button, Section, Hr, Text, Heading } 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=\"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\">\n          <Heading as=\"h3\" className=\"font-sans font-bold text-xl text-center px-6 pt-8 m-0\">\n            You are invited to {variables.teamDisplayName}\n          </Heading>\n          <p className=\"text-sm font-sans font-normal text-center px-6 pt-2 pb-4 m-0 opacity-80\">\n            Hi{user.displayName ? \", \" + user.displayName : \"\"}! Please click the button below to join the team {variables.teamDisplayName}\n          </p>\n          <div className=\"text-center px-6 py-3\">\n            <Button\n              href={variables.teamInvitationLink}\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\">\n            <Hr className=\"opacity-20\" />\n          </div>\n          <p className=\"text-xs font-sans font-normal text-center px-6 pb-6 pt-1 m-0 opacity-60\">\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: \"#\"\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, Text, Heading } 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=\"font-sans text-base font-normal leading-normal w-full min-h-full m-0 py-8\">\n        <Section>\n          <Heading as=\"h3\" className=\"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          </Heading>\n\n          <p className=\"text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0 opacity-80\">\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=\"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            >\n              Sign in\n            </Button>\n          </div>\n\n          <div className=\"px-6 py-4\">\n            <Hr className=\"opacity-20\" />\n          </div>\n\n          <p className=\"text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0 opacity-60\">\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: \"#\",\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\";\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",
+		"themeId": void 0
+	}
+};
+const 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,
+	payment_receipt: EMAIL_TEMPLATE_PAYMENT_RECEIPT_ID,
+	payment_failed: EMAIL_TEMPLATE_PAYMENT_FAILED_ID
+};
+
+//#endregion
+export { DEFAULT_EMAIL_TEMPLATES, DEFAULT_EMAIL_THEMES, DEFAULT_EMAIL_THEME_ID, DEFAULT_TEMPLATE_IDS, LightEmailTheme, defaultNewTemplateSource, emptyEmailTheme, previewTemplateSource };
+//# sourceMappingURL=emails.js.map

package/dist/esm/helpers/emails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emails.js","names":[],"sources":["../../../src/helpers/emails.ts"],"sourcesContent":["import { deindent } from \"../utils/strings\";\n\nexport const defaultNewTemplateSource = deindent`\n  import { type } from \"arktype\"\n  import { Container } from \"@react-email/components\";\n  import { Subject, NotificationCategory, Props } from \"@stackframe/emails\";\n\n  export const variablesSchema = type({\n    count: \"number\"\n  });\n\n  export function EmailTemplate({ user, variables }: Props<typeof variablesSchema.infer>) {\n    return (\n      <Container>\n        <Subject value={\\`Hello \\${user.displayName}!\\`} />\n        <NotificationCategory value=\"Transactional\" />\n        <div className=\"font-bold\">Hi {user.displayName}!</div>\n        <br />\n        count is {variables.count}\n      </Container>\n    );\n  }\n\n  EmailTemplate.PreviewVariables = {\n    count: 10\n  } satisfies typeof variablesSchema.infer\n`;\n\nexport const previewTemplateSource = deindent`\n  import { Button, Section, Hr, Text, Heading } from \"@react-email/components\";\n  import { Subject, NotificationCategory } from \"@stackframe/emails\";\n\n  export const variablesSchema = v => v;\n\n  export function EmailTemplate({ user, project }) {\n    return (\n      <>\n        <Subject value={\\`Verify your email at \\${project.displayName}\\`} />\n        <NotificationCategory value=\"Transactional\" />\n        <div className=\"font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\">\n          <Section>\n            <Heading as=\"h3\" className=\"font-sans font-bold text-[20px] text-center py-4 px-6 m-0\">\n              Verify your email at {project.displayName}\n            </Heading>\n            <Text className=\"font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0 opacity-80\">\n              Hi{user.displayName ? (\", \" + user.displayName) : ''}! Please click on the following button to verify your email.\n            </Text>\n            <div className=\"text-center py-3 px-6\">\n              <Button\n                href=\"#\"\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 className=\"opacity-20\" />\n            </div>\n            <Text className=\"font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0 opacity-60\">\n              If you were not expecting this email, you can safely ignore it. \n            </Text>\n          </Section>\n        </div>\n      </>\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, Section } 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 m-0 p-0\" style={{ overflowX: 'hidden' }}>\n          <div className=\"py-8 px-4 flex justify-center\">\n            <Container className=\"bg-white p-[45px] rounded-lg shadow-sm mx-auto\" style={{ width: '100%', maxWidth: '600px' }}>\n              <ProjectLogo data={projectLogos} mode=\"light\" />\n              {children}\n            </Container>\n          </div>\n          {unsubscribeLink && (\n            <Section className=\"p-4 opacity-60 text-center\" style={{ textAlign: 'center' }}>\n              <a href={unsubscribeLink} className=\"text-blue-600\" target=\"_blank\" rel=\"noopener noreferrer\">Click here</a> to unsubscribe from these emails\n            </Section>\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, Section } 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 m-0 p-0\" style={{ overflowX: 'hidden' }}>\n          <div className=\"py-8 px-4 flex justify-center\">\n            <Container className=\"bg-black p-[45px] rounded-lg shadow-sm mx-auto\" style={{ width: '100%', maxWidth: '600px' }}>\n              <ProjectLogo data={projectLogos} mode=\"dark\" />\n              {children}\n            </Container>\n          </div>\n          {unsubscribeLink && (\n            <Section className=\"p-4 opacity-60 text-center\" style={{ textAlign: 'center' }}>\n              <a href={unsubscribeLink} className=\"text-blue-600\" target=\"_blank\" rel=\"noopener noreferrer\">Click here</a> to unsubscribe from these emails\n            </Section>\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 ColorfulEmailTheme = `import { Html, Head, Tailwind, Body, Container, Section } 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-[#f0eef6] font-sans text-base m-0 p-0\" style={{ overflowX: 'hidden' }}>\n          <div className=\"py-8 px-4 flex justify-center\">\n            <Container className=\"bg-white p-[45px] rounded-2xl mx-auto\" style={{ width: '100%', maxWidth: '600px', borderTop: '4px solid #7c5ce0' }}>\n              <ProjectLogo data={projectLogos} mode=\"light\" />\n              {children}\n            </Container>\n          </div>\n          {unsubscribeLink && (\n            <Section className=\"p-4 opacity-60 text-center\" style={{ textAlign: 'center' }}>\n              <a href={unsubscribeLink} className=\"text-[#7c5ce0]\" target=\"_blank\" rel=\"noopener noreferrer\">Click here</a> to unsubscribe from these emails\n            </Section>\n          )}\n        </Body>\n      </Tailwind>\n    </Html>\n  );\n}\n\nEmailTheme.PreviewProps = {\n  unsubscribeLink: \"https://example.com\",\n} satisfies Partial<ThemeProps>\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  \"c7e2d94f-8a1b-4e6d-b3f5-9d0a2e7c1b8f\": {\n    displayName: 'Default Colorful',\n    tsxSource: ColorfulEmailTheme,\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, Text, Heading } 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=\\\"font-sans text-base font-normal tracking-[0.15008px] leading-[1.5] m-0 py-8 w-full min-h-full\\\">\\n        <Section>\\n          <Heading as=\\\"h3\\\" className=\\\"font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Verify your email at {project.displayName}\\n          </Heading>\\n          <p className=\\\"font-sans font-normal text-[14px] text-center pt-2 px-6 pb-4 m-0 opacity-80\\\">\\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              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 className=\\\"opacity-20\\\" />\\n          </div>\\n          <p className=\\\"font-sans font-normal text-[12px] text-center pt-1 px-6 pb-6 m-0 opacity-60\\\">\\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: \\\"#\\\"\\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, Text, Heading } 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=\\\"font-sans text-base font-normal tracking-tight leading-relaxed py-8 w-full min-h-full\\\">\\n        <Section>\\n          <Heading as=\\\"h3\\\" className=\\\"font-sans font-bold text-[20px] text-center py-4 px-6 m-0\\\">\\n            Reset your password at {project.displayName}\\n          </Heading>\\n\\n          <p className=\\\"text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0 opacity-80\\\">\\n            Hi{user.displayName ? (\\\", \\\" + user.displayName) : \\\"\\\"}! Please click on the following button to start the password reset process.\\n          </p>\\n\\n          <div className=\\\"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 className=\\\"opacity-20\\\" />\\n          </div>\\n\\n          <p className=\\\"text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0 opacity-60\\\">\\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: \\\"#\\\"\\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, Text, Heading } 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=\\\"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\\\">\\n          <Heading as=\\\"h3\\\" className=\\\"font-sans font-bold text-xl text-center px-6 py-4 m-0\\\">\\n            Sign in to {project.displayName}\\n          </Heading>\\n          <p className=\\\"text-sm font-sans font-normal text-center px-6 py-4 m-0 opacity-80\\\">\\n            Hi{user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! This is your one-time-password for signing in:\\n          </p>\\n          <p className=\\\"text-2xl font-mono font-bold text-center px-6 py-4 m-0\\\">\\n            {variables.otp}\\n          </p>\\n          <p className=\\\"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              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 opacity-20\\\" />\\n          <p className=\\\"text-xs font-sans font-normal text-center px-6 pt-1 pb-6 m-0 opacity-60\\\">\\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: \\\"#\\\",\\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, Text, Heading } 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=\\\"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\\\">\\n          <Heading as=\\\"h3\\\" className=\\\"font-sans font-bold text-xl text-center px-6 pt-8 m-0\\\">\\n            You are invited to {variables.teamDisplayName}\\n          </Heading>\\n          <p className=\\\"text-sm font-sans font-normal text-center px-6 pt-2 pb-4 m-0 opacity-80\\\">\\n            Hi{user.displayName ? \\\", \\\" + user.displayName : \\\"\\\"}! Please click the button below to join the team {variables.teamDisplayName}\\n          </p>\\n          <div className=\\\"text-center px-6 py-3\\\">\\n            <Button\\n              href={variables.teamInvitationLink}\\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\\\">\\n            <Hr className=\\\"opacity-20\\\" />\\n          </div>\\n          <p className=\\\"text-xs font-sans font-normal text-center px-6 pb-6 pt-1 m-0 opacity-60\\\">\\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: \\\"#\\\"\\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, Text, Heading } 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=\\\"font-sans text-base font-normal leading-normal w-full min-h-full m-0 py-8\\\">\\n        <Section>\\n          <Heading as=\\\"h3\\\" className=\\\"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          </Heading>\\n\\n          <p className=\\\"text-sm font-sans font-normal text-center pt-2 pb-4 px-6 m-0 opacity-80\\\">\\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=\\\"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            >\\n              Sign in\\n            </Button>\\n          </div>\\n\\n          <div className=\\\"px-6 py-4\\\">\\n            <Hr className=\\\"opacity-20\\\" />\\n          </div>\\n\\n          <p className=\\\"text-xs font-sans font-normal text-center pt-1 pb-6 px-6 m-0 opacity-60\\\">\\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: \\\"#\\\",\\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":";;;AAEA,MAAa,2BAA2B,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;AA0BhD,MAAa,wBAAwB,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwC7C,MAAa,kBAAkB,QAAQ;;;;;;;;;;;;;;AAevC,MAAa,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgC/B,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCvB,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B3B,MAAa,yBAAyB;AAEtC,MAAa,uBAAuB;EACjC,yBAAyB;EACxB,aAAa;EACb,WAAW;EACZ;CACD,wCAAwC;EACtC,aAAa;EACb,WAAW;EACZ;CACD,wCAAwC;EACtC,aAAa;EACb,WAAW;EACZ;CACF;AAED,MAAM,uCAAuC;AAC7C,MAAM,mCAAmC;AACzC,MAAM,+BAA+B;AACrC,MAAM,oCAAoC;AAC1C,MAAM,uCAAuC;AAC7C,MAAM,oCAAoC;AAC1C,MAAM,mCAAmC;AAEzC,MAAa,0BAA0B;EACpC,uCAAuC;EACtC,eAAe;EACf,aAAa;EACb,WAAW;EACZ;EACA,mCAAmC;EAClC,eAAe;EACf,aAAa;EACb,WAAW;EACZ;EACA,+BAA+B;EAC9B,eAAe;EACf,aAAa;EACb,WAAW;EACZ;EACA,oCAAoC;EACnC,eAAe;EACf,aAAa;EACb,WAAW;EACZ;EACA,uCAAuC;EACtC,eAAe;EACf,aAAa;EACb,WAAW;EACZ;EACA,oCAAoC;EACnC,eAAe;EACf,aAAa;EACb,WAAW;EACZ;EACA,mCAAmC;EAClC,eAAe;EACf,aAAa;EACb,WAAW;EACZ;CACF;AAED,MAAa,uBAAuB;CAClC,oBAAoB;CACpB,gBAAgB;CAChB,YAAY;CACZ,iBAAiB;CACjB,oBAAoB;CACpB,iBAAiB;CACjB,gBAAgB;CACjB"}

package/dist/esm/helpers/init-prompt.d.ts

@@ -0,0 +1,5 @@
+//#region src/helpers/init-prompt.d.ts
+declare const createInitPrompt: (web: boolean, configPath?: string) => string;
+//#endregion
+export { createInitPrompt };
+//# sourceMappingURL=init-prompt.d.ts.map

package/dist/esm/helpers/init-prompt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-prompt.d.ts","names":[],"sources":["../../../src/helpers/init-prompt.ts"],"mappings":";cAsBa,gBAAA,GAAoB,GAAA,WAAc,UAAA"}

package/dist/esm/helpers/init-prompt.js

@@ -0,0 +1,40 @@
+import { aiSetupPrompt } from "../ai/unified-prompts/skill-site-prompt-parts/ai-setup-prompt.js";
+
+//#region src/helpers/init-prompt.ts
+function getCliProjectSetupContext(configPath) {
+	if (configPath != null) return `
+The Hexclave CLI already created or linked this project to a local Hexclave development environment config file:
+
+\`\`\`text
+${configPath}
+\`\`\`
+
+Do not create or link another Hexclave project. When the SDK setup instructions mention creating \`stack.config.ts\` or wrapping the dev script with \`stack dev --config-file\`, use the config file path above.
+`;
+	return `
+The Hexclave CLI already created or linked this project to a hosted Hexclave cloud project and wrote or printed the Hexclave environment variables.
+
+Do not create or link another Hexclave project. Use the existing environment variables in this workspace. If the variables were printed instead of written because the user declined to append them to an env file, tell the user exactly which variables still need to be added.
+`;
+}
+const createInitPrompt = (web, configPath) => `=============================
+HEXCLAVE SETUP INSTRUCTIONS
+=============================
+
+These instructions describe how to set up Hexclave.
+${web ? `
+First of all, if you have access to a terminal, it is better to use \`npx @hexclave/cli init\`.
+` : ""}
+
+${getCliProjectSetupContext(configPath)}
+
+Use the full setup guide below as the source of truth, with one important CLI-specific adjustment: the "Setting up the project" step is already complete. Use that section only to understand how the existing config/env files should connect to the SDK wiring; do not ask the user for project IDs or keys that the CLI already generated or linked.
+
+Apply only the sections relevant to this project. For example, do not add Convex, Supabase, or command-line-app authentication unless the existing project already uses that surface or the user explicitly asked for it.
+
+${aiSetupPrompt}
+`;
+
+//#endregion
+export { createInitPrompt };
+//# sourceMappingURL=init-prompt.js.map

package/dist/esm/helpers/init-prompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"init-prompt.js","names":[],"sources":["../../../src/helpers/init-prompt.ts"],"sourcesContent":["import { aiSetupPrompt } from \"../ai/unified-prompts/skill-site-prompt-parts/ai-setup-prompt\";\n\nfunction getCliProjectSetupContext(configPath?: string): string {\n  if (configPath != null) {\n    return `\nThe Hexclave CLI already created or linked this project to a local Hexclave development environment config file:\n\n\\`\\`\\`text\n${configPath}\n\\`\\`\\`\n\nDo not create or link another Hexclave project. When the SDK setup instructions mention creating \\`stack.config.ts\\` or wrapping the dev script with \\`stack dev --config-file\\`, use the config file path above.\n`;\n  }\n\n  return `\nThe Hexclave CLI already created or linked this project to a hosted Hexclave cloud project and wrote or printed the Hexclave environment variables.\n\nDo not create or link another Hexclave project. Use the existing environment variables in this workspace. If the variables were printed instead of written because the user declined to append them to an env file, tell the user exactly which variables still need to be added.\n`;\n}\n\nexport const createInitPrompt = (web: boolean, configPath?: string) => `=============================\nHEXCLAVE SETUP INSTRUCTIONS\n=============================\n\nThese instructions describe how to set up Hexclave.\n${web ? `\nFirst of all, if you have access to a terminal, it is better to use \\`npx @hexclave/cli init\\`.\n` : \"\"}\n\n${getCliProjectSetupContext(configPath)}\n\nUse the full setup guide below as the source of truth, with one important CLI-specific adjustment: the \"Setting up the project\" step is already complete. Use that section only to understand how the existing config/env files should connect to the SDK wiring; do not ask the user for project IDs or keys that the CLI already generated or linked.\n\nApply only the sections relevant to this project. For example, do not add Convex, Supabase, or command-line-app authentication unless the existing project already uses that surface or the user explicitly asked for it.\n\n${aiSetupPrompt}\n`;\n"],"mappings":";;;AAEA,SAAS,0BAA0B,YAA6B;AAC9D,KAAI,cAAc,KAChB,QAAO;;;;EAIT,WAAW;;;;;AAOX,QAAO;;;;;;AAOT,MAAa,oBAAoB,KAAc,eAAwB;;;;;EAKrE,MAAM;;IAEJ,GAAG;;EAEL,0BAA0B,WAAW,CAAC;;;;;;EAMtC,cAAc"}