@wavemaker/react-runtime 11.14.1-16.6404

package/higherOrder/BaseApp.js

@@ -0,0 +1,430 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.BaseApp = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _cloneDeep = _interopRequireDefault(require("lodash-es/cloneDeep"));
+var _isEqual = _interopRequireDefault(require("lodash-es/isEqual"));
+var _get2 = _interopRequireDefault(require("lodash-es/get"));
+var _store = require("../store");
+var _useAuth = require("../hooks/useAuth");
+var _i18nSlice = require("../store/slices/i18nSlice");
+var _appstore = _interopRequireDefault(require("../core/appstore"));
+var _appVariablesStore = require("../core/appVariablesStore");
+var _AppContext = _interopRequireDefault(require("../context/AppContext"));
+var _eventNotifier = _interopRequireDefault(require("../core/event-notifier"));
+var _dialog = _interopRequireDefault(require("../core/dialog.service"));
+var _app = require("../core/app.service");
+var _proxyService = require("../core/proxy-service");
+var _helper = require("./helper");
+var _authSlice = require("../store/slices/authSlice");
+var _AppSpinnerProvider = _interopRequireDefault(require("../context/AppSpinnerProvider"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t2 in e) "default" !== _t2 && {}.hasOwnProperty.call(e, _t2) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t2)) && (i.get || i.set) ? o(f, _t2, i) : f[_t2] = e[_t2]); return f; })(e, t); }
+var __jsx = _react["default"].createElement;
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+// HOC function that wraps the app component
+var BaseApp = exports.BaseApp = function BaseApp(WrappedComponent, addAppScript, getAppVariables) {
+  var appInfo = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  var AppContextComponent = function AppContextComponent(props) {
+    var _info$appConfig;
+    var dispatch = (0, _store.useAppDispatch)();
+    var authContext = (0, _useAuth.useAuth)();
+    var i18n = (0, _store.useAppSelector)(function (state) {
+      return state.i18n;
+    });
+    var info = (0, _store.useAppSelector)(function (state) {
+      return state.info;
+    });
+    var _useState = (0, _react.useState)(_objectSpread(_objectSpread({}, _helper.BaseAppInitialState), {}, {
+        updateActivePage: updateActivePage,
+        changeLocale: changeLocale,
+        selectedLocale: i18n.selectedLocale || "en",
+        baseUrl: (info === null || info === void 0 || (_info$appConfig = info.appConfig) === null || _info$appConfig === void 0 ? void 0 : _info$appConfig.url) || "",
+        appConfig: _objectSpread(_objectSpread({}, info === null || info === void 0 ? void 0 : info.appConfig), {}, {
+          SecurityService: authContext,
+          loggedInUser: (0, _cloneDeep["default"])(authContext === null || authContext === void 0 ? void 0 : authContext.loggedInUser) || _authSlice.defaultUserState
+        }),
+        serviceDefinitions: (0, _cloneDeep["default"])((info === null || info === void 0 ? void 0 : info.serviceDefs) || {}),
+        notifyApp: notifyApp,
+        eval: evaluateExpression,
+        openActionDialog: openActionDialog,
+        executeStartAppOperations: executeStartAppOperations,
+        importModule: _helper.importModule,
+        Widgets: {}
+      })),
+      appContext = _useState[0],
+      setAppContext = _useState[1];
+    var appProxyRef = (0, _react.useRef)(null);
+    var isInitializedRef = (0, _react.useRef)(false);
+    var serviceErrorSubscriptionRef = (0, _react.useRef)(null);
+    var isVariablesExecutedRef = (0, _react.useRef)(false);
+    var registrationTimeoutRef = (0, _react.useRef)(null);
+    var pendingWidgetRegistrations = (0, _react.useRef)({});
+
+    // Set up service error listener using EventNotifier (outside useEffect)
+    (0, _react.useEffect)(function () {
+      var unsubscribe = _eventNotifier["default"].ROOT.subscribe("SERVICE_ERROR", function (variable, error, options) {
+        var _options$xhrObj, _options$xhrObj2, _appProxyRef$current;
+        // if error is 401, show login dialog
+        if ((options === null || options === void 0 || (_options$xhrObj = options.xhrObj) === null || _options$xhrObj === void 0 ? void 0 : _options$xhrObj.status) === 401) {
+          (0, _app.handle401)();
+        }
+        if ((options === null || options === void 0 || (_options$xhrObj2 = options.xhrObj) === null || _options$xhrObj2 === void 0 ? void 0 : _options$xhrObj2.code) === "ERR_CANCELED") {
+          return;
+        }
+        if ((_appProxyRef$current = appProxyRef.current) !== null && _appProxyRef$current !== void 0 && _appProxyRef$current.onServiceError && typeof appProxyRef.current.onServiceError === "function") {
+          appProxyRef.current.onServiceError(error, options.xhrObj);
+        }
+        notifyApp(error, "error", "Service Error");
+      });
+      serviceErrorSubscriptionRef.current = unsubscribe;
+      // Cleanup function
+      return function () {
+        if (serviceErrorSubscriptionRef.current) {
+          serviceErrorSubscriptionRef.current();
+        }
+        // Clear any pending widget registration timeout
+        if (registrationTimeoutRef.current) {
+          clearTimeout(registrationTimeoutRef.current);
+          registrationTimeoutRef.current = null;
+        }
+      };
+    }, []);
+
+    // Initialize app once
+    (0, _react.useEffect)(function () {
+      if (!(info !== null && info !== void 0 && info.serviceDefs)) return;
+      if (isInitializedRef.current) return;
+      isInitializedRef.current = true;
+
+      // initialize app
+      initializeApp();
+      // Cleanup function
+      return function () {
+        // Clean up service error subscription
+        if (serviceErrorSubscriptionRef.current) {
+          serviceErrorSubscriptionRef.current();
+        }
+        // Clear any pending widget registration timeout
+        if (registrationTimeoutRef.current) {
+          clearTimeout(registrationTimeoutRef.current);
+          registrationTimeoutRef.current = null;
+        }
+      };
+    }, [info === null || info === void 0 ? void 0 : info.serviceDefs]);
+    function openActionDialog(notification, title) {
+      setAppContext(function (prev) {
+        if (title) {
+          prev.Common[title].open();
+        }
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          notification: notification
+        });
+      });
+    }
+    function executeStartAppOperations() {
+      return _executeStartAppOperations.apply(this, arguments);
+    }
+    function _executeStartAppOperations() {
+      _executeStartAppOperations = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        var startUpVariables, appVariables, variablePromises;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
+            case 0:
+              if (!isVariablesExecutedRef.current) {
+                _context4.next = 2;
+                break;
+              }
+              return _context4.abrupt("return");
+            case 2:
+              isVariablesExecutedRef.current = true;
+              startUpVariables = appInfo.startUpVariables || [];
+              appVariables = appProxyRef.current.Variables; // Execute startup variables
+              variablePromises = startUpVariables.map(/*#__PURE__*/function () {
+                var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(varName) {
+                  var variable;
+                  return _regenerator["default"].wrap(function _callee3$(_context3) {
+                    while (1) switch (_context3.prev = _context3.next) {
+                      case 0:
+                        variable = appVariables[varName];
+                        if (!(variable && variable.invoke && typeof variable.invoke === "function")) {
+                          _context3.next = 12;
+                          break;
+                        }
+                        _context3.prev = 2;
+                        _context3.next = 5;
+                        return variable.invoke();
+                      case 5:
+                        return _context3.abrupt("return", _context3.sent);
+                      case 8:
+                        _context3.prev = 8;
+                        _context3.t0 = _context3["catch"](2);
+                        console.warn("Error invoking startup variable ".concat(varName, ":"), _context3.t0);
+                        return _context3.abrupt("return", null);
+                      case 12:
+                        return _context3.abrupt("return", Promise.resolve());
+                      case 13:
+                      case "end":
+                        return _context3.stop();
+                    }
+                  }, _callee3, null, [[2, 8]]);
+                }));
+                return function (_x) {
+                  return _ref3.apply(this, arguments);
+                };
+              }());
+              _context4.prev = 6;
+              _context4.next = 9;
+              return Promise.allSettled(variablePromises);
+            case 9:
+              // Call onAppVariablesReady after startup variables are loaded
+              if (appProxyRef.current.onAppVariablesReady && typeof appProxyRef.current.onAppVariablesReady === "function") {
+                appProxyRef.current.onAppVariablesReady();
+              }
+              _context4.next = 15;
+              break;
+            case 12:
+              _context4.prev = 12;
+              _context4.t0 = _context4["catch"](6);
+              console.error("Error during app startup operations:", _context4.t0);
+            case 15:
+            case "end":
+              return _context4.stop();
+          }
+        }, _callee4, null, [[6, 12]]);
+      }));
+      return _executeStartAppOperations.apply(this, arguments);
+    }
+    var initializeApp = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var appProxy, appVariables, _get, APP_VARIABLES, executeAppStartup;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              appProxy = (0, _proxyService.createStateProxy)(appContext, [], setAppContext);
+              appProxyRef.current = appProxy;
+
+              // Get app variables
+              appVariables = {
+                Variables: {},
+                Actions: {}
+              };
+              if (getAppVariables && typeof getAppVariables === "function") {
+                appVariables = getAppVariables(appProxy);
+              } else {
+                // Fallback to appstore
+                APP_VARIABLES = (_get = _appstore["default"].get("AppConfig")) === null || _get === void 0 ? void 0 : _get.appVariables;
+                if (APP_VARIABLES) {
+                  appVariables = (0, _appVariablesStore.getAppVariablesInstance)(appProxy, APP_VARIABLES);
+                }
+              }
+
+              // Set variables and actions in app proxy
+              appProxy.Variables = appVariables.Variables;
+              appProxy.Actions = appVariables.Actions;
+
+              // Initialize app script and register callbacks
+              if (addAppScript && typeof addAppScript === "function") {
+                addAppScript(appProxy);
+              }
+
+              // Execute app startup operations
+              executeAppStartup = /*#__PURE__*/function () {
+                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+                  var startUpActions, _iterator, _step, actionName, action;
+                  return _regenerator["default"].wrap(function _callee$(_context) {
+                    while (1) switch (_context.prev = _context.next) {
+                      case 0:
+                        startUpActions = appInfo.startUpActions || []; // Execute startup actions
+                        _iterator = _createForOfIteratorHelper(startUpActions);
+                        try {
+                          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                            actionName = _step.value;
+                            action = appVariables.Actions[actionName];
+                            if (action && action.invoke && typeof action.invoke === "function") {
+                              try {
+                                action.invoke();
+                              } catch (error) {
+                                console.warn("Error invoking startup action ".concat(actionName, ":"), error);
+                              }
+                            }
+                          }
+                        } catch (err) {
+                          _iterator.e(err);
+                        } finally {
+                          _iterator.f();
+                        }
+                      case 3:
+                      case "end":
+                        return _context.stop();
+                    }
+                  }, _callee);
+                }));
+                return function executeAppStartup() {
+                  return _ref2.apply(this, arguments);
+                };
+              }(); // Execute startup operations
+              _context2.next = 11;
+              return executeAppStartup();
+            case 11:
+              // Initialize DialogService in appstore
+              _appstore["default"].DialogService.set(_dialog["default"]);
+
+              // Set app as ready and update context
+              setAppContext(function (prev) {
+                return _objectSpread(_objectSpread({}, prev), {}, {
+                  Variables: appVariables.Variables,
+                  Actions: appVariables.Actions,
+                  appProxy: appProxy,
+                  isAppReady: true
+                });
+              });
+              _context2.next = 19;
+              break;
+            case 15:
+              _context2.prev = 15;
+              _context2.t0 = _context2["catch"](0);
+              console.error("Error initializing app:", _context2.t0);
+              setAppContext(function (prev) {
+                return _objectSpread(_objectSpread({}, prev), {}, {
+                  isAppReady: true
+                });
+              });
+            case 19:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 15]]);
+      }));
+      return function initializeApp() {
+        return _ref.apply(this, arguments);
+      };
+    }();
+    function evaluateExpression(fn) {
+      var failOnError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      try {
+        return fn.call(appContext);
+      } catch (e) {
+        if (failOnError) {
+          throw e;
+        } else {
+          return null;
+        }
+      }
+    }
+    function updateActivePage(pageName) {
+      if (appProxyRef.current) {
+        var _appProxyRef$current2;
+        appProxyRef.current.lastActivePage = (_appProxyRef$current2 = appProxyRef.current) === null || _appProxyRef$current2 === void 0 ? void 0 : _appProxyRef$current2.activePageName;
+        appProxyRef.current.activePageName = pageName;
+        appProxyRef.current.activePage = appProxyRef.current;
+      }
+    }
+    // Change locale function
+    function changeLocale(locale) {
+      dispatch((0, _i18nSlice.setSelectedLocaleAndLoadBundle)({
+        locale: locale
+      }));
+    }
+    function notifyApp(message, type, title) {
+      // App-level notification
+      var notificationAction = (0, _get2["default"])(appContext, "Actions.appNotification");
+      if (notificationAction) {
+        var appNotification = notificationAction.config.paramProvider();
+        var newParams = function newParams() {
+          return {
+            text: message || "Success",
+            content: "inline",
+            "class": type || "Success",
+            duration: appNotification.duration || 3000,
+            toasterPosition: appNotification.toasterPosition || "bottom right"
+          };
+        };
+        notificationAction.config.paramProvider = newParams;
+        notificationAction.invoke();
+      } else {
+        console.warn('The default Action "appNotification" doesn\'t exist in the app.  App notified following error:\n ', message);
+      }
+    }
+
+    // For app Level Common Widgets
+    var commonComponentsArray = (0, _react.useRef)(function () {
+      var commonProp = appInfo === null || appInfo === void 0 ? void 0 : appInfo.common;
+      if (!commonProp) {
+        return [];
+      }
+      if (Array.isArray(commonProp)) {
+        return commonProp.map(function (comp) {
+          return {
+            component: comp
+          };
+        });
+      }
+      return [{
+        component: commonProp
+      }];
+    }());
+    var registerCommonComponent = function registerCommonComponent(commonContext) {
+      if (!(commonContext !== null && commonContext !== void 0 && commonContext.Widgets)) return;
+
+      // Collect all widgets from this component
+      Object.keys(commonContext.Widgets).forEach(function (widgetName) {
+        pendingWidgetRegistrations.current[widgetName] = commonContext.Widgets[widgetName];
+      });
+
+      // Clear existing timeout and set a new one to batch updates
+      if (registrationTimeoutRef.current) {
+        clearTimeout(registrationTimeoutRef.current);
+      }
+      registrationTimeoutRef.current = setTimeout(function () {
+        var updatedWidgets = _objectSpread(_objectSpread({}, appContext.Common), pendingWidgetRegistrations.current);
+        if (!(0, _isEqual["default"])(updatedWidgets, appContext.Common)) {
+          setAppContext(function (prev) {
+            return _objectSpread(_objectSpread({}, prev), {}, {
+              Common: updatedWidgets
+            });
+          });
+        }
+
+        // Clear pending registrations after update
+        pendingWidgetRegistrations.current = {};
+        registrationTimeoutRef.current = null;
+      }, 0); // Use setTimeout with 0 to batch all synchronous calls
+    };
+    var renderCommonComponents = function renderCommonComponents() {
+      if (commonComponentsArray.current.length === 0) return null;
+      return commonComponentsArray.current.map(function (commonInfo, index) {
+        var Component = commonInfo.component;
+        return __jsx(_react["default"].Fragment, {
+          key: "component-wrapper-".concat(index)
+        }, __jsx(Component, {
+          key: "common-component-".concat(index),
+          onRender: function onRender(commonComponent) {
+            return registerCommonComponent(commonComponent);
+          }
+        }));
+      });
+    };
+    return __jsx(_AppContext["default"].Provider, {
+      value: {
+        state: appContext,
+        proxy: appProxyRef.current
+      }
+    }, __jsx(_AppSpinnerProvider["default"], null, renderCommonComponents(), __jsx(WrappedComponent, props)));
+  };
+  AppContextComponent.displayName = "BaseApp(".concat(WrappedComponent.displayName || WrappedComponent.name || "Component", ")");
+  return AppContextComponent;
+};
+var _default = exports["default"] = BaseApp;

package/higherOrder/BaseAppProps.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});