bananas-commerce-admin 0.2.2 → 0.2.4

package/dist/cjs/extensions/fulfillment/components/order/OrderItemsTable.js

@@ -0,0 +1,96 @@
+"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 __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 });
+var react_1 = __importDefault(require("react"));
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var Input_1 = __importDefault(require("@mui/material/Input"));
+var Table_1 = __importDefault(require("@mui/material/Table"));
+var TableBody_1 = __importDefault(require("@mui/material/TableBody"));
+var TableCell_1 = __importDefault(require("@mui/material/TableCell"));
+var TableContainer_1 = __importDefault(require("@mui/material/TableContainer"));
+var TableHead_1 = __importDefault(require("@mui/material/TableHead"));
+var TableRow_1 = __importDefault(require("@mui/material/TableRow"));
+var ShipmentItemsTable = function (_a) {
+    var items = _a.items, editable = _a.editable, onSelect = _a.onSelect;
+    var _b = react_1.default.useState([]), selected = _b[0], setSelected = _b[1];
+    var toggleSelectAll = function (_, checked) {
+        setSelected(checked ? items : []);
+    };
+    var toggleItem = function (item, checked) {
+        var index = selected.map(function (_a) {
+            var code = _a.code;
+            return code;
+        }).indexOf(item.code);
+        if (checked && index === -1) {
+            setSelected(__spreadArray(__spreadArray([], selected, true), [item], false));
+        }
+        else {
+            var unselected = __spreadArray([], selected, true);
+            unselected.splice(index, 1);
+            setSelected(unselected);
+        }
+    };
+    var itemQuantityChange = function (item) {
+        var index = selected.map(function (_a) {
+            var code = _a.code;
+            return code;
+        }).indexOf(item.code);
+        var changed = __spreadArray([], selected, true);
+        changed[index] = item;
+        setSelected(changed);
+    };
+    react_1.default.useEffect(function () {
+        if (onSelect !== undefined) {
+            onSelect(selected);
+        }
+    }, [onSelect, selected]);
+    return (react_1.default.createElement(TableContainer_1.default, null,
+        react_1.default.createElement(Table_1.default, null,
+            react_1.default.createElement(TableHead_1.default, null,
+                react_1.default.createElement(TableRow_1.default, null,
+                    editable ? (react_1.default.createElement(TableCell_1.default, { align: "left", padding: "checkbox" },
+                        react_1.default.createElement(Checkbox_1.default, { color: "secondary", indeterminate: selected.length > 0 && selected.length < items.length, checked: items.length !== 0 && selected.length === items.length, onChange: toggleSelectAll, disabled: items.length === 0 }))) : null,
+                    react_1.default.createElement(TableCell_1.default, { align: "left" }, "Name"),
+                    react_1.default.createElement(TableCell_1.default, { align: "left" }, "Reference"),
+                    react_1.default.createElement(TableCell_1.default, { align: "right" }, "Quantity"))),
+            react_1.default.createElement(TableBody_1.default, null, items.map(function (item) {
+                var isSelected = selected
+                    .map(function (_a) {
+                    var code = _a.code;
+                    return code;
+                })
+                    .includes(item.code);
+                return (react_1.default.createElement(TableRow_1.default, { key: item.code },
+                    editable ? (react_1.default.createElement(TableCell_1.default, { align: "left", padding: "checkbox" },
+                        react_1.default.createElement(Checkbox_1.default, { color: "secondary", checked: isSelected, onChange: function (_, checked) { return toggleItem(item, checked); } }))) : null,
+                    react_1.default.createElement(TableCell_1.default, { align: "left" }, item.name),
+                    react_1.default.createElement(TableCell_1.default, { align: "left" }, item.code),
+                    react_1.default.createElement(TableCell_1.default, { align: "right" }, editable ? (react_1.default.createElement(Input_1.default, { type: "number", defaultValue: item.quantity, inputProps: { min: 0, max: item.quantity }, disabled: !isSelected, onChange: function (event) {
+                            return itemQuantityChange(__assign(__assign({}, item), { quantity: parseInt(event.target.value) }));
+                        } })) : (item.quantity))));
+            })))));
+};
+exports.default = ShipmentItemsTable;
+//# sourceMappingURL=OrderItemsTable.js.map

package/dist/cjs/extensions/fulfillment/components/order/OrderItemsTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderItemsTable.js","sourceRoot":"","sources":["../../../../../../src/extensions/fulfillment/components/order/OrderItemsTable.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/extensions/fulfillment/components/order/OrderStateChip.js

@@ -0,0 +1,98 @@
+"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;
+    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 __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 });
+var icons_material_1 = require("@mui/icons-material");
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var useTheme_1 = __importDefault(require("@mui/material/styles/useTheme"));
+var react_1 = __importStar(require("react"));
+var OrderStateChip = function (props) {
+    var _a;
+    var theme = (0, useTheme_1.default)();
+    var state = props.element.state, rest = __rest(props, ["element"]);
+    var color = (0, react_1.useMemo)(function () {
+        var colorMap = {
+            PENDING: "default",
+            CANCELLED: "error",
+            CONFIRMED: "info",
+            SENT: "info",
+            IN_TRANSIT: "info",
+            READY_FOR_PICKUP: "primary",
+            DELIVERED: "success",
+        };
+        return colorMap[state];
+    }, [state, theme]);
+    var label = (0, react_1.useMemo)(function () {
+        var labelMap = {
+            PENDING: "NEW",
+            CANCELLED: "CANCELLED",
+            CONFIRMED: "CONFIRMED",
+            SENT: "SENT",
+            IN_TRANSIT: "IN TRANSIT",
+            READY_FOR_PICKUP: "READY FOR PICKUP",
+            DELIVERED: "DELIVERED",
+        };
+        return labelMap[state];
+    }, [state, theme]);
+    var icon = (0, react_1.useMemo)(function () {
+        var iconMap = {
+            PENDING: react_1.default.createElement(icons_material_1.NewReleases, { fontSize: "small" }),
+            CANCELLED: react_1.default.createElement(icons_material_1.Cancel, { fontSize: "small" }),
+            CONFIRMED: react_1.default.createElement(icons_material_1.CheckCircle, { fontSize: "small" }),
+            SENT: react_1.default.createElement(icons_material_1.LocalShipping, { fontSize: "small" }),
+            IN_TRANSIT: react_1.default.createElement(icons_material_1.LocalShipping, { fontSize: "small" }),
+            READY_FOR_PICKUP: react_1.default.createElement(icons_material_1.VolunteerActivism, { fontSize: "small" }),
+            DELIVERED: react_1.default.createElement(icons_material_1.CheckCircle, { fontSize: "small" }),
+        };
+        return iconMap[state];
+    }, [state, theme]);
+    return (react_1.default.createElement(Chip_1.default, __assign({}, rest, { sx: __assign(__assign({}, ((_a = rest.sx) !== null && _a !== void 0 ? _a : {})), { paddingLeft: 0.75 }), label: label, color: color, icon: icon })));
+};
+exports.default = OrderStateChip;
+//# sourceMappingURL=OrderStateChip.js.map

package/dist/cjs/extensions/fulfillment/components/order/OrderStateChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderStateChip.js","sourceRoot":"","sources":["../../../../../../src/extensions/fulfillment/components/order/OrderStateChip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sDAM6B;AAC7B,4DAAqD;AACrD,2EAAqD;AACrD,6CAAuC;AAOvC,IAAM,cAAc,GAAG,UACrB,KAA6B;;IAE7B,IAAM,KAAK,GAAG,IAAA,kBAAQ,GAAE,CAAC;IAEZ,IAAA,KAAK,GAEd,KAAK,cAFS,EACb,IAAI,UACL,KAAK,EAHH,WAGL,CADQ,CACC;IAEV,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC;QACpB,IAAM,QAAQ,GAA+C;YAC3D,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,OAAO;YAClB,SAAS,EAAE,MAAM;YACjB,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,MAAM;YAClB,gBAAgB,EAAE,SAAS;YAC3B,SAAS,EAAE,SAAS;SACrB,CAAC;QAEF,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,IAAM,KAAK,GAAG,IAAA,eAAO,EAAC;QACpB,IAAM,QAAQ,GAAmC;YAC/C,OAAO,EAAE,KAAK;YACd,SAAS,EAAE,WAAW;YACtB,SAAS,EAAE,WAAW;YACtB,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,YAAY;YACxB,gBAAgB,EAAE,kBAAkB;YACpC,SAAS,EAAE,WAAW;SACvB,CAAC;QAEF,OAAO,QAAQ,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,IAAM,IAAI,GAAG,IAAA,eAAO,EAAC;QACnB,IAAM,OAAO,GAAwC;YACnD,OAAO,EAAE,8BAAC,4BAAW,IAAC,QAAQ,EAAC,OAAO,GAAG;YACzC,SAAS,EAAE,8BAAC,uBAAM,IAAC,QAAQ,EAAC,OAAO,GAAG;YACtC,SAAS,EAAE,8BAAC,4BAAW,IAAC,QAAQ,EAAC,OAAO,GAAG;YAC3C,IAAI,EAAE,8BAAC,8BAAa,IAAC,QAAQ,EAAC,OAAO,GAAG;YACxC,UAAU,EAAE,8BAAC,8BAAa,IAAC,QAAQ,EAAC,OAAO,GAAG;YAC9C,gBAAgB,EAAE,8BAAC,kCAAiB,IAAC,QAAQ,EAAC,OAAO,GAAG;YACxD,SAAS,EAAE,8BAAC,4BAAW,IAAC,QAAQ,EAAC,OAAO,GAAG;SAC5C,CAAC;QAEF,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,8BAAC,cAAI,eACC,IAAI,IACR,EAAE,wBAAO,CAAC,MAAA,IAAI,CAAC,EAAE,mCAAI,EAAE,CAAC,KAAE,WAAW,EAAE,IAAI,KAC3C,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IACV,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}

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

@@ -31,17 +31,59 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         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 (g && (g = 0, op[0] && (_ = 0)), _) 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.navigation = exports.router = void 0;
-const LocalShippingOutlined_1 = __importDefault(require("@mui/icons-material/LocalShippingOutlined"));
-const routes = {
-    "shipment": {
-        "list": {
-            page: () => __awaiter(void 0, void 0, void 0, function* () { return (yield Promise.resolve().then(() => __importStar(require("./pages/order/list")))).default; }),
-            request: { query: { destination_type: "STORE" } },
+var Store_1 = __importDefault(require("@mui/icons-material/Store"));
+var routes = {
+    order: {
+        list: {
+            page: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, Promise.resolve().then(function () { return __importStar(require("./pages/order/list")); })];
+                    case 1: return [2 /*return*/, (_a.sent()).default];
+                }
+            }); }); },
+            request: {
+                query: {
+                    has_shipment: "false",
+                    destination_type: "STORE",
+                },
+            },
+            defaultRequest: {
+                query: {
+                    state: "PENDING",
+                },
+            },
         },
     },
     // "recipient": {
@@ -50,18 +92,23 @@ const routes = {
 };
 exports.router = {
     app: "fulfillment",
-    pages: (route) => {
+    pages: function (route) {
         var _a;
-        const hit = (_a = routes[route.view]) === null || _a === void 0 ? void 0 : _a[route.action];
+        var hit = (_a = routes[route.view]) === null || _a === void 0 ? void 0 : _a[route.action];
         if ((hit === null || hit === void 0 ? void 0 : hit.page) != null) {
-            return { page: hit.page(), request: hit.request };
+            return {
+                page: hit.page(),
+                request: hit.request,
+                defaultRequest: hit.defaultRequest,
+            };
         }
         return undefined;
     },
 };
 exports.navigation = {
-    "fulfillment.shipment:list": {
-        icon: LocalShippingOutlined_1.default,
-        title: "Orders",
+    "fulfillment.order:list": {
+        icon: Store_1.default,
+        title: "Store Orders",
     },
 };
+//# sourceMappingURL=index.js.map

package/dist/cjs/extensions/fulfillment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/extensions/fulfillment/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,oEAAkD;AAKlD,IAAM,MAAM,GAUR;IACF,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,IAAI,EAAE;;4BAAa,sFAAa,oBAAoB,QAAC;4BAAnC,sBAAA,CAAC,SAAkC,CAAC,CAAC,OAAO,EAAA;;qBAAA;YAC9D,OAAO,EAAE;gBACP,KAAK,EAAE;oBACL,YAAY,EAAE,OAAO;oBACrB,gBAAgB,EAAE,OAAO;iBAC1B;aACF;YACD,cAAc,EAAE;gBACd,KAAK,EAAE;oBACL,KAAK,EAAE,SAAS;iBACjB;aACF;SACF;KACF;IACD,iBAAiB;IACjB,8EAA8E;IAC9E,KAAK;CACG,CAAC;AAEE,QAAA,MAAM,GAAoB;IACrC,GAAG,EAAE,aAAa;IAClB,KAAK,EAAE,UAAC,KAAK;;QACX,IAAM,GAAG,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,0CAAG,KAAK,CAAC,MAAM,CAAC,CAAC;QAE/C,IAAI,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,KAAI,IAAI,EAAE;YACrB,OAAO;gBACL,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE;gBAChB,OAAO,EAAE,GAAG,CAAC,OAAO;gBACpB,cAAc,EAAE,GAAG,CAAC,cAAc;aACnC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC;CACF,CAAC;AAEW,QAAA,UAAU,GAAiB;IACtC,wBAAwB,EAAE;QACxB,IAAI,EAAE,eAAS;QACf,KAAK,EAAE,cAAc;KACtB;CACO,CAAC"}

package/dist/cjs/extensions/fulfillment/pages/order/list.js

@@ -1,43 +1,48 @@
 "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));
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Grid_1 = __importDefault(require("@mui/material/Grid"));
-const Stack_1 = __importDefault(require("@mui/material/Stack"));
-const styles_1 = require("@mui/material/styles");
-const Tab_1 = __importDefault(require("@mui/material/Tab"));
-const Tabs_1 = __importDefault(require("@mui/material/Tabs"));
-const TitleBar_1 = require("../../../../components/TitleBar");
-const Content_1 = __importDefault(require("../../../../containers/Content"));
-const RouterContext_1 = require("../../../../contexts/RouterContext");
-const SearchBar_1 = require("../../../pos/components/SearchBar");
-const ShipmentAccordion_1 = require("../../components/ShipmentAccordion");
-const ShipmentListPage = ({ data: { next: _next, previous: _previous, results, }, }) => {
-    var _a, _b;
-    const theme = (0, styles_1.useTheme)();
-    const { navigate, getCurrent } = (0, RouterContext_1.useRouter)();
-    const searchParams = new URLSearchParams(location.search);
-    const [filterOnReady, setFilterOnReady] = react_1.default.useState("NOT_PACKED");
-    const [searchInputs, setSearchInputs] = react_1.default.useState([
-        ...searchParams.getAll("email").map((v) => ({ "email": v })),
-        ...searchParams.getAll("phone").map((v) => ({ "phone": v })),
-        ...searchParams.getAll("purchase_number").map((v) => ({
-            "purchase_number": parseInt(v),
-        })),
-    ]);
-    const [initial, setInitial] = react_1.default.useState(true);
-    const doSearch = (event) => {
+var react_1 = __importDefault(require("react"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var Stack_1 = __importDefault(require("@mui/material/Stack"));
+var styles_1 = require("@mui/material/styles");
+var Tab_1 = __importDefault(require("@mui/material/Tab"));
+var Tabs_1 = __importDefault(require("@mui/material/Tabs"));
+var TitleBar_1 = require("../../../../components/TitleBar");
+var Content_1 = __importDefault(require("../../../../containers/Content"));
+var RouterContext_1 = require("../../../../contexts/RouterContext");
+var SearchBar_1 = require("../../../pos/components/SearchBar");
+var react_router_dom_1 = require("react-router-dom");
+var material_1 = require("@mui/material");
+var OrderAccordion_1 = __importDefault(require("../../components/order/OrderAccordion"));
+var ShipmentListPage = function (_a) {
+    var _b;
+    var _c = _a.data, _next = _c.next, _previous = _c.previous, results = _c.results;
+    var theme = (0, styles_1.useTheme)();
+    var navigate = (0, RouterContext_1.useRouter)().navigate;
+    var searchParams = new URLSearchParams(location.search);
+    var _d = react_1.default.useState(__spreadArray(__spreadArray(__spreadArray([], searchParams.getAll("email").map(function (v) { return ({ email: v }); }), true), searchParams.getAll("phone").map(function (v) { return ({ phone: v }); }), true), searchParams.getAll("purchase_number").map(function (v) { return ({
+        purchase_number: parseInt(v),
+    }); }), true)), searchInputs = _d[0], setSearchInputs = _d[1];
+    var filterOnReady = (_b = (0, react_router_dom_1.useSearchParams)()[0].get("state")) !== null && _b !== void 0 ? _b : "PENDING";
+    var _e = react_1.default.useState(true), initial = _e[0], setInitial = _e[1];
+    var doSearch = function (event) {
         event === null || event === void 0 ? void 0 : event.preventDefault();
         navigate(undefined, {
-            query: [
-                ...searchInputs.map((v) => Object.entries(v)[0]),
-                ["destination_type", "STORE"],
-            ],
+            query: searchInputs.map(function (v) { return Object.entries(v)[0]; }),
         });
     };
-    react_1.default.useEffect(() => {
+    react_1.default.useEffect(function () {
         if (!initial) {
             doSearch();
         }
@@ -46,7 +51,7 @@ const ShipmentListPage = ({ data: { next: _next, previous: _previous, results, }
         }
     }, [searchInputs]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(TitleBar_1.TitleBar, { title: (_b = (_a = getCurrent()) === null || _a === void 0 ? void 0 : _a.route.title) !== null && _b !== void 0 ? _b : "Orders" }),
+        react_1.default.createElement(TitleBar_1.TitleBar, { title: "Store Orders" }),
         react_1.default.createElement(Stack_1.default, { sx: {
                 width: "100%",
                 display: "flex",
@@ -59,11 +64,20 @@ const ShipmentListPage = ({ data: { next: _next, previous: _previous, results, }
             }, component: "form", onSubmit: doSearch },
             react_1.default.createElement(SearchBar_1.SearchBar, { defaultValue: searchInputs, onChange: setSearchInputs }),
             react_1.default.createElement(Stack_1.default, { direction: "row", sx: { paddingTop: 1, justifyContent: "space-between" } },
-                react_1.default.createElement(Tabs_1.default, { sx: { paddingBottom: -2 }, indicatorColor: "secondary", textColor: "secondary", value: filterOnReady, onChange: (_, value) => setFilterOnReady(value) },
-                    react_1.default.createElement(Tab_1.default, { value: "NOT_PACKED", label: "Not packed" }),
-                    react_1.default.createElement(Tab_1.default, { value: "READY_FOR_PICKUP", label: "Ready for pickup" })))),
+                react_1.default.createElement(Tabs_1.default, { sx: { paddingBottom: -2 }, value: searchInputs.length == 0 ? filterOnReady : null, onChange: function (_, value) {
+                        return navigate(undefined, {
+                            query: { state: value },
+                        });
+                    } },
+                    react_1.default.createElement(Tab_1.default, { value: "PENDING", label: "New orders" })))),
         react_1.default.createElement(Content_1.default, null,
             react_1.default.createElement(Grid_1.default, { item: true, xs: 12 },
-                react_1.default.createElement(Stack_1.default, { gap: 1 }, results.map((shipment) => (react_1.default.createElement(ShipmentAccordion_1.ShipmentAccordion, { key: shipment.shipment_reference, shipment: shipment }))))))));
+                react_1.default.createElement(Stack_1.default, { gap: 1 },
+                    results.length === 0 ? (react_1.default.createElement(material_1.Typography, { sx: {
+                            color: theme.palette.grey[600],
+                            margin: "0 auto",
+                        }, align: "center" }, "Empty result")) : null,
+                    results.map(function (order) { return (react_1.default.createElement(OrderAccordion_1.default, { key: order.shipment_reference, order: order })); }))))));
 };
 exports.default = ShipmentListPage;
+//# sourceMappingURL=list.js.map

package/dist/cjs/extensions/fulfillment/pages/order/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../../../../src/extensions/fulfillment/pages/order/list.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/extensions/fulfillment/pages/recipient/detail.js

@@ -3,12 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const Content_1 = __importDefault(require("../../../../containers/Content"));
-const TitleBar_1 = require("../../../../components/TitleBar");
-const RecipientDetailPage = ({ data: recipient }) => {
+var react_1 = __importDefault(require("react"));
+var Content_1 = __importDefault(require("../../../../containers/Content"));
+var TitleBar_1 = require("../../../../components/TitleBar");
+var RecipientDetailPage = function (_a) {
+    var recipient = _a.data;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(TitleBar_1.TitleBar, { back: true, title: `Recipient ${recipient.reference}` }),
+        react_1.default.createElement(TitleBar_1.TitleBar, { back: true, title: "Recipient ".concat(recipient.reference) }),
         react_1.default.createElement(Content_1.default, null)));
 };
 exports.default = RecipientDetailPage;
+//# sourceMappingURL=detail.js.map

package/dist/cjs/extensions/fulfillment/pages/recipient/detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../../../../src/extensions/fulfillment/pages/recipient/detail.tsx"],"names":[],"mappings":";;;;;AAAA,gDAA0B;AAE1B,2EAAqD;AAErD,4DAA2D;AAE3D,IAAM,mBAAmB,GAA6B,UACpD,EAAmB;QAAX,SAAS,UAAA;IAEjB,OAAO,CACL;QACE,8BAAC,mBAAQ,IAAC,IAAI,QAAC,KAAK,EAAE,oBAAa,SAAS,CAAC,SAAS,CAAE,GAAI;QAC5D,8BAAC,iBAAO,OAYE,CACT,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,mBAAmB,CAAC"}

package/dist/cjs/extensions/fulfillment/pages/shipment/detail.js

@@ -1,44 +1,58 @@
 "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 });
-const react_1 = __importDefault(require("react"));
-const MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-const Person_1 = __importDefault(require("@mui/icons-material/Person"));
-const Card_1 = __importDefault(require("@mui/material/Card"));
-const CardContent_1 = __importDefault(require("@mui/material/CardContent"));
-const CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
-const Grid_1 = __importDefault(require("@mui/material/Grid"));
-const IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-const Typography_1 = __importDefault(require("@mui/material/Typography"));
-const TitleBar_1 = require("../../../../components/TitleBar");
-const Content_1 = __importDefault(require("../../../../containers/Content"));
-const RouterContext_1 = require("../../../../contexts/RouterContext");
-const AddressInfo_1 = require("../../components/AddressInfo");
-const ContactInfo_1 = require("../../components/ContactInfo");
-const ShipmentItemsCard_1 = require("../../components/ShipmentItemsCard");
-const MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-const Menu_1 = __importDefault(require("@mui/material/Menu"));
-const ApiContext_1 = require("../../../../contexts/ApiContext");
-const notistack_1 = require("notistack");
-const ShipmentDetailPage = ({ data }) => {
-    const api = (0, ApiContext_1.useApi)();
-    const { enqueueSnackbar } = (0, notistack_1.useSnackbar)();
-    const { getCurrent } = (0, RouterContext_1.useRouter)();
-    const shipment = Object.assign(Object.assign({}, data), { shipment_reference: getCurrent().match.params.shipment_reference });
-    const [anchorEl, setAnchorEl] = react_1.default.useState(null);
-    const open = Boolean(anchorEl);
-    const handleClick = (event) => {
+var react_1 = __importDefault(require("react"));
+var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+var Person_1 = __importDefault(require("@mui/icons-material/Person"));
+var Card_1 = __importDefault(require("@mui/material/Card"));
+var CardContent_1 = __importDefault(require("@mui/material/CardContent"));
+var CardHeader_1 = __importDefault(require("@mui/material/CardHeader"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var TitleBar_1 = require("../../../../components/TitleBar");
+var Content_1 = __importDefault(require("../../../../containers/Content"));
+var RouterContext_1 = require("../../../../contexts/RouterContext");
+var AddressInfo_1 = require("../../components/AddressInfo");
+var ContactInfo_1 = require("../../components/ContactInfo");
+var ShipmentItemsCard_1 = require("../../components/ShipmentItemsCard");
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var Menu_1 = __importDefault(require("@mui/material/Menu"));
+var ApiContext_1 = require("../../../../contexts/ApiContext");
+var notistack_1 = require("notistack");
+var ShipmentDetailPage = function (_a) {
+    var data = _a.data;
+    var api = (0, ApiContext_1.useApi)();
+    var enqueueSnackbar = (0, notistack_1.useSnackbar)().enqueueSnackbar;
+    var getCurrent = (0, RouterContext_1.useRouter)().getCurrent;
+    var shipment = __assign(__assign({}, data), { shipment_reference: getCurrent().match.params.shipment_reference });
+    var _b = react_1.default.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var open = Boolean(anchorEl);
+    var handleClick = function (event) {
         setAnchorEl(event.currentTarget);
     };
-    const handleClose = () => {
+    var handleClose = function () {
         setAnchorEl(null);
     };
-    const markAsCanceled = () => {
-        api.operations["fulfillment.shipment:cancel"].call({
+    var markAsCanceled = function () {
+        api.operations["fulfillment.shipment:cancel"]
+            .call({
             params: { shipment_reference: shipment.shipment_reference },
-        }).then((response) => {
+        })
+            .then(function (response) {
             if (response.ok) {
                 enqueueSnackbar("Successfully canceled shipment!", {
                     variant: "success",
@@ -52,12 +66,14 @@ const ShipmentDetailPage = ({ data }) => {
             }
         });
     };
-    const markAsDelivered = () => {
-        api.operations["fulfillment.shipment:delivered"].call({
+    var markAsDelivered = function () {
+        api.operations["fulfillment.shipment:delivered"]
+            .call({
             params: { shipment_reference: shipment.shipment_reference },
-        }).then((response) => {
+        })
+            .then(function (response) {
             if (response.ok) {
-                enqueueSnackbar("Successfully marked shipment as delivered!", {
+                enqueueSnackbar("Order is now ready for pickup", {
                     variant: "success",
                 });
             }
@@ -70,15 +86,15 @@ const ShipmentDetailPage = ({ data }) => {
         });
     };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(TitleBar_1.TitleBar, { back: true, title: `Shipment ${shipment.shipment_reference}` },
+        react_1.default.createElement(TitleBar_1.TitleBar, { back: true, title: "Purchase number ".concat(shipment.shipment_reference) },
             react_1.default.createElement(IconButton_1.default, { "aria-label": "more", "aria-expanded": open ? "true" : undefined, "aria-haspopup": "true", onClick: handleClick },
                 react_1.default.createElement(MoreVert_1.default, null)),
             react_1.default.createElement(Menu_1.default, { anchorEl: anchorEl, open: open, onClose: handleClose },
-                react_1.default.createElement(MenuItem_1.default, { key: "delivered", onClick: () => {
+                react_1.default.createElement(MenuItem_1.default, { key: "delivered", onClick: function () {
                         handleClose();
                         markAsDelivered();
                     } }, "Delivered"),
-                react_1.default.createElement(MenuItem_1.default, { key: "arrived", onClick: () => {
+                react_1.default.createElement(MenuItem_1.default, { key: "arrived", onClick: function () {
                         handleClose();
                         markAsCanceled();
                     } }, "Cancel"))),
@@ -94,9 +110,8 @@ const ShipmentDetailPage = ({ data }) => {
                     react_1.default.createElement(CardContent_1.default, null,
                         react_1.default.createElement(ContactInfo_1.ContactInfo, { name: shipment.name }),
                         react_1.default.createElement(AddressInfo_1.AddressInfo, { streetAddress: shipment.street_address, streetAddress2: shipment.street_address2, careOf: shipment.care_of, postalCode: shipment.postal_code, city: shipment.city, countryCode: shipment.country_code })))),
-            shipment.items.length !== 0
-                ? (react_1.default.createElement(Grid_1.default, { item: true, sm: 12, md: 6 },
-                    react_1.default.createElement(ShipmentItemsCard_1.ShipmentItemsCard, { shipment: shipment })))
-                : null)));
+            shipment.items.length !== 0 ? (react_1.default.createElement(Grid_1.default, { item: true, sm: 12, md: 6 },
+                react_1.default.createElement(ShipmentItemsCard_1.ShipmentItemsCard, { shipment: shipment }))) : null)));
 };
 exports.default = ShipmentDetailPage;
+//# sourceMappingURL=detail.js.map

package/dist/cjs/extensions/fulfillment/pages/shipment/detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"detail.js","sourceRoot":"","sources":["../../../../../../src/extensions/fulfillment/pages/shipment/detail.tsx"],"names":[],"mappings":"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"}