@steroidsjs/core 3.0.0-beta.9 → 3.0.0-beta.90

package/README.md

@@ -1,9 +1,26 @@
-# Steroids for React
+# Steroids
 
-Find documentation [here](docs/index.md)
+<p align="center">
+    <img src="https://i.ibb.co/Q9XvtNc/Group-338025.png" alt="Steroids logo" height="120px">
+</p>
 
-## Use package from source in project
+<p align="center">
+    <a href="https://steroids.kozhindev.com/">Steroids site</a> •
+    <a href="https://github.com/steroids/react/issues/new">Submit an Issue</a> •
+    <a href="https://t.me/+R0N4XzKbVSYzOTUy">Contact Us</a>
+</p>
+
+Our Open-Source **Steroids** framework is an ecosystem based on React and Redux with a large set of ready-made components, unique architecture, UI Kit and SSR
+
+## Why Steroids
+
+- **Steroids** contains ready-made project architecture
+
+- **Steroids** provides the ability to customize components, thanks to the separation of core and view parts
+
+- An extensive library of ready-made components with detailed documentation that simplifies integration into the project
+
+- Intuitive design layout of UI components in Figma for quick visualization and adaptation to unique needs
+
+Explore and immerse yourself in the world of rapid development through documentation [Documentation](https://steroids.kozhin.dev/ru/docs/getting-started).
 
-1. Copy `tsconfig-debug.json.sample` to `tsconfig-debug.json`
-2. Replace `outDir` path to node_modules nest path in project
-3. Run from this directory `yarn run watch`

package/actions/list.d.ts

@@ -1,25 +1,93 @@
-import { IApiMethod } from '../components/ApiComponent';
 export interface IList {
-    action?: string | IApiMethod;
+    /**
+    * Url, который вернет коллекцию элементов.
+    * @example api/v1/articles
+    */
+    action?: string;
+    /**
+    * Тип HTTP запроса (GET | POST | PUT | DELETE)
+    */
     actionMethod?: string;
+    /**
+    * Функция обратного вызова, вызываемая при получении списка.
+    */
     onFetch?: (list: IList, query: Record<string, unknown>, components: any) => Promise<any>;
+    /**
+     * Обработчик события ошибки выполнения запроса
+     * @param args
+     */
+    onError?: (error: Record<string, any>) => void;
+    /**
+    * Функция условия, используемая для определения поведения списка на основе параметров запроса.
+    */
     condition?: (query: Record<string, unknown>) => any;
+    /**
+    * Массив строк, представляющих область списка.
+    */
     scope?: string[];
+    /**
+    * Общее количество элементов в списке.
+    */
     total?: number;
+    /**
+    * Массив элементов списка.
+    */
     items?: Array<any>;
+    /**
+    * Массив исходных элементов списка.
+    */
     sourceItems?: Array<any>;
+    /**
+    * Логическое значение, указывающее, является ли список удаленным или нет.
+    */
     isRemote?: boolean;
+    /**
+    * Логическое значение, указывающее, можно ли загрузить еще элементы для списка.
+    */
     loadMore?: boolean;
+    /**
+    * Первичный ключ для списка.
+    */
     primaryKey?: string;
+    /**
+    * Идентификатор списка.
+    */
     listId?: string;
+    /**
+    * Идентификатор формы, связанной с данным списком.
+    */
     formId?: string;
+    /**
+    * Атрибут страницы для списка.
+    */
     pageAttribute?: string;
+    /**
+    * Атрибут размера страницы для списка.
+    */
     pageSizeAttribute?: string;
+    /**
+    * Атрибут сортировки для списка.
+    */
     sortAttribute?: string;
+    /**
+    * Атрибут макета для списка.
+    */
     layoutAttribute?: string;
+    /**
+    * Дополнительные метаданные для списка.
+    */
     meta?: any;
+    /**
+    * Логическое значение, указывающее, был ли список получен или нет.
+    */
     isFetched?: boolean;
+    /**
+    * Логическое значение, указывающее, находится ли список в процессе загрузки или нет.
+    */
     isLoading?: boolean;
+    /**
+    * Название макета, связанного с данным списком.
+    */
     layoutName?: null;
 }
 export declare const LIST_INIT = "@list/init";
@@ -33,8 +101,7 @@ export declare const LIST_DESTROY = "@list/destroy";
 export declare const LIST_TOGGLE_ITEM = "@list/toggle_item";
 export declare const LIST_TOGGLE_ALL = "@list/toggle_all";
 export declare const LIST_SET_LAYOUT = "@list/set_layout";
-export declare const httpFetchHandler: (list: IList, query: any, { api, http }: {
-    api: any;
+export declare const httpFetchHandler: (list: IList, query: any, { http }: {
     http: any;
 }) => any;
 export declare const localFetchHandler: (list: IList, query: Record<string, unknown>) => {

package/actions/list.js

@@ -43,6 +43,7 @@ var createList = function (listId, props) { return ({
     action: props.action || props.action === '' ? props.action : null,
     actionMethod: props.actionMethod || 'get',
     onFetch: props.onFetch,
+    onError: props.onError,
     condition: props.condition,
     scope: props.scope,
     total: props.total || null,
@@ -59,14 +60,7 @@ var createList = function (listId, props) { return ({
     layoutAttribute: (0, get_1["default"])(props, '_layout.attribute') || null
 }); };
 var httpFetchHandler = function (list, query, _a) {
-    var api = _a.api, http = _a.http;
-    if (typeof list.action === 'function') {
-        var params = __assign({}, query);
-        if (list.scope) {
-            params.scope = list.scope.join(',');
-        }
-        return list.action(api, params).then(function (response) { return response.data; });
-    }
+    var http = _a.http;
     var url = list.action;
     if (list.scope) {
         url
@@ -74,7 +68,11 @@ var httpFetchHandler = function (list, query, _a) {
     }
     return http
         .send(list.actionMethod, url || window.location.pathname, query)
-        .then(function (response) { return response.data; });
+        .then(function (response) { return response.data; })["catch"](function (error) {
+        if (typeof list.onError === 'function') {
+            list.onError(error);
+        }
+    });
 };
 exports.httpFetchHandler = httpFetchHandler;
 var localFetchHandler = function (list, query) {

package/base/Enum.d.ts

@@ -1,11 +1,11 @@
 export default class Enum {
-    static getLabels(): {};
+    static getLabels(): Record<string, string>;
     static getKeys(): string[];
-    static getLabel(id: any): any;
+    static getLabel(id: any): string;
     static getCssClasses(): {};
     static getCssClass(id: any): any;
     static getDropdownItems(): {
-        label: unknown;
+        label: string;
         id: string;
     }[];
 }

package/components/ClientStorageComponent.d.ts

@@ -1,8 +1,34 @@
+/**
+ * Интерфейс для ClientStorageComponent
+ */
+export interface IClientStorageComponent {
+    /**
+     * Получить значение из хранилища.
+     * @param name Имя записи.
+     * @param storageName (Необязательный) Имя хранилища (local, session, или cookie).
+     * @returns Значение записи.
+     */
+    get(name: string, storageName?: 'local' | 'session' | 'cookie'): string | null;
+    /**
+     * Установить значение в хранилище.
+     * @param name Имя записи.
+     * @param value Значение записи.
+     * @param storageName (Необязательный) Имя хранилища (local, session, или cookie).
+     * @param expires (Необязательный) Срок действия записи в миллисекундах.
+     */
+    set(name: string, value: string, storageName?: 'local' | 'session' | 'cookie', expires?: number | null): void;
+    /**
+     * Удалить значение из хранилища.
+     * @param name Имя записи.
+     * @param storageName (Необязательный) Имя хранилища (local, session, или cookie).
+     */
+    remove(name: string, storageName?: 'local' | 'session' | 'cookie'): void;
+}
 /**
  * Client Storage Component
  * Слой хранения данных в браузере (cookie, local/session storage) или ReactNative
  */
-export default class ClientStorageComponent {
+export default class ClientStorageComponent implements IClientStorageComponent {
     STORAGE_COOKIE: string;
     STORAGE_LOCAL: any;
     STORAGE_SESSION: any;

package/components/ClientStorageComponent.js

@@ -26,9 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable import/no-extraneous-dependencies */
 /* eslint-disable no-unused-expressions */
 var cookie = __importStar(require("js-cookie"));
-var moment_1 = __importDefault(require("moment"));
+var dayjs_1 = __importDefault(require("dayjs"));
 /**
  * Client Storage Component
  * Слой хранения данных в браузере (cookie, local/session storage) или ReactNative
@@ -53,7 +54,7 @@ var ClientStorageComponent = /** @class */ (function () {
         if (this.sessionStorageAvailable) {
             try {
                 window.sessionStorage.setItem('sessionStorageAvailable', '1');
-                this.sessionStorageAvailable = window.localStorage.getItem('sessionStorageAvailable') === '1';
+                this.sessionStorageAvailable = window.sessionStorage.getItem('sessionStorageAvailable') === '1';
                 window.sessionStorage.removeItem('sessionStorageAvailable');
             }
             catch (e) {
@@ -101,7 +102,7 @@ var ClientStorageComponent = /** @class */ (function () {
                 domain: this._getDomain()
             };
             if (expires && process.env.IS_SSR) {
-                options.expires = (0, moment_1["default"])().add(options.expires).utc().toDate();
+                options.expires = (0, dayjs_1["default"])().add(options.expires, 'days').utc().toDate();
             }
             process.env.IS_SSR ? this._ssrCookie.set(name, value, options) : cookie.set(name, value, options);
         }

package/components/HttpComponent.d.ts

@@ -19,6 +19,7 @@ export default class HttpComponent {
     _csrfToken: any;
     _lazyRequests: any;
     _promises: any;
+    _isWindowAvailable: boolean;
     constructor(components: any, config?: any);
     getAxiosConfig(): Promise<{
         withCredentials: boolean;

package/components/HttpComponent.js

@@ -65,9 +65,10 @@ var HttpComponent = /** @class */ (function () {
         if (config === void 0) { config = {}; }
         this.accessTokenKey = 'accessToken';
         this._components = components;
+        this._isWindowAvailable = !process.env.IS_SSR && process.env.PLATFORM !== 'mobile';
         this.apiUrl = config.apiUrl
             //|| process.env.APP_BACKEND_URL
-            || (!process.env.IS_SSR ? window.location.protocol + '//' + window.location.host : '');
+            || (this._isWindowAvailable ? window.location.protocol + '//' + window.location.host : '');
         this.accessTokenKey = config.accessTokenKey || 'accessToken';
         this.clientStorageName = config.clientStorageName || this._components.clientStorage.STORAGE_COOKIE;
         this.clientStorageExpiresIn = config.clientStorageExpiresIn || 180;
@@ -200,7 +201,7 @@ var HttpComponent = /** @class */ (function () {
         });
     };
     HttpComponent.prototype.getUrl = function (method) {
-        if (method === null && !process.env.IS_SSR) {
+        if (method === null && this._isWindowAvailable) {
             method = window.location.pathname;
         }
         if (method.indexOf('://') === -1) {
@@ -310,7 +311,7 @@ var HttpComponent = /** @class */ (function () {
                             store.dispatch((0, notifications_1.setFlashes)(response.data.flashes));
                         }
                         // Ajax redirect
-                        if (response.data.redirectUrl && !process.env.IS_SSR) {
+                        if (response.data.redirectUrl && this._isWindowAvailable) {
                             if (window.location.href === response.data.redirectUrl.split('#')[0]) {
                                 window.location.href = response.data.redirectUrl;
                                 window.location.reload();

package/components/LocaleComponent.d.ts

@@ -1,13 +1,60 @@
-import moment from 'moment';
-import 'moment/locale/it';
-import 'moment/locale/ru';
+import dayjs from 'dayjs';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ru';
+/**
+ * Интерфейс для LocaleComponent
+ */
+export interface ILocaleComponent {
+    /**
+     * Разница времени с бекендом (в микросекундах)
+     */
+    backendTimeDiff: null;
+    /**
+     * Временная зона бекенда
+     */
+    backendTimeZone: any;
+    /**
+     * Язык приложения
+     * @example ru
+     */
+    language: string;
+    /**
+     * Исходный язык
+     */
+    sourceLanguage: string;
+    /**
+     * Переводы сообщений
+     */
+    translations: any;
+    /**
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
+     * @param date Дата
+     * @param format Формат даты
+     * @returns Экземпляр `dayjs`
+     */
+    dayjs(date?: string, format?: string): dayjs.Dayjs;
+    /**
+     * Алиас для метода `translate`
+     * @param message Сообщение для перевода
+     * @param params Параметры перевода
+     * @returns Переведенное сообщение
+     */
+    t(message: string, params?: Record<string, any>): string;
+    /**
+     * Перевод сообщения
+     * @param message Сообщение для перевода
+     * @param params Параметры перевода
+     * @returns Переведенное сообщение
+     */
+    translate(message: string, params?: Record<string, any>): string;
+}
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
  *
  * Пример строки: `{__('{count} {count, plural, one{день} few{дня} many{дней}}', {count: 2})}`
  */
-export default class LocaleComponent {
+export default class LocaleComponent implements ILocaleComponent {
     backendTimeDiff: null;
     backendTimeZone: any;
     /**
@@ -19,11 +66,11 @@ export default class LocaleComponent {
     translations: any;
     constructor(components: any, config: any);
     /**
-     * Получение экземпляра `moment` с учетом временной зоны бекенда
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
      * @param date Дата
      * @param format Формат
      */
-    moment(date?: string, format?: string): moment.Moment;
+    dayjs(date?: string, format?: string): dayjs.Dayjs;
     t(message: any, params?: {}): any;
     translate(message: any, params?: {}): any;
     _pasteComponents(message: any, components: any): any;

package/components/LocaleComponent.js

@@ -26,12 +26,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 exports.__esModule = true;
+/* eslint-disable import/no-extraneous-dependencies */
 var React = __importStar(require("react"));
 var intl_messageformat_1 = __importDefault(require("intl-messageformat"));
-var moment_1 = __importDefault(require("moment"));
+var dayjs_1 = __importDefault(require("dayjs"));
 var isObject_1 = __importDefault(require("lodash-es/isObject"));
-require("moment/locale/it");
-require("moment/locale/ru");
+require("dayjs/locale/it");
+require("dayjs/locale/ru");
 /**
  * Locale Component
  * Компонент для локализации приложения. Поддерживает конфигурацию языка и временной зоны
@@ -56,24 +57,24 @@ var LocaleComponent = /** @class */ (function () {
         }
     }
     /**
-     * Получение экземпляра `moment` с учетом временной зоны бекенда
+     * Получение экземпляра `dayjs` с учетом временной зоны бекенда
      * @param date Дата
      * @param format Формат
      */
-    LocaleComponent.prototype.moment = function (date, format) {
+    LocaleComponent.prototype.dayjs = function (date, format) {
         if (date === void 0) { date = undefined; }
         if (format === void 0) { format = undefined; }
         if (date && this.backendTimeZone) {
             if (date.length === 16
-                && (0, moment_1["default"])(date, 'YYYY-MM-DD HH:mm').isValid()) {
+                && (0, dayjs_1["default"])(date, 'YYYY-MM-DD HH:mm').isValid()) {
                 date += ':00';
             }
             if (date.length === 19
-                && (0, moment_1["default"])(date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
+                && (0, dayjs_1["default"])(date, 'YYYY-MM-DD HH:mm:ss').isValid()) {
                 date += this.backendTimeZone;
             }
         }
-        return (0, moment_1["default"])(date, format).locale(this.language);
+        return (0, dayjs_1["default"])(date, format).locale(this.language);
     };
     LocaleComponent.prototype.t = function (message, params) {
         if (params === void 0) { params = {}; }

package/components/ResourceComponent.d.ts

@@ -6,21 +6,103 @@ declare global {
         };
     }
 }
+export interface IResourceComponent {
+    /**
+    * Свойство для хранения обратных вызовов.
+    */
+    _callbacks: any;
+    /**
+     * Свойство для хранения компонентов.
+     */
+    _components: any;
+    /**
+     * API-ключ Google для использования Google Maps и других сервисов.
+     */
+    googleApiKey: string;
+    /**
+     * Ключ сайта Google reCAPTCHA.
+     */
+    googleCaptchaSiteKey: string;
+    /**
+     * Языковой код, используемый для загрузки ресурсов.
+     */
+    language: string;
+    /**
+     * URL для загрузки Google Maps API.
+     */
+    readonly RESOURCE_GOOGLE_MAP_API: string;
+    /**
+     * URL для загрузки Yandex Maps API.
+     */
+    readonly RESOURCE_YANDEX_MAP_API: string;
+    /**
+     * URL для загрузки Twitter виджетов.
+     */
+    readonly RESOURCE_TWITTER_WIDGET: string;
+    /**
+     * URL для загрузки Geetest.
+     */
+    readonly RESOURCE_GEETEST_API: string;
+    /**
+     * URL для загрузки Google reCAPTCHA.
+     */
+    readonly RESOURCE_GOOGLE_CAPTCHA: string;
+    /**
+     * Метод для загрузки Google reCAPTCHA.
+     * @returns Промис, который разрешается с объектом window.grecaptcha.
+     */
+    loadGoogleCaptcha(): Promise<any>;
+    /**
+     * Метод для загрузки Google Maps API.
+     * @returns Промис, который разрешается с объектом window.google.maps.
+     */
+    loadGoogleMapApi(): Promise<any>;
+    /**
+     * Метод для загрузки Yandex Maps API.
+     * @returns Промис, который разрешается с объектом window.ymaps.
+     */
+    loadYandexMap(): Promise<any>;
+    /**
+     * Метод для загрузки Twitter виджетов.
+     * @returns Промис, который разрешается с объектом window.twttr.
+     */
+    loadTwitterWidget(): Promise<any>;
+    /**
+     * Метод для загрузки Geetest.
+     * @returns Промис, который разрешается с объектом window.initGeetest.
+     */
+    loadGeetest(): Promise<any>;
+    /**
+     * Метод для загрузки скрипта по указанному URL.
+     * @param url URL скрипта для загрузки.
+     * @param params Параметры запроса для URL скрипта.
+     * @param firstResolver Функция, которая возвращает объект, разрешающий промис.
+     * @returns Промис, который разрешается с результатом первого разрешенного промиса.
+     */
+    loadScript(url: string, params: any, firstResolver: () => any): Promise<any>;
+    /**
+     * Метод для ожидания выполнения определенного условия.
+     * @param condition Условие, которое должно быть выполнено.
+     * @param timeout (Необязательный) Таймаут ожидания в миллисекундах (по умолчанию 5000 мс).
+     * @returns Промис, который разрешается с результатом выполнения условия.
+     */
+    wait(condition: () => boolean, timeout?: number): Promise<any>;
+}
 /**
  * Resource Component
  * Компонент для подгрузки внешних API: Google Maps, Yandex Maps, Twitter, ...
  */
-export default class ResourceComponent {
+export default class ResourceComponent implements IResourceComponent {
     _callbacks: any;
     _components: any;
     googleApiKey: string;
     googleCaptchaSiteKey: string;
     language: string;
-    static RESOURCE_GOOGLE_MAP_API: string;
-    static RESOURCE_YANDEX_MAP_API: string;
-    static RESOURCE_TWITTER_WIDGET: string;
-    static RESOURCE_GEETEST_API: string;
-    static RESOURCE_GOOGLE_CAPTCHA: string;
+    readonly RESOURCE_GOOGLE_MAP_API = "//maps.googleapis.com/maps/api/js";
+    readonly RESOURCE_YANDEX_MAP_API = "https://api-maps.yandex.ru/2.1/";
+    readonly RESOURCE_TWITTER_WIDGET = "https://platform.twitter.com/widgets.js";
+    readonly RESOURCE_GEETEST_API = "//static.geetest.com/static/tools/gt.js";
+    readonly RESOURCE_GOOGLE_CAPTCHA = "https://www.google.com/recaptcha/api.js";
     constructor(components: any, config: any);
     loadGoogleCaptcha(): Promise<any>;
     loadGoogleMapApi(): Promise<any>;

package/components/ResourceComponent.js

@@ -35,8 +35,13 @@ var isArray_1 = __importDefault(require("lodash-es/isArray"));
  */
 var ResourceComponent = /** @class */ (function () {
     function ResourceComponent(components, config) {
+        this.RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
+        this.RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
+        this.RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
+        this.RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
+        this.RESOURCE_GOOGLE_CAPTCHA = 'https://www.google.com/recaptcha/api.js';
         this.googleApiKey = config.googleApiKey || '';
-        this.googleCaptchaSiteKey = config.googleCaptchaSiteKey || '';
+        this.googleCaptchaSiteKey = process.env.APP_RECAPTCHA_SITE_KEY || '';
         this.language = config.language || '';
         this._callbacks = {};
         this._components = components;
@@ -45,7 +50,7 @@ var ResourceComponent = /** @class */ (function () {
         if (window.grecaptcha) {
             return Promise.resolve(window.grecaptcha);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GOOGLE_CAPTCHA, { render: this.googleCaptchaSiteKey }, function () { return window.grecaptcha; });
+        return this.loadScript(this.RESOURCE_GOOGLE_CAPTCHA, { render: this.googleCaptchaSiteKey }, function () { return window.grecaptcha; });
     };
     ResourceComponent.prototype.loadGoogleMapApi = function () {
         var locale = this._components.locale;
@@ -54,7 +59,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.google.maps);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GOOGLE_MAP_API, {
+        return this.loadScript(this.RESOURCE_GOOGLE_MAP_API, {
             libraries: 'places,geometry',
             key: this.googleApiKey,
             language: this.language || locale.language
@@ -72,7 +77,7 @@ var ResourceComponent = /** @class */ (function () {
                 return window.ymaps.ready(function () { return resolve(window.ymaps); });
             });
         }
-        return this.loadScript(ResourceComponent.RESOURCE_YANDEX_MAP_API, {
+        return this.loadScript(this.RESOURCE_YANDEX_MAP_API, {
             lang: this.language || locale.language
         }, 
         // @ts-ignore
@@ -84,7 +89,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.twttr);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_TWITTER_WIDGET, {}, 
+        return this.loadScript(this.RESOURCE_TWITTER_WIDGET, {}, 
         // @ts-ignore
         function () { return new Promise(function (resolve) { return window.twttr.ready(function () { return resolve(window.twttr); }); }); });
     };
@@ -94,7 +99,7 @@ var ResourceComponent = /** @class */ (function () {
             // @ts-ignore
             return Promise.resolve(window.initGeetest);
         }
-        return this.loadScript(ResourceComponent.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(), {}, 
+        return this.loadScript(this.RESOURCE_GEETEST_API + '?_t=' + new Date().getTime(), {}, 
         // @ts-ignore
         function () { return window.initGeetest; });
     };
@@ -147,11 +152,6 @@ var ResourceComponent = /** @class */ (function () {
         };
         return new Promise(checker);
     };
-    ResourceComponent.RESOURCE_GOOGLE_MAP_API = '//maps.googleapis.com/maps/api/js';
-    ResourceComponent.RESOURCE_YANDEX_MAP_API = 'https://api-maps.yandex.ru/2.1/';
-    ResourceComponent.RESOURCE_TWITTER_WIDGET = 'https://platform.twitter.com/widgets.js';
-    ResourceComponent.RESOURCE_GEETEST_API = '//static.geetest.com/static/tools/gt.js';
-    ResourceComponent.RESOURCE_GOOGLE_CAPTCHA = 'https://www.google.com/recaptcha/api.js';
     return ResourceComponent;
 }());
 exports["default"] = ResourceComponent;