@justanarthur/payload-plugin-translator 1.3.8 → 1.3.9-canary.1

package/README.md

@@ -1,215 +1,215 @@
-# Translator plugin for Payload
-
-## Install
-
-`pnpm add @justanarthur/payload-plugin-translator`
-
-## Video
-
-https://github.com/r1tsuu/payload-plugin-translator/assets/64744993/d39aeba4-bafc-4c3b-838e-9abc5cf1d64a
-
-## Features:
-
-1. A flexible structure with [resolvers](https://github.com/r1tsuu/payload-plugin-translator/tree/6d0c8098467f9b5e757bf9fd8cfe63ff5da68d5b/plugin/src/resolvers) that allows you to apply any kind of transformation to your localizated data.
-2. Can be used not only from the admin panel, but within Local API as well. [Example of the hook](#example-of-the-hook-that-uses-local-operation-to-copy-the-doc-data-to-other-locales) that automatically fills the other locales data on create
-3. Out of the box supports 3 resolvers - Copy, Google Translate, OpenAI and your own can be written easily.
-4. Works with any nested document structure and 2 Rich Text editor adapters - Lexical and Slate.
-5. You can omit some fields to translate. [Documentation](#omitting-fields)
-
-## Usage:
-
-```ts
-import { buildConfig } from 'payload/config';
-import {
-  translator,
-  copyResolver,
-  googleResolver,
-  openAIResolver,
-  libreResolver,
-} from '@payload-enchants/translator';
-
-export default buildConfig({
-  plugins: [
-    translator({
-      // collections with the enabled translator in the admin UI
-      collections: ['posts', 'small-posts'],
-      // globals with the enabled translator in the admin UI
-      globals: [],
-      // add resolvers that you want to include, examples on how to write your own in ./plugin/src/resolvers
-      resolvers: [
-        copyResolver(),
-        googleResolver({
-          apiKey: process.env.GOOGLE_API_KEY!,
-        }),
-        openAIResolver({
-          apiKey: process.env.OPENAI_KEY!,
-        }),
-        libreResolver({
-          apiKey: process.env.LIBRE_KEY!,
-        }),
-      ],
-    }),
-  ],
-});
-```
-
-## Resolvers
-
-### OpenAI
-
-#### Config:
-
-```ts
-export type OpenAIResolverConfig = {
-  apiKey: string; // API key
-  chunkLength?: number; // How many texts to include into 1 request, default: 100
-  model?: string; // model, default: 'gpt-3.5-turbo'
-  promt?: OpenAIPrompt; // custom prompt
-};
-```
-
-### Custom prompt:
-
-```ts
-export type OpenAIPrompt = (args: {
-  localeFrom: string;
-  localeTo: string;
-  texts: string[];
-}) => string;
-
-// Default
-const defaultPromt: OpenAIPrompt = ({ localeFrom, localeTo, texts }) => {
-  return `Translate me the following array: ${JSON.stringify(texts)} in locale=${localeFrom} to locale ${localeTo}, respond me with the same array structure`;
-};
-```
-
-### Google
-
-#### Config:
-
-```ts
-export type GoogleResolverConfig = {
-  apiKey: string; // API key
-  chunkLength?: number; / /How many texts to include into 1 request, default: 100
-};
-```
-
-### Writing your own
-
-```ts
-import type { TranslateResolver } from '@payload-enchants/translator/resolvers/types';
-
-const myResolver: TranslateResolver = {
-  key: 'my',
-  resolve: async (args) => {
-    const { localeFrom, localeTo, req, texts } = args;
-    // here you can apply any kind of transformation to incoming texts, could be as well API call to a service.
-    const transformed = texts.map((each) => `${each} translated to ${localeTo}`);
-
-    return {
-      success: true,
-      translatedTexts: transformed,
-    };
-  },
-};
-
-export default buildConfig({
-  plugins: [
-    payloadPluginTranslator({
-      collections: ['posts', 'small-posts'],
-      globals: [],
-      resolvers: [myResolver],
-    }),
-  ],
-  // apply translations that will be used for your resolver in the admin UI
-  i18n: {
-    supportedLanguages: { en },
-    translations: {
-      en: {
-        'plugin-translator': {
-          resolver_my_buttonLabel: 'Google Translate',
-          resolver_my_errorMessage: 'An error occurred when trying to translate the data',
-          resolver_my_modalTitle: 'Choose the locale to translate from',
-          resolver_my_submitButtonLabelEmpty: 'Translate only empty fields',
-          resolver_my_submitButtonLabelFull: 'Translate all',
-          resolver_my_successMessage: 'Successfully translated. Press "Save" to apply the changes.',
-        },
-      },
-    },
-  },
-});
-```
-
-## Using the Local API
-
-```ts
-import { translateOperation } from '@payload-enchants/translator';
-
-const translateResult = await translateOperation({
-  collectionSlug: 'posts', // or globalSlug if globals,
-  emptyOnly: false, // optional, should translate all the fields values or only fields that are empty, by default false.
-  id: postDefaultLocale.id, // pass the doc id if it's a collection
-  locale: 'de', // locale to translate to
-  localeFrom: 'en', // locale to translate from
-  payload, // payload instance, you can get it with getPayload or req.payload in hooks
-  req, // PayloadRequest, can be used instead of payload, more appreciable than payload if you have it
-  overrideAccess: false, //
-  resolver: 'copy', // pass resolver key
-  update: true, // optional, should update immediately or just return the translated result, default false
-  data: {}, // Optional, if you want to translate from your data passed here instead of the current doc, should be in "localeFrom" locale, for example { title: "Hello" }
-});
-```
-
-### Example of the hook that uses local operation to copy the doc data to other locales
-
-```ts
-import type { CollectionAfterChangeHook } from 'payload/types';
-import { translateOperation } from '@payload-enchants/translator';
-
-export const copyOtherLocales: CollectionAfterChangeHook = async ({
-  collection,
-  doc,
-  operation,
-  req,
-}) => {
-  if (operation !== 'create') return;
-
-  const locale = req.locale;
-
-  if (!locale || !req.payload.config.localization) return;
-
-  const otherLocales = req.payload.config.localization.locales.filter(
-    (each) => each.code !== locale,
-  );
-
-  const { id } = doc;
-
-  for (const { code } of otherLocales) {
-    await translateOperation({
-      collectionSlug: collection.slug,
-      data: doc,
-      id,
-      locale: code,
-      localeFrom: locale,
-      req,
-      resolver: 'copy',
-      update: true,
-    });
-  }
-};
-```
-
-### Omitting fields
-
-To omit a specific field for translation, simply add `custom.translatorSkip = true` to the field's config.
-
-```ts
-const field = {
-  custom: {
-    translatorSkip: true,
-  },
-  localized: true,
-  name: 'skip',
-  type: 'text',
-};
-```
+# Translator plugin for Payload
+
+## Install
+
+`pnpm add @justanarthur/payload-plugin-translator`
+
+## Video
+
+https://github.com/r1tsuu/payload-plugin-translator/assets/64744993/d39aeba4-bafc-4c3b-838e-9abc5cf1d64a
+
+## Features:
+
+1. A flexible structure with [resolvers](https://github.com/r1tsuu/payload-plugin-translator/tree/6d0c8098467f9b5e757bf9fd8cfe63ff5da68d5b/plugin/src/resolvers) that allows you to apply any kind of transformation to your localizated data.
+2. Can be used not only from the admin panel, but within Local API as well. [Example of the hook](#example-of-the-hook-that-uses-local-operation-to-copy-the-doc-data-to-other-locales) that automatically fills the other locales data on create
+3. Out of the box supports 3 resolvers - Copy, Google Translate, OpenAI and your own can be written easily.
+4. Works with any nested document structure and 2 Rich Text editor adapters - Lexical and Slate.
+5. You can omit some fields to translate. [Documentation](#omitting-fields)
+
+## Usage:
+
+```ts
+import { buildConfig } from 'payload/config';
+import {
+  translator,
+  copyResolver,
+  googleResolver,
+  openAIResolver,
+  libreResolver,
+} from '@payload-enchants/translator';
+
+export default buildConfig({
+  plugins: [
+    translator({
+      // collections with the enabled translator in the admin UI
+      collections: ['posts', 'small-posts'],
+      // globals with the enabled translator in the admin UI
+      globals: [],
+      // add resolvers that you want to include, examples on how to write your own in ./plugin/src/resolvers
+      resolvers: [
+        copyResolver(),
+        googleResolver({
+          apiKey: process.env.GOOGLE_API_KEY!,
+        }),
+        openAIResolver({
+          apiKey: process.env.OPENAI_KEY!,
+        }),
+        libreResolver({
+          apiKey: process.env.LIBRE_KEY!,
+        }),
+      ],
+    }),
+  ],
+});
+```
+
+## Resolvers
+
+### OpenAI
+
+#### Config:
+
+```ts
+export type OpenAIResolverConfig = {
+  apiKey: string; // API key
+  chunkLength?: number; // How many texts to include into 1 request, default: 100
+  model?: string; // model, default: 'gpt-3.5-turbo'
+  promt?: OpenAIPrompt; // custom prompt
+};
+```
+
+### Custom prompt:
+
+```ts
+export type OpenAIPrompt = (args: {
+  localeFrom: string;
+  localeTo: string;
+  texts: string[];
+}) => string;
+
+// Default
+const defaultPromt: OpenAIPrompt = ({ localeFrom, localeTo, texts }) => {
+  return `Translate me the following array: ${JSON.stringify(texts)} in locale=${localeFrom} to locale ${localeTo}, respond me with the same array structure`;
+};
+```
+
+### Google
+
+#### Config:
+
+```ts
+export type GoogleResolverConfig = {
+  apiKey: string; // API key
+  chunkLength?: number; / /How many texts to include into 1 request, default: 100
+};
+```
+
+### Writing your own
+
+```ts
+import type { TranslateResolver } from '@payload-enchants/translator/resolvers/types';
+
+const myResolver: TranslateResolver = {
+  key: 'my',
+  resolve: async (args) => {
+    const { localeFrom, localeTo, req, texts } = args;
+    // here you can apply any kind of transformation to incoming texts, could be as well API call to a service.
+    const transformed = texts.map((each) => `${each} translated to ${localeTo}`);
+
+    return {
+      success: true,
+      translatedTexts: transformed,
+    };
+  },
+};
+
+export default buildConfig({
+  plugins: [
+    payloadPluginTranslator({
+      collections: ['posts', 'small-posts'],
+      globals: [],
+      resolvers: [myResolver],
+    }),
+  ],
+  // apply translations that will be used for your resolver in the admin UI
+  i18n: {
+    supportedLanguages: { en },
+    translations: {
+      en: {
+        'plugin-translator': {
+          resolver_my_buttonLabel: 'Google Translate',
+          resolver_my_errorMessage: 'An error occurred when trying to translate the data',
+          resolver_my_modalTitle: 'Choose the locale to translate from',
+          resolver_my_submitButtonLabelEmpty: 'Translate only empty fields',
+          resolver_my_submitButtonLabelFull: 'Translate all',
+          resolver_my_successMessage: 'Successfully translated. Press "Save" to apply the changes.',
+        },
+      },
+    },
+  },
+});
+```
+
+## Using the Local API
+
+```ts
+import { translateOperation } from '@payload-enchants/translator';
+
+const translateResult = await translateOperation({
+  collectionSlug: 'posts', // or globalSlug if globals,
+  emptyOnly: false, // optional, should translate all the fields values or only fields that are empty, by default false.
+  id: postDefaultLocale.id, // pass the doc id if it's a collection
+  locale: 'de', // locale to translate to
+  localeFrom: 'en', // locale to translate from
+  payload, // payload instance, you can get it with getPayload or req.payload in hooks
+  req, // PayloadRequest, can be used instead of payload, more appreciable than payload if you have it
+  overrideAccess: false, //
+  resolver: 'copy', // pass resolver key
+  update: true, // optional, should update immediately or just return the translated result, default false
+  data: {}, // Optional, if you want to translate from your data passed here instead of the current doc, should be in "localeFrom" locale, for example { title: "Hello" }
+});
+```
+
+### Example of the hook that uses local operation to copy the doc data to other locales
+
+```ts
+import type { CollectionAfterChangeHook } from 'payload/types';
+import { translateOperation } from '@payload-enchants/translator';
+
+export const copyOtherLocales: CollectionAfterChangeHook = async ({
+  collection,
+  doc,
+  operation,
+  req,
+}) => {
+  if (operation !== 'create') return;
+
+  const locale = req.locale;
+
+  if (!locale || !req.payload.config.localization) return;
+
+  const otherLocales = req.payload.config.localization.locales.filter(
+    (each) => each.code !== locale,
+  );
+
+  const { id } = doc;
+
+  for (const { code } of otherLocales) {
+    await translateOperation({
+      collectionSlug: collection.slug,
+      data: doc,
+      id,
+      locale: code,
+      localeFrom: locale,
+      req,
+      resolver: 'copy',
+      update: true,
+    });
+  }
+};
+```
+
+### Omitting fields
+
+To omit a specific field for translation, simply add `custom.translatorSkip = true` to the field's config.
+
+```ts
+const field = {
+  custom: {
+    translatorSkip: true,
+  },
+  localized: true,
+  name: 'skip',
+  type: 'text',
+};
+```

package/dist/client/api/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/client/api/index.ts"],"sourcesContent":["import type { TranslateEndpointArgs, TranslateResult } from '../../translate/types'\n\nexport const createClient = ({ api, serverURL }: { api: string; serverURL: string }) => {\n  const translate = async (args: TranslateEndpointArgs): Promise<TranslateResult> => {\n    try {\n      const response = await fetch(`${serverURL}${api}/translator/translate`, {\n        body: JSON.stringify(args),\n        credentials: 'include',\n        headers: {\n          'Content-Type': 'application/json',\n        },\n        method: 'POST',\n      })\n\n      if (!response.ok) return { success: false }\n\n      return response.json()\n    } catch (e) {\n      if (e instanceof Error) console.error(e.message)\n\n      return { success: false }\n    }\n  }\n\n  return {\n    translate,\n  }\n}\n"],"names":["createClient","api","serverURL","translate","args","response","fetch","body","JSON","stringify","credentials","headers","method","ok","success","json","e","Error","console","error","message"],"mappings":"AAEA,OAAO,MAAMA,eAAe,CAAC,EAAEC,GAAG,EAAEC,SAAS,EAAsC;IACjF,MAAMC,YAAY,OAAOC;QACvB,IAAI;YACF,MAAMC,WAAW,MAAMC,MAAM,GAAGJ,YAAYD,IAAI,qBAAqB,CAAC,EAAE;gBACtEM,MAAMC,KAAKC,SAAS,CAACL;gBACrBM,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,IAAI,CAACP,SAASQ,EAAE,EAAE,OAAO;gBAAEC,SAAS;YAAM;YAE1C,OAAOT,SAASU,IAAI;QACtB,EAAE,OAAOC,GAAG;YACV,IAAIA,aAAaC,OAAOC,QAAQC,KAAK,CAACH,EAAEI,OAAO;YAE/C,OAAO;gBAAEN,SAAS;YAAM;QAC1B;IACF;IAEA,OAAO;QACLX;IACF;AACF,EAAC"}
+{"version":3,"sources":["../../../src/client/api/index.ts"],"sourcesContent":["import type { TranslateEndpointArgs, TranslateResult } from '../../translate/types'\r\n\r\nexport const createClient = ({ api, serverURL }: { api: string; serverURL: string }) => {\r\n  const translate = async (args: TranslateEndpointArgs): Promise<TranslateResult> => {\r\n    try {\r\n      const response = await fetch(`${serverURL}${api}/translator/translate`, {\r\n        body: JSON.stringify(args),\r\n        credentials: 'include',\r\n        headers: {\r\n          'Content-Type': 'application/json',\r\n        },\r\n        method: 'POST',\r\n      })\r\n\r\n      if (!response.ok) return { success: false }\r\n\r\n      return response.json()\r\n    } catch (e) {\r\n      if (e instanceof Error) console.error(e.message)\r\n\r\n      return { success: false }\r\n    }\r\n  }\r\n\r\n  return {\r\n    translate,\r\n  }\r\n}\r\n"],"names":["createClient","api","serverURL","translate","args","response","fetch","body","JSON","stringify","credentials","headers","method","ok","success","json","e","Error","console","error","message"],"mappings":"AAEA,OAAO,MAAMA,eAAe,CAAC,EAAEC,GAAG,EAAEC,SAAS,EAAsC;IACjF,MAAMC,YAAY,OAAOC;QACvB,IAAI;YACF,MAAMC,WAAW,MAAMC,MAAM,GAAGJ,YAAYD,IAAI,qBAAqB,CAAC,EAAE;gBACtEM,MAAMC,KAAKC,SAAS,CAACL;gBACrBM,aAAa;gBACbC,SAAS;oBACP,gBAAgB;gBAClB;gBACAC,QAAQ;YACV;YAEA,IAAI,CAACP,SAASQ,EAAE,EAAE,OAAO;gBAAEC,SAAS;YAAM;YAE1C,OAAOT,SAASU,IAAI;QACtB,EAAE,OAAOC,GAAG;YACV,IAAIA,aAAaC,OAAOC,QAAQC,KAAK,CAACH,EAAEI,OAAO;YAE/C,OAAO;gBAAEN,SAAS;YAAM;QAC1B;IACF;IAEA,OAAO;QACLX;IACF;AACF,EAAC"}

package/dist/client/components/CustomButton/CustomButtonWithTranslator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/CustomButton/CustomButtonWithTranslator.tsx"],"sourcesContent":["'use client'\n\nimport './styles.scss'\n\nimport { PublishButton, SaveButton, useConfig, useDocumentInfo } from '@payloadcms/ui'\n\nimport type { TranslateResolver } from '../../../resolvers/types'\nimport { TranslatorProvider } from '../../providers/Translator/TranslatorProvider'\nimport { ResolverButton } from '../ResolverButton'\nimport { TranslatorModal } from '../TranslatorModal'\n\nexport const CustomButtonWithTranslator = ({ type }: { type: 'publish' | 'save' }) => {\n  const { config } = useConfig()\n\n  const DefaultButton = type === 'publish' ? PublishButton : SaveButton\n\n  const { globalSlug, id } = useDocumentInfo()\n\n  const resolvers = (config.admin?.custom?.translator?.resolvers as TranslateResolver[]) ?? []\n\n  if (!id && !globalSlug) return <DefaultButton />\n\n  return (\n    <TranslatorProvider>\n      <div className={'translator__custom-save-button'}>\n        <TranslatorModal />\n        {resolvers.map((resolver) => (\n          <ResolverButton key={resolver.key} resolver={resolver} />\n        ))}\n        {<DefaultButton />}\n      </div>\n    </TranslatorProvider>\n  )\n}\n"],"names":["PublishButton","SaveButton","useConfig","useDocumentInfo","TranslatorProvider","ResolverButton","TranslatorModal","CustomButtonWithTranslator","type","config","DefaultButton","globalSlug","id","resolvers","admin","custom","translator","div","className","map","resolver","key"],"mappings":"AAAA;;AAEA,OAAO,gBAAe;AAEtB,SAASA,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,eAAe,QAAQ,iBAAgB;AAGtF,SAASC,kBAAkB,QAAQ,gDAA+C;AAClF,SAASC,cAAc,QAAQ,oBAAmB;AAClD,SAASC,eAAe,QAAQ,qBAAoB;AAEpD,OAAO,MAAMC,6BAA6B,CAAC,EAAEC,IAAI,EAAgC;IAC/E,MAAM,EAAEC,MAAM,EAAE,GAAGP;IAEnB,MAAMQ,gBAAgBF,SAAS,YAAYR,gBAAgBC;IAE3D,MAAM,EAAEU,UAAU,EAAEC,EAAE,EAAE,GAAGT;IAE3B,MAAMU,YAAY,AAACJ,OAAOK,KAAK,EAAEC,QAAQC,YAAYH,aAAqC,EAAE;IAE5F,IAAI,CAACD,MAAM,CAACD,YAAY,qBAAO,KAACD;IAEhC,qBACE,KAACN;kBACC,cAAA,MAACa;YAAIC,WAAW;;8BACd,KAACZ;gBACAO,UAAUM,GAAG,CAAC,CAACC,yBACd,KAACf;wBAAkCe,UAAUA;uBAAxBA,SAASC,GAAG;8BAElC,KAACX;;;;AAIV,EAAC"}
+{"version":3,"sources":["../../../../src/client/components/CustomButton/CustomButtonWithTranslator.tsx"],"sourcesContent":["'use client'\r\n\r\nimport './styles.scss'\r\n\r\nimport { PublishButton, SaveButton, useConfig, useDocumentInfo } from '@payloadcms/ui'\r\n\r\nimport type { TranslateResolver } from '../../../resolvers/types'\r\nimport { TranslatorProvider } from '../../providers/Translator/TranslatorProvider'\r\nimport { ResolverButton } from '../ResolverButton'\r\nimport { TranslatorModal } from '../TranslatorModal'\r\n\r\nexport const CustomButtonWithTranslator = ({ type }: { type: 'publish' | 'save' }) => {\r\n  const { config } = useConfig()\r\n\r\n  const DefaultButton = type === 'publish' ? PublishButton : SaveButton\r\n\r\n  const { globalSlug, id } = useDocumentInfo()\r\n\r\n  const resolvers = (config.admin?.custom?.translator?.resolvers as TranslateResolver[]) ?? []\r\n\r\n  if (!id && !globalSlug) return <DefaultButton />\r\n\r\n  return (\r\n    <TranslatorProvider>\r\n      <div className={'translator__custom-save-button'}>\r\n        <TranslatorModal />\r\n        {resolvers.map((resolver) => (\r\n          <ResolverButton key={resolver.key} resolver={resolver} />\r\n        ))}\r\n        {<DefaultButton />}\r\n      </div>\r\n    </TranslatorProvider>\r\n  )\r\n}\r\n"],"names":["PublishButton","SaveButton","useConfig","useDocumentInfo","TranslatorProvider","ResolverButton","TranslatorModal","CustomButtonWithTranslator","type","config","DefaultButton","globalSlug","id","resolvers","admin","custom","translator","div","className","map","resolver","key"],"mappings":"AAAA;;AAEA,OAAO,gBAAe;AAEtB,SAASA,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,eAAe,QAAQ,iBAAgB;AAGtF,SAASC,kBAAkB,QAAQ,gDAA+C;AAClF,SAASC,cAAc,QAAQ,oBAAmB;AAClD,SAASC,eAAe,QAAQ,qBAAoB;AAEpD,OAAO,MAAMC,6BAA6B,CAAC,EAAEC,IAAI,EAAgC;IAC/E,MAAM,EAAEC,MAAM,EAAE,GAAGP;IAEnB,MAAMQ,gBAAgBF,SAAS,YAAYR,gBAAgBC;IAE3D,MAAM,EAAEU,UAAU,EAAEC,EAAE,EAAE,GAAGT;IAE3B,MAAMU,YAAY,AAACJ,OAAOK,KAAK,EAAEC,QAAQC,YAAYH,aAAqC,EAAE;IAE5F,IAAI,CAACD,MAAM,CAACD,YAAY,qBAAO,KAACD;IAEhC,qBACE,KAACN;kBACC,cAAA,MAACa;YAAIC,WAAW;;8BACd,KAACZ;gBACAO,UAAUM,GAAG,CAAC,CAACC,yBACd,KAACf;wBAAkCe,UAAUA;uBAAxBA,SAASC,GAAG;8BAElC,KAACX;;;;AAIV,EAAC"}

package/dist/client/components/CustomButton/styles.scss

@@ -1,5 +1,5 @@
-.translator__custom-save-button {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-}
+.translator__custom-save-button {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}

package/dist/client/components/LocaleLabel/LocaleLabel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/LocaleLabel/LocaleLabel.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport { ChevronIcon, useTranslation } from '@payloadcms/ui'\nimport type { Locale } from 'payload'\n\nconst baseClass = 'localizer-button'\n\nexport const LocaleLabel = ({ locale }: { locale: Locale }) => {\n  const { i18n, t } = useTranslation()\n\n  return (\n    <div aria-label={t('general:locale')} className={baseClass}>\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}</div>\n      &nbsp;&nbsp;\n      <span className={`${baseClass}__current-label`}>\n        {`${getTranslation(locale.label, i18n)}`}\n      </span>\n      &nbsp;\n      <ChevronIcon className={`${baseClass}__chevron`} />\n    </div>\n  )\n}\n"],"names":["getTranslation","ChevronIcon","useTranslation","baseClass","LocaleLabel","locale","i18n","t","div","aria-label","className","span","label"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAG5D,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAc,CAAC,EAAEC,MAAM,EAAsB;IACxD,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGL;IAEpB,qBACE,MAACM;QAAIC,cAAYF,EAAE;QAAmBG,WAAWP;;0BAC/C,KAACK;gBAAIE,WAAW,GAAGP,UAAU,OAAO,CAAC;0BAAG,GAAGI,EAAE,kBAAkB,CAAC,CAAC;;YAAO;0BAExE,KAACI;gBAAKD,WAAW,GAAGP,UAAU,eAAe,CAAC;0BAC3C,GAAGH,eAAeK,OAAOO,KAAK,EAAEN,OAAO;;YACnC;0BAEP,KAACL;gBAAYS,WAAW,GAAGP,UAAU,SAAS,CAAC;;;;AAGrD,EAAC"}
+{"version":3,"sources":["../../../../src/client/components/LocaleLabel/LocaleLabel.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\r\nimport { ChevronIcon, useTranslation } from '@payloadcms/ui'\r\nimport type { Locale } from 'payload'\r\n\r\nconst baseClass = 'localizer-button'\r\n\r\nexport const LocaleLabel = ({ locale }: { locale: Locale }) => {\r\n  const { i18n, t } = useTranslation()\r\n\r\n  return (\r\n    <div aria-label={t('general:locale')} className={baseClass}>\r\n      <div className={`${baseClass}__label`}>{`${t('general:locale')}:`}</div>\r\n      &nbsp;&nbsp;\r\n      <span className={`${baseClass}__current-label`}>\r\n        {`${getTranslation(locale.label, i18n)}`}\r\n      </span>\r\n      &nbsp;\r\n      <ChevronIcon className={`${baseClass}__chevron`} />\r\n    </div>\r\n  )\r\n}\r\n"],"names":["getTranslation","ChevronIcon","useTranslation","baseClass","LocaleLabel","locale","i18n","t","div","aria-label","className","span","label"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,WAAW,EAAEC,cAAc,QAAQ,iBAAgB;AAG5D,MAAMC,YAAY;AAElB,OAAO,MAAMC,cAAc,CAAC,EAAEC,MAAM,EAAsB;IACxD,MAAM,EAAEC,IAAI,EAAEC,CAAC,EAAE,GAAGL;IAEpB,qBACE,MAACM;QAAIC,cAAYF,EAAE;QAAmBG,WAAWP;;0BAC/C,KAACK;gBAAIE,WAAW,GAAGP,UAAU,OAAO,CAAC;0BAAG,GAAGI,EAAE,kBAAkB,CAAC,CAAC;;YAAO;0BAExE,KAACI;gBAAKD,WAAW,GAAGP,UAAU,eAAe,CAAC;0BAC3C,GAAGH,eAAeK,OAAOO,KAAK,EAAEN,OAAO;;YACnC;0BAEP,KAACL;gBAAYS,WAAW,GAAGP,UAAU,SAAS,CAAC;;;;AAGrD,EAAC"}

package/dist/client/components/LocaleLabel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/LocaleLabel/index.ts"],"sourcesContent":["export * from './LocaleLabel'\n"],"names":[],"mappings":"AAAA,cAAc,gBAAe"}
+{"version":3,"sources":["../../../../src/client/components/LocaleLabel/index.ts"],"sourcesContent":["export * from './LocaleLabel'\r\n"],"names":[],"mappings":"AAAA,cAAc,gBAAe"}

package/dist/client/components/ResolverButton/ResolverButton.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/ResolverButton/ResolverButton.tsx"],"sourcesContent":["import { Button, useTranslation } from '@payloadcms/ui'\n\nimport type { TranslateResolver } from '../../../resolvers/types'\nimport { useTranslator } from '../../providers/Translator/context'\n\nexport const ResolverButton = ({\n  resolver: { key: resolverKey },\n}: {\n  resolver: TranslateResolver\n}) => {\n  const { openTranslator } = useTranslator()\n\n  const { t } = useTranslation()\n\n  const handleClick = () => openTranslator({ resolverKey })\n\n  return (\n    <Button onClick={handleClick}>\n      {t(`plugin-translator:resolver_${resolverKey}_buttonLabel` as Parameters<typeof t>[0])}\n    </Button>\n  )\n}\n"],"names":["Button","useTranslation","useTranslator","ResolverButton","resolver","key","resolverKey","openTranslator","t","handleClick","onClick"],"mappings":";AAAA,SAASA,MAAM,EAAEC,cAAc,QAAQ,iBAAgB;AAGvD,SAASC,aAAa,QAAQ,qCAAoC;AAElE,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,UAAU,EAAEC,KAAKC,WAAW,EAAE,EAG/B;IACC,MAAM,EAAEC,cAAc,EAAE,GAAGL;IAE3B,MAAM,EAAEM,CAAC,EAAE,GAAGP;IAEd,MAAMQ,cAAc,IAAMF,eAAe;YAAED;QAAY;IAEvD,qBACE,KAACN;QAAOU,SAASD;kBACdD,EAAE,CAAC,2BAA2B,EAAEF,YAAY,YAAY,CAAC;;AAGhE,EAAC"}
+{"version":3,"sources":["../../../../src/client/components/ResolverButton/ResolverButton.tsx"],"sourcesContent":["import { Button, useTranslation } from '@payloadcms/ui'\r\n\r\nimport type { TranslateResolver } from '../../../resolvers/types'\r\nimport { useTranslator } from '../../providers/Translator/context'\r\n\r\nexport const ResolverButton = ({\r\n  resolver: { key: resolverKey },\r\n}: {\r\n  resolver: TranslateResolver\r\n}) => {\r\n  const { openTranslator } = useTranslator()\r\n\r\n  const { t } = useTranslation()\r\n\r\n  const handleClick = () => openTranslator({ resolverKey })\r\n\r\n  return (\r\n    <Button onClick={handleClick}>\r\n      {t(`plugin-translator:resolver_${resolverKey}_buttonLabel` as Parameters<typeof t>[0])}\r\n    </Button>\r\n  )\r\n}\r\n"],"names":["Button","useTranslation","useTranslator","ResolverButton","resolver","key","resolverKey","openTranslator","t","handleClick","onClick"],"mappings":";AAAA,SAASA,MAAM,EAAEC,cAAc,QAAQ,iBAAgB;AAGvD,SAASC,aAAa,QAAQ,qCAAoC;AAElE,OAAO,MAAMC,iBAAiB,CAAC,EAC7BC,UAAU,EAAEC,KAAKC,WAAW,EAAE,EAG/B;IACC,MAAM,EAAEC,cAAc,EAAE,GAAGL;IAE3B,MAAM,EAAEM,CAAC,EAAE,GAAGP;IAEd,MAAMQ,cAAc,IAAMF,eAAe;YAAED;QAAY;IAEvD,qBACE,KAACN;QAAOU,SAASD;kBACdD,EAAE,CAAC,2BAA2B,EAAEF,YAAY,YAAY,CAAC;;AAGhE,EAAC"}

package/dist/client/components/ResolverButton/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/ResolverButton/index.ts"],"sourcesContent":["export * from './ResolverButton'\n"],"names":[],"mappings":"AAAA,cAAc,mBAAkB"}
+{"version":3,"sources":["../../../../src/client/components/ResolverButton/index.ts"],"sourcesContent":["export * from './ResolverButton'\r\n"],"names":[],"mappings":"AAAA,cAAc,mBAAkB"}

package/dist/client/components/TranslatorModal/Content.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/TranslatorModal/Content.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\nimport { Button, Popup, PopupList, useTranslation } from '@payloadcms/ui'\n\nimport { useTranslator } from '../../providers/Translator/context'\nimport { LocaleLabel } from '../LocaleLabel'\n\nexport const Content = () => {\n  const {\n    localeToTranslateFrom: localeCodeToTranslateFrom,\n    localesOptions,\n    resolverT,\n    setLocaleToTranslateFrom,\n    submit,\n  } = useTranslator()\n\n  const { i18n } = useTranslation()\n\n  const localeToTranslateFrom = localesOptions.find(\n    (each) => each.code === localeCodeToTranslateFrom,\n  )\n\n  return (\n    <div className={'translator__content'}>\n      <h2>{resolverT('modalTitle')}</h2>\n      {localeToTranslateFrom && (\n        <Popup\n          button={<LocaleLabel locale={localeToTranslateFrom} />}\n          horizontalAlign=\"center\"\n          render={({ close }) => (\n            <PopupList.ButtonGroup>\n              {localesOptions.map((option) => {\n                const label = getTranslation(option.label, i18n)\n\n                return (\n                  <PopupList.Button\n                    active={option.code === localeCodeToTranslateFrom}\n                    key={option.code}\n                    onClick={() => {\n                      setLocaleToTranslateFrom(option.code)\n                      close()\n                    }}\n                  >\n                    {label}\n                    {label !== option.code && ` (${option.code})`}\n                  </PopupList.Button>\n                )\n              })}\n            </PopupList.ButtonGroup>\n          )}\n          verticalAlign=\"bottom\"\n        />\n      )}\n      <div className={'translator__buttons'}>\n        <Button onClick={() => submit({ emptyOnly: false })}>\n          {resolverT('submitButtonLabelFull')}\n        </Button>\n        <Button onClick={() => submit({ emptyOnly: true })}>\n          {resolverT('submitButtonLabelEmpty')}\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["getTranslation","Button","Popup","PopupList","useTranslation","useTranslator","LocaleLabel","Content","localeToTranslateFrom","localeCodeToTranslateFrom","localesOptions","resolverT","setLocaleToTranslateFrom","submit","i18n","find","each","code","div","className","h2","button","locale","horizontalAlign","render","close","ButtonGroup","map","option","label","active","onClick","verticalAlign","emptyOnly"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAEzE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,WAAW,QAAQ,iBAAgB;AAE5C,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,uBAAuBC,yBAAyB,EAChDC,cAAc,EACdC,SAAS,EACTC,wBAAwB,EACxBC,MAAM,EACP,GAAGR;IAEJ,MAAM,EAAES,IAAI,EAAE,GAAGV;IAEjB,MAAMI,wBAAwBE,eAAeK,IAAI,CAC/C,CAACC,OAASA,KAAKC,IAAI,KAAKR;IAG1B,qBACE,MAACS;QAAIC,WAAW;;0BACd,KAACC;0BAAIT,UAAU;;YACdH,uCACC,KAACN;gBACCmB,sBAAQ,KAACf;oBAAYgB,QAAQd;;gBAC7Be,iBAAgB;gBAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACtB,UAAUuB,WAAW;kCACnBhB,eAAeiB,GAAG,CAAC,CAACC;4BACnB,MAAMC,QAAQ7B,eAAe4B,OAAOC,KAAK,EAAEf;4BAE3C,qBACE,MAACX,UAAUF,MAAM;gCACf6B,QAAQF,OAAOX,IAAI,KAAKR;gCAExBsB,SAAS;oCACPnB,yBAAyBgB,OAAOX,IAAI;oCACpCQ;gCACF;;oCAECI;oCACAA,UAAUD,OAAOX,IAAI,IAAI,CAAC,EAAE,EAAEW,OAAOX,IAAI,CAAC,CAAC,CAAC;;+BAPxCW,OAAOX,IAAI;wBAUtB;;gBAGJe,eAAc;;0BAGlB,MAACd;gBAAIC,WAAW;;kCACd,KAAClB;wBAAO8B,SAAS,IAAMlB,OAAO;gCAAEoB,WAAW;4BAAM;kCAC9CtB,UAAU;;kCAEb,KAACV;wBAAO8B,SAAS,IAAMlB,OAAO;gCAAEoB,WAAW;4BAAK;kCAC7CtB,UAAU;;;;;;AAKrB,EAAC"}
+{"version":3,"sources":["../../../../src/client/components/TranslatorModal/Content.tsx"],"sourcesContent":["import { getTranslation } from '@payloadcms/translations'\r\nimport { Button, Popup, PopupList, useTranslation } from '@payloadcms/ui'\r\n\r\nimport { useTranslator } from '../../providers/Translator/context'\r\nimport { LocaleLabel } from '../LocaleLabel'\r\n\r\nexport const Content = () => {\r\n  const {\r\n    localeToTranslateFrom: localeCodeToTranslateFrom,\r\n    localesOptions,\r\n    resolverT,\r\n    setLocaleToTranslateFrom,\r\n    submit,\r\n  } = useTranslator()\r\n\r\n  const { i18n } = useTranslation()\r\n\r\n  const localeToTranslateFrom = localesOptions.find(\r\n    (each) => each.code === localeCodeToTranslateFrom,\r\n  )\r\n\r\n  return (\r\n    <div className={'translator__content'}>\r\n      <h2>{resolverT('modalTitle')}</h2>\r\n      {localeToTranslateFrom && (\r\n        <Popup\r\n          button={<LocaleLabel locale={localeToTranslateFrom} />}\r\n          horizontalAlign=\"center\"\r\n          render={({ close }) => (\r\n            <PopupList.ButtonGroup>\r\n              {localesOptions.map((option) => {\r\n                const label = getTranslation(option.label, i18n)\r\n\r\n                return (\r\n                  <PopupList.Button\r\n                    active={option.code === localeCodeToTranslateFrom}\r\n                    key={option.code}\r\n                    onClick={() => {\r\n                      setLocaleToTranslateFrom(option.code)\r\n                      close()\r\n                    }}\r\n                  >\r\n                    {label}\r\n                    {label !== option.code && ` (${option.code})`}\r\n                  </PopupList.Button>\r\n                )\r\n              })}\r\n            </PopupList.ButtonGroup>\r\n          )}\r\n          verticalAlign=\"bottom\"\r\n        />\r\n      )}\r\n      <div className={'translator__buttons'}>\r\n        <Button onClick={() => submit({ emptyOnly: false })}>\r\n          {resolverT('submitButtonLabelFull')}\r\n        </Button>\r\n        <Button onClick={() => submit({ emptyOnly: true })}>\r\n          {resolverT('submitButtonLabelEmpty')}\r\n        </Button>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":["getTranslation","Button","Popup","PopupList","useTranslation","useTranslator","LocaleLabel","Content","localeToTranslateFrom","localeCodeToTranslateFrom","localesOptions","resolverT","setLocaleToTranslateFrom","submit","i18n","find","each","code","div","className","h2","button","locale","horizontalAlign","render","close","ButtonGroup","map","option","label","active","onClick","verticalAlign","emptyOnly"],"mappings":";AAAA,SAASA,cAAc,QAAQ,2BAA0B;AACzD,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,cAAc,QAAQ,iBAAgB;AAEzE,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,WAAW,QAAQ,iBAAgB;AAE5C,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,uBAAuBC,yBAAyB,EAChDC,cAAc,EACdC,SAAS,EACTC,wBAAwB,EACxBC,MAAM,EACP,GAAGR;IAEJ,MAAM,EAAES,IAAI,EAAE,GAAGV;IAEjB,MAAMI,wBAAwBE,eAAeK,IAAI,CAC/C,CAACC,OAASA,KAAKC,IAAI,KAAKR;IAG1B,qBACE,MAACS;QAAIC,WAAW;;0BACd,KAACC;0BAAIT,UAAU;;YACdH,uCACC,KAACN;gBACCmB,sBAAQ,KAACf;oBAAYgB,QAAQd;;gBAC7Be,iBAAgB;gBAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,KAACtB,UAAUuB,WAAW;kCACnBhB,eAAeiB,GAAG,CAAC,CAACC;4BACnB,MAAMC,QAAQ7B,eAAe4B,OAAOC,KAAK,EAAEf;4BAE3C,qBACE,MAACX,UAAUF,MAAM;gCACf6B,QAAQF,OAAOX,IAAI,KAAKR;gCAExBsB,SAAS;oCACPnB,yBAAyBgB,OAAOX,IAAI;oCACpCQ;gCACF;;oCAECI;oCACAA,UAAUD,OAAOX,IAAI,IAAI,CAAC,EAAE,EAAEW,OAAOX,IAAI,CAAC,CAAC,CAAC;;+BAPxCW,OAAOX,IAAI;wBAUtB;;gBAGJe,eAAc;;0BAGlB,MAACd;gBAAIC,WAAW;;kCACd,KAAClB;wBAAO8B,SAAS,IAAMlB,OAAO;gCAAEoB,WAAW;4BAAM;kCAC9CtB,UAAU;;kCAEb,KAACV;wBAAO8B,SAAS,IAAMlB,OAAO;gCAAEoB,WAAW;4BAAK;kCAC7CtB,UAAU;;;;;;AAKrB,EAAC"}

package/dist/client/components/TranslatorModal/TranslatorModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/TranslatorModal/TranslatorModal.tsx"],"sourcesContent":["import './styles.scss'\n\nimport { Modal } from '@payloadcms/ui'\n\nimport { useTranslator } from '../../providers/Translator/context'\nimport { Content } from './Content'\n\nexport const TranslatorModal = () => {\n  const { closeTranslator, modalSlug, resolver } = useTranslator()\n\n  if (!resolver) return\n\n  return (\n    <Modal className={'translator__modal'} slug={modalSlug}>\n      <div className={'translator__wrapper'}>\n        <button aria-label=\"Close\" className={'translator__close'} onClick={closeTranslator} />\n        <Content />\n      </div>\n    </Modal>\n  )\n}\n"],"names":["Modal","useTranslator","Content","TranslatorModal","closeTranslator","modalSlug","resolver","className","slug","div","button","aria-label","onClick"],"mappings":";AAAA,OAAO,gBAAe;AAEtB,SAASA,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,OAAO,QAAQ,YAAW;AAEnC,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,eAAe,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGL;IAEjD,IAAI,CAACK,UAAU;IAEf,qBACE,KAACN;QAAMO,WAAW;QAAqBC,MAAMH;kBAC3C,cAAA,MAACI;YAAIF,WAAW;;8BACd,KAACG;oBAAOC,cAAW;oBAAQJ,WAAW;oBAAqBK,SAASR;;8BACpE,KAACF;;;;AAIT,EAAC"}
+{"version":3,"sources":["../../../../src/client/components/TranslatorModal/TranslatorModal.tsx"],"sourcesContent":["import './styles.scss'\r\n\r\nimport { Modal } from '@payloadcms/ui'\r\n\r\nimport { useTranslator } from '../../providers/Translator/context'\r\nimport { Content } from './Content'\r\n\r\nexport const TranslatorModal = () => {\r\n  const { closeTranslator, modalSlug, resolver } = useTranslator()\r\n\r\n  if (!resolver) return\r\n\r\n  return (\r\n    <Modal className={'translator__modal'} slug={modalSlug}>\r\n      <div className={'translator__wrapper'}>\r\n        <button aria-label=\"Close\" className={'translator__close'} onClick={closeTranslator} />\r\n        <Content />\r\n      </div>\r\n    </Modal>\r\n  )\r\n}\r\n"],"names":["Modal","useTranslator","Content","TranslatorModal","closeTranslator","modalSlug","resolver","className","slug","div","button","aria-label","onClick"],"mappings":";AAAA,OAAO,gBAAe;AAEtB,SAASA,KAAK,QAAQ,iBAAgB;AAEtC,SAASC,aAAa,QAAQ,qCAAoC;AAClE,SAASC,OAAO,QAAQ,YAAW;AAEnC,OAAO,MAAMC,kBAAkB;IAC7B,MAAM,EAAEC,eAAe,EAAEC,SAAS,EAAEC,QAAQ,EAAE,GAAGL;IAEjD,IAAI,CAACK,UAAU;IAEf,qBACE,KAACN;QAAMO,WAAW;QAAqBC,MAAMH;kBAC3C,cAAA,MAACI;YAAIF,WAAW;;8BACd,KAACG;oBAAOC,cAAW;oBAAQJ,WAAW;oBAAqBK,SAASR;;8BACpE,KAACF;;;;AAIT,EAAC"}

package/dist/client/components/TranslatorModal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/client/components/TranslatorModal/index.ts"],"sourcesContent":["export * from './TranslatorModal'\n"],"names":[],"mappings":"AAAA,cAAc,oBAAmB"}
+{"version":3,"sources":["../../../../src/client/components/TranslatorModal/index.ts"],"sourcesContent":["export * from './TranslatorModal'\r\n"],"names":[],"mappings":"AAAA,cAAc,oBAAmB"}