@crowdin/app-project-module 0.106.0 → 0.107.0-cf-0

package/out/views/AboutPage.js

@@ -0,0 +1,76 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AboutPage = void 0;
+const react_1 = __importDefault(require("react"));
+const AboutPage = ({ name, logo, manifest, storeLink, showDebugLink }) => (react_1.default.createElement("html", null,
+    react_1.default.createElement("head", null,
+        react_1.default.createElement("title", null, name),
+        react_1.default.createElement("meta", { charSet: "utf-8" }),
+        react_1.default.createElement("meta", { httpEquiv: "Content-type", content: "text/html; charset=utf-8" }),
+        react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+        storeLink && react_1.default.createElement("link", { rel: "canonical", href: storeLink }),
+        react_1.default.createElement("link", { rel: "stylesheet", href: "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css", integrity: "sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH", crossOrigin: "anonymous" }),
+        react_1.default.createElement("link", { href: "/assets/css/about.css", media: "screen", rel: "stylesheet", type: "text/css" })),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("header", { id: "header", className: "navbar navbar-expand-lg fixed-top crowdin-navbar" },
+            react_1.default.createElement("a", { itemProp: "url", className: "navbar-brand crowdin-navbar__logo", href: "https://crowdin.com", title: "Crowdin \u2014 Localization Management Platform" },
+                react_1.default.createElement("svg", { className: "d-none d-md-block d-lg-block default-logo", width: "180", height: "54", "aria-labelledby": "crowdinLogoTitle" },
+                    react_1.default.createElement("title", { id: "crowdinLogoTitle" }, "Crowdin"),
+                    react_1.default.createElement("image", { className: "d-none d-md-block d-lg-block", href: "/assets/img/crowdin.svg", width: "180", height: "54" })),
+                react_1.default.createElement("svg", { className: "d-block d-md-none d-lg-none default-logo", width: "173", height: "32" },
+                    react_1.default.createElement("image", { className: "d-block d-md-none d-lg-none", href: "/assets/img/crowdin_small.svg", width: "173", height: "32" }))),
+            react_1.default.createElement("div", { className: "flex-nowrap justify-content-lg-end ml-auto my-lg-0" },
+                react_1.default.createElement("div", { className: "pr-0 ml-2 my-2" },
+                    react_1.default.createElement("span", { className: "crowdin-navbar__nav-link contact " },
+                        react_1.default.createElement("a", { title: "Contact", href: "https://crowdin.com/contacts" }, "Contact"))))),
+        react_1.default.createElement("div", { className: "main" },
+            react_1.default.createElement("div", { className: "container" },
+                react_1.default.createElement("div", { className: "row crwd__product-template__header align-items-center" },
+                    react_1.default.createElement("div", { className: "offset-lg-1 col-lg-2 product-single__photo-wrapper crwd__product-single__photo-wrapper" },
+                        react_1.default.createElement("div", { className: "product-single__photo text-center mb-3 mb-lg-0" },
+                            react_1.default.createElement("div", { className: "image-holder" },
+                                react_1.default.createElement("img", { width: "200", src: logo, alt: name, id: "FeaturedImage-product-template", className: "img-fluid lazyloaded ls-is-cached product-featured-img", style: { position: 'unset' } })))),
+                    react_1.default.createElement("div", { className: " col-lg-8 crwd__product-template__header__title-container" },
+                        react_1.default.createElement("div", { className: "product-single__meta" },
+                            react_1.default.createElement("div", { className: "section-header" },
+                                react_1.default.createElement("h1", { className: "product-single__title text-center text-lg-left" },
+                                    react_1.default.createElement("span", null, name)),
+                                react_1.default.createElement("div", { className: "description" },
+                                    name,
+                                    " extends the default functionality available in Crowdin and Crowdin Enterprise by providing additional capabilities to enhance your localization workflows."))))),
+                react_1.default.createElement("div", { className: "row" },
+                    react_1.default.createElement("div", { className: "offset-lg-1 col-lg-10" },
+                        react_1.default.createElement("p", null, "To install this app, you can use either of the following methods: "),
+                        react_1.default.createElement("ol", null,
+                            react_1.default.createElement("li", null,
+                                "Install it directly from the",
+                                ' ',
+                                react_1.default.createElement("a", { href: "https://store.crowdin.com/", target: "_blank" }, "Crowdin Store"),
+                                ", if available."),
+                            react_1.default.createElement("li", null, "Install it manually using the manifest URL below.")),
+                        react_1.default.createElement("p", null,
+                            "For detailed steps, follow the",
+                            ' ',
+                            react_1.default.createElement("a", { href: "https://support.crowdin.com/developer/crowdin-apps-installation/", target: "_blank" }, "App Installation")),
+                        react_1.default.createElement("div", { className: "mb-3" },
+                            react_1.default.createElement("label", { htmlFor: "manifest-url", className: "form-label" }, "Paste the following manifest URL when prompted during manual installation:"),
+                            react_1.default.createElement("div", { className: "input-group" },
+                                react_1.default.createElement("input", { type: "text", className: "form-control", id: "manifest-url", value: manifest, readOnly: true }))),
+                        storeLink && (react_1.default.createElement("div", null,
+                            "Read more about",
+                            ' ',
+                            react_1.default.createElement("a", { href: storeLink, target: "_blank", title: `${name} on Crowdin Store` }, name),
+                            ".")),
+                        showDebugLink && (react_1.default.createElement("div", { className: "mt-4 pt-3 border-top" },
+                            react_1.default.createElement("p", { className: "mb-2" },
+                                react_1.default.createElement("strong", null, "Developer Tools")),
+                            react_1.default.createElement("p", null,
+                                "Access the",
+                                ' ',
+                                react_1.default.createElement("a", { href: "/__debug", target: "_blank", title: "Open developer console in a new tab" }, "Developer Console"),
+                                ' ',
+                                "to inspect requests, debug issues, and monitor application behavior."))))))))));
+exports.AboutPage = AboutPage;

package/out/views/ErrorPage.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+interface Owner {
+    id: number;
+    name: string;
+}
+interface ErrorPageProps {
+    message: string;
+    name?: string;
+    owners?: Owner[] | null;
+    hideActions?: boolean;
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+    code?: number;
+}
+export declare const ErrorPage: FC<ErrorPageProps>;
+export {};

package/out/views/ErrorPage.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorPage = void 0;
+const react_1 = __importDefault(require("react"));
+const Head_1 = require("./layout/Head");
+const ErrorPage = ({ message, name, owners, hideActions, sentryData }) => (react_1.default.createElement("html", { lang: "en" },
+    react_1.default.createElement(Head_1.Head, { sentryData: sentryData }),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("div", { className: "i_w" },
+            react_1.default.createElement("div", { className: "error-page" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { className: "error-page-message" },
+                        react_1.default.createElement("crowdin-h3", null, message),
+                        owners && (react_1.default.createElement(react_1.default.Fragment, null,
+                            react_1.default.createElement("crowdin-p", null, "This integration allows only one connection per project to ensure consistent configuration and prevent file import or synchronization issues."),
+                            owners.length > 1 ? (react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("crowdin-p", { className: "mt-2" }, "Managed by:"),
+                                react_1.default.createElement("ul", null, owners.map((owner) => (react_1.default.createElement("li", null,
+                                    react_1.default.createElement("crowdin-a", { href: "#", onclick: `contactUser(${owner.id})` }, owner.name))))),
+                                react_1.default.createElement("crowdin-p", { className: "mt-2" }, "To request access, please contact one of the project members listed above."))) : (react_1.default.createElement(react_1.default.Fragment, null,
+                                react_1.default.createElement("crowdin-p", { className: "mt-2" },
+                                    "Managed by:",
+                                    ' ',
+                                    react_1.default.createElement("crowdin-a", { href: "#", onclick: `contactUser(${owners[0].id})` }, owners[0].name)),
+                                react_1.default.createElement("crowdin-p", { className: "mt-2" }, "To request access, please contact the project member listed above.")))))),
+                    !hideActions && (react_1.default.createElement("div", { className: "error-page-action" },
+                        react_1.default.createElement("crowdin-button", { outlined: true, onclick: "integrationLogout()" }, "Log out"),
+                        react_1.default.createElement("span", null,
+                            ' ',
+                            "or",
+                            ' ',
+                            react_1.default.createElement("crowdin-a", { href: "https://crowdin.com/contacts", target: "_blank" }, "contact us"),
+                            ' ',
+                            "for help")))))),
+        react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: `
+            function integrationLogout() {
+              checkOrigin()
+                .then(queryParams => fetch(\`api/logout\${queryParams}\`, { method: 'POST' }))
+                .then(checkResponse)
+                .then(reloadLocation)
+                .then(localStorage.removeItem('revised_${name}'))
+                .catch(e => catchRejection(e, 'Looks like you are not logged in'));
+            }
+
+            function contactUser(userId) {
+              AP.getContext(function(context) {
+                AP.redirect(\`\${context.organization_id ? '/u' : ''}/messages/create/\${userId}\`);
+              });
+            }
+          `,
+            } }))));
+exports.ErrorPage = ErrorPage;

package/out/views/FormPage.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+interface FormPageProps {
+    formGetDataUrl: string;
+    formPostDataUrl: string;
+    formPatchDataUrl?: string;
+    formSchema: string;
+    formUiSchema: string;
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+}
+export declare const FormPage: FC<FormPageProps>;
+export {};

package/out/views/FormPage.js

@@ -0,0 +1,28 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormPage = void 0;
+const react_1 = __importDefault(require("react"));
+const Head_1 = require("./layout/Head");
+const FormPage = ({ formGetDataUrl, formPostDataUrl, formPatchDataUrl, formSchema, formUiSchema, sentryData }) => (react_1.default.createElement("html", { lang: "en" },
+    react_1.default.createElement(Head_1.Head, { sentryData: sentryData }),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("div", { className: "i_w", style: { maxWidth: '680px', position: 'relative' } },
+            react_1.default.createElement("crowdin-card", { id: "card", "is-shadowed": true },
+                react_1.default.createElement("div", { id: "form" }),
+                react_1.default.createElement("div", { id: "form-loading" },
+                    react_1.default.createElement("crowdin-progress-indicator", null)))),
+        react_1.default.createElement("crowdin-toasts", null),
+        react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: `
+            var formGetDataUrl = '${formGetDataUrl}';
+            var formPostDataUrl = '${formPostDataUrl}';
+            var formPatchDataUrl = '${formPatchDataUrl}';
+            var formSchema = ${formSchema};
+            var formUiSchema = ${formUiSchema};
+          `,
+            } }),
+        react_1.default.createElement("script", { src: "/assets/js/form.js" }))));
+exports.FormPage = FormPage;

package/out/views/InstallPage.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+interface InstallPageProps {
+    name: string;
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+}
+export declare const InstallPage: FC<InstallPageProps>;
+export {};

package/out/views/InstallPage.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstallPage = void 0;
+const react_1 = __importDefault(require("react"));
+const Head_1 = require("./layout/Head");
+const InstallPage = ({ name, sentryData }) => (react_1.default.createElement("html", { lang: "en" },
+    react_1.default.createElement(Head_1.Head, { sentryData: sentryData }),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("div", { className: "i_w center" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h1", null,
+                    "Looks like ",
+                    name,
+                    " is not installed yet!"),
+                react_1.default.createElement("p", null,
+                    "Contact your organization administrator to install it. More info on",
+                    ' ',
+                    react_1.default.createElement("a", { href: "https://support.crowdin.com" }, "Link to how to install")))))));
+exports.InstallPage = InstallPage;

package/out/views/LoginPage.d.ts

@@ -0,0 +1,33 @@
+import { FC } from 'react';
+interface LoginField {
+    key?: string;
+    label?: string;
+    labelHtml?: string;
+    helpText?: string;
+    helpTextHtml?: string;
+    type?: string;
+    defaultValue?: any;
+    dependencySettings?: string;
+    isMulti?: boolean;
+    isSearchable?: boolean;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    noticeType?: string;
+    noIcon?: boolean;
+    accept?: string;
+}
+interface LoginPageProps {
+    name: string;
+    loginFields: LoginField[];
+    oauthLogin?: boolean;
+    oauthUrl?: string;
+    oauthMode?: string;
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+}
+export declare const LoginPage: FC<LoginPageProps>;
+export {};

package/out/views/LoginPage.js

@@ -0,0 +1,200 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoginPage = void 0;
+const react_1 = __importDefault(require("react"));
+const Head_1 = require("./layout/Head");
+const renderField = (field, name) => {
+    var _a;
+    if (!field.key) {
+        // Label-only field
+        return field.labelHtml ? (react_1.default.createElement("crowdin-p", Object.assign({}, (field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}), { dangerouslySetInnerHTML: { __html: field.labelHtml } }))) : (react_1.default.createElement("crowdin-p", Object.assign({}, (field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {})), field.label));
+    }
+    const commonProps = Object.assign(Object.assign(Object.assign({ id: field.key, label: field.label }, (field.helpText ? { 'help-text': field.helpText } : {})), (field.helpTextHtml ? { 'help-text-html': field.helpTextHtml } : {})), (field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}));
+    // Special field types
+    if (['checkbox', 'select', 'textarea', 'file', 'notice'].includes(field.type || '')) {
+        switch (field.type) {
+            case 'checkbox':
+                return (react_1.default.createElement("crowdin-checkbox", Object.assign({}, commonProps, { value: "false", "use-switch": true }, (field.defaultValue === true ? { checked: String(field.defaultValue) } : {}))));
+            case 'select':
+                return (react_1.default.createElement("crowdin-select", Object.assign({}, commonProps, (field.isMulti ? { 'is-multi': true, 'close-on-select': 'false' } : {}), (field.isSearchable ? { 'is-searchable': true } : {})), (_a = field.options) === null || _a === void 0 ? void 0 : _a.map((option) => (react_1.default.createElement("option", Object.assign({ value: option.value }, (field.defaultValue === option.value ? { selected: true } : {})), option.label)))));
+            case 'textarea':
+                return (react_1.default.createElement("crowdin-textarea", Object.assign({}, commonProps, { value: field.defaultValue || '' })));
+            case 'notice':
+                return (react_1.default.createElement("crowdin-alert", Object.assign({}, (field.noticeType ? { type: field.noticeType } : {}), (field.label ? { title: field.label } : {}), (field.noIcon ? { 'no-icon': String(field.noIcon) } : {}), (field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}), { dangerouslySetInnerHTML: { __html: field.helpText || '' } })));
+            case 'file':
+                return (react_1.default.createElement("div", { className: "file-field" },
+                    field.helpText && react_1.default.createElement("div", { className: "help-text" }, field.helpText),
+                    field.helpTextHtml && react_1.default.createElement("div", { className: "help-text" }, field.helpTextHtml),
+                    react_1.default.createElement("div", { className: "upload" },
+                        react_1.default.createElement("crowdin-button", { outlined: true, onclick: `uploadFiles('${field.key}');` }, field.label),
+                        react_1.default.createElement("textarea", { hidden: true, id: field.key }),
+                        react_1.default.createElement("input", Object.assign({ id: `store_${field.key}`, "data-id": field.key }, (field.accept ? { accept: field.accept } : {}), { 'onchange': 'readFileData(event)' }, { hidden: true, type: field.type })),
+                        react_1.default.createElement("div", { className: "uploaded-file" },
+                            react_1.default.createElement("i", null, "No file")))));
+        }
+    }
+    // Default input field
+    return (react_1.default.createElement("crowdin-input", Object.assign({}, commonProps, (field.type ? { type: field.type } : {}), { value: field.defaultValue || '' })));
+};
+const LoginPage = ({ name, loginFields, oauthLogin, oauthUrl, oauthMode, sentryData }) => (react_1.default.createElement("html", { lang: "en" },
+    react_1.default.createElement(Head_1.Head, { sentryData: sentryData }),
+    react_1.default.createElement("body", null,
+        react_1.default.createElement("div", { className: "i_w center" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("crowdin-card", { "is-shadowed": true, "is-padding-lg": true, className: "login" },
+                    react_1.default.createElement("img", { alt: `${name} logo`, src: "logo.png" }),
+                    react_1.default.createElement("crowdin-h4", { id: "integration-name" }, name),
+                    react_1.default.createElement("div", { className: "inputs" }, loginFields.map((field) => (react_1.default.createElement(react_1.default.Fragment, null,
+                        renderField(field, name),
+                        react_1.default.createElement("div", Object.assign({ style: { padding: '8px' } }, (field.dependencySettings ? { 'data-dependency': field.dependencySettings } : {}))))))),
+                    react_1.default.createElement("crowdin-button", { id: "login-button", outlined: true, "icon-after": "arrow_forward", onclick: oauthLogin ? 'oauthLogin()' : 'integrationLogin()' },
+                        "Log In With ",
+                        name)))),
+        react_1.default.createElement("crowdin-toasts", null),
+        react_1.default.createElement("script", { type: "text/javascript", dangerouslySetInnerHTML: {
+                __html: `
+            const loginButton = document.querySelector('#login-button');
+            let refreshIntervalId;
+
+            function oauthLogin() {
+              const url = ${oauthUrl ? `'${oauthUrl}'` : 'undefined'};
+              if (url) {
+                openOAuthPopup(url);
+                return;
+              }
+              loginButton.setAttribute('disabled', true);
+              loginButton.setAttribute('is-loading', true);
+              checkOrigin()
+                .then(queryParams =>
+                  fetch(\`api/oauth-url\${queryParams}\`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ loginForm: getLoginForm() })
+                  })
+                )
+                .then(checkResponse)
+                .then(res => openOAuthPopup(res.url))
+                .catch(e => {
+                  loginButton.setAttribute('disabled', false);
+                  loginButton.setAttribute('is-loading', false);
+                  catchRejection(e, 'Can\\'t get oauth token');
+                });
+            }
+
+            function openOAuthPopup(url) {
+              const oauthMode = ${oauthMode ? `'${oauthMode}'` : 'undefined'};
+              const oauthWindow = window.open(url, '${name}', 'location=0,status=0,width=800,height=400');
+
+              if (oauthMode === 'polling') {
+                if (refreshIntervalId) {
+                  clearInterval(refreshIntervalId);
+                }
+                refreshIntervalId = setInterval(() =>
+                  checkOrigin()
+                    .then(queryParams =>
+                      fetch(\`api/oauth-polling\${queryParams}\`, { method: 'POST' })
+                    )
+                    .then(checkResponse)
+                    .then(res => {
+                      if (res.oauthCreds) {
+                        integrationLogin({
+                          refreshToken: res.oauthCreds.refreshToken,
+                          accessToken: res.oauthCreds.accessToken,
+                          expireIn: res.oauthCreds.expireIn,
+                          timestamp: res.oauthCreds.timestamp
+                        });
+                        if (refreshIntervalId) {
+                          clearInterval(refreshIntervalId);
+                        }
+                      }
+                    }), 2000);
+                return;
+              }
+
+              postPromises['oauth_popup'] = {
+                resolve: (data) => {
+                  if (data.error) {
+                    showToast(data.error);
+                    return;
+                  }
+                  integrationLogin({
+                    refreshToken: data.refreshToken,
+                    accessToken: data.accessToken,
+                    expireIn: data.expireIn,
+                    timestamp: data.timestamp
+                  });
+                }
+              }
+            }
+
+            function integrationLogin(oauthCredentials) {
+              const credentials = oauthCredentials || getLoginForm();
+              loginButton.setAttribute('disabled', true);
+              loginButton.setAttribute('is-loading', true);
+              checkOrigin()
+                .then(queryParams =>
+                  fetch(\`api/login\${queryParams}\`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ credentials })
+                  })
+                )
+                .then(checkResponse)
+                .then(localStorage.removeItem('revised_${name}'))
+                .then(reloadLocation)
+                .catch(e => {
+                  const errorMessage = e.message || 'Credentials are not stored';
+                  loginButton.setAttribute('disabled', false);
+                  loginButton.setAttribute('is-loading', false);
+                  catchRejection(e, errorMessage);
+                });
+            }
+
+            function getLoginForm() {
+              return {
+                ${loginFields
+                    .filter((f) => f.key)
+                    .map((f) => {
+                    if (f.type === 'checkbox') {
+                        return `'${f.key}': !!document.querySelector('#${f.key}').checked`;
+                    }
+                    return `'${f.key}': document.querySelector('#${f.key}').getAttribute('value') || document.querySelector('#${f.key}').value`;
+                })
+                    .join(',\n                ')}
+              };
+            }
+
+            function uploadFiles(id) {
+              const input = document.querySelector(\`#store_\${id}\`);
+              input.value = '';
+              input.click();
+            }
+
+            function readFileData(event) {
+              const reader = new FileReader();
+              const identifier = event.target.getAttribute('data-id');
+              const fileName = document.querySelector('.uploaded-file');
+              const input = document.querySelector(\`#\${identifier}\`);
+              const file = event.target.files[0];
+              fileName.innerText = file.name;
+
+              reader.onloadstart = function() {
+                loginButton.setAttribute('disabled', true);
+                loginButton.setAttribute('is-loading', true);
+              };
+              reader.onloadend = function() {
+                loginButton.setAttribute('disabled', false);
+                loginButton.setAttribute('is-loading', false);
+              };
+
+              reader.onload = () => {
+                input.value = reader.result;
+              };
+              reader.readAsText(file);
+            }
+          `,
+            } }))));
+exports.LoginPage = LoginPage;

package/out/views/MainPage.d.ts

@@ -0,0 +1,81 @@
+import { FC } from 'react';
+interface ConfigField {
+    key?: string;
+    label?: string;
+    labelHtml?: string;
+    helpText?: string;
+    helpTextHtml?: string;
+    type?: string;
+    defaultValue?: any;
+    dependencySettings?: string;
+    isMulti?: boolean;
+    isSearchable?: boolean;
+    options?: Array<{
+        value: string;
+        label: string;
+    }>;
+    noticeType?: string;
+    noIcon?: boolean;
+}
+interface ConfigurationTab {
+    name: string;
+    fields: ConfigField[];
+}
+interface Notice {
+    title: string;
+    content: string;
+    type?: string;
+    icon?: boolean;
+    close?: boolean;
+}
+interface InfoModal {
+    title: string;
+    content: string;
+}
+interface MainPageProps {
+    name: string;
+    userId?: string;
+    notice?: Notice;
+    checkSubscription?: boolean;
+    isManager?: boolean;
+    isOwner?: boolean;
+    infoModal?: InfoModal;
+    configurationFields?: ConfigurationTab[];
+    config?: string;
+    syncNewElements?: {
+        crowdin?: boolean;
+        integration?: boolean;
+    };
+    withCronSync?: {
+        crowdin?: boolean;
+        integration?: boolean;
+    };
+    webhooks?: {
+        crowdin?: boolean;
+        integration?: boolean;
+    };
+    integrationOneLevelFetching?: boolean;
+    integrationSearchListener?: boolean;
+    integrationPagination?: boolean;
+    uploadTranslations?: boolean;
+    excludedTargetLanguages?: boolean;
+    forcePushSources?: boolean;
+    forcePushTranslations?: boolean;
+    filtering?: {
+        crowdinLanguages?: boolean;
+        integrationFilterConfig?: string;
+    };
+    hasOrganization?: boolean;
+    zenModeUrl?: string;
+    asyncProgress?: {
+        checkInterval: number;
+    };
+    reloadOnConfigSave?: boolean;
+    progressiveCrowdinFilesLoading?: boolean;
+    sentryData?: {
+        dsn: string;
+        appIdentifier: string;
+    };
+}
+export declare const MainPage: FC<MainPageProps>;
+export {};