@gobizweb/core 0.0.7

package/lib/hooks/useQueryParams.js

@@ -0,0 +1,95 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useQueryParams = void 0;
+var react_1 = require("react");
+var react_router_dom_1 = require("react-router-dom");
+var query_string_1 = __importDefault(require("query-string"));
+/**
+ * Removes queries that matches defaultQuery. E.g you typically set { page: 1 } as the default query.
+ * This function will ensure that the URL is shown as `/url` instead of `/url?page=1` when that page is opened. It
+ * removes ?page=1 because it is the default value. But will still show `/url?page=[2...n]`.
+ * @param defaultQuery
+ * @param params
+ */
+var removeDefaultParamsFromQuery = function (defaultQuery, params) {
+    var _default = defaultQuery;
+    return Object.keys(params).reduce(function (_params, key) {
+        _params[key] = params[key] === _default[key] ? undefined : params[key];
+        return _params;
+    }, {});
+};
+exports.useQueryParams = function (defaultQuery) {
+    if (defaultQuery === void 0) { defaultQuery = {
+        gopay_ref_id: "",
+        transaction_id: "",
+        min_amount: "",
+        max_amount: "",
+        features: "",
+        payment_type: "",
+        qris_charging_type: "",
+        qris_issuer: "",
+        transaction_status: "",
+        page: 1,
+        merchant_id: "",
+        date_range: "",
+        start_date: "",
+        end_date: "",
+        merchant_name: "",
+        phone: "",
+        email: "",
+        full_name: "",
+        outlet_name: "",
+        reset_password_token: "",
+        email_user_name: "",
+        ip_address: "",
+        action: "",
+        time: "",
+    }; }
+    var push = react_router_dom_1.useHistory().push;
+    var location = react_router_dom_1.useLocation();
+    var initialValue = query_string_1.default.parse(location.search, {
+        parseNumbers: true,
+        parseBooleans: true,
+    });
+    var _a = react_1.useState(__assign(__assign({}, defaultQuery), initialValue)), queryParams = _a[0], setQueryParams = _a[1];
+    var _b = react_1.useState(location.search.replace(/^\?/, "")), _string = _b[0], _setString = _b[1];
+    var _pushQueryParams = function (query) {
+        var _mergedQuery = __assign(__assign({}, queryParams), query);
+        var _withDefaultParams = removeDefaultParamsFromQuery(defaultQuery, _mergedQuery);
+        var _queryString = query_string_1.default.stringify(_withDefaultParams);
+        _setString(_queryString);
+        var _pathToPush = location.pathname + "?" + _queryString;
+        push(_pathToPush);
+    };
+    react_1.useEffect(function () {
+        var parsed = query_string_1.default.parse(location.search, {
+            parseNumbers: true,
+            parseBooleans: true,
+        });
+        var withDefaultState = __assign(__assign({}, defaultQuery), parsed);
+        var toSet = __assign(__assign({}, queryParams), withDefaultState);
+        setQueryParams(toSet);
+        // Removing this will cause compiler to complain about `queryParams` not being included in the deps array. But
+        // including it will cause the hook to re-render continuously, causing performance issues.
+        // eslint-disable-next-line
+    }, [location.search]);
+    return {
+        query: queryParams,
+        queryString: _string,
+        push: _pushQueryParams,
+    };
+};

package/lib/hooks/useShowGlobalFilter.js

@@ -0,0 +1,101 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useShowGlobalFilter = void 0;
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var useQueryParams_1 = require("./useQueryParams");
+var GlobalFilter_1 = require("../components/GlobalFilter");
+var datePresets_1 = require("../helpers/datePresets");
+var Outlets_provider_1 = require("../providers/Outlets.provider");
+exports.useShowGlobalFilter = function (config) {
+    if (config === void 0) { config = {}; }
+    var globalFilterState = GlobalFilter_1.useGlobalFilter();
+    var filter = globalFilterState.filter, enableFilter = globalFilterState.enableFilter, disableFilter = globalFilterState.disableFilter, initFilter = globalFilterState.initFilter, resetFilter = globalFilterState.resetFilter;
+    var outlets = Outlets_provider_1.useOutlets().outlets;
+    var _a = useQueryParams_1.useQueryParams(), query = _a.query, push = _a.push;
+    var newFilter = Object.assign({}, filter);
+    react_1.useEffect(function () {
+        var _a;
+        var merchant_id = query.merchant_id, start_date = query.start_date, end_date = query.end_date, date_range = query.date_range;
+        if (merchant_id) {
+            newFilter.merchant_id = merchant_id;
+        }
+        else if (config.hideAllOutlet) {
+            newFilter.merchant_id = (_a = outlets === null || outlets === void 0 ? void 0 : outlets[0]) === null || _a === void 0 ? void 0 : _a.id;
+        }
+        if (start_date) {
+            newFilter.start_time = start_date;
+        }
+        if (end_date) {
+            newFilter.end_time = end_date;
+        }
+        var setDateRange = function (range) {
+            var _a = datePresets_1.datesFromTimeRange({
+                timeRange: range,
+                previousEndTime: moment_1.default(newFilter.end_time),
+                previousStartTime: moment_1.default(newFilter.start_time),
+            }), startTime = _a.startTime, endTime = _a.endTime;
+            newFilter.date_range = range;
+            newFilter.start_time = startTime.toISOString();
+            newFilter.end_time = endTime.toISOString();
+        };
+        if (start_date || end_date) {
+            setDateRange("custom");
+        }
+        else if (date_range) {
+            // Do not let date_range be undefined
+            setDateRange(date_range);
+        }
+        initFilter(newFilter);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    react_1.useEffect(function () {
+        var _a;
+        var newQuery = {};
+        if (config.hideAllOutlet && filter.merchant_id === "all") {
+            newQuery = __assign(__assign({}, newQuery), { merchant_id: (_a = outlets === null || outlets === void 0 ? void 0 : outlets[0]) === null || _a === void 0 ? void 0 : _a.id });
+        }
+        else {
+            newQuery = __assign(__assign({}, newQuery), { merchant_id: filter.merchant_id });
+        }
+        if (config.showDateFilter) {
+            newQuery = __assign(__assign({}, newQuery), { date_range: filter.date_range });
+            if (filter.date_range === "custom") {
+                newQuery = __assign(__assign({}, newQuery), { start_date: filter.start_time, end_date: filter.end_time });
+            }
+            else {
+                newQuery = __assign(__assign({}, newQuery), { start_date: "", end_date: "" });
+            }
+        }
+        push(newQuery);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        filter.date_range,
+        filter.start_time,
+        filter.end_time,
+        filter.merchant_id,
+    ]);
+    react_1.useEffect(function () {
+        enableFilter(config);
+        return function () {
+            disableFilter();
+            resetFilter();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return globalFilterState;
+};

package/lib/hooks/useWebview.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWebViewNavigation = void 0;
+var BrowserEnvironment_1 = require("../helpers/BrowserEnvironment");
+var env_1 = require("../helpers/env");
+var path_1 = require("../helpers/path");
+var GoogleAnalytics_provider_1 = require("../providers/GoogleAnalytics.provider");
+exports.useWebViewNavigation = function () {
+    var sendEvent = GoogleAnalytics_provider_1.useGoogleAnalytics().sendEvent;
+    return {
+        closeWebView: function (state, nonWebViewFallback) {
+            if (!BrowserEnvironment_1.isWebView()) {
+                if (typeof nonWebViewFallback === "function") {
+                    return nonWebViewFallback();
+                }
+                console.warn("WebView Navigation: " + state + " called outside of WebView");
+                return (window.location.href = env_1.env("REACT_APP_ROUTE_PREFIX") + "/");
+            }
+            sendEvent("WebView Navigation: " + state);
+            window.location.href = path_1.PATH[state];
+        },
+        closeShuffleWebView: function (nonWebViewFallback) {
+            if (!BrowserEnvironment_1.isWebView()) {
+                if (typeof nonWebViewFallback === "function") {
+                    return nonWebViewFallback();
+                }
+                console.warn("Close Shuffle WebView is called outside of WebView");
+                return (window.location.href = env_1.env("REACT_APP_ROUTE_PREFIX") + "/");
+            }
+            sendEvent("WebView Navigation: Close");
+            var urlParams = new URLSearchParams(window.location.search);
+            urlParams.set("gobiz_action", "close");
+            window.location.search = urlParams.toString();
+        },
+        openExternalBrowser: function (url, nonWebviewFallback) {
+            console.log(url);
+            if (!BrowserEnvironment_1.isWebView()) {
+                if (typeof nonWebviewFallback === "function") {
+                    return nonWebviewFallback();
+                }
+            }
+            console.warn("WebView Navigation: Open External Browser");
+            var urlParams = new URLSearchParams(window.location.search);
+            urlParams.set("gobiz_action", decodeURI("launch_browser#" + url));
+            window.location.search = urlParams.toString();
+        },
+    };
+};

package/lib/hooks/useWindow.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useWindow = void 0;
+var react_1 = require("react");
+var useEventListener_1 = require("./useEventListener");
+var debounce_1 = require("../helpers/debounce");
+exports.useWindow = function () {
+    var _a = react_1.useState(window.innerHeight), refresh = _a[0], setRefresh = _a[1];
+    var _b = react_1.useState(window), windowState = _b[0], setWindowState = _b[1];
+    var onWindowChange = react_1.useCallback(debounce_1.debounce(function () {
+        setRefresh(window.innerHeight);
+    }, 200), [setWindowState]);
+    react_1.useEffect(function () {
+        setWindowState(window);
+    }, [refresh]);
+    useEventListener_1.useEventListener("resize", onWindowChange);
+    useEventListener_1.useEventListener("orientationchange", onWindowChange);
+    return windowState;
+};

package/lib/models/AuthUser.model.js

@@ -0,0 +1,159 @@
+"use strict";
+var __spreadArrays = (this && this.__spreadArrays) || function () {
+    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+    for (var r = Array(s), k = 0, i = 0; i < il; i++)
+        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+            r[k] = a[j];
+    return r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AuthUser = void 0;
+var roles_1 = require("../constants/roles");
+var AuthUser = /** @class */ (function () {
+    function AuthUser() {
+        this.json = {};
+        this.hermesJson = {};
+        this.country = "";
+        this.language = "";
+    }
+    Object.defineProperty(AuthUser.prototype, "id", {
+        get: function () {
+            return parseInt(this.json.id, 10);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "merchantId", {
+        get: function () {
+            return this.hermesJson.merchant_id;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "fullName", {
+        get: function () {
+            return this.hermesJson.full_name;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "email", {
+        get: function () {
+            return this.hermesJson.email;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "phone", {
+        get: function () {
+            return this.hermesJson.phone;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "roles", {
+        get: function () {
+            try {
+                return JSON.parse(this.json.user_role);
+            }
+            catch (e) {
+                return [];
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "isOwner", {
+        get: function () {
+            return this.roles.includes(roles_1.ROLES.OWNER);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "isMidtransOwner", {
+        get: function () {
+            return this.roles.includes(roles_1.ROLES.ADMIN);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "isTemp", {
+        get: function () {
+            return this.roles.includes(roles_1.ROLES.TEMP);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "isAdmin", {
+        get: function () {
+            return this.roles.includes(roles_1.ROLES.ADMIN) || this.roles.includes(roles_1.ROLES.OWNER);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "permissions", {
+        get: function () {
+            return this.json.permissions;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "isManager", {
+        get: function () {
+            return this.roles.includes(roles_1.ROLES.MANAGER);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "isBrandUser", {
+        get: function () {
+            return this.brand !== null;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "hasTags", {
+        get: function () {
+            return this.tagsHumanized.length !== 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(AuthUser.prototype, "tagsHumanized", {
+        get: function () {
+            return this.tagsToArrayOfStrings(this.tags);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    AuthUser.prototype.tagsToArrayOfStrings = function (tags, stringTags) {
+        var _this = this;
+        if (stringTags === void 0) { stringTags = []; }
+        if (!tags) {
+            return [];
+        }
+        var reduced = Object.keys(tags).reduce(function (all, current) {
+            if (["and", "or"].includes(current)) {
+                var _mapped = tags[current].map(function (_current) {
+                    return _this.tagsToArrayOfStrings(_current, all);
+                });
+                return __spreadArrays(all, _mapped);
+            }
+            return __spreadArrays(all, [tags[current]]);
+        }, []);
+        return __spreadArrays(stringTags, reduced).flat();
+    };
+    AuthUser.fromJSON = function (json, hermesJson) {
+        var authUser = new AuthUser();
+        authUser.json = json;
+        authUser.hermesJson = hermesJson;
+        authUser.country = json.country_id;
+        authUser.language = hermesJson.language || "en";
+        authUser.brand = hermesJson.brand;
+        authUser.tags = hermesJson.tags;
+        authUser.brand = hermesJson.brand;
+        return authUser;
+    };
+    return AuthUser;
+}());
+exports.AuthUser = AuthUser;