payload-intl 0.0.2 → 0.0.4

package/dist/components/inputs/variables/pickers/NumericVariablePicker.js

@@ -1,49 +1,53 @@
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { ToggleGroup as l } from "radix-ui";
-import { useState as i, useRef as c, useEffect as s } from "react";
-import { isNumberElement as m, isPluralElement as o } from "@formatjs/icu-messageformat-parser";
-import { PluralVariableEditor as f } from "../editors/PluralVariableEditor.js";
-const p = [
+import { useState as f, useRef as c, useEffect as m } from "react";
+import { isNumberElement as p, isPluralElement as i } from "@formatjs/icu-messageformat-parser";
+import { PluralVariableEditor as d } from "../editors/PluralVariableEditor.js";
+const v = [
   "number",
   "plural"
   // "selectordinal"
 ];
-function R({
+function E({
   element: e,
   onUpdate: n
 }) {
-  const [r, u] = i(() => {
-    if (m(e)) return "number";
-    if (o(e)) return "plural";
-  }), a = c(null);
-  return s(() => () => {
-    a.current && n(a.current.getValue());
-  }, []), /* @__PURE__ */ React.createElement("div", { className: "" }, /* @__PURE__ */ React.createElement(
-    l.Root,
-    {
-      type: "single",
-      className: "flex bg-elevation-100",
-      onValueChange: (t) => u(t),
-      value: r
-    },
-    p.map((t) => /* @__PURE__ */ React.createElement(
-      l.Item,
+  const [o, u] = f(() => {
+    if (p(e)) return "number";
+    if (i(e)) return "plural";
+  }), t = c(null);
+  return m(() => () => {
+    t.current && n(t.current.getValue());
+  }, []), /* @__PURE__ */ s("div", { className: "", children: [
+    /* @__PURE__ */ a(
+      l.Root,
       {
-        key: t,
-        value: t,
-        className: "flex-1 border-none data-[state=off]:cursor-pointer data-[state=off]:opacity-50 data-[state=off]:hover:opacity-100 data-[state=on]:bg-elevation-800 data-[state=on]:text-elevation-0"
-      },
-      t
-    ))
-  ), /* @__PURE__ */ React.createElement("div", { className: "p-3" }, r === "plural" && /* @__PURE__ */ React.createElement(
-    f,
-    {
-      variableName: e.value,
-      element: o(e) ? e : void 0,
-      ref: a
-    }
-  )));
+        type: "single",
+        className: "flex bg-elevation-100",
+        onValueChange: (r) => u(r),
+        value: o,
+        children: v.map((r) => /* @__PURE__ */ a(
+          l.Item,
+          {
+            value: r,
+            className: "flex-1 border-none data-[state=off]:cursor-pointer data-[state=off]:opacity-50 data-[state=off]:hover:opacity-100 data-[state=on]:bg-elevation-800 data-[state=on]:text-elevation-0",
+            children: r
+          },
+          r
+        ))
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "p-3", children: o === "plural" && /* @__PURE__ */ a(
+      d,
+      {
+        variableName: e.value,
+        element: i(e) ? e : void 0,
+        ref: t
+      }
+    ) })
+  ] });
 }
 export {
-  R as NumericVariablePicker
+  E as NumericVariablePicker
 };
 //# sourceMappingURL=NumericVariablePicker.js.map

package/dist/components/inputs/variables/pickers/NumericVariablePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumericVariablePicker.js","sources":["../../../../../src/components/inputs/variables/pickers/NumericVariablePicker.tsx"],"sourcesContent":["import { ToggleGroup } from \"radix-ui\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { NumberElement, PluralElement } from \"@/types\";\nimport { isNumberElement, isPluralElement } from \"@/utils/guards\";\n\nimport { PluralVariableEditor } from \"../editors/PluralVariableEditor\";\n\nconst NUMERIC_TYPES = [\n  \"number\",\n  \"plural\",\n  // \"selectordinal\"\n] as const;\n\ntype NumericType = (typeof NUMERIC_TYPES)[number];\n\nexport interface NumericVariablePickerProps {\n  element: NumberElement | PluralElement;\n  onUpdate: (value: string) => void;\n}\n\nexport function NumericVariablePicker({\n  element,\n  onUpdate,\n}: NumericVariablePickerProps) {\n  const [type, setType] = useState<NumericType | undefined>(() => {\n    if (isNumberElement(element)) return \"number\";\n    if (isPluralElement(element)) return \"plural\";\n    return undefined;\n  });\n  const getValueRef = useRef<{ getValue: () => string }>(null);\n\n  useEffect(() => {\n    return () => {\n      if (!getValueRef.current) return;\n      onUpdate(getValueRef.current.getValue());\n    };\n  }, []);\n\n  return (\n    <div className=\"\">\n      <ToggleGroup.Root\n        type=\"single\"\n        className=\"flex bg-elevation-100\"\n        onValueChange={(value) => setType(value as NumericType)}\n        value={type}\n      >\n        {NUMERIC_TYPES.map((type) => (\n          <ToggleGroup.Item\n            key={type}\n            value={type}\n            className=\"flex-1 border-none data-[state=off]:cursor-pointer data-[state=off]:opacity-50 data-[state=off]:hover:opacity-100 data-[state=on]:bg-elevation-800 data-[state=on]:text-elevation-0\"\n          >\n            {type}\n          </ToggleGroup.Item>\n        ))}\n      </ToggleGroup.Root>\n\n      <div className=\"p-3\">\n        {type === \"plural\" && (\n          <PluralVariableEditor\n            variableName={element.value}\n            element={isPluralElement(element) ? element : undefined}\n            ref={getValueRef}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["NUMERIC_TYPES","NumericVariablePicker","element","onUpdate","type","setType","useState","isNumberElement","isPluralElement","getValueRef","useRef","useEffect","ToggleGroup","value","PluralVariableEditor"],"mappings":";;;;AAQA,MAAMA,IAAgB;AAAA,EACpB;AAAA,EACA;AAAA;AAEF;AASO,SAASC,EAAsB;AAAA,EACpC,SAAAC;AAAA,EACA,UAAAC;AACF,GAA+B;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkC,MAAM;AAC9D,QAAIC,EAAgBL,CAAO,EAAG,QAAO;AACrC,QAAIM,EAAgBN,CAAO,EAAG,QAAO;AAAA,EAEvC,CAAC,GACKO,IAAcC,EAAmC,IAAI;AAE3D,SAAAC,EAAU,MACD,MAAM;AACX,IAAKF,EAAY,WACjBN,EAASM,EAAY,QAAQ,UAAU;AAAA,EACzC,GACC,CAAA,CAAE,GAGH,sBAAA,cAAC,OAAA,EAAI,WAAU,GAAA,GACb,sBAAA;AAAA,IAACG,EAAY;AAAA,IAAZ;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,eAAe,CAACC,MAAUR,EAAQQ,CAAoB;AAAA,MACtD,OAAOT;AAAA,IAAA;AAAA,IAENJ,EAAc,IAAI,CAACI,MAClB,sBAAA;AAAA,MAACQ,EAAY;AAAA,MAAZ;AAAA,QACC,KAAKR;AAAAA,QACL,OAAOA;AAAAA,QACP,WAAU;AAAA,MAAA;AAAA,MAETA;AAAAA,IAAA,CAEJ;AAAA,EAAA,GAGH,sBAAA,cAAC,OAAA,EAAI,WAAU,MAAA,GACZA,MAAS,YACR,sBAAA;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,cAAcZ,EAAQ;AAAA,MACtB,SAASM,EAAgBN,CAAO,IAAIA,IAAU;AAAA,MAC9C,KAAKO;AAAA,IAAA;AAAA,EAAA,CAGX,CACF;AAEJ;"}
+{"version":3,"file":"NumericVariablePicker.js","sources":["../../../../../src/components/inputs/variables/pickers/NumericVariablePicker.tsx"],"sourcesContent":["import { ToggleGroup } from \"radix-ui\";\nimport { useEffect, useRef, useState } from \"react\";\n\nimport type { NumberElement, PluralElement } from \"@/types\";\nimport { isNumberElement, isPluralElement } from \"@/utils/guards\";\n\nimport { PluralVariableEditor } from \"../editors/PluralVariableEditor\";\n\nconst NUMERIC_TYPES = [\n  \"number\",\n  \"plural\",\n  // \"selectordinal\"\n] as const;\n\ntype NumericType = (typeof NUMERIC_TYPES)[number];\n\nexport interface NumericVariablePickerProps {\n  element: NumberElement | PluralElement;\n  onUpdate: (value: string) => void;\n}\n\nexport function NumericVariablePicker({\n  element,\n  onUpdate,\n}: NumericVariablePickerProps) {\n  const [type, setType] = useState<NumericType | undefined>(() => {\n    if (isNumberElement(element)) return \"number\";\n    if (isPluralElement(element)) return \"plural\";\n    return undefined;\n  });\n  const getValueRef = useRef<{ getValue: () => string }>(null);\n\n  useEffect(() => {\n    return () => {\n      if (!getValueRef.current) return;\n      onUpdate(getValueRef.current.getValue());\n    };\n  }, []);\n\n  return (\n    <div className=\"\">\n      <ToggleGroup.Root\n        type=\"single\"\n        className=\"flex bg-elevation-100\"\n        onValueChange={(value) => setType(value as NumericType)}\n        value={type}\n      >\n        {NUMERIC_TYPES.map((type) => (\n          <ToggleGroup.Item\n            key={type}\n            value={type}\n            className=\"flex-1 border-none data-[state=off]:cursor-pointer data-[state=off]:opacity-50 data-[state=off]:hover:opacity-100 data-[state=on]:bg-elevation-800 data-[state=on]:text-elevation-0\"\n          >\n            {type}\n          </ToggleGroup.Item>\n        ))}\n      </ToggleGroup.Root>\n\n      <div className=\"p-3\">\n        {type === \"plural\" && (\n          <PluralVariableEditor\n            variableName={element.value}\n            element={isPluralElement(element) ? element : undefined}\n            ref={getValueRef}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["NUMERIC_TYPES","NumericVariablePicker","element","onUpdate","type","setType","useState","isNumberElement","isPluralElement","getValueRef","useRef","useEffect","jsxs","jsx","ToggleGroup","value","PluralVariableEditor"],"mappings":";;;;;AAQA,MAAMA,IAAgB;AAAA,EACpB;AAAA,EACA;AAAA;AAEF;AASO,SAASC,EAAsB;AAAA,EACpC,SAAAC;AAAA,EACA,UAAAC;AACF,GAA+B;AAC7B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAkC,MAAM;AAC9D,QAAIC,EAAgBL,CAAO,EAAG,QAAO;AACrC,QAAIM,EAAgBN,CAAO,EAAG,QAAO;AAAA,EAEvC,CAAC,GACKO,IAAcC,EAAmC,IAAI;AAE3D,SAAAC,EAAU,MACD,MAAM;AACX,IAAKF,EAAY,WACjBN,EAASM,EAAY,QAAQ,UAAU;AAAA,EACzC,GACC,CAAA,CAAE,GAGH,gBAAAG,EAAC,OAAA,EAAI,WAAU,IACb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC,EAAY;AAAA,MAAZ;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,eAAe,CAACC,MAAUV,EAAQU,CAAoB;AAAA,QACtD,OAAOX;AAAA,QAEN,UAAAJ,EAAc,IAAI,CAACI,MAClB,gBAAAS;AAAA,UAACC,EAAY;AAAA,UAAZ;AAAA,YAEC,OAAOV;AAAAA,YACP,WAAU;AAAA,YAET,UAAAA;AAAAA,UAAA;AAAA,UAJIA;AAAAA,QAAA,CAMR;AAAA,MAAA;AAAA,IAAA;AAAA,IAGH,gBAAAS,EAAC,OAAA,EAAI,WAAU,OACZ,gBAAS,YACR,gBAAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,cAAcd,EAAQ;AAAA,QACtB,SAASM,EAAgBN,CAAO,IAAIA,IAAU;AAAA,QAC9C,KAAKO;AAAA,MAAA;AAAA,IAAA,EACP,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/inputs/variables/pickers/TemporalElementEditor.d.ts

@@ -3,4 +3,4 @@ export interface TemporalElementEditorProps {
     element: DateElement | TimeElement;
     onUpdate: (value: string) => void;
 }
-export declare function TemporalElementEditor({ element, onUpdate, }: TemporalElementEditorProps): import("react").JSX.Element;
+export declare function TemporalElementEditor({ element, onUpdate, }: TemporalElementEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/MessageField.js

@@ -1,46 +1,50 @@
-import { useMemo as s } from "react";
-import { useMessagesForm as c } from "../../context/messages-form.js";
-import { cn as p } from "../../utils/cn.js";
+import { jsxs as c, jsx as a } from "react/jsx-runtime";
+import { useMemo as n } from "react";
+import { useMessagesForm as d } from "../../context/messages-form.js";
+import { cn as f } from "../../utils/cn.js";
 import { toWords as v } from "../../utils/format.js";
-import { parseMessageSchema as f } from "../../utils/schema.js";
-import { createValidator as d } from "../../utils/validate.js";
-import { MessageController as n } from "../MessageController.js";
-function y({
-  schema: o,
-  messageKey: r,
-  path: l,
-  className: i
+import { parseMessageSchema as x } from "../../utils/schema.js";
+import { createValidator as b } from "../../utils/validate.js";
+import { MessageController as p } from "../MessageController.js";
+function F({
+  schema: s,
+  messageKey: i,
+  path: t,
+  className: l
 }) {
-  const { locales: a } = c(), e = s(() => f(o), [o]), m = s(
-    () => d(e.variables),
+  const { locales: r } = d(), e = n(() => x(s), [s]), m = n(
+    () => b(e.variables),
     [e.variables]
   );
-  return /* @__PURE__ */ React.createElement("div", { className: p("", i) }, e.description && /* @__PURE__ */ React.createElement("p", null, e.description), a.length === 1 ? /* @__PURE__ */ React.createElement(
-    n,
-    {
-      className: i,
-      type: e.type,
-      variables: e.variables,
-      label: v(r),
-      locale: a[0],
-      name: [a[0], l, r].join("."),
-      validate: m
-    }
-  ) : /* @__PURE__ */ React.createElement("div", { className: "-mx-3 flex min-w-0 gap-4 overflow-x-auto overscroll-x-none px-3" }, a.map((t) => /* @__PURE__ */ React.createElement(
-    n,
-    {
-      key: t,
-      className: "flex-1",
-      type: e.type,
-      label: t.toUpperCase(),
-      locale: t,
-      variables: e.variables,
-      name: [t, l, r].join("."),
-      validate: m
-    }
-  ))));
+  return /* @__PURE__ */ c("div", { className: f("", l), children: [
+    e.description && /* @__PURE__ */ a("p", { children: e.description }),
+    r.length === 1 ? /* @__PURE__ */ a(
+      p,
+      {
+        className: l,
+        type: e.type,
+        variables: e.variables,
+        label: v(i),
+        locale: r[0],
+        name: [r[0], t, i].join("."),
+        validate: m
+      }
+    ) : /* @__PURE__ */ a("div", { className: "-mx-3 flex min-w-0 gap-4 overflow-x-auto overscroll-x-none px-3", children: r.map((o) => /* @__PURE__ */ a(
+      p,
+      {
+        className: "flex-1",
+        type: e.type,
+        label: o.toUpperCase(),
+        locale: o,
+        variables: e.variables,
+        name: [o, t, i].join("."),
+        validate: m
+      },
+      o
+    )) })
+  ] });
 }
 export {
-  y as MessageField
+  F as MessageField
 };
 //# sourceMappingURL=MessageField.js.map

package/dist/components/layout/MessageField.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageField.js","sources":["../../../src/components/layout/MessageField.tsx"],"sourcesContent":["import type { MessageSchema } from \"@/types\";\nimport { useMemo } from \"react\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\nimport { cn } from \"@/utils/cn\";\nimport { toWords } from \"@/utils/format\";\nimport { parseMessageSchema } from \"@/utils/schema\";\nimport { createValidator } from \"@/utils/validate\";\n\nimport { MessageController } from \"../MessageController\";\n\ninterface MessageFieldProps {\n  schema: MessageSchema;\n  messageKey: string;\n  path: string;\n  className?: string;\n}\n\nexport function MessageField({\n  schema,\n  messageKey,\n  path,\n  className,\n}: MessageFieldProps): React.ReactNode {\n  const { locales } = useMessagesForm();\n\n  const config = useMemo(() => parseMessageSchema(schema), [schema]);\n\n  const validator = useMemo(\n    () => createValidator(config.variables),\n    [config.variables],\n  );\n\n  return (\n    <div className={cn(\"\", className)}>\n      {config.description && <p>{config.description}</p>}\n\n      {locales.length === 1 ? (\n        <MessageController\n          className={className}\n          type={config.type}\n          variables={config.variables}\n          label={toWords(messageKey)}\n          locale={locales[0]}\n          name={[locales[0], path, messageKey].join(\".\")}\n          validate={validator}\n        />\n      ) : (\n        <div className=\"-mx-3 flex min-w-0 gap-4 overflow-x-auto overscroll-x-none px-3\">\n          {locales.map((locale) => (\n            <MessageController\n              key={locale}\n              className=\"flex-1\"\n              type={config.type}\n              label={locale.toUpperCase()}\n              locale={locale}\n              variables={config.variables}\n              name={[locale, path, messageKey].join(\".\")}\n              validate={validator}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageField","schema","messageKey","path","className","locales","useMessagesForm","config","useMemo","parseMessageSchema","validator","createValidator","cn","MessageController","toWords","locale"],"mappings":";;;;;;;AAkBO,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAASC,EAAQ,MAAMC,EAAmBR,CAAM,GAAG,CAACA,CAAM,CAAC,GAE3DS,IAAYF;AAAA,IAChB,MAAMG,EAAgBJ,EAAO,SAAS;AAAA,IACtC,CAACA,EAAO,SAAS;AAAA,EAAA;AAGnB,6CACG,OAAA,EAAI,WAAWK,EAAG,IAAIR,CAAS,EAAA,GAC7BG,EAAO,eAAe,sBAAA,cAAC,WAAGA,EAAO,WAAY,GAE7CF,EAAQ,WAAW,IAClB,sBAAA;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,WAAAT;AAAA,MACA,MAAMG,EAAO;AAAA,MACb,WAAWA,EAAO;AAAA,MAClB,OAAOO,EAAQZ,CAAU;AAAA,MACzB,QAAQG,EAAQ,CAAC;AAAA,MACjB,MAAM,CAACA,EAAQ,CAAC,GAAGF,GAAMD,CAAU,EAAE,KAAK,GAAG;AAAA,MAC7C,UAAUQ;AAAA,IAAA;AAAA,EAAA,wCAGX,OAAA,EAAI,WAAU,qEACZL,EAAQ,IAAI,CAACU,MACZ,sBAAA;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,KAAKE;AAAA,MACL,WAAU;AAAA,MACV,MAAMR,EAAO;AAAA,MACb,OAAOQ,EAAO,YAAA;AAAA,MACd,QAAAA;AAAA,MACA,WAAWR,EAAO;AAAA,MAClB,MAAM,CAACQ,GAAQZ,GAAMD,CAAU,EAAE,KAAK,GAAG;AAAA,MACzC,UAAUQ;AAAA,IAAA;AAAA,EAAA,CAEb,CACH,CAEJ;AAEJ;"}
+{"version":3,"file":"MessageField.js","sources":["../../../src/components/layout/MessageField.tsx"],"sourcesContent":["import type { MessageSchema } from \"@/types\";\nimport { useMemo } from \"react\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\nimport { cn } from \"@/utils/cn\";\nimport { toWords } from \"@/utils/format\";\nimport { parseMessageSchema } from \"@/utils/schema\";\nimport { createValidator } from \"@/utils/validate\";\n\nimport { MessageController } from \"../MessageController\";\n\ninterface MessageFieldProps {\n  schema: MessageSchema;\n  messageKey: string;\n  path: string;\n  className?: string;\n}\n\nexport function MessageField({\n  schema,\n  messageKey,\n  path,\n  className,\n}: MessageFieldProps): React.ReactNode {\n  const { locales } = useMessagesForm();\n\n  const config = useMemo(() => parseMessageSchema(schema), [schema]);\n\n  const validator = useMemo(\n    () => createValidator(config.variables),\n    [config.variables],\n  );\n\n  return (\n    <div className={cn(\"\", className)}>\n      {config.description && <p>{config.description}</p>}\n\n      {locales.length === 1 ? (\n        <MessageController\n          className={className}\n          type={config.type}\n          variables={config.variables}\n          label={toWords(messageKey)}\n          locale={locales[0]}\n          name={[locales[0], path, messageKey].join(\".\")}\n          validate={validator}\n        />\n      ) : (\n        <div className=\"-mx-3 flex min-w-0 gap-4 overflow-x-auto overscroll-x-none px-3\">\n          {locales.map((locale) => (\n            <MessageController\n              key={locale}\n              className=\"flex-1\"\n              type={config.type}\n              label={locale.toUpperCase()}\n              locale={locale}\n              variables={config.variables}\n              name={[locale, path, messageKey].join(\".\")}\n              validate={validator}\n            />\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["MessageField","schema","messageKey","path","className","locales","useMessagesForm","config","useMemo","parseMessageSchema","validator","createValidator","cn","jsx","MessageController","toWords","locale"],"mappings":";;;;;;;;AAkBO,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAEdC,IAASC,EAAQ,MAAMC,EAAmBR,CAAM,GAAG,CAACA,CAAM,CAAC,GAE3DS,IAAYF;AAAA,IAChB,MAAMG,EAAgBJ,EAAO,SAAS;AAAA,IACtC,CAACA,EAAO,SAAS;AAAA,EAAA;AAGnB,2BACG,OAAA,EAAI,WAAWK,EAAG,IAAIR,CAAS,GAC7B,UAAA;AAAA,IAAAG,EAAO,eAAe,gBAAAM,EAAC,KAAA,EAAG,UAAAN,EAAO,aAAY;AAAA,IAE7CF,EAAQ,WAAW,IAClB,gBAAAQ;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAAV;AAAA,QACA,MAAMG,EAAO;AAAA,QACb,WAAWA,EAAO;AAAA,QAClB,OAAOQ,EAAQb,CAAU;AAAA,QACzB,QAAQG,EAAQ,CAAC;AAAA,QACjB,MAAM,CAACA,EAAQ,CAAC,GAAGF,GAAMD,CAAU,EAAE,KAAK,GAAG;AAAA,QAC7C,UAAUQ;AAAA,MAAA;AAAA,IAAA,sBAGX,OAAA,EAAI,WAAU,mEACZ,UAAAL,EAAQ,IAAI,CAACW,MACZ,gBAAAH;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QACV,MAAMP,EAAO;AAAA,QACb,OAAOS,EAAO,YAAA;AAAA,QACd,QAAAA;AAAA,QACA,WAAWT,EAAO;AAAA,QAClB,MAAM,CAACS,GAAQb,GAAMD,CAAU,EAAE,KAAK,GAAG;AAAA,QACzC,UAAUQ;AAAA,MAAA;AAAA,MAPLM;AAAA,IAAA,CASR,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/layout/MessagesTabs.js

@@ -1,43 +1,44 @@
-import { Button as c } from "@payloadcms/ui";
-import { get as i } from "lodash-es";
-import { useCallback as p } from "react";
-import { useFormState as b } from "react-hook-form";
+import { jsx as s } from "react/jsx-runtime";
+import { Button as p } from "@payloadcms/ui";
+import { get as c } from "lodash-es";
+import { useCallback as b } from "react";
+import { useFormState as d } from "react-hook-form";
 import { useMessagesForm as u } from "../../context/messages-form.js";
-import { cn as d } from "../../utils/cn.js";
-import { toWords as f } from "../../utils/format.js";
-function M({
-  schema: s,
+import { cn as f } from "../../utils/cn.js";
+import { toWords as x } from "../../utils/format.js";
+function N({
+  schema: m,
   activeTab: o,
-  setActiveTab: m
+  setActiveTab: n
 }) {
-  const { locales: t, control: a } = u(), { errors: e } = b({ control: a }), n = p(
-    (r) => t.some((l) => i(e, [l, r]) !== void 0),
+  const { locales: t, control: l } = u(), { errors: e } = d({ control: l }), i = b(
+    (r) => t.some((a) => c(e, [a, r]) !== void 0),
     [e, t]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ s(
     "div",
     {
       role: "tablist",
-      className: "overflow-x-auto border-b-2 border-border px-4 text-nowrap"
-    },
-    Object.keys(s).map((r) => /* @__PURE__ */ React.createElement(
-      c,
-      {
-        key: r,
-        size: "large",
-        className: d(
-          "my-0 rounded-b-none text-lg",
-          n(r) ? o === r ? "bg-error" : "text-error" : void 0
-        ),
-        buttonStyle: o === r ? "pill" : "tab",
-        onClick: () => m(r),
-        type: "button"
-      },
-      f(r)
-    ))
+      className: "overflow-x-auto border-b-2 border-border px-4 text-nowrap",
+      children: Object.keys(m).map((r) => /* @__PURE__ */ s(
+        p,
+        {
+          size: "large",
+          className: f(
+            "my-0 rounded-b-none text-lg",
+            i(r) ? o === r ? "bg-error" : "text-error" : void 0
+          ),
+          buttonStyle: o === r ? "pill" : "tab",
+          onClick: () => n(r),
+          type: "button",
+          children: x(r)
+        },
+        r
+      ))
+    }
   );
 }
 export {
-  M as MessagesTabs
+  N as MessagesTabs
 };
 //# sourceMappingURL=MessagesTabs.js.map

package/dist/components/layout/MessagesTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessagesTabs.js","sources":["../../../src/components/layout/MessagesTabs.tsx"],"sourcesContent":["import type { MessagesSchema } from \"@/types\";\nimport { Button } from \"@payloadcms/ui\";\nimport { get } from \"lodash-es\";\nimport { useCallback } from \"react\";\nimport { useFormState } from \"react-hook-form\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\nimport { cn } from \"@/utils/cn\";\nimport { toWords } from \"@/utils/format\";\n\ninterface MessagesTabsProps {\n  schema: MessagesSchema;\n  activeTab: string | undefined;\n  setActiveTab: (tab: string) => void;\n}\n\n// TODO add hash for current tab to url\nexport function MessagesTabs({\n  schema,\n  activeTab,\n  setActiveTab,\n}: MessagesTabsProps): React.ReactNode {\n  const { locales, control } = useMessagesForm();\n  const { errors } = useFormState({ control });\n\n  const hasErrors = useCallback(\n    (key: string) => {\n      return locales.some((locale) => get(errors, [locale, key]) !== undefined);\n    },\n    [errors, locales],\n  );\n\n  return (\n    <div\n      role=\"tablist\"\n      className=\"overflow-x-auto border-b-2 border-border px-4 text-nowrap\"\n    >\n      {Object.keys(schema).map((key) => (\n        <Button\n          key={key}\n          size=\"large\"\n          className={cn(\n            \"my-0 rounded-b-none text-lg\",\n            hasErrors(key)\n              ? activeTab === key\n                ? \"bg-error\"\n                : \"text-error\"\n              : undefined,\n          )}\n          buttonStyle={activeTab === key ? \"pill\" : \"tab\"}\n          onClick={() => setActiveTab(key)}\n          type=\"button\"\n        >\n          {toWords(key)}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["MessagesTabs","schema","activeTab","setActiveTab","locales","control","useMessagesForm","errors","useFormState","hasErrors","useCallback","key","locale","get","Button","cn","toWords"],"mappings":";;;;;;;AAiBO,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA,GACvB,EAAE,QAAAC,EAAA,IAAWC,EAAa,EAAE,SAAAH,GAAS,GAErCI,IAAYC;AAAA,IAChB,CAACC,MACQP,EAAQ,KAAK,CAACQ,MAAWC,EAAIN,GAAQ,CAACK,GAAQD,CAAG,CAAC,MAAM,MAAS;AAAA,IAE1E,CAACJ,GAAQH,CAAO;AAAA,EAAA;AAGlB,SACE,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IAET,OAAO,KAAKH,CAAM,EAAE,IAAI,CAACU,MACxB,sBAAA;AAAA,MAACG;AAAA,MAAA;AAAA,QACC,KAAAH;AAAA,QACA,MAAK;AAAA,QACL,WAAWI;AAAA,UACT;AAAA,UACAN,EAAUE,CAAG,IACTT,MAAcS,IACZ,aACA,eACF;AAAA,QAAA;AAAA,QAEN,aAAaT,MAAcS,IAAM,SAAS;AAAA,QAC1C,SAAS,MAAMR,EAAaQ,CAAG;AAAA,QAC/B,MAAK;AAAA,MAAA;AAAA,MAEJK,EAAQL,CAAG;AAAA,IAAA,CAEf;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"MessagesTabs.js","sources":["../../../src/components/layout/MessagesTabs.tsx"],"sourcesContent":["import type { MessagesSchema } from \"@/types\";\nimport { Button } from \"@payloadcms/ui\";\nimport { get } from \"lodash-es\";\nimport { useCallback } from \"react\";\nimport { useFormState } from \"react-hook-form\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\nimport { cn } from \"@/utils/cn\";\nimport { toWords } from \"@/utils/format\";\n\ninterface MessagesTabsProps {\n  schema: MessagesSchema;\n  activeTab: string | undefined;\n  setActiveTab: (tab: string) => void;\n}\n\n// TODO add hash for current tab to url\nexport function MessagesTabs({\n  schema,\n  activeTab,\n  setActiveTab,\n}: MessagesTabsProps): React.ReactNode {\n  const { locales, control } = useMessagesForm();\n  const { errors } = useFormState({ control });\n\n  const hasErrors = useCallback(\n    (key: string) => {\n      return locales.some((locale) => get(errors, [locale, key]) !== undefined);\n    },\n    [errors, locales],\n  );\n\n  return (\n    <div\n      role=\"tablist\"\n      className=\"overflow-x-auto border-b-2 border-border px-4 text-nowrap\"\n    >\n      {Object.keys(schema).map((key) => (\n        <Button\n          key={key}\n          size=\"large\"\n          className={cn(\n            \"my-0 rounded-b-none text-lg\",\n            hasErrors(key)\n              ? activeTab === key\n                ? \"bg-error\"\n                : \"text-error\"\n              : undefined,\n          )}\n          buttonStyle={activeTab === key ? \"pill\" : \"tab\"}\n          onClick={() => setActiveTab(key)}\n          type=\"button\"\n        >\n          {toWords(key)}\n        </Button>\n      ))}\n    </div>\n  );\n}\n"],"names":["MessagesTabs","schema","activeTab","setActiveTab","locales","control","useMessagesForm","errors","useFormState","hasErrors","useCallback","key","locale","get","jsx","Button","cn"],"mappings":";;;;;;;;AAiBO,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA,GACvB,EAAE,QAAAC,EAAA,IAAWC,EAAa,EAAE,SAAAH,GAAS,GAErCI,IAAYC;AAAA,IAChB,CAACC,MACQP,EAAQ,KAAK,CAACQ,MAAWC,EAAIN,GAAQ,CAACK,GAAQD,CAAG,CAAC,MAAM,MAAS;AAAA,IAE1E,CAACJ,GAAQH,CAAO;AAAA,EAAA;AAGlB,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MAET,iBAAO,KAAKb,CAAM,EAAE,IAAI,CAACU,MACxB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAWC;AAAA,YACT;AAAA,YACAP,EAAUE,CAAG,IACTT,MAAcS,IACZ,aACA,eACF;AAAA,UAAA;AAAA,UAEN,aAAaT,MAAcS,IAAM,SAAS;AAAA,UAC1C,SAAS,MAAMR,EAAaQ,CAAG;AAAA,UAC/B,MAAK;AAAA,UAEJ,YAAQA,CAAG;AAAA,QAAA;AAAA,QAdPA;AAAA,MAAA,CAgBR;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/layout/MessagesTree.js

@@ -1,67 +1,68 @@
-import { Collapsible as p } from "@payloadcms/ui";
-import { get as g } from "lodash-es";
-import { useCallback as f } from "react";
-import { useFormState as d } from "react-hook-form";
-import { useMessagesForm as E } from "../../context/messages-form.js";
+import { jsx as e } from "react/jsx-runtime";
+import { Collapsible as d } from "@payloadcms/ui";
+import { get as f } from "lodash-es";
+import { useCallback as g } from "react";
+import { useFormState as h } from "react-hook-form";
+import { useMessagesForm as x } from "../../context/messages-form.js";
 import { cn as a } from "../../utils/cn.js";
-import { toWords as R } from "../../utils/format.js";
-import { MessageField as N } from "./MessageField.js";
-function b({
-  path: t,
-  schema: c,
-  nestingLevel: s = 0,
-  className: i
+import { toWords as N } from "../../utils/format.js";
+import { MessageField as b } from "./MessageField.js";
+function j({
+  path: o,
+  schema: l,
+  nestingLevel: m = 0,
+  className: n
 }) {
-  const { control: l, locales: m } = E(), { errors: o } = d({ control: l }), n = f(
-    (e) => m.some(
-      (r) => g(o, [r, t, e].join(".")) !== void 0
+  const { control: c, locales: i } = x(), { errors: t } = h({ control: c }), p = g(
+    (r) => i.some(
+      (s) => f(t, [s, o, r].join(".")) !== void 0
     ),
-    [o, m, t]
+    [t, i, o]
   );
-  return /* @__PURE__ */ React.createElement("div", { className: a("grid gap-6", i) }, Object.entries(c).map(([e, r]) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ e("div", { className: a("grid gap-6", n), children: Object.entries(l).map(([r, s]) => /* @__PURE__ */ e(
     "div",
     {
-      key: e,
       className: "grid min-w-0",
       style: {
-        "--nesting-level": s
-      }
-    },
-    /* @__PURE__ */ React.createElement(
-      p,
-      {
-        className: "messages-tree-collapsible min-w-0",
-        header: /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: a("text-xl", {
-              "text-error": n(e)
-            })
-          },
-          R(e)
-        )
+        "--nesting-level": m
       },
-      typeof r == "string" ? /* @__PURE__ */ React.createElement(
-        N,
-        {
-          className: "min-w-0",
-          schema: r,
-          key: e,
-          messageKey: e,
-          path: t
-        }
-      ) : /* @__PURE__ */ React.createElement(
-        b,
+      children: /* @__PURE__ */ e(
+        d,
         {
-          nestingLevel: s + 1,
-          path: [t, e].join("."),
-          schema: r
+          className: "messages-tree-collapsible min-w-0",
+          header: /* @__PURE__ */ e(
+            "span",
+            {
+              className: a("text-xl", {
+                "text-error": p(r)
+              }),
+              children: N(r)
+            }
+          ),
+          children: typeof s == "string" ? /* @__PURE__ */ e(
+            b,
+            {
+              className: "min-w-0",
+              schema: s,
+              messageKey: r,
+              path: o
+            },
+            r
+          ) : /* @__PURE__ */ e(
+            j,
+            {
+              nestingLevel: m + 1,
+              path: [o, r].join("."),
+              schema: s
+            }
+          )
         }
       )
-    )
-  )));
+    },
+    r
+  )) });
 }
 export {
-  b as MessagesTree
+  j as MessagesTree
 };
 //# sourceMappingURL=MessagesTree.js.map

package/dist/components/layout/MessagesTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessagesTree.js","sources":["../../../src/components/layout/MessagesTree.tsx"],"sourcesContent":["import type { Messages } from \"@/types\";\nimport { Collapsible } from \"@payloadcms/ui\";\nimport { get } from \"lodash-es\";\nimport { useCallback } from \"react\";\nimport { useFormState } from \"react-hook-form\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\nimport { cn } from \"@/utils/cn\";\nimport { toWords } from \"@/utils/format\";\n\nimport { MessageField } from \"./MessageField\";\n\ninterface MessagesTreeProps {\n  path: string;\n  nestingLevel: number;\n  schema: Messages;\n  className?: string;\n}\n\nexport function MessagesTree({\n  path,\n  schema,\n  nestingLevel = 0,\n  className,\n}: MessagesTreeProps): React.ReactNode {\n  const { control, locales } = useMessagesForm();\n  const { errors } = useFormState({ control });\n\n  const hasErrors = useCallback(\n    (key: string) => {\n      return locales.some(\n        (locale) => get(errors, [locale, path, key].join(\".\")) !== undefined,\n      );\n    },\n    [errors, locales, path],\n  );\n\n  return (\n    <div className={cn(\"grid gap-6\", className)}>\n      {Object.entries(schema).map(([key, value]) => (\n        <div\n          key={key}\n          className=\"grid min-w-0\"\n          style={\n            {\n              [\"--nesting-level\"]: nestingLevel,\n            } as React.CSSProperties\n          }\n        >\n          <Collapsible\n            className=\"messages-tree-collapsible min-w-0\"\n            header={\n              <span\n                className={cn(\"text-xl\", {\n                  \"text-error\": hasErrors(key),\n                })}\n              >\n                {toWords(key)}\n              </span>\n            }\n          >\n            {typeof value === \"string\" ? (\n              <MessageField\n                className=\"min-w-0\"\n                schema={value}\n                key={key}\n                messageKey={key}\n                path={path}\n              />\n            ) : (\n              <MessagesTree\n                nestingLevel={nestingLevel + 1}\n                path={[path, key].join(\".\")}\n                schema={value}\n              />\n            )}\n          </Collapsible>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["MessagesTree","path","schema","nestingLevel","className","control","locales","useMessagesForm","errors","useFormState","hasErrors","useCallback","key","locale","get","cn","value","Collapsible","toWords","MessageField"],"mappings":";;;;;;;;AAmBO,SAASA,EAAa;AAAA,EAC3B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA,GACvB,EAAE,QAAAC,EAAA,IAAWC,EAAa,EAAE,SAAAJ,GAAS,GAErCK,IAAYC;AAAA,IAChB,CAACC,MACQN,EAAQ;AAAA,MACb,CAACO,MAAWC,EAAIN,GAAQ,CAACK,GAAQZ,GAAMW,CAAG,EAAE,KAAK,GAAG,CAAC,MAAM;AAAA,IAAA;AAAA,IAG/D,CAACJ,GAAQF,GAASL,CAAI;AAAA,EAAA;AAGxB,6CACG,OAAA,EAAI,WAAWc,EAAG,cAAcX,CAAS,EAAA,GACvC,OAAO,QAAQF,CAAM,EAAE,IAAI,CAAC,CAACU,GAAKI,CAAK,MACtC,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,WAAU;AAAA,MACV,OACE;AAAA,QACG,mBAAoBT;AAAA,MAAA;AAAA,IACvB;AAAA,IAGF,sBAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,QACE,sBAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWF,EAAG,WAAW;AAAA,cACvB,cAAcL,EAAUE,CAAG;AAAA,YAAA,CAC5B;AAAA,UAAA;AAAA,UAEAM,EAAQN,CAAG;AAAA,QAAA;AAAA,MACd;AAAA,MAGD,OAAOI,KAAU,WAChB,sBAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,QAAQH;AAAA,UACR,KAAAJ;AAAA,UACA,YAAYA;AAAA,UACZ,MAAAX;AAAA,QAAA;AAAA,MAAA,IAGF,sBAAA;AAAA,QAACD;AAAA,QAAA;AAAA,UACC,cAAcG,IAAe;AAAA,UAC7B,MAAM,CAACF,GAAMW,CAAG,EAAE,KAAK,GAAG;AAAA,UAC1B,QAAQI;AAAA,QAAA;AAAA,MAAA;AAAA,IACV;AAAA,EAEJ,CAEH,CACH;AAEJ;"}
+{"version":3,"file":"MessagesTree.js","sources":["../../../src/components/layout/MessagesTree.tsx"],"sourcesContent":["import type { Messages } from \"@/types\";\nimport { Collapsible } from \"@payloadcms/ui\";\nimport { get } from \"lodash-es\";\nimport { useCallback } from \"react\";\nimport { useFormState } from \"react-hook-form\";\n\nimport { useMessagesForm } from \"@/context/messages-form\";\nimport { cn } from \"@/utils/cn\";\nimport { toWords } from \"@/utils/format\";\n\nimport { MessageField } from \"./MessageField\";\n\ninterface MessagesTreeProps {\n  path: string;\n  nestingLevel: number;\n  schema: Messages;\n  className?: string;\n}\n\nexport function MessagesTree({\n  path,\n  schema,\n  nestingLevel = 0,\n  className,\n}: MessagesTreeProps): React.ReactNode {\n  const { control, locales } = useMessagesForm();\n  const { errors } = useFormState({ control });\n\n  const hasErrors = useCallback(\n    (key: string) => {\n      return locales.some(\n        (locale) => get(errors, [locale, path, key].join(\".\")) !== undefined,\n      );\n    },\n    [errors, locales, path],\n  );\n\n  return (\n    <div className={cn(\"grid gap-6\", className)}>\n      {Object.entries(schema).map(([key, value]) => (\n        <div\n          key={key}\n          className=\"grid min-w-0\"\n          style={\n            {\n              [\"--nesting-level\"]: nestingLevel,\n            } as React.CSSProperties\n          }\n        >\n          <Collapsible\n            className=\"messages-tree-collapsible min-w-0\"\n            header={\n              <span\n                className={cn(\"text-xl\", {\n                  \"text-error\": hasErrors(key),\n                })}\n              >\n                {toWords(key)}\n              </span>\n            }\n          >\n            {typeof value === \"string\" ? (\n              <MessageField\n                className=\"min-w-0\"\n                schema={value}\n                key={key}\n                messageKey={key}\n                path={path}\n              />\n            ) : (\n              <MessagesTree\n                nestingLevel={nestingLevel + 1}\n                path={[path, key].join(\".\")}\n                schema={value}\n              />\n            )}\n          </Collapsible>\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"names":["MessagesTree","path","schema","nestingLevel","className","control","locales","useMessagesForm","errors","useFormState","hasErrors","useCallback","key","locale","get","cn","value","jsx","Collapsible","MessageField"],"mappings":";;;;;;;;;AAmBO,SAASA,EAAa;AAAA,EAC3B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,WAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,SAAAC,GAAS,SAAAC,EAAA,IAAYC,EAAA,GACvB,EAAE,QAAAC,EAAA,IAAWC,EAAa,EAAE,SAAAJ,GAAS,GAErCK,IAAYC;AAAA,IAChB,CAACC,MACQN,EAAQ;AAAA,MACb,CAACO,MAAWC,EAAIN,GAAQ,CAACK,GAAQZ,GAAMW,CAAG,EAAE,KAAK,GAAG,CAAC,MAAM;AAAA,IAAA;AAAA,IAG/D,CAACJ,GAAQF,GAASL,CAAI;AAAA,EAAA;AAGxB,2BACG,OAAA,EAAI,WAAWc,EAAG,cAAcX,CAAS,GACvC,UAAA,OAAO,QAAQF,CAAM,EAAE,IAAI,CAAC,CAACU,GAAKI,CAAK,MACtC,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAU;AAAA,MACV,OACE;AAAA,QACG,mBAAoBd;AAAA,MAAA;AAAA,MAIzB,UAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,QACE,gBAAAD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWF,EAAG,WAAW;AAAA,gBACvB,cAAcL,EAAUE,CAAG;AAAA,cAAA,CAC5B;AAAA,cAEA,YAAQA,CAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAIf,UAAA,OAAOI,KAAU,WAChB,gBAAAC;AAAA,YAACE;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,QAAQH;AAAA,cAER,YAAYJ;AAAA,cACZ,MAAAX;AAAA,YAAA;AAAA,YAFKW;AAAA,UAAA,IAKP,gBAAAK;AAAA,YAACjB;AAAA,YAAA;AAAA,cACC,cAAcG,IAAe;AAAA,cAC7B,MAAM,CAACF,GAAMW,CAAG,EAAE,KAAK,GAAG;AAAA,cAC1B,QAAQI;AAAA,YAAA;AAAA,UAAA;AAAA,QACV;AAAA,MAAA;AAAA,IAEJ;AAAA,IAnCKJ;AAAA,EAAA,CAqCR,GACH;AAEJ;"}

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

@@ -6,7 +6,7 @@ interface MessagesFormProviderProps {
     form: UseFormReturn<FormValues>;
     richTextEditorOptions?: RichTextEditorOptions;
 }
-export declare function MessagesFormProvider({ locales, form, richTextEditorOptions, children, }: React.PropsWithChildren<MessagesFormProviderProps>): import("react").JSX.Element;
+export declare function MessagesFormProvider({ locales, form, richTextEditorOptions, 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>;

package/dist/context/messages-form.js

@@ -1,26 +1,27 @@
 "use client";
-import { createContext as n, useContext as c } from "react";
-import { FormProvider as m, useFormContext as a } from "react-hook-form";
-const o = n({
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as m, useContext as c } from "react";
+import { FormProvider as i, useFormContext as u } from "react-hook-form";
+const t = m({
   locales: ["en"]
 });
 function l({
   locales: e,
-  form: t,
-  richTextEditorOptions: r,
-  children: s
+  form: o,
+  richTextEditorOptions: s,
+  children: n
 }) {
-  return /* @__PURE__ */ React.createElement(o.Provider, { value: { locales: e, richTextEditorOptions: r } }, /* @__PURE__ */ React.createElement(m, { ...t }, s));
+  return /* @__PURE__ */ r(t.Provider, { value: { locales: e, richTextEditorOptions: s }, children: /* @__PURE__ */ r(i, { ...o, children: n }) });
 }
-const x = () => {
-  const e = c(o), t = a();
+const F = () => {
+  const e = c(t), o = u();
   return {
     ...e,
-    ...t
+    ...o
   };
 };
 export {
   l as MessagesFormProvider,
-  x as useMessagesForm
+  F as useMessagesForm
 };
 //# sourceMappingURL=messages-form.js.map

package/dist/context/messages-form.js.map

@@ -1 +1 @@
-{"version":3,"file":"messages-form.js","sources":["../../src/context/messages-form.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  Locales,\n  Messages,\n  RichTextEditorOptions,\n  Translations,\n} from \"@/types\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { createContext, useContext } from \"react\";\nimport { FormProvider, useFormContext } from \"react-hook-form\";\n\nexport type FormValues = Translations<Messages>;\n\nconst MessagesFormContext = createContext<{\n  locales: Locales;\n  richTextEditorOptions?: RichTextEditorOptions;\n}>({\n  locales: [\"en\"],\n});\n\ninterface MessagesFormProviderProps {\n  locales: Locales;\n  form: UseFormReturn<FormValues>;\n  richTextEditorOptions?: RichTextEditorOptions;\n}\n\nexport function MessagesFormProvider({\n  locales,\n  form,\n  richTextEditorOptions,\n  children,\n}: React.PropsWithChildren<MessagesFormProviderProps>) {\n  return (\n    <MessagesFormContext.Provider value={{ locales, richTextEditorOptions }}>\n      <FormProvider {...form}>{children}</FormProvider>\n    </MessagesFormContext.Provider>\n  );\n}\n\nexport const useMessagesForm = () => {\n  const context = useContext(MessagesFormContext);\n  const form = useFormContext<FormValues>();\n  return {\n    ...context,\n    ...form,\n  };\n};\n"],"names":["MessagesFormContext","createContext","MessagesFormProvider","locales","form","richTextEditorOptions","children","FormProvider","useMessagesForm","context","useContext","useFormContext"],"mappings":";;;AAcA,MAAMA,IAAsBC,EAGzB;AAAA,EACD,SAAS,CAAC,IAAI;AAChB,CAAC;AAQM,SAASC,EAAqB;AAAA,EACnC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,UAAAC;AACF,GAAuD;AACrD,SACE,sBAAA,cAACN,EAAoB,UAApB,EAA6B,OAAO,EAAE,SAAAG,GAAS,uBAAAE,EAAA,EAAsB,GACpE,sBAAA,cAACE,GAAA,EAAc,GAAGH,EAAA,GAAOE,CAAS,CACpC;AAEJ;AAEO,MAAME,IAAkB,MAAM;AACnC,QAAMC,IAAUC,EAAWV,CAAmB,GACxCI,IAAOO,EAAA;AACb,SAAO;AAAA,IACL,GAAGF;AAAA,IACH,GAAGL;AAAA,EAAA;AAEP;"}
+{"version":3,"file":"messages-form.js","sources":["../../src/context/messages-form.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n  Locales,\n  Messages,\n  RichTextEditorOptions,\n  Translations,\n} from \"@/types\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport { createContext, useContext } from \"react\";\nimport { FormProvider, useFormContext } from \"react-hook-form\";\n\nexport type FormValues = Translations<Messages>;\n\nconst MessagesFormContext = createContext<{\n  locales: Locales;\n  richTextEditorOptions?: RichTextEditorOptions;\n}>({\n  locales: [\"en\"],\n});\n\ninterface MessagesFormProviderProps {\n  locales: Locales;\n  form: UseFormReturn<FormValues>;\n  richTextEditorOptions?: RichTextEditorOptions;\n}\n\nexport function MessagesFormProvider({\n  locales,\n  form,\n  richTextEditorOptions,\n  children,\n}: React.PropsWithChildren<MessagesFormProviderProps>) {\n  return (\n    <MessagesFormContext.Provider value={{ locales, richTextEditorOptions }}>\n      <FormProvider {...form}>{children}</FormProvider>\n    </MessagesFormContext.Provider>\n  );\n}\n\nexport const useMessagesForm = () => {\n  const context = useContext(MessagesFormContext);\n  const form = useFormContext<FormValues>();\n  return {\n    ...context,\n    ...form,\n  };\n};\n"],"names":["MessagesFormContext","createContext","MessagesFormProvider","locales","form","richTextEditorOptions","children","jsx","FormProvider","useMessagesForm","context","useContext","useFormContext"],"mappings":";;;;AAcA,MAAMA,IAAsBC,EAGzB;AAAA,EACD,SAAS,CAAC,IAAI;AAChB,CAAC;AAQM,SAASC,EAAqB;AAAA,EACnC,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,UAAAC;AACF,GAAuD;AACrD,SACE,gBAAAC,EAACP,EAAoB,UAApB,EAA6B,OAAO,EAAE,SAAAG,GAAS,uBAAAE,EAAA,GAC9C,UAAA,gBAAAE,EAACC,GAAA,EAAc,GAAGJ,GAAO,UAAAE,GAAS,GACpC;AAEJ;AAEO,MAAMG,IAAkB,MAAM;AACnC,QAAMC,IAAUC,EAAWX,CAAmB,GACxCI,IAAOQ,EAAA;AACb,SAAO;AAAA,IACL,GAAGF;AAAA,IACH,GAAGN;AAAA,EAAA;AAEP;"}

package/dist/exports/link.d.ts

@@ -4,4 +4,4 @@ export interface MessagesLinkProps {
     access?: MessagesGuard;
     req: PayloadRequest;
 }
-export declare function MessagesLink({ access, req, }: MessagesLinkProps): Promise<import("react").JSX.Element | null>;
+export declare function MessagesLink({ access, req, }: MessagesLinkProps): Promise<import("react/jsx-runtime").JSX.Element | null>;

package/dist/exports/link.js

@@ -1,20 +1,21 @@
-import { Button as n } from "@payloadcms/ui";
-import { IconWorld as a } from "@tabler/icons-react";
-async function r({
-  access: e = () => !0,
+import { jsx as n } from "react/jsx-runtime";
+import { Button as r } from "@payloadcms/ui";
+import { IconWorld as s } from "@tabler/icons-react";
+async function l({
+  access: o = () => !0,
   req: t
 }) {
-  return await e(t) ? /* @__PURE__ */ React.createElement(
-    n,
+  return await o(t) ? /* @__PURE__ */ n(
+    r,
     {
       buttonStyle: "tab",
       el: "link",
-      to: `${t.payload.getAdminURL()}/intl`
-    },
-    /* @__PURE__ */ React.createElement(a, null)
+      to: `${t.payload.getAdminURL()}/intl`,
+      children: /* @__PURE__ */ n(s, {})
+    }
   ) : null;
 }
 export {
-  r as MessagesLink
+  l as MessagesLink
 };
 //# sourceMappingURL=link.js.map

package/dist/exports/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sources":["../../src/exports/link.tsx"],"sourcesContent":["import type { PayloadRequest } from \"payload\";\nimport { Button } from \"@payloadcms/ui\";\nimport { IconWorld } from \"@tabler/icons-react\";\n\nimport { type MessagesGuard } from \"@/types\";\n\nexport interface MessagesLinkProps {\n  access?: MessagesGuard;\n  req: PayloadRequest;\n}\n\nexport async function MessagesLink({\n  access = () => true,\n  req,\n}: MessagesLinkProps) {\n  const hasAccess = await access(req);\n  if (!hasAccess) return null;\n\n  return (\n    <Button\n      buttonStyle=\"tab\"\n      el=\"link\"\n      to={`${req.payload.getAdminURL()}/intl`}\n    >\n      <IconWorld />\n    </Button>\n  );\n}\n"],"names":["MessagesLink","access","req","Button","IconWorld"],"mappings":";;AAWA,eAAsBA,EAAa;AAAA,EACjC,QAAAC,IAAS,MAAM;AAAA,EACf,KAAAC;AACF,GAAsB;AAEpB,SADkB,MAAMD,EAAOC,CAAG,IAIhC,sBAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,IAAG;AAAA,MACH,IAAI,GAAGD,EAAI,QAAQ,aAAa;AAAA,IAAA;AAAA,wCAE/BE,GAAA,IAAU;AAAA,EAAA,IARQ;AAWzB;"}
+{"version":3,"file":"link.js","sources":["../../src/exports/link.tsx"],"sourcesContent":["import type { PayloadRequest } from \"payload\";\nimport { Button } from \"@payloadcms/ui\";\nimport { IconWorld } from \"@tabler/icons-react\";\n\nimport { type MessagesGuard } from \"@/types\";\n\nexport interface MessagesLinkProps {\n  access?: MessagesGuard;\n  req: PayloadRequest;\n}\n\nexport async function MessagesLink({\n  access = () => true,\n  req,\n}: MessagesLinkProps) {\n  const hasAccess = await access(req);\n  if (!hasAccess) return null;\n\n  return (\n    <Button\n      buttonStyle=\"tab\"\n      el=\"link\"\n      to={`${req.payload.getAdminURL()}/intl`}\n    >\n      <IconWorld />\n    </Button>\n  );\n}\n"],"names":["MessagesLink","access","req","jsx","Button","IconWorld"],"mappings":";;;AAWA,eAAsBA,EAAa;AAAA,EACjC,QAAAC,IAAS,MAAM;AAAA,EACf,KAAAC;AACF,GAAsB;AAEpB,SADkB,MAAMD,EAAOC,CAAG,IAIhC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAY;AAAA,MACZ,IAAG;AAAA,MACH,IAAI,GAAGF,EAAI,QAAQ,aAAa;AAAA,MAEhC,4BAACG,GAAA,CAAA,CAAU;AAAA,IAAA;AAAA,EAAA,IARQ;AAWzB;"}

package/dist/exports/view.d.ts

@@ -7,4 +7,4 @@ export interface MessagesViewProps {
     access: MessagesGuard;
     richTextEditorOptions?: RichTextEditorOptions;
 }
-export declare function MessagesView({ access, initPageResult, locales, params, payload, schema, searchParams, tabs, richTextEditorOptions, }: AdminViewServerProps & MessagesViewProps): Promise<import("react").JSX.Element>;
+export declare function MessagesView({ access, initPageResult, locales, params, payload, schema, searchParams, tabs, richTextEditorOptions, }: AdminViewServerProps & MessagesViewProps): Promise<import("react/jsx-runtime").JSX.Element>;