@crowdin/app-project-module 0.68.1 → 0.70.0

package/out/static/js/main.js

@@ -50,7 +50,7 @@ function catchRejection(e, message) {
     //payment required
     if (e.code && e.code === 402 && subscriptionModal) {
         subscriptionLink = e.message || message;
-        subscriptionModal.open();
+        openModal(subscriptionModal);
         return;
     }
     showToast(e.message || message);
@@ -68,7 +68,7 @@ function checkResponse(response) {
                     reject(res);
                 } else {
                     if (res.message) {
-                        showToast(res.message);
+                        setTimeout(() => showToast(res.message), 100);
                     }
                     resolve(res);
                 }

package/out/storage/index.d.ts

@@ -18,6 +18,7 @@ export interface Storage {
     saveMetadata(id: string, metadata: any, crowdinId?: string): Promise<void>;
     updateMetadata(id: string, metadata: any, crowdinId?: string): Promise<void>;
     getMetadata(id: string): Promise<any | undefined>;
+    getAllMetadata(): Promise<any[] | undefined>;
     deleteMetadata(id: string): Promise<void>;
     getSyncSettingsByProvider(integrationId: string, provider: Provider): Promise<IntegrationSyncSettings | undefined>;
     getAllSyncSettingsByType(type: string): Promise<IntegrationSyncSettings[]>;

package/out/storage/mysql.d.ts

@@ -35,6 +35,7 @@ export declare class MySQLStorage implements Storage {
     saveMetadata(id: string, metadata: any, crowdinId: string): Promise<void>;
     updateMetadata(id: string, metadata: any, crowdinId?: string): Promise<void>;
     getMetadata(id: string): Promise<any>;
+    getAllMetadata(): Promise<any[]>;
     deleteMetadata(id: string): Promise<void>;
     getSyncSettingsByProvider(integrationId: string, provider: string): Promise<IntegrationSyncSettings | undefined>;
     getAllSyncSettingsByType(type: string): Promise<IntegrationSyncSettings[]>;

package/out/storage/mysql.js

@@ -340,6 +340,15 @@ class MySQLStorage {
             }));
         });
     }
+    getAllMetadata() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.dbPromise;
+            return this.executeQuery((connection) => __awaiter(this, void 0, void 0, function* () {
+                const [rows] = yield connection.execute('SELECT * FROM app_metadata');
+                return rows || [];
+            }));
+        });
+    }
     deleteMetadata(id) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.dbPromise;

package/out/storage/postgre.d.ts

@@ -42,6 +42,7 @@ export declare class PostgreStorage implements Storage {
     saveMetadata(id: string, metadata: any, crowdinId: string): Promise<void>;
     updateMetadata(id: string, metadata: any, crowdinId?: string): Promise<void>;
     getMetadata(id: string): Promise<any>;
+    getAllMetadata(): Promise<any[]>;
     deleteMetadata(id: string): Promise<void>;
     getSyncSettingsByProvider(integrationId: string, provider: string): Promise<IntegrationSyncSettings | undefined>;
     getAllSyncSettingsByType(type: string): Promise<IntegrationSyncSettings[]>;

package/out/storage/postgre.js

@@ -367,6 +367,15 @@ class PostgreStorage {
             }));
         });
     }
+    getAllMetadata() {
+        return __awaiter(this, void 0, void 0, function* () {
+            yield this.dbPromise;
+            return this.executeQuery((client) => __awaiter(this, void 0, void 0, function* () {
+                const res = yield client.query('SELECT * FROM app_metadata');
+                return (res === null || res === void 0 ? void 0 : res.rows) || [];
+            }));
+        });
+    }
     deleteMetadata(id) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.dbPromise;

package/out/storage/sqlite.d.ts

@@ -37,6 +37,7 @@ export declare class SQLiteStorage implements Storage {
     saveMetadata(id: string, metadata: any, crowdinId?: string): Promise<void>;
     updateMetadata(id: string, metadata: any, crowdinId?: string): Promise<void>;
     getMetadata(id: string): Promise<any>;
+    getAllMetadata(): Promise<any[]>;
     deleteMetadata(id: string): Promise<void>;
     getSyncSettingsByProvider(integrationId: string, provider: string): Promise<IntegrationSyncSettings | undefined>;
     getAllSyncSettingsByType(type: string): Promise<IntegrationSyncSettings[]>;

package/out/storage/sqlite.js

@@ -405,6 +405,9 @@ class SQLiteStorage {
             }
         });
     }
+    getAllMetadata() {
+        return this.each('SELECT * FROM app_metadata', []);
+    }
     deleteMetadata(id) {
         return __awaiter(this, void 0, void 0, function* () {
             yield this.run('DELETE FROM app_metadata where id = ?', [id]);

package/out/types.d.ts

@@ -15,6 +15,8 @@ import { AiProviderModule } from './modules/ai-provider/types';
 import { AiPromptProviderModule } from './modules/ai-prompt-provider/types';
 import { AiTool, AiToolWidget } from './modules/ai-tools/types';
 import { ExternalQaCheckModule } from './modules/external-qa-check/types';
+import { Webhook } from './modules/webhooks/types';
+import { WorkflowStepTypeModule } from './modules/workflow-step-type/types';
 export interface ClientConfig extends ImagePath {
     /**
      * Authentication Crowdin App type: "authorization_code", "crowdin_app", "crowdin_agent". Default: "crowdin_app"
@@ -104,10 +106,18 @@ export interface ClientConfig extends ImagePath {
      * resources module
      */
     profileResourcesMenu?: UiModule & ImagePath & Environments;
+    /**
+     * profile-settings-menu module
+     */
+    profileSettingsMenu?: UiModule & ImagePath & Environments;
     /**
      * organization-menu module
      */
     organizationMenu?: UiModule & ImagePath;
+    /**
+     * organization-settings-menu module
+     */
+    organizationSettingsMenu?: UiModule & ImagePath;
     /**
      * editor-right-panel module
      */
@@ -206,6 +216,14 @@ export interface ClientConfig extends ImagePath {
      * qa check module
      */
     externalQaCheck?: ExternalQaCheckModule & ImagePath;
+    /**
+     * webhook modules
+     */
+    webhooks?: Webhook | Webhook[];
+    /**
+     * workflow step modules
+     */
+    workflowStepType?: WorkflowStepTypeModule | WorkflowStepTypeModule[];
 }
 export interface Environments {
     environments?: Environment | Environment[];
@@ -326,7 +344,7 @@ export interface CrowdinAppUtilities extends CrowdinMetadataStore {
         crowdinId: string;
         extra: Record<string, any>;
     }) => string;
-    dencryptCrowdinConnection: (hash: string) => Promise<{
+    dencryptCrowdinConnection: (hash: string, autoRenew?: boolean) => Promise<{
         client: Crowdin;
         extra: Record<string, any>;
     }>;

package/out/util/logger.d.ts

@@ -26,9 +26,12 @@ export declare class AppModuleError extends Error {
     isAxiosError: boolean;
     constructor(error: CustomAxiosError | Error | string, data?: any);
 }
+export declare class AppUserModuleError extends AppModuleError {
+    constructor(error: CustomAxiosError | Error | string, data?: any);
+}
 export declare class AppModuleAggregateError extends Error {
-    errors: Error[] | AppModuleError[];
-    constructor(errors: Error[] | AppModuleError[], message: string);
+    errors: Error[] | AppModuleError[] | AppUserModuleError[];
+    constructor(errors: Error[] | AppModuleError[] | AppUserModuleError[], message: string);
 }
 export declare function handleUserError({ action, error, crowdinId, clientId, }: {
     action: string;

package/out/util/logger.js

@@ -32,7 +32,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.temporaryErrorDebug = exports.handleUserError = exports.AppModuleAggregateError = exports.AppModuleError = exports.getErrorMessage = exports.isAxiosError = exports.logError = exports.log = exports.withContextError = exports.withContext = exports.prepareContext = exports.initialize = void 0;
+exports.temporaryErrorDebug = exports.handleUserError = exports.AppModuleAggregateError = exports.AppUserModuleError = exports.AppModuleError = exports.getErrorMessage = exports.isAxiosError = exports.logError = exports.log = exports.withContextError = exports.withContext = exports.prepareContext = exports.initialize = void 0;
 const logsFormatter = __importStar(require("@crowdin/logs-formatter"));
 const storage_1 = require("../storage");
 let logConfig;
@@ -138,6 +138,9 @@ function logError(e, context) {
 exports.logError = logError;
 function errorOutputByType(error) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    if (error instanceof AppUserModuleError) {
+        return;
+    }
     const message = error.message || error;
     if (isAxiosError(error)) {
         const request = (error === null || error === void 0 ? void 0 : error.config) || ((_a = error.data) === null || _a === void 0 ? void 0 : _a.config)
@@ -193,6 +196,13 @@ class AppModuleError extends Error {
     }
 }
 exports.AppModuleError = AppModuleError;
+class AppUserModuleError extends AppModuleError {
+    constructor(error, data) {
+        super(error, data);
+        this.name = 'AppUserModuleError';
+    }
+}
+exports.AppUserModuleError = AppUserModuleError;
 class AppModuleAggregateError extends Error {
     constructor(errors, message) {
         super(message);
@@ -218,7 +228,7 @@ function storeUserError({ action, error, crowdinId, clientId, }) {
                 statusText: ((_u = error === null || error === void 0 ? void 0 : error.response) === null || _u === void 0 ? void 0 : _u.statusText) || ((_w = (_v = error === null || error === void 0 ? void 0 : error.data) === null || _v === void 0 ? void 0 : _v.response) === null || _w === void 0 ? void 0 : _w.statusText),
             };
         }
-        if (error instanceof AppModuleError && error.appData) {
+        if ((error instanceof AppModuleError || error instanceof AppUserModuleError) && error.appData) {
             data.appData = error.appData;
         }
         yield (0, storage_1.getStorage)().saveUserError(action, (error === null || error === void 0 ? void 0 : error.message) || JSON.stringify(error, null, 2), JSON.stringify(data), `${Date.now()}`, crowdinId, clientId);
@@ -226,28 +236,34 @@ function storeUserError({ action, error, crowdinId, clientId, }) {
 }
 function mergeAppModuleAggregateErrors(errors) {
     const result = [];
-    const mergedData = {};
+    const mergedData = {
+        AppModuleError: {},
+        AppUserModuleError: {},
+    };
     for (const errorItem of errors) {
-        if (errorItem instanceof AppModuleError) {
+        if (errorItem instanceof AppModuleError || errorItem instanceof AppUserModuleError) {
             if (typeof errorItem.appData === 'object' &&
                 errorItem.appData !== null &&
                 !Array.isArray(errorItem.appData)) {
-                if (!mergedData[errorItem.message]) {
-                    mergedData[errorItem.message] = {};
+                if (!mergedData[errorItem.name][errorItem.message]) {
+                    mergedData[errorItem.name][errorItem.message] = {};
                 }
                 for (const key in errorItem.appData) {
-                    mergedData[errorItem.message][key] = (mergedData[errorItem.message][key] || []).concat(errorItem.appData[key]);
+                    mergedData[errorItem.name][errorItem.message][key] = (mergedData[errorItem.name][errorItem.message][key] || []).concat(errorItem.appData[key]);
                 }
             }
             else if (errorItem.appData) {
-                mergedData[errorItem.message] = (mergedData[errorItem.message] || []).concat(errorItem.appData);
+                mergedData[errorItem.name][errorItem.message] = (mergedData[errorItem.name][errorItem.message] || []).concat(errorItem.appData);
             }
             continue;
         }
         result.push(errorItem);
     }
-    for (const key in mergedData) {
-        result.push(new AppModuleError(key, mergedData[key]));
+    for (const key in mergedData.AppModuleError) {
+        result.push(new AppModuleError(key, mergedData.AppModuleError[key]));
+    }
+    for (const key in mergedData.AppUserModuleError) {
+        result.push(new AppUserModuleError(key, mergedData.AppUserModuleError[key]));
     }
     return result;
 }

package/out/views/main.handlebars

@@ -37,10 +37,10 @@
                 <crowdin-button id="show-integration-btn" class="hidden" icon-before="arrow_back" onclick="showIntegration();">Integration</crowdin-button>
                 <crowdin-button id="show-error-logs-btn" icon-before="list" onclick="showErrorLogs();">Error logs</crowdin-button>
                 {{#if infoModal}}
-                    <crowdin-button icon-before="info" onclick="infoModal.open();">{{infoModal.title}}</crowdin-button>
+                    <crowdin-button icon-before="info" onclick="openModal(infoModal);">{{infoModal.title}}</crowdin-button>
                 {{/if}}
                 {{#if configurationFields}}
-                    <crowdin-button icon-before="settings" onclick="settingsModal.open();fillSettingsForm();">Settings</crowdin-button>
+                    <crowdin-button icon-before="settings" onclick="openModal(settingsModal);fillSettingsForm();">Settings</crowdin-button>
                 {{/if}}
                 <crowdin-button icon-before="account_circle" onclick="integrationLogout()">Log out</crowdin-button>
             </div>
@@ -93,7 +93,12 @@
     <crowdin-async-progress
         cancelAsyncAction=""
     ></crowdin-async-progress>
-    <crowdin-modal id="subscription-modal" modal-width="50" close-button="false">
+    <crowdin-modal
+        style="display: none;"
+        id="subscription-modal"
+        modal-width="50"
+        close-button="false"
+    >
         <div>
             <crowdin-alert type="warning">Subscribe to continue using the {{name}} app.</crowdin-alert>
         </div>
@@ -104,7 +109,13 @@
          </div>
     </crowdin-modal>
     {{#if infoModal}}
-    <crowdin-modal id="info-modal" modal-width="50" modal-title="{{infoModal.title}}" close-button-title="Close">
+    <crowdin-modal
+        style="display: none;"
+        id="info-modal"
+        modal-width="50"
+        modal-title="{{infoModal.title}}"
+        close-button-title="Close"
+    >
          <div>
              {{{infoModal.content}}}
          </div>
@@ -112,11 +123,12 @@
     {{/if}}
     {{#if configurationFields}}
         <crowdin-modal
-                id="settings-modal"
-                body-overflow-unset="{{#checkLength configurationFields 3}}false{{else}}true{{/checkLength}}"
-                modal-width="65"
-                modal-title="Settings"
-                close-button-title="Close"
+            style="display: none;"
+            id="settings-modal"
+            body-overflow-unset="{{#checkLength configurationFields 3}}false{{else}}true{{/checkLength}}"
+            modal-width="65"
+            modal-title="Settings"
+            close-button-title="Close"
         >
             <div class="loader hidden">
                 <crowdin-progress-indicator></crowdin-progress-indicator>
@@ -268,12 +280,13 @@
     {{/if}}
     {{#or syncNewElements.crowdin syncNewElements.integration}}
         <crowdin-modal
-                id="confirm-schedule-modal"
-                modal-width="50"
-                modal-title="Synchronization options"
-                close-button-title="Close"
-                close-button="true"
-                body-overflow-unset
+            style="display: none;"
+            id="confirm-schedule-modal"
+            modal-width="50"
+            modal-title="Synchronization options"
+            close-button-title="Close"
+            close-button="true"
+            body-overflow-unset
         >
             <crowdin-checkbox
                     id="selected-files"
@@ -298,9 +311,10 @@
     {{/or}}
 
     <crowdin-modal
-            id="user-error-detail"
-            close-button-title="Close"
-            close-button="true"
+        style="display: none;"
+        id="user-error-detail"
+        close-button-title="Close"
+        close-button="true"
     >
     </crowdin-modal>
 </body>
@@ -801,7 +815,7 @@
                 .finally(() => {
                     unsetLoader();
                     settingsSaveBtn.removeAttribute('disabled');
-                    settingsModal.close();
+                    closeModal(settingsModal);
                     {{#if reloadOnConfigSave}}
                         getIntegrationData(true);
                         getCrowdinData();
@@ -834,10 +848,10 @@
         if (event.keyCode == 27) {
 
             if (infoModal) {
-                infoModal.close();
+                closeModal(infoModal);
             }
             if (settingsModal) {
-                settingsModal.close();
+                closeModal(settingsModal);
             }
         }
     });
@@ -896,7 +910,7 @@
                 {{/if}}
             }
 
-            scheduleModal.close();
+            closeModal(scheduleModal);
         }
 
         async function openScheduleModal(type) {
@@ -945,7 +959,7 @@
             selectedFiles.value = true;
             scheduleModal.querySelector('#save-schedule-sync').setAttribute('disabled', false);
             scheduleModal.setAttribute('data-type', type);
-            scheduleModal.open();
+            openModal(scheduleModal);
         }
 
         function onChangeAutoSynchronizationOptions() {
@@ -1128,7 +1142,7 @@
 
                 const clickRow = (field, index, item) => {
                     const modal = document.getElementById('user-error-detail');
-                    modal.open();
+                    openModal(modal);
                     modal.innerHTML = getUserErrorDetail(item);
                 };
 
@@ -1225,6 +1239,16 @@
       tempDiv.textContent = str;
       return tempDiv.innerHTML;
     }
+
+    function openModal(modal) {
+      modal.style.display = 'block';
+      modal.open()
+    }
+
+    function closeModal(modal) {
+      modal.style.display = 'none';
+      modal.close()
+    }
 </script>
 
 </html>

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "0.68.1",
+  "version": "0.70.0",
   "description": "Module that generates for you all common endpoints for serving standalone Crowdin App",
   "main": "out/index.js",
   "types": "out/index.d.ts",
   "scripts": {
     "build": "tsc -p ./ && cp -R views out && cp -R static out && cp logo.png out && rollup -c rollup.config.mjs",
     "build-main": "tsc -p ./ && cp -R views out && cp -R static out && cp logo.png out",
+    "build-form": "tsc -p ./ && cp -R static/js/form out/static/js && rollup -c rollup.config.mjs",
     "watch-main": "tsc --watch -p ./ && cp -R views out && cp -R static out && cp logo.png out",
     "lint": "eslint --fix \"{src,tests}/**/*.{js,ts}\"",
     "prettier": "prettier --config .prettierrc src/**/*.ts --write",
@@ -19,17 +20,20 @@
   ],
   "dependencies": {
     "@aws-sdk/client-s3": "^3.606.0",
-    "@aws-sdk/s3-request-presigner": "^3.598.0",
+    "@aws-sdk/s3-request-presigner": "^3.682.0",
     "@crowdin/crowdin-apps-functions": "0.9.0",
     "@crowdin/logs-formatter": "^2.1.6",
     "@godaddy/terminus": "^4.12.1",
+    "@monaco-editor/react": "^4.6.0",
     "amqplib": "^0.10.4",
     "crypto-js": "^4.2.0",
     "express": "^4.21.0",
     "express-handlebars": "^5.3.5",
     "lodash.get": "^4.4.2",
+    "lodash.isstring": "^4.0.1",
+    "lodash.snakecase": "^4.1.1",
     "lodash.uniqby": "^4.7.0",
-    "mysql2": "^3.10.2",
+    "mysql2": "^3.11.3",
     "node-cron": "^3.0.3",
     "pg": "^8.13.0",
     "redoc-express": "^2.1.0",
@@ -39,17 +43,18 @@
   },
   "devDependencies": {
     "@babel/preset-react": "^7.24.7",
-    "@emotion/react": "^11.13.0",
+    "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.11.5",
     "@mui/icons-material": "^5.16.7",
     "@mui/material": "^5.16.7",
-    "@rjsf/core": "^5.21.1",
-    "@rjsf/mui": "^5.21.1",
+    "@rjsf/core": "^5.22.3",
+    "@rjsf/mui": "^5.22.3",
     "@rjsf/utils": "^5.21.1",
-    "@rjsf/validator-ajv8": "^5.21.1",
+    "@rjsf/validator-ajv8": "^5.22.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-multi-entry": "^6.0.1",
     "@rollup/plugin-node-resolve": "^15.3.0",
     "@rollup/plugin-replace": "^5.0.7",
     "@rollup/plugin-terser": "^0.4.3",
@@ -59,6 +64,8 @@
     "@types/express-handlebars": "^5.3.1",
     "@types/jest": "^29.5.12",
     "@types/lodash.get": "^4.4.9",
+    "@types/lodash.isstring": "^4.0.9",
+    "@types/lodash.snakecase": "^4.1.9",
     "@types/lodash.uniqby": "^4.7.9",
     "@types/node": "^16.18.112",
     "@types/node-cron": "^3.0.11",
@@ -77,7 +84,8 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "rollup": "^3.29.4",
-    "ts-jest": "^29.2.4",
+    "rollup-plugin-delete": "^2.1.0",
+    "ts-jest": "^29.2.5",
     "typescript": "^4.9.5"
   },
   "repository": {