@talqui-oss/template-builder 0.1.3 → 0.1.4

package/dist/index.cjs

@@ -20,6 +20,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  EDITOR_LABELS: () => EDITOR_LABELS,
   TemplateValidationError: () => TemplateValidationError,
   UnsupportedByProviderError: () => UnsupportedByProviderError,
   applyEdit: () => applyEdit,
@@ -1341,43 +1342,93 @@ var ICONS = {
 };
 
 // src/editor/model.ts
+var EDITOR_LABELS = {
+  basics: "Basics",
+  name: "Name",
+  nameHint: "lowercase, numbers and _",
+  language: "Language",
+  category: "Category",
+  utility: "Utility",
+  marketing: "Marketing",
+  authentication: "Authentication",
+  content: "Content",
+  header: "Header",
+  headerNone: "None",
+  headerText: "Text",
+  headerImage: "Image",
+  headerVideo: "Video",
+  headerDocument: "Document",
+  headerTextField: "Header text",
+  sampleFileUrl: "Sample file URL",
+  body: "Body",
+  footer: "Footer",
+  formattingNote: "Use {{name}} for variables and *bold*, _italic_, ~strike~ for formatting.",
+  buttons: "Buttons",
+  buttonType: "Type",
+  quickReply: "Quick reply",
+  link: "Link",
+  phone: "Phone",
+  copyCode: "Copy code",
+  buttonText: "Button text",
+  url: "URL",
+  phoneNumber: "Phone number",
+  sampleCode: "Sample code",
+  removeButton: "Remove button",
+  addButton: "Add button",
+  variables: "Variables",
+  /** Followed by the variable's number, e.g. "position 1". */
+  variablePosition: "position",
+  exampleValue: "Example value",
+  noVariables: "Type a placeholder such as {{first_name}} in the text to add one.",
+  codeMessage: "Code message",
+  securityRecommendation: "Add \u201Cdo not share this code\u201D",
+  expiresAfter: "Expires after",
+  expiresHint: "minutes, 1 to 90",
+  optional: "optional",
+  /** Default text of new buttons. */
+  newQuickReply: "Reply",
+  newLinkButton: "Open link",
+  newPhoneButton: "Call us"
+};
 var LANGUAGES = [
   { value: "en_US", label: "English (US)" },
   { value: "pt_BR", label: "Portuguese (BR)" },
   { value: "es", label: "Spanish" }
 ];
-var CATEGORIES2 = [
-  { value: "UTILITY", label: "Utility" },
-  { value: "MARKETING", label: "Marketing" },
-  { value: "AUTHENTICATION", label: "Authentication" }
+var categories = (l) => [
+  { value: "UTILITY", label: l.utility },
+  { value: "MARKETING", label: l.marketing },
+  { value: "AUTHENTICATION", label: l.authentication }
 ];
-var HEADER_KINDS = [
-  { value: "NONE", label: "None" },
-  { value: "TEXT", label: "Text" },
-  { value: "IMAGE", label: "Image" },
-  { value: "VIDEO", label: "Video" },
-  { value: "DOCUMENT", label: "Document" }
+var headerKinds = (l) => [
+  { value: "NONE", label: l.headerNone },
+  { value: "TEXT", label: l.headerText },
+  { value: "IMAGE", label: l.headerImage },
+  { value: "VIDEO", label: l.headerVideo },
+  { value: "DOCUMENT", label: l.headerDocument }
 ];
-var BUTTON_TYPES = [
-  { value: "QUICK_REPLY", label: "Quick reply" },
-  { value: "URL", label: "Link" },
-  { value: "PHONE_NUMBER", label: "Phone" },
-  { value: "COPY_CODE", label: "Copy code" }
+var BUTTON_TYPES = ["QUICK_REPLY", "URL", "PHONE_NUMBER", "COPY_CODE"];
+var buttonTypes = (l) => [
+  { value: "QUICK_REPLY", label: l.quickReply },
+  { value: "URL", label: l.link },
+  { value: "PHONE_NUMBER", label: l.phone },
+  { value: "COPY_CODE", label: l.copyCode }
 ];
 var MAX_BUTTONS = 10;
 var count = (text, max) => `${[...text].length}/${max}`;
 function editorSections(template, options = {}) {
+  const l = { ...EDITOR_LABELS, ...options.labels };
   const basics = {
     id: "basics",
-    title: "Basics",
+    title: l.basics,
     rows: [
       {
         fields: [
           {
             kind: "text",
             id: "name",
-            label: "Name",
-            hint: "lowercase, numbers and _",
+            label: l.name,
+            hint: l.nameHint,
             value: template.name,
             mono: true
           }
@@ -1388,47 +1439,48 @@ function editorSections(template, options = {}) {
           {
             kind: "select",
             id: "language",
-            label: "Language",
+            label: l.language,
             value: template.language,
             options: options.languages ?? LANGUAGES
           },
           {
             kind: "segment",
             id: "category",
-            label: "Category",
+            label: l.category,
             value: template.category,
-            options: CATEGORIES2
+            options: categories(l)
           }
         ]
       }
     ]
   };
   if (template.category === "AUTHENTICATION")
-    return [basics, codeSection(template)];
+    return [basics, codeSection(template, l)];
   return [
     basics,
-    contentSection(template),
-    buttonsSection(template),
-    variablesSection(template)
+    contentSection(template, l),
+    buttonsSection(template, l),
+    variablesSection(template, l)
   ];
 }
-function contentSection(template) {
+function contentSection(template, l) {
   const header2 = template.header;
-  const kind = HEADER_KINDS.some((option) => option.value === header2?.type) ? header2.type : "NONE";
+  const kinds = headerKinds(l);
+  const kind = kinds.some((option) => option.value === header2?.type) ? header2.type : "NONE";
   const headerRow = [
     {
       kind: "select",
       id: "header.kind",
-      label: "Header",
+      label: l.header,
       value: kind,
-      options: HEADER_KINDS
+      options: kinds
     }
   ];
   if (header2?.type === "TEXT")
     headerRow.push({
       kind: "text",
       id: "header.text",
-      label: "Header text",
+      label: l.headerTextField,
       hint: count(header2.text, 60),
       value: header2.text
     });
@@ -1436,13 +1488,13 @@ function contentSection(template) {
     headerRow.push({
       kind: "text",
       id: "header.url",
-      label: "Sample file URL",
+      label: l.sampleFileUrl,
       value: header2.url,
       mono: true
     });
   return {
     id: "content",
-    title: "Content",
+    title: l.content,
     rows: [
       { fields: headerRow },
       {
@@ -1450,7 +1502,7 @@ function contentSection(template) {
           {
             kind: "textarea",
             id: "body",
-            label: "Body",
+            label: l.body,
             hint: count(template.body.text, 1024),
             value: template.body.text
           }
@@ -1461,35 +1513,35 @@ function contentSection(template) {
           {
             kind: "text",
             id: "footer",
-            label: "Footer",
+            label: l.footer,
             hint: count(template.footer?.text ?? "", 60),
             value: template.footer?.text ?? ""
           }
         ]
       }
     ],
-    note: "Use {{name}} for variables and *bold*, _italic_, ~strike~ for formatting."
+    note: l.formattingNote
   };
 }
-function buttonsSection(template) {
+function buttonsSection(template, l) {
   const buttons = template.buttons ?? [];
   const rows = buttons.map((button2, index) => {
     const at = `buttons.${index}`;
-    const type = BUTTON_TYPES.some((option) => option.value === button2.type) ? button2.type : "QUICK_REPLY";
+    const type = BUTTON_TYPES.includes(button2.type) ? button2.type : "QUICK_REPLY";
     const fields = [
       {
         kind: "select",
         id: `${at}.type`,
-        label: "Type",
+        label: l.buttonType,
         value: type,
-        options: BUTTON_TYPES
+        options: buttonTypes(l)
       }
     ];
     if ("text" in button2 && button2.text !== void 0)
       fields.push({
         kind: "text",
         id: `${at}.text`,
-        label: "Button text",
+        label: l.buttonText,
         hint: count(button2.text, 25),
         value: button2.text
       });
@@ -1497,7 +1549,7 @@ function buttonsSection(template) {
       fields.push({
         kind: "text",
         id: `${at}.url`,
-        label: "URL",
+        label: l.url,
         value: button2.url,
         mono: true
       });
@@ -1505,7 +1557,7 @@ function buttonsSection(template) {
       fields.push({
         kind: "text",
         id: `${at}.phoneNumber`,
-        label: "Phone number",
+        label: l.phoneNumber,
         value: button2.phoneNumber,
         mono: true
       });
@@ -1513,14 +1565,14 @@ function buttonsSection(template) {
       fields.push({
         kind: "text",
         id: `${at}.example`,
-        label: "Sample code",
+        label: l.sampleCode,
         value: button2.example,
         mono: true
       });
     fields.push({
       kind: "action",
       id: `${at}.remove`,
-      label: "Remove button",
+      label: l.removeButton,
       icon: "remove"
     });
     return { fields, list: true };
@@ -1530,7 +1582,7 @@ function buttonsSection(template) {
       {
         kind: "action",
         id: "buttons.add",
-        label: "Add button",
+        label: l.addButton,
         icon: "add",
         disabled: buttons.length >= MAX_BUTTONS
       }
@@ -1538,42 +1590,42 @@ function buttonsSection(template) {
   });
   return {
     id: "buttons",
-    title: `Buttons ${buttons.length}/${MAX_BUTTONS}`,
+    title: `${l.buttons} ${buttons.length}/${MAX_BUTTONS}`,
     rows
   };
 }
-function variablesSection(template) {
+function variablesSection(template, l) {
   const variables = Object.entries(template.variables ?? {});
   return {
     id: "variables",
-    title: "Variables",
+    title: l.variables,
     rows: variables.map(([name, variable], index) => ({
       fields: [
         {
           kind: "text",
           id: `variables.${name}`,
           label: `{{${name}}}`,
-          hint: `position ${index + 1}`,
+          hint: `${l.variablePosition} ${index + 1}`,
           value: variable.example,
-          placeholder: "Example value"
+          placeholder: l.exampleValue
         }
       ]
     })),
-    note: variables.length ? void 0 : "Type a placeholder such as {{first_name}} in the text to add one."
+    note: variables.length ? void 0 : l.noVariables
   };
 }
-function codeSection(template) {
+function codeSection(template, l) {
   const minutes = template.footer?.codeExpirationMinutes;
   return {
     id: "code",
-    title: "Code message",
+    title: l.codeMessage,
     rows: [
       {
         fields: [
           {
             kind: "checkbox",
             id: "body.addSecurityRecommendation",
-            label: "Add \u201Cdo not share this code\u201D",
+            label: l.securityRecommendation,
             checked: template.body?.addSecurityRecommendation ?? false
           }
         ]
@@ -1583,25 +1635,25 @@ function codeSection(template) {
           {
             kind: "text",
             id: "footer.codeExpirationMinutes",
-            label: "Expires after",
-            hint: "minutes, 1 to 90",
+            label: l.expiresAfter,
+            hint: l.expiresHint,
             value: minutes === void 0 ? "" : String(minutes),
             mono: true
           },
           {
             kind: "text",
             id: "button.text",
-            label: "Button text",
-            hint: "optional",
+            label: l.buttonText,
+            hint: l.optional,
             value: template.button.text ?? "",
-            placeholder: "Copy code"
+            placeholder: l.copyCode
           }
         ]
       }
     ]
   };
 }
-function applyEdit(template, id, value, remembered = {}) {
+function applyEdit(template, id, value, remembered = {}, labels = {}) {
   const text = typeof value === "string" ? value : "";
   if (id === "name") return { ...template, name: text };
   if (id === "language") return { ...template, language: text };
@@ -1634,9 +1686,12 @@ function applyEdit(template, id, value, remembered = {}) {
         [id.slice("variables.".length)]: { example: text }
       }
     };
-  return syncVariables(editStandard(template, id, text), remembered);
+  return syncVariables(
+    editStandard(template, id, text, { ...EDITOR_LABELS, ...labels }),
+    remembered
+  );
 }
-function editStandard(template, id, text) {
+function editStandard(template, id, text, l) {
   if (id === "header.kind") return { ...template, header: newHeader(text) };
   if (id === "header.text")
     return { ...template, header: { type: "TEXT", text } };
@@ -1651,7 +1706,7 @@ function editStandard(template, id, text) {
     buttons: next2.length ? next2 : void 0
   });
   if (id === "buttons.add")
-    return buttons.length >= MAX_BUTTONS ? template : withButtons([...buttons, newButton("QUICK_REPLY")]);
+    return buttons.length >= MAX_BUTTONS ? template : withButtons([...buttons, newButton(l, "QUICK_REPLY")]);
   const match = /^buttons\.(\d+)\.(\w+)$/.exec(id);
   if (!match) return template;
   const index = Number(match[1]);
@@ -1661,6 +1716,7 @@ function editStandard(template, id, text) {
   if (field === "remove")
     return withButtons(buttons.filter((_, i) => i !== index));
   const next = field === "type" ? newButton(
+    l,
     text,
     "text" in button2 ? button2.text ?? "" : ""
   ) : { ...button2, [field]: text };
@@ -1702,13 +1758,13 @@ function newHeader(kind) {
     return { type: kind, url: "https://" };
   return void 0;
 }
-function newButton(type, label = "") {
+function newButton(l, type, label = "") {
   if (type === "URL")
-    return { type, text: label || "Open link", url: "https://" };
+    return { type, text: label || l.newLinkButton, url: "https://" };
   if (type === "PHONE_NUMBER")
-    return { type, text: label || "Call us", phoneNumber: "+" };
+    return { type, text: label || l.newPhoneButton, phoneNumber: "+" };
   if (type === "COPY_CODE") return { type, example: "CODE10" };
-  return { type: "QUICK_REPLY", text: label || "Reply" };
+  return { type: "QUICK_REPLY", text: label || l.newQuickReply };
 }
 
 // src/editor/tree.ts
@@ -1837,6 +1893,7 @@ function node2(tag, className, attrs, children = []) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  EDITOR_LABELS,
   TemplateValidationError,
   UnsupportedByProviderError,
   applyEdit,

package/dist/index.d.cts

@@ -277,9 +277,62 @@ type EditorSection = {
     /** Help text under the section, e.g. the formatting syntax. */
     note?: string;
 };
+/** Every text the editor shows, so it can be translated. */
+type EditorLabels = typeof EDITOR_LABELS;
+/** The editor texts in English, the default. */
+declare const EDITOR_LABELS: {
+    basics: string;
+    name: string;
+    nameHint: string;
+    language: string;
+    category: string;
+    utility: string;
+    marketing: string;
+    authentication: string;
+    content: string;
+    header: string;
+    headerNone: string;
+    headerText: string;
+    headerImage: string;
+    headerVideo: string;
+    headerDocument: string;
+    headerTextField: string;
+    sampleFileUrl: string;
+    body: string;
+    footer: string;
+    formattingNote: string;
+    buttons: string;
+    buttonType: string;
+    quickReply: string;
+    link: string;
+    phone: string;
+    copyCode: string;
+    buttonText: string;
+    url: string;
+    phoneNumber: string;
+    sampleCode: string;
+    removeButton: string;
+    addButton: string;
+    variables: string;
+    /** Followed by the variable's number, e.g. "position 1". */
+    variablePosition: string;
+    exampleValue: string;
+    noVariables: string;
+    codeMessage: string;
+    securityRecommendation: string;
+    expiresAfter: string;
+    expiresHint: string;
+    optional: string;
+    /** Default text of new buttons. */
+    newQuickReply: string;
+    newLinkButton: string;
+    newPhoneButton: string;
+};
 type EditorOptions = {
     /** Languages offered in the language select. Default: English (US), Portuguese (BR), Spanish. */
     languages?: EditorOption[];
+    /** Texts to replace, e.g. to show the editor in another language. Default: English. */
+    labels?: Partial<EditorLabels>;
 };
 /** The sections of the editor for a template. */
 declare function editorSections(template: Template, options?: EditorOptions): EditorSection[];
@@ -290,8 +343,10 @@ declare function editorSections(template: Template, options?: EditorOptions): Ed
  *
  * `remembered` holds examples of variables seen earlier: while someone types `{{name}}` the
  * placeholder is briefly incomplete, and its example comes back from here once it is whole.
+ *
+ * `labels` gives new buttons their default text in the editor's language.
  */
-declare function applyEdit(template: Template, id: string, value?: string | boolean, remembered?: Variables): Template;
+declare function applyEdit(template: Template, id: string, value?: string | boolean, remembered?: Variables, labels?: Partial<EditorLabels>): Template;
 /**
  * Switches category. Authentication has its own shape, so moving in or out of it keeps only
  * the name and language.
@@ -311,5 +366,5 @@ declare function editorTree(template: Template, options?: EditorOptions & {
     idPrefix?: string;
 }): PreviewNode;
 
-export { Adapter, Category, HttpRequest, StandardTemplate, Template, TemplateValidationError, Variables, applyEdit, changeCategory, codes, editorSections, editorTree, extractVariables, previewTree, syncVariables, toCurl, toPreviewModel, toRequests, validate };
-export type { ButtonIcon, Code, EditorField, EditorOption, EditorOptions, EditorRow, EditorSection, Issue, Line, Platform, PreviewButton, PreviewCard, PreviewHeader, PreviewModel, PreviewNode, PreviewOptions, Severity, Span, TreeOptions, ValidateOptions, ValidationResult };
+export { Adapter, Category, EDITOR_LABELS, HttpRequest, StandardTemplate, Template, TemplateValidationError, Variables, applyEdit, changeCategory, codes, editorSections, editorTree, extractVariables, previewTree, syncVariables, toCurl, toPreviewModel, toRequests, validate };
+export type { ButtonIcon, Code, EditorField, EditorLabels, EditorOption, EditorOptions, EditorRow, EditorSection, Issue, Line, Platform, PreviewButton, PreviewCard, PreviewHeader, PreviewModel, PreviewNode, PreviewOptions, Severity, Span, TreeOptions, ValidateOptions, ValidationResult };

package/dist/index.d.ts

@@ -277,9 +277,62 @@ type EditorSection = {
     /** Help text under the section, e.g. the formatting syntax. */
     note?: string;
 };
+/** Every text the editor shows, so it can be translated. */
+type EditorLabels = typeof EDITOR_LABELS;
+/** The editor texts in English, the default. */
+declare const EDITOR_LABELS: {
+    basics: string;
+    name: string;
+    nameHint: string;
+    language: string;
+    category: string;
+    utility: string;
+    marketing: string;
+    authentication: string;
+    content: string;
+    header: string;
+    headerNone: string;
+    headerText: string;
+    headerImage: string;
+    headerVideo: string;
+    headerDocument: string;
+    headerTextField: string;
+    sampleFileUrl: string;
+    body: string;
+    footer: string;
+    formattingNote: string;
+    buttons: string;
+    buttonType: string;
+    quickReply: string;
+    link: string;
+    phone: string;
+    copyCode: string;
+    buttonText: string;
+    url: string;
+    phoneNumber: string;
+    sampleCode: string;
+    removeButton: string;
+    addButton: string;
+    variables: string;
+    /** Followed by the variable's number, e.g. "position 1". */
+    variablePosition: string;
+    exampleValue: string;
+    noVariables: string;
+    codeMessage: string;
+    securityRecommendation: string;
+    expiresAfter: string;
+    expiresHint: string;
+    optional: string;
+    /** Default text of new buttons. */
+    newQuickReply: string;
+    newLinkButton: string;
+    newPhoneButton: string;
+};
 type EditorOptions = {
     /** Languages offered in the language select. Default: English (US), Portuguese (BR), Spanish. */
     languages?: EditorOption[];
+    /** Texts to replace, e.g. to show the editor in another language. Default: English. */
+    labels?: Partial<EditorLabels>;
 };
 /** The sections of the editor for a template. */
 declare function editorSections(template: Template, options?: EditorOptions): EditorSection[];
@@ -290,8 +343,10 @@ declare function editorSections(template: Template, options?: EditorOptions): Ed
  *
  * `remembered` holds examples of variables seen earlier: while someone types `{{name}}` the
  * placeholder is briefly incomplete, and its example comes back from here once it is whole.
+ *
+ * `labels` gives new buttons their default text in the editor's language.
  */
-declare function applyEdit(template: Template, id: string, value?: string | boolean, remembered?: Variables): Template;
+declare function applyEdit(template: Template, id: string, value?: string | boolean, remembered?: Variables, labels?: Partial<EditorLabels>): Template;
 /**
  * Switches category. Authentication has its own shape, so moving in or out of it keeps only
  * the name and language.
@@ -311,5 +366,5 @@ declare function editorTree(template: Template, options?: EditorOptions & {
     idPrefix?: string;
 }): PreviewNode;
 
-export { Adapter, Category, HttpRequest, StandardTemplate, Template, TemplateValidationError, Variables, applyEdit, changeCategory, codes, editorSections, editorTree, extractVariables, previewTree, syncVariables, toCurl, toPreviewModel, toRequests, validate };
-export type { ButtonIcon, Code, EditorField, EditorOption, EditorOptions, EditorRow, EditorSection, Issue, Line, Platform, PreviewButton, PreviewCard, PreviewHeader, PreviewModel, PreviewNode, PreviewOptions, Severity, Span, TreeOptions, ValidateOptions, ValidationResult };
+export { Adapter, Category, EDITOR_LABELS, HttpRequest, StandardTemplate, Template, TemplateValidationError, Variables, applyEdit, changeCategory, codes, editorSections, editorTree, extractVariables, previewTree, syncVariables, toCurl, toPreviewModel, toRequests, validate };
+export type { ButtonIcon, Code, EditorField, EditorLabels, EditorOption, EditorOptions, EditorRow, EditorSection, Issue, Line, Platform, PreviewButton, PreviewCard, PreviewHeader, PreviewModel, PreviewNode, PreviewOptions, Severity, Span, TreeOptions, ValidateOptions, ValidationResult };

package/dist/index.js

@@ -1230,43 +1230,93 @@ var ICONS = {
 };
 
 // src/editor/model.ts
+var EDITOR_LABELS = {
+  basics: "Basics",
+  name: "Name",
+  nameHint: "lowercase, numbers and _",
+  language: "Language",
+  category: "Category",
+  utility: "Utility",
+  marketing: "Marketing",
+  authentication: "Authentication",
+  content: "Content",
+  header: "Header",
+  headerNone: "None",
+  headerText: "Text",
+  headerImage: "Image",
+  headerVideo: "Video",
+  headerDocument: "Document",
+  headerTextField: "Header text",
+  sampleFileUrl: "Sample file URL",
+  body: "Body",
+  footer: "Footer",
+  formattingNote: "Use {{name}} for variables and *bold*, _italic_, ~strike~ for formatting.",
+  buttons: "Buttons",
+  buttonType: "Type",
+  quickReply: "Quick reply",
+  link: "Link",
+  phone: "Phone",
+  copyCode: "Copy code",
+  buttonText: "Button text",
+  url: "URL",
+  phoneNumber: "Phone number",
+  sampleCode: "Sample code",
+  removeButton: "Remove button",
+  addButton: "Add button",
+  variables: "Variables",
+  /** Followed by the variable's number, e.g. "position 1". */
+  variablePosition: "position",
+  exampleValue: "Example value",
+  noVariables: "Type a placeholder such as {{first_name}} in the text to add one.",
+  codeMessage: "Code message",
+  securityRecommendation: "Add \u201Cdo not share this code\u201D",
+  expiresAfter: "Expires after",
+  expiresHint: "minutes, 1 to 90",
+  optional: "optional",
+  /** Default text of new buttons. */
+  newQuickReply: "Reply",
+  newLinkButton: "Open link",
+  newPhoneButton: "Call us"
+};
 var LANGUAGES = [
   { value: "en_US", label: "English (US)" },
   { value: "pt_BR", label: "Portuguese (BR)" },
   { value: "es", label: "Spanish" }
 ];
-var CATEGORIES2 = [
-  { value: "UTILITY", label: "Utility" },
-  { value: "MARKETING", label: "Marketing" },
-  { value: "AUTHENTICATION", label: "Authentication" }
+var categories = (l) => [
+  { value: "UTILITY", label: l.utility },
+  { value: "MARKETING", label: l.marketing },
+  { value: "AUTHENTICATION", label: l.authentication }
 ];
-var HEADER_KINDS = [
-  { value: "NONE", label: "None" },
-  { value: "TEXT", label: "Text" },
-  { value: "IMAGE", label: "Image" },
-  { value: "VIDEO", label: "Video" },
-  { value: "DOCUMENT", label: "Document" }
+var headerKinds = (l) => [
+  { value: "NONE", label: l.headerNone },
+  { value: "TEXT", label: l.headerText },
+  { value: "IMAGE", label: l.headerImage },
+  { value: "VIDEO", label: l.headerVideo },
+  { value: "DOCUMENT", label: l.headerDocument }
 ];
-var BUTTON_TYPES = [
-  { value: "QUICK_REPLY", label: "Quick reply" },
-  { value: "URL", label: "Link" },
-  { value: "PHONE_NUMBER", label: "Phone" },
-  { value: "COPY_CODE", label: "Copy code" }
+var BUTTON_TYPES = ["QUICK_REPLY", "URL", "PHONE_NUMBER", "COPY_CODE"];
+var buttonTypes = (l) => [
+  { value: "QUICK_REPLY", label: l.quickReply },
+  { value: "URL", label: l.link },
+  { value: "PHONE_NUMBER", label: l.phone },
+  { value: "COPY_CODE", label: l.copyCode }
 ];
 var MAX_BUTTONS = 10;
 var count = (text, max) => `${[...text].length}/${max}`;
 function editorSections(template, options = {}) {
+  const l = { ...EDITOR_LABELS, ...options.labels };
   const basics = {
     id: "basics",
-    title: "Basics",
+    title: l.basics,
     rows: [
       {
         fields: [
           {
             kind: "text",
             id: "name",
-            label: "Name",
-            hint: "lowercase, numbers and _",
+            label: l.name,
+            hint: l.nameHint,
             value: template.name,
             mono: true
           }
@@ -1277,47 +1327,48 @@ function editorSections(template, options = {}) {
           {
             kind: "select",
             id: "language",
-            label: "Language",
+            label: l.language,
             value: template.language,
             options: options.languages ?? LANGUAGES
           },
           {
             kind: "segment",
             id: "category",
-            label: "Category",
+            label: l.category,
             value: template.category,
-            options: CATEGORIES2
+            options: categories(l)
           }
         ]
       }
     ]
   };
   if (template.category === "AUTHENTICATION")
-    return [basics, codeSection(template)];
+    return [basics, codeSection(template, l)];
   return [
     basics,
-    contentSection(template),
-    buttonsSection(template),
-    variablesSection(template)
+    contentSection(template, l),
+    buttonsSection(template, l),
+    variablesSection(template, l)
   ];
 }
-function contentSection(template) {
+function contentSection(template, l) {
   const header2 = template.header;
-  const kind = HEADER_KINDS.some((option) => option.value === header2?.type) ? header2.type : "NONE";
+  const kinds = headerKinds(l);
+  const kind = kinds.some((option) => option.value === header2?.type) ? header2.type : "NONE";
   const headerRow = [
     {
       kind: "select",
       id: "header.kind",
-      label: "Header",
+      label: l.header,
       value: kind,
-      options: HEADER_KINDS
+      options: kinds
     }
   ];
   if (header2?.type === "TEXT")
     headerRow.push({
       kind: "text",
       id: "header.text",
-      label: "Header text",
+      label: l.headerTextField,
       hint: count(header2.text, 60),
       value: header2.text
     });
@@ -1325,13 +1376,13 @@ function contentSection(template) {
     headerRow.push({
       kind: "text",
       id: "header.url",
-      label: "Sample file URL",
+      label: l.sampleFileUrl,
       value: header2.url,
       mono: true
     });
   return {
     id: "content",
-    title: "Content",
+    title: l.content,
     rows: [
       { fields: headerRow },
       {
@@ -1339,7 +1390,7 @@ function contentSection(template) {
           {
             kind: "textarea",
             id: "body",
-            label: "Body",
+            label: l.body,
             hint: count(template.body.text, 1024),
             value: template.body.text
           }
@@ -1350,35 +1401,35 @@ function contentSection(template) {
           {
             kind: "text",
             id: "footer",
-            label: "Footer",
+            label: l.footer,
             hint: count(template.footer?.text ?? "", 60),
             value: template.footer?.text ?? ""
           }
         ]
       }
     ],
-    note: "Use {{name}} for variables and *bold*, _italic_, ~strike~ for formatting."
+    note: l.formattingNote
   };
 }
-function buttonsSection(template) {
+function buttonsSection(template, l) {
   const buttons = template.buttons ?? [];
   const rows = buttons.map((button2, index) => {
     const at = `buttons.${index}`;
-    const type = BUTTON_TYPES.some((option) => option.value === button2.type) ? button2.type : "QUICK_REPLY";
+    const type = BUTTON_TYPES.includes(button2.type) ? button2.type : "QUICK_REPLY";
     const fields = [
       {
         kind: "select",
         id: `${at}.type`,
-        label: "Type",
+        label: l.buttonType,
         value: type,
-        options: BUTTON_TYPES
+        options: buttonTypes(l)
       }
     ];
     if ("text" in button2 && button2.text !== void 0)
       fields.push({
         kind: "text",
         id: `${at}.text`,
-        label: "Button text",
+        label: l.buttonText,
         hint: count(button2.text, 25),
         value: button2.text
       });
@@ -1386,7 +1437,7 @@ function buttonsSection(template) {
       fields.push({
         kind: "text",
         id: `${at}.url`,
-        label: "URL",
+        label: l.url,
         value: button2.url,
         mono: true
       });
@@ -1394,7 +1445,7 @@ function buttonsSection(template) {
       fields.push({
         kind: "text",
         id: `${at}.phoneNumber`,
-        label: "Phone number",
+        label: l.phoneNumber,
         value: button2.phoneNumber,
         mono: true
       });
@@ -1402,14 +1453,14 @@ function buttonsSection(template) {
       fields.push({
         kind: "text",
         id: `${at}.example`,
-        label: "Sample code",
+        label: l.sampleCode,
         value: button2.example,
         mono: true
       });
     fields.push({
       kind: "action",
       id: `${at}.remove`,
-      label: "Remove button",
+      label: l.removeButton,
       icon: "remove"
     });
     return { fields, list: true };
@@ -1419,7 +1470,7 @@ function buttonsSection(template) {
       {
         kind: "action",
         id: "buttons.add",
-        label: "Add button",
+        label: l.addButton,
         icon: "add",
         disabled: buttons.length >= MAX_BUTTONS
       }
@@ -1427,42 +1478,42 @@ function buttonsSection(template) {
   });
   return {
     id: "buttons",
-    title: `Buttons ${buttons.length}/${MAX_BUTTONS}`,
+    title: `${l.buttons} ${buttons.length}/${MAX_BUTTONS}`,
     rows
   };
 }
-function variablesSection(template) {
+function variablesSection(template, l) {
   const variables = Object.entries(template.variables ?? {});
   return {
     id: "variables",
-    title: "Variables",
+    title: l.variables,
     rows: variables.map(([name, variable], index) => ({
       fields: [
         {
           kind: "text",
           id: `variables.${name}`,
           label: `{{${name}}}`,
-          hint: `position ${index + 1}`,
+          hint: `${l.variablePosition} ${index + 1}`,
           value: variable.example,
-          placeholder: "Example value"
+          placeholder: l.exampleValue
         }
       ]
     })),
-    note: variables.length ? void 0 : "Type a placeholder such as {{first_name}} in the text to add one."
+    note: variables.length ? void 0 : l.noVariables
   };
 }
-function codeSection(template) {
+function codeSection(template, l) {
   const minutes = template.footer?.codeExpirationMinutes;
   return {
     id: "code",
-    title: "Code message",
+    title: l.codeMessage,
     rows: [
       {
         fields: [
           {
             kind: "checkbox",
             id: "body.addSecurityRecommendation",
-            label: "Add \u201Cdo not share this code\u201D",
+            label: l.securityRecommendation,
             checked: template.body?.addSecurityRecommendation ?? false
           }
         ]
@@ -1472,25 +1523,25 @@ function codeSection(template) {
           {
             kind: "text",
             id: "footer.codeExpirationMinutes",
-            label: "Expires after",
-            hint: "minutes, 1 to 90",
+            label: l.expiresAfter,
+            hint: l.expiresHint,
             value: minutes === void 0 ? "" : String(minutes),
             mono: true
           },
           {
             kind: "text",
             id: "button.text",
-            label: "Button text",
-            hint: "optional",
+            label: l.buttonText,
+            hint: l.optional,
             value: template.button.text ?? "",
-            placeholder: "Copy code"
+            placeholder: l.copyCode
           }
         ]
       }
     ]
   };
 }
-function applyEdit(template, id, value, remembered = {}) {
+function applyEdit(template, id, value, remembered = {}, labels = {}) {
   const text = typeof value === "string" ? value : "";
   if (id === "name") return { ...template, name: text };
   if (id === "language") return { ...template, language: text };
@@ -1523,9 +1574,12 @@ function applyEdit(template, id, value, remembered = {}) {
         [id.slice("variables.".length)]: { example: text }
       }
     };
-  return syncVariables(editStandard(template, id, text), remembered);
+  return syncVariables(
+    editStandard(template, id, text, { ...EDITOR_LABELS, ...labels }),
+    remembered
+  );
 }
-function editStandard(template, id, text) {
+function editStandard(template, id, text, l) {
   if (id === "header.kind") return { ...template, header: newHeader(text) };
   if (id === "header.text")
     return { ...template, header: { type: "TEXT", text } };
@@ -1540,7 +1594,7 @@ function editStandard(template, id, text) {
     buttons: next2.length ? next2 : void 0
   });
   if (id === "buttons.add")
-    return buttons.length >= MAX_BUTTONS ? template : withButtons([...buttons, newButton("QUICK_REPLY")]);
+    return buttons.length >= MAX_BUTTONS ? template : withButtons([...buttons, newButton(l, "QUICK_REPLY")]);
   const match = /^buttons\.(\d+)\.(\w+)$/.exec(id);
   if (!match) return template;
   const index = Number(match[1]);
@@ -1550,6 +1604,7 @@ function editStandard(template, id, text) {
   if (field === "remove")
     return withButtons(buttons.filter((_, i) => i !== index));
   const next = field === "type" ? newButton(
+    l,
     text,
     "text" in button2 ? button2.text ?? "" : ""
   ) : { ...button2, [field]: text };
@@ -1591,13 +1646,13 @@ function newHeader(kind) {
     return { type: kind, url: "https://" };
   return void 0;
 }
-function newButton(type, label = "") {
+function newButton(l, type, label = "") {
   if (type === "URL")
-    return { type, text: label || "Open link", url: "https://" };
+    return { type, text: label || l.newLinkButton, url: "https://" };
   if (type === "PHONE_NUMBER")
-    return { type, text: label || "Call us", phoneNumber: "+" };
+    return { type, text: label || l.newPhoneButton, phoneNumber: "+" };
   if (type === "COPY_CODE") return { type, example: "CODE10" };
-  return { type: "QUICK_REPLY", text: label || "Reply" };
+  return { type: "QUICK_REPLY", text: label || l.newQuickReply };
 }
 
 // src/editor/tree.ts
@@ -1725,6 +1780,7 @@ function node2(tag, className, attrs, children = []) {
   return { tag, ...className && { class: className }, attrs, children };
 }
 export {
+  EDITOR_LABELS,
   TemplateValidationError,
   UnsupportedByProviderError,
   applyEdit,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@talqui-oss/template-builder",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Preview, validate and create WhatsApp message templates",
   "license": "MIT",
   "repository": {