@crowdin/app-project-module 1.8.1 → 1.10.0

package/out/static/ui/main.bundle.js

@@ -566,6 +566,7 @@
           updateTargetLanguages: 'updateTargetLanguages',
           integrationSyncSettingsSave: 'integrationSyncSettingsSave',
           crowdinSyncSettingsSave: 'crowdinSyncSettingsSave',
+          integrationSettingsSave: 'integrationSettingsSave',
       };
       const JOB_STATUS = {
           created: 'created',
@@ -574,7 +575,7 @@
           canceled: 'canceled',
           finished: 'finished',
       };
-      const silentJobs = [JOB_TYPE.integrationSyncSettingsSave, JOB_TYPE.crowdinSyncSettingsSave];
+      const silentJobs = [JOB_TYPE.integrationSettingsSave];
       const appComponent = reactExports.useRef(null);
       const subscriptionModal = reactExports.useRef(null);
       const languageModal = reactExports.useRef(null);
@@ -949,11 +950,65 @@
               }
           });
       }
+      function isScheduleDisabled(currentConfig = config.current) {
+          var _a;
+          return String((_a = currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.schedule) !== null && _a !== void 0 ? _a : '0') === '0';
+      }
+      async function applyAutoSyncPausedMarkers(provider, syncSettingsFiles = []) {
+          var _a, _b, _c, _d;
+          const isDisabled = isScheduleDisabled();
+          const configuredIds = new Set((Array.isArray(syncSettingsFiles) ? syncSettingsFiles : []).map((item) => `${item.id}`));
+          const getChangedItems = (tree = []) => tree
+              .map((item) => {
+              const nextScheduleDisabled = Boolean(item.schedule) && isDisabled && configuredIds.has(`${item.id}`);
+              const currentScheduleDisabled = Boolean(item.scheduleDisabled);
+              if (currentScheduleDisabled === nextScheduleDisabled) {
+                  return null;
+              }
+              return {
+                  ...item,
+                  scheduleDisabled: nextScheduleDisabled,
+              };
+          })
+              .filter(Boolean);
+          if (provider === 'crowdin') {
+              const changedItems = getChangedItems(crowdinData.current || []);
+              if (changedItems.length) {
+                  const changedById = new Map(changedItems.map((item) => [`${item.id}`, item]));
+                  crowdinData.current = (crowdinData.current || []).map((item) => changedById.get(`${item.id}`) || item);
+                  (_a = appComponent.current) === null || _a === void 0 ? void 0 : _a.updateCrowdinFileData(changedItems);
+              }
+              return;
+          }
+          const integrationData = await ((_c = (_b = appComponent.current) === null || _b === void 0 ? void 0 : _b.getIntegrationFilesData) === null || _c === void 0 ? void 0 : _c.call(_b));
+          if (Array.isArray(integrationData)) {
+              const changedItems = getChangedItems(integrationData);
+              if (changedItems.length) {
+                  (_d = appComponent.current) === null || _d === void 0 ? void 0 : _d.updateIntegrationFileData(changedItems);
+              }
+          }
+      }
+      async function fetchSyncSettingsFiles(provider) {
+          const restParams = await checkOrigin();
+          const res = await fetch(`/api/sync-settings/${provider}` + restParams).then(checkResponse);
+          return Array.isArray(res) ? res : [];
+      }
+      async function refreshAutoSyncPausedIndicatorsAndWarning() {
+          const [crowdinSyncSettings, integrationSyncSettings] = await Promise.all([
+              fetchSyncSettingsFiles('crowdin'),
+              fetchSyncSettingsFiles('integration'),
+          ]);
+          await applyAutoSyncPausedMarkers('crowdin', crowdinSyncSettings);
+          await applyAutoSyncPausedMarkers('integration', integrationSyncSettings);
+          if (isScheduleDisabled() && (crowdinSyncSettings.length || integrationSyncSettings.length)) {
+              showToast('Auto Sync is configured for some files, but sync schedule is disabled in app settings.');
+          }
+      }
       function getSyncSettings(provider) {
           checkOrigin()
               .then((restParams) => fetch(`/api/sync-settings/${provider}` + restParams))
               .then(checkResponse)
-              .then((res) => {
+              .then(async (res) => {
               if (provider === 'crowdin') {
                   if (syncNewElements === null || syncNewElements === void 0 ? void 0 : syncNewElements.crowdin) {
                       appComponent.current.setCrowdinScheduleSync(res, true, true);
@@ -970,6 +1025,7 @@
                       appComponent.current.setIntegrationScheduleSync(res);
                   }
               }
+              await applyAutoSyncPausedMarkers(provider, res);
           })
               .catch((e) => catchRejection(e, "Can't fetch file progress"));
       }
@@ -1708,6 +1764,8 @@
               });
           });
           let isValidationError = false;
+          let isSettingsSaveJobPending = false;
+          let isSettingsSaveFailed = false;
           settingsSaveBtn.setAttribute('disabled', true);
           checkOrigin()
               .then((restParams) => fetch('api/settings' + restParams, {
@@ -1716,9 +1774,39 @@
               body: JSON.stringify({ config: configReq }),
           }))
               .then(checkResponse)
-              .then(() => {
+              .then((res) => {
+              if (res === null || res === void 0 ? void 0 : res.jobId) {
+                  isSettingsSaveJobPending = true;
+                  checkJob({
+                      jobId: res.jobId,
+                      jobType: JOB_TYPE.integrationSettingsSave,
+                      onSuccess: () => {
+                          showToast('Settings successfully saved');
+                          config.current = configReq;
+                          refreshAutoSyncPausedIndicatorsAndWarning().catch((e) => catchRejection(e, "Can't fetch sync settings warning"));
+                      },
+                      onError: () => {
+                          isSettingsSaveFailed = true;
+                          showToast("Can't save settings");
+                      },
+                      onFinally: () => {
+                          unsetLoader('#settings-modal');
+                          settingsSaveBtn.removeAttribute('disabled');
+                          if (!isValidationError && !isSettingsSaveFailed) {
+                              const settingsModal = document.getElementById('settings-modal');
+                              closeModal(settingsModal);
+                              if (reloadOnConfigSave) {
+                                  getIntegrationData({ hardReload: true });
+                                  getCrowdinData();
+                              }
+                          }
+                      },
+                  });
+                  return;
+              }
               showToast('Settings successfully saved');
               config.current = configReq;
+              refreshAutoSyncPausedIndicatorsAndWarning().catch((e) => catchRejection(e, "Can't fetch sync settings warning"));
           })
               .catch((e) => {
               var _a, _b, _c, _d;
@@ -1739,6 +1827,9 @@
               catchRejection(e, "Can't save settings");
           })
               .finally(() => {
+              if (isSettingsSaveJobPending) {
+                  return;
+              }
               unsetLoader('#settings-modal');
               settingsSaveBtn.removeAttribute('disabled');
               if (!isValidationError) {