payload-intl 1.2.5 → 1.3.0

package/README.md

@@ -15,7 +15,7 @@ Define your message keys as a typed schema using ICU MessageFormat syntax, then
 - **Schema-driven** — define message keys and templates in a typed schema with automatic validation.
 - **Rich editor UI** — message editor with variable chips, autocompletion, and inline ICU element editors.
 - **JSON import** — bulk-import translations from JSON files directly in the admin UI.
-- **Flexible fetching** — works with a Payload instance (server-side) or a config object (client-side API fetch).
+- **Flexible storage** — store translations as JSON in the database (default) or as uploaded files for CDN hosting.
 
 ## Installation
 
@@ -59,14 +59,7 @@ Fetch messages in your application:
 ```ts
 import { fetchMessages } from "payload-intl";
 
-// Server-side — pass the Payload instance directly
 const messages = await fetchMessages(payload, "en");
-
-// Client-side — pass a config object to fetch from the REST API
-const messages = await fetchMessages(
-  { serverUrl: "http://localhost:3000" },
-  "en",
-);
 ```
 
 ### Options
@@ -77,6 +70,9 @@ const messages = await fetchMessages(
 | `collectionSlug` | `string`                                               | `'messages'`                 | Slug of the collection used to store translation files.                                                                                                 |
 | `editorAccess`   | `(req: PayloadRequest) => boolean \| Promise<boolean>` | `(req) => req.user !== null` | Access control function that determines who can edit messages.                                                                                          |
 | `hooks`          | `MessagesHooks`                                        | `{}`                         | Collection hooks. Extends Payload's collection hooks with an additional `afterUpdate` callback fired when translations are saved.                       |
+| `storage`        | `'db' \| 'upload'`                                     | `'db'`                       | `'db'` stores translations as JSON in the database. `'upload'` stores them as uploaded `.json` files for CDN/static hosting.                            |
+
+> **Note:** Switching between storage strategies on an existing deployment is not yet supported automatically. When the database schema changes (e.g. dropping upload columns), the migration data is lost before the app can read it. A safe migration path will be provided in a future release. For now, export your translations before switching strategies.
 | `tabs`           | `boolean`                                              | `false`                      | When enabled, top-level keys in the schema are rendered as tabs in the admin UI.                                                                        |
 
 ## Contributing

package/dist/components/MessageFormField.d.ts

@@ -1,7 +1,6 @@
 import type { Locale, TemplateVariable } from '../types';
 import type { MessageValidator } from '../utils/validate';
 interface MessageFormFieldProps {
-    label?: string;
     locale: Locale;
     name: string;
     className?: string;
@@ -10,6 +9,6 @@ interface MessageFormFieldProps {
     multiline?: boolean;
     reference?: string;
 }
-export declare function MessageFormField({ name, variables, label, locale, validate, className, multiline, reference, }: MessageFormFieldProps): React.ReactNode;
+export declare function MessageFormField({ name, variables, locale, validate, className, multiline, reference, }: MessageFormFieldProps): React.ReactNode;
 export {};
 //# sourceMappingURL=MessageFormField.d.ts.map

package/dist/components/MessageFormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageFormField.d.ts","sourceRoot":"","sources":["../../src/components/MessageFormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,UAAU,qBAAqB;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,KAAK,EACL,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CA2BzC"}
+{"version":3,"file":"MessageFormField.d.ts","sourceRoot":"","sources":["../../src/components/MessageFormField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,UAAU,qBAAqB;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,SAAS,EACT,MAAM,EACN,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,GAAG,KAAK,CAAC,SAAS,CA0BzC"}

package/dist/components/MessageFormField.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Controller } from 'react-hook-form';
 import { useMessagesForm } from '../components/MessagesFormProvider';
 import { MessageInput } from './inputs/MessageInput';
-export function MessageFormField({ name, variables, label, locale, validate, className, multiline, reference }) {
+export function MessageFormField({ name, variables, locale, validate, className, multiline, reference }) {
     const { control } = useMessagesForm();
     return /*#__PURE__*/ _jsx(Controller, {
         control: control,
@@ -10,7 +10,6 @@ export function MessageFormField({ name, variables, label, locale, validate, cla
         render: ({ field, fieldState })=>/*#__PURE__*/ _jsx(MessageInput, {
                 className: className,
                 error: fieldState.error,
-                label: label,
                 lang: locale,
                 multiline: multiline,
                 onBlur: field.onBlur,

package/dist/components/MessageFormField.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/MessageFormField.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\nimport { useMessagesForm } from '@/components/MessagesFormProvider';\nimport type { Locale, TemplateVariable } from '@/types';\nimport type { MessageValidator } from '@/utils/validate';\n\nimport { MessageInput } from './inputs/MessageInput';\n\ninterface MessageFormFieldProps {\n  label?: string;\n  locale: Locale;\n  name: string;\n  className?: string;\n  variables: TemplateVariable[];\n  validate: MessageValidator;\n  multiline?: boolean;\n  reference?: string;\n}\n\nexport function MessageFormField({\n  name,\n  variables,\n  label,\n  locale,\n  validate,\n  className,\n  multiline,\n  reference,\n}: MessageFormFieldProps): React.ReactNode {\n  const { control } = useMessagesForm();\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => (\n        <MessageInput\n          className={className}\n          error={fieldState.error}\n          label={label}\n          lang={locale}\n          multiline={multiline}\n          onBlur={field.onBlur}\n          onChange={field.onChange}\n          reference={reference}\n          value={(field.value as unknown as string) || ''}\n          variables={variables}\n        />\n      )}\n      rules={{\n        required: true,\n        validate,\n      }}\n    />\n  );\n}\n"],"names":["Controller","useMessagesForm","MessageInput","MessageFormField","name","variables","label","locale","validate","className","multiline","reference","control","render","field","fieldState","error","lang","onBlur","onChange","value","rules","required"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,oCAAoC;AAIpE,SAASC,YAAY,QAAQ,wBAAwB;AAarD,OAAO,SAASC,iBAAiB,EAC/BC,IAAI,EACJC,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,SAAS,EACa;IACtB,MAAM,EAAEC,OAAO,EAAE,GAAGX;IAEpB,qBACE,KAACD;QACCY,SAASA;QACTR,MAAMA;QACNS,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACb;gBACCO,WAAWA;gBACXO,OAAOD,WAAWC,KAAK;gBACvBV,OAAOA;gBACPW,MAAMV;gBACNG,WAAWA;gBACXQ,QAAQJ,MAAMI,MAAM;gBACpBC,UAAUL,MAAMK,QAAQ;gBACxBR,WAAWA;gBACXS,OAAO,AAACN,MAAMM,KAAK,IAA0B;gBAC7Cf,WAAWA;;QAGfgB,OAAO;YACLC,UAAU;YACVd;QACF;;AAGN"}
+{"version":3,"sources":["../../src/components/MessageFormField.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\nimport { useMessagesForm } from '@/components/MessagesFormProvider';\nimport type { Locale, TemplateVariable } from '@/types';\nimport type { MessageValidator } from '@/utils/validate';\n\nimport { MessageInput } from './inputs/MessageInput';\n\ninterface MessageFormFieldProps {\n  locale: Locale;\n  name: string;\n  className?: string;\n  variables: TemplateVariable[];\n  validate: MessageValidator;\n  multiline?: boolean;\n  reference?: string;\n}\n\nexport function MessageFormField({\n  name,\n  variables,\n  locale,\n  validate,\n  className,\n  multiline,\n  reference,\n}: MessageFormFieldProps): React.ReactNode {\n  const { control } = useMessagesForm();\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      render={({ field, fieldState }) => (\n        <MessageInput\n          className={className}\n          error={fieldState.error}\n          lang={locale}\n          multiline={multiline}\n          onBlur={field.onBlur}\n          onChange={field.onChange}\n          reference={reference}\n          value={(field.value as unknown as string) || ''}\n          variables={variables}\n        />\n      )}\n      rules={{\n        required: true,\n        validate,\n      }}\n    />\n  );\n}\n"],"names":["Controller","useMessagesForm","MessageInput","MessageFormField","name","variables","locale","validate","className","multiline","reference","control","render","field","fieldState","error","lang","onBlur","onChange","value","rules","required"],"mappings":";AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,eAAe,QAAQ,oCAAoC;AAIpE,SAASC,YAAY,QAAQ,wBAAwB;AAYrD,OAAO,SAASC,iBAAiB,EAC/BC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,SAAS,EACTC,SAAS,EACTC,SAAS,EACa;IACtB,MAAM,EAAEC,OAAO,EAAE,GAAGV;IAEpB,qBACE,KAACD;QACCW,SAASA;QACTP,MAAMA;QACNQ,QAAQ,CAAC,EAAEC,KAAK,EAAEC,UAAU,EAAE,iBAC5B,KAACZ;gBACCM,WAAWA;gBACXO,OAAOD,WAAWC,KAAK;gBACvBC,MAAMV;gBACNG,WAAWA;gBACXQ,QAAQJ,MAAMI,MAAM;gBACpBC,UAAUL,MAAMK,QAAQ;gBACxBR,WAAWA;gBACXS,OAAO,AAACN,MAAMM,KAAK,IAA0B;gBAC7Cd,WAAWA;;QAGfe,OAAO;YACLC,UAAU;YACVd;QACF;;AAGN"}

package/dist/components/MessagesLink.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getAdminURL } from '@davincicoding/payload-plugin-kit';
 import { Button } from '@payloadcms/ui';
-import { getAdminURL } from '../internals/index.js';
 import { IconWorld } from '@tabler/icons-react';
 export async function MessagesLink({ access = ()=>true, req }) {
     const hasAccess = await access(req);

package/dist/components/MessagesLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/MessagesLink.tsx"],"sourcesContent":["import { Button } from '@payloadcms/ui';\nimport { getAdminURL } from '@repo/common';\nimport { IconWorld } from '@tabler/icons-react';\nimport type { PayloadRequest } from 'payload';\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={getAdminURL({ req, path: '/intl' })}\n    >\n      <IconWorld size={20} strokeWidth={1.5} />\n    </Button>\n  );\n}\n"],"names":["Button","getAdminURL","IconWorld","MessagesLink","access","req","hasAccess","buttonStyle","el","to","path","size","strokeWidth"],"mappings":";AAAA,SAASA,MAAM,QAAQ,iBAAiB;AACxC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,SAAS,QAAQ,sBAAsB;AAShD,OAAO,eAAeC,aAAa,EACjCC,SAAS,IAAM,IAAI,EACnBC,GAAG,EACe;IAClB,MAAMC,YAAY,MAAMF,OAAOC;IAC/B,IAAI,CAACC,WAAW,OAAO;IAEvB,qBACE,KAACN;QACCO,aAAY;QACZC,IAAG;QACHC,IAAIR,YAAY;YAAEI;YAAKK,MAAM;QAAQ;kBAErC,cAAA,KAACR;YAAUS,MAAM;YAAIC,aAAa;;;AAGxC"}
+{"version":3,"sources":["../../src/components/MessagesLink.tsx"],"sourcesContent":["import { getAdminURL } from '@davincicoding/payload-plugin-kit';\nimport { Button } from '@payloadcms/ui';\nimport { IconWorld } from '@tabler/icons-react';\nimport type { PayloadRequest } from 'payload';\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={getAdminURL({ req, path: '/intl' })}\n    >\n      <IconWorld size={20} strokeWidth={1.5} />\n    </Button>\n  );\n}\n"],"names":["getAdminURL","Button","IconWorld","MessagesLink","access","req","hasAccess","buttonStyle","el","to","path","size","strokeWidth"],"mappings":";AAAA,SAASA,WAAW,QAAQ,oCAAoC;AAChE,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,SAAS,QAAQ,sBAAsB;AAShD,OAAO,eAAeC,aAAa,EACjCC,SAAS,IAAM,IAAI,EACnBC,GAAG,EACe;IAClB,MAAMC,YAAY,MAAMF,OAAOC;IAC/B,IAAI,CAACC,WAAW,OAAO;IAEvB,qBACE,KAACL;QACCM,aAAY;QACZC,IAAG;QACHC,IAAIT,YAAY;YAAEK;YAAKK,MAAM;QAAQ;kBAErC,cAAA,KAACR;YAAUS,MAAM;YAAIC,aAAa;;;AAGxC"}

package/dist/components/MessagesView.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { getAdminURL } from '@davincicoding/payload-plugin-kit';
 import { DefaultTemplate } from '@payloadcms/next/templates';
 import { Gutter } from '@payloadcms/ui';
-import { getAdminURL } from '../internals/index.js';
 import { RedirectType, redirect } from 'next/navigation';
 import { sanitizeMessages } from '../utils/sanitize';
 import { fetchMessages } from '../requests/fetchMessages';

package/dist/components/MessagesView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/MessagesView.tsx"],"sourcesContent":["import { DefaultTemplate } from '@payloadcms/next/templates';\nimport { Gutter } from '@payloadcms/ui';\nimport { getAdminURL } from '@repo/common';\nimport { RedirectType, redirect } from 'next/navigation';\nimport type { AdminViewServerProps } from 'payload';\nimport type {\n  DeepPartial,\n  Locale,\n  Messages,\n  MessagesGuard,\n  Translations,\n} from '@/types';\nimport { sanitizeMessages } from '@/utils/sanitize';\nimport { fetchMessages } from '../requests/fetchMessages';\nimport { MessagesForm } from './MessagesForm';\n\nexport interface MessagesViewProps {\n  locales: Locale[];\n  schema: Messages;\n  tabs: boolean | undefined;\n  access: MessagesGuard;\n}\n\nexport async function MessagesView({\n  access,\n  initPageResult: { req, locale, permissions, visibleEntities },\n  locales,\n  params,\n  payload,\n  schema,\n  searchParams,\n  tabs = false,\n}: AdminViewServerProps & MessagesViewProps) {\n  const apiUrl = payload.getAPIURL();\n  const endpointUrl = apiUrl.endsWith('/')\n    ? `${apiUrl}intl-plugin`\n    : `${apiUrl}/intl-plugin`;\n\n  const hasAccess = await access(req);\n  if (!hasAccess) redirect(getAdminURL({ req }), RedirectType.replace);\n\n  if (!payload.config.localization) {\n    return null;\n  }\n  const defaultLocale = payload.config.localization.defaultLocale;\n  const activeLocale =\n    typeof locale === 'string' ? locale : (locale?.code ?? defaultLocale);\n\n  const translations: Translations<DeepPartial<Messages>> = {};\n\n  for (const loc of locales) {\n    const messages = await fetchMessages(payload, loc);\n\n    translations[loc] = sanitizeMessages(schema, messages, {\n      useSchemaDefaults: loc === defaultLocale,\n    });\n  }\n\n  return (\n    <DefaultTemplate\n      i18n={req.i18n}\n      locale={locale}\n      params={params}\n      payload={req.payload}\n      permissions={permissions}\n      searchParams={searchParams}\n      user={req.user || undefined}\n      viewActions={payload.config.admin.components.actions.filter((action) => {\n        if (typeof action !== 'object') {\n          return true;\n        }\n        return action.exportName !== 'MessagesLink';\n      })}\n      visibleEntities={visibleEntities}\n    >\n      <Gutter>\n        <MessagesForm\n          activeLocale={activeLocale}\n          defaultLocale={defaultLocale}\n          endpointUrl={endpointUrl}\n          locales={locales}\n          schema={schema}\n          tabs={tabs}\n          values={translations}\n        />\n      </Gutter>\n    </DefaultTemplate>\n  );\n}\n"],"names":["DefaultTemplate","Gutter","getAdminURL","RedirectType","redirect","sanitizeMessages","fetchMessages","MessagesForm","MessagesView","access","initPageResult","req","locale","permissions","visibleEntities","locales","params","payload","schema","searchParams","tabs","apiUrl","getAPIURL","endpointUrl","endsWith","hasAccess","replace","config","localization","defaultLocale","activeLocale","code","translations","loc","messages","useSchemaDefaults","i18n","user","undefined","viewActions","admin","components","actions","filter","action","exportName","values"],"mappings":";AAAA,SAASA,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,YAAY,EAAEC,QAAQ,QAAQ,kBAAkB;AASzD,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,iBAAiB;AAS9C,OAAO,eAAeC,aAAa,EACjCC,MAAM,EACNC,gBAAgB,EAAEC,GAAG,EAAEC,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,EAC7DC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,MAAM,EACNC,YAAY,EACZC,OAAO,KAAK,EAC6B;IACzC,MAAMC,SAASJ,QAAQK,SAAS;IAChC,MAAMC,cAAcF,OAAOG,QAAQ,CAAC,OAChC,GAAGH,OAAO,WAAW,CAAC,GACtB,GAAGA,OAAO,YAAY,CAAC;IAE3B,MAAMI,YAAY,MAAMhB,OAAOE;IAC/B,IAAI,CAACc,WAAWrB,SAASF,YAAY;QAAES;IAAI,IAAIR,aAAauB,OAAO;IAEnE,IAAI,CAACT,QAAQU,MAAM,CAACC,YAAY,EAAE;QAChC,OAAO;IACT;IACA,MAAMC,gBAAgBZ,QAAQU,MAAM,CAACC,YAAY,CAACC,aAAa;IAC/D,MAAMC,eACJ,OAAOlB,WAAW,WAAWA,SAAUA,QAAQmB,QAAQF;IAEzD,MAAMG,eAAoD,CAAC;IAE3D,KAAK,MAAMC,OAAOlB,QAAS;QACzB,MAAMmB,WAAW,MAAM5B,cAAcW,SAASgB;QAE9CD,YAAY,CAACC,IAAI,GAAG5B,iBAAiBa,QAAQgB,UAAU;YACrDC,mBAAmBF,QAAQJ;QAC7B;IACF;IAEA,qBACE,KAAC7B;QACCoC,MAAMzB,IAAIyB,IAAI;QACdxB,QAAQA;QACRI,QAAQA;QACRC,SAASN,IAAIM,OAAO;QACpBJ,aAAaA;QACbM,cAAcA;QACdkB,MAAM1B,IAAI0B,IAAI,IAAIC;QAClBC,aAAatB,QAAQU,MAAM,CAACa,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,MAAM,CAAC,CAACC;YAC3D,IAAI,OAAOA,WAAW,UAAU;gBAC9B,OAAO;YACT;YACA,OAAOA,OAAOC,UAAU,KAAK;QAC/B;QACA/B,iBAAiBA;kBAEjB,cAAA,KAACb;sBACC,cAAA,KAACM;gBACCuB,cAAcA;gBACdD,eAAeA;gBACfN,aAAaA;gBACbR,SAASA;gBACTG,QAAQA;gBACRE,MAAMA;gBACN0B,QAAQd;;;;AAKlB"}
+{"version":3,"sources":["../../src/components/MessagesView.tsx"],"sourcesContent":["import { getAdminURL } from '@davincicoding/payload-plugin-kit';\nimport { DefaultTemplate } from '@payloadcms/next/templates';\nimport { Gutter } from '@payloadcms/ui';\nimport { RedirectType, redirect } from 'next/navigation';\nimport type { AdminViewServerProps } from 'payload';\nimport type {\n  DeepPartial,\n  Locale,\n  Messages,\n  MessagesGuard,\n  Translations,\n} from '@/types';\nimport { sanitizeMessages } from '@/utils/sanitize';\nimport { fetchMessages } from '../requests/fetchMessages';\nimport { MessagesForm } from './MessagesForm';\n\nexport interface MessagesViewProps {\n  locales: Locale[];\n  schema: Messages;\n  tabs: boolean | undefined;\n  access: MessagesGuard;\n}\n\nexport async function MessagesView({\n  access,\n  initPageResult: { req, locale, permissions, visibleEntities },\n  locales,\n  params,\n  payload,\n  schema,\n  searchParams,\n  tabs = false,\n}: AdminViewServerProps & MessagesViewProps) {\n  const apiUrl = payload.getAPIURL();\n  const endpointUrl = apiUrl.endsWith('/')\n    ? `${apiUrl}intl-plugin`\n    : `${apiUrl}/intl-plugin`;\n\n  const hasAccess = await access(req);\n  if (!hasAccess) redirect(getAdminURL({ req }), RedirectType.replace);\n\n  if (!payload.config.localization) {\n    return null;\n  }\n  const defaultLocale = payload.config.localization.defaultLocale;\n  const activeLocale =\n    typeof locale === 'string' ? locale : (locale?.code ?? defaultLocale);\n\n  const translations: Translations<DeepPartial<Messages>> = {};\n\n  for (const loc of locales) {\n    const messages = await fetchMessages(payload, loc);\n\n    translations[loc] = sanitizeMessages(schema, messages, {\n      useSchemaDefaults: loc === defaultLocale,\n    });\n  }\n\n  return (\n    <DefaultTemplate\n      i18n={req.i18n}\n      locale={locale}\n      params={params}\n      payload={req.payload}\n      permissions={permissions}\n      searchParams={searchParams}\n      user={req.user || undefined}\n      viewActions={payload.config.admin.components.actions.filter((action) => {\n        if (typeof action !== 'object') {\n          return true;\n        }\n        return action.exportName !== 'MessagesLink';\n      })}\n      visibleEntities={visibleEntities}\n    >\n      <Gutter>\n        <MessagesForm\n          activeLocale={activeLocale}\n          defaultLocale={defaultLocale}\n          endpointUrl={endpointUrl}\n          locales={locales}\n          schema={schema}\n          tabs={tabs}\n          values={translations}\n        />\n      </Gutter>\n    </DefaultTemplate>\n  );\n}\n"],"names":["getAdminURL","DefaultTemplate","Gutter","RedirectType","redirect","sanitizeMessages","fetchMessages","MessagesForm","MessagesView","access","initPageResult","req","locale","permissions","visibleEntities","locales","params","payload","schema","searchParams","tabs","apiUrl","getAPIURL","endpointUrl","endsWith","hasAccess","replace","config","localization","defaultLocale","activeLocale","code","translations","loc","messages","useSchemaDefaults","i18n","user","undefined","viewActions","admin","components","actions","filter","action","exportName","values"],"mappings":";AAAA,SAASA,WAAW,QAAQ,oCAAoC;AAChE,SAASC,eAAe,QAAQ,6BAA6B;AAC7D,SAASC,MAAM,QAAQ,iBAAiB;AACxC,SAASC,YAAY,EAAEC,QAAQ,QAAQ,kBAAkB;AASzD,SAASC,gBAAgB,QAAQ,mBAAmB;AACpD,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,SAASC,YAAY,QAAQ,iBAAiB;AAS9C,OAAO,eAAeC,aAAa,EACjCC,MAAM,EACNC,gBAAgB,EAAEC,GAAG,EAAEC,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,EAC7DC,OAAO,EACPC,MAAM,EACNC,OAAO,EACPC,MAAM,EACNC,YAAY,EACZC,OAAO,KAAK,EAC6B;IACzC,MAAMC,SAASJ,QAAQK,SAAS;IAChC,MAAMC,cAAcF,OAAOG,QAAQ,CAAC,OAChC,GAAGH,OAAO,WAAW,CAAC,GACtB,GAAGA,OAAO,YAAY,CAAC;IAE3B,MAAMI,YAAY,MAAMhB,OAAOE;IAC/B,IAAI,CAACc,WAAWrB,SAASJ,YAAY;QAAEW;IAAI,IAAIR,aAAauB,OAAO;IAEnE,IAAI,CAACT,QAAQU,MAAM,CAACC,YAAY,EAAE;QAChC,OAAO;IACT;IACA,MAAMC,gBAAgBZ,QAAQU,MAAM,CAACC,YAAY,CAACC,aAAa;IAC/D,MAAMC,eACJ,OAAOlB,WAAW,WAAWA,SAAUA,QAAQmB,QAAQF;IAEzD,MAAMG,eAAoD,CAAC;IAE3D,KAAK,MAAMC,OAAOlB,QAAS;QACzB,MAAMmB,WAAW,MAAM5B,cAAcW,SAASgB;QAE9CD,YAAY,CAACC,IAAI,GAAG5B,iBAAiBa,QAAQgB,UAAU;YACrDC,mBAAmBF,QAAQJ;QAC7B;IACF;IAEA,qBACE,KAAC5B;QACCmC,MAAMzB,IAAIyB,IAAI;QACdxB,QAAQA;QACRI,QAAQA;QACRC,SAASN,IAAIM,OAAO;QACpBJ,aAAaA;QACbM,cAAcA;QACdkB,MAAM1B,IAAI0B,IAAI,IAAIC;QAClBC,aAAatB,QAAQU,MAAM,CAACa,KAAK,CAACC,UAAU,CAACC,OAAO,CAACC,MAAM,CAAC,CAACC;YAC3D,IAAI,OAAOA,WAAW,UAAU;gBAC9B,OAAO;YACT;YACA,OAAOA,OAAOC,UAAU,KAAK;QAC/B;QACA/B,iBAAiBA;kBAEjB,cAAA,KAACZ;sBACC,cAAA,KAACK;gBACCuB,cAAcA;gBACdD,eAAeA;gBACfN,aAAaA;gBACbR,SAASA;gBACTG,QAAQA;gBACRE,MAAMA;gBACN0B,QAAQd;;;;AAKlB"}

package/dist/components/inputs/FieldWrapper.d.ts

@@ -1,9 +1,8 @@
 import type { FieldError } from 'react-hook-form';
 export interface FieldWrapperProps {
-    label?: string;
     error: FieldError | undefined;
     className?: string;
     reference?: string;
 }
-export declare function FieldWrapper({ label, error, reference, className, children, }: React.PropsWithChildren<FieldWrapperProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FieldWrapper({ error, reference, className, children, }: React.PropsWithChildren<FieldWrapperProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=FieldWrapper.d.ts.map

package/dist/components/inputs/FieldWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/FieldWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,2CAa5C"}
+{"version":3,"file":"FieldWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/FieldWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAKlD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,GACT,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,2CAa5C"}

package/dist/components/inputs/FieldWrapper.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
 import styles from './FieldWrapper.module.css';
 import { ReferencePopover } from './ReferencePopover';
-export function FieldWrapper({ label, error, reference, className, children }) {
+export function FieldWrapper({ error, reference, className, children }) {
     return /*#__PURE__*/ _jsxs("div", {
         className: clsx(styles.wrapper, className),
         children: [

package/dist/components/inputs/FieldWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inputs/FieldWrapper.tsx"],"sourcesContent":["import { FieldLabel } from '@payloadcms/ui';\nimport clsx from 'clsx';\nimport type { FieldError } from 'react-hook-form';\n\nimport styles from './FieldWrapper.module.css';\nimport { ReferencePopover } from './ReferencePopover';\n\nexport interface FieldWrapperProps {\n  label?: string;\n  error: FieldError | undefined;\n  className?: string;\n  reference?: string;\n}\n\nexport function FieldWrapper({\n  label,\n  error,\n  reference,\n  className,\n  children,\n}: React.PropsWithChildren<FieldWrapperProps>) {\n  return (\n    <div className={clsx(styles.wrapper, className)}>\n      <ReferencePopover reference={reference}>\n        <fieldset\n          className={clsx(styles.fieldset, error && styles.fieldsetError)}\n        >\n          {children}\n        </fieldset>\n      </ReferencePopover>\n      {error?.message && <p className={styles.errorMessage}>{error.message}</p>}\n    </div>\n  );\n}\n"],"names":["clsx","styles","ReferencePopover","FieldWrapper","label","error","reference","className","children","div","wrapper","fieldset","fieldsetError","message","p","errorMessage"],"mappings":";AACA,OAAOA,UAAU,OAAO;AAGxB,OAAOC,YAAY,4BAA4B;AAC/C,SAASC,gBAAgB,QAAQ,qBAAqB;AAStD,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACmC;IAC3C,qBACE,MAACC;QAAIF,WAAWP,KAAKC,OAAOS,OAAO,EAAEH;;0BACnC,KAACL;gBAAiBI,WAAWA;0BAC3B,cAAA,KAACK;oBACCJ,WAAWP,KAAKC,OAAOU,QAAQ,EAAEN,SAASJ,OAAOW,aAAa;8BAE7DJ;;;YAGJH,OAAOQ,yBAAW,KAACC;gBAAEP,WAAWN,OAAOc,YAAY;0BAAGV,MAAMQ,OAAO;;;;AAG1E"}
+{"version":3,"sources":["../../../src/components/inputs/FieldWrapper.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { FieldError } from 'react-hook-form';\n\nimport styles from './FieldWrapper.module.css';\nimport { ReferencePopover } from './ReferencePopover';\n\nexport interface FieldWrapperProps {\n  error: FieldError | undefined;\n  className?: string;\n  reference?: string;\n}\n\nexport function FieldWrapper({\n  error,\n  reference,\n  className,\n  children,\n}: React.PropsWithChildren<FieldWrapperProps>) {\n  return (\n    <div className={clsx(styles.wrapper, className)}>\n      <ReferencePopover reference={reference}>\n        <fieldset\n          className={clsx(styles.fieldset, error && styles.fieldsetError)}\n        >\n          {children}\n        </fieldset>\n      </ReferencePopover>\n      {error?.message && <p className={styles.errorMessage}>{error.message}</p>}\n    </div>\n  );\n}\n"],"names":["clsx","styles","ReferencePopover","FieldWrapper","error","reference","className","children","div","wrapper","fieldset","fieldsetError","message","p","errorMessage"],"mappings":";AAAA,OAAOA,UAAU,OAAO;AAGxB,OAAOC,YAAY,4BAA4B;AAC/C,SAASC,gBAAgB,QAAQ,qBAAqB;AAQtD,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,SAAS,EACTC,SAAS,EACTC,QAAQ,EACmC;IAC3C,qBACE,MAACC;QAAIF,WAAWN,KAAKC,OAAOQ,OAAO,EAAEH;;0BACnC,KAACJ;gBAAiBG,WAAWA;0BAC3B,cAAA,KAACK;oBACCJ,WAAWN,KAAKC,OAAOS,QAAQ,EAAEN,SAASH,OAAOU,aAAa;8BAE7DJ;;;YAGJH,OAAOQ,yBAAW,KAACC;gBAAEP,WAAWL,OAAOa,YAAY;0BAAGV,MAAMQ,OAAO;;;;AAG1E"}

package/dist/components/inputs/LexicalInput.d.ts

@@ -5,5 +5,5 @@ export interface LexicalInputProps extends FieldWrapperProps {
     onChange: (value: string) => void;
     onBlur: () => void;
 }
-export declare function LexicalInput({ error, label, value, onChange, className, }: LexicalInputProps): React.ReactNode;
+export declare function LexicalInput({ error, value, onChange, className, }: LexicalInputProps): React.ReactNode;
 //# sourceMappingURL=LexicalInput.d.ts.map

package/dist/components/inputs/LexicalInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LexicalInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/LexicalInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAoBrC"}
+{"version":3,"file":"LexicalInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/LexicalInput.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGxD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,SAAS,CAoBrC"}

package/dist/components/inputs/LexicalInput.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { RenderLexical } from '@payloadcms/richtext-lexical/client';
 import { useHtmlLexicalAdapter } from '../hooks/useHtmlLexicalAdapter';
 import { FieldWrapper } from './FieldWrapper';
-export function LexicalInput({ error, label, value, onChange, className }) {
+export function LexicalInput({ error, value, onChange, className }) {
     const editor = useHtmlLexicalAdapter({
         html: value,
         onChange
@@ -10,7 +10,6 @@ export function LexicalInput({ error, label, value, onChange, className }) {
     return /*#__PURE__*/ _jsx(FieldWrapper, {
         className: className,
         error: error,
-        label: label,
         children: /*#__PURE__*/ _jsx(RenderLexical, {
             field: {
                 name: 'myCustomEditor',

package/dist/components/inputs/LexicalInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inputs/LexicalInput.tsx"],"sourcesContent":["import { RenderLexical } from '@payloadcms/richtext-lexical/client';\nimport type { SerializedEditorState } from '@payloadcms/richtext-lexical/lexical';\nimport { useHtmlLexicalAdapter } from '../hooks/useHtmlLexicalAdapter';\nimport type { FieldWrapperProps } from './FieldWrapper';\nimport { FieldWrapper } from './FieldWrapper';\n\nexport interface LexicalInputProps extends FieldWrapperProps {\n  lang: string;\n  value: string;\n  onChange: (value: string) => void;\n  onBlur: () => void;\n}\n\nexport function LexicalInput({\n  error,\n  label,\n  value,\n  onChange,\n  className,\n}: LexicalInputProps): React.ReactNode {\n  const editor = useHtmlLexicalAdapter({\n    html: value,\n    onChange,\n  });\n\n  return (\n    <FieldWrapper className={className} error={error} label={label}>\n      <RenderLexical\n        field={{\n          name: 'myCustomEditor',\n          label: false,\n          type: 'richText',\n        }}\n        schemaPath=\"global.intl-plugin.editorTemplate\"\n        setValue={(val) => editor.setValue(val as SerializedEditorState)}\n        value={editor.value}\n      />\n    </FieldWrapper>\n  );\n}\n"],"names":["RenderLexical","useHtmlLexicalAdapter","FieldWrapper","LexicalInput","error","label","value","onChange","className","editor","html","field","name","type","schemaPath","setValue","val"],"mappings":";AAAA,SAASA,aAAa,QAAQ,sCAAsC;AAEpE,SAASC,qBAAqB,QAAQ,iCAAiC;AAEvE,SAASC,YAAY,QAAQ,iBAAiB;AAS9C,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACS;IAClB,MAAMC,SAASR,sBAAsB;QACnCS,MAAMJ;QACNC;IACF;IAEA,qBACE,KAACL;QAAaM,WAAWA;QAAWJ,OAAOA;QAAOC,OAAOA;kBACvD,cAAA,KAACL;YACCW,OAAO;gBACLC,MAAM;gBACNP,OAAO;gBACPQ,MAAM;YACR;YACAC,YAAW;YACXC,UAAU,CAACC,MAAQP,OAAOM,QAAQ,CAACC;YACnCV,OAAOG,OAAOH,KAAK;;;AAI3B"}
+{"version":3,"sources":["../../../src/components/inputs/LexicalInput.tsx"],"sourcesContent":["import { RenderLexical } from '@payloadcms/richtext-lexical/client';\nimport type { SerializedEditorState } from '@payloadcms/richtext-lexical/lexical';\nimport { useHtmlLexicalAdapter } from '../hooks/useHtmlLexicalAdapter';\nimport type { FieldWrapperProps } from './FieldWrapper';\nimport { FieldWrapper } from './FieldWrapper';\n\nexport interface LexicalInputProps extends FieldWrapperProps {\n  lang: string;\n  value: string;\n  onChange: (value: string) => void;\n  onBlur: () => void;\n}\n\nexport function LexicalInput({\n  error,\n  value,\n  onChange,\n  className,\n}: LexicalInputProps): React.ReactNode {\n  const editor = useHtmlLexicalAdapter({\n    html: value,\n    onChange,\n  });\n\n  return (\n    <FieldWrapper className={className} error={error}>\n      <RenderLexical\n        field={{\n          name: 'myCustomEditor',\n          label: false,\n          type: 'richText',\n        }}\n        schemaPath=\"global.intl-plugin.editorTemplate\"\n        setValue={(val) => editor.setValue(val as SerializedEditorState)}\n        value={editor.value}\n      />\n    </FieldWrapper>\n  );\n}\n"],"names":["RenderLexical","useHtmlLexicalAdapter","FieldWrapper","LexicalInput","error","value","onChange","className","editor","html","field","name","label","type","schemaPath","setValue","val"],"mappings":";AAAA,SAASA,aAAa,QAAQ,sCAAsC;AAEpE,SAASC,qBAAqB,QAAQ,iCAAiC;AAEvE,SAASC,YAAY,QAAQ,iBAAiB;AAS9C,OAAO,SAASC,aAAa,EAC3BC,KAAK,EACLC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACS;IAClB,MAAMC,SAASP,sBAAsB;QACnCQ,MAAMJ;QACNC;IACF;IAEA,qBACE,KAACJ;QAAaK,WAAWA;QAAWH,OAAOA;kBACzC,cAAA,KAACJ;YACCU,OAAO;gBACLC,MAAM;gBACNC,OAAO;gBACPC,MAAM;YACR;YACAC,YAAW;YACXC,UAAU,CAACC,MAAQR,OAAOO,QAAQ,CAACC;YACnCX,OAAOG,OAAOH,KAAK;;;AAI3B"}

package/dist/components/inputs/MessageInput.d.ts

@@ -10,5 +10,5 @@ export interface MessageInputProps extends FieldWrapperProps {
     multiline?: boolean;
     reference?: string;
 }
-export declare function MessageInput({ label, value, lang, error, variables, onChange, onBlur, className, multiline, reference, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function MessageInput({ value, lang, error, variables, onChange, onBlur, className, multiline, reference, }: MessageInputProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MessageInput.d.ts.map

package/dist/components/inputs/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/MessageInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAShD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA2BxD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,2CAuFnB"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/inputs/MessageInput.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAShD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AA2BxD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,MAAM,EACN,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,iBAAiB,2CAkFnB"}

package/dist/components/inputs/MessageInput.js

@@ -35,7 +35,7 @@ function SyncValuePlugin({ value }) {
     ]);
     return null;
 }
-export function MessageInput({ label, value, lang, error, variables, onChange, onBlur, className, multiline, reference }) {
+export function MessageInput({ value, lang, error, variables, onChange, onBlur, className, multiline, reference }) {
     const handleChange = useCallback((editorState)=>{
         editorState.read(()=>{
             onChange($getRoot().getTextContent());
@@ -77,7 +77,6 @@ export function MessageInput({ label, value, lang, error, variables, onChange, o
     return /*#__PURE__*/ _jsx(FieldWrapper, {
         className: className,
         error: error,
-        label: label,
         reference: reference,
         children: /*#__PURE__*/ _jsx(LexicalComposer, {
             initialConfig: initialConfig,

package/dist/components/inputs/MessageInput.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/inputs/MessageInput.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorState } from '@payloadcms/richtext-lexical/lexical';\nimport { $getRoot } from '@payloadcms/richtext-lexical/lexical';\nimport { LexicalComposer } from '@payloadcms/richtext-lexical/lexical/react/LexicalComposer';\nimport { useLexicalComposerContext } from '@payloadcms/richtext-lexical/lexical/react/LexicalComposerContext';\nimport { ContentEditable } from '@payloadcms/richtext-lexical/lexical/react/LexicalContentEditable';\nimport { LexicalErrorBoundary } from '@payloadcms/richtext-lexical/lexical/react/LexicalErrorBoundary';\nimport { HistoryPlugin } from '@payloadcms/richtext-lexical/lexical/react/LexicalHistoryPlugin';\nimport { OnChangePlugin } from '@payloadcms/richtext-lexical/lexical/react/LexicalOnChangePlugin';\nimport { PlainTextPlugin } from '@payloadcms/richtext-lexical/lexical/react/LexicalPlainTextPlugin';\nimport clsx from 'clsx';\nimport {\n  BeautifulMentionNode,\n  BeautifulMentionsPlugin,\n} from 'lexical-beautiful-mentions';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport type { TemplateVariable } from '@/types';\n\nimport { formatVariableLabel } from '@/utils/format';\nimport { isTagElement } from '@/utils/guards';\nimport {\n  parseIcuToLexicalState,\n  serializeICUMessage,\n} from '@/utils/icu-tranform';\n\nimport type { FieldWrapperProps } from './FieldWrapper';\nimport { FieldWrapper } from './FieldWrapper';\nimport styles from './MessageInput.module.css';\nimport { SingleLinePlugin } from './SingleLinePlugin';\nimport { VariableMentionNode } from './variables/VariableNode';\nimport { MentionMenu, MentionMenuItem } from './variables/VariableSuggestion';\n\nfunction SyncValuePlugin({ value }: { value: string }) {\n  const [editor] = useLexicalComposerContext();\n\n  useEffect(() => {\n    const currentText = editor\n      .getEditorState()\n      .read(() => $getRoot().getTextContent());\n    if (value !== currentText) {\n      queueMicrotask(() => {\n        const newState = editor.parseEditorState(\n          JSON.stringify(parseIcuToLexicalState(value)),\n        );\n        editor.setEditorState(newState);\n      });\n    }\n  }, [value, editor]);\n\n  return null;\n}\n\nexport interface MessageInputProps extends FieldWrapperProps {\n  value: string;\n  lang: string;\n  variables: TemplateVariable[];\n  onChange: (value: string) => void;\n  onBlur: () => void;\n  readOnly?: boolean;\n  multiline?: boolean;\n  reference?: string;\n}\n\nexport function MessageInput({\n  label,\n  value,\n  lang,\n  error,\n  variables,\n  onChange,\n  onBlur,\n  className,\n  multiline,\n  reference,\n}: MessageInputProps) {\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      editorState.read(() => {\n        onChange($getRoot().getTextContent());\n      });\n    },\n    [onChange],\n  );\n\n  const mentionItems = useMemo(() => {\n    const toItem = (v: TemplateVariable) => ({\n      value: v.value,\n      label: formatVariableLabel(v),\n      icu: serializeICUMessage([v]),\n    });\n\n    return {\n      '@': variables.map(toItem),\n      '{': variables.filter((v) => !isTagElement(v)).map(toItem),\n      '<': variables.filter((v) => isTagElement(v)).map(toItem),\n    };\n  }, [variables]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: LexicalComposer only reads initialConfig on mount\n  const initialConfig = useMemo(\n    () => ({\n      namespace: 'ICUMessageEditor',\n      nodes: [\n        VariableMentionNode,\n        {\n          replace: BeautifulMentionNode,\n          with: (node: BeautifulMentionNode) =>\n            new VariableMentionNode(\n              node.getTrigger(),\n              node.getValue(),\n              node.getData(),\n            ),\n          withKlass: VariableMentionNode,\n        },\n      ],\n      editorState: JSON.stringify(parseIcuToLexicalState(value)),\n      editable: true,\n      onError: console.error,\n    }),\n    [],\n  );\n\n  return (\n    <FieldWrapper\n      className={className}\n      error={error}\n      label={label}\n      reference={reference}\n    >\n      <LexicalComposer initialConfig={initialConfig}>\n        <div\n          className={clsx(styles.editor, multiline && styles.multiline)}\n          lang={lang}\n        >\n          <PlainTextPlugin\n            contentEditable={\n              <ContentEditable\n                className={clsx(\n                  styles.contentEditable,\n                  error && styles.contentEditableError,\n                )}\n                onBlur={onBlur}\n              />\n            }\n            ErrorBoundary={LexicalErrorBoundary}\n          />\n          {multiline && <SingleLinePlugin />}\n          <SyncValuePlugin value={value} />\n          <OnChangePlugin onChange={handleChange} />\n          <HistoryPlugin />\n\n          <BeautifulMentionsPlugin\n            items={mentionItems}\n            menuAnchorClassName={styles.menuAnchor}\n            menuComponent={MentionMenu}\n            menuItemComponent={MentionMenuItem}\n          />\n        </div>\n      </LexicalComposer>\n    </FieldWrapper>\n  );\n}\n"],"names":["$getRoot","LexicalComposer","useLexicalComposerContext","ContentEditable","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","PlainTextPlugin","clsx","BeautifulMentionNode","BeautifulMentionsPlugin","useCallback","useEffect","useMemo","formatVariableLabel","isTagElement","parseIcuToLexicalState","serializeICUMessage","FieldWrapper","styles","SingleLinePlugin","VariableMentionNode","MentionMenu","MentionMenuItem","SyncValuePlugin","value","editor","currentText","getEditorState","read","getTextContent","queueMicrotask","newState","parseEditorState","JSON","stringify","setEditorState","MessageInput","label","lang","error","variables","onChange","onBlur","className","multiline","reference","handleChange","editorState","mentionItems","toItem","v","icu","map","filter","initialConfig","namespace","nodes","replace","with","node","getTrigger","getValue","getData","withKlass","editable","onError","console","div","contentEditable","contentEditableError","ErrorBoundary","items","menuAnchorClassName","menuAnchor","menuComponent","menuItemComponent"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/inputs/MessageInput.tsx"],"sourcesContent":["'use client';\n\nimport type { EditorState } from '@payloadcms/richtext-lexical/lexical';\nimport { $getRoot } from '@payloadcms/richtext-lexical/lexical';\nimport { LexicalComposer } from '@payloadcms/richtext-lexical/lexical/react/LexicalComposer';\nimport { useLexicalComposerContext } from '@payloadcms/richtext-lexical/lexical/react/LexicalComposerContext';\nimport { ContentEditable } from '@payloadcms/richtext-lexical/lexical/react/LexicalContentEditable';\nimport { LexicalErrorBoundary } from '@payloadcms/richtext-lexical/lexical/react/LexicalErrorBoundary';\nimport { HistoryPlugin } from '@payloadcms/richtext-lexical/lexical/react/LexicalHistoryPlugin';\nimport { OnChangePlugin } from '@payloadcms/richtext-lexical/lexical/react/LexicalOnChangePlugin';\nimport { PlainTextPlugin } from '@payloadcms/richtext-lexical/lexical/react/LexicalPlainTextPlugin';\nimport clsx from 'clsx';\nimport {\n  BeautifulMentionNode,\n  BeautifulMentionsPlugin,\n} from 'lexical-beautiful-mentions';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport type { TemplateVariable } from '@/types';\n\nimport { formatVariableLabel } from '@/utils/format';\nimport { isTagElement } from '@/utils/guards';\nimport {\n  parseIcuToLexicalState,\n  serializeICUMessage,\n} from '@/utils/icu-tranform';\n\nimport type { FieldWrapperProps } from './FieldWrapper';\nimport { FieldWrapper } from './FieldWrapper';\nimport styles from './MessageInput.module.css';\nimport { SingleLinePlugin } from './SingleLinePlugin';\nimport { VariableMentionNode } from './variables/VariableNode';\nimport { MentionMenu, MentionMenuItem } from './variables/VariableSuggestion';\n\nfunction SyncValuePlugin({ value }: { value: string }) {\n  const [editor] = useLexicalComposerContext();\n\n  useEffect(() => {\n    const currentText = editor\n      .getEditorState()\n      .read(() => $getRoot().getTextContent());\n    if (value !== currentText) {\n      queueMicrotask(() => {\n        const newState = editor.parseEditorState(\n          JSON.stringify(parseIcuToLexicalState(value)),\n        );\n        editor.setEditorState(newState);\n      });\n    }\n  }, [value, editor]);\n\n  return null;\n}\n\nexport interface MessageInputProps extends FieldWrapperProps {\n  value: string;\n  lang: string;\n  variables: TemplateVariable[];\n  onChange: (value: string) => void;\n  onBlur: () => void;\n  readOnly?: boolean;\n  multiline?: boolean;\n  reference?: string;\n}\n\nexport function MessageInput({\n  value,\n  lang,\n  error,\n  variables,\n  onChange,\n  onBlur,\n  className,\n  multiline,\n  reference,\n}: MessageInputProps) {\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      editorState.read(() => {\n        onChange($getRoot().getTextContent());\n      });\n    },\n    [onChange],\n  );\n\n  const mentionItems = useMemo(() => {\n    const toItem = (v: TemplateVariable) => ({\n      value: v.value,\n      label: formatVariableLabel(v),\n      icu: serializeICUMessage([v]),\n    });\n\n    return {\n      '@': variables.map(toItem),\n      '{': variables.filter((v) => !isTagElement(v)).map(toItem),\n      '<': variables.filter((v) => isTagElement(v)).map(toItem),\n    };\n  }, [variables]);\n\n  // biome-ignore lint/correctness/useExhaustiveDependencies: LexicalComposer only reads initialConfig on mount\n  const initialConfig = useMemo(\n    () => ({\n      namespace: 'ICUMessageEditor',\n      nodes: [\n        VariableMentionNode,\n        {\n          replace: BeautifulMentionNode,\n          with: (node: BeautifulMentionNode) =>\n            new VariableMentionNode(\n              node.getTrigger(),\n              node.getValue(),\n              node.getData(),\n            ),\n          withKlass: VariableMentionNode,\n        },\n      ],\n      editorState: JSON.stringify(parseIcuToLexicalState(value)),\n      editable: true,\n      onError: console.error,\n    }),\n    [],\n  );\n\n  return (\n    <FieldWrapper className={className} error={error} reference={reference}>\n      <LexicalComposer initialConfig={initialConfig}>\n        <div\n          className={clsx(styles.editor, multiline && styles.multiline)}\n          lang={lang}\n        >\n          <PlainTextPlugin\n            contentEditable={\n              <ContentEditable\n                className={clsx(\n                  styles.contentEditable,\n                  error && styles.contentEditableError,\n                )}\n                onBlur={onBlur}\n              />\n            }\n            ErrorBoundary={LexicalErrorBoundary}\n          />\n          {multiline && <SingleLinePlugin />}\n          <SyncValuePlugin value={value} />\n          <OnChangePlugin onChange={handleChange} />\n          <HistoryPlugin />\n\n          <BeautifulMentionsPlugin\n            items={mentionItems}\n            menuAnchorClassName={styles.menuAnchor}\n            menuComponent={MentionMenu}\n            menuItemComponent={MentionMenuItem}\n          />\n        </div>\n      </LexicalComposer>\n    </FieldWrapper>\n  );\n}\n"],"names":["$getRoot","LexicalComposer","useLexicalComposerContext","ContentEditable","LexicalErrorBoundary","HistoryPlugin","OnChangePlugin","PlainTextPlugin","clsx","BeautifulMentionNode","BeautifulMentionsPlugin","useCallback","useEffect","useMemo","formatVariableLabel","isTagElement","parseIcuToLexicalState","serializeICUMessage","FieldWrapper","styles","SingleLinePlugin","VariableMentionNode","MentionMenu","MentionMenuItem","SyncValuePlugin","value","editor","currentText","getEditorState","read","getTextContent","queueMicrotask","newState","parseEditorState","JSON","stringify","setEditorState","MessageInput","lang","error","variables","onChange","onBlur","className","multiline","reference","handleChange","editorState","mentionItems","toItem","v","label","icu","map","filter","initialConfig","namespace","nodes","replace","with","node","getTrigger","getValue","getData","withKlass","editable","onError","console","div","contentEditable","contentEditableError","ErrorBoundary","items","menuAnchorClassName","menuAnchor","menuComponent","menuItemComponent"],"mappings":"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"}

package/dist/const.d.ts

@@ -1,9 +1,17 @@
-import type { Messages } from './types';
+export declare const PLUGIN_CONTEXT: {
+    set: (config: import("payload").Config, context: {
+        collectionSlug: string;
+        storage: "db" | "upload";
+    }) => void;
+    get: (config: {
+        custom?: Record<string, unknown>;
+    }) => {
+        collectionSlug: string;
+        storage: "db" | "upload";
+    } | null;
+};
 export declare const ENDPOINTS: {
-    getMessages: import("./internals/index.js").Procedure<{
-        locale: string;
-    }, Messages>;
-    setMessages: import("./internals/index.js").Procedure<void, {
+    setMessages: import("@davincicoding/payload-plugin-kit").Procedure<void, {
         success: boolean;
     }>;
 };

package/dist/const.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../src/const.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,SAAS;;;;;iBASE,OAAO;;CAC9B,CAAC"}
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../src/const.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc;;;;;;cAcqP,CAAC;;;;;CARhR,CAAC;AAEF,eAAO,MAAM,SAAS;;iBAIE,OAAO;;CAC9B,CAAC"}

package/dist/const.js

@@ -1,13 +1,13 @@
-import { defineProcedure } from './internals/index.js';
-import { z } from 'zod';
+import { createPluginContext, defineProcedure } from '@davincicoding/payload-plugin-kit';
+import { z } from 'zod/v4-mini';
+export const PLUGIN_CONTEXT = createPluginContext('payload-intl', z.object({
+    collectionSlug: z.string(),
+    storage: z.enum([
+        'db',
+        'upload'
+    ])
+}));
 export const ENDPOINTS = {
-    getMessages: defineProcedure({
-        path: '/intl-plugin/:locale',
-        method: 'get',
-        input: z.object({
-            locale: z.string()
-        })
-    }).returns(),
     setMessages: defineProcedure({
         path: '/intl-plugin',
         method: 'put'

package/dist/const.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/const.ts"],"sourcesContent":["import { defineProcedure } from '@repo/common';\nimport { z } from 'zod';\nimport type { Messages } from './types';\n\nexport const ENDPOINTS = {\n  getMessages: defineProcedure({\n    path: '/intl-plugin/:locale',\n    method: 'get',\n    input: z.object({ locale: z.string() }),\n  }).returns<Messages>(),\n  setMessages: defineProcedure({\n    path: '/intl-plugin',\n    method: 'put',\n  }).returns<{ success: boolean }>(),\n};\n"],"names":["defineProcedure","z","ENDPOINTS","getMessages","path","method","input","object","locale","string","returns","setMessages"],"mappings":"AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,SAASC,CAAC,QAAQ,MAAM;AAGxB,OAAO,MAAMC,YAAY;IACvBC,aAAaH,gBAAgB;QAC3BI,MAAM;QACNC,QAAQ;QACRC,OAAOL,EAAEM,MAAM,CAAC;YAAEC,QAAQP,EAAEQ,MAAM;QAAG;IACvC,GAAGC,OAAO;IACVC,aAAaX,gBAAgB;QAC3BI,MAAM;QACNC,QAAQ;IACV,GAAGK,OAAO;AACZ,EAAE"}
+{"version":3,"sources":["../src/const.ts"],"sourcesContent":["import {\n  createPluginContext,\n  defineProcedure,\n} from '@davincicoding/payload-plugin-kit';\nimport { z } from 'zod/v4-mini';\n\nexport const PLUGIN_CONTEXT = createPluginContext(\n  'payload-intl',\n  z.object({\n    collectionSlug: z.string(),\n    storage: z.enum(['db', 'upload']),\n  }),\n);\n\nexport const ENDPOINTS = {\n  setMessages: defineProcedure({\n    path: '/intl-plugin',\n    method: 'put',\n  }).returns<{ success: boolean }>(),\n};\n"],"names":["createPluginContext","defineProcedure","z","PLUGIN_CONTEXT","object","collectionSlug","string","storage","enum","ENDPOINTS","setMessages","path","method","returns"],"mappings":"AAAA,SACEA,mBAAmB,EACnBC,eAAe,QACV,oCAAoC;AAC3C,SAASC,CAAC,QAAQ,cAAc;AAEhC,OAAO,MAAMC,iBAAiBH,oBAC5B,gBACAE,EAAEE,MAAM,CAAC;IACPC,gBAAgBH,EAAEI,MAAM;IACxBC,SAASL,EAAEM,IAAI,CAAC;QAAC;QAAM;KAAS;AAClC,IACA;AAEF,OAAO,MAAMC,YAAY;IACvBC,aAAaT,gBAAgB;QAC3BU,MAAM;QACNC,QAAQ;IACV,GAAGC,OAAO;AACZ,EAAE"}

package/dist/endpoints/set-messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-messages.d.ts","sourceRoot":"","sources":["../../src/endpoints/set-messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAwB,MAAM,SAAS,CAAC;AAK9D,eAAO,MAAM,mBAAmB,EAAE,QAqDjC,CAAC"}
+{"version":3,"file":"set-messages.d.ts","sourceRoot":"","sources":["../../src/endpoints/set-messages.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAwB,MAAM,SAAS,CAAC;AAK9D,eAAO,MAAM,mBAAmB,EAAE,QA8EjC,CAAC"}

package/dist/endpoints/set-messages.js

@@ -1,5 +1,6 @@
-import { ENDPOINTS } from '../const';
-import { getPluginContext, getSupportedLocales } from '../utils/config';
+import { uncaughtSwitchCase } from '@davincicoding/payload-plugin-kit';
+import { ENDPOINTS, PLUGIN_CONTEXT } from '../const';
+import { getSupportedLocales } from '../utils/config';
 export const setMessagesEndpoint = ENDPOINTS.setMessages.endpoint(async (req)=>{
     const { user } = await req.payload.auth({
         headers: req.headers
@@ -20,39 +21,80 @@ export const setMessagesEndpoint = ENDPOINTS.setMessages.endpoint(async (req)=>{
         });
     }
     const supportedLocales = getSupportedLocales(req.payload.config.localization);
-    const { collectionSlug } = getPluginContext(req.payload.config);
+    const ctx = PLUGIN_CONTEXT.get(req.payload.config);
+    if (!ctx) {
+        return Response.json({
+            error: 'Plugin not configured'
+        }, {
+            status: 500
+        });
+    }
+    const { collectionSlug, storage } = ctx;
     for (const locale of supportedLocales){
         const messages = data[locale];
         if (!messages) continue;
-        const rawFile = new File([
-            JSON.stringify(messages)
-        ], `${locale}-${Date.now()}.json`, {
-            type: 'application/json'
-        });
-        const file = {
-            name: rawFile.name,
-            data: Buffer.from(await rawFile.arrayBuffer()),
-            mimetype: rawFile.type,
-            size: rawFile.size
-        };
-        const { docs } = await req.payload.update({
-            collection: collectionSlug,
-            data: {},
-            file,
-            where: {
-                locale: {
-                    equals: locale
+        switch(storage){
+            case 'db':
+                {
+                    const { docs } = await req.payload.update({
+                        collection: ctx.collectionSlug,
+                        data: {
+                            data: messages
+                        },
+                        where: {
+                            locale: {
+                                equals: locale
+                            }
+                        }
+                    });
+                    if (docs.length === 0) {
+                        await req.payload.create({
+                            collection: ctx.collectionSlug,
+                            data: {
+                                locale,
+                                data: messages
+                            }
+                        });
+                    }
+                    break;
                 }
-            }
-        });
-        if (docs.length === 0) {
-            await req.payload.create({
-                collection: collectionSlug,
-                data: {
-                    locale
-                },
-                file
-            });
+            case 'upload':
+                {
+                    const rawFile = new File([
+                        JSON.stringify(messages)
+                    ], `${locale}-${Date.now()}.json`, {
+                        type: 'application/json'
+                    });
+                    const file = {
+                        name: rawFile.name,
+                        data: Buffer.from(await rawFile.arrayBuffer()),
+                        mimetype: rawFile.type,
+                        size: rawFile.size
+                    };
+                    const { docs } = await req.payload.update({
+                        collection: collectionSlug,
+                        data: {},
+                        file,
+                        where: {
+                            locale: {
+                                equals: locale
+                            }
+                        }
+                    });
+                    if (docs.length === 0) {
+                        await req.payload.create({
+                            collection: collectionSlug,
+                            data: {
+                                locale,
+                                data: null
+                            },
+                            file
+                        });
+                    }
+                    break;
+                }
+            default:
+                return uncaughtSwitchCase(storage);
         }
     }
     return {

package/dist/endpoints/set-messages.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/endpoints/set-messages.ts"],"sourcesContent":["import type { Endpoint, File, PayloadRequest } from 'payload';\nimport { ENDPOINTS } from '@/const';\nimport type { Messages, Translations } from '@/types';\nimport { getPluginContext, getSupportedLocales } from '@/utils/config';\n\nexport const setMessagesEndpoint: Endpoint = ENDPOINTS.setMessages.endpoint(\n  async (req: PayloadRequest) => {\n    const { user } = await req.payload.auth({ headers: req.headers });\n    if (!user) {\n      return Response.json({ error: 'Unauthorized' }, { status: 401 });\n    }\n\n    const data = (await req.json?.()) as Translations<Messages> | undefined;\n    if (!data) {\n      return Response.json({ error: 'No data provided' }, { status: 400 });\n    }\n\n    const supportedLocales = getSupportedLocales(\n      req.payload.config.localization,\n    );\n    const { collectionSlug } = getPluginContext(req.payload.config);\n\n    for (const locale of supportedLocales) {\n      const messages = data[locale];\n      if (!messages) continue;\n\n      const rawFile = new File(\n        [JSON.stringify(messages)],\n        `${locale}-${Date.now()}.json`,\n        {\n          type: 'application/json',\n        },\n      );\n\n      const file: File = {\n        name: rawFile.name,\n        data: Buffer.from(await rawFile.arrayBuffer()),\n        mimetype: rawFile.type,\n        size: rawFile.size,\n      };\n\n      const { docs } = await req.payload.update({\n        collection: collectionSlug as 'messages',\n        data: {},\n        file,\n        where: { locale: { equals: locale } },\n      });\n      if (docs.length === 0) {\n        await req.payload.create({\n          collection: collectionSlug as 'messages',\n          data: { locale },\n          file,\n        });\n      }\n    }\n\n    return { success: true };\n  },\n);\n"],"names":["ENDPOINTS","getPluginContext","getSupportedLocales","setMessagesEndpoint","setMessages","endpoint","req","user","payload","auth","headers","Response","json","error","status","data","supportedLocales","config","localization","collectionSlug","locale","messages","rawFile","File","JSON","stringify","Date","now","type","file","name","Buffer","from","arrayBuffer","mimetype","size","docs","update","collection","where","equals","length","create","success"],"mappings":"AACA,SAASA,SAAS,QAAQ,UAAU;AAEpC,SAASC,gBAAgB,EAAEC,mBAAmB,QAAQ,iBAAiB;AAEvE,OAAO,MAAMC,sBAAgCH,UAAUI,WAAW,CAACC,QAAQ,CACzE,OAAOC;IACL,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAMD,IAAIE,OAAO,CAACC,IAAI,CAAC;QAAEC,SAASJ,IAAII,OAAO;IAAC;IAC/D,IAAI,CAACH,MAAM;QACT,OAAOI,SAASC,IAAI,CAAC;YAAEC,OAAO;QAAe,GAAG;YAAEC,QAAQ;QAAI;IAChE;IAEA,MAAMC,OAAQ,MAAMT,IAAIM,IAAI;IAC5B,IAAI,CAACG,MAAM;QACT,OAAOJ,SAASC,IAAI,CAAC;YAAEC,OAAO;QAAmB,GAAG;YAAEC,QAAQ;QAAI;IACpE;IAEA,MAAME,mBAAmBd,oBACvBI,IAAIE,OAAO,CAACS,MAAM,CAACC,YAAY;IAEjC,MAAM,EAAEC,cAAc,EAAE,GAAGlB,iBAAiBK,IAAIE,OAAO,CAACS,MAAM;IAE9D,KAAK,MAAMG,UAAUJ,iBAAkB;QACrC,MAAMK,WAAWN,IAAI,CAACK,OAAO;QAC7B,IAAI,CAACC,UAAU;QAEf,MAAMC,UAAU,IAAIC,KAClB;YAACC,KAAKC,SAAS,CAACJ;SAAU,EAC1B,GAAGD,OAAO,CAAC,EAAEM,KAAKC,GAAG,GAAG,KAAK,CAAC,EAC9B;YACEC,MAAM;QACR;QAGF,MAAMC,OAAa;YACjBC,MAAMR,QAAQQ,IAAI;YAClBf,MAAMgB,OAAOC,IAAI,CAAC,MAAMV,QAAQW,WAAW;YAC3CC,UAAUZ,QAAQM,IAAI;YACtBO,MAAMb,QAAQa,IAAI;QACpB;QAEA,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAM9B,IAAIE,OAAO,CAAC6B,MAAM,CAAC;YACxCC,YAAYnB;YACZJ,MAAM,CAAC;YACPc;YACAU,OAAO;gBAAEnB,QAAQ;oBAAEoB,QAAQpB;gBAAO;YAAE;QACtC;QACA,IAAIgB,KAAKK,MAAM,KAAK,GAAG;YACrB,MAAMnC,IAAIE,OAAO,CAACkC,MAAM,CAAC;gBACvBJ,YAAYnB;gBACZJ,MAAM;oBAAEK;gBAAO;gBACfS;YACF;QACF;IACF;IAEA,OAAO;QAAEc,SAAS;IAAK;AACzB,GACA"}
+{"version":3,"sources":["../../src/endpoints/set-messages.ts"],"sourcesContent":["import { uncaughtSwitchCase } from '@davincicoding/payload-plugin-kit';\nimport type { Endpoint, File, PayloadRequest } from 'payload';\nimport { ENDPOINTS, PLUGIN_CONTEXT } from '@/const';\nimport type { Messages, Translations } from '@/types';\nimport { getSupportedLocales } from '@/utils/config';\n\nexport const setMessagesEndpoint: Endpoint = ENDPOINTS.setMessages.endpoint(\n  async (req: PayloadRequest) => {\n    const { user } = await req.payload.auth({ headers: req.headers });\n    if (!user) {\n      return Response.json({ error: 'Unauthorized' }, { status: 401 });\n    }\n\n    const data = (await req.json?.()) as Translations<Messages> | undefined;\n    if (!data) {\n      return Response.json({ error: 'No data provided' }, { status: 400 });\n    }\n\n    const supportedLocales = getSupportedLocales(\n      req.payload.config.localization,\n    );\n    const ctx = PLUGIN_CONTEXT.get(req.payload.config);\n    if (!ctx) {\n      return Response.json({ error: 'Plugin not configured' }, { status: 500 });\n    }\n    const { collectionSlug, storage } = ctx;\n\n    for (const locale of supportedLocales) {\n      const messages = data[locale];\n      if (!messages) continue;\n\n      switch (storage) {\n        case 'db': {\n          const { docs } = await req.payload.update({\n            collection: ctx.collectionSlug as 'messages',\n            data: { data: messages },\n            where: { locale: { equals: locale } },\n          });\n          if (docs.length === 0) {\n            await req.payload.create({\n              collection: ctx.collectionSlug as 'messages',\n              data: { locale, data: messages },\n            });\n          }\n          break;\n        }\n        case 'upload': {\n          const rawFile = new File(\n            [JSON.stringify(messages)],\n            `${locale}-${Date.now()}.json`,\n            {\n              type: 'application/json',\n            },\n          );\n\n          const file: File = {\n            name: rawFile.name,\n            data: Buffer.from(await rawFile.arrayBuffer()),\n            mimetype: rawFile.type,\n            size: rawFile.size,\n          };\n\n          const { docs } = await req.payload.update({\n            collection: collectionSlug as 'messages',\n            data: {},\n            file,\n            where: { locale: { equals: locale } },\n          });\n          if (docs.length === 0) {\n            await req.payload.create({\n              collection: collectionSlug as 'messages',\n              data: { locale, data: null },\n              file,\n            });\n          }\n          break;\n        }\n        default:\n          return uncaughtSwitchCase(storage);\n      }\n    }\n\n    return { success: true };\n  },\n);\n"],"names":["uncaughtSwitchCase","ENDPOINTS","PLUGIN_CONTEXT","getSupportedLocales","setMessagesEndpoint","setMessages","endpoint","req","user","payload","auth","headers","Response","json","error","status","data","supportedLocales","config","localization","ctx","get","collectionSlug","storage","locale","messages","docs","update","collection","where","equals","length","create","rawFile","File","JSON","stringify","Date","now","type","file","name","Buffer","from","arrayBuffer","mimetype","size","success"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,oCAAoC;AAEvE,SAASC,SAAS,EAAEC,cAAc,QAAQ,UAAU;AAEpD,SAASC,mBAAmB,QAAQ,iBAAiB;AAErD,OAAO,MAAMC,sBAAgCH,UAAUI,WAAW,CAACC,QAAQ,CACzE,OAAOC;IACL,MAAM,EAAEC,IAAI,EAAE,GAAG,MAAMD,IAAIE,OAAO,CAACC,IAAI,CAAC;QAAEC,SAASJ,IAAII,OAAO;IAAC;IAC/D,IAAI,CAACH,MAAM;QACT,OAAOI,SAASC,IAAI,CAAC;YAAEC,OAAO;QAAe,GAAG;YAAEC,QAAQ;QAAI;IAChE;IAEA,MAAMC,OAAQ,MAAMT,IAAIM,IAAI;IAC5B,IAAI,CAACG,MAAM;QACT,OAAOJ,SAASC,IAAI,CAAC;YAAEC,OAAO;QAAmB,GAAG;YAAEC,QAAQ;QAAI;IACpE;IAEA,MAAME,mBAAmBd,oBACvBI,IAAIE,OAAO,CAACS,MAAM,CAACC,YAAY;IAEjC,MAAMC,MAAMlB,eAAemB,GAAG,CAACd,IAAIE,OAAO,CAACS,MAAM;IACjD,IAAI,CAACE,KAAK;QACR,OAAOR,SAASC,IAAI,CAAC;YAAEC,OAAO;QAAwB,GAAG;YAAEC,QAAQ;QAAI;IACzE;IACA,MAAM,EAAEO,cAAc,EAAEC,OAAO,EAAE,GAAGH;IAEpC,KAAK,MAAMI,UAAUP,iBAAkB;QACrC,MAAMQ,WAAWT,IAAI,CAACQ,OAAO;QAC7B,IAAI,CAACC,UAAU;QAEf,OAAQF;YACN,KAAK;gBAAM;oBACT,MAAM,EAAEG,IAAI,EAAE,GAAG,MAAMnB,IAAIE,OAAO,CAACkB,MAAM,CAAC;wBACxCC,YAAYR,IAAIE,cAAc;wBAC9BN,MAAM;4BAAEA,MAAMS;wBAAS;wBACvBI,OAAO;4BAAEL,QAAQ;gCAAEM,QAAQN;4BAAO;wBAAE;oBACtC;oBACA,IAAIE,KAAKK,MAAM,KAAK,GAAG;wBACrB,MAAMxB,IAAIE,OAAO,CAACuB,MAAM,CAAC;4BACvBJ,YAAYR,IAAIE,cAAc;4BAC9BN,MAAM;gCAAEQ;gCAAQR,MAAMS;4BAAS;wBACjC;oBACF;oBACA;gBACF;YACA,KAAK;gBAAU;oBACb,MAAMQ,UAAU,IAAIC,KAClB;wBAACC,KAAKC,SAAS,CAACX;qBAAU,EAC1B,GAAGD,OAAO,CAAC,EAAEa,KAAKC,GAAG,GAAG,KAAK,CAAC,EAC9B;wBACEC,MAAM;oBACR;oBAGF,MAAMC,OAAa;wBACjBC,MAAMR,QAAQQ,IAAI;wBAClBzB,MAAM0B,OAAOC,IAAI,CAAC,MAAMV,QAAQW,WAAW;wBAC3CC,UAAUZ,QAAQM,IAAI;wBACtBO,MAAMb,QAAQa,IAAI;oBACpB;oBAEA,MAAM,EAAEpB,IAAI,EAAE,GAAG,MAAMnB,IAAIE,OAAO,CAACkB,MAAM,CAAC;wBACxCC,YAAYN;wBACZN,MAAM,CAAC;wBACPwB;wBACAX,OAAO;4BAAEL,QAAQ;gCAAEM,QAAQN;4BAAO;wBAAE;oBACtC;oBACA,IAAIE,KAAKK,MAAM,KAAK,GAAG;wBACrB,MAAMxB,IAAIE,OAAO,CAACuB,MAAM,CAAC;4BACvBJ,YAAYN;4BACZN,MAAM;gCAAEQ;gCAAQR,MAAM;4BAAK;4BAC3BwB;wBACF;oBACF;oBACA;gBACF;YACA;gBACE,OAAOxC,mBAAmBuB;QAC9B;IACF;IAEA,OAAO;QAAEwB,SAAS;IAAK;AACzB,GACA"}

package/dist/entities.d.ts

@@ -1,5 +1,5 @@
 import type { ResolvedPluginOptions } from './types';
-export declare const Messages: (options: ResolvedPluginOptions<"hooks"> & {
+export declare const Messages: (options: ResolvedPluginOptions<"storage" | "hooks"> & {
     slug: string;
 }) => import("payload").CollectionConfig;
 //# sourceMappingURL=entities.d.ts.map

package/dist/entities.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entities.d.ts","sourceRoot":"","sources":["../src/entities.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,QAAQ;;wCA0BlB,CAAC"}
+{"version":3,"file":"entities.d.ts","sourceRoot":"","sources":["../src/entities.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,eAAO,MAAM,QAAQ;;wCAgClB,CAAC"}

package/dist/entities.js

@@ -1,8 +1,7 @@
-import { createCollectionConfigFactory } from './internals/index.js';
-import { getMessagesEndpoint } from './endpoints/get-messages';
+import { createCollectionConfigFactory } from '@davincicoding/payload-plugin-kit';
 import { setMessagesEndpoint } from './endpoints/set-messages';
 import { createHooks } from './hooks';
-export const Messages = createCollectionConfigFactory(({ hooks })=>({
+export const Messages = createCollectionConfigFactory(({ hooks, storage })=>({
         admin: {
             hidden: true
         },
@@ -10,14 +9,17 @@ export const Messages = createCollectionConfigFactory(({ hooks })=>({
             read: ()=>true
         },
         endpoints: [
-            setMessagesEndpoint,
-            getMessagesEndpoint
+            setMessagesEndpoint
         ],
         fields: [
             {
                 name: 'locale',
                 type: 'text',
                 required: true
+            },
+            {
+                name: 'data',
+                type: 'json'
             }
         ],
         hooks: createHooks(hooks),
@@ -28,10 +30,12 @@ export const Messages = createCollectionConfigFactory(({ hooks })=>({
                 ]
             }
         ],
-        upload: {
-            mimeTypes: [
-                'application/json'
-            ]
+        ...storage === 'upload' && {
+            upload: {
+                mimeTypes: [
+                    'application/json'
+                ]
+            }
         }
     }));