@wavemaker-ai/react-runtime 1.0.0-rc.647499 → 1.0.0-rc.647565

package/store/slices/i18nSlice.js

@@ -1,24 +1,74 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setTimezone = exports.setTimeFormat = exports.setSelectedLocaleAndLoadBundle = exports.setDateFormat = exports.setCurrencyCode = exports.setAppLocale = exports.loadLocaleBundle = exports["default"] = void 0;
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _toolkit = require("@reduxjs/toolkit");
-var _axios = _interopRequireDefault(require("axios"));
-var _toLower = _interopRequireDefault(require("lodash-es/toLower"));
-var _map = _interopRequireDefault(require("lodash-es/map"));
-var _lodashEs = require("lodash-es");
-var _util = require("@wavemaker-ai/react-runtime/core/util");
-var _dom = require("@wavemaker-ai/react-runtime/core/util/dom");
-var _store = require("@wavemaker-ai/react-runtime/store");
-var _appstore = _interopRequireDefault(require("@wavemaker-ai/react-runtime/core/appstore"));
-var APP_LOCALE_ROOT_PATH = "/resources/i18n";
-var RTL_LANGUAGE_CODES = ["ar", "ar-001", "ar-ae", "ar-bh", "ar-dz", "ar-eg", "ar-iq", "ar-jo", "ar-kw", "ar-lb", "ar-ly", "ar-ma", "ar-om", "ar-qa", "ar-sa", "ar-sd", "ar-sy", "ar-tn", "ar-ye", "arc", "bcc", "bqi", "ckb", "dv", "fa", "glk", "he", "ku", "mzn", "pnb", "ps", "sd", "ug", "ur", "yi"];
-var initialState = {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
+import axios from "axios";
+import toLower from "lodash-es/toLower";
+import map from "lodash-es/map";
+import { includes, intersection, isObject } from "lodash-es";
+import {
+  getSessionStorageItem,
+  setSessionStorageItem
+} from "../../core/util";
+import { setCSS } from "../../core/util/dom";
+import { store } from "..";
+import appstore from "../../core/appstore";
+import { resolveBasePath } from "../util/resolve-path";
+const APP_LOCALE_ROOT_PATH = "/resources/i18n";
+const RTL_LANGUAGE_CODES = [
+  "ar",
+  "ar-001",
+  "ar-ae",
+  "ar-bh",
+  "ar-dz",
+  "ar-eg",
+  "ar-iq",
+  "ar-jo",
+  "ar-kw",
+  "ar-lb",
+  "ar-ly",
+  "ar-ma",
+  "ar-om",
+  "ar-qa",
+  "ar-sa",
+  "ar-sd",
+  "ar-sy",
+  "ar-tn",
+  "ar-ye",
+  "arc",
+  "bcc",
+  "bqi",
+  "ckb",
+  "dv",
+  "fa",
+  "glk",
+  "he",
+  "ku",
+  "mzn",
+  "pnb",
+  "ps",
+  "sd",
+  "ug",
+  "ur",
+  "yi"
+];
+const initialState = {
   selectedLocale: "",
   defaultSupportedLocale: "en",
   appLocale: {},
@@ -31,176 +81,127 @@ var initialState = {
   error: null,
   prefabMessages: {}
 };
-
-// check and change the direction
 function updateLocaleDirection(locale) {
-  var direction = "ltr";
+  let direction = "ltr";
   if (RTL_LANGUAGE_CODES.includes(locale)) {
     direction = "rtl";
   }
-  (0, _dom.setCSS)(document.body, "direction", direction);
+  setCSS(document.body, "direction", direction);
 }
-
-// Async thunk for loading locale bundle
-var loadLocaleBundle = exports.loadLocaleBundle = (0, _toolkit.createAsyncThunk)("i18n/loadLocaleBundle", /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(_, _ref) {
-    var rejectWithValue, appProperties, getAcceptedLanguages, _acceptLang, _defaultLanguage, preferBrowserLang, _supportedLang, _selectedDefaultLang, sessionLanguage, localLanguage, locale, url, path, response;
-    return _regenerator["default"].wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          getAcceptedLanguages = function _getAcceptedLanguages() {
-            var _languages;
-            var languages = decodeURIComponent(appProperties.preferredLanguage || "");
-            languages = (_languages = languages) === null || _languages === void 0 || (_languages = _languages.split(",")) === null || _languages === void 0 ? void 0 : _languages.map(function (locale) {
-              return locale === null || locale === void 0 ? void 0 : locale.split(";")[0];
-            });
-            return (0, _map["default"])(languages, _toLower["default"]);
-          };
-          rejectWithValue = _ref.rejectWithValue;
-          appProperties = _store.store.getState().info.appConfig.appProperties;
-          _acceptLang = getAcceptedLanguages();
-          _defaultLanguage = appProperties.defaultLanguage;
-          _acceptLang.push(_defaultLanguage);
-
-          // checks whether user preference is based on browser set languages or default language set in project
-          preferBrowserLang = appProperties.preferBrowserLang;
-          if (!preferBrowserLang) {
-            // when preferBrowserLang is not defined, set to its default value
-            preferBrowserLang = true;
-          } else {
-            // convert stringified boolean values recieved from BE to booleans
-            preferBrowserLang = preferBrowserLang === "true" || preferBrowserLang === true ? true : false;
-          }
-          _supportedLang = (Object === null || Object === void 0 ? void 0 : Object.keys(appProperties.supportedLanguages)) || [initialState.defaultSupportedLocale];
-          _selectedDefaultLang = preferBrowserLang ? undefined : _defaultLanguage;
-          sessionLanguage = (0, _util.getSessionStorageItem)("selectedLocale");
-          localLanguage = (0, _lodashEs.includes)(_supportedLang, sessionLanguage) && sessionLanguage;
-          locale = localLanguage || _selectedDefaultLang || (0, _lodashEs.intersection)(_acceptLang, _supportedLang)[0] || initialState.defaultSupportedLocale;
-          _context.prev = 13;
-          url = _store.store.getState().info.appConfig.url;
-          path = "".concat((url !== null && url !== void 0 ? url : "") + APP_LOCALE_ROOT_PATH, "/").concat(locale, ".json");
-          _context.next = 18;
-          return _axios["default"].get(path);
-        case 18:
-          response = _context.sent;
-          // update session language
-          (0, _util.setSessionStorageItem)("selectedLocale", locale);
-          // change direction if required
-          updateLocaleDirection(locale);
-          _appstore["default"].set("i18nService", response.data);
-          return _context.abrupt("return", {
-            data: response.data,
-            locale: locale
-          });
-        case 25:
-          _context.prev = 25;
-          _context.t0 = _context["catch"](13);
-          console.warn("Error loading locale resource: ".concat(_context.t0));
-          return _context.abrupt("return", rejectWithValue("Failed to load locale bundle"));
-        case 29:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee, null, [[13, 25]]);
-  }));
-  return function (_x, _x2) {
-    return _ref2.apply(this, arguments);
-  };
-}());
-
-// Async thunk to set locale and load locale bundle
-var setSelectedLocaleAndLoadBundle = exports.setSelectedLocaleAndLoadBundle = (0, _toolkit.createAsyncThunk)("i18n/setSelectedLocaleAndLoadBundle", /*#__PURE__*/function () {
-  var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(_ref3, _ref4) {
-    var locale, dispatch, getState, localeValue, appProperties, supportedLocales, currentLocale;
-    return _regenerator["default"].wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          locale = _ref3.locale;
-          dispatch = _ref4.dispatch, getState = _ref4.getState;
-          localeValue = (0, _lodashEs.isObject)(locale) ? locale.datavalue : locale;
-          appProperties = _store.store.getState().info.appConfig.appProperties;
-          supportedLocales = Object.keys(appProperties.supportedLanguages);
-          if ((0, _lodashEs.includes)(supportedLocales, localeValue)) {
-            _context2.next = 7;
-            break;
-          }
-          return _context2.abrupt("return", null);
-        case 7:
-          if (!(!localeValue || localeValue === getState().i18n.selectedLocale)) {
-            _context2.next = 9;
-            break;
-          }
-          return _context2.abrupt("return", null);
-        case 9:
-          currentLocale = (0, _util.getSessionStorageItem)("selectedLocale");
-          if (!(currentLocale === localeValue)) {
-            _context2.next = 12;
-            break;
-          }
-          return _context2.abrupt("return", null);
-        case 12:
-          // Update session storage with new locale
-          (0, _util.setSessionStorageItem)("selectedLocale", localeValue);
-
-          // Change direction if required
-          updateLocaleDirection(localeValue);
-
-          // Load the locale bundle
-          _context2.next = 16;
-          return dispatch(loadLocaleBundle());
-        case 16:
-          return _context2.abrupt("return", localeValue);
-        case 17:
-        case "end":
-          return _context2.stop();
+const loadLocaleBundle = createAsyncThunk(
+  "i18n/loadLocaleBundle",
+  async (_, { rejectWithValue }) => {
+    const appProperties = store.getState().info.appConfig.appProperties;
+    function getAcceptedLanguages() {
+      var _a;
+      let languages = decodeURIComponent(appProperties.preferredLanguage || "");
+      languages = (_a = languages == null ? void 0 : languages.split(",")) == null ? void 0 : _a.map(function(locale2) {
+        return locale2 == null ? void 0 : locale2.split(";")[0];
+      });
+      return map(languages, toLower);
+    }
+    const _acceptLang = getAcceptedLanguages();
+    const _defaultLanguage = appProperties.defaultLanguage;
+    _acceptLang.push(_defaultLanguage);
+    let preferBrowserLang = appProperties.preferBrowserLang;
+    if (!preferBrowserLang) {
+      preferBrowserLang = true;
+    } else {
+      preferBrowserLang = preferBrowserLang === "true" || preferBrowserLang === true ? true : false;
+    }
+    let _supportedLang = (Object == null ? void 0 : Object.keys(appProperties.supportedLanguages)) || [
+      initialState.defaultSupportedLocale
+    ];
+    let _selectedDefaultLang = preferBrowserLang ? void 0 : _defaultLanguage;
+    const sessionLanguage = getSessionStorageItem("selectedLocale");
+    let localLanguage = includes(_supportedLang, sessionLanguage) && sessionLanguage;
+    let locale = localLanguage || _selectedDefaultLang || intersection(_acceptLang, _supportedLang)[0] || initialState.defaultSupportedLocale;
+    try {
+      const url = store.getState().info.appConfig.url;
+      const path = `${resolveBasePath(url) + APP_LOCALE_ROOT_PATH}/${locale}.json`;
+      const response = await axios.get(path);
+      setSessionStorageItem("selectedLocale", locale);
+      const i18nService = appstore.I18nService.get();
+      if (i18nService) {
+        i18nService.selectedLocale = locale;
       }
-    }, _callee2);
-  }));
-  return function (_x3, _x4) {
-    return _ref5.apply(this, arguments);
-  };
-}());
-var i18nSlice = (0, _toolkit.createSlice)({
+      updateLocaleDirection(locale);
+      appstore.set("i18nService", __spreadProps(__spreadValues({}, response.data), { selectedLocale: locale }));
+      return { data: response.data, locale };
+    } catch (error) {
+      console.warn(`Error loading locale resource: ${error}`);
+      return rejectWithValue("Failed to load locale bundle");
+    }
+  }
+);
+const setSelectedLocaleAndLoadBundle = createAsyncThunk(
+  "i18n/setSelectedLocaleAndLoadBundle",
+  async ({ locale }, { dispatch, getState }) => {
+    let localeValue = isObject(locale) ? locale.datavalue : locale;
+    const appProperties = store.getState().info.appConfig.appProperties;
+    const supportedLocales = Object.keys(appProperties.supportedLanguages);
+    if (!includes(supportedLocales, localeValue)) {
+      return null;
+    }
+    if (!localeValue || localeValue === getState().i18n.selectedLocale) {
+      return null;
+    }
+    const currentLocale = getSessionStorageItem("selectedLocale");
+    if (currentLocale === localeValue) {
+      return null;
+    }
+    setSessionStorageItem("selectedLocale", localeValue);
+    updateLocaleDirection(localeValue);
+    await dispatch(loadLocaleBundle());
+    return localeValue;
+  }
+);
+const i18nSlice = createSlice({
   name: "i18n",
-  initialState: initialState,
+  initialState,
   reducers: {
-    setTimezone: function setTimezone(state, action) {
+    setTimezone: (state, action) => {
       state.timezone = action.payload;
     },
-    setAppLocale: function setAppLocale(state, action) {
+    setAppLocale: (state, action) => {
       state.appLocale = action.payload;
     },
-    setDateFormat: function setDateFormat(state, action) {
+    setDateFormat: (state, action) => {
       state.dateFormat = action.payload;
-      state.dateTimeFormat = "".concat(action.payload, " ").concat(state.timeFormat);
+      state.dateTimeFormat = `${action.payload} ${state.timeFormat}`;
     },
-    setTimeFormat: function setTimeFormat(state, action) {
+    setTimeFormat: (state, action) => {
       state.timeFormat = action.payload;
-      state.dateTimeFormat = "".concat(state.dateFormat, " ").concat(action.payload);
+      state.dateTimeFormat = `${state.dateFormat} ${action.payload}`;
     },
-    setCurrencyCode: function setCurrencyCode(state, action) {
+    setCurrencyCode: (state, action) => {
       state.currencyCode = action.payload;
     }
   },
-  extraReducers: function extraReducers(builder) {
-    builder.addCase(loadLocaleBundle.fulfilled, function (state, action) {
-      var _action$payload$data$, _action$payload$data$2, _action$payload$data$3;
+  extraReducers: (builder) => {
+    builder.addCase(loadLocaleBundle.fulfilled, (state, action) => {
+      var _a, _b, _c;
       state.appLocale = action.payload.data.messages || {};
-      state.dateFormat = ((_action$payload$data$ = action.payload.data.formats) === null || _action$payload$data$ === void 0 ? void 0 : _action$payload$data$.date) || state.dateFormat;
-      state.timeFormat = ((_action$payload$data$2 = action.payload.data.formats) === null || _action$payload$data$2 === void 0 ? void 0 : _action$payload$data$2.time) || state.timeFormat;
-      state.currencyCode = ((_action$payload$data$3 = action.payload.data.formats) === null || _action$payload$data$3 === void 0 ? void 0 : _action$payload$data$3.currency) || state.currencyCode;
-      state.dateTimeFormat = "".concat(state.dateFormat, " ").concat(state.timeFormat);
+      state.dateFormat = ((_a = action.payload.data.formats) == null ? void 0 : _a.date) || state.dateFormat;
+      state.timeFormat = ((_b = action.payload.data.formats) == null ? void 0 : _b.time) || state.timeFormat;
+      state.currencyCode = ((_c = action.payload.data.formats) == null ? void 0 : _c.currency) || state.currencyCode;
+      state.dateTimeFormat = `${state.dateFormat} ${state.timeFormat}`;
       state.prefabMessages = action.payload.data.prefabMessages || {};
       state.selectedLocale = action.payload.locale || state.selectedLocale;
-    }).addCase(loadLocaleBundle.rejected, function (state, action) {
+    }).addCase(loadLocaleBundle.rejected, (state, action) => {
       state.error = action.payload;
     });
   }
 });
-var _i18nSlice$actions = i18nSlice.actions,
-  setTimezone = exports.setTimezone = _i18nSlice$actions.setTimezone,
-  setAppLocale = exports.setAppLocale = _i18nSlice$actions.setAppLocale,
-  setDateFormat = exports.setDateFormat = _i18nSlice$actions.setDateFormat,
-  setTimeFormat = exports.setTimeFormat = _i18nSlice$actions.setTimeFormat,
-  setCurrencyCode = exports.setCurrencyCode = _i18nSlice$actions.setCurrencyCode;
-var _default = exports["default"] = i18nSlice.reducer;
+const { setTimezone, setAppLocale, setDateFormat, setTimeFormat, setCurrencyCode } = i18nSlice.actions;
+var i18nSlice_default = i18nSlice.reducer;
+export {
+  i18nSlice_default as default,
+  loadLocaleBundle,
+  setAppLocale,
+  setCurrencyCode,
+  setDateFormat,
+  setSelectedLocaleAndLoadBundle,
+  setTimeFormat,
+  setTimezone
+};

package/store/slices/navigationSlice.js

@@ -1,35 +1,37 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.setPendingTabSelection = exports.setPendingAccordionExpansion = exports["default"] = exports.clearPendingTabSelection = exports.clearPendingAccordionExpansion = void 0;
-var _toolkit = require("@reduxjs/toolkit");
-var initialState = {
+import { createSlice } from "@reduxjs/toolkit";
+const initialState = {
   pendingAccordionExpansion: null,
   pendingTabSelection: null
 };
-var navigationSlice = (0, _toolkit.createSlice)({
+const navigationSlice = createSlice({
   name: "navigation",
-  initialState: initialState,
+  initialState,
   reducers: {
-    setPendingAccordionExpansion: function setPendingAccordionExpansion(state, action) {
+    setPendingAccordionExpansion: (state, action) => {
       state.pendingAccordionExpansion = action.payload;
     },
-    clearPendingAccordionExpansion: function clearPendingAccordionExpansion(state) {
+    clearPendingAccordionExpansion: (state) => {
       state.pendingAccordionExpansion = null;
     },
-    setPendingTabSelection: function setPendingTabSelection(state, action) {
+    setPendingTabSelection: (state, action) => {
       state.pendingTabSelection = action.payload;
     },
-    clearPendingTabSelection: function clearPendingTabSelection(state) {
+    clearPendingTabSelection: (state) => {
       state.pendingTabSelection = null;
     }
   }
 });
-var _navigationSlice$acti = navigationSlice.actions,
-  setPendingAccordionExpansion = exports.setPendingAccordionExpansion = _navigationSlice$acti.setPendingAccordionExpansion,
-  clearPendingAccordionExpansion = exports.clearPendingAccordionExpansion = _navigationSlice$acti.clearPendingAccordionExpansion,
-  setPendingTabSelection = exports.setPendingTabSelection = _navigationSlice$acti.setPendingTabSelection,
-  clearPendingTabSelection = exports.clearPendingTabSelection = _navigationSlice$acti.clearPendingTabSelection;
-var _default = exports["default"] = navigationSlice.reducer;
+const {
+  setPendingAccordionExpansion,
+  clearPendingAccordionExpansion,
+  setPendingTabSelection,
+  clearPendingTabSelection
+} = navigationSlice.actions;
+var navigationSlice_default = navigationSlice.reducer;
+export {
+  clearPendingAccordionExpansion,
+  clearPendingTabSelection,
+  navigationSlice_default as default,
+  setPendingAccordionExpansion,
+  setPendingTabSelection
+};

package/store/util/resolve-path.d.ts

@@ -0,0 +1 @@
+export declare const resolveBasePath: (baseUrl: string) => string;

package/store/util/resolve-path.js

@@ -0,0 +1,7 @@
+const BASE_PATH = typeof process !== "undefined" ? process.env.NEXT_PUBLIC_BASE_PATH || "" : "";
+const resolveBasePath = (baseUrl) => {
+  return `${baseUrl || BASE_PATH || ""}`;
+};
+export {
+  resolveBasePath
+};