bananas-commerce-admin 0.1.0

package/dist/cjs/forms/LoginForm.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var notistack_1 = require("notistack");
+var react_1 = __importDefault(require("react"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
+var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+var Stack_1 = __importDefault(require("@mui/material/Stack"));
+var styles_1 = require("@mui/material/styles");
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var ApiContext_1 = require("../contexts/ApiContext");
+var I18nContext_1 = require("../contexts/I18nContext");
+var UserContext_1 = require("../contexts/UserContext");
+var LoadingButton_1 = __importDefault(require("@mui/lab/LoadingButton"));
+var LoginForm = function () {
+    var theme = (0, styles_1.useTheme)();
+    var enqueueSnackbar = (0, notistack_1.useSnackbar)().enqueueSnackbar;
+    var t = (0, I18nContext_1.useI18n)().t;
+    var login = (0, UserContext_1.useUser)().login;
+    var api = (0, ApiContext_1.useApi)();
+    var _a = react_1.default.useState(""), username = _a[0], setUsername = _a[1];
+    var _b = react_1.default.useState(""), password = _b[0], setPassword = _b[1];
+    var _c = react_1.default.useState(false), loading = _c[0], setLoading = _c[1];
+    var operation = api.operations["bananas.login:create"];
+    var properties = operation.request.body.schema.properties;
+    var handleSubmit = function (event) {
+        event.preventDefault();
+        setLoading(true);
+        login(username, password).then(function (user) {
+            if (user !== null) {
+                enqueueSnackbar("".concat(t("Welcome,"), " ").concat(user.full_name), {
+                    variant: "success",
+                });
+            }
+            else {
+                enqueueSnackbar(t("Unable to log in with provided credentials."), {
+                    variant: "error",
+                });
+            }
+        }).finally(function () { return setLoading(false); });
+    };
+    return (react_1.default.createElement(Box_1.default, { component: "form", onSubmit: handleSubmit },
+        react_1.default.createElement(DialogContent_1.default, null,
+            react_1.default.createElement(Stack_1.default, { spacing: 1 },
+                react_1.default.createElement(TextField_1.default, { autoFocus: true, fullWidth: true, label: properties.username.title, name: "username", type: "text", onChange: function (e) {
+                        setUsername(e.target.value);
+                    }, color: "secondary", inputProps: { "aria-label": "Username" } }),
+                react_1.default.createElement(TextField_1.default, { fullWidth: true, label: properties.password.title, name: "password", type: "password", onChange: function (e) {
+                        setPassword(e.target.value);
+                    }, color: "secondary", inputProps: { "aria-label": "Password" } }))),
+        react_1.default.createElement(DialogActions_1.default, { sx: {
+                borderTop: "1px solid ".concat(theme.palette.divider),
+                margin: 0,
+                padding: theme.spacing(1),
+            } },
+            react_1.default.createElement(LoadingButton_1.default, { sx: {
+                    margin: "auto",
+                }, variant: "contained", type: "submit", color: "secondary", "aria-label": "login", loading: loading }, t("Log in")))));
+};
+exports.default = LoginForm;

package/dist/cjs/hooks/useAsyncError.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+function useAsyncError() {
+    var _a = react_1.default.useState(), _ = _a[0], setError = _a[1];
+    return react_1.default.useCallback(function (e) {
+        setError(function () {
+            throw e;
+        });
+    }, [setError]);
+}
+exports.default = useAsyncError;

package/dist/cjs/hooks/useLocalStorage.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+function useLocalStorage(key, defaultValue) {
+    var _a;
+    var _b = react_1.default.useState((_a = getState(key)) !== null && _a !== void 0 ? _a : defaultValue), state = _b[0], setState = _b[1];
+    var _c = react_1.default.useState(false), mounted = _c[0], setMounted = _c[1];
+    react_1.default.useEffect(function () {
+        if (mounted)
+            return;
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (localStorage) {
+            var value = getState(key);
+            if (value)
+                setState(value);
+            setMounted(true);
+        }
+    }, [key, mounted]);
+    react_1.default.useEffect(function () {
+        if (mounted)
+            setLocalState(key, state);
+    }, [state, key, mounted]);
+    return [state, setState];
+}
+exports.default = useLocalStorage;
+function getState(key) {
+    return tryJSONParse(localStorage.getItem(buildStorageKey(key)));
+}
+function setLocalState(key, state) {
+    localStorage.setItem(buildStorageKey(key), JSON.stringify(state));
+}
+function buildStorageKey(key) {
+    return "__useLocalStorage_".concat(key);
+}
+function tryJSONParse(json) {
+    if (!json)
+        return null;
+    try {
+        return JSON.parse(json);
+    }
+    catch (e) {
+        return null;
+    }
+}

package/dist/cjs/index.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = exports.Admin = exports.Link = exports.Logo = exports.Content = exports.ProgressBar = void 0;
+var ProgressBar_1 = require("./components/ProgressBar");
+Object.defineProperty(exports, "ProgressBar", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
+var Content_1 = require("./containers/Content");
+Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return __importDefault(Content_1).default; } });
+var Logo_1 = require("./components/Logo");
+Object.defineProperty(exports, "Logo", { enumerable: true, get: function () { return __importDefault(Logo_1).default; } });
+var Link_1 = require("./components/Link");
+Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return __importDefault(Link_1).default; } });
+__exportStar(require("./contexts/ApiContext"), exports);
+__exportStar(require("./contexts/I18nContext"), exports);
+__exportStar(require("./contexts/RouterContext"), exports);
+__exportStar(require("./contexts/UserContext"), exports);
+__exportStar(require("./containers/LoadingScreen"), exports);
+var Admin_1 = require("./Admin");
+Object.defineProperty(exports, "Admin", { enumerable: true, get: function () { return __importDefault(Admin_1).default; } });
+var App_1 = require("./App");
+Object.defineProperty(exports, "App", { enumerable: true, get: function () { return __importDefault(App_1).default; } });
+__exportStar(require("./api"), exports);
+__exportStar(require("./extensions/bananas"), exports);
+__exportStar(require("./extensions/pos"), exports);

package/dist/cjs/pages/DashboardPage.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var DashboardPage = function (_a) {
+    return react_1.default.createElement("h1", null, "Dashboard!");
+};
+exports.default = DashboardPage;

package/dist/cjs/pages/LoginPage.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var material_1 = require("@mui/material");
+var styles_1 = require("@mui/material/styles");
+var LoginForm_1 = __importDefault(require("../forms/LoginForm"));
+var Logo_1 = __importDefault(require("../components/Logo"));
+var LoginPage = function (_a) {
+    var title = _a.title, logo = _a.logo, Form = _a.form;
+    var theme = (0, styles_1.useTheme)();
+    Form !== null && Form !== void 0 ? Form : (Form = LoginForm_1.default);
+    return (react_1.default.createElement(material_1.Dialog, { open: true, sx: { "> * > *": { width: "100%" } } },
+        react_1.default.createElement(material_1.DialogTitle, { sx: {
+                borderBottom: "1px solid ".concat(theme.palette.divider),
+                margin: 0,
+                backgroundColor: theme.palette.primary.main,
+                padding: theme.spacing(2),
+                textAlign: "center",
+                alignItems: "middle",
+                justifyContent: "center",
+                display: "flex",
+            } }, logo ? react_1.default.createElement(Logo_1.default, { src: logo }) : (react_1.default.createElement(material_1.Typography, { sx: {
+                color: theme.palette.primary.contrastText,
+                fontWeight: "bold",
+            } }, title))),
+        react_1.default.createElement(Form, null)));
+};
+exports.default = LoginPage;

package/dist/cjs/router/Router.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = void 0;
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var react_1 = __importDefault(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var RouterContext_1 = require("../contexts/RouterContext");
+var DashboardPage_1 = __importDefault(require("../pages/DashboardPage"));
+var PageLoader_1 = __importDefault(require("../containers/PageLoader"));
+var PageErrorBoundary_1 = __importDefault(require("../containers/PageErrorBoundary"));
+var ErrorScreen_1 = __importDefault(require("../containers/ErrorScreen"));
+var Router = function (_a) {
+    var dashboard = _a.dashboard, extensions = _a.extensions, pages = _a.pages;
+    extensions !== null && extensions !== void 0 ? extensions : (extensions = Array.isArray(extensions) ? extensions : []);
+    var routes = (0, RouterContext_1.useRouter)().routes;
+    var Dashboard = dashboard !== null && dashboard !== void 0 ? dashboard : DashboardPage_1.default;
+    var extensionsMap = new Map(extensions.map(function (_a) {
+        var app = _a.app, pages = _a.pages;
+        return [app, pages];
+    }));
+    var pageRoutes = routes.map(function (route) {
+        var pageLoader = extensionsMap.get(route.app);
+        var Element = function () { return (react_1.default.createElement(PageErrorBoundary_1.default, { errorPage: ErrorScreen_1.default },
+            react_1.default.createElement(PageLoader_1.default, { route: route, page: pageLoader(route) }))); };
+        return (react_1.default.createElement(react_router_dom_1.Route, { key: route.path, path: route.path, element: react_1.default.createElement(Element, null) }));
+    });
+    return (react_1.default.createElement(Box_1.default, { component: "main", sx: { flexGrow: 1, p: 3 } },
+        react_1.default.createElement(react_router_dom_1.Routes, null,
+            react_1.default.createElement(react_router_dom_1.Route, { index: true, element: react_1.default.createElement(Dashboard, null) }),
+            pageRoutes)));
+};
+exports.Router = Router;

package/dist/cjs/router/routes.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTitle = exports.getPage = exports.getPath = exports.isNavigation = exports.parseOperationId = void 0;
+var util_1 = require("../util");
+/**
+ * Parses an `operationId` returning app, view and action
+ *
+ * ## Examples
+ *
+ * `bananas.me:list` -> `{ app: "bananas", view: "me", action: "list" }`
+ *
+ * `bananas.login:create` -> `{ app: "bananas", view: "login", action: "create" }`
+ *
+ * `bananas.i18n:list` -> `{ app: "bananas", view: "i18n", action: "list" }`
+ */
+function parseOperationId(operationId) {
+    var match = operationId.match(/^(\w+)\.(\w+):(\w+)$/);
+    if (match !== null) {
+        return {
+            app: match[1],
+            view: match[2],
+            action: match[3],
+        };
+    }
+    return undefined;
+}
+exports.parseOperationId = parseOperationId;
+function isNavigation(tags) {
+    return tags.includes("navigation");
+}
+exports.isNavigation = isNavigation;
+function getPath(endpoint, method, action) {
+    return (method.toLowerCase() === "get"
+        ? endpoint
+        : "".concat(endpoint).concat(action !== null && action !== void 0 ? action : "", "/")).replace(/{([^}]*)}/, ":$1");
+}
+exports.getPath = getPath;
+function getBasePath(path) {
+    return path.substring(0, ((0, util_1.nthIndexOf)(path, "/", 2, 1) + 1) || undefined);
+}
+function getPage(path, action) {
+    var basePath = getBasePath(path);
+    var relativeBasePath = basePath.slice(1);
+    return "".concat(relativeBasePath).concat(action);
+}
+exports.getPage = getPage;
+function getAppLabel(tags) {
+    var _a;
+    return (_a = tags.filter(function (tag) { return tag.startsWith("app:"); })[0]) === null || _a === void 0 ? void 0 : _a.split(":")[1];
+}
+function getView(id) {
+    return id.substring(id.indexOf(".") + 1, id.indexOf(":"));
+}
+function getTitle(view, summary) {
+    return (summary !== null && summary !== void 0 ? summary : (view && (0, util_1.capitalize)(view.replace("_", " "))));
+}
+exports.getTitle = getTitle;

package/dist/cjs/types/index.js

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

package/dist/cjs/util/get_cookie.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCookie = void 0;
+function getCookie(name) {
+    var prefix = "".concat(name, "=");
+    var cookies = document.cookie.split(/\s*;\s*/);
+    var match = cookies.find(function (cookie) { return cookie.startsWith(prefix); });
+    return match == null ? undefined : match.slice(prefix.length);
+}
+exports.getCookie = getCookie;

package/dist/cjs/util/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.capitalize = exports.nthIndexOf = exports.absolutePath = exports.ensureLeadingHash = exports.ensureTrailingSlash = void 0;
+function ensureTrailingSlash(path) {
+    if (path != null && !path.endsWith("/")) {
+        return "".concat(path, "/");
+    }
+    return path;
+}
+exports.ensureTrailingSlash = ensureTrailingSlash;
+function ensureLeadingHash(hash) {
+    if (hash != null && !hash.startsWith("#")) {
+        return "#".concat(hash);
+    }
+    return hash;
+}
+exports.ensureLeadingHash = ensureLeadingHash;
+function absolutePath(path, basename) {
+    if (basename === void 0) { basename = "/"; }
+    if (!path) {
+        return path;
+    }
+    var pathname = path;
+    // Make relative path absolute to basename
+    if (!pathname.startsWith("/")) {
+        pathname = ensureTrailingSlash(basename) + pathname;
+    }
+    // Expand path
+    if (pathname.indexOf(".") >= 0) {
+        var stack = [];
+        for (var _i = 0, _a = pathname.split("/"); _i < _a.length; _i++) {
+            var part = _a[_i];
+            if (part === ".") {
+                continue;
+            }
+            else if (part === ".." && stack.length > 0) {
+                stack.pop();
+            }
+            else {
+                stack.push(part);
+            }
+        }
+        pathname = stack.join("/");
+    }
+    return ensureTrailingSlash(pathname);
+}
+exports.absolutePath = absolutePath;
+function nthIndexOf(str, pattern, n, start) {
+    var index = str.indexOf(pattern, start !== null && start !== void 0 ? start : 0);
+    if (index >= 0 && n > 1) {
+        return nthIndexOf(str, pattern, n - 1, index + 1);
+    }
+    return index;
+}
+exports.nthIndexOf = nthIndexOf;
+/**
+ * Like Python’s `.capitalize()`.
+ */
+function capitalize(string) {
+    return string.slice(0, 1).toUpperCase() + string.slice(1).toLowerCase();
+}
+exports.capitalize = capitalize;

package/dist/cjs/util/select_styles.js

@@ -0,0 +1,38 @@
+"use strict";
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ss = exports.selectStyles = void 0;
+function selectStyles() {
+    var sxs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        sxs[_i] = arguments[_i];
+    }
+    var final = [];
+    for (var _a = 0, sxs_1 = sxs; _a < sxs_1.length; _a++) {
+        var sx = sxs_1[_a];
+        if (Array.isArray(sx)) {
+            if (sx.filter(function (v) { return typeof v === "boolean"; })
+                .every(function (v) { return v; })) {
+                // If every entry is true
+                final.concat(sx.filter(function (v) {
+                    return typeof v !== "boolean";
+                }));
+            }
+        }
+        else if (sx !== undefined) {
+            final.push(sx);
+        }
+    }
+    return Object.assign.apply(Object, __spreadArray([{}], final.reverse(), false));
+}
+exports.selectStyles = selectStyles;
+// Shorthand for select styles helper
+exports.ss = selectStyles;

package/dist/esm/Admin.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { BrowserRouter } from "react-router-dom";
+import Box from "@mui/material/Box";
+import NavBar from "./components/NavBar";
+import LoadingScreen from "./containers/LoadingScreen";
+import { useApi } from "./contexts/ApiContext";
+import { useI18n } from "./contexts/I18nContext";
+import { RouterContextProvider } from "./contexts/RouterContext";
+import { useUser } from "./contexts/UserContext";
+import LoginPage from "./pages/LoginPage";
+import { Router } from "./router/Router";
+var Admin = function (_a) {
+    var logo = _a.logo, title = _a.title, subtitle = _a.subtitle, version = _a.version, nav = _a.nav, pages = _a.pages, extensions = _a.extensions, dashboard = _a.dashboard, basename = _a.basename;
+    var _b = React.useState(false), loaded = _b[0], setLoaded = _b[1];
+    var api = useApi();
+    var i18n = useI18n();
+    var user = useUser().user;
+    React.useEffect(function () {
+        if (!loaded && api !== undefined && i18n !== undefined && user !== undefined) {
+            setLoaded(true);
+        }
+    }, [loaded, api, i18n, user]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { sx: {
+                display: "flex",
+                position: "fixed",
+                top: 0,
+                left: 0,
+                width: "100%",
+                height: "100%",
+                flexDirection: "column",
+            } }, loaded
+            ? user !== null
+                ? (React.createElement(BrowserRouter, { basename: basename },
+                    React.createElement(RouterContextProvider, null,
+                        React.createElement(Box, { sx: { display: "flex" } },
+                            React.createElement(NavBar, { nav: nav, logo: logo, title: title, subtitle: subtitle, version: version }),
+                            React.createElement(Router, { pages: pages, extensions: extensions, dashboard: dashboard })))))
+                : React.createElement(LoginPage, { logo: logo, title: title })
+            : React.createElement(LoadingScreen, { logo: logo, loading: !loaded }))));
+};
+export default Admin;

package/dist/esm/App.js

@@ -0,0 +1,44 @@
+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 __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;
+};
+import React from "react";
+import CssBaseline from "@mui/material/CssBaseline";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
+import Admin from "./Admin";
+import { ApiContextProvider } from "./contexts/ApiContext";
+import { UserContextProvider } from "./contexts/UserContext";
+import { I18nContextProvider } from "./contexts/I18nContext";
+import { SnackbarProvider } from "notistack";
+var App = function (_a) {
+    var theme = _a.theme, api = _a.api, rest = __rest(_a, ["theme", "api"]);
+    return (React.createElement(ThemeProvider, { theme: theme !== null && theme !== void 0 ? theme : createTheme() },
+        React.createElement(CssBaseline, null),
+        React.createElement(SnackbarProvider, { maxSnack: 4, anchorOrigin: {
+                vertical: "bottom",
+                horizontal: "right",
+            } },
+            React.createElement(ApiContextProvider, { api: api },
+                React.createElement(I18nContextProvider, null,
+                    React.createElement(UserContextProvider, null,
+                        React.createElement(Admin, __assign({}, rest))))))));
+};
+export default App;