@crowdin/app-project-module 2.2.0 → 2.3.0

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

@@ -518,6 +518,122 @@
 
   var clientExports = requireClient();
 
+  /// <reference path="../types.d.ts" />
+  const postPromises = {};
+  let isInitialized = false;
+  let origin = null;
+  let clientId = null;
+  let restParams = '';
+  function parseJson(value) {
+      try {
+          return JSON.parse(value);
+      }
+      catch {
+          return undefined;
+      }
+  }
+  function handleMessage(event) {
+      if (event.origin !== window.location.origin || typeof event.data !== 'string') {
+          return;
+      }
+      const eventData = parseJson(event.data);
+      if (!(eventData === null || eventData === void 0 ? void 0 : eventData.uid)) {
+          return;
+      }
+      const postPromise = postPromises[eventData.uid];
+      if (postPromise) {
+          delete postPromises[eventData.uid];
+          if (postPromise.timer) {
+              clearTimeout(postPromise.timer);
+          }
+          postPromise.resolve(eventData.data);
+      }
+  }
+  function initializeCrowdinIframeContext() {
+      if (isInitialized) {
+          return;
+      }
+      const urlParams = new URLSearchParams(window.location.search);
+      origin = urlParams.get('origin');
+      clientId = urlParams.get('client_id');
+      restParams = window.location.search;
+      JSON.parse(window.name);
+      window.addEventListener('message', handleMessage);
+      isInitialized = true;
+  }
+  function ensureInitialized() {
+      if (!isInitialized) {
+          initializeCrowdinIframeContext();
+      }
+  }
+  function showToast(message) {
+      if (message) {
+          const toasts = document.querySelector('crowdin-toasts');
+          if (toasts && toasts.pushToasts) {
+              toasts.pushToasts([message]);
+          }
+      }
+  }
+  function reloadLocation() {
+      ensureInitialized();
+      window.location.href =
+          window.location.protocol + '//' + window.location.host + window.location.pathname + restParams;
+  }
+  function catchRejection(e, message) {
+      var _a;
+      // session expired
+      if (e.code && e.code === 401) {
+          reloadLocation();
+          return;
+      }
+      // payment required
+      if (e.code && e.code === 402 && ((_a = window.app) === null || _a === void 0 ? void 0 : _a.subscriptionModal.current)) {
+          if (window.app.subscriptionLink) {
+              window.app.subscriptionLink.current = e.message || message;
+          }
+          window.app.openModal(window.app.subscriptionModal.current);
+          return;
+      }
+      showToast(e.message || message);
+  }
+  function checkResponse(response) {
+      return new Promise((resolve, reject) => {
+          if (response.status === 204) {
+              return resolve(undefined);
+          }
+          response
+              .json()
+              .then((res) => {
+              if (![200, 201, 202, 304].includes(response.status)) {
+                  reject(res);
+              }
+              else {
+                  if (res.message) {
+                      setTimeout(() => showToast(res.message), 100);
+                  }
+                  resolve(res);
+              }
+          })
+              .catch((e) => {
+              reject(e);
+          });
+      });
+  }
+  function checkOrigin() {
+      ensureInitialized();
+      return new Promise((resolve) => {
+          AP.getJwtToken((jwtToken) => {
+              restParams = `?origin=${origin}&client_id=${clientId}&jwtToken=${jwtToken}`;
+              resolve(restParams);
+          });
+      });
+  }
+
+  function readPageProps() {
+      const element = document.getElementById('__PAGE_PROPS__');
+      return JSON.parse((element === null || element === void 0 ? void 0 : element.textContent) || '{}');
+  }
+
   const ErrorPage = ({ message, name, owners, hideActions, allowLogout }) => {
       function integrationLogout() {
           checkOrigin()
@@ -532,10 +648,12 @@
               AP.redirect(`${context.organization_id ? '/u' : ''}/messages/create/${userId}`);
           });
       }
-      return (jsxRuntimeExports.jsx("div", { className: "i_w", children: jsxRuntimeExports.jsx("div", { className: "error-page", children: jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "error-page-message", children: [jsxRuntimeExports.jsx("crowdin-h3", { children: message }), owners && (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("crowdin-p", { children: "This integration allows only one connection per project to ensure consistent configuration and prevent file import or synchronization issues." }), owners.length > 1 ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("crowdin-p", { class: "mt-2", children: "Managed by:" }), jsxRuntimeExports.jsx("ul", { children: owners.map((owner) => (jsxRuntimeExports.jsx("li", { children: jsxRuntimeExports.jsx("crowdin-a", { href: "#", onClick: () => contactUser(owner.id), children: owner.name }) }))) }), jsxRuntimeExports.jsx("crowdin-p", { class: "mt-2", children: "To request access, please contact one of the project members listed above." })] })) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("crowdin-p", { class: "mt-2", children: ["Managed by:", ' ', jsxRuntimeExports.jsx("crowdin-a", { href: "#", onClick: () => contactUser(owners[0].id), children: owners[0].name })] }), jsxRuntimeExports.jsx("crowdin-p", { class: "mt-2", children: "To request access, please contact the project member listed above." })] }))] }))] }), allowLogout && hideActions ? (jsxRuntimeExports.jsxs("crowdin-card", { "light-filled": true, children: [jsxRuntimeExports.jsx("crowdin-alert", { type: "warning", margin: true, message: "Deleting the integration will disconnect it and reset its settings for this project." }), jsxRuntimeExports.jsx("crowdin-button", { outlined: true, onClick: () => integrationLogout(), children: "Delete Integration" })] })) : (!hideActions && (jsxRuntimeExports.jsxs("div", { className: "error-page-action", children: [jsxRuntimeExports.jsx("crowdin-button", { outlined: true, onClick: () => integrationLogout(), children: "Log out" }), jsxRuntimeExports.jsxs("span", { children: [' ', "or", ' ', jsxRuntimeExports.jsx("crowdin-a", { href: "https://crowdin.com/contacts", target: "_blank", children: "contact us" }), ' ', "for help"] })] })))] }) }) }));
+      return (jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-[1420px] px-6 py-4", children: jsxRuntimeExports.jsx("div", { className: "flex min-h-[500px] items-center justify-center", children: jsxRuntimeExports.jsxs("div", { children: [jsxRuntimeExports.jsxs("div", { className: "mb-6", children: [jsxRuntimeExports.jsx("crowdin-h3", { children: message }), owners && (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("crowdin-p", { children: "This integration allows only one connection per project to ensure consistent configuration and prevent file import or synchronization issues." }), owners.length > 1 ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx("crowdin-p", { class: "mt-4", children: "Managed by:" }), jsxRuntimeExports.jsx("ul", { children: owners.map((owner) => (jsxRuntimeExports.jsx("li", { children: jsxRuntimeExports.jsx("crowdin-a", { href: "#", onClick: () => contactUser(owner.id), children: owner.name }) }))) }), jsxRuntimeExports.jsx("crowdin-p", { class: "mt-4", children: "To request access, please contact one of the project members listed above." })] })) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsxs("crowdin-p", { class: "mt-4", children: ["Managed by:", ' ', jsxRuntimeExports.jsx("crowdin-a", { href: "#", onClick: () => contactUser(owners[0].id), children: owners[0].name })] }), jsxRuntimeExports.jsx("crowdin-p", { class: "mt-4", children: "To request access, please contact the project member listed above." })] }))] }))] }), allowLogout && hideActions ? (jsxRuntimeExports.jsxs("crowdin-card", { "light-filled": true, children: [jsxRuntimeExports.jsx("crowdin-alert", { type: "warning", margin: true, message: "Deleting the integration will disconnect it and reset its settings for this project." }), jsxRuntimeExports.jsx("crowdin-button", { outlined: true, onClick: () => integrationLogout(), children: "Delete Integration" })] })) : (!hideActions && (jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntimeExports.jsx("crowdin-button", { outlined: true, onClick: () => integrationLogout(), children: "Log out" }), jsxRuntimeExports.jsxs("span", { children: [' ', "or", ' ', jsxRuntimeExports.jsx("crowdin-a", { href: "https://crowdin.com/contacts", target: "_blank", children: "contact us" }), ' ', "for help"] })] })))] }) }) }));
   };
 
-  clientExports.createRoot(document.getElementById('root')).render(jsxRuntimeExports.jsx(ErrorPage, { ...window.__PAGE_PROPS__ }));
+  initializeCrowdinIframeContext();
+  const props = readPageProps();
+  clientExports.createRoot(document.getElementById('root')).render(jsxRuntimeExports.jsx(ErrorPage, { ...props }));
 
 })();
 //# sourceMappingURL=error.bundle.js.map