payload-intl 1.1.2 → 1.2.0

package/dist/utils/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/utils/schema.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,kBAAkB,WAAY,aAAa,KAAG,aAY1D,CAAC;AAEF,eAAO,MAAM,wBAAwB,WAC3B,aAAa,KACpB,gBAAgB,EAA6C,CAAC;AAgCjE,MAAM,MAAM,WAAW,GAAG,KAAK,CAAC;AAChC,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../src/utils/schema.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,kBAAkB,WAAY,aAAa,KAAG,aAU1D,CAAC;AAEF,eAAO,MAAM,wBAAwB,WAC3B,aAAa,KACpB,gBAAgB,EAA6C,CAAC;AAgCjE,MAAM,MAAM,aAAa,GAAG;IAC1B,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B,CAAC"}

package/dist/utils/schema.js

@@ -1,35 +1,43 @@
-import { parse as r, TYPE as e } from "@formatjs/icu-messageformat-parser";
-const i = (a) => ({
-  description: a.match(/^\[.+\]/)?.[0]?.slice(1, -1),
-  // type: schema === "$RICH$" ? "rich" : "icu",
-  type: "icu",
-  variables: l(a)
-}), l = (a) => s(r(a)), s = (a) => a.flatMap((t) => {
-  switch (t.type) {
-    case e.literal:
-    case e.pound:
-      return [];
-    case e.argument:
-    case e.number:
-    case e.date:
-    case e.time:
-      return [t];
-    case e.plural:
-    case e.select:
-      return [
-        t,
-        ...s(
-          Object.values(t.options).flatMap(({ value: c }) => c)
-        )
-      ];
-    case e.tag:
-      return [t, ...s(t.children)];
-    default:
-      return [t];
-  }
-});
-export {
-  l as extractTemplateVariables,
-  i as parseMessageSchema
+import { parse, TYPE } from '@formatjs/icu-messageformat-parser';
+export const parseMessageSchema = (schema)=>{
+    const description = schema.match(/^\[.+\]/)?.[0];
+    // TODO add support for variables description
+    // const withoutDescription = schema.replace(description || "", "").trim();
+    // const withoutOptional = withoutDescription.split(" | ")[0]?.trim();
+    return {
+        description: description?.slice(1, -1),
+        variables: extractTemplateVariables(schema)
+    };
 };
-//# sourceMappingURL=schema.js.map
+export const extractTemplateVariables = (schema)=>collectTemplateVariables(parse(schema));
+const collectTemplateVariables = (parts)=>parts.flatMap((part)=>{
+        switch(part.type){
+            case TYPE.literal:
+            case TYPE.pound:
+                return [];
+            case TYPE.argument:
+            case TYPE.number:
+            case TYPE.date:
+            case TYPE.time:
+                return [
+                    part
+                ];
+            case TYPE.plural:
+            case TYPE.select:
+                return [
+                    part,
+                    ...collectTemplateVariables(Object.values(part.options).flatMap(({ value })=>value))
+                ];
+            case TYPE.tag:
+                return [
+                    part,
+                    ...collectTemplateVariables(part.children)
+                ];
+            default:
+                return [
+                    part
+                ];
+        }
+    });
+
+//# sourceMappingURL=schema.js.map

package/dist/utils/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sources":["../../src/utils/schema.ts"],"sourcesContent":["import type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\nimport { parse, TYPE } from '@formatjs/icu-messageformat-parser';\nimport type { MessageSchema, TemplateVariable } from '@/types';\n\nexport const parseMessageSchema = (schema: MessageSchema): MessageConfig => {\n  const description = schema.match(/^\\[.+\\]/)?.[0];\n  // TODO add support for variables description\n  // const withoutDescription = schema.replace(description || \"\", \"\").trim();\n  // const withoutOptional = withoutDescription.split(\" | \")[0]?.trim();\n\n  return {\n    description: description?.slice(1, -1),\n    // type: schema === \"$RICH$\" ? \"rich\" : \"icu\",\n    type: 'icu',\n    variables: extractTemplateVariables(schema),\n  };\n};\n\nexport const extractTemplateVariables = (\n  schema: MessageSchema,\n): TemplateVariable[] => collectTemplateVariables(parse(schema));\n\nconst collectTemplateVariables = (\n  parts: MessageFormatElement[],\n): TemplateVariable[] =>\n  parts.flatMap<TemplateVariable>((part) => {\n    switch (part.type) {\n      case TYPE.literal:\n      case TYPE.pound:\n        return [];\n      case TYPE.argument:\n      case TYPE.number:\n      case TYPE.date:\n      case TYPE.time:\n        return [part];\n      case TYPE.plural:\n      case TYPE.select:\n        return [\n          part,\n          ...collectTemplateVariables(\n            Object.values(part.options).flatMap(({ value }) => value),\n          ),\n        ];\n      case TYPE.tag:\n        return [part, ...collectTemplateVariables(part.children)];\n      default:\n        return [part];\n    }\n  });\n\n// MARK: Types\n\nexport type MessageType = 'icu'; // \"rich\";\nexport type MessageConfig = {\n  description: string | undefined;\n  type: MessageType;\n  variables: TemplateVariable[];\n};\n"],"names":["parseMessageSchema","schema","extractTemplateVariables","collectTemplateVariables","parse","parts","part","TYPE","value"],"mappings":";AAIO,MAAMA,IAAqB,CAACC,OAM1B;AAAA,EACL,aANkBA,EAAO,MAAM,SAAS,IAAI,CAAC,GAMnB,MAAM,GAAG,EAAE;AAAA;AAAA,EAErC,MAAM;AAAA,EACN,WAAWC,EAAyBD,CAAM;AAAA,IAIjCC,IAA2B,CACtCD,MACuBE,EAAyBC,EAAMH,CAAM,CAAC,GAEzDE,IAA2B,CAC/BE,MAEAA,EAAM,QAA0B,CAACC,MAAS;AACxC,UAAQA,EAAK,MAAA;AAAA,IACX,KAAKC,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO,CAAA;AAAA,IACT,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO,CAACD,CAAI;AAAA,IACd,KAAKC,EAAK;AAAA,IACV,KAAKA,EAAK;AACR,aAAO;AAAA,QACLD;AAAA,QACA,GAAGH;AAAA,UACD,OAAO,OAAOG,EAAK,OAAO,EAAE,QAAQ,CAAC,EAAE,OAAAE,EAAA,MAAYA,CAAK;AAAA,QAAA;AAAA,MAC1D;AAAA,IAEJ,KAAKD,EAAK;AACR,aAAO,CAACD,GAAM,GAAGH,EAAyBG,EAAK,QAAQ,CAAC;AAAA,IAC1D;AACE,aAAO,CAACA,CAAI;AAAA,EAAA;AAElB,CAAC;"}
+{"version":3,"sources":["../../src/utils/schema.ts"],"sourcesContent":["import type { MessageFormatElement } from '@formatjs/icu-messageformat-parser';\nimport { parse, TYPE } from '@formatjs/icu-messageformat-parser';\nimport type { MessageSchema, TemplateVariable } from '@/types';\n\nexport const parseMessageSchema = (schema: MessageSchema): MessageConfig => {\n  const description = schema.match(/^\\[.+\\]/)?.[0];\n  // TODO add support for variables description\n  // const withoutDescription = schema.replace(description || \"\", \"\").trim();\n  // const withoutOptional = withoutDescription.split(\" | \")[0]?.trim();\n\n  return {\n    description: description?.slice(1, -1),\n    variables: extractTemplateVariables(schema),\n  };\n};\n\nexport const extractTemplateVariables = (\n  schema: MessageSchema,\n): TemplateVariable[] => collectTemplateVariables(parse(schema));\n\nconst collectTemplateVariables = (\n  parts: MessageFormatElement[],\n): TemplateVariable[] =>\n  parts.flatMap<TemplateVariable>((part) => {\n    switch (part.type) {\n      case TYPE.literal:\n      case TYPE.pound:\n        return [];\n      case TYPE.argument:\n      case TYPE.number:\n      case TYPE.date:\n      case TYPE.time:\n        return [part];\n      case TYPE.plural:\n      case TYPE.select:\n        return [\n          part,\n          ...collectTemplateVariables(\n            Object.values(part.options).flatMap(({ value }) => value),\n          ),\n        ];\n      case TYPE.tag:\n        return [part, ...collectTemplateVariables(part.children)];\n      default:\n        return [part];\n    }\n  });\n\n// MARK: Types\n\nexport type MessageConfig = {\n  description: string | undefined;\n  variables: TemplateVariable[];\n};\n"],"names":["parse","TYPE","parseMessageSchema","schema","description","match","slice","variables","extractTemplateVariables","collectTemplateVariables","parts","flatMap","part","type","literal","pound","argument","number","date","time","plural","select","Object","values","options","value","tag","children"],"mappings":"AACA,SAASA,KAAK,EAAEC,IAAI,QAAQ,qCAAqC;AAGjE,OAAO,MAAMC,qBAAqB,CAACC;IACjC,MAAMC,cAAcD,OAAOE,KAAK,CAAC,YAAY,CAAC,EAAE;IAChD,6CAA6C;IAC7C,2EAA2E;IAC3E,sEAAsE;IAEtE,OAAO;QACLD,aAAaA,aAAaE,MAAM,GAAG,CAAC;QACpCC,WAAWC,yBAAyBL;IACtC;AACF,EAAE;AAEF,OAAO,MAAMK,2BAA2B,CACtCL,SACuBM,yBAAyBT,MAAMG,SAAS;AAEjE,MAAMM,2BAA2B,CAC/BC,QAEAA,MAAMC,OAAO,CAAmB,CAACC;QAC/B,OAAQA,KAAKC,IAAI;YACf,KAAKZ,KAAKa,OAAO;YACjB,KAAKb,KAAKc,KAAK;gBACb,OAAO,EAAE;YACX,KAAKd,KAAKe,QAAQ;YAClB,KAAKf,KAAKgB,MAAM;YAChB,KAAKhB,KAAKiB,IAAI;YACd,KAAKjB,KAAKkB,IAAI;gBACZ,OAAO;oBAACP;iBAAK;YACf,KAAKX,KAAKmB,MAAM;YAChB,KAAKnB,KAAKoB,MAAM;gBACd,OAAO;oBACLT;uBACGH,yBACDa,OAAOC,MAAM,CAACX,KAAKY,OAAO,EAAEb,OAAO,CAAC,CAAC,EAAEc,KAAK,EAAE,GAAKA;iBAEtD;YACH,KAAKxB,KAAKyB,GAAG;gBACX,OAAO;oBAACd;uBAASH,yBAAyBG,KAAKe,QAAQ;iBAAE;YAC3D;gBACE,OAAO;oBAACf;iBAAK;QACjB;IACF"}

package/dist/utils/validate.d.ts

@@ -1,5 +1,5 @@
-import { ValidateResult } from 'react-hook-form';
-import { TemplateVariable } from '../types';
+import type { ValidateResult } from 'react-hook-form';
+import type { TemplateVariable } from '../types';
 export declare const validateMessage: (value: unknown, variables: TemplateVariable[]) => ValidateResult;
 export declare const createValidator: (variables: TemplateVariable[]) => MessageValidator;
 export type MessageValidator = (value: unknown) => ValidateResult;

package/dist/utils/validate.js

@@ -1,57 +1,56 @@
-import { TYPE as n } from "@formatjs/icu-messageformat-parser";
-import { isNumericElement as u, isTemporalElement as l } from "./guards.js";
-import { extractTemplateVariables as f } from "./schema.js";
-const v = (o, r) => {
-  if (typeof o != "string") return "Invalid value";
-  try {
-    const a = f(o);
-    for (const e of r) {
-      const t = a.find(
-        (s) => s.value === e.value
-      );
-      if (t) {
-        if (u(e)) {
-          if (u(t)) continue;
-          return `{${e.value}} has invalid type`;
+import { TYPE } from '@formatjs/icu-messageformat-parser';
+import { isNumericElement, isTemporalElement } from './guards';
+import { extractTemplateVariables } from './schema';
+export const validateMessage = (value, variables)=>{
+    if (typeof value !== 'string') return 'Invalid value';
+    try {
+        const variableUsages = extractTemplateVariables(value);
+        for (const allowedVariable of variables){
+            const variableUsage = variableUsages.find((placeholder)=>placeholder.value === allowedVariable.value);
+            if (!variableUsage) continue;
+            if (isNumericElement(allowedVariable)) {
+                if (isNumericElement(variableUsage)) continue;
+                return `{${allowedVariable.value}} has invalid type`;
+            }
+            if (isTemporalElement(allowedVariable)) {
+                if (isTemporalElement(variableUsage)) continue;
+                return `{${allowedVariable.value}} has invalid type`;
+            }
+            switch(allowedVariable.type){
+                case TYPE.argument:
+                    if (variableUsage.type === TYPE.argument) continue;
+                    return `{${allowedVariable.value}} has invalid type`;
+                case TYPE.select:
+                    {
+                        if (variableUsage.type !== TYPE.select) return `{${allowedVariable.value}} has invalid type`;
+                        const allowedOptions = Object.keys(allowedVariable.options);
+                        for (const option of allowedOptions){
+                            if (variableUsage.options[option]) continue;
+                            return `{${allowedVariable.value}} has missing option: ${option}`;
+                        }
+                        const usedOptions = Object.keys(variableUsage.options);
+                        for (const option of usedOptions){
+                            if (allowedOptions.includes(option)) continue;
+                            return `{${allowedVariable.value}} has unsupported option: ${option}`;
+                        }
+                        continue;
+                    }
+                case TYPE.tag:
+                    if (variableUsage.type === TYPE.tag) continue;
+                    return `{${allowedVariable.value}} has invalid type`;
+            }
         }
-        if (l(e)) {
-          if (l(t)) continue;
-          return `{${e.value}} has invalid type`;
+        const supportedVariables = new Set(variables.map(({ value })=>value));
+        for (const variableUsage of variableUsages){
+            if (supportedVariables.has(variableUsage.value)) continue;
+            return `{${variableUsage.value}} is not supported`;
         }
-        switch (e.type) {
-          case n.argument:
-            if (t.type === n.argument) continue;
-            return `{${e.value}} has invalid type`;
-          case n.select: {
-            if (t.type !== n.select)
-              return `{${e.value}} has invalid type`;
-            const s = Object.keys(e.options);
-            for (const i of s)
-              if (!t.options[i])
-                return `{${e.value}} has missing option: ${i}`;
-            const p = Object.keys(t.options);
-            for (const i of p)
-              if (!s.includes(i))
-                return `{${e.value}} has unsupported option: ${i}`;
-            continue;
-          }
-          case n.tag:
-            if (t.type === n.tag) continue;
-            return `{${e.value}} has invalid type`;
-        }
-      }
+        return true;
+    } catch (error) {
+        if (!(error instanceof Error)) return false;
+        return `Invalid syntax: ${error.message}`;
     }
-    const c = new Set(r.map(({ value: e }) => e));
-    for (const e of a)
-      if (!c.has(e.value))
-        return `{${e.value}} is not supported`;
-    return !0;
-  } catch (a) {
-    return a instanceof Error ? `Invalid syntax: ${a.message}` : !1;
-  }
-}, g = (o) => (r) => v(r, o);
-export {
-  g as createValidator,
-  v as validateMessage
 };
-//# sourceMappingURL=validate.js.map
+export const createValidator = (variables)=>(value)=>validateMessage(value, variables);
+
+//# sourceMappingURL=validate.js.map

package/dist/utils/validate.js.map

@@ -1 +1 @@
-{"version":3,"file":"validate.js","sources":["../../src/utils/validate.ts"],"sourcesContent":["import { TYPE } from '@formatjs/icu-messageformat-parser';\nimport type { ValidateResult } from 'react-hook-form';\nimport type { TemplateVariable } from '@/types';\n\nimport { isNumericElement, isTemporalElement } from './guards';\nimport { extractTemplateVariables } from './schema';\n\nexport const validateMessage = (\n  value: unknown,\n  variables: TemplateVariable[],\n): ValidateResult => {\n  if (typeof value !== 'string') return 'Invalid value';\n\n  try {\n    const variableUsages = extractTemplateVariables(value);\n\n    for (const allowedVariable of variables) {\n      const variableUsage = variableUsages.find(\n        (placeholder) => placeholder.value === allowedVariable.value,\n      );\n\n      if (!variableUsage) continue;\n\n      if (isNumericElement(allowedVariable)) {\n        if (isNumericElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      if (isTemporalElement(allowedVariable)) {\n        if (isTemporalElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      switch (allowedVariable.type) {\n        case TYPE.argument:\n          if (variableUsage.type === TYPE.argument) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n        case TYPE.select: {\n          if (variableUsage.type !== TYPE.select)\n            return `{${allowedVariable.value}} has invalid type`;\n\n          const allowedOptions = Object.keys(allowedVariable.options);\n          for (const option of allowedOptions) {\n            if (variableUsage.options[option]) continue;\n            return `{${allowedVariable.value}} has missing option: ${option}`;\n          }\n          const usedOptions = Object.keys(variableUsage.options);\n          for (const option of usedOptions) {\n            if (allowedOptions.includes(option)) continue;\n            return `{${allowedVariable.value}} has unsupported option: ${option}`;\n          }\n          continue;\n        }\n        case TYPE.tag:\n          if (variableUsage.type === TYPE.tag) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n      }\n    }\n\n    const supportedVariables = new Set(variables.map(({ value }) => value));\n\n    for (const variableUsage of variableUsages) {\n      if (supportedVariables.has(variableUsage.value)) continue;\n      return `{${variableUsage.value}} is not supported`;\n    }\n\n    return true;\n  } catch (error) {\n    if (!(error instanceof Error)) return false;\n    return `Invalid syntax: ${error.message}`;\n  }\n};\n\nexport const createValidator =\n  (variables: TemplateVariable[]): MessageValidator =>\n  (value: unknown) =>\n    validateMessage(value, variables);\n\nexport type MessageValidator = (value: unknown) => ValidateResult;\n"],"names":["validateMessage","value","variables","variableUsages","extractTemplateVariables","allowedVariable","variableUsage","placeholder","isNumericElement","isTemporalElement","TYPE","allowedOptions","option","usedOptions","supportedVariables","error","createValidator"],"mappings":";;;AAOO,MAAMA,IAAkB,CAC7BC,GACAC,MACmB;AACnB,MAAI,OAAOD,KAAU,SAAU,QAAO;AAEtC,MAAI;AACF,UAAME,IAAiBC,EAAyBH,CAAK;AAErD,eAAWI,KAAmBH,GAAW;AACvC,YAAMI,IAAgBH,EAAe;AAAA,QACnC,CAACI,MAAgBA,EAAY,UAAUF,EAAgB;AAAA,MAAA;AAGzD,UAAKC,GAEL;AAAA,YAAIE,EAAiBH,CAAe,GAAG;AACrC,cAAIG,EAAiBF,CAAa,EAAG;AACrC,iBAAO,IAAID,EAAgB,KAAK;AAAA,QAClC;AAEA,YAAII,EAAkBJ,CAAe,GAAG;AACtC,cAAII,EAAkBH,CAAa,EAAG;AACtC,iBAAO,IAAID,EAAgB,KAAK;AAAA,QAClC;AAEA,gBAAQA,EAAgB,MAAA;AAAA,UACtB,KAAKK,EAAK;AACR,gBAAIJ,EAAc,SAASI,EAAK,SAAU;AAC1C,mBAAO,IAAIL,EAAgB,KAAK;AAAA,UAClC,KAAKK,EAAK,QAAQ;AAChB,gBAAIJ,EAAc,SAASI,EAAK;AAC9B,qBAAO,IAAIL,EAAgB,KAAK;AAElC,kBAAMM,IAAiB,OAAO,KAAKN,EAAgB,OAAO;AAC1D,uBAAWO,KAAUD;AACnB,kBAAI,CAAAL,EAAc,QAAQM,CAAM;AAChC,uBAAO,IAAIP,EAAgB,KAAK,yBAAyBO,CAAM;AAEjE,kBAAMC,IAAc,OAAO,KAAKP,EAAc,OAAO;AACrD,uBAAWM,KAAUC;AACnB,kBAAI,CAAAF,EAAe,SAASC,CAAM;AAClC,uBAAO,IAAIP,EAAgB,KAAK,6BAA6BO,CAAM;AAErE;AAAA,UACF;AAAA,UACA,KAAKF,EAAK;AACR,gBAAIJ,EAAc,SAASI,EAAK,IAAK;AACrC,mBAAO,IAAIL,EAAgB,KAAK;AAAA,QAAA;AAAA;AAAA,IAEtC;AAEA,UAAMS,IAAqB,IAAI,IAAIZ,EAAU,IAAI,CAAC,EAAE,OAAAD,QAAYA,CAAK,CAAC;AAEtE,eAAWK,KAAiBH;AAC1B,UAAI,CAAAW,EAAmB,IAAIR,EAAc,KAAK;AAC9C,eAAO,IAAIA,EAAc,KAAK;AAGhC,WAAO;AAAA,EACT,SAASS,GAAO;AACd,WAAMA,aAAiB,QAChB,mBAAmBA,EAAM,OAAO,KADD;AAAA,EAExC;AACF,GAEaC,IACX,CAACd,MACD,CAACD,MACCD,EAAgBC,GAAOC,CAAS;"}
+{"version":3,"sources":["../../src/utils/validate.ts"],"sourcesContent":["import { TYPE } from '@formatjs/icu-messageformat-parser';\nimport type { ValidateResult } from 'react-hook-form';\nimport type { TemplateVariable } from '@/types';\n\nimport { isNumericElement, isTemporalElement } from './guards';\nimport { extractTemplateVariables } from './schema';\n\nexport const validateMessage = (\n  value: unknown,\n  variables: TemplateVariable[],\n): ValidateResult => {\n  if (typeof value !== 'string') return 'Invalid value';\n\n  try {\n    const variableUsages = extractTemplateVariables(value);\n\n    for (const allowedVariable of variables) {\n      const variableUsage = variableUsages.find(\n        (placeholder) => placeholder.value === allowedVariable.value,\n      );\n\n      if (!variableUsage) continue;\n\n      if (isNumericElement(allowedVariable)) {\n        if (isNumericElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      if (isTemporalElement(allowedVariable)) {\n        if (isTemporalElement(variableUsage)) continue;\n        return `{${allowedVariable.value}} has invalid type`;\n      }\n\n      switch (allowedVariable.type) {\n        case TYPE.argument:\n          if (variableUsage.type === TYPE.argument) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n        case TYPE.select: {\n          if (variableUsage.type !== TYPE.select)\n            return `{${allowedVariable.value}} has invalid type`;\n\n          const allowedOptions = Object.keys(allowedVariable.options);\n          for (const option of allowedOptions) {\n            if (variableUsage.options[option]) continue;\n            return `{${allowedVariable.value}} has missing option: ${option}`;\n          }\n          const usedOptions = Object.keys(variableUsage.options);\n          for (const option of usedOptions) {\n            if (allowedOptions.includes(option)) continue;\n            return `{${allowedVariable.value}} has unsupported option: ${option}`;\n          }\n          continue;\n        }\n        case TYPE.tag:\n          if (variableUsage.type === TYPE.tag) continue;\n          return `{${allowedVariable.value}} has invalid type`;\n      }\n    }\n\n    const supportedVariables = new Set(variables.map(({ value }) => value));\n\n    for (const variableUsage of variableUsages) {\n      if (supportedVariables.has(variableUsage.value)) continue;\n      return `{${variableUsage.value}} is not supported`;\n    }\n\n    return true;\n  } catch (error) {\n    if (!(error instanceof Error)) return false;\n    return `Invalid syntax: ${error.message}`;\n  }\n};\n\nexport const createValidator =\n  (variables: TemplateVariable[]): MessageValidator =>\n  (value: unknown) =>\n    validateMessage(value, variables);\n\nexport type MessageValidator = (value: unknown) => ValidateResult;\n"],"names":["TYPE","isNumericElement","isTemporalElement","extractTemplateVariables","validateMessage","value","variables","variableUsages","allowedVariable","variableUsage","find","placeholder","type","argument","select","allowedOptions","Object","keys","options","option","usedOptions","includes","tag","supportedVariables","Set","map","has","error","Error","message","createValidator"],"mappings":"AAAA,SAASA,IAAI,QAAQ,qCAAqC;AAI1D,SAASC,gBAAgB,EAAEC,iBAAiB,QAAQ,WAAW;AAC/D,SAASC,wBAAwB,QAAQ,WAAW;AAEpD,OAAO,MAAMC,kBAAkB,CAC7BC,OACAC;IAEA,IAAI,OAAOD,UAAU,UAAU,OAAO;IAEtC,IAAI;QACF,MAAME,iBAAiBJ,yBAAyBE;QAEhD,KAAK,MAAMG,mBAAmBF,UAAW;YACvC,MAAMG,gBAAgBF,eAAeG,IAAI,CACvC,CAACC,cAAgBA,YAAYN,KAAK,KAAKG,gBAAgBH,KAAK;YAG9D,IAAI,CAACI,eAAe;YAEpB,IAAIR,iBAAiBO,kBAAkB;gBACrC,IAAIP,iBAAiBQ,gBAAgB;gBACrC,OAAO,CAAC,CAAC,EAAED,gBAAgBH,KAAK,CAAC,kBAAkB,CAAC;YACtD;YAEA,IAAIH,kBAAkBM,kBAAkB;gBACtC,IAAIN,kBAAkBO,gBAAgB;gBACtC,OAAO,CAAC,CAAC,EAAED,gBAAgBH,KAAK,CAAC,kBAAkB,CAAC;YACtD;YAEA,OAAQG,gBAAgBI,IAAI;gBAC1B,KAAKZ,KAAKa,QAAQ;oBAChB,IAAIJ,cAAcG,IAAI,KAAKZ,KAAKa,QAAQ,EAAE;oBAC1C,OAAO,CAAC,CAAC,EAAEL,gBAAgBH,KAAK,CAAC,kBAAkB,CAAC;gBACtD,KAAKL,KAAKc,MAAM;oBAAE;wBAChB,IAAIL,cAAcG,IAAI,KAAKZ,KAAKc,MAAM,EACpC,OAAO,CAAC,CAAC,EAAEN,gBAAgBH,KAAK,CAAC,kBAAkB,CAAC;wBAEtD,MAAMU,iBAAiBC,OAAOC,IAAI,CAACT,gBAAgBU,OAAO;wBAC1D,KAAK,MAAMC,UAAUJ,eAAgB;4BACnC,IAAIN,cAAcS,OAAO,CAACC,OAAO,EAAE;4BACnC,OAAO,CAAC,CAAC,EAAEX,gBAAgBH,KAAK,CAAC,sBAAsB,EAAEc,QAAQ;wBACnE;wBACA,MAAMC,cAAcJ,OAAOC,IAAI,CAACR,cAAcS,OAAO;wBACrD,KAAK,MAAMC,UAAUC,YAAa;4BAChC,IAAIL,eAAeM,QAAQ,CAACF,SAAS;4BACrC,OAAO,CAAC,CAAC,EAAEX,gBAAgBH,KAAK,CAAC,0BAA0B,EAAEc,QAAQ;wBACvE;wBACA;oBACF;gBACA,KAAKnB,KAAKsB,GAAG;oBACX,IAAIb,cAAcG,IAAI,KAAKZ,KAAKsB,GAAG,EAAE;oBACrC,OAAO,CAAC,CAAC,EAAEd,gBAAgBH,KAAK,CAAC,kBAAkB,CAAC;YACxD;QACF;QAEA,MAAMkB,qBAAqB,IAAIC,IAAIlB,UAAUmB,GAAG,CAAC,CAAC,EAAEpB,KAAK,EAAE,GAAKA;QAEhE,KAAK,MAAMI,iBAAiBF,eAAgB;YAC1C,IAAIgB,mBAAmBG,GAAG,CAACjB,cAAcJ,KAAK,GAAG;YACjD,OAAO,CAAC,CAAC,EAAEI,cAAcJ,KAAK,CAAC,kBAAkB,CAAC;QACpD;QAEA,OAAO;IACT,EAAE,OAAOsB,OAAO;QACd,IAAI,CAAEA,CAAAA,iBAAiBC,KAAI,GAAI,OAAO;QACtC,OAAO,CAAC,gBAAgB,EAAED,MAAME,OAAO,EAAE;IAC3C;AACF,EAAE;AAEF,OAAO,MAAMC,kBACX,CAACxB,YACD,CAACD,QACCD,gBAAgBC,OAAOC,WAAW"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "payload-intl",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "Payload Plugin for I18N using ICU Messages",
   "keywords": [
     "payload",
@@ -20,7 +20,7 @@
     "directory": "packages/intl"
   },
   "license": "MIT",
-  "author": "Michael Zeltner",
+  "author": "DAVINCI CODING GmbH",
   "type": "module",
   "exports": {
     ".": {
@@ -33,63 +33,57 @@
       "import": "./dist/exports/rsc.js",
       "default": "./dist/exports/rsc.js"
     },
-    "./styles.css": "./dist/styles.css"
+    "./client": {
+      "types": "./dist/exports/client.d.ts",
+      "import": "./dist/exports/client.js",
+      "default": "./dist/exports/client.js"
+    }
   },
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"
   ],
+  "scripts": {
+    "prebuild": "pnpm typecheck",
+    "build": "plugin-build",
+    "clean": "rm -rf dist && rm -rf node_modules",
+    "dev": "plugin-build --watch",
+    "generate:types": "generate-types",
+    "lint": "biome check .",
+    "lint:fix": "biome check --write .",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit"
+  },
   "dependencies": {
-    "@floating-ui/dom": "^1.7.3",
     "@formatjs/icu-messageformat-parser": "^2.11.2",
-    "@radix-ui/react-dropdown-menu": "^2.1.15",
-    "@radix-ui/react-hover-card": "^1.1.14",
-    "@radix-ui/react-popover": "^1.1.14",
-    "@radix-ui/react-select": "^2.2.5",
-    "@radix-ui/react-toggle-group": "^1.1.10",
-    "@radix-ui/react-toolbar": "^1.1.10",
     "@tabler/icons-react": "^3.36.1",
-    "@tiptap/core": "^3.16.0",
-    "@tiptap/extension-document": "^3.16.0",
-    "@tiptap/extension-mention": "^3.16.0",
-    "@tiptap/extension-paragraph": "^3.16.0",
-    "@tiptap/extension-text": "^3.16.0",
-    "@tiptap/pm": "^3.16.0",
-    "@tiptap/react": "^3.16.0",
-    "@tiptap/suggestion": "^3.16.0",
-    "clsx": "^2.1.1",
+    "lexical-beautiful-mentions": "^0.1.48",
     "lodash-es": "^4.17.21",
     "radix-ui": "^1.4.2",
     "react-hook-form": "^7.58.1",
-    "tailwind-merge": "^3.3.1",
-    "zod": "^4.0.14"
+    "zod": "catalog:"
   },
   "devDependencies": {
-    "@payloadcms/richtext-lexical": "3.72.0",
-    "@payloadcms/ui": "3.72.0",
-    "@tailwindcss/typography": "^0.5.16",
-    "@tailwindcss/vite": "^4.1.11",
+    "@payloadcms/richtext-lexical": "catalog:payload-stack",
+    "@payloadcms/ui": "catalog:payload-stack",
+    "@repo/common": "workspace:*",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^22.5.4",
-    "@types/react": "19.2.1",
-    "@types/react-dom": "19.2.1",
-    "next": "15.5.9",
-    "payload": "3.72.0",
-    "react": "19.2.1",
-    "react-dom": "19.2.1",
-    "rollup-preserve-directives": "1.1.3",
-    "tailwindcss": "^4.1.11",
-    "tw-animate-css": "^1.3.6",
-    "typescript": "5.7.3",
-    "vite": "7.0.6",
-    "vite-plugin-dts": "4.5.4",
-    "vite-tsconfig-paths": "5.1.4",
-    "vitest": "^3.1.2",
-    "@repo/configs": "0.0.1"
+    "@types/react": "catalog:payload-stack",
+    "@types/react-dom": "catalog:payload-stack",
+    "next": "catalog:payload-stack",
+    "payload": "catalog:payload-stack",
+    "react": "catalog:payload-stack",
+    "react-dom": "catalog:payload-stack",
+    "typescript": "catalog:payload-stack",
+    "vite": "catalog:vite",
+    "vitest": "^3.1.2"
   },
   "peerDependencies": {
     "@payloadcms/next": ">=3.72.0",
+    "@payloadcms/richtext-lexical": ">=3.72.0",
     "@payloadcms/ui": ">=3.72.0",
     "next": ">=15.2.3",
     "payload": ">=3.72.0"
@@ -100,16 +94,5 @@
   },
   "publishConfig": {
     "access": "public"
-  },
-  "scripts": {
-    "prebuild": "pnpm typecheck",
-    "build": "vite build",
-    "clean": "rm -rf dist && rm -rf node_modules",
-    "dev": "vite build --watch",
-    "lint": "biome check .",
-    "lint:fix": "biome check --write .",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit"
   }
-}
+}

package/dist/components/inputs/variables/VariableSuggestion.d.ts

@@ -1,9 +0,0 @@
-import { SuggestionKeyDownProps, SuggestionProps } from '@tiptap/suggestion';
-import { VariableMentionNodeAttrs } from '../../../types';
-export interface VariableSuggestionProps extends SuggestionProps<VariableMentionNodeAttrs, VariableMentionNodeAttrs> {
-    ref: React.RefObject<{
-        onKeyDown: (props: SuggestionKeyDownProps) => boolean;
-    }>;
-}
-export declare function VariableSuggestion({ items, command, ref, }: VariableSuggestionProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=VariableSuggestion.d.ts.map

package/dist/components/inputs/variables/VariableSuggestion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableSuggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/variables/VariableSuggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,sBAAsB,EACtB,eAAe,EAChB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAIxD,MAAM,WAAW,uBACf,SAAQ,eAAe,CAAC,wBAAwB,EAAE,wBAAwB,CAAC;IAC3E,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC;QACnB,SAAS,EAAE,CAAC,KAAK,EAAE,sBAAsB,KAAK,OAAO,CAAC;KACvD,CAAC,CAAC;CACJ;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAO,EACP,GAAG,GACJ,EAAE,uBAAuB,2CAiEzB"}

package/dist/components/inputs/variables/VariableSuggestion.js

@@ -1,41 +0,0 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as i, useEffect as f, useImperativeHandle as g } from "react";
-import { cn as b } from "../../../utils/cn.js";
-function x({
-  items: n,
-  command: c,
-  ref: u
-}) {
-  const [r, o] = i(0), l = (e) => {
-    const t = n[e];
-    t && c(t);
-  }, d = () => {
-    o((r + n.length - 1) % n.length);
-  }, p = () => {
-    o((r + 1) % n.length);
-  }, s = () => {
-    l(r);
-  };
-  return f(() => o(0), [n]), g(u, () => ({
-    onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (d(), !0) : e.key === "ArrowDown" ? (p(), !0) : e.key === "Enter" ? (s(), !0) : !1
-  })), /* @__PURE__ */ a("div", { className: "flex flex-col overflow-clip rounded-md bg-elevation-100 empty:hidden", children: n.map((e, t) => /* @__PURE__ */ a(
-    "button",
-    {
-      className: b(
-        "cursor-pointer text-nowrap rounded-none border-none bg-transparent px-3 py-1 text-lg",
-        {
-          "bg-elevation-800 text-elevation-0": t === r,
-          "hover:bg-elevation-250": t !== r
-        }
-      ),
-      onClick: () => l(t),
-      type: "button",
-      children: e.label
-    },
-    t
-  )) });
-}
-export {
-  x as VariableSuggestion
-};
-//# sourceMappingURL=VariableSuggestion.js.map

package/dist/components/inputs/variables/VariableSuggestion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableSuggestion.js","sources":["../../../../src/components/inputs/variables/VariableSuggestion.tsx"],"sourcesContent":["import type {\n  SuggestionKeyDownProps,\n  SuggestionProps,\n} from '@tiptap/suggestion';\nimport { useEffect, useImperativeHandle, useState } from 'react';\nimport type { VariableMentionNodeAttrs } from '@/types';\n\nimport { cn } from '@/utils/cn';\n\nexport interface VariableSuggestionProps\n  extends SuggestionProps<VariableMentionNodeAttrs, VariableMentionNodeAttrs> {\n  ref: React.RefObject<{\n    onKeyDown: (props: SuggestionKeyDownProps) => boolean;\n  }>;\n}\n\nexport function VariableSuggestion({\n  items,\n  command,\n  ref,\n}: VariableSuggestionProps) {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const selectItem = (index: number) => {\n    const item = items[index];\n\n    if (item) command(item);\n  };\n\n  const upHandler = () => {\n    setSelectedIndex((selectedIndex + items.length - 1) % items.length);\n  };\n\n  const downHandler = () => {\n    setSelectedIndex((selectedIndex + 1) % items.length);\n  };\n\n  const enterHandler = () => {\n    selectItem(selectedIndex);\n  };\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>\n  useEffect(() => setSelectedIndex(0), [items]);\n\n  useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }) => {\n      if (event.key === 'ArrowUp') {\n        upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter') {\n        enterHandler();\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  return (\n    <div className=\"flex flex-col overflow-clip rounded-md bg-elevation-100 empty:hidden\">\n      {items.map((item, index) => (\n        <button\n          className={cn(\n            'cursor-pointer text-nowrap rounded-none border-none bg-transparent px-3 py-1 text-lg',\n            {\n              'bg-elevation-800 text-elevation-0': index === selectedIndex,\n              'hover:bg-elevation-250': index !== selectedIndex,\n            },\n          )}\n          key={index}\n          onClick={() => selectItem(index)}\n          type=\"button\"\n        >\n          {item.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"],"names":["VariableSuggestion","items","command","ref","selectedIndex","setSelectedIndex","useState","selectItem","index","item","upHandler","downHandler","enterHandler","useEffect","useImperativeHandle","event","jsx","cn"],"mappings":";;;AAgBO,SAASA,EAAmB;AAAA,EACjC,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAa,CAACC,MAAkB;AACpC,UAAMC,IAAOR,EAAMO,CAAK;AAExB,IAAIC,OAAcA,CAAI;AAAA,EACxB,GAEMC,IAAY,MAAM;AACtB,IAAAL,GAAkBD,IAAgBH,EAAM,SAAS,KAAKA,EAAM,MAAM;AAAA,EACpE,GAEMU,IAAc,MAAM;AACxB,IAAAN,GAAkBD,IAAgB,KAAKH,EAAM,MAAM;AAAA,EACrD,GAEMW,IAAe,MAAM;AACzB,IAAAL,EAAWH,CAAa;AAAA,EAC1B;AAGA,SAAAS,EAAU,MAAMR,EAAiB,CAAC,GAAG,CAACJ,CAAK,CAAC,GAE5Ca,EAAoBX,GAAK,OAAO;AAAA,IAC9B,WAAW,CAAC,EAAE,OAAAY,QACRA,EAAM,QAAQ,aAChBL,EAAA,GACO,MAGLK,EAAM,QAAQ,eAChBJ,EAAA,GACO,MAGLI,EAAM,QAAQ,WAChBH,EAAA,GACO,MAGF;AAAA,EACT,EACA,GAGA,gBAAAI,EAAC,SAAI,WAAU,wEACZ,YAAM,IAAI,CAACP,GAAMD,MAChB,gBAAAQ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,UACE,qCAAqCT,MAAUJ;AAAA,UAC/C,0BAA0BI,MAAUJ;AAAA,QAAA;AAAA,MACtC;AAAA,MAGF,SAAS,MAAMG,EAAWC,CAAK;AAAA,MAC/B,MAAK;AAAA,MAEJ,UAAAC,EAAK;AAAA,IAAA;AAAA,IAJDD;AAAA,EAAA,CAMR,GACH;AAEJ;"}

package/dist/components/inputs/variables/extension.d.ts

@@ -1,4 +0,0 @@
-import { MentionOptions } from '@tiptap/extension-mention';
-import { TemplateVariable, VariableMentionNodeAttrs } from '../../../types';
-export declare function VariableMention(variables: TemplateVariable[]): import('@tiptap/core').Node<MentionOptions<VariableMentionNodeAttrs, VariableMentionNodeAttrs>, any>;
-//# sourceMappingURL=extension.d.ts.map

package/dist/components/inputs/variables/extension.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"extension.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/variables/extension.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAShE,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAS1E,wBAAgB,eAAe,CAAC,SAAS,EAAE,gBAAgB,EAAE,wGA6B5D"}

package/dist/components/inputs/variables/extension.js

@@ -1,93 +0,0 @@
-import { computePosition as f, shift as c, flip as p } from "@floating-ui/dom";
-import y from "@tiptap/extension-mention";
-import { ReactNodeViewRenderer as g, ReactRenderer as b, posToDOMRect as w } from "@tiptap/react";
-import { formatVariableLabel as R } from "../../../utils/format.js";
-import { isTagElement as s } from "@formatjs/icu-messageformat-parser";
-import { serializeICUMessage as h } from "../../../utils/icu-tranform.js";
-import { VariableChip as v } from "./VariableChip.js";
-import { VariableSuggestion as x } from "./VariableSuggestion.js";
-function S(r) {
-  return y.extend({
-    name: "variable",
-    addNodeView: () => g(v),
-    addAttributes: () => ({
-      name: { default: null },
-      icu: { default: null },
-      label: { default: null }
-    }),
-    renderText: ({ node: n }) => n.attrs.icu
-  }).configure({
-    HTMLAttributes: {
-      class: "variable"
-    },
-    suggestions: [
-      l("@", r),
-      l(
-        "{",
-        r.filter((n) => !s(n))
-      ),
-      l(
-        "<",
-        r.filter((n) => s(n))
-      )
-    ]
-  });
-}
-function l(r, n) {
-  const m = n.map((e) => ({
-    name: e.value,
-    label: R(e),
-    icu: h([e])
-  }));
-  function a(e, o) {
-    f({
-      getBoundingClientRect: () => w(
-        e.view,
-        e.state.selection.from,
-        e.state.selection.to
-      )
-    }, o, {
-      placement: "bottom-start",
-      strategy: "absolute",
-      middleware: [c(), p()]
-    }).then(({ x: i, y: u, strategy: d }) => {
-      o.style.width = "max-content", o.style.position = d, o.style.left = `${i}px`, o.style.top = `${u}px`;
-    });
-  }
-  return {
-    char: r,
-    items: ({ query: e }) => m.filter(
-      (o) => o.name.toLowerCase().startsWith(e.toLowerCase())
-    ),
-    render: () => {
-      let e;
-      const o = document.getElementById(
-        "messages-form-content"
-      );
-      return {
-        onStart: (t) => {
-          if (e = new b(x, {
-            props: t,
-            editor: t.editor
-          }), !t.clientRect) return;
-          o.style.overflow = "hidden";
-          const i = e.element;
-          i.style.position = "absolute", document.body.appendChild(i), a(t.editor, i);
-        },
-        onUpdate(t) {
-          e.updateProps(t), t.clientRect && a(t.editor, e.element);
-        },
-        onKeyDown(t) {
-          return t.event.key === "Escape" ? (e.destroy(), !0) : e.ref ? e.ref.onKeyDown(t) : !1;
-        },
-        onExit() {
-          e.element.remove(), e.destroy(), o.style.overflow = "";
-        }
-      };
-    }
-  };
-}
-export {
-  S as VariableMention
-};
-//# sourceMappingURL=extension.js.map

package/dist/components/inputs/variables/extension.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"extension.js","sources":["../../../../src/components/inputs/variables/extension.ts"],"sourcesContent":["import type { VirtualElement } from '@floating-ui/dom';\nimport { computePosition, flip, shift } from '@floating-ui/dom';\nimport type { MentionOptions } from '@tiptap/extension-mention';\nimport Mention from '@tiptap/extension-mention';\nimport type { Attribute, Editor } from '@tiptap/react';\nimport {\n  posToDOMRect,\n  ReactNodeViewRenderer,\n  ReactRenderer,\n} from '@tiptap/react';\nimport type { SuggestionKeyDownProps } from '@tiptap/suggestion';\nimport type { TemplateVariable, VariableMentionNodeAttrs } from '@/types';\n\nimport { formatVariableLabel } from '@/utils/format';\nimport { isTagElement, isTemporalElement } from '@/utils/guards';\nimport { serializeICUMessage } from '@/utils/icu-tranform';\nimport { VariableChip } from './VariableChip';\nimport type { VariableSuggestionProps } from './VariableSuggestion';\nimport { VariableSuggestion } from './VariableSuggestion';\n\nexport function VariableMention(variables: TemplateVariable[]) {\n  return Mention.extend<\n    MentionOptions<VariableMentionNodeAttrs, VariableMentionNodeAttrs>\n  >({\n    name: 'variable',\n    addNodeView: () => ReactNodeViewRenderer(VariableChip),\n    addAttributes: () =>\n      ({\n        name: { default: null },\n        icu: { default: null },\n        label: { default: null },\n      }) satisfies Record<keyof VariableMentionNodeAttrs, Attribute>,\n    renderText: ({ node }) => node.attrs.icu,\n  }).configure({\n    HTMLAttributes: {\n      class: 'variable',\n    },\n    suggestions: [\n      createSuggestion('@', variables),\n      createSuggestion(\n        '{',\n        variables.filter((variable) => !isTagElement(variable)),\n      ),\n      createSuggestion(\n        '<',\n        variables.filter((variable) => isTagElement(variable)),\n      ),\n    ],\n  });\n}\n\nfunction createSuggestion(\n  char: string,\n  variables: TemplateVariable[],\n): MentionOptions<\n  VariableMentionNodeAttrs,\n  VariableMentionNodeAttrs\n>['suggestion'] {\n  const items = variables.map((variable) => ({\n    name: variable.value,\n    label: formatVariableLabel(variable),\n    icu: serializeICUMessage([variable]),\n  }));\n\n  function updatePosition(editor: Editor, element: HTMLElement): void {\n    const virtualElement: VirtualElement = {\n      getBoundingClientRect: () =>\n        posToDOMRect(\n          editor.view,\n          editor.state.selection.from,\n          editor.state.selection.to,\n        ),\n    };\n\n    void computePosition(virtualElement, element, {\n      placement: 'bottom-start',\n      strategy: 'absolute',\n      middleware: [shift(), flip()],\n    }).then(({ x, y, strategy }) => {\n      element.style.width = 'max-content';\n      element.style.position = strategy;\n      element.style.left = `${x}px`;\n      element.style.top = `${y}px`;\n    });\n  }\n\n  return {\n    char,\n    items: ({ query }) =>\n      items.filter((item) =>\n        item.name.toLowerCase().startsWith(query.toLowerCase()),\n      ),\n    render: () => {\n      let component: ReactRenderer<\n        { onKeyDown(props: SuggestionKeyDownProps): boolean },\n        VariableSuggestionProps\n      >;\n\n      const scrollableElement = document.getElementById(\n        'messages-form-content',\n      );\n\n      return {\n        onStart: (props) => {\n          component = new ReactRenderer<\n            { onKeyDown(props: SuggestionKeyDownProps): boolean },\n            VariableSuggestionProps\n          >(VariableSuggestion, {\n            props,\n            editor: props.editor,\n          });\n\n          if (!props.clientRect) return;\n\n          scrollableElement!.style.overflow = 'hidden';\n\n          const element = component.element;\n          element.style.position = 'absolute';\n          document.body.appendChild(element);\n\n          updatePosition(props.editor, element);\n        },\n\n        onUpdate(props) {\n          component.updateProps(props);\n\n          if (!props.clientRect) return;\n\n          updatePosition(props.editor, component.element);\n        },\n\n        onKeyDown(props) {\n          if (props.event.key === 'Escape') {\n            component.destroy();\n            return true;\n          }\n          if (!component.ref) return false;\n\n          return component.ref.onKeyDown(props);\n        },\n\n        onExit() {\n          component.element.remove();\n          component.destroy();\n          scrollableElement!.style.overflow = '';\n        },\n      };\n    },\n  };\n}\n"],"names":["VariableMention","variables","Mention","ReactNodeViewRenderer","VariableChip","node","createSuggestion","variable","isTagElement","char","items","formatVariableLabel","serializeICUMessage","updatePosition","editor","element","computePosition","posToDOMRect","shift","flip","x","y","strategy","query","item","component","scrollableElement","props","ReactRenderer","VariableSuggestion"],"mappings":"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"}

package/dist/context/messages-form.d.ts

@@ -1,29 +0,0 @@
-import { UseFormReturn } from 'react-hook-form';
-import { Locales, Messages, Translations } from '../types';
-export type FormValues = Translations<Messages>;
-interface MessagesFormProviderProps {
-    locales: Locales;
-    form: UseFormReturn<FormValues>;
-}
-export declare function MessagesFormProvider({ locales, form, children, }: React.PropsWithChildren<MessagesFormProviderProps>): import("react/jsx-runtime").JSX.Element;
-export declare const useMessagesForm: () => {
-    watch: import('react-hook-form').UseFormWatch<FormValues>;
-    getValues: import('react-hook-form').UseFormGetValues<FormValues>;
-    getFieldState: import('react-hook-form').UseFormGetFieldState<FormValues>;
-    setError: import('react-hook-form').UseFormSetError<FormValues>;
-    clearErrors: import('react-hook-form').UseFormClearErrors<FormValues>;
-    setValue: import('react-hook-form').UseFormSetValue<FormValues>;
-    trigger: import('react-hook-form').UseFormTrigger<FormValues>;
-    formState: import('react-hook-form').FormState<FormValues>;
-    resetField: import('react-hook-form').UseFormResetField<FormValues>;
-    reset: import('react-hook-form').UseFormReset<FormValues>;
-    handleSubmit: import('react-hook-form').UseFormHandleSubmit<FormValues, FormValues>;
-    unregister: import('react-hook-form').UseFormUnregister<FormValues>;
-    control: import('react-hook-form').Control<FormValues, any, FormValues>;
-    register: import('react-hook-form').UseFormRegister<FormValues>;
-    setFocus: import('react-hook-form').UseFormSetFocus<FormValues>;
-    subscribe: import('react-hook-form').UseFormSubscribe<FormValues>;
-    locales: Locales;
-};
-export {};
-//# sourceMappingURL=messages-form.d.ts.map

package/dist/context/messages-form.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"messages-form.d.ts","sourceRoot":"","sources":["../../src/context/messages-form.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE/D,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;AAQhD,UAAU,yBAAyB;IACjC,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;CACjC;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,IAAI,EACJ,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CAAC,2CAMpD;AAED,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;aAtBjB,OAAO;CA6BjB,CAAC"}