@crowdin/app-project-module 0.68.0 → 0.69.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/types.d.ts

@@ -15,6 +15,7 @@ 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';
 export interface ClientConfig extends ImagePath {
     /**
      * Authentication Crowdin App type: "authorization_code", "crowdin_app", "crowdin_agent". Default: "crowdin_app"
@@ -206,6 +207,10 @@ export interface ClientConfig extends ImagePath {
      * qa check module
      */
     externalQaCheck?: ExternalQaCheckModule & ImagePath;
+    /**
+     * webhook modules
+     */
+    webhooks?: Webhook | Webhook[];
 }
 export interface Environments {
     environments?: Environment | Environment[];

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,6 +1,6 @@
 {
   "name": "@crowdin/app-project-module",
-  "version": "0.68.0",
+  "version": "0.69.0",
   "description": "Module that generates for you all common endpoints for serving standalone Crowdin App",
   "main": "out/index.js",
   "types": "out/index.d.ts",
@@ -28,6 +28,7 @@
     "express": "^4.21.0",
     "express-handlebars": "^5.3.5",
     "lodash.get": "^4.4.2",
+    "lodash.isstring": "^4.0.1",
     "lodash.uniqby": "^4.7.0",
     "mysql2": "^3.10.2",
     "node-cron": "^3.0.3",
@@ -59,6 +60,7 @@
     "@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.uniqby": "^4.7.9",
     "@types/node": "^16.18.112",
     "@types/node-cron": "^3.0.11",