payload-ai 0.0.1 → 0.0.3

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Payload
+Copyright (c) 2024 wirewire
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,12 +1,77 @@
-# Payload Plugin Template
+# Payload AI
 
-Translate content to different languages using GPT.
+Translate content to different languages using OpenAI's GPT.
 
-Planned features:
+
+### How to install the plugin
+
+Install via npm:
+
+
+```
+npm install payload-ai
+```
+
+Or yarn:
+```
+yarn add payload-ai
+```
+
+To install the plugin, simply add it to your payload.config() in the Plugin array.
+
+```ts
+import payloadAi from 'payload-ai';
+
+export const config = buildConfig({
+  plugins: [
+    // You can pass options to the plugin
+    payloadAi({
+		  enabled: true,
+    }),
+  ]
+});
+```
+
+### Collection translation
+
+Add the `collections` where you want to enable the translation and the `fields`. It will translate each field (also nested fields) on every update of the default language.
+
+```jsx
+plugins: [
+  aiTranslatorPlugin({
+    enabled: true,
+    collections: {
+      examples: {
+        fields: ['stringText', 'richText'],
+      },
+    },
+  }),
+],
+```
+
+
+### String translation
+
+Use this to provide a [backend](https://github.com/i18next/i18next-http-backend) for [i18next](https://www.i18next.com) string translations.
+
+
+```jsx
+plugins: [
+  aiTranslatorPlugin({
+    enabled: true,
+    stringTranslation: {
+      enabled: true
+    }
+  }),
+],
+```
+
+### Generate SEO
+
+
+### Planned features
 
 - generate image alt text from GPT
-- generate by field
-- string translation using i18next
 - generate SEO Text
 - generate structured content
 - custom access control
@@ -20,26 +85,9 @@ To build your own Payload plugin, all you need is:
 * An understanding of the basic Payload concepts
 * And some JavaScript/Typescript experience
 
-## Background
-
-Here is a short recap on how to integrate plugins with Payload, to learn more visit the [plugin overview page](https://payloadcms.com/docs/plugins/overview).
-
-### How to install a plugin
 
-To install any plugin, simply add it to your payload.config() in the Plugin array.
 
-```ts
-import samplePlugin from 'sample-plugin';
 
-export const config = buildConfig({
-  plugins: [
-    // You can pass options to the plugin
-    samplePlugin({
-		  enabled: true,
-    }),
-  ]
-});
-```
 
 ### Initialization
 

package/dev/package.json

@@ -17,13 +17,13 @@
   },
   "dependencies": {
     "@payloadcms/bundler-webpack": "^1.0.0",
-    "@payloadcms/db-mongodb": "^1.0.0",
+    "@payloadcms/db-mongodb": "^1.2.0",
     "@payloadcms/plugin-cloud": "^2.0.0",
-    "@payloadcms/richtext-slate": "^1.0.0",
+    "@payloadcms/richtext-slate": "^1.3.1",
     "cross-env": "^7.0.3",
     "dotenv": "^8.2.0",
     "express": "^4.17.1",
-    "payload": "^2.0.0"
+    "payload": "^2.6.0"
   },
   "devDependencies": {
     "@types/express": "^4.17.9",

package/dev/src/collections/ExamplesWithVersions.ts

@@ -0,0 +1,21 @@
+import { CollectionConfig } from 'payload/types'
+
+// Example Collection - For reference only, this must be added to payload.config.ts to be used.
+const ExamplesWithVersions: CollectionConfig = {
+  slug: 'examples-with-versions',
+  admin: {
+    useAsTitle: 'someField',
+  },
+  versions: {
+    drafts: true,
+  },
+  fields: [
+    {
+      name: 'richText',
+      type: 'text',
+      localized: true,
+    },
+  ],
+}
+
+export default ExamplesWithVersions

package/dev/src/payload.config.ts

@@ -6,6 +6,7 @@ import { mongooseAdapter } from '@payloadcms/db-mongodb'
 import { webpackBundler } from '@payloadcms/bundler-webpack'
 import { slateEditor } from '@payloadcms/richtext-slate'
 import { aiTranslatorPlugin } from '../../src/index'
+import ExamplesWithVersions from './collections/ExamplesWithVersions'
 
 export default buildConfig({
   admin: {
@@ -28,7 +29,7 @@ export default buildConfig({
     },
   },
   editor: slateEditor({}),
-  collections: [Examples, Users],
+  collections: [Examples, ExamplesWithVersions, Users],
   localization: {
     locales: ['en', 'es', 'de'],
     defaultLocale: 'en',
@@ -45,8 +46,10 @@ export default buildConfig({
       enabled: true,
       collections: {
         examples: {
-          fields: ['richText'],
-          // adapter: theAdapterToUse, // see docs for the adapter you want to use
+          fields: ['stringText', 'richText'],
+        },
+        'examples-with-versions': {
+          fields: ['stringText', 'richText'],
         },
       },
     }),

package/dist/access/admins.d.ts

@@ -0,0 +1,4 @@
+import type { AccessArgs } from 'payload/config';
+type isAdmin = (args: AccessArgs<unknown, any>) => boolean;
+export declare const admins: isAdmin;
+export {};

package/dist/access/admins.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.admins = void 0;
+var checkRole_1 = require("./checkRole");
+var admins = function (_a) {
+    var user = _a.req.user;
+    if (!user)
+        return false;
+    return (0, checkRole_1.checkRole)(['admin'], user);
+};
+exports.admins = admins;
+//# sourceMappingURL=admins.js.map

package/dist/access/admins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admins.js","sourceRoot":"","sources":["../../src/access/admins.ts"],"names":[],"mappings":";;;AAEA,yCAAuC;AAKhC,IAAM,MAAM,GAAY,UAAC,EAAiB;QAAR,IAAI,cAAA;IAC3C,IAAI,CAAC,IAAI;QAAE,OAAO,KAAK,CAAA;IACvB,OAAO,IAAA,qBAAS,EAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAAA;AACnC,CAAC,CAAA;AAHY,QAAA,MAAM,UAGlB"}

package/dist/access/adminsOrPublished.d.ts

@@ -0,0 +1,2 @@
+import type { Access } from 'payload/config';
+export declare const adminsOrPublished: Access;

package/dist/access/adminsOrPublished.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.adminsOrPublished = void 0;
+var checkRole_1 = require("./checkRole");
+var adminsOrPublished = function (_a) {
+    var user = _a.req.user;
+    if (user && (0, checkRole_1.checkRole)(['admin'], user)) {
+        return true;
+    }
+    return true;
+    return {
+        _status: {
+            equals: 'published',
+        },
+    };
+};
+exports.adminsOrPublished = adminsOrPublished;
+//# sourceMappingURL=adminsOrPublished.js.map

package/dist/access/adminsOrPublished.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"adminsOrPublished.js","sourceRoot":"","sources":["../../src/access/adminsOrPublished.ts"],"names":[],"mappings":";;;AAEA,yCAAuC;AAEhC,IAAM,iBAAiB,GAAW,UAAC,EAAiB;QAAR,IAAI,cAAA;IACrD,IAAI,IAAI,IAAI,IAAA,qBAAS,EAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,EAAE;QACtC,OAAO,IAAI,CAAA;KACZ;IAED,OAAO,IAAI,CAAA;IACX,OAAO;QACL,OAAO,EAAE;YACP,MAAM,EAAE,WAAW;SACpB;KACF,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,iBAAiB,qBAW7B"}

package/dist/access/anyone.d.ts

@@ -0,0 +1,2 @@
+import type { Access } from 'payload/config';
+export declare const anyone: Access;

package/dist/access/anyone.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.anyone = void 0;
+var anyone = function () { return true; };
+exports.anyone = anyone;
+//# sourceMappingURL=anyone.js.map

package/dist/access/anyone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"anyone.js","sourceRoot":"","sources":["../../src/access/anyone.ts"],"names":[],"mappings":";;;AAEO,IAAM,MAAM,GAAW,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAA3B,QAAA,MAAM,UAAqB"}

package/dist/access/checkRole.d.ts

@@ -0,0 +1 @@
+export declare const checkRole: (allRoles: any, user?: any) => boolean;

package/dist/access/checkRole.js

@@ -0,0 +1,18 @@
+"use strict";
+//import type { User } from '../../payload-types'
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkRole = void 0;
+var checkRole = function (allRoles /* User['roles'] = [] */, user) {
+    if (user) {
+        if (allRoles.some(function (role) {
+            var _a;
+            return (_a = user === null || user === void 0 ? void 0 : user.roles) === null || _a === void 0 ? void 0 : _a.some(function (individualRole) {
+                return individualRole === role;
+            });
+        }))
+            return true;
+    }
+    return false;
+};
+exports.checkRole = checkRole;
+//# sourceMappingURL=checkRole.js.map

package/dist/access/checkRole.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkRole.js","sourceRoot":"","sources":["../../src/access/checkRole.ts"],"names":[],"mappings":";AAAA,iDAAiD;;;AAE1C,IAAM,SAAS,GAAG,UAAC,QAAa,CAAC,wBAAwB,EAAE,IAAU;IAC1E,IAAI,IAAI,EAAE;QACR,IACE,QAAQ,CAAC,IAAI,CAAC,UAAC,IAAS;;YACtB,OAAO,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,cAAmB;gBAC3C,OAAO,cAAc,KAAK,IAAI,CAAA;YAChC,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC;YAEF,OAAO,IAAI,CAAA;KACd;IAED,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAbY,QAAA,SAAS,aAarB"}

package/dist/aiTranslate.d.ts

@@ -1,5 +1,7 @@
 import type { CollectionAfterChangeHook } from 'payload/types';
-declare const aiTranslate: ({ collection }: {
+declare const aiTranslateHook: ({ collectionOptions, collection }: {
+    collectionOptions: any;
     collection: object;
 }, fallback?: string) => CollectionAfterChangeHook;
-export default aiTranslate;
+export default aiTranslateHook;
+export declare function translateCollection({ req, doc, collection, previousDoc, context, collectionOptions, onlyMissing, }: any): Promise<void>;

package/dist/aiTranslate.js

@@ -35,172 +35,105 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var openai_1 = __importDefault(require("openai"));
-function translateText(text, language) {
-    return __awaiter(this, void 0, void 0, function () {
-        var openai, content, chatCompletion, newItemResult;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (typeof text !== 'string') {
-                        return [2 /*return*/, text];
-                    }
-                    openai = new openai_1.default({
-                        apiKey: process.env.OPENAI_API_KEY,
-                    });
-                    content = "Translate to ".concat(language, " (ISO-2-Code). ").concat(typeof text !== 'string'
-                        ? 'Keep the json structure. Only return the json'
-                        : 'Only return the translated text without any comment', ":   ").concat(typeof text !== 'string' ? JSON.stringify(text) : text);
-                    return [4 /*yield*/, openai.chat.completions.create({
-                            messages: [
-                                {
-                                    role: 'user',
-                                    content: content,
-                                },
-                            ],
-                            model: 'gpt-3.5-turbo',
-                        })
-                        //console.log('Translated', language, content, chatCompletion.choices[0].message.content)
-                    ];
-                case 1:
-                    chatCompletion = _a.sent();
-                    newItemResult = typeof text !== 'string'
-                        ? JSON.parse(chatCompletion.choices[0].message.content)
-                        : chatCompletion.choices[0].message.content;
-                    return [2 /*return*/, newItemResult];
-            }
+exports.translateCollection = void 0;
+var deepCompareAndMerge_1 = require("./deepCompareAndMerge");
+var aiTranslateHook = function (_a, fallback) {
+    var collectionOptions = _a.collectionOptions, collection = _a.collection;
+    return function (_a) {
+        var doc = _a.doc, req = _a.req, previousDoc = _a.previousDoc, context = _a.context, collection = _a.collection;
+        return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0: return [4 /*yield*/, translateCollection({
+                            doc: doc,
+                            req: req,
+                            previousDoc: previousDoc,
+                            context: context,
+                            collection: collection,
+                            collectionOptions: collectionOptions,
+                        })];
+                    case 1: return [2 /*return*/, _b.sent()];
+                }
+            });
         });
-    });
-}
-var colllectionObj = {}; // Assuming targetObj is initialized somewhere
-function deepCompareTranslateAndMerge(newOriginalObj, originalObj, targetObj, key, language) {
+    };
+};
+exports.default = aiTranslateHook;
+function translateCollection(_a) {
+    var req = _a.req, doc = _a.doc, collection = _a.collection, previousDoc = _a.previousDoc, context = _a.context, collectionOptions = _a.collectionOptions, onlyMissing = _a.onlyMissing;
     return __awaiter(this, void 0, void 0, function () {
-        var promises;
+        var localCodes, translationPromises, results, error_1;
         var _this = this;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    if (!Array.isArray(newOriginalObj)) return [3 /*break*/, 1];
-                    return [2 /*return*/, Promise.all(newOriginalObj.map(function (item, index) {
-                            return deepCompareTranslateAndMerge(item, originalObj === null || originalObj === void 0 ? void 0 : originalObj[index], targetObj === null || targetObj === void 0 ? void 0 : targetObj[index], key, language);
-                        }))];
-                case 1:
-                    if (!(typeof newOriginalObj === 'object' && newOriginalObj !== null)) return [3 /*break*/, 3];
-                    promises = Object.keys(newOriginalObj).map(function (prop) { return __awaiter(_this, void 0, void 0, function () {
-                        var _a, _b, _c, _d;
-                        return __generator(this, function (_e) {
-                            switch (_e.label) {
-                                case 0:
-                                    if (!newOriginalObj.hasOwnProperty(prop)) return [3 /*break*/, 5];
-                                    if (!(prop === key) /*&& typeof newOriginalObj[prop] === 'string'*/) return [3 /*break*/, 3]; /*&& typeof newOriginalObj[prop] === 'string'*/
-                                    if (!((originalObj === null || originalObj === void 0 ? void 0 : originalObj[prop]) === undefined ||
-                                        JSON.stringify(newOriginalObj[prop]) !== JSON.stringify(originalObj[prop]))) return [3 /*break*/, 2];
-                                    console.log('sewsddsaaddasdsada', newOriginalObj, prop, key);
-                                    // Translate the text and merge it into the English object
-                                    _a = targetObj;
-                                    _b = prop;
-                                    return [4 /*yield*/, translateText(newOriginalObj[prop], language)];
+                    _b.trys.push([0, 2, , 3]);
+                    if (context.triggerAfterChange === false ||
+                        req.locale !== req.payload.config.localization.defaultLocale)
+                        return [2 /*return*/];
+                    localCodes = req.payload.config.localization.localeCodes;
+                    translationPromises = localCodes
+                        .filter(function (targetLanguage) { return targetLanguage !== req.payload.config.localization.defaultLocale; })
+                        .map(function (tL) { return __awaiter(_this, void 0, void 0, function () {
+                        var targetDoc, targetDocWithTranslation, id, _status, updatedAt, createdAt, publishedDate, dataNew, updatedLanguage;
+                        return __generator(this, function (_a) {
+                            switch (_a.label) {
+                                case 0: return [4 /*yield*/, req.payload.findByID({
+                                        collection: collection.slug,
+                                        id: doc.id,
+                                        locale: tL,
+                                        fallbackLocale: false,
+                                        limit: 0,
+                                        depth: 0,
+                                    })];
                                 case 1:
-                                    // Translate the text and merge it into the English object
-                                    _a[_b] = _e.sent();
-                                    _e.label = 2;
-                                case 2: return [3 /*break*/, 5];
+                                    targetDoc = _a.sent();
+                                    return [4 /*yield*/, (0, deepCompareAndMerge_1.deepCompareTranslateAndMerge)(doc, previousDoc, targetDoc, collectionOptions.fields, tL, previousDoc.id ? 'update' : 'create', onlyMissing)];
+                                case 2:
+                                    targetDocWithTranslation = _a.sent();
+                                    id = targetDocWithTranslation.id, _status = targetDocWithTranslation._status, updatedAt = targetDocWithTranslation.updatedAt, createdAt = targetDocWithTranslation.createdAt, publishedDate = targetDocWithTranslation.publishedDate, dataNew = __rest(targetDocWithTranslation, ["id", "_status", "updatedAt", "createdAt", "publishedDate"]);
+                                    return [4 /*yield*/, req.payload.update({
+                                            req: req,
+                                            collection: collection.slug,
+                                            id: doc.id,
+                                            data: dataNew,
+                                            locale: tL,
+                                            limit: 1,
+                                            depth: 0,
+                                            context: {
+                                                triggerAfterChange: false,
+                                            },
+                                        })];
                                 case 3:
-                                    if (!(typeof newOriginalObj[prop] === 'object' &&
-                                        typeof targetObj[prop] === 'object')) return [3 /*break*/, 5];
-                                    // console.log('propaaaaaaa', targetObj?.[prop], targetObj, prop)
-                                    _c = targetObj;
-                                    _d = prop;
-                                    return [4 /*yield*/, deepCompareTranslateAndMerge(newOriginalObj[prop], (originalObj === null || originalObj === void 0 ? void 0 : originalObj[prop]) || null, targetObj[prop] || null, key, language)];
-                                case 4:
-                                    // console.log('propaaaaaaa', targetObj?.[prop], targetObj, prop)
-                                    _c[_d] = _e.sent();
-                                    _e.label = 5;
-                                case 5: return [2 /*return*/];
+                                    updatedLanguage = _a.sent();
+                                    return [2 /*return*/, updatedLanguage];
                             }
                         });
                     }); });
-                    return [4 /*yield*/, Promise.all(promises)];
+                    return [4 /*yield*/, Promise.all(translationPromises)];
+                case 1:
+                    results = _b.sent();
+                    return [3 /*break*/, 3];
                 case 2:
-                    _a.sent();
-                    _a.label = 3;
-                case 3: return [2 /*return*/, targetObj];
+                    error_1 = _b.sent();
+                    console.log('error while generating languages', error_1);
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
             }
         });
     });
 }
-var aiTranslate = function (_a, fallback) {
-    var collection = _a.collection;
-    return function (_a) {
-        var doc = _a.doc, req = _a.req, previousDoc = _a.previousDoc, context = _a.context, collection = _a.collection;
-        return __awaiter(void 0, void 0, void 0, function () {
-            var originalDoc_1, localCodes, translationPromises, results, error_1;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _b.trys.push([0, 2, , 3]);
-                        originalDoc_1 = previousDoc;
-                        if (context.triggerAfterChange === false ||
-                            req.locale !== req.payload.config.localization.defaultLocale ||
-                            !(originalDoc_1 === null || originalDoc_1 === void 0 ? void 0 : originalDoc_1.id)) {
-                            return [2 /*return*/];
-                        }
-                        localCodes = req.payload.config.localization.localeCodes;
-                        translationPromises = localCodes
-                            .filter(function (targetLanguage) { return targetLanguage !== req.payload.config.localization.defaultLocale; })
-                            .map(function (targetLanguage) { return __awaiter(void 0, void 0, void 0, function () {
-                            var targetDoc, targetDocWithTranslation, updatedLanguage;
-                            return __generator(this, function (_a) {
-                                switch (_a.label) {
-                                    case 0: return [4 /*yield*/, req.payload.findByID({
-                                            req: req,
-                                            collection: collection.slug,
-                                            id: originalDoc_1.id,
-                                            locale: targetLanguage,
-                                            limit: 0,
-                                            depth: 0,
-                                        })];
-                                    case 1:
-                                        targetDoc = _a.sent();
-                                        return [4 /*yield*/, deepCompareTranslateAndMerge(doc, originalDoc_1, targetDoc, 'richText', targetLanguage)];
-                                    case 2:
-                                        targetDocWithTranslation = _a.sent();
-                                        console.log('targetDocWithTranslation', targetDocWithTranslation);
-                                        return [4 /*yield*/, req.payload.update({
-                                                req: req,
-                                                collection: collection.slug,
-                                                id: originalDoc_1.id,
-                                                data: targetDocWithTranslation,
-                                                locale: targetLanguage,
-                                                limit: 0,
-                                                depth: 0,
-                                                context: {
-                                                    triggerAfterChange: false,
-                                                },
-                                            })];
-                                    case 3:
-                                        updatedLanguage = _a.sent();
-                                        return [2 /*return*/, updatedLanguage];
-                                }
-                            });
-                        }); });
-                        return [4 /*yield*/, Promise.all(translationPromises)];
-                    case 1:
-                        results = _b.sent();
-                        return [3 /*break*/, 3];
-                    case 2:
-                        error_1 = _b.sent();
-                        console.log('error while generating languages', error_1);
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-};
-exports.default = aiTranslate;
+exports.translateCollection = translateCollection;
 //# sourceMappingURL=aiTranslate.js.map

package/dist/aiTranslate.js.map

@@ -1 +1 @@
-{"version":3,"file":"aiTranslate.js","sourceRoot":"","sources":["../src/aiTranslate.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"aiTranslate.js","sourceRoot":"","sources":["../src/aiTranslate.ts"],"names":[],"mappings":"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"}

package/dist/components/Translator/index.js

@@ -41,47 +41,51 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Translator = void 0;
 var react_1 = __importDefault(require("react"));
-// import './index.scss';
 var elements_1 = require("payload/components/elements");
+var utilities_1 = require("payload/components/utilities");
 var baseClass = 'after-dashboard';
 var Translator = function () {
     var _a = react_1.default.useState(false), isLoading = _a[0], setIsLoading = _a[1];
+    var locale = (0, utilities_1.useLocale)();
+    var documentInfo = (0, utilities_1.useDocumentInfo)();
     var translate = function () { return __awaiter(void 0, void 0, void 0, function () {
         var response, translatedValues, error_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 3, , 4]);
-                    return [4 /*yield*/, fetch('/api/ai-translator', {
+                    setIsLoading(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, fetch("/api/".concat(documentInfo.collection.slug, "/translate"), {
                             method: 'POST',
                             headers: {
                                 'Content-Type': 'application/json',
                             },
                             body: JSON.stringify({
-                                texts: 'sss', // valuesToTranslate.map(({ value }) => value),
-                                // from: localeTranslateFrom,
-                                // to: locale,
+                                id: documentInfo.id,
                             }),
                         })];
-                case 1:
+                case 2:
                     response = _a.sent();
                     return [4 /*yield*/, response.json()];
-                case 2:
+                case 3:
                     translatedValues = _a.sent();
                     setIsLoading(false);
-                    return [3 /*break*/, 4];
-                case 3:
+                    return [3 /*break*/, 5];
+                case 4:
                     error_1 = _a.sent();
                     setIsLoading(false);
                     console.error(error_1);
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
     return (react_1.default.createElement("div", { className: baseClass },
         react_1.default.createElement(elements_1.Button, { disabled: isLoading, size: "small", onClick: translate },
-            react_1.default.createElement("span", null, "Translate content from default language"))));
+            react_1.default.createElement("span", null, "Translate content from default language"),
+            isLoading && react_1.default.createElement(react_1.default.Fragment, null, "Loading..."))));
 };
 exports.Translator = Translator;
 //# sourceMappingURL=index.js.map