bananas-commerce-admin 0.2.2 → 0.2.5

package/dist/types/contexts/RouterContext.d.ts

@@ -10,8 +10,8 @@ export interface RouteInfo {
     path: string;
     page: string;
 }
-export declare type RouterParams = Record<string, string | number | boolean>;
-export declare type RouterQuery = string | URLSearchParams | string[][] | Record<string, string>;
+export type RouterParams = Record<string, string | number | boolean>;
+export type RouterQuery = string | URLSearchParams | string[][] | Record<string, string>;
 interface RouterContext {
     routes: RouteInfo[];
     getCurrent(): {

package/dist/types/extensions/fulfillment/components/ShipmentDestinationIcon.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { SvgIconTypeMap } from "@mui/material/SvgIcon";
 import { ShipmentDestinationType } from "../types/shipment";
-export declare type ShipmentDestinationIconProps = SvgIconTypeMap["props"] & {
+export type ShipmentDestinationIconProps = SvgIconTypeMap["props"] & {
     type: ShipmentDestinationType;
 };
 export declare const ShipmentDestinationIcon: React.FC<ShipmentDestinationIconProps>;

package/dist/types/extensions/fulfillment/components/order/OrderAccordion.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { OrderListItem } from "../../types/order";
+interface OrderAccordionProps {
+    order: OrderListItem;
+}
+declare const OrderAccordion: React.FC<OrderAccordionProps>;
+export default OrderAccordion;

package/dist/types/extensions/fulfillment/components/order/OrderItemsTable.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { OrderItem } from "../../types/order";
+export interface ShipmentItemsTableProps {
+    items: OrderItem[];
+    editable?: boolean;
+    onSelect?: (selected: OrderItem[]) => void;
+}
+declare const ShipmentItemsTable: React.FC<ShipmentItemsTableProps>;
+export default ShipmentItemsTable;

package/dist/types/extensions/fulfillment/components/order/OrderStateChip.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ChipProps } from "@mui/material/Chip";
+import { OrderStateType } from "../../types/order";
+type OrderStateChipProps<T> = {
+    element: T;
+} & ChipProps;
+declare const OrderStateChip: <T extends {
+    state: OrderStateType;
+}>(props: OrderStateChipProps<T>) => JSX.Element;
+export default OrderStateChip;

package/dist/types/extensions/fulfillment/pages/order/list.d.ts

@@ -1,5 +1,5 @@
 import { PageComponent } from "../../../../types";
-import { ShipmentListItem } from "../../types/shipment";
 import { LimitOffset } from "../../types/util";
-declare const ShipmentListPage: PageComponent<LimitOffset<ShipmentListItem>>;
+import { OrderListItem } from "../../types/order";
+declare const ShipmentListPage: PageComponent<LimitOffset<OrderListItem>>;
 export default ShipmentListPage;

package/dist/types/extensions/fulfillment/types/order.d.ts

@@ -0,0 +1,38 @@
+export type OrderDestinationType = "HOME" | "STORE" | "SERVICE_POINT" | "LOCKER";
+export type OrderStateType = "PENDING" | "CONFIRMED" | "SENT" | "IN_TRANSIT" | "READY_FOR_PICKUP" | "DELIVERED" | "CANCELLED";
+export interface OrderListItem {
+    shipment_reference: string;
+    purchase_number: number;
+    email: string;
+    phone?: string;
+    option_name: string;
+    carrier: string;
+    destination_type: OrderDestinationType;
+    name: string;
+    tracking_number: string;
+    state: OrderStateType;
+}
+export interface OrderDetail {
+    option_name: string;
+    destination_type: OrderDestinationType;
+    state: OrderStateType;
+    destination_reference?: string;
+    name: string;
+    care_of: string;
+    street_address: string;
+    street_address2: string;
+    postal_code: string;
+    city: string;
+    country_code: string;
+    region: string;
+    items: OrderItem[];
+    shipment: {
+        carrier: string;
+        tracking_number: string;
+    } | null;
+}
+export interface OrderItem {
+    code: string;
+    name: string | null;
+    quantity: number;
+}

package/dist/types/extensions/fulfillment/types/shipment.d.ts

@@ -1,4 +1,4 @@
-export declare type ShipmentDestinationType = "HOME" | "STORE" | "SERVICE_POINT" | "LOCKER";
+export type ShipmentDestinationType = "HOME" | "STORE" | "SERVICE_POINT" | "LOCKER";
 export interface ShipmentListItem {
     shipment_reference: string;
     purchase_number: number;

package/dist/types/extensions/pos/components/PurchaseRow.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
-import { Purchase } from "../types/purchase";
+import { PurchaseDetail } from "../types/purchase";
 interface PurchaseRowProps {
-    purchase: Purchase;
+    purchase: PurchaseDetail;
 }
 export declare const PurchaseRow: React.FC<PurchaseRowProps>;
 export {};

package/dist/types/extensions/pos/components/ReceiptCard.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { Receipt, ReceiptLine } from "../types/receipt";
+import { Line, PurchaseDetail } from "../types/purchase";
 interface ReceiptCardProps {
-    receipt: Receipt;
-    refund?: (lines: ReceiptLine[]) => void;
+    purchase: PurchaseDetail;
+    refund?: (lines: Line[]) => void;
 }
 export declare const ReceiptCard: React.FC<ReceiptCardProps>;
 export {};

package/dist/types/extensions/pos/components/ReceiptLine.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { ReceiptLine as ReceiptLineType } from "../types/receipt";
 interface ReceiptLineProps {
+    currency: string;
     line: ReceiptLineType;
     editable?: boolean;
     onSelect?: (selected: boolean) => void;

package/dist/types/extensions/pos/components/ReceiptTable.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
-import { ReceiptLine } from "../types/receipt";
+import { Line } from "../types/purchase";
 export interface ReceiptTableProps {
-    lines: ReceiptLine[];
+    currency: string;
+    lines: Line[];
     editable?: boolean;
-    onSelect?: (selected: ReceiptLine[]) => void;
+    onSelect?: (selected: Line[]) => void;
 }
 export declare const ReceiptTable: React.FC<ReceiptTableProps>;

package/dist/types/extensions/pos/components/SearchBar.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-export declare type SearchInput = {
+export type SearchInput = {
     email: string;
 } | {
     phone: string;

package/dist/types/extensions/pos/pages/purchase/list.d.ts

@@ -1,6 +1,6 @@
-import { Purchase } from "../../types/purchase";
 import { PageComponent } from "../../../../types";
+import { PurchaseDetail } from "../../types/purchase";
 declare const PurchaseListPage: PageComponent<{
-    results: Purchase[];
+    results: PurchaseDetail[];
 }>;
 export default PurchaseListPage;

package/dist/types/extensions/pos/types/purchase.d.ts

@@ -1,18 +1,44 @@
 import { Receipt } from "./receipt";
-export interface Purchase {
-    number: string;
+export interface PurchaseDetail {
+    number: number;
     checkout_session?: string;
     main_payment_identifier?: string;
     date_initiated: string;
     date_confirmed: string;
-    currency?: string;
+    currency: string;
     site_code: string;
     locale: string;
     country_code: string;
     email: string;
     phone?: string;
-}
-export interface PurchaseDetail {
-    purchase: Purchase;
+    total_debit_amount: string;
+    total_remaining_amount: string;
+    total_discount_amount: string;
+    total_tax_amount: string;
     receipts: Receipt[];
+    accounts: {
+        reserved: string;
+        captured: string;
+        reverted: string;
+    } | null;
+    lines: Line[];
+}
+export interface Line {
+    line_number: number;
+    item_type: string;
+    title: string;
+    reference: string;
+    quantity: number;
+    unit_price: string;
+    total_amount: string;
+    debit_amount: string;
+    remaining_amount: string;
+    adjustments: Adjustment[];
+}
+export interface Adjustment {
+    adjustment_type: "CANCELLATION" | "RETURN" | "REFUND" | "DISCOUNT";
+    title: string;
+    receipt_number: number | null;
+    quantity: number;
+    total_amount: string;
 }

package/dist/types/extensions/pos/types/receipt.d.ts

@@ -1,17 +1,15 @@
+export declare enum ReceiptIntention {
+    Payment = 1,
+    Cancellation = 2,
+    Refund = 3
+}
 export interface Receipt {
-    number: string;
+    number: number | null;
     total_amount: string;
     total_discount_amount: string;
     total_tax_amount: string;
     date_settled?: string;
-    /**
-     * |   | Intention    |
-     * | - | ------------ |
-     * | 1 | payment      |
-     * | 2 | cancellation |
-     * | 3 | refund       |
-     */
-    intention: 1 | 2 | 3;
+    intention: ReceiptIntention;
     lines: ReceiptLine[];
 }
 export interface ReceiptLine {

package/dist/types/router/Router.d.ts

@@ -2,9 +2,10 @@ import React from "react";
 import { RouteInfo } from "../contexts/RouterContext";
 import { PageComponent } from "../types";
 import { OpenAPI } from "openapi-types";
-export declare type RouterExtensionPageHit = PageComponent | Promise<PageComponent> | {
+export type RouterExtensionPageHit = PageComponent | Promise<PageComponent> | {
     page: PageComponent | Promise<PageComponent>;
     request?: OpenAPI.Request;
+    defaultRequest?: OpenAPI.Request;
 };
 export interface RouterExtension {
     app: string;

package/dist/types/types/index.d.ts

@@ -1,11 +1,14 @@
 /// <reference types="react" />
 declare module "swagger-client";
-export declare type LogoType = boolean | string | React.ElementType;
-export declare type PageProps<T = unknown> = {
+export type LogoType = boolean | string | React.ElementType;
+export type PageProps<T = unknown> = {
     data: T;
 };
-export declare type PageComponent<T = unknown> = React.ComponentType<PageProps<T>>;
-export declare type NavOverrides = Record<string, {
+export type PageComponent<T = unknown> = React.ComponentType<PageProps<T>> & {
+    requiredQuery?: URLSearchParams;
+    defaultQuery?: URLSearchParams;
+};
+export type NavOverrides = Record<string, {
     icon?: LogoType;
     title?: string;
 } | null | undefined | false>;

package/example/index.tsx

@@ -1,20 +1,39 @@
-import React from "react";
-import ReactDOM from "react-dom";
 import * as Bananas from "bananas-commerce-admin";
+import React from "react";
+import ReactDOM from "react-dom/client";
 
-ReactDOM.render(
+import { createTheme } from "@mui/material/styles";
+
+ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
   <React.StrictMode>
     <Bananas.App
+      basename={process.env.BASE_URL}
       api={{
-        schema: "http://localhost:8123/_/admin/api/v1/openapi.json",
-        server: "http://localhost:8123/_/admin/api/v1/",
+        schema: "/_/admin/api/v1/openapi.json",
+        server: new URL("/_/admin/api/v1/", location.origin),
+      }}
+      nav={{
+        ...Bananas.pos.navigation,
+        ...Bananas.fulfillment.navigation,
       }}
-      nav={{}}
-      extensions={[Bananas.bananasRouterExtension, Bananas.posRouterExtension]}
+      extensions={[
+        Bananas.bananas.router,
+        Bananas.pos.router,
+        Bananas.fulfillment.router,
+      ]}
       pages={async (route) => {
         return (await import(`./pages/${route.page}`)).default;
       }}
+      theme={createTheme({
+        palette: {
+          primary: {
+            main: "#7b61ff",
+          },
+          secondary: {
+            main: "#00bcd4",
+          },
+        },
+      })}
     />
-  </React.StrictMode>,
-  document.getElementById("root") as HTMLElement,
+  </React.StrictMode>
 );