@gobizweb/core 0.0.7

package/lib/providers/Auth.provider.js

@@ -0,0 +1,239 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthProvider = exports.useAuth = exports.AuthContext = void 0;
+var query_string_1 = __importDefault(require("query-string"));
+var react_router_1 = require("react-router");
+var use_http_1 = __importStar(require("use-http"));
+var useMount_1 = __importDefault(require("react-use/lib/useMount"));
+var useCookie_1 = __importDefault(require("react-use/lib/useCookie"));
+var react_1 = __importStar(require("react"));
+var env_1 = require("../helpers/env");
+var wildcardToRegEx_1 = require("../helpers/wildcardToRegEx");
+var AuthUser_model_1 = require("../models/AuthUser.model");
+var Outlet_model_1 = require("../models/Outlet.model");
+var MicroApp_provider_1 = require("./MicroApp.provider");
+var cookies_1 = require("../helpers/cookies");
+var LoadingModule_1 = require("../components/LoadingModule");
+var PubsubEvents_1 = require("../constants/PubsubEvents");
+exports.AuthContext = react_1.createContext({});
+exports.useAuth = function () { return react_1.useContext(exports.AuthContext); };
+exports.AuthProvider = function (props) {
+    var _a;
+    var authErrorScreen = props.authErrorScreen, onAuthError = props.onAuthError, asMicroApp = props.asMicroApp, others = __rest(props, ["authErrorScreen", "onAuthError", "asMicroApp"]);
+    var _b = react_router_1.useHistory(), replace = _b.replace, location = _b.location;
+    var resolveUrl = MicroApp_provider_1.useMicroApp().resolveUrl;
+    var _c = useCookie_1.default("access_token"), accessTokenCookie = _c[0], setAccessTokenCookie = _c[1];
+    var queryParams = query_string_1.default.parse(window.location.search);
+    var accessTokenFromQuery = (queryParams.access_token ||
+        queryParams.token);
+    /**
+     * access token read priority:
+     *   - URL params ?access_token=xxx
+     *   - URL params ?token=xxx
+     *   - cookie
+     */
+    var token = (_a = accessTokenFromQuery !== null && accessTokenFromQuery !== void 0 ? accessTokenFromQuery : accessTokenCookie) !== null && _a !== void 0 ? _a : "";
+    var _d = react_1.useState(false), authorized = _d[0], setAuthorized = _d[1];
+    var _e = react_1.useState(true), initialLoading = _e[0], setInitialLoading = _e[1];
+    var _f = react_1.useState({}), config = _f[0], setConfig = _f[1];
+    var _g = react_1.useState(new AuthUser_model_1.AuthUser()), authUser = _g[0], setAuthUser = _g[1];
+    var _h = react_1.useState(new Outlet_model_1.Outlet()), defaultOutlet = _h[0], setDefaultOutlet = _h[1];
+    var headers = {
+        authorization: "Bearer " + token,
+        "Authentication-Type": "go-id",
+    };
+    var _j = use_http_1.default(env_1.env("REACT_APP_MARS_API_HOST") + "/goresto/v4/public/users/config", {
+        cachePolicy: use_http_1.CachePolicies.NO_CACHE,
+        headers: headers,
+    }), getConfig = _j.get, configResponse = _j.response, configError = _j.error;
+    var _k = use_http_1.default(env_1.env("REACT_APP_MARS_API_HOST") + "/v1/users/me", {
+        cachePolicy: use_http_1.CachePolicies.NO_CACHE,
+        headers: headers,
+    }), getHermesUser = _k.get, hermesResponse = _k.response, hermesError = _k.error;
+    var _l = use_http_1.default(env_1.env("REACT_APP_MARS_API_HOST") + "/v1/merchants", {
+        cachePolicy: use_http_1.CachePolicies.NO_CACHE,
+        headers: headers,
+    }), getOutletByID = _l.get, outletResponse = _l.response, outletError = _l.error;
+    var fetchConfig = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _authUser, requestError;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, getConfig()];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, getHermesUser()];
+                case 2:
+                    _a.sent();
+                    if (!(hermesResponse.ok && configResponse.ok && configResponse.data)) return [3 /*break*/, 4];
+                    cookies_1.CookieConfig.userId = Number(configResponse === null || configResponse === void 0 ? void 0 : configResponse.data.user.id);
+                    setConfig(configResponse.data);
+                    _authUser = AuthUser_model_1.AuthUser.fromJSON(configResponse.data.user, hermesResponse.data.user);
+                    setAuthUser(_authUser);
+                    return [4 /*yield*/, getOutletByID(hermesResponse.data.user.merchant_id)];
+                case 3:
+                    _a.sent();
+                    if (outletResponse.ok && outletResponse.data) {
+                        setDefaultOutlet(Outlet_model_1.Outlet.fromJSON(outletResponse.data));
+                    }
+                    else if (outletError) {
+                        onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError(outletError);
+                    }
+                    _a.label = 4;
+                case 4:
+                    requestError = configError || hermesError;
+                    if (requestError) {
+                        onAuthError === null || onAuthError === void 0 ? void 0 : onAuthError(requestError);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var isPermitted = function (access, actions) {
+        var userPermissions = authUser.permissions || {};
+        var actualKey = Object.keys(userPermissions).find(function (permission) {
+            return wildcardToRegEx_1.wildcardTest(permission, access);
+        });
+        return (!!actualKey &&
+            []
+                .concat(actions)
+                .every(function (value) { return userPermissions[actualKey].includes(value); }));
+    };
+    var onPubSubEvent = function (data) {
+        setConfig(data.config);
+        setAuthUser(data.authUser);
+        setDefaultOutlet(data.outlet);
+    };
+    react_1.useEffect(function () {
+        var _a, _b;
+        if (!asMicroApp)
+            return;
+        (_a = window.$pubsubSubscribe) === null || _a === void 0 ? void 0 : _a.call(window, PubsubEvents_1.AUTH_MF, onPubSubEvent);
+        setAuthorized(true);
+        setInitialLoading(false);
+        (_b = window.$pubsubPublish) === null || _b === void 0 ? void 0 : _b.call(window, PubsubEvents_1.AUTH_PF, { hasSubscribed: true });
+        return function () {
+            var _a;
+            (_a = window.$pubsubUnsubscribe) === null || _a === void 0 ? void 0 : _a.call(window, PubsubEvents_1.AUTH_MF, onPubSubEvent);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    useMount_1.default(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var params, newParams;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (asMicroApp)
+                        return [2 /*return*/];
+                    setAccessTokenCookie(token);
+                    if (accessTokenFromQuery) {
+                        params = __assign(__assign({}, queryParams), { access_token: undefined, token: undefined });
+                        newParams = query_string_1.default.stringify(params);
+                        // const routePrefix = env("REACT_APP_ROUTE_PREFIX")
+                        replace(resolveUrl(location.pathname + "?" + newParams));
+                    }
+                    return [4 /*yield*/, fetchConfig()];
+                case 1:
+                    _a.sent();
+                    setAuthorized(configResponse.status !== 401);
+                    setInitialLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    if (initialLoading) {
+        return react_1.default.createElement(LoadingModule_1.LoadingModule, null);
+    }
+    if (!authorized) {
+        return authErrorScreen !== null && authErrorScreen !== void 0 ? authErrorScreen : react_1.default.createElement("p", null, "Unauthorized");
+    }
+    var context = {
+        accessToken: token,
+        config: config,
+        authUser: authUser,
+        defaultOutlet: defaultOutlet,
+        refreshConfig: fetchConfig,
+        isPermitted: isPermitted,
+    };
+    return (react_1.default.createElement(use_http_1.Provider, { options: { headers: headers } },
+        react_1.default.createElement(exports.AuthContext.Provider, __assign({}, others, { value: context }))));
+};

package/lib/providers/Clevertap.provider.js

@@ -0,0 +1,117 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClevertapProvider = exports.useClevertap = void 0;
+var react_1 = __importStar(require("react"));
+var Auth_provider_1 = require("./Auth.provider");
+var logger_1 = require("../helpers/logger");
+var jsCtEventPusher = function (event, properties) {
+    clevertap.event.push(event, properties);
+};
+var androidCtEventPusher = function (event, properties) {
+    // Android JS Interface expect properties in stringify json
+    AndroidClevertap.ctInstance().pushEvent(event, JSON.stringify(properties));
+};
+window.clevertap = {
+    event: [],
+    profile: [],
+    account: [],
+    onUserLogin: [],
+    notifications: [],
+    privacy: [{ optOut: false }, { useIP: false }],
+};
+var androidCtPresent = window.AndroidClevertap !== undefined &&
+    typeof window.AndroidClevertap.ctInstance === "function";
+var activeCtPusher = androidCtPresent
+    ? androidCtEventPusher
+    : jsCtEventPusher;
+var ClevertapContext = react_1.createContext({
+    sendCtEvent: function () { },
+});
+exports.useClevertap = function () { return react_1.useContext(ClevertapContext); };
+// State of CT script so it's only loaded once in the browser
+var clevertapLoaded = false;
+exports.ClevertapProvider = function (_a) {
+    var _b;
+    var apiKey = _a.apiKey, children = _a.children, _c = _a.appType, appType = _c === void 0 ? "POS" : _c, pristine = _a.pristine;
+    var _d = Auth_provider_1.useAuth(), authUser = _d.authUser, config = _d.config;
+    var commonProperties = pristine
+        ? {}
+        : {
+            AppType: appType,
+            Country: authUser.country,
+            SaudagarId: config.merchants[0].saudagar_id,
+            UserId: (_b = authUser.id) === null || _b === void 0 ? void 0 : _b.toString(),
+            UserPhone: authUser.phone,
+        };
+    react_1.useEffect(function () {
+        if (clevertapLoaded) {
+            // Only load and initialise CT once
+            return;
+        }
+        clevertapLoaded = true;
+        // Only initiate if there is no Clevertap Instance from Android
+        if (!androidCtPresent) {
+            (function () {
+                var wzrk = document.createElement("script");
+                wzrk.type = "text/javascript";
+                wzrk.async = true;
+                wzrk.src =
+                    ("https:" === document.location.protocol
+                        ? "https://d2r1yp2w7bby2u.cloudfront.net"
+                        : "http://static.clevertap.com") + "/js/a.js";
+                var s = document.getElementsByTagName("script")[0];
+                s.parentNode.insertBefore(wzrk, s);
+            })();
+            // Initialise CT API and CT user
+            clevertap.account.push({ id: apiKey });
+            !pristine &&
+                clevertap.profile.push({
+                    Site: {
+                        Identity: authUser.id,
+                    },
+                });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var context = {
+        sendCtEvent: function (event, properties) {
+            if (properties === void 0) { properties = {}; }
+            if (!apiKey) {
+                return logger_1.Logger.warn("This module does not have a Clevertap API set up");
+            }
+            var combinedProperties = __assign(__assign({}, commonProperties), properties);
+            activeCtPusher === null || activeCtPusher === void 0 ? void 0 : activeCtPusher(event, combinedProperties);
+        },
+    };
+    return (react_1.default.createElement(ClevertapContext.Provider, { value: context }, children));
+};

package/lib/providers/GoogleAnalytics.provider.js

@@ -0,0 +1,113 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GoogleAnalyticsProvider = exports.useGoogleAnalytics = exports.GoogleAnalyticsContext = exports.sendToGoogleAnalytics = void 0;
+var react_1 = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var ReactGA = __importStar(require("react-ga"));
+var web_vitals_1 = require("web-vitals");
+var logger_1 = require("../helpers/logger");
+exports.sendToGoogleAnalytics = function (_a) {
+    var name = _a.name, delta = _a.delta, id = _a.id;
+    ReactGA.event({
+        category: "Web Vitals",
+        action: name,
+        label: id,
+        value: Math.round(name === "CLS" ? delta * 1000 : delta),
+        nonInteraction: true,
+        transport: "beacon",
+    });
+};
+exports.GoogleAnalyticsContext = react_1.createContext({
+    gaKey: "",
+    dimensions: {},
+    sendEvent: function () { },
+    sendCustomEvent: function () { },
+    overrideCategory: function () { },
+});
+exports.useGoogleAnalytics = function () { return react_1.useContext(exports.GoogleAnalyticsContext); };
+exports.GoogleAnalyticsProvider = function (props) {
+    var _a = react_router_dom_1.useHistory(), location = _a.location, listen = _a.listen;
+    var parentContext = exports.useGoogleAnalytics();
+    var _b = props.gaKey, gaKey = _b === void 0 ? parentContext.gaKey : _b, _category = props.category, _c = props.trackPages, trackPages = _c === void 0 ? parentContext.trackPages : _c, _d = props.dimensions, dimensions = _d === void 0 ? parentContext.dimensions : _d, _e = props.sendWebVitals, sendWebVitals = _e === void 0 ? parentContext.sendWebVitals : _e, children = props.children;
+    var _f = react_1.useState(_category), category = _f[0], setCategory = _f[1];
+    var _g = react_1.useState(false), initiated = _g[0], setInitiated = _g[1];
+    react_1.useEffect(function () {
+        if (gaKey) {
+            ReactGA.initialize(gaKey);
+            if (typeof dimensions === "object" && Object.keys(dimensions).length) {
+                ReactGA.set(dimensions);
+            }
+            if (trackPages) {
+                ReactGA.pageview(location.pathname);
+            }
+            if (sendWebVitals) {
+                web_vitals_1.getCLS(exports.sendToGoogleAnalytics);
+                web_vitals_1.getFID(exports.sendToGoogleAnalytics);
+                web_vitals_1.getLCP(exports.sendToGoogleAnalytics);
+            }
+        }
+        else {
+            logger_1.Logger.warn("Google Analytics key is missing, so it will be disabled");
+        }
+        setInitiated(true);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var onLocationChange = function (location) {
+        var page = location.pathname;
+        var track = gaKey && initiated && trackPages;
+        if (track) {
+            ReactGA.set({ page: page });
+            ReactGA.pageview(page);
+        }
+    };
+    react_1.useEffect(function () {
+        return listen(onLocationChange);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [location.pathname, initiated]);
+    if (!initiated) {
+        return null;
+    }
+    var context = {
+        gaKey: gaKey,
+        category: category,
+        trackPages: trackPages,
+        dimensions: dimensions,
+        sendEvent: function (action, label) {
+            if (label === void 0) { label = ""; }
+            ReactGA.event({
+                category: category,
+                action: action,
+                label: label,
+            });
+        },
+        sendCustomEvent: function (category, action, label) {
+            if (label === void 0) { label = ""; }
+            ReactGA.event({
+                category: category,
+                action: action,
+                label: label,
+            });
+        },
+        overrideCategory: function (category) { return setCategory(category); },
+    };
+    return (react_1.default.createElement(exports.GoogleAnalyticsContext.Provider, { value: context }, children));
+};

package/lib/providers/Host.provider.js

@@ -0,0 +1,71 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostProvider = exports.useHost = exports.HostContext = void 0;
+var react_1 = __importStar(require("react"));
+var env_1 = require("../helpers/env");
+var _1 = require(".");
+exports.HostContext = react_1.createContext({});
+exports.useHost = function () { return react_1.useContext(exports.HostContext); };
+exports.HostProvider = function (props) {
+    var auth = _1.useAuth();
+    var _a = props.authUser, authUser = _a === void 0 ? auth.authUser : _a, other = __rest(props, ["authUser"]);
+    var country = authUser.country;
+    var getApiHost = function (countryCode) {
+        return countryCode.toLowerCase() === "id"
+            ? env_1.env("REACT_APP_MARS_API_HOST")
+            : env_1.env("REACT_APP_GOBIZ_API_HOST");
+    };
+    // TODO: adjust host config by country if there is different config between id and vietnam
+    var getCosmoHost = function (countryCode) {
+        return countryCode.toLowerCase() === "id"
+            ? env_1.env("REACT_APP_COSMO_HOST")
+            : env_1.env("REACT_APP_COSMO_HOST");
+    };
+    var contextValue = {
+        getApiHost: getApiHost,
+        cosmoHost: getCosmoHost(country),
+        apiHost: getApiHost(country),
+    };
+    return react_1.default.createElement(exports.HostContext.Provider, __assign({ value: contextValue }, other));
+};

package/lib/providers/Language.provider.js

@@ -0,0 +1,127 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LanguageProvider = exports.useLanguage = exports.LanguageContext = exports.COUNTRY_TO_LANGUAGE = exports.LANGUAGE_LABEL = void 0;
+var react_1 = __importStar(require("react"));
+var moment_1 = __importDefault(require("moment"));
+require("moment/locale/id");
+require("moment/locale/vi");
+var query_string_1 = __importDefault(require("query-string"));
+var useCookie_1 = __importDefault(require("react-use/lib/useCookie"));
+var styled_components_1 = require("styled-components");
+var cookies_1 = require("../constants/cookies");
+exports.LANGUAGE_LABEL = {
+    en: "English",
+    id: "Bahasa Indonesia",
+    vi: "Vietnamese",
+};
+exports.COUNTRY_TO_LANGUAGE = {
+    ID: ["id", "en"],
+    VN: ["vi", "en"],
+};
+exports.LanguageContext = react_1.createContext({});
+exports.useLanguage = function () { return react_1.useContext(exports.LanguageContext); };
+var flattenLanguage = Object.keys(exports.COUNTRY_TO_LANGUAGE)
+    .map(function (country) { return exports.COUNTRY_TO_LANGUAGE[country]; })
+    .flat();
+var isValidLanguageCode = function (lang) {
+    return flattenLanguage.includes(lang);
+};
+var NotoSansStyle = styled_components_1.createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  * {\n    font-family: \"Noto Sans\", sans-serif !important;\n  }\n"], ["\n  * {\n    font-family: \"Noto Sans\", sans-serif !important;\n  }\n"])));
+exports.LanguageProvider = function (_a) {
+    var _b = _a.asMicroApp, asMicroApp = _b === void 0 ? false : _b, _c = _a.defaultLanguage, fallbackLanguage = _c === void 0 ? "en" : _c, others = __rest(_a, ["asMicroApp", "defaultLanguage"]);
+    var _d = useCookie_1.default(cookies_1.CookieNames.Language), languageCookie = _d[0], setLanguageCookie = _d[1];
+    var queryParams = query_string_1.default.parse(window.location.search);
+    var fromQueryOrCookie = (queryParams.language ||
+        languageCookie);
+    var defaultLanguage = isValidLanguageCode(fromQueryOrCookie)
+        ? fromQueryOrCookie
+        : fallbackLanguage;
+    var _e = react_1.useState(defaultLanguage), language = _e[0], setLanguage = _e[1];
+    var _setLanguage = function (language) {
+        setLanguageCookie(language);
+        setLanguage(language);
+    };
+    var onPubSubEvent = function (data) {
+        if (isValidLanguageCode(data.language)) {
+            _setLanguage(data.language);
+        }
+    };
+    var getCountryLanguage = function (country) {
+        if (country === void 0) { country = "ID"; }
+        var languages = exports.COUNTRY_TO_LANGUAGE[country === null || country === void 0 ? void 0 : country.toUpperCase()];
+        return languages === null || languages === void 0 ? void 0 : languages.map(function (language) { return ({
+            value: language,
+            label: exports.LANGUAGE_LABEL[language],
+        }); });
+    };
+    react_1.useEffect(function () {
+        var _a;
+        if (asMicroApp) {
+            (_a = window.$pubsubSubscribe) === null || _a === void 0 ? void 0 : _a.call(window, "$__pubsub", onPubSubEvent);
+            return function () { var _a; return (_a = window.$pubsubUnsubscribe) === null || _a === void 0 ? void 0 : _a.call(window, "$__pubsub", onPubSubEvent); };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    react_1.useEffect(function () {
+        if (!!language)
+            moment_1.default.locale(language);
+    }, [language]);
+    var context = {
+        language: language,
+        setLanguage: _setLanguage,
+        languageLabel: exports.LANGUAGE_LABEL[language],
+        getCountryLanguage: getCountryLanguage,
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        language === "vi" && react_1.default.createElement(NotoSansStyle, null),
+        react_1.default.createElement(exports.LanguageContext.Provider, __assign({}, others, { value: context }))));
+};
+var templateObject_1;