@next-core/brick-kit 2.107.4 → 2.110.0

package/dist/index.esm.js

@@ -3,9 +3,9 @@ import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _asyncToGenerator$4 from '@babel/runtime/helpers/asyncToGenerator';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
-import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, useContext, createContext } from 'react';
+import React, { useState, useEffect, useRef, forwardRef, useImperativeHandle, useMemo, useContext, createContext, useReducer, useCallback } from 'react';
 import { JsonStorage, toPath, computeRealRoutePath, hasOwnProperty, isObject, isEvaluable, transformAndInject, transform, trackContext, trackState, scanPermissionActionsInStoryboard, precookFunction, cook, resolveContextConcurrently, syncResolveContextConcurrently, shouldAllowRecursiveEvaluations, preevaluate, inject, deepFreeze, createProviderClass, scanRouteAliasInStoryboard, loadScript, getTemplateDepsOfStoryboard, getDllAndDepsOfStoryboard, asyncProcessStoryboard, prefetchScript, scanBricksInBrickConf, scanProcessorsInAny, getDllAndDepsByResource, matchPath, asyncProcessBrick, restoreDynamicTemplates, mapCustomApisToNameAndNamespace, scanCustomApisInStoryboard } from '@next-core/brick-utils';
-import lodash, { set, get, difference, identity, uniqueId, cloneDeep, isNil, sortBy, merge, orderBy, omit, clamp, isEmpty, noop } from 'lodash';
+import lodash, { set, get, difference, identity, uniqueId, cloneDeep, isNil, sortBy, merge, orderBy, omit, clamp, isEmpty, noop, isObject as isObject$1, isString } from 'lodash';
 import { http, HttpResponseError, HttpFetchError } from '@next-core/brick-http';
 import moment from 'moment';
 import { pipes } from '@next-core/pipes';
@@ -1511,6 +1511,39 @@ function resetPermissionPreChecks() {
   permissionMap.clear();
 }
 
+var THROW = () => {
+  throw new Error("Can't modify read-only proxy object");
+};
+
+var readOnlyHandler = {
+  set: THROW,
+  defineProperty: THROW,
+  deleteProperty: THROW,
+  setPrototypeOf: THROW
+};
+function getReadOnlyProxy(object) {
+  return new Proxy(object, readOnlyHandler);
+} // First, we want to make accessing property of globals lazy,
+// So we use *Proxy* to make a dynamic accessor for each of these globals.
+// But we also want to keep them working in devtools.
+
+function getDynamicReadOnlyProxy(_ref) {
+  var {
+    get,
+    ownKeys
+  } = _ref;
+
+  if (getDevHook()) {
+    // In devtools, we extract them at beginning.
+    var target = Object.fromEntries(ownKeys(null).map(key => [key, get(null, key, null)]));
+    return getReadOnlyProxy(target);
+  }
+
+  return new Proxy(Object.freeze({}), {
+    get
+  });
+}
+
 // `GeneralGlobals` are globals which are page-state-agnostic,
 // thus they can be used both in storyboard expressions and functions.
 function getGeneralGlobals(attemptToVisitGlobals, options) {
@@ -1532,7 +1565,8 @@ function getIndividualGlobal(variableName, _ref) {
     collectCoverage,
     widgetId,
     app,
-    storyboardFunctions
+    storyboardFunctions,
+    isStoryboardFunction
   } = _ref;
 
   switch (variableName) {
@@ -1560,6 +1594,9 @@ function getIndividualGlobal(variableName, _ref) {
       return {
         getTheme: collectCoverage ? () => "light" : getTheme
       };
+
+    case "console":
+      return isStoryboardFunction ? getReadOnlyProxy(console) : undefined;
   }
 }
 
@@ -1646,7 +1683,8 @@ function StoryboardFunctionRegistryFactory() {
         collectCoverage,
         widgetId,
         app: currentApp,
-        storyboardFunctions
+        storyboardFunctions,
+        isStoryboardFunction: true
       })),
       hooks: collector && {
         beforeEvaluate: collector.beforeEvaluate,
@@ -1700,39 +1738,6 @@ function registerWidgetFunctions(widgetId, functions) {
   registerStoryboardFunctions(functions);
 }
 
-var THROW = () => {
-  throw new Error("Can't modify read-only proxy object");
-};
-
-var readOnlyHandler = {
-  set: THROW,
-  defineProperty: THROW,
-  deleteProperty: THROW,
-  setPrototypeOf: THROW
-};
-function getReadOnlyProxy(object) {
-  return new Proxy(object, readOnlyHandler);
-} // First, we want to make accessing property of globals lazy,
-// So we use *Proxy* to make a dynamic accessor for each of these globals.
-// But we also want to keep them working in devtools.
-
-function getDynamicReadOnlyProxy(_ref) {
-  var {
-    get,
-    ownKeys
-  } = _ref;
-
-  if (getDevHook()) {
-    // In devtools, we extract them at beginning.
-    var target = Object.fromEntries(ownKeys(null).map(key => [key, get(null, key, null)]));
-    return getReadOnlyProxy(target);
-  }
-
-  return new Proxy(Object.freeze({}), {
-    get
-  });
-}
-
 /*! (c) Andrea Giammarchi - ISC */
 var self = {};
 
@@ -2648,7 +2653,7 @@ function getNextInternalOptions(internalOptions, isArray, key) {
   }) : internalOptions;
 }
 
-var _excluded$4 = ["children"],
+var _excluded$6 = ["children"],
     _excluded2$1 = ["items", "app"];
 var symbolAppId = Symbol("appId");
 // Caching menu requests to avoid flicker.
@@ -2860,7 +2865,7 @@ function computeMenuItemsWithOverrideApp(items, context, kernel) {
       var {
         children
       } = _ref,
-          rest = _objectWithoutProperties(_ref, _excluded$4);
+          rest = _objectWithoutProperties(_ref, _excluded$6);
 
       return _objectSpread(_objectSpread({}, yield computeRealValueWithOverrideApp(rest, rest[symbolAppId], context, kernel)), {}, {
         children: children && (yield computeMenuItemsWithOverrideApp(children, context, kernel))
@@ -3421,7 +3426,7 @@ function _internalApiLoadDynamicBricksInBrickConf(brickConf) {
   return kernel.loadDynamicBricksInBrickConf(brickConf);
 }
 
-var _excluded$3 = ["extraQuery", "clear", "keepHash"];
+var _excluded$5 = ["extraQuery", "clear", "keepHash"];
 function historyExtended(browserHistory) {
   var {
     push: originalPush,
@@ -3437,7 +3442,7 @@ function historyExtended(browserHistory) {
         clear,
         keepHash
       } = options,
-          state = _objectWithoutProperties(options, _excluded$3);
+          state = _objectWithoutProperties(options, _excluded$5);
 
       var urlSearchParams = new URLSearchParams(clear ? "" : browserHistory.location.search);
       var params = {};
@@ -6607,7 +6612,7 @@ function initAnalytics() {
   }
 }
 
-var _excluded$2 = ["feature_flags"];
+var _excluded$4 = ["feature_flags"];
 function standaloneBootstrap() {
   return _standaloneBootstrap.apply(this, arguments);
 }
@@ -6643,7 +6648,7 @@ function _standaloneBootstrap() {
         var {
           feature_flags: featureFlags
         } = sys_settings,
-            rest = _objectWithoutProperties(sys_settings, _excluded$2);
+            rest = _objectWithoutProperties(sys_settings, _excluded$4);
 
         settings = _objectSpread({
           featureFlags
@@ -10335,7 +10340,7 @@ function collectMergeBases(conf, mergeBases, contextInTemplate, refToBrickConf)
   }
 }
 
-var _excluded$1 = ["properties", "slots"],
+var _excluded$3 = ["properties", "slots"],
     _excluded2 = ["ref", "slots"];
 function expandCustomTemplate(brickConf, proxyBrick, context) {
   var tplContext = new CustomTemplateContext(proxyBrick);
@@ -10376,7 +10381,7 @@ function lowLevelExpandCustomTemplate(template, brickConf, proxyBrick, context,
     properties: templateProperties,
     slots: externalSlots
   } = brickConf,
-      restBrickConf = _objectWithoutProperties(brickConf, _excluded$1);
+      restBrickConf = _objectWithoutProperties(brickConf, _excluded$3);
 
   var newBrickConf = restBrickConf; // Get a copy of proxy for each instance of custom template.
 
@@ -12812,7 +12817,7 @@ var developHelper = {
   checkoutTplContext: noop
 };
 
-var _excluded = ["type"];
+var _excluded$2 = ["type"];
 // Inspired by [LitElement](https://github.com/Polymer/lit-element)
 
 /**
@@ -13082,7 +13087,7 @@ class UpdatingElement extends HTMLElement {
     var {
       type
     } = options,
-        eventInit = _objectWithoutProperties(options, _excluded);
+        eventInit = _objectWithoutProperties(options, _excluded$2);
 
     this.__dev_only_definedEvents.add(type); // Make event emitter readonly.
 
@@ -13174,5 +13179,289 @@ var ModalElement = _decorate(null, function (_initialize, _UpdatingElement) {
   };
 }, UpdatingElement);
 
-export { BrickAsComponent, BrickWrapper, DisplayByFeatureFlags, EasyopsEmpty, ErrorBoundary, FeatureFlagsProvider, ForwardRefSingleBrickAsComponent, ModalElement, SingleBrickAsComponent, StoryboardFunctionRegistryFactory, UpdatingElement, authenticate, batchSetAppsLocalTheme, checkIf, checkIfByTransform, createHistory, createRuntime, developHelper, doTransform, event, getAuth, getCssPropertyValue, getCurrentTheme, getHistory, getMockInfo, getRuntime, handleHttpError, httpErrorToString, i18nText, initI18n, isLoggedIn, logout, looseCheckIf, looseCheckIfByTransform, looseCheckIfOfComputed, method, preprocessTransformProperties, property, reTransformForDevtools, renderEasyopsEmpty, transformElementProperties, transformIntermediateData, transformProperties, useApplyPageTitle, useCurrentApp, useCurrentMode, useCurrentTheme, useFeatureFlags, useLocation, useRecentApps };
+var useProviderArgsDefaults = {
+  provider: "",
+  customOptions: {
+    onError: () => {
+      /* Do nothing.. */
+    },
+    transform: (oldData, newData) => newData,
+    data: undefined,
+    loading: false,
+    suspense: false
+  },
+  dependencies: undefined
+};
+var defaults = Object.entries(useProviderArgsDefaults).reduce((acc, _ref) => {
+  var [key, value] = _ref;
+  if (Object.prototype.toString.call(value) === "[object Object]") return _objectSpread(_objectSpread({}, acc), value);
+  return _objectSpread(_objectSpread({}, acc), {}, {
+    [key]: value
+  });
+}, {});
+
+var _excluded$1 = ["args"];
+function useProviderArgs(providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps, deps) {
+  var provider = useMemo(() => {
+    if (typeof providerOrParamsOrGlobalOptions === "string") {
+      return providerOrParamsOrGlobalOptions;
+    }
+
+    return useProviderArgsDefaults.provider;
+  }, [providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps]);
+  var options = useMemo(() => {
+    var localOptions = {};
+
+    if (isObject$1(providerOrParamsOrGlobalOptions)) {
+      localOptions = providerOrParamsOrGlobalOptions;
+    } else if (isObject$1(gloabalOptionsOrDeps)) {
+      localOptions = gloabalOptionsOrDeps;
+    }
+
+    return _objectSpread(_objectSpread({}, defaults), localOptions);
+  }, [providerOrParamsOrGlobalOptions, gloabalOptionsOrDeps]);
+  var requestInit = useMemo(() => {
+    var customOptionKeys = [...Object.keys(useProviderArgsDefaults), ...Object.keys(useProviderArgsDefaults.customOptions)];
+
+    var _reduce = Object.keys(options).reduce((acc, key) => {
+      if (!customOptionKeys.includes(key)) acc[key] = options[key];
+      return acc;
+    }, {}),
+        {
+      args = null
+    } = _reduce,
+        restOptions = _objectWithoutProperties(_reduce, _excluded$1);
+
+    return {
+      options: _objectSpread({}, restOptions),
+      args
+    };
+  }, [options]);
+  var dependencies = useMemo(() => {
+    if (Array.isArray(gloabalOptionsOrDeps)) return gloabalOptionsOrDeps;
+    if (Array.isArray(deps)) return deps;
+    return defaults.dependencies;
+  }, [gloabalOptionsOrDeps, deps]);
+  var loading = options.loading || Array.isArray(dependencies);
+  var customOptions = useMemo(() => {
+    var customOptionKeys = Object.keys(useProviderArgsDefaults.customOptions);
+    var customOptions = customOptionKeys.reduce((opts, key) => {
+      opts[key] = options[key];
+      return opts;
+    }, {});
+    return _objectSpread(_objectSpread({}, customOptions), {}, {
+      loading
+    });
+  }, [options]);
+  return {
+    provider,
+    customOptions,
+    requestInit,
+    dependencies
+  };
+}
+
+var cache$1 = new Map();
+function fetchProviderArgs(_x, _x2) {
+  return _fetchProviderArgs.apply(this, arguments);
+}
+
+function _fetchProviderArgs() {
+  _fetchProviderArgs = _asyncToGenerator$4(function* (provider, args) {
+    for (var _len = arguments.length, originalArgs = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      originalArgs[_key - 2] = arguments[_key];
+    }
+
+    var cacheKey = JSON.stringify({
+      provider,
+      args,
+      originalArgs
+    });
+    if (cache$1.has(cacheKey)) return cache$1.get(cacheKey);
+    var actualArgs = yield getArgsOfCustomApi(provider, [...args, ...originalArgs]);
+    cache$1.set(cacheKey, actualArgs);
+    return actualArgs;
+  });
+  return _fetchProviderArgs.apply(this, arguments);
+}
+
+var cache = new Map();
+function fetch(_x) {
+  return _fetch.apply(this, arguments);
+}
+
+function _fetch() {
+  _fetch = _asyncToGenerator$4(function* (provider) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    var cacheKey = JSON.stringify({
+      provider,
+      args
+    });
+    var promise;
+
+    if (cache.has(cacheKey)) {
+      promise = cache.get(cacheKey);
+    } else {
+      promise = _asyncToGenerator$4(function* () {
+        if (!isCustomApiProvider(provider)) {
+          var providerBrick = yield _internalApiGetProviderBrick(provider);
+          var providerTagName = providerBrick.tagName.toLowerCase();
+
+          if (!customElements.get(providerTagName)) {
+            throw new Error("Provider not defined: \"".concat(providerTagName, "\", please make sure the related package is installed."));
+          }
+
+          return providerBrick["resolve"](...args);
+        }
+
+        return CustomApi(...args);
+      })();
+      cache.set(cacheKey, promise);
+    }
+
+    return promise;
+  });
+  return _fetch.apply(this, arguments);
+}
+
+var _excluded = ["onError", "transform", "suspense"];
+function useProvider() {
+  var {
+    provider,
+    customOptions,
+    dependencies,
+    requestInit
+  } = useProviderArgs(...arguments);
+
+  var {
+    onError,
+    transform,
+    suspense
+  } = customOptions,
+      defaults = _objectWithoutProperties(customOptions, _excluded);
+
+  var [loading, setLoading] = useState(defaults.loading);
+  var suspenseStatus = useRef("pending");
+  var suspender = useRef();
+  var mounted = useRef(false);
+  var error = useRef();
+  var response = useRef();
+  var data = useRef(defaults.data);
+  var forceUpdate = useReducer(() => ({}), [])[1];
+  var doFetch = useCallback( /*#__PURE__*/_asyncToGenerator$4(function* () {
+    try {
+      error.current = undefined;
+      if (!suspense) setLoading(true);
+
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+
+      var newRes = yield fetch(provider, ...args);
+      response.current = newRes;
+      data.current = transform(data.current, newRes);
+    } catch (e) {
+      error.current = e;
+    }
+
+    if (!suspense) setLoading(false);
+    if (error.current) onError(error.current);
+    return data.current;
+  }), [provider, customOptions, dependencies, requestInit, suspense, transform, defaults.data, onError]);
+  var makeFetch = useCallback( /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator$4(function* (providerOrBody, args) {
+      var providerStr = provider;
+      var providerArgs = [];
+
+      if (isString(providerOrBody)) {
+        providerStr = providerOrBody;
+      }
+
+      if (isObject$1(providerOrBody)) {
+        providerArgs = providerOrBody;
+      } else if (isObject$1(args)) {
+        providerArgs = args;
+      }
+
+      var actualArgs = yield fetchProviderArgs(providerStr, providerArgs, requestInit.options);
+
+      if (suspense) {
+        return _asyncToGenerator$4(function* () {
+          suspender.current = doFetch(...actualArgs).then(newData => {
+            suspenseStatus.current = "success";
+            return newData;
+          }, error => {
+            suspenseStatus.current = "error";
+            error.current = error;
+            return error;
+          });
+          forceUpdate();
+          return yield suspender.current;
+        })();
+      }
+
+      return doFetch(...actualArgs);
+    });
+
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [doFetch]);
+  var request = useMemo(() => Object.defineProperties({
+    query: makeFetch
+  }, {
+    loading: {
+      get() {
+        return loading;
+      }
+
+    },
+    data: {
+      get() {
+        return data.current;
+      }
+
+    },
+    error: {
+      get() {
+        return error.current;
+      }
+
+    }
+  }), [makeFetch]); // onMount/onUpdate
+
+  useEffect(() => {
+    mounted.current = true;
+
+    if (Array.isArray(dependencies) && provider) {
+      request.query(provider, requestInit.args);
+    }
+
+    return () => mounted.current = false;
+  }, dependencies);
+
+  if (suspense && suspender.current) {
+    switch (suspenseStatus.current) {
+      case "pending":
+        throw suspender.current;
+
+      case "error":
+        throw error.current;
+    }
+  }
+
+  return Object.assign([request, response.current, loading, error.current], _objectSpread(_objectSpread({
+    request
+  }, request), {}, {
+    response: response.current,
+    data: data.current,
+    loading,
+    error: error.current
+  }));
+}
+
+export { BrickAsComponent, BrickWrapper, DisplayByFeatureFlags, EasyopsEmpty, ErrorBoundary, FeatureFlagsProvider, ForwardRefSingleBrickAsComponent, ModalElement, SingleBrickAsComponent, StoryboardFunctionRegistryFactory, UpdatingElement, authenticate, batchSetAppsLocalTheme, checkIf, checkIfByTransform, createHistory, createRuntime, developHelper, doTransform, event, getAuth, getCssPropertyValue, getCurrentTheme, getHistory, getMockInfo, getRuntime, handleHttpError, httpErrorToString, i18nText, initI18n, isLoggedIn, logout, looseCheckIf, looseCheckIfByTransform, looseCheckIfOfComputed, method, preprocessTransformProperties, property, reTransformForDevtools, renderEasyopsEmpty, transformElementProperties, transformIntermediateData, transformProperties, useApplyPageTitle, useCurrentApp, useCurrentMode, useCurrentTheme, useFeatureFlags, useLocation, useProvider, useRecentApps };
 //# sourceMappingURL=index.esm.js.map