@supercycle/cli 0.1.0

package/dist/components/ExitError.js

@@ -0,0 +1,13 @@
+import { useApp } from "ink";
+import { useEffect } from "react";
+// Write an error to stderr and exit non-zero without emitting anything to
+// stdout — used in --json mode so piped output is never corrupted.
+export default function ExitError({ message }) {
+    const { exit } = useApp();
+    useEffect(() => {
+        process.stderr.write(message + "\n");
+        process.exitCode = 1;
+        exit();
+    }, [message, exit]);
+    return null;
+}

package/dist/components/ItemActionView.js

@@ -0,0 +1,36 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import ItemDetail from "./ItemDetail.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+// Runs a single item-mutating action, then shows a confirmation line plus the
+// updated item (or raw JSON).
+export default function ItemActionView({ action, successLabel, loadingLabel = "Updating item…", json, }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return action(resolved.client);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: loadingLabel });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Text, { color: "green" },
+            "\u2714 ",
+            successLabel(state.data)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(ItemDetail, { item: state.data }))));
+}

package/dist/components/ItemDetail.js

@@ -0,0 +1,48 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { formatDateTime, titleCase, dash, EMPTY } from "../lib/format.js";
+import Status from "./Status.js";
+function Section({ title, children }) {
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+        React.createElement(Text, { bold: true, underline: true }, title),
+        children));
+}
+function Field({ label, children }) {
+    return (React.createElement(Box, null,
+        React.createElement(Box, { width: 18 },
+            React.createElement(Text, { dimColor: true }, label)),
+        React.createElement(Box, null, typeof children === "string" ? React.createElement(Text, null, children) : children)));
+}
+export default function ItemDetail({ item }) {
+    const { timelineEvents, tags, customFields } = item;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Section, { title: `Item #${item.sequentialId ?? item.id}` },
+            React.createElement(Field, { label: "ID" }, String(item.id)),
+            React.createElement(Field, { label: "Product" }, dash(item.productTitle)),
+            React.createElement(Field, { label: "Variant" }, dash(item.variantTitle)),
+            React.createElement(Field, { label: "Serial" }, dash(item.serial)),
+            React.createElement(Field, { label: "Status" },
+                React.createElement(Status, { value: item.status })),
+            React.createElement(Field, { label: "Visibility" },
+                React.createElement(Status, { value: item.visibility })),
+            React.createElement(Field, { label: "Condition" }, dash(item.condition?.name ?? item.conditionId)),
+            React.createElement(Field, { label: "Pick location" }, dash(item.pickLocation))),
+        React.createElement(Section, { title: "Activity" },
+            React.createElement(Field, { label: "Active rental" }, dash(item.activeRentalId)),
+            React.createElement(Field, { label: "Active return" }, dash(item.activeReturnId))),
+        React.createElement(Section, { title: "Shopify" },
+            React.createElement(Field, { label: "Product ID" }, dash(item.shopifyProductId)),
+            React.createElement(Field, { label: "Variant ID" }, dash(item.shopifyVariantId)),
+            React.createElement(Field, { label: "Location ID" }, dash(item.locationShopifyId))),
+        React.createElement(Section, { title: "Dates" },
+            React.createElement(Field, { label: "Created" }, formatDateTime(item.createdAt))),
+        tags && tags.length > 0 ? (React.createElement(Section, { title: "Tags" },
+            React.createElement(Text, null, tags.join(", ")))) : null,
+        customFields && customFields.length > 0 ? (React.createElement(Section, { title: "Custom fields" }, customFields.map((field) => (React.createElement(Field, { key: field.id, label: field.key }, dash(field.value)))))) : null,
+        timelineEvents && timelineEvents.length > 0 ? (React.createElement(Section, { title: "Timeline" }, timelineEvents.map((event) => (React.createElement(Box, { key: event.id },
+            React.createElement(Box, { width: 20 },
+                React.createElement(Text, { dimColor: true, wrap: "truncate" }, formatDateTime(event.createdAt))),
+            React.createElement(Box, { width: 28 },
+                React.createElement(Text, { wrap: "truncate" }, titleCase(event.eventType))),
+            React.createElement(Text, { dimColor: true }, event.author ?? EMPTY)))))) : null));
+}

package/dist/components/ItemTable.js

@@ -0,0 +1,58 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { dash } from "../lib/format.js";
+import Status from "./Status.js";
+const COLUMNS = {
+    id: 8,
+    item: 7,
+    product: 24,
+    variant: 18,
+    status: 12,
+    visibility: 12,
+    active: 9,
+};
+function Cell({ width, noShrink, children, }) {
+    return (React.createElement(Box, { width: width, marginRight: 1, flexShrink: noShrink ? 0 : 1 }, children));
+}
+function HeaderCell({ width, label, noShrink, }) {
+    return (React.createElement(Cell, { width: width, noShrink: noShrink },
+        React.createElement(Text, { bold: true, dimColor: true, wrap: "truncate" }, label)));
+}
+export default function ItemTable({ items, nextPage }) {
+    if (items.length === 0) {
+        return React.createElement(Text, { dimColor: true }, "No items matched your filters.");
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(HeaderCell, { width: COLUMNS.id, label: "ID", noShrink: true }),
+            React.createElement(HeaderCell, { width: COLUMNS.item, label: "Item #", noShrink: true }),
+            React.createElement(HeaderCell, { width: COLUMNS.product, label: "Product" }),
+            React.createElement(HeaderCell, { width: COLUMNS.variant, label: "Variant" }),
+            React.createElement(HeaderCell, { width: COLUMNS.status, label: "Status" }),
+            React.createElement(HeaderCell, { width: COLUMNS.visibility, label: "Visibility" }),
+            React.createElement(HeaderCell, { width: COLUMNS.active, label: "Rental" })),
+        items.map((item) => (React.createElement(Box, { key: item.id },
+            React.createElement(Cell, { width: COLUMNS.id, noShrink: true },
+                React.createElement(Text, { wrap: "truncate" }, item.id)),
+            React.createElement(Cell, { width: COLUMNS.item, noShrink: true },
+                React.createElement(Text, { dimColor: true, wrap: "truncate" }, item.sequentialId == null ? "—" : `#${item.sequentialId}`)),
+            React.createElement(Cell, { width: COLUMNS.product },
+                React.createElement(Text, { wrap: "truncate" }, dash(item.productTitle))),
+            React.createElement(Cell, { width: COLUMNS.variant },
+                React.createElement(Text, { wrap: "truncate" }, dash(item.variantTitle))),
+            React.createElement(Cell, { width: COLUMNS.status },
+                React.createElement(Status, { value: item.status })),
+            React.createElement(Cell, { width: COLUMNS.visibility },
+                React.createElement(Status, { value: item.visibility })),
+            React.createElement(Cell, { width: COLUMNS.active },
+                React.createElement(Text, { wrap: "truncate" }, dash(item.activeRentalId)))))),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+            React.createElement(Text, { dimColor: true },
+                items.length,
+                " item",
+                items.length === 1 ? "" : "s",
+                " shown \u00B7 use the ID column with `items get <id>`"),
+            nextPage ? React.createElement(Text, { dimColor: true },
+                "Next page: --page ",
+                nextPage) : null)));
+}

package/dist/components/ItemsListView.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import ItemTable from "./ItemTable.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+// Fetch a list of items (optionally following every page) and render it as a
+// table or raw JSON.
+export default function ItemsListView({ filters, all, json }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return all ? resolved.client.listAllItems(filters) : resolved.client.listItems(filters);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: "Fetching items\u2026" });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    return React.createElement(ItemTable, { items: state.data.data, nextPage: state.data.nextPage });
+}

package/dist/components/ItemsResultView.js

@@ -0,0 +1,37 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import ItemTable from "./ItemTable.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+// Runs an action that returns a list of items (e.g. create) and renders a
+// confirmation line plus the resulting items as a table.
+export default function ItemsResultView({ action, successLabel, loadingLabel = "Saving…", json, }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return action(resolved.client);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: loadingLabel });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    const items = state.data;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Text, { color: "green" },
+            "\u2714 ",
+            successLabel(items)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(ItemTable, { items: items, nextPage: null }))));
+}

package/dist/components/JsonOutput.js

@@ -0,0 +1,12 @@
+import { useApp } from "ink";
+import { useEffect } from "react";
+// Write raw JSON straight to stdout (bypassing Ink's layout so the output
+// stays pipeable, e.g. into `jq`) and then exit.
+export default function JsonOutput({ data }) {
+    const { exit } = useApp();
+    useEffect(() => {
+        process.stdout.write(JSON.stringify(data, null, 2) + "\n");
+        exit();
+    }, [data, exit]);
+    return null;
+}

package/dist/components/Loading.js

@@ -0,0 +1,11 @@
+import { Box, Text } from "ink";
+import Spinner from "ink-spinner";
+import React from "react";
+export default function Loading({ label = "Loading…" }) {
+    return (React.createElement(Box, null,
+        React.createElement(Text, { color: "cyan" },
+            React.createElement(Spinner, { type: "dots" })),
+        React.createElement(Text, null,
+            " ",
+            label)));
+}

package/dist/components/ProductTable.js

@@ -0,0 +1,49 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { dash } from "../lib/format.js";
+const COLUMNS = {
+    id: 8,
+    product: 8,
+    title: 30,
+    handle: 24,
+    variants: 9,
+};
+function Cell({ width, noShrink, children, }) {
+    return (React.createElement(Box, { width: width, marginRight: 1, flexShrink: noShrink ? 0 : 1 }, children));
+}
+function HeaderCell({ width, label, noShrink, }) {
+    return (React.createElement(Cell, { width: width, noShrink: noShrink },
+        React.createElement(Text, { bold: true, dimColor: true, wrap: "truncate" }, label)));
+}
+export default function ProductTable({ products, nextPage }) {
+    if (products.length === 0) {
+        return React.createElement(Text, { dimColor: true }, "No products matched your filters.");
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(HeaderCell, { width: COLUMNS.id, label: "ID", noShrink: true }),
+            React.createElement(HeaderCell, { width: COLUMNS.product, label: "Prod #", noShrink: true }),
+            React.createElement(HeaderCell, { width: COLUMNS.title, label: "Title" }),
+            React.createElement(HeaderCell, { width: COLUMNS.handle, label: "Handle" }),
+            React.createElement(HeaderCell, { width: COLUMNS.variants, label: "Variants" })),
+        products.map((product) => (React.createElement(Box, { key: product.id },
+            React.createElement(Cell, { width: COLUMNS.id, noShrink: true },
+                React.createElement(Text, { wrap: "truncate" }, product.id)),
+            React.createElement(Cell, { width: COLUMNS.product, noShrink: true },
+                React.createElement(Text, { dimColor: true, wrap: "truncate" }, product.sequentialId == null ? "—" : `#${product.sequentialId}`)),
+            React.createElement(Cell, { width: COLUMNS.title },
+                React.createElement(Text, { wrap: "truncate" }, dash(product.title))),
+            React.createElement(Cell, { width: COLUMNS.handle },
+                React.createElement(Text, { dimColor: true, wrap: "truncate" }, dash(product.handle))),
+            React.createElement(Cell, { width: COLUMNS.variants },
+                React.createElement(Text, { wrap: "truncate" }, product.variants?.length ?? 0))))),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+            React.createElement(Text, { dimColor: true },
+                products.length,
+                " product",
+                products.length === 1 ? "" : "s",
+                " shown"),
+            nextPage ? React.createElement(Text, { dimColor: true },
+                "Next page: --page ",
+                nextPage) : null)));
+}

package/dist/components/ProductsListView.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+import ProductTable from "./ProductTable.js";
+// Fetch a list of products (optionally following every page) and render it as a
+// table or raw JSON.
+export default function ProductsListView({ filters, all, json }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return all ? resolved.client.listAllProducts(filters) : resolved.client.listProducts(filters);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: "Fetching products\u2026" });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    return React.createElement(ProductTable, { products: state.data.data, nextPage: state.data.nextPage });
+}

package/dist/components/ReferenceListView.js

@@ -0,0 +1,49 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+function HeaderCell({ width, label }) {
+    return (React.createElement(Box, { width: width, marginRight: 1, flexShrink: width ? 0 : 1 },
+        React.createElement(Text, { bold: true, dimColor: true, wrap: "truncate" }, label)));
+}
+// Fetch a small reference list and render it as a table (driven by the supplied
+// columns) or raw JSON. Shared by the `locations list` and `conditions list`
+// commands, whose response shapes differ.
+export default function ReferenceListView({ fetch, columns, rowKey, loadingLabel, emptyLabel, noun, json, }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return fetch(resolved.client);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: loadingLabel });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    const rows = state.data.data;
+    if (rows.length === 0) {
+        return React.createElement(Text, { dimColor: true }, emptyLabel);
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null, columns.map((column) => (React.createElement(HeaderCell, { key: column.label, width: column.width, label: column.label })))),
+        rows.map((row) => (React.createElement(Box, { key: rowKey(row) }, columns.map((column) => (React.createElement(Box, { key: column.label, width: column.width, marginRight: 1, flexShrink: column.width ? 0 : 1 },
+            React.createElement(Text, { wrap: "truncate" }, column.value(row)))))))),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(Text, { dimColor: true },
+                rows.length,
+                " ",
+                noun,
+                rows.length === 1 ? "" : "s",
+                " shown"))));
+}

package/dist/components/ReturnActionView.js

@@ -0,0 +1,36 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+import ReturnDetail from "./ReturnDetail.js";
+// Runs a single return-mutating action, then shows a confirmation line plus the
+// updated return (or raw JSON).
+export default function ReturnActionView({ action, successLabel, loadingLabel = "Updating return…", json, }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return action(resolved.client);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: loadingLabel });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Text, { color: "green" },
+            "\u2714 ",
+            successLabel(state.data)),
+        React.createElement(Box, { marginTop: 1 },
+            React.createElement(ReturnDetail, { order: state.data }))));
+}

package/dist/components/ReturnDetail.js

@@ -0,0 +1,55 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { customerName, formatDateTime, titleCase, dash, EMPTY } from "../lib/format.js";
+import Status from "./Status.js";
+function Section({ title, children }) {
+    return (React.createElement(Box, { flexDirection: "column", marginBottom: 1 },
+        React.createElement(Text, { bold: true, underline: true }, title),
+        children));
+}
+function Field({ label, children }) {
+    return (React.createElement(Box, null,
+        React.createElement(Box, { width: 18 },
+            React.createElement(Text, { dimColor: true }, label)),
+        React.createElement(Box, null, typeof children === "string" ? React.createElement(Text, null, children) : children)));
+}
+export default function ReturnDetail({ order }) {
+    const { returnLines, timelineEvents, tags } = order;
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Section, { title: `Return #${order.sequentialId ?? order.id}` },
+            React.createElement(Field, { label: "ID" }, String(order.id)),
+            React.createElement(Field, { label: "Status" },
+                React.createElement(Status, { value: order.status })),
+            React.createElement(Field, { label: "Receival" },
+                React.createElement(Status, { value: order.receivalStatus })),
+            React.createElement(Field, { label: "Credit" },
+                React.createElement(Status, { value: order.creditStatus })),
+            React.createElement(Field, { label: "Requested" }, formatDateTime(order.requestedAt)),
+            React.createElement(Field, { label: "Created" }, formatDateTime(order.createdAt))),
+        React.createElement(Section, { title: "Customer" },
+            React.createElement(Field, { label: "Name" }, customerName(order.customer)),
+            React.createElement(Field, { label: "Email" }, dash(order.customer?.email))),
+        returnLines && returnLines.length > 0 ? (React.createElement(Section, { title: `Return lines (${returnLines.length})` },
+            React.createElement(Box, null,
+                React.createElement(Box, { width: 8, marginRight: 1 },
+                    React.createElement(Text, { bold: true, dimColor: true }, "Cycle")),
+                React.createElement(Box, { width: 26, marginRight: 1 },
+                    React.createElement(Text, { bold: true, dimColor: true }, "Product")),
+                React.createElement(Box, { width: 12 },
+                    React.createElement(Text, { bold: true, dimColor: true }, "Status"))),
+            returnLines.map((line) => (React.createElement(Box, { key: line.id },
+                React.createElement(Box, { width: 8, marginRight: 1 },
+                    React.createElement(Text, { wrap: "truncate" }, line.rentalId)),
+                React.createElement(Box, { width: 26, marginRight: 1 },
+                    React.createElement(Text, { wrap: "truncate" }, dash(line.item?.productTitle))),
+                React.createElement(Box, { width: 12 },
+                    React.createElement(Status, { value: line.status }))))))) : null,
+        tags && tags.length > 0 ? (React.createElement(Section, { title: "Tags" },
+            React.createElement(Text, null, tags.join(", ")))) : null,
+        timelineEvents && timelineEvents.length > 0 ? (React.createElement(Section, { title: "Timeline" }, timelineEvents.map((event) => (React.createElement(Box, { key: event.id },
+            React.createElement(Box, { width: 20 },
+                React.createElement(Text, { dimColor: true, wrap: "truncate" }, formatDateTime(event.createdAt))),
+            React.createElement(Box, { width: 28 },
+                React.createElement(Text, { wrap: "truncate" }, titleCase(event.eventType))),
+            React.createElement(Text, { dimColor: true }, event.author ?? EMPTY)))))) : null));
+}

package/dist/components/ReturnResultView.js

@@ -0,0 +1,49 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { titleCase } from "../lib/format.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+export default function ReturnResultView({ action, loadingLabel = "Creating return…", json, }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return action(resolved.client);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: loadingLabel });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    const { errors = [], returnOrders = [] } = state.data;
+    return (React.createElement(Box, { flexDirection: "column" },
+        errors.length > 0
+            ? errors.map((err, i) => (React.createElement(Text, { key: i, color: "red" },
+                "\u2716 ",
+                err)))
+            : null,
+        returnOrders.length > 0 ? (React.createElement(Box, { flexDirection: "column" },
+            React.createElement(Text, { color: "green" },
+                "\u2714 Created ",
+                returnOrders.length,
+                " return",
+                returnOrders.length === 1 ? "" : "s"),
+            returnOrders.map((ro) => (React.createElement(Text, { key: ro.id },
+                " ",
+                "Return #",
+                ro.sequentialId,
+                " (ID ",
+                ro.id,
+                ") \u2014 ",
+                titleCase(ro.status)))))) : errors.length === 0 ? (React.createElement(Text, { dimColor: true }, "No returns were created.")) : null));
+}

package/dist/components/ReturnTable.js

@@ -0,0 +1,58 @@
+import { Box, Text } from "ink";
+import React from "react";
+import { customerName } from "../lib/format.js";
+import Status from "./Status.js";
+const COLUMNS = {
+    id: 8,
+    ret: 8,
+    customer: 20,
+    status: 13,
+    receival: 12,
+    credit: 12,
+    lines: 6,
+};
+function Cell({ width, noShrink, children, }) {
+    return (React.createElement(Box, { width: width, marginRight: 1, flexShrink: noShrink ? 0 : 1 }, children));
+}
+function HeaderCell({ width, label, noShrink, }) {
+    return (React.createElement(Cell, { width: width, noShrink: noShrink },
+        React.createElement(Text, { bold: true, dimColor: true, wrap: "truncate" }, label)));
+}
+export default function ReturnTable({ returns, nextPage }) {
+    if (returns.length === 0) {
+        return React.createElement(Text, { dimColor: true }, "No returns matched your filters.");
+    }
+    return (React.createElement(Box, { flexDirection: "column" },
+        React.createElement(Box, null,
+            React.createElement(HeaderCell, { width: COLUMNS.id, label: "ID", noShrink: true }),
+            React.createElement(HeaderCell, { width: COLUMNS.ret, label: "Return #", noShrink: true }),
+            React.createElement(HeaderCell, { width: COLUMNS.customer, label: "Customer" }),
+            React.createElement(HeaderCell, { width: COLUMNS.status, label: "Status" }),
+            React.createElement(HeaderCell, { width: COLUMNS.receival, label: "Receival" }),
+            React.createElement(HeaderCell, { width: COLUMNS.credit, label: "Credit" }),
+            React.createElement(HeaderCell, { width: COLUMNS.lines, label: "Lines" })),
+        returns.map((ret) => (React.createElement(Box, { key: ret.id },
+            React.createElement(Cell, { width: COLUMNS.id, noShrink: true },
+                React.createElement(Text, { wrap: "truncate" }, ret.id)),
+            React.createElement(Cell, { width: COLUMNS.ret, noShrink: true },
+                React.createElement(Text, { dimColor: true, wrap: "truncate" }, ret.sequentialId == null ? "—" : `#${ret.sequentialId}`)),
+            React.createElement(Cell, { width: COLUMNS.customer },
+                React.createElement(Text, { wrap: "truncate" }, customerName(ret.customer))),
+            React.createElement(Cell, { width: COLUMNS.status },
+                React.createElement(Status, { value: ret.status })),
+            React.createElement(Cell, { width: COLUMNS.receival },
+                React.createElement(Status, { value: ret.receivalStatus })),
+            React.createElement(Cell, { width: COLUMNS.credit },
+                React.createElement(Status, { value: ret.creditStatus })),
+            React.createElement(Cell, { width: COLUMNS.lines },
+                React.createElement(Text, { wrap: "truncate" }, ret.returnLines?.length ?? 0))))),
+        React.createElement(Box, { marginTop: 1, flexDirection: "column" },
+            React.createElement(Text, { dimColor: true },
+                returns.length,
+                " return",
+                returns.length === 1 ? "" : "s",
+                " shown \u00B7 use the ID column with `returns get <id>`"),
+            nextPage ? React.createElement(Text, { dimColor: true },
+                "Next page: --page ",
+                nextPage) : null)));
+}

package/dist/components/ReturnsListView.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { useAsync } from "../hooks/useAsync.js";
+import { resolveClient, NO_TOKEN_HINT } from "../lib/resolveClient.js";
+import ErrorMessage from "./ErrorMessage.js";
+import ExitError from "./ExitError.js";
+import JsonOutput from "./JsonOutput.js";
+import Loading from "./Loading.js";
+import ReturnTable from "./ReturnTable.js";
+// Fetch a list of returns (optionally following every page) and render it as a
+// table or raw JSON.
+export default function ReturnsListView({ filters, all, json }) {
+    const resolved = resolveClient();
+    const state = useAsync(async () => {
+        if (!resolved.client)
+            throw new Error(resolved.error);
+        return all ? resolved.client.listAllReturns(filters) : resolved.client.listReturns(filters);
+    }, []);
+    if (state.loading) {
+        return json ? null : React.createElement(Loading, { label: "Fetching returns\u2026" });
+    }
+    if (state.error) {
+        if (json)
+            return React.createElement(ExitError, { message: state.error.message });
+        return (React.createElement(ErrorMessage, { message: state.error.message, hint: resolved.error ? NO_TOKEN_HINT : undefined }));
+    }
+    if (json) {
+        return React.createElement(JsonOutput, { data: state.data });
+    }
+    return React.createElement(ReturnTable, { returns: state.data.data, nextPage: state.data.nextPage });
+}