@reltio/components 1.4.1313 → 1.4.1315

package/cjs/hooks/useAPI/API.js

@@ -64,7 +64,7 @@ var processFromQuery = function (params, permissions, workflowPath, tenant, envi
     if (errors) {
         return new Promise(function (resolve) { return resolve(errors); });
     }
-    return mdm_sdk_1.startProcessFromQuery({
+    return (0, mdm_sdk_1.startProcessFromQuery)({
         workflowPath: workflowPath,
         processType: params.processDefinitionId,
         searchString: params.searchString,
@@ -80,7 +80,7 @@ var getHeaders = function (params, signHandler) { return __awaiter(void 0, void
             case 1:
                 accessToken = (_a.sent()).accessToken;
                 return [2 /*return*/, accessToken
-                        ? __assign(__assign({}, params.headers), { Authorization: "Bearer " + accessToken }) : params.headers];
+                        ? __assign(__assign({}, params.headers), { Authorization: "Bearer ".concat(accessToken) }) : params.headers];
         }
     });
 }); };
@@ -101,7 +101,7 @@ var workflowRequest = function (params, permissions, workflowPath, tenant, signH
                 return [4 /*yield*/, getHeaders(params, signHandler)];
             case 1:
                 headers = _a.sent();
-                return [4 /*yield*/, mdm_sdk_1.sendWorkflowRequest({
+                return [4 /*yield*/, (0, mdm_sdk_1.sendWorkflowRequest)({
                         url: url,
                         method: params.method || 'GET',
                         data: params.data,
@@ -125,7 +125,7 @@ var sendApiRequest = function (params, permissions, signHandler) { return __awai
                 return [4 /*yield*/, getHeaders(params, signHandler)];
             case 1:
                 headers = _a.sent();
-                return [4 /*yield*/, mdm_sdk_1.sendRequestFromCustomSandbox({
+                return [4 /*yield*/, (0, mdm_sdk_1.sendRequestFromCustomSandbox)({
                         url: params.url,
                         method: params.method,
                         data: params.data,
@@ -144,7 +144,7 @@ var validateParams = function (params, permissions) {
         var parsed = perm.match(/^(?:([^:?#]+):)?(?:\/\/((?:(([^:@?]*)(?::([^:@?]*))?)?@)?((?:\[[0-9A-Fa-f:]+)|(?:[^:?#]*))(?::(\d*))?))?((((?:[^?#]*\/)*)([^?#]*))(?:\?([^#]*))?(?:#(.*))?)/);
         var protocol = parsed[1];
         var host = parsed[6];
-        var protocolAndHost = protocol + "://" + host;
+        var protocolAndHost = "".concat(protocol, "://").concat(host);
         var re = new RegExp('^' + perm + '$');
         var formattedPerm = perm.replace(/\/*$/, '');
         return (formattedPerm === url ||
@@ -169,9 +169,9 @@ var processRequest = function (_a) {
             worker.postMessage(__assign({ action: 'response', result: { data: error, headers: paramObject.params.headers, status: 0 } }, paramObject.params));
         });
     };
-    var shouldSignRequest = helpers_1.isNewUI(servicesPath);
+    var shouldSignRequest = (0, helpers_1.isNewUI)(servicesPath);
     var signHandler = shouldSignRequest
-        ? function () { return mdm_sdk_1.getAccessToken({ servicesPath: servicesPath }); }
+        ? function () { return (0, mdm_sdk_1.getAccessToken)({ servicesPath: servicesPath }); }
         : function () { return Promise.resolve({ accessToken: '' }); };
     switch (name) {
         case mdm_sdk_1.RequestAction.API: {

package/cjs/hooks/useAPI/helpers.js

@@ -21,11 +21,11 @@ var isNewUI = function (path) {
 };
 exports.isNewUI = isNewUI;
 var getWorkerURL = function (uiPath, tenant) {
-    if (exports.isNewUI(uiPath)) {
-        return uiPath.replace(tenant + "/", '') + "worker_api.js";
+    if ((0, exports.isNewUI)(uiPath)) {
+        return "".concat(uiPath.replace("".concat(tenant, "/"), ''), "worker_api.js");
     }
     else {
-        return uiPath + "worker_api.js";
+        return "".concat(uiPath, "worker_api.js");
     }
 };
 exports.getWorkerURL = getWorkerURL;
@@ -65,7 +65,7 @@ var processInnerHtml = function (parent, worker, setTooltip) {
                     });
                 };
                 if ((_a = target.files) === null || _a === void 0 ? void 0 : _a.length) {
-                    exports.getFilesWithArrayBuffer(target.files).then(postEventMessage);
+                    (0, exports.getFilesWithArrayBuffer)(target.files).then(postEventMessage);
                 }
                 else {
                     postEventMessage();
@@ -100,7 +100,7 @@ var resetHtml = function (_a) {
 exports.resetHtml = resetHtml;
 var isURLtoProcess = function (processApi, url) {
     return (processApi || []).some(function (request) {
-        var regExp = new RegExp("^" + request + "$");
+        var regExp = new RegExp("^".concat(request, "$"));
         return request.replace(/\/*$/, '') === url || (request && regExp.test(url));
     });
 };
@@ -108,7 +108,7 @@ var setUpQooxdooRequestInterceptor = function (_a) {
     var workerRef = _a.workerRef, setRequestListeners = _a.setRequestListeners;
     return ({
         processApiRequest: function (url, method, headers, data, next) {
-            var requestId = nanoid_1.default();
+            var requestId = (0, nanoid_1.default)();
             var options = { url: url, method: method, headers: headers, noRequestProcessor: true };
             setRequestListeners(options, next, requestId);
             workerRef.current.postMessage({
@@ -127,7 +127,7 @@ var setUpQooxdooResponseInterceptor = function (_a) {
     var workerRef = _a.workerRef, setResponseListeners = _a.setResponseListeners;
     return ({
         processApiResponse: function (url, method, data, next) {
-            var responseId = nanoid_1.default();
+            var responseId = (0, nanoid_1.default)();
             setResponseListeners(next, responseId);
             workerRef.current.postMessage({
                 action: 'apiResponse',
@@ -145,11 +145,11 @@ var setUpRequestInterceptor = function (_a) {
     return function (_a) {
         var _b = _a.options, options = _b === void 0 ? {} : _b, url = _a.url, next = _a.next;
         var fakeURL = url.startsWith('/') && !url.startsWith(apiPath)
-            ? reltioPath + "/api/" + tenant + url
-            : "" + reltioPath + url.replace(apiPath, '');
+            ? "".concat(reltioPath, "/api/").concat(tenant).concat(url)
+            : "".concat(reltioPath).concat(url.replace(apiPath, ''));
         var isProcessableUrl = isURLtoProcess(processApiRequest, fakeURL);
         if (isProcessableUrl) {
-            var requestId = nanoid_1.default();
+            var requestId = (0, nanoid_1.default)();
             setRequestListeners(options, next, requestId);
             workerRef.current.postMessage({
                 action: 'apiRequest',
@@ -189,10 +189,10 @@ var setUpResponseInterceptor = function (_a) {
             });
         }
         else {
-            var fakeURL_1 = "" + reltioPath + url.replace(apiPath, '');
+            var fakeURL_1 = "".concat(reltioPath).concat(url.replace(apiPath, ''));
             var isProcessableUrl = isURLtoProcess(processApiResponse, fakeURL_1);
             if (isProcessableUrl) {
-                var responseId_1 = nanoid_1.default();
+                var responseId_1 = (0, nanoid_1.default)();
                 response
                     .json()
                     .then(function (data) {

package/cjs/hooks/useAPI/useAPI.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -44,38 +48,38 @@ var helpers_1 = require("./helpers");
 var useAPI = function (config) {
     var _a, _b;
     if (config === void 0) { config = {}; }
-    var _c = react_1.useState(), html = _c[0], setHtml = _c[1];
-    var _d = react_1.useState([]), listenersToReset = _d[0], setListenersToReset = _d[1];
-    var _e = react_1.useState([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
-    var _f = react_1.useState(true), visible = _f[0], setVisible = _f[1];
-    var _g = react_1.useState(), popup = _g[0], setPopup = _g[1];
-    var _h = react_1.useState(null), tooltip = _h[0], setTooltip = _h[1];
-    var _j = react_1.useState({}), customStyles = _j[0], setCustomStyles = _j[1];
-    var workerRef = react_1.useRef();
-    var requestListeners = react_1.useRef({});
-    var responseListeners = react_1.useRef({});
-    var dispatch = react_redux_1.useDispatch();
-    var sanitizeHtml = useHtmlSanitizer_1.useHtmlSanitizer();
-    var uiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getUIPath);
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var workerUrl = helpers_1.getWorkerURL(uiPath, tenant);
-    var showSnackbarMessage = react_1.useContext(contexts_1.SnackbarContext);
-    var qxApi = react_1.useContext(contexts_1.SandboxAPIContext);
-    var interceptHandlers = react_1.useContext(contexts_1.InterceptHandlersContext);
-    var workflowCheckPermission = workflow_1.useWorkflowCheckPermission();
-    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata) || {};
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity) || {};
-    var apiPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getApiPath);
-    var servicesPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getServicesPath);
-    var reltioPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getReltioPath);
-    var workflowPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowPath);
-    var user = react_redux_1.useSelector(mdm_module_1.default.selectors.getUser);
-    var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
-    var isEditableMode = react_redux_1.useSelector(mdm_module_1.default.selectors.getIsEditableMode);
-    var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
-    var _k = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _k.type, search = _k.data;
+    var _c = (0, react_1.useState)(), html = _c[0], setHtml = _c[1];
+    var _d = (0, react_1.useState)([]), listenersToReset = _d[0], setListenersToReset = _d[1];
+    var _e = (0, react_1.useState)([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
+    var _f = (0, react_1.useState)(true), visible = _f[0], setVisible = _f[1];
+    var _g = (0, react_1.useState)(), popup = _g[0], setPopup = _g[1];
+    var _h = (0, react_1.useState)(null), tooltip = _h[0], setTooltip = _h[1];
+    var _j = (0, react_1.useState)({}), customStyles = _j[0], setCustomStyles = _j[1];
+    var workerRef = (0, react_1.useRef)();
+    var requestListeners = (0, react_1.useRef)({});
+    var responseListeners = (0, react_1.useRef)({});
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var sanitizeHtml = (0, useHtmlSanitizer_1.useHtmlSanitizer)();
+    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
+    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
+    var workerUrl = (0, helpers_1.getWorkerURL)(uiPath, tenant);
+    var showSnackbarMessage = (0, react_1.useContext)(contexts_1.SnackbarContext);
+    var qxApi = (0, react_1.useContext)(contexts_1.SandboxAPIContext);
+    var interceptHandlers = (0, react_1.useContext)(contexts_1.InterceptHandlersContext);
+    var workflowCheckPermission = (0, workflow_1.useWorkflowCheckPermission)();
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata) || {};
+    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
+    var apiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getApiPath);
+    var servicesPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getServicesPath);
+    var reltioPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getReltioPath);
+    var workflowPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getWorkflowPath);
+    var user = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUser);
+    var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
+    var isEditableMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsEditableMode);
+    var environment = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
+    var _k = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _k.type, search = _k.data;
     var searchQuery = typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null;
-    var isOldUI = !helpers_1.isNewUI(servicesPath);
+    var isOldUI = !(0, helpers_1.isNewUI)(servicesPath);
     var supportedInterceptHandlers = isOldUI ? qxApi.interceptors : interceptHandlers;
     var openSearch = function (search) { return dispatch(mdm_module_1.ui.actions.openSearch(search)); };
     var innerText = '';
@@ -93,7 +97,7 @@ var useAPI = function (config) {
                     }
                     else if (innerText !== sanitizedHtml) {
                         innerText = sanitizedHtml;
-                        helpers_1.resetHtml({
+                        (0, helpers_1.resetHtml)({
                             worker: worker,
                             setTooltip: setTooltip,
                             html: sanitizedHtml,
@@ -107,7 +111,7 @@ var useAPI = function (config) {
                 case mdm_sdk_1.CustomAction.SHOW_POPUP: {
                     var sanitizedPopup = sanitizeHtml(task.params);
                     popupText = sanitizedPopup;
-                    helpers_1.resetHtml({
+                    (0, helpers_1.resetHtml)({
                         worker: worker,
                         setTooltip: setTooltip,
                         html: sanitizedPopup,
@@ -125,7 +129,7 @@ var useAPI = function (config) {
                 case mdm_sdk_1.CustomAction.SET_VISIBILITY: {
                     if (task.params === 'visible') {
                         setVisible(true);
-                        helpers_1.resetHtml({
+                        (0, helpers_1.resetHtml)({
                             worker: worker,
                             setTooltip: setTooltip,
                             innerText: innerText,
@@ -152,7 +156,7 @@ var useAPI = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.SET_ENABLED: {
                     setCustomStyles(function (prev) {
-                        return task.params ? ramda_1.omit(['pointer-events'], prev) : __assign(__assign({}, prev), { 'pointer-events': 'none' });
+                        return task.params ? (0, ramda_1.omit)(['pointer-events'], prev) : __assign(__assign({}, prev), { 'pointer-events': 'none' });
                     });
                     break;
                 }
@@ -166,14 +170,7 @@ var useAPI = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     if (((_c = (_b = task.params) === null || _b === void 0 ? void 0 : _b.headers) === null || _c === void 0 ? void 0 : _c.origin) !== 'ui') {
-                        API_1.processRequest(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker,
-                            metadata: metadata, config: config, user: user,
-                            servicesPath: servicesPath, apiPath: isOldUI ? apiPath : reltioPath, tenant: tenant,
-                            workflowPath: workflowPath,
-                            entity: entity,
-                            entityUri: entityUri,
-                            environment: environment, query: searchQuery, openSearch: openSearch,
-                            workflowCheckPermission: workflowCheckPermission }, qxApi));
+                        (0, API_1.processRequest)(__assign({ name: task.params.name, paramObject: task, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: isOldUI ? apiPath : reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     }
                     else {
                         var _d = task.params, headers = _d.headers, id = _d.id, fakeURL = _d.url, method = _d.method, data = _d.data;
@@ -186,7 +183,7 @@ var useAPI = function (config) {
                                 headers: headers,
                                 method: method
                             });
-                            requestListeners.current = ramda_1.omit([headers.requestId], requestListeners.current);
+                            requestListeners.current = (0, ramda_1.omit)([headers.requestId], requestListeners.current);
                         }
                     }
                     break;
@@ -196,7 +193,7 @@ var useAPI = function (config) {
                     var _e = task.params, id = _e.id, data = _e.data;
                     if (responseListeners.current[id]) {
                         responseListeners.current[id].next(data);
-                        responseListeners.current = ramda_1.omit([id], responseListeners.current);
+                        responseListeners.current = (0, ramda_1.omit)([id], responseListeners.current);
                     }
                     break;
                 }
@@ -211,9 +208,9 @@ var useAPI = function (config) {
         var _a;
         responseListeners.current = __assign(__assign({}, responseListeners.current), (_a = {}, _a[responseId] = { next: next }, _a));
     };
-    var qooxdooRequestInterceptor = helpers_1.setUpQooxdooRequestInterceptor({ workerRef: workerRef, setRequestListeners: setRequestListeners });
-    var qooxdooResponseInterceptor = helpers_1.setUpQooxdooResponseInterceptor({ workerRef: workerRef, setResponseListeners: setResponseListeners });
-    var requestInterceptor = helpers_1.setUpRequestInterceptor({
+    var qooxdooRequestInterceptor = (0, helpers_1.setUpQooxdooRequestInterceptor)({ workerRef: workerRef, setRequestListeners: setRequestListeners });
+    var qooxdooResponseInterceptor = (0, helpers_1.setUpQooxdooResponseInterceptor)({ workerRef: workerRef, setResponseListeners: setResponseListeners });
+    var requestInterceptor = (0, helpers_1.setUpRequestInterceptor)({
         apiPath: apiPath,
         reltioPath: reltioPath,
         tenant: tenant,
@@ -221,7 +218,7 @@ var useAPI = function (config) {
         workerRef: workerRef,
         setRequestListeners: setRequestListeners
     });
-    var responseInterceptor = helpers_1.setUpResponseInterceptor({
+    var responseInterceptor = (0, helpers_1.setUpResponseInterceptor)({
         reltioPath: reltioPath,
         apiPath: apiPath,
         processApiResponse: (_b = config === null || config === void 0 ? void 0 : config.action) === null || _b === void 0 ? void 0 : _b.processApiResponse,
@@ -232,34 +229,34 @@ var useAPI = function (config) {
         var _a;
         (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({ action: 'event', type: type, data: data });
     };
-    react_1.useEffect(function () {
-        if (!mdm_sdk_1.isEmptyValue(config.action) && config.action.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
-            workerRef.current = mdm_sdk_1.initializeWebWorker(workerUrl, process, config);
+    (0, react_1.useEffect)(function () {
+        if (!(0, mdm_sdk_1.isEmptyValue)(config.action) && config.action.platform !== mdm_sdk_1.CustomScriptPlatform.CLASSIC) {
+            workerRef.current = (0, mdm_sdk_1.initializeWebWorker)(workerUrl, process, config);
             postEventMessage('updateEntity', entity);
         }
     }, [entity, config]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         postEventMessage('editMode', isEditableMode);
     }, [isEditableMode]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         postEventMessage('changeSearchQuery', searchQuery);
     }, [searchQuery]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         postEventMessage('changeVisibility', visible);
     }, [visible]);
-    react_1.useEffect(function () { return function () {
+    (0, react_1.useEffect)(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
     //we need to have separate handlers in opposite case main window listeners will be removed on the popup appear
-    react_1.useEffect(function () { return function () {
+    (0, react_1.useEffect)(function () { return function () {
         popupListenersToReset.forEach(function (listener) { return listener(); });
     }; }, [popupListenersToReset, listenersToReset]);
-    var onClick = react_1.useCallback(function () {
+    var onClick = (0, react_1.useCallback)(function () {
         postEventMessage('execute', null);
     }, [config]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var _a, _b, _c, _d;
-        if (!mdm_sdk_1.isEmptyValue(supportedInterceptHandlers) &&
+        if (!(0, mdm_sdk_1.isEmptyValue)(supportedInterceptHandlers) &&
             (((_a = config === null || config === void 0 ? void 0 : config.action) === null || _a === void 0 ? void 0 : _a.processApiRequest) || ((_b = config === null || config === void 0 ? void 0 : config.action) === null || _b === void 0 ? void 0 : _b.processApiResponse))) {
             var addInternalRequestInterceptor = supportedInterceptHandlers.addInternalRequestInterceptor, addInternalResponseInterceptor = supportedInterceptHandlers.addInternalResponseInterceptor, removeInternalRequestInterceptor_1 = supportedInterceptHandlers.removeInternalRequestInterceptor, removeInternalResponseInterceptor_1 = supportedInterceptHandlers.removeInternalResponseInterceptor;
             if (isOldUI) {

package/cjs/hooks/useActions.js

@@ -16,11 +16,11 @@ var react_1 = require("react");
 var ramda_1 = require("ramda");
 var useActions = function (_a) {
     var actions = _a.actions, dispatch = _a.dispatch;
-    return react_1.useMemo(function () {
+    return (0, react_1.useMemo)(function () {
         return Object.entries(actions).reduce(function (acc, _a) {
             var _b;
             var actionName = _a[0], actionCreator = _a[1];
-            return __assign(__assign({}, acc), (_b = {}, _b[actionName] = ramda_1.pipe(actionCreator, dispatch), _b));
+            return __assign(__assign({}, acc), (_b = {}, _b[actionName] = (0, ramda_1.pipe)(actionCreator, dispatch), _b));
         }, {});
     }, [dispatch, actions]);
 };

package/cjs/hooks/useAsyncMount.js

@@ -5,14 +5,14 @@ var react_1 = require("react");
 var AsyncMountContext_1 = require("../contexts/AsyncMountContext");
 var queueSize = 0;
 var useAsyncMount = function () {
-    var isFirstRunRef = react_1.useRef(true);
-    var _a = react_1.useContext(AsyncMountContext_1.AsyncMountContext), enabled = _a.enabled, _b = _a.queueSizeThreshold, queueSizeThreshold = _b === void 0 ? 0 : _b;
-    var _c = react_1.useState(!enabled || (enabled && queueSize < queueSizeThreshold)), shouldMount = _c[0], setShouldMount = _c[1];
+    var isFirstRunRef = (0, react_1.useRef)(true);
+    var _a = (0, react_1.useContext)(AsyncMountContext_1.AsyncMountContext), enabled = _a.enabled, _b = _a.queueSizeThreshold, queueSizeThreshold = _b === void 0 ? 0 : _b;
+    var _c = (0, react_1.useState)(!enabled || (enabled && queueSize < queueSizeThreshold)), shouldMount = _c[0], setShouldMount = _c[1];
     if (isFirstRunRef.current) {
         queueSize++;
     }
-    var timerRef = react_1.useRef();
-    react_1.useEffect(function () {
+    var timerRef = (0, react_1.useRef)();
+    (0, react_1.useEffect)(function () {
         queueSize--;
         if (!shouldMount) {
             timerRef.current = setTimeout(function () {