bananas-commerce-admin 0.1.0

package/dist/cjs/contexts/RouterContext.js

@@ -0,0 +1,99 @@
+"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 __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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterContextProvider = exports.useRouter = void 0;
+var React = __importStar(require("react"));
+var react_router_dom_1 = require("react-router-dom");
+var routes_1 = require("../router/routes");
+var ApiContext_1 = require("./ApiContext");
+var RouterContext = React.createContext({
+    routes: [],
+    getRoute: function (reverse) { return void reverse; },
+    navigate: function (route, options) { return void [route, options]; },
+});
+var useRouter = function () { return React.useContext(RouterContext); };
+exports.useRouter = useRouter;
+var RouterContextProvider = function (_a) {
+    var children = _a.children;
+    var routes = [];
+    var api = (0, ApiContext_1.useApi)();
+    var routerNavigate = (0, react_router_dom_1.useNavigate)();
+    for (var _i = 0, _b = Object.values(api.operations); _i < _b.length; _i++) {
+        var operation = _b[_i];
+        var parsedOperationId = (0, routes_1.parseOperationId)(operation.id);
+        if (!parsedOperationId) {
+            throw new TypeError("Could not parse operation id ".concat(operation.id));
+        }
+        var app = parsedOperationId.app, view = parsedOperationId.view, action = parsedOperationId.action;
+        var title = (0, routes_1.getTitle)(view, operation.summary);
+        var navigation = (0, routes_1.isNavigation)(operation.tags);
+        var path = (0, routes_1.getPath)(operation.endpoint, operation.method, action);
+        var page = (0, routes_1.getPage)(path, action);
+        routes.push({
+            id: operation.id,
+            app: app,
+            view: view,
+            action: action,
+            title: title,
+            navigation: navigation,
+            path: path,
+            page: page,
+        });
+    }
+    var getRoute = function (reverse) {
+        return routes.find(function (_a) {
+            var id = _a.id;
+            return reverse === id;
+        });
+    };
+    var navigate = function (route, options) {
+        var _a;
+        // Relative history, e.g. go back or forward x steps
+        if (typeof route === "number") {
+            routerNavigate(route);
+            return;
+        }
+        // Direct operation id routes, requires reversing the operation id
+        if (typeof route === "string") {
+            var routeInfo = getRoute(route);
+            if (routeInfo === undefined) {
+                throw new Error("Could not find route with reverse: ".concat(route));
+            }
+            route = routeInfo;
+        }
+        var path = route.path;
+        for (var _i = 0, _b = Object.entries((_a = options === null || options === void 0 ? void 0 : options.params) !== null && _a !== void 0 ? _a : {}); _i < _b.length; _i++) {
+            var _c = _b[_i], key = _c[0], value = _c[1];
+            path = path.replace(":".concat(key), encodeURIComponent(value));
+        }
+        routerNavigate({
+            pathname: path,
+            search: new URLSearchParams(options === null || options === void 0 ? void 0 : options.query).toString(),
+        }, { replace: options === null || options === void 0 ? void 0 : options.replace });
+    };
+    return (React.createElement(RouterContext.Provider, { value: { routes: routes, getRoute: getRoute, navigate: navigate } }, children));
+};
+exports.RouterContextProvider = RouterContextProvider;
+exports.default = RouterContext;

package/dist/cjs/contexts/UserContext.js

@@ -0,0 +1,144 @@
+"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 __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.prototype.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UserContextProvider = exports.useUser = void 0;
+var React = __importStar(require("react"));
+var useLocalStorage_1 = __importDefault(require("../hooks/useLocalStorage"));
+var ApiContext_1 = require("./ApiContext");
+var UserContext = React.createContext(undefined);
+var useUser = function () { return React.useContext(UserContext); };
+exports.useUser = useUser;
+var UserContextProvider = function (_a) {
+    var children = _a.children;
+    var api = (0, ApiContext_1.useApi)();
+    var _b = (0, useLocalStorage_1.default)("user", null), user = _b[0], setUser = _b[1];
+    React.useEffect(function () {
+        if (api !== undefined) {
+            api.isAuthenticated().then(function (authenticated) {
+                if (!authenticated) {
+                    setUser(null);
+                }
+            });
+        }
+    }, [user, api]);
+    var login = function (username, password) { return __awaiter(void 0, void 0, void 0, function () {
+        var response, user_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (api === null || api === void 0 ? void 0 : api.operations["bananas.login:create"].call({
+                        body: { username: username, password: password },
+                    }))];
+                case 1:
+                    response = _a.sent();
+                    if (!(response !== undefined && response.ok)) return [3 /*break*/, 3];
+                    return [4 /*yield*/, response.json()];
+                case 2:
+                    user_1 = _a.sent();
+                    setUser(user_1);
+                    return [2 /*return*/, user_1];
+                case 3:
+                    setUser(null);
+                    return [2 /*return*/, null];
+            }
+        });
+    }); };
+    var changePassword = function (oldPassword, newPassword1, newPassword2) { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (api === null || api === void 0 ? void 0 : api.operations["bananas.change_password:create"].call({
+                        body: {
+                            old_password: oldPassword,
+                            new_password1: newPassword1,
+                            new_password2: newPassword2,
+                        },
+                    }))];
+                case 1:
+                    response = _a.sent();
+                    if (!response.ok) {
+                        throw new Error("Failed to change password");
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var logout = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, (api === null || api === void 0 ? void 0 : api.operations["bananas.logout:create"].call())];
+                case 1:
+                    response = _a.sent();
+                    if (response !== undefined && response.ok) {
+                        setUser(null);
+                        return [2 /*return*/];
+                    }
+                    throw new Error("Could not log out");
+            }
+        });
+    }); };
+    return (React.createElement(UserContext.Provider, { value: { user: user, login: login, logout: logout, changePassword: changePassword } }, children));
+};
+exports.UserContextProvider = UserContextProvider;
+exports.default = UserContext;

package/dist/cjs/extensions/bananas/components/PasswordChangeForm.js

@@ -0,0 +1,85 @@
+"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 });
+var notistack_1 = require("notistack");
+var react_1 = __importDefault(require("react"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var FormGroup_1 = __importDefault(require("@mui/material/FormGroup"));
+var FormLabel_1 = __importDefault(require("@mui/material/FormLabel"));
+var styles_1 = require("@mui/material/styles");
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+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 PasswordChangeForm = function () {
+    var theme = (0, styles_1.useTheme)();
+    var t = (0, I18nContext_1.useI18n)().t;
+    var api = (0, ApiContext_1.useApi)();
+    var enqueueSnackbar = (0, notistack_1.useSnackbar)().enqueueSnackbar;
+    var _a = react_1.default.useState(false), loading = _a[0], setLoading = _a[1];
+    var operation = api.operations["bananas.change_password:create"];
+    var properties = operation.request.body.schema.properties;
+    var _b = react_1.default.useState({
+        "old_password": "",
+        "new_password1": "",
+        "new_password2": "",
+    }), fields = _b[0], setFields = _b[1];
+    var changePassword = (0, UserContext_1.useUser)().changePassword;
+    var onSubmit = function (event) {
+        event.preventDefault();
+        setLoading(true);
+        changePassword(fields.old_password, fields.new_password1, fields.new_password2).then(function () {
+            enqueueSnackbar(t("Password changed successfully."), {
+                variant: "success",
+            });
+            setFields({
+                "old_password": "",
+                "new_password1": "",
+                "new_password2": "",
+            });
+        }).catch(function () {
+            enqueueSnackbar(t("Incorrect authentication credentials."), {
+                variant: "error",
+            });
+        }).finally(function () { return setLoading(false); });
+    };
+    var onChange = function (event) {
+        var _a;
+        setFields(__assign(__assign({}, fields), (_a = {}, _a[event.target.name] = event.target.value, _a)));
+    };
+    return (react_1.default.createElement(Box_1.default, { component: "form", onSubmit: onSubmit, sx: {
+            maxWidth: 350,
+        }, "data-testid": "change-password-form" },
+        react_1.default.createElement(FormLabel_1.default, { component: "legend", sx: {
+                marginBottom: theme.spacing(2),
+            } }, operation.summary),
+        react_1.default.createElement(Typography_1.default, null, t("Please enter your old password, for security's sake, and then enter your new password twice so we can verify you typed it in correctly.")),
+        react_1.default.createElement(FormControl_1.default, { fullWidth: true, component: "fieldset" },
+            react_1.default.createElement(FormGroup_1.default, null, ["old_password", "new_password1", "new_password2"].map(function (field) { return (react_1.default.createElement(TextField_1.default, { key: field, autoComplete: field, sx: {
+                    marginTop: theme.spacing(3),
+                }, label: properties[field].title, inputProps: { "aria-label": properties[field].title }, name: field, value: fields[field], type: "password", onChange: onChange, fullWidth: true, required: true, color: "secondary" })); }))),
+        react_1.default.createElement(FormControl_1.default, { fullWidth: true, margin: "normal", sx: {
+                marginTop: theme.spacing(3),
+                marginBottom: 0,
+            } },
+            react_1.default.createElement(LoadingButton_1.default, { sx: {
+                    margin: "auto",
+                }, variant: "outlined", type: "submit", color: "secondary", fullWidth: true, "aria-label": "login", loading: loading }, t("Change my password")))));
+};
+exports.default = PasswordChangeForm;

package/dist/cjs/extensions/bananas/index.js

@@ -0,0 +1,54 @@
+"use strict";
+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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.bananasRouterExtension = void 0;
+var list_1 = __importDefault(require("./pages/me/list"));
+exports.bananasRouterExtension = {
+    app: "bananas",
+    pages: function (route) { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            if (route.view === "me" && route.action === "list") {
+                return [2 /*return*/, list_1.default];
+            }
+            throw new Error("Unknown bananas page");
+        });
+    }); },
+};

package/dist/cjs/extensions/bananas/pages/me/list.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var styles_1 = require("@mui/material/styles");
+var react_1 = __importDefault(require("react"));
+var Content_1 = __importDefault(require("../../../../containers/Content"));
+var PasswordChangeForm_1 = __importDefault(require("../../components/PasswordChangeForm"));
+var MePage = function (_a) {
+    var theme = (0, styles_1.useTheme)();
+    return (react_1.default.createElement(Content_1.default, null,
+        react_1.default.createElement(Paper_1.default, { sx: {
+                padding: theme.spacing(3),
+                alignSelf: "flex-start",
+            }, elevation: 1, square: true },
+            react_1.default.createElement(PasswordChangeForm_1.default, null))));
+};
+exports.default = MePage;

package/dist/cjs/extensions/pos/components/PurchaseRow.js

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PurchaseRow = void 0;
+var material_1 = require("@mui/material");
+var react_1 = __importDefault(require("react"));
+var RouterContext_1 = require("../../../contexts/RouterContext");
+var PurchaseRow = function (_a) {
+    var purchase = _a.purchase;
+    var navigate = (0, RouterContext_1.useRouter)().navigate;
+    var onClick = function () {
+        navigate("pos.purchase:detail", {
+            params: {
+                purchase_number: purchase.number,
+            },
+        });
+    };
+    var purchaseNumber = purchase.number
+        ? "#".concat(purchase.number.toString().padStart(4, "0"))
+        : "-";
+    return (react_1.default.createElement(material_1.TableRow, { onClick: onClick, hover: true },
+        react_1.default.createElement(material_1.TableCell, null, purchaseNumber),
+        react_1.default.createElement(material_1.TableCell, null, purchase.email),
+        react_1.default.createElement(material_1.TableCell, null),
+        react_1.default.createElement(material_1.TableCell, null, "1337 SEK"),
+        react_1.default.createElement(material_1.TableCell, null, "Betald"),
+        react_1.default.createElement(material_1.TableCell, null, new Date(purchase.date_initiated).toLocaleString()),
+        react_1.default.createElement(material_1.TableCell, null, "-")));
+};
+exports.PurchaseRow = PurchaseRow;

package/dist/cjs/extensions/pos/components/ReceiptCard.js

@@ -0,0 +1,86 @@
+"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 __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.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReceiptCard = void 0;
+var Card_1 = __importDefault(require("@mui/material/Card"));
+var react_1 = __importDefault(require("react"));
+var CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
+var List_1 = __importDefault(require("@mui/material/List"));
+var ReceiptLine_1 = require("./ReceiptLine");
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var CardContent_1 = __importDefault(require("@mui/material/CardContent"));
+var TableContainer_1 = __importDefault(require("@mui/material/TableContainer"));
+var Table_1 = __importDefault(require("@mui/material/Table"));
+var TableBody_1 = __importDefault(require("@mui/material/TableBody"));
+var TableRow_1 = __importDefault(require("@mui/material/TableRow"));
+var TableCell_1 = __importStar(require("@mui/material/TableCell"));
+var styles_1 = require("@mui/material/styles");
+var ReceiptPriceRow = function (_a) {
+    var title = _a.title, price = _a.price;
+    return (react_1.default.createElement(TableRow_1.default, null,
+        react_1.default.createElement(TableCell_1.default, { align: "right", sx: { width: "75%" } },
+            react_1.default.createElement("strong", null, title)),
+        react_1.default.createElement(TableCell_1.default, { align: "right" }, "".concat(price, " SEK"))));
+};
+var ReceiptCard = function (_a) {
+    var _b;
+    var receipt = _a.receipt;
+    var theme = (0, styles_1.useTheme)();
+    return (react_1.default.createElement(Card_1.default, { sx: { width: 550 } },
+        react_1.default.createElement(CardHeader_1.default, { title: "Receipt" }),
+        react_1.default.createElement(CardContent_1.default, null,
+            react_1.default.createElement(Divider_1.default, null),
+            react_1.default.createElement(List_1.default, { sx: {
+                    width: "100%",
+                } }, receipt.lines.map(function (line) { return (react_1.default.createElement(ReceiptLine_1.ReceiptLine, { key: line.reference, line: line })); }).reduce(function (prev, curr, index) { return __spreadArray(__spreadArray([], prev, true), [react_1.default.createElement(Divider_1.default, { key: index, light: true }), curr], false); }, [])
+                .slice(1)),
+            react_1.default.createElement(Divider_1.default, null),
+            react_1.default.createElement(TableContainer_1.default, { sx: {
+                    paddingTop: theme.spacing(2),
+                    paddingX: theme.spacing(4),
+                } },
+                react_1.default.createElement(Table_1.default, { padding: "none", sx: (_b = {},
+                        _b["& .".concat(TableCell_1.tableCellClasses.root)] = {
+                            borderBottom: "none",
+                        },
+                        _b) },
+                    react_1.default.createElement(TableBody_1.default, { sx: { border: "none" } },
+                        react_1.default.createElement(ReceiptPriceRow, { title: "Discount", price: receipt.total_discount_amount }),
+                        react_1.default.createElement(ReceiptPriceRow, { title: "Tax", price: receipt.total_tax_amount }),
+                        react_1.default.createElement(ReceiptPriceRow, { title: "Total", price: receipt.total_amount })))))));
+};
+exports.ReceiptCard = ReceiptCard;

package/dist/cjs/extensions/pos/components/ReceiptLine.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReceiptLine = void 0;
+var react_1 = __importDefault(require("react"));
+var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
+var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var ReceiptLine = function (_a) {
+    var line = _a.line;
+    return (react_1.default.createElement(ListItem_1.default, { sx: { display: "flex", flexDirection: "line", alignItems: "baseline" } },
+        react_1.default.createElement(ListItemText_1.default, { sx: { width: "50%" }, primary: line.title, secondary: line.reference }),
+        react_1.default.createElement(Tooltip_1.default, { title: "Quantity" },
+            react_1.default.createElement(ListItemText_1.default, { sx: { width: "20%" }, primary: "".concat(line.quantity, " st") })),
+        react_1.default.createElement(ListItemText_1.default, { disableTypography: true, sx: { width: "30%" }, primary: react_1.default.createElement(Tooltip_1.default, { title: "Price" },
+                react_1.default.createElement(Typography_1.default, null, "".concat(line.total_amount, " SEK"))), secondary: react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Tooltip_1.default, { title: "Tax" },
+                    react_1.default.createElement(Typography_1.default, null,
+                        line.total_tax_amount,
+                        " SEK")),
+                react_1.default.createElement(Tooltip_1.default, { title: "Discount" },
+                    react_1.default.createElement(Typography_1.default, null,
+                        line.total_discount_amount,
+                        " SEK"))) })));
+};
+exports.ReceiptLine = ReceiptLine;

package/dist/cjs/extensions/pos/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.posRouterExtension = void 0;
+var detail_1 = __importDefault(require("./pages/purchase/detail"));
+var list_1 = __importDefault(require("./pages/purchase/list"));
+exports.posRouterExtension = {
+    app: "pos",
+    pages: function (route) {
+        if (route.view === "purchase") {
+            switch (route.action) {
+                case "list":
+                    return list_1.default;
+                case "detail":
+                    return detail_1.default;
+            }
+        }
+        throw new Error("Unknown pos page");
+    },
+};

package/dist/cjs/extensions/pos/pages/purchase/detail.js

@@ -0,0 +1,13 @@
+"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 ReceiptCard_1 = require("../../components/ReceiptCard");
+var Content_1 = __importDefault(require("../../../../containers/Content"));
+var PurchaseDetailPage = function (_a) {
+    var data = _a.data;
+    return (react_1.default.createElement(Content_1.default, null, data === null || data === void 0 ? void 0 : data.receipts.map(function (receipt, i) { return (react_1.default.createElement(ReceiptCard_1.ReceiptCard, { key: i, receipt: receipt })); })));
+};
+exports.default = PurchaseDetailPage;

package/dist/cjs/extensions/pos/pages/purchase/list.js

@@ -0,0 +1,34 @@
+"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 TableContainer_1 = __importDefault(require("@mui/material/TableContainer"));
+var Table_1 = __importDefault(require("@mui/material/Table"));
+var TableHead_1 = __importDefault(require("@mui/material/TableHead"));
+var TableBody_1 = __importDefault(require("@mui/material/TableBody"));
+var TableCell_1 = __importDefault(require("@mui/material/TableCell"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var PurchaseRow_1 = require("../../components/PurchaseRow");
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var TableRow_1 = __importDefault(require("@mui/material/TableRow"));
+var Content_1 = __importDefault(require("../../../../containers/Content"));
+var PurchaseListPage = function (_a) {
+    var data = _a.data;
+    return (react_1.default.createElement(Content_1.default, null,
+        react_1.default.createElement(Box_1.default, { sx: { width: "100%" } },
+            react_1.default.createElement(TableContainer_1.default, { component: Paper_1.default },
+                react_1.default.createElement(Table_1.default, null,
+                    react_1.default.createElement(TableHead_1.default, null,
+                        react_1.default.createElement(TableRow_1.default, null,
+                            react_1.default.createElement(TableCell_1.default, null, "Purchase#"),
+                            react_1.default.createElement(TableCell_1.default, null, "Kund"),
+                            react_1.default.createElement(TableCell_1.default, null, "Adress"),
+                            react_1.default.createElement(TableCell_1.default, null, "Orderv\u00E4rde"),
+                            react_1.default.createElement(TableCell_1.default, null, "Betalstatus"),
+                            react_1.default.createElement(TableCell_1.default, null, "Orderdatum"),
+                            react_1.default.createElement(TableCell_1.default, null, "Leveransdatum"))),
+                    react_1.default.createElement(TableBody_1.default, null, data === null || data === void 0 ? void 0 : data.results.map(function (purchase) { return (react_1.default.createElement(PurchaseRow_1.PurchaseRow, { key: purchase.number, purchase: purchase })); })))))));
+};
+exports.default = PurchaseListPage;

package/dist/cjs/extensions/pos/types/purchase.js

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

package/dist/cjs/extensions/pos/types/receipt.js

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