@antelopejs/dms-mailing 0.7.1 → 0.9.0

package/dist/validation/templates.schema.d.ts

@@ -1,4 +1,5 @@
 import { z } from "zod";
+import type { Block } from "../types";
 export declare const slugSchema: z.ZodString;
 export declare const createTemplateSchema: z.ZodObject<{
     slug: z.ZodString;
@@ -32,15 +33,15 @@ export declare const conditionSchema: z.ZodObject<{
     value: string;
     operator: "eq" | "ne" | "gt" | "lt" | "truthy" | "falsy";
 }>;
-export declare const blockSchema: z.ZodType<unknown>;
+export declare const blockSchema: z.ZodType<Block, z.ZodTypeDef, unknown>;
 export declare const localeContentSchema: z.ZodObject<{
     subject: z.ZodString;
     preheader: z.ZodString;
-    blocks: z.ZodArray<z.ZodType<unknown, z.ZodTypeDef, unknown>, "many">;
+    blocks: z.ZodArray<z.ZodType<Block, z.ZodTypeDef, unknown>, "many">;
 }, "strip", z.ZodTypeAny, {
     subject: string;
     preheader: string;
-    blocks: unknown[];
+    blocks: Block[];
 }, {
     subject: string;
     preheader: string;
@@ -50,11 +51,11 @@ export declare const templateContentSchema: z.ZodObject<{
     locales: z.ZodRecord<z.ZodString, z.ZodObject<{
         subject: z.ZodString;
         preheader: z.ZodString;
-        blocks: z.ZodArray<z.ZodType<unknown, z.ZodTypeDef, unknown>, "many">;
+        blocks: z.ZodArray<z.ZodType<Block, z.ZodTypeDef, unknown>, "many">;
     }, "strip", z.ZodTypeAny, {
         subject: string;
         preheader: string;
-        blocks: unknown[];
+        blocks: Block[];
     }, {
         subject: string;
         preheader: string;
@@ -64,7 +65,7 @@ export declare const templateContentSchema: z.ZodObject<{
     locales: Record<string, {
         subject: string;
         preheader: string;
-        blocks: unknown[];
+        blocks: Block[];
     }>;
 }, {
     locales: Record<string, {
@@ -94,12 +95,12 @@ export declare const variableSchema: z.ZodObject<{
     type: z.ZodEnum<["string", "text", "number", "money", "date", "url", "boolean", "array"]>;
     required: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
+    type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
     path: string;
-    type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
     required: boolean;
 }, {
+    type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
     path: string;
-    type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
     required: boolean;
 }>;
 export declare const variableListSchema: z.ZodArray<z.ZodObject<{
@@ -107,12 +108,12 @@ export declare const variableListSchema: z.ZodArray<z.ZodObject<{
     type: z.ZodEnum<["string", "text", "number", "money", "date", "url", "boolean", "array"]>;
     required: z.ZodBoolean;
 }, "strip", z.ZodTypeAny, {
+    type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
     path: string;
-    type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
     required: boolean;
 }, {
+    type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
     path: string;
-    type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
     required: boolean;
 }>, "many">;
 export declare const variablesSchema: z.ZodObject<{
@@ -121,26 +122,26 @@ export declare const variablesSchema: z.ZodObject<{
         type: z.ZodEnum<["string", "text", "number", "money", "date", "url", "boolean", "array"]>;
         required: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }, {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }>, "many">;
     revision: z.ZodOptional<z.ZodNumber>;
 }, "strip", z.ZodTypeAny, {
     variables: {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }[];
     revision?: number | undefined;
 }, {
     variables: {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }[];
     revision?: number | undefined;
@@ -150,11 +151,11 @@ export declare const saveContentSchema: z.ZodObject<{
         locales: z.ZodRecord<z.ZodString, z.ZodObject<{
             subject: z.ZodString;
             preheader: z.ZodString;
-            blocks: z.ZodArray<z.ZodType<unknown, z.ZodTypeDef, unknown>, "many">;
+            blocks: z.ZodArray<z.ZodType<Block, z.ZodTypeDef, unknown>, "many">;
         }, "strip", z.ZodTypeAny, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }, {
             subject: string;
             preheader: string;
@@ -164,7 +165,7 @@ export declare const saveContentSchema: z.ZodObject<{
         locales: Record<string, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }>;
     }, {
         locales: Record<string, {
@@ -178,12 +179,12 @@ export declare const saveContentSchema: z.ZodObject<{
         type: z.ZodEnum<["string", "text", "number", "money", "date", "url", "boolean", "array"]>;
         required: z.ZodBoolean;
     }, "strip", z.ZodTypeAny, {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }, {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }>, "many">>;
     revision: z.ZodOptional<z.ZodNumber>;
@@ -192,13 +193,13 @@ export declare const saveContentSchema: z.ZodObject<{
         locales: Record<string, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }>;
     };
     revision?: number | undefined;
     variables?: {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }[] | undefined;
 }, {
@@ -211,17 +212,17 @@ export declare const saveContentSchema: z.ZodObject<{
     };
     revision?: number | undefined;
     variables?: {
+        type: "string" | "number" | "boolean" | "text" | "date" | "array" | "url" | "money";
         path: string;
-        type: "string" | "number" | "boolean" | "date" | "array" | "url" | "money" | "text";
         required: boolean;
     }[] | undefined;
 }>;
 export declare const testDataSchema: z.ZodObject<{
-    data: z.ZodRecord<z.ZodString, z.ZodUnknown>;
+    data: z.ZodEffects<z.ZodUnknown, import("@antelopejs/interface-dms-mailing").JsonObject, unknown>;
 }, "strip", z.ZodTypeAny, {
-    data: Record<string, unknown>;
+    data: import("@antelopejs/interface-dms-mailing").JsonObject;
 }, {
-    data: Record<string, unknown>;
+    data?: unknown;
 }>;
 export declare const previewVersionSchema: z.ZodUnion<[z.ZodLiteral<"draft">, z.ZodLiteral<"published">, z.ZodNumber]>;
 export declare const previewSchema: z.ZodObject<{
@@ -231,11 +232,11 @@ export declare const previewSchema: z.ZodObject<{
         locales: z.ZodRecord<z.ZodString, z.ZodObject<{
             subject: z.ZodString;
             preheader: z.ZodString;
-            blocks: z.ZodArray<z.ZodType<unknown, z.ZodTypeDef, unknown>, "many">;
+            blocks: z.ZodArray<z.ZodType<Block, z.ZodTypeDef, unknown>, "many">;
         }, "strip", z.ZodTypeAny, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }, {
             subject: string;
             preheader: string;
@@ -245,7 +246,7 @@ export declare const previewSchema: z.ZodObject<{
         locales: Record<string, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }>;
     }, {
         locales: Record<string, {
@@ -254,20 +255,21 @@ export declare const previewSchema: z.ZodObject<{
             blocks: unknown[];
         }>;
     }>>;
-    data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    data: z.ZodOptional<z.ZodEffects<z.ZodUnknown, import("@antelopejs/interface-dms-mailing").JsonObject, unknown>>;
 }, "strip", z.ZodTypeAny, {
     version?: number | "draft" | "published" | undefined;
+    data?: import("@antelopejs/interface-dms-mailing").JsonObject | undefined;
     content?: {
         locales: Record<string, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }>;
     } | undefined;
-    data?: Record<string, unknown> | undefined;
     locale?: string | undefined;
 }, {
     version?: number | "draft" | "published" | undefined;
+    data?: unknown;
     content?: {
         locales: Record<string, {
             subject: string;
@@ -275,20 +277,19 @@ export declare const previewSchema: z.ZodObject<{
             blocks: unknown[];
         }>;
     } | undefined;
-    data?: Record<string, unknown> | undefined;
     locale?: string | undefined;
 }>;
 export declare const realSendSchema: z.ZodObject<{
     to: z.ZodArray<z.ZodString, "many">;
     locale: z.ZodOptional<z.ZodString>;
-    data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    data: z.ZodOptional<z.ZodEffects<z.ZodUnknown, import("@antelopejs/interface-dms-mailing").JsonObject, unknown>>;
 }, "strip", z.ZodTypeAny, {
     to: string[];
-    data?: Record<string, unknown> | undefined;
+    data?: import("@antelopejs/interface-dms-mailing").JsonObject | undefined;
     locale?: string | undefined;
 }, {
     to: string[];
-    data?: Record<string, unknown> | undefined;
+    data?: unknown;
     locale?: string | undefined;
 }>;
 export declare const testSendSchema: z.ZodObject<{
@@ -298,11 +299,11 @@ export declare const testSendSchema: z.ZodObject<{
         locales: z.ZodRecord<z.ZodString, z.ZodObject<{
             subject: z.ZodString;
             preheader: z.ZodString;
-            blocks: z.ZodArray<z.ZodType<unknown, z.ZodTypeDef, unknown>, "many">;
+            blocks: z.ZodArray<z.ZodType<Block, z.ZodTypeDef, unknown>, "many">;
         }, "strip", z.ZodTypeAny, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }, {
             subject: string;
             preheader: string;
@@ -312,7 +313,7 @@ export declare const testSendSchema: z.ZodObject<{
         locales: Record<string, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }>;
     }, {
         locales: Record<string, {
@@ -321,24 +322,25 @@ export declare const testSendSchema: z.ZodObject<{
             blocks: unknown[];
         }>;
     }>>;
-    data: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+    data: z.ZodOptional<z.ZodEffects<z.ZodUnknown, import("@antelopejs/interface-dms-mailing").JsonObject, unknown>>;
 } & {
     to: z.ZodArray<z.ZodString, "many">;
 }, "strip", z.ZodTypeAny, {
     to: string[];
     version?: number | "draft" | "published" | undefined;
+    data?: import("@antelopejs/interface-dms-mailing").JsonObject | undefined;
     content?: {
         locales: Record<string, {
             subject: string;
             preheader: string;
-            blocks: unknown[];
+            blocks: Block[];
         }>;
     } | undefined;
-    data?: Record<string, unknown> | undefined;
     locale?: string | undefined;
 }, {
     to: string[];
     version?: number | "draft" | "published" | undefined;
+    data?: unknown;
     content?: {
         locales: Record<string, {
             subject: string;
@@ -346,7 +348,6 @@ export declare const testSendSchema: z.ZodObject<{
             blocks: unknown[];
         }>;
     } | undefined;
-    data?: Record<string, unknown> | undefined;
     locale?: string | undefined;
 }>;
 export declare const templateDetailsSchema: z.ZodObject<{
@@ -362,6 +363,7 @@ export declare const templateDetailsSchema: z.ZodObject<{
     category?: string | null | undefined;
     slug?: string | undefined;
 }>;
+export type TemplateDetails = z.infer<typeof templateDetailsSchema>;
 export declare const duplicateSchema: z.ZodObject<{
     slug: z.ZodString;
     name: z.ZodString;

package/dist/validation/templates.schema.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.replayFailedSchema = exports.replaySchema = exports.duplicateSchema = exports.templateDetailsSchema = exports.testSendSchema = exports.realSendSchema = exports.previewSchema = exports.previewVersionSchema = exports.testDataSchema = exports.saveContentSchema = exports.variablesSchema = exports.variableListSchema = exports.variableSchema = exports.versionNumberSchema = exports.restoreVersionSchema = exports.publishSchema = exports.draftRevisionSchema = exports.templateContentSchema = exports.localeContentSchema = exports.blockSchema = exports.conditionSchema = exports.createTemplateSchema = exports.slugSchema = void 0;
 const zod_1 = require("zod");
 const constants_1 = require("../constants");
+const json_schema_1 = require("./json.schema");
 const MIN_HEADING_SIZE = 12;
 const MAX_HEADING_SIZE = 48;
 const MAX_TEST_RECIPIENT_COUNT = 5;
@@ -119,7 +120,7 @@ exports.saveContentSchema = zod_1.z.object({
     variables: exports.variableListSchema.optional(),
     revision: exports.draftRevisionSchema,
 });
-exports.testDataSchema = zod_1.z.object({ data: zod_1.z.record(zod_1.z.unknown()) });
+exports.testDataSchema = zod_1.z.object({ data: json_schema_1.jsonObjectSchema });
 exports.previewVersionSchema = zod_1.z.union([
     zod_1.z.literal("draft"),
     zod_1.z.literal("published"),
@@ -129,12 +130,12 @@ exports.previewSchema = zod_1.z.object({
     locale: zod_1.z.string().min(1).optional(),
     version: exports.previewVersionSchema.optional(),
     content: exports.templateContentSchema.optional(),
-    data: zod_1.z.record(zod_1.z.unknown()).optional(),
+    data: json_schema_1.jsonObjectSchema.optional(),
 });
 exports.realSendSchema = zod_1.z.object({
     to: zod_1.z.array(zod_1.z.string().email()).min(1).max(MAX_TEST_RECIPIENT_COUNT),
     locale: zod_1.z.string().min(1).optional(),
-    data: zod_1.z.record(zod_1.z.unknown()).optional(),
+    data: json_schema_1.jsonObjectSchema.optional(),
 });
 exports.testSendSchema = exports.previewSchema.extend({
     to: zod_1.z.array(zod_1.z.string().email()).min(1).max(MAX_TEST_RECIPIENT_COUNT),

package/dist/validation/templates.schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"templates.schema.js","sourceRoot":"","sources":["../../src/validation/templates.schema.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,4CAA8E;AAE9E,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,wBAAwB,GAAG,CAAC,CAAC;AAEtB,QAAA,UAAU,GAAG,OAAC;KACxB,MAAM,EAAE;KACR,IAAI,EAAE;KACN,GAAG,CAAC,CAAC,CAAC;KACN,GAAG,CAAC,2BAAe,CAAC;KACpB,KAAK,CAAC,wBAAY,CAAC,CAAC;AAEV,QAAA,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC3C,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,2BAAe,CAAC;IACnD,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAE/B,gBAAgB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAEvC,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACjC,CAAC,CAAC;AAEU,QAAA,eAAe,GAAG,OAAC,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC7D,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;CAClB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,OAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AACxD,MAAM,IAAI,GAAG,EAAE,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,uBAAe,CAAC,QAAQ,EAAE,EAAE,CAAC;AAEjE,QAAA,WAAW,GAAuB,OAAC,CAAC,IAAI,CAAC,GAAG,EAAE,CACzD,OAAC,CAAC,kBAAkB,CAAC,MAAM,EAAE;IAC3B,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC;QACvB,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE;QACpB,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE;KAChB,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,SAAS,CAAC;QAC1B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;QAChB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC;KACnE,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,WAAW,CAAC;QAC5B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;QAChB,KAAK,EAAE,WAAW;KACnB,CAAC;IACF,OAAC,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,EAAE,CAAC;IAChE,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,MAAM,CAAC;QACvB,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QACzB,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAC5B,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;KAC7B,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC;QACxB,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;QACjB,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;KAClB,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;QACzB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;QAChB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;QAChB,KAAK,EAAE,WAAW;KACnB,CAAC;IACF,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,IAAI,CAAC;QACrB,SAAS,EAAE,uBAAe;QAC1B,QAAQ,EAAE,OAAC,CAAC,KAAK,CAAC,mBAAW,CAAC;QAC9B,YAAY,EAAE,OAAC,CAAC,KAAK,CAAC,mBAAW,CAAC,CAAC,QAAQ,EAAE;KAC9C,CAAC;IACF,OAAC,CAAC,MAAM,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,CAAC;IACjD,OAAC,CAAC,MAAM,CAAC;QACP,GAAG,IAAI;QACP,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,QAAQ,CAAC;QACzB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;QAChB,gBAAgB,EAAE,OAAC,CAAC,MAAM,EAAE;QAC5B,gBAAgB,EAAE,OAAC,CAAC,MAAM,EAAE;KAC7B,CAAC;CACH,CAAC,CACH,CAAC;AAEW,QAAA,mBAAmB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC1C,OAAO,EAAE,OAAC,CAAC,MAAM,EAAE;IACnB,SAAS,EAAE,OAAC,CAAC,MAAM,EAAE;IACrB,MAAM,EAAE,OAAC,CAAC,KAAK,CAAC,mBAAW,CAAC;CAC7B,CAAC,CAAC;AAEU,QAAA,qBAAqB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC5C,OAAO,EAAE,OAAC,CAAC,MAAM,CAAC,2BAAmB,CAAC;CACvC,CAAC,CAAC;AAMU,QAAA,mBAAmB,GAAG,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;AAEzD,QAAA,aAAa,GAAG,OAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,2BAAmB,EAAE,CAAC,CAAC;AAG5D,QAAA,oBAAoB,GAAG,qBAAa,CAAC;AAGrC,QAAA,mBAAmB,GAAG,OAAC,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAErD,QAAA,cAAc,GAAG,OAAC,CAAC,MAAM,CAAC;IACrC,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;IACvB,IAAI,EAAE,OAAC,CAAC,IAAI,CAAC;QACX,QAAQ;QACR,MAAM;QACN,QAAQ;QACR,OAAO;QACP,MAAM;QACN,KAAK;QACL,SAAS;QACT,OAAO;KACR,CAAC;IACF,QAAQ,EAAE,OAAC,CAAC,OAAO,EAAE;CACtB,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,OAAC,CAAC,KAAK,CAAC,sBAAc,CAAC,CAAC;AAG7C,QAAA,eAAe,GAAG,OAAC,CAAC,MAAM,CAAC;IACtC,SAAS,EAAE,0BAAkB;IAC7B,QAAQ,EAAE,2BAAmB;CAC9B,CAAC,CAAC;AAMU,QAAA,iBAAiB,GAAG,OAAC,CAAC,MAAM,CAAC;IACxC,OAAO,EAAE,6BAAqB;IAC9B,SAAS,EAAE,0BAAkB,CAAC,QAAQ,EAAE;IACxC,QAAQ,EAAE,2BAAmB;CAC9B,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,OAAC,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,OAAC,CAAC,MAAM,CAAC,OAAC,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AAM3D,QAAA,oBAAoB,GAAG,OAAC,CAAC,KAAK,CAAC;IAC1C,OAAC,CAAC,OAAO,CAAC,OAAO,CAAC;IAClB,OAAC,CAAC,OAAO,CAAC,WAAW,CAAC;IACtB,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;CACxB,CAAC,CAAC;AAEU,QAAA,aAAa,GAAG,OAAC,CAAC,MAAM,CAAC;IAEpC,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACpC,OAAO,EAAE,4BAAoB,CAAC,QAAQ,EAAE;IACxC,OAAO,EAAE,6BAAqB,CAAC,QAAQ,EAAE;IACzC,IAAI,EAAE,OAAC,CAAC,MAAM,CAAC,OAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE;CACvC,CAAC,CAAC;AAMU,QAAA,cAAc,GAAG,OAAC,CAAC,MAAM,CAAC;IACrC,EAAE,EAAE,OAAC,CAAC,KAAK,CAAC,OAAC,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,wBAAwB,CAAC;IACpE,MAAM,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;IACpC,IAAI,EAAE,OAAC,CAAC,MAAM,CAAC,OAAC,CAAC,OAAO,EAAE,CAAC,CAAC,QAAQ,EAAE;CACvC,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,qBAAa,CAAC,MAAM,CAAC;IACjD,EAAE,EAAE,OAAC,CAAC,KAAK,CAAC,OAAC,CAAC,MAAM,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,wBAAwB,CAAC;CACrE,CAAC,CAAC;AAMU,QAAA,qBAAqB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC5C,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,2BAAe,CAAC;IACnD,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC3B,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE;CAC3C,CAAC,CAAC;AAEU,QAAA,eAAe,GAAG,OAAC,CAAC,MAAM,CAAC;IACtC,IAAI,EAAE,kBAAU;IAChB,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,2BAAe,CAAC;CACpD,CAAC,CAAC;AAGU,QAAA,YAAY,GAAG,OAAC,CAAC,MAAM,CAAC;IACnC,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,EAAE,CAAC,QAAQ,EAAE;CACzC,CAAC,CAAC;AAEU,QAAA,kBAAkB,GAAG,OAAC,CAAC,MAAM,CAAC;IACzC,KAAK,EAAE,OAAC,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;CAClC,CAAC,CAAC"}
+{"version":3,"file":"templates.schema.js","sourceRoot":"","sources":["../../src/validation/templates.schema.ts"],"names":[],"mappings":"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"}

package/frontend-vue/app/build/components/TemplateDrawerFooter.vue

@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import type { TemplateOverlays } from '../../composables/useTemplateDrawer'
+import type { TemplateRow } from '../../types/mailing'
+
+/**
+ * The footer of a template's drawer, its test, duplicate and edit actions:
+ * the drawer's own bindings, under the names it gives them.
+ */
+interface TemplateDrawerFooterProps {
+	templateId: string
+	locale: string
+	template: TemplateRow
+	overlays: TemplateOverlays
+	openEditor: (targetLocale?: string) => void
+}
+
+defineProps<TemplateDrawerFooterProps>()
+
+const { t } = useI18n()
+</script>
+
+<template>
+	<DmsContainerFooter data-template-footer>
+		<UButton
+			icon="i-ph-flask"
+			color="neutral"
+			variant="ghost"
+			:label="t('dms_mailing.templates.card.test')"
+			@click="overlays.openTestSend(templateId, { locale })"
+		/>
+		<UButton
+			class="ml-auto"
+			icon="i-ph-copy"
+			color="neutral"
+			variant="outline"
+			:label="t('dms_mailing.templates.actions.duplicate')"
+			@click="overlays.openDuplicate(templateId, { rowData: template })"
+		/>
+		<UButton
+			icon="i-ph-pencil-simple"
+			:label="t('dms_mailing.templates.actions.open_editor')"
+			@click="openEditor(locale)"
+		/>
+	</DmsContainerFooter>
+</template>

package/frontend-vue/app/build/components/TemplateDrawerPerformance.vue

@@ -0,0 +1,102 @@
+<script setup lang="ts">
+import type { TemplatePerformance } from '../../types/mailing'
+
+/** A figure of the drawer's last 30 days, as `DmsStatGroup` draws it. */
+interface DrawerStat {
+	id: string
+	eyebrow: string
+	value: string
+	detail?: string
+	detailTone?: 'error'
+	to?: string
+}
+
+/**
+ * The performance tab of a template's drawer: the drawer's own bindings,
+ * under the names it gives them.
+ */
+interface TemplateDrawerPerformanceProps {
+	stats: DrawerStat[]
+	loading: boolean
+	hasSends: boolean
+	performance: TemplatePerformance | null
+	openSendLog: () => void
+	formatNumber: (value: number) => string
+}
+
+defineProps<TemplateDrawerPerformanceProps>()
+
+const { t } = useI18n()
+</script>
+
+<template>
+	<div class="flex flex-col gap-2">
+		<div class="flex items-center justify-between">
+			<DmsEyebrow :label="t('dms_mailing.templates.drawer.last_30_days')" />
+			<UButton
+				variant="link"
+				size="xs"
+				class="p-0"
+				:label="t('dms_mailing.templates.drawer.open_send_log')"
+				@click="openSendLog"
+			/>
+		</div>
+		<DmsStatGroup
+			layout="joined"
+			:columns="3"
+			:items="stats"
+			:loading="loading"
+		/>
+	</div>
+	<div class="flex flex-col gap-1">
+		<DmsEyebrow :label="t('dms_mailing.templates.drawer.called_from')" />
+		<p
+			v-if="!hasSends || !performance?.sources.length"
+			class="text-muted text-[12.5px]"
+		>
+			{{ t('dms_mailing.templates.drawer.no_sources') }}
+		</p>
+		<DmsListRow
+			v-for="source in performance?.sources ?? []"
+			:key="source.source"
+			icon="i-ph-code"
+			size="sm"
+			mono
+			:title="source.source || t('dms_mailing.templates.drawer.unknown_source')"
+			:trailing="
+				t(
+					'dms_mailing.templates.drawer.sends_count',
+					{ count: formatNumber(source.count) },
+					source.count,
+				)
+			"
+		/>
+	</div>
+	<div class="flex flex-col gap-1">
+		<DmsEyebrow :label="t('dms_mailing.templates.drawer.fallbacks')" />
+		<p v-if="!hasSends" class="text-muted text-[12.5px]">
+			{{ t('dms_mailing.templates.drawer.no_sources') }}
+		</p>
+		<p
+			v-else-if="!performance?.fallbacks.length"
+			class="text-muted text-[12.5px]"
+		>
+			{{ t('dms_mailing.templates.drawer.no_fallbacks') }}
+		</p>
+		<DmsListRow
+			v-for="fallback in performance?.fallbacks ?? []"
+			:key="`${fallback.requested}-${fallback.used}`"
+			icon="i-ph-translate"
+			tone="warning"
+			size="sm"
+			:title="`${fallback.requested.toUpperCase()} → ${fallback.used.toUpperCase()}`"
+			:trailing="
+				t(
+					'dms_mailing.templates.drawer.sends_count',
+					{ count: formatNumber(fallback.count) },
+					fallback.count,
+				)
+			"
+		/>
+	</div>
+</template>

package/frontend-vue/app/build/components/TemplateDrawerVariables.vue

@@ -0,0 +1,110 @@
+<script setup lang="ts">
+import type { MergedVariable } from '../../utils/variables'
+import type { SystemVariable } from '../../utils/system-variables'
+import { variableTypeLabelKey } from '../../utils/variable-types'
+
+/**
+ * The variables tab of a template's drawer: the drawer's own bindings, under
+ * the names it gives them.
+ */
+interface TemplateDrawerVariablesProps {
+	variables: MergedVariable[]
+	isLive: boolean
+	hasDraftDeclarations: boolean
+	systemVars: SystemVariable[]
+	snippet: string
+	declareVariable: (path: string) => Promise<void>
+	openEditor: (targetLocale?: string) => void
+}
+
+defineProps<TemplateDrawerVariablesProps>()
+
+const { t } = useI18n()
+</script>
+
+<template>
+	<div class="flex flex-col gap-1">
+		<DmsEyebrow :label="t('dms_mailing.templates.drawer.declared_detected')" />
+		<p v-if="!variables.length" class="text-muted text-[12.5px]">
+			{{ t('dms_mailing.templates.drawer.no_variables') }}
+		</p>
+		<div
+			v-for="variable in variables"
+			:key="variable.path"
+			class="border-default flex min-h-9 items-center gap-2 border-b last:border-b-0"
+		>
+			<code
+				class="truncate font-mono text-[12px]"
+				:class="variable.usage === 'unused' ? 'text-dimmed' : 'text-toned'"
+			>
+				{{ variable.path }}
+			</code>
+			<span
+				v-if="variable.required && variable.usage !== 'detected'"
+				class="text-error"
+				:title="t('dms_mailing.templates.drawer.required')"
+			>
+				*
+			</span>
+			<DmsStatusPill
+				v-if="variable.usage === 'detected'"
+				tone="warning"
+				size="sm"
+				dot="none"
+				:label="t('dms_mailing.templates.drawer.not_declared')"
+			/>
+			<DmsStatusPill
+				v-if="variable.usage === 'unused'"
+				tone="neutral"
+				size="sm"
+				dot="none"
+				:label="t('dms_mailing.templates.drawer.unused')"
+			/>
+			<UButton
+				v-if="variable.usage === 'detected' && !isLive"
+				class="ml-auto"
+				color="neutral"
+				variant="ghost"
+				size="xs"
+				:label="t('dms_mailing.templates.drawer.declare')"
+				@click="declareVariable(variable.path)"
+			/>
+			<span
+				v-else-if="variable.usage !== 'detected'"
+				class="text-dimmed ml-auto font-mono text-[11px]"
+			>
+				{{ t(variableTypeLabelKey(variable.type)) }}
+			</span>
+		</div>
+	</div>
+	<DmsBanner
+		v-if="hasDraftDeclarations"
+		tone="info"
+		size="sm"
+		icon="i-ph-brackets-curly"
+		:title="t('dms_mailing.templates.drawer.draft_declarations')"
+		:description="
+			t('dms_mailing.templates.drawer.draft_declarations_description')
+		"
+	>
+		<template #actions>
+			<UButton
+				color="neutral"
+				variant="outline"
+				size="xs"
+				:label="t('dms_mailing.templates.actions.open_editor')"
+				@click="openEditor()"
+			/>
+		</template>
+	</DmsBanner>
+	<MailingSystemVariables :variables="systemVars" />
+	<div class="flex flex-col gap-1.5">
+		<div class="flex items-center justify-between">
+			<DmsEyebrow :label="t('dms_mailing.templates.drawer.call_from_code')" />
+			<DmsCopyButton :value="snippet" />
+		</div>
+		<pre
+			class="bg-elevated text-toned overflow-x-auto rounded-md p-3 font-mono text-[11.5px] leading-relaxed"
+			>{{ snippet }}</pre>
+	</div>
+</template>