@justanarthur/payload-plugin-translator 1.3.19 → 1.3.21

package/README.md

@@ -1,215 +0,0 @@
-# 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.d.ts

@@ -1,8 +0,0 @@
-import type { TranslateEndpointArgs, TranslateResult } from '../../translate/types';
-export declare const createClient: ({ api, serverURL }: {
-    api: string;
-    serverURL: string;
-}) => {
-    translate: (args: TranslateEndpointArgs) => Promise<TranslateResult>;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/client/api/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/api/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAEnF,eAAO,MAAM,YAAY,GAAI,oBAAoB;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE;sBAClD,qBAAqB,KAAG,OAAO,CAAC,eAAe,CAAC;CAwBhF,CAAA"}

package/dist/client/api/index.js

@@ -1,28 +0,0 @@
-export const createClient = ({ api, serverURL })=>{
-    const translate = async (args)=>{
-        try {
-            const response = await fetch(`${serverURL}${api}/translator/translate`, {
-                body: JSON.stringify(args),
-                credentials: 'include',
-                headers: {
-                    'Content-Type': 'application/json'
-                },
-                method: 'POST'
-            });
-            if (!response.ok) return {
-                success: false
-            };
-            return response.json();
-        } catch (e) {
-            if (e instanceof Error) console.error(e.message);
-            return {
-                success: false
-            };
-        }
-    };
-    return {
-        translate
-    };
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,5 +0,0 @@
-import './styles.scss';
-export declare const CustomButtonWithTranslator: ({ type }: {
-    type: "publish" | "save";
-}) => import("react").JSX.Element;
-//# sourceMappingURL=CustomButtonWithTranslator.d.ts.map

package/dist/client/components/CustomButton/CustomButtonWithTranslator.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomButtonWithTranslator.d.ts","sourceRoot":"","sources":["../../../../src/client/components/CustomButton/CustomButtonWithTranslator.tsx"],"names":[],"mappings":"AAEA,OAAO,eAAe,CAAA;AAStB,eAAO,MAAM,0BAA0B,GAAI,UAAU;IAAE,IAAI,EAAE,SAAS,GAAG,MAAM,CAAA;CAAE,gCAsBhF,CAAA"}

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

@@ -1,28 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './styles.scss';
-import { PublishButton, SaveButton, useConfig, useDocumentInfo } from '@payloadcms/ui';
-import { TranslatorProvider } from '../../providers/Translator/TranslatorProvider';
-import { ResolverButton } from '../ResolverButton';
-import { TranslatorModal } from '../TranslatorModal';
-export const CustomButtonWithTranslator = ({ type })=>{
-    const { config } = useConfig();
-    const DefaultButton = type === 'publish' ? PublishButton : SaveButton;
-    const { globalSlug, id } = useDocumentInfo();
-    const resolvers = config.admin?.custom?.translator?.resolvers ?? [];
-    if (!id && !globalSlug) return /*#__PURE__*/ _jsx(DefaultButton, {});
-    return /*#__PURE__*/ _jsx(TranslatorProvider, {
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: 'translator__custom-save-button',
-            children: [
-                /*#__PURE__*/ _jsx(TranslatorModal, {}),
-                resolvers.map((resolver)=>/*#__PURE__*/ _jsx(ResolverButton, {
-                        resolver: resolver
-                    }, resolver.key)),
-                /*#__PURE__*/ _jsx(DefaultButton, {})
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=CustomButtonWithTranslator.js.map

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

@@ -1 +0,0 @@
-{"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/index.d.ts

@@ -1,3 +0,0 @@
-import type { CustomPublishButton, CustomSaveButton } from 'payload';
-export declare const CustomButton: (type: "publish" | "save") => CustomPublishButton | CustomSaveButton;
-//# sourceMappingURL=index.d.ts.map

package/dist/client/components/CustomButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/CustomButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEpE,eAAO,MAAM,YAAY,GAAI,MAAM,SAAS,GAAG,MAAM,KAAG,mBAAmB,GAAG,gBAO7E,CAAA"}

package/dist/client/components/CustomButton/index.js

@@ -1,10 +0,0 @@
-export const CustomButton = (type)=>{
-    return {
-        clientProps: {
-            type
-        },
-        path: '@justanarthur/payload-plugin-translator/client#CustomButtonWithTranslator'
-    };
-};
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/client/components/CustomButton/index.tsx"],"sourcesContent":["import type { CustomPublishButton, CustomSaveButton } from 'payload'\r\n\r\nexport const CustomButton = (type: 'publish' | 'save'): CustomPublishButton | CustomSaveButton => {\r\n  return {\r\n    clientProps: {\r\n      type,\r\n    },\r\n    path: '@justanarthur/payload-plugin-translator/client#CustomButtonWithTranslator',\r\n  }\r\n}\r\n"],"names":["CustomButton","type","clientProps","path"],"mappings":"AAEA,OAAO,MAAMA,eAAe,CAACC;IAC3B,OAAO;QACLC,aAAa;YACXD;QACF;QACAE,MAAM;IACR;AACF,EAAC"}

package/dist/client/components/LocaleLabel/LocaleLabel.d.ts

@@ -1,5 +0,0 @@
-import type { Locale } from 'payload';
-export declare const LocaleLabel: ({ locale }: {
-    locale: Locale;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=LocaleLabel.d.ts.map

package/dist/client/components/LocaleLabel/LocaleLabel.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LocaleLabel.d.ts","sourceRoot":"","sources":["../../../../src/client/components/LocaleLabel/LocaleLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAIrC,eAAO,MAAM,WAAW,GAAI,YAAY;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,gCAczD,CAAA"}

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { ChevronIcon, useTranslation } from '@payloadcms/ui';
-const baseClass = 'localizer-button';
-export const LocaleLabel = ({ locale })=>{
-    const { i18n, t } = useTranslation();
-    return /*#__PURE__*/ _jsxs("div", {
-        "aria-label": t('general:locale'),
-        className: baseClass,
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                className: `${baseClass}__label`,
-                children: `${t('general:locale')}:`
-            }),
-            "  ",
-            /*#__PURE__*/ _jsx("span", {
-                className: `${baseClass}__current-label`,
-                children: `${getTranslation(locale.label, i18n)}`
-            }),
-            " ",
-            /*#__PURE__*/ _jsx(ChevronIcon, {
-                className: `${baseClass}__chevron`
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=LocaleLabel.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export * from './LocaleLabel';
-//# sourceMappingURL=index.d.ts.map

package/dist/client/components/LocaleLabel/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/LocaleLabel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

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

@@ -1,3 +0,0 @@
-export * from './LocaleLabel';
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,5 +0,0 @@
-import type { TranslateResolver } from '../../../resolvers/types';
-export declare const ResolverButton: ({ resolver: { key: resolverKey }, }: {
-    resolver: TranslateResolver;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=ResolverButton.d.ts.map

package/dist/client/components/ResolverButton/ResolverButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ResolverButton.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ResolverButton/ResolverButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAGjE,eAAO,MAAM,cAAc,GAAI,qCAE5B;IACD,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,gCAYA,CAAA"}

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button, useTranslation } from '@payloadcms/ui';
-import { useTranslator } from '../../providers/Translator/context';
-export const ResolverButton = ({ resolver: { key: resolverKey } })=>{
-    const { openTranslator } = useTranslator();
-    const { t } = useTranslation();
-    const handleClick = ()=>openTranslator({
-            resolverKey
-        });
-    return /*#__PURE__*/ _jsx(Button, {
-        onClick: handleClick,
-        children: t(`plugin-translator:resolver_${resolverKey}_buttonLabel`)
-    });
-};
-
-//# sourceMappingURL=ResolverButton.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export * from './ResolverButton';
-//# sourceMappingURL=index.d.ts.map

package/dist/client/components/ResolverButton/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/ResolverButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA"}

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

@@ -1,3 +0,0 @@
-export * from './ResolverButton';
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export declare const Content: () => import("react").JSX.Element;
-//# sourceMappingURL=Content.d.ts.map

package/dist/client/components/TranslatorModal/Content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../../src/client/components/TranslatorModal/Content.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,mCAwDnB,CAAA"}

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

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { getTranslation } from '@payloadcms/translations';
-import { Button, Popup, PopupList, useTranslation } from '@payloadcms/ui';
-import { useTranslator } from '../../providers/Translator/context';
-import { LocaleLabel } from '../LocaleLabel';
-export const Content = ()=>{
-    const { localeToTranslateFrom: localeCodeToTranslateFrom, localesOptions, resolverT, setLocaleToTranslateFrom, submit } = useTranslator();
-    const { i18n } = useTranslation();
-    const localeToTranslateFrom = localesOptions.find((each)=>each.code === localeCodeToTranslateFrom);
-    return /*#__PURE__*/ _jsxs("div", {
-        className: 'translator__content',
-        children: [
-            /*#__PURE__*/ _jsx("h2", {
-                children: resolverT('modalTitle')
-            }),
-            localeToTranslateFrom && /*#__PURE__*/ _jsx(Popup, {
-                button: /*#__PURE__*/ _jsx(LocaleLabel, {
-                    locale: localeToTranslateFrom
-                }),
-                horizontalAlign: "center",
-                render: ({ close })=>/*#__PURE__*/ _jsx(PopupList.ButtonGroup, {
-                        children: localesOptions.map((option)=>{
-                            const label = getTranslation(option.label, i18n);
-                            return /*#__PURE__*/ _jsxs(PopupList.Button, {
-                                active: option.code === localeCodeToTranslateFrom,
-                                onClick: ()=>{
-                                    setLocaleToTranslateFrom(option.code);
-                                    close();
-                                },
-                                children: [
-                                    label,
-                                    label !== option.code && ` (${option.code})`
-                                ]
-                            }, option.code);
-                        })
-                    }),
-                verticalAlign: "bottom"
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                className: 'translator__buttons',
-                children: [
-                    /*#__PURE__*/ _jsx(Button, {
-                        onClick: ()=>submit({
-                                emptyOnly: false
-                            }),
-                        children: resolverT('submitButtonLabelFull')
-                    }),
-                    /*#__PURE__*/ _jsx(Button, {
-                        onClick: ()=>submit({
-                                emptyOnly: true
-                            }),
-                        children: resolverT('submitButtonLabelEmpty')
-                    })
-                ]
-            })
-        ]
-    });
-};
-
-//# sourceMappingURL=Content.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,3 +0,0 @@
-import './styles.scss';
-export declare const TranslatorModal: () => import("react").JSX.Element | undefined;
-//# sourceMappingURL=TranslatorModal.d.ts.map

package/dist/client/components/TranslatorModal/TranslatorModal.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TranslatorModal.d.ts","sourceRoot":"","sources":["../../../../src/client/components/TranslatorModal/TranslatorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAA;AAOtB,eAAO,MAAM,eAAe,+CAa3B,CAAA"}

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

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './styles.scss';
-import { Modal } from '@payloadcms/ui';
-import { useTranslator } from '../../providers/Translator/context';
-import { Content } from './Content';
-export const TranslatorModal = ()=>{
-    const { closeTranslator, modalSlug, resolver } = useTranslator();
-    if (!resolver) return;
-    return /*#__PURE__*/ _jsx(Modal, {
-        className: 'translator__modal',
-        slug: modalSlug,
-        children: /*#__PURE__*/ _jsxs("div", {
-            className: 'translator__wrapper',
-            children: [
-                /*#__PURE__*/ _jsx("button", {
-                    "aria-label": "Close",
-                    className: 'translator__close',
-                    onClick: closeTranslator
-                }),
-                /*#__PURE__*/ _jsx(Content, {})
-            ]
-        })
-    });
-};
-
-//# sourceMappingURL=TranslatorModal.js.map

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

@@ -1 +0,0 @@
-{"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.d.ts

@@ -1,2 +0,0 @@
-export * from './TranslatorModal';
-//# sourceMappingURL=index.d.ts.map

package/dist/client/components/TranslatorModal/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/client/components/TranslatorModal/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA"}

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

@@ -1,3 +0,0 @@
-export * from './TranslatorModal';
-
-//# sourceMappingURL=index.js.map

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

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

package/dist/client/providers/Translator/TranslatorProvider.d.ts

@@ -1,5 +0,0 @@
-import { type ReactNode } from 'react';
-export declare const TranslatorProvider: ({ children }: {
-    children: ReactNode;
-}) => import("react").JSX.Element;
-//# sourceMappingURL=TranslatorProvider.d.ts.map

package/dist/client/providers/Translator/TranslatorProvider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TranslatorProvider.d.ts","sourceRoot":"","sources":["../../../../src/client/providers/Translator/TranslatorProvider.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,KAAK,SAAS,EAAgC,MAAM,OAAO,CAAA;AASpE,eAAO,MAAM,kBAAkB,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,gCA4IvE,CAAA"}