@elizaos/plugin-shopify-ui 2.0.3-beta.6 → 2.0.3-beta.7

package/dist/views/bundle.js

@@ -0,0 +1,948 @@
+import { Button as e, Card as t, Divider as n, Field as r, HStack as i, List as a, SpatialSurface as o, Text as s, VStack as c } from "@elizaos/ui/spatial";
+import { useCallback as l, useEffect as u, useRef as d, useState as f } from "react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/ShopifyAppView.helpers.ts
+async function h(e) {
+	let t = await fetch(e);
+	if (t.status === 404) return null;
+	let n = await t.json().catch(() => null);
+	if (!t.ok) {
+		let e = n && typeof n == "object" && "error" in n ? String(n.error) : `Shopify request failed with ${t.status}`;
+		throw Error(e);
+	}
+	return n;
+}
+async function g(e, t) {
+	let n = await fetch(e, {
+		method: "POST",
+		headers: { "Content-Type": "application/json" },
+		body: JSON.stringify(t)
+	}), r = await n.json().catch(() => ({}));
+	if (!n.ok) {
+		let e = r && typeof r == "object" && "error" in r ? String(r.error) : `Shopify request failed with ${n.status}`;
+		throw Error(e);
+	}
+	return r;
+}
+async function _() {
+	let e = await h("/api/shopify/status") ?? {
+		connected: !1,
+		shop: null
+	};
+	if (!e.connected) return {
+		status: e,
+		products: null,
+		orders: null,
+		inventory: null,
+		customers: null
+	};
+	let [t, n, r, i] = await Promise.all([
+		h("/api/shopify/products?page=1&limit=10&q="),
+		h("/api/shopify/orders?status=any&limit=10"),
+		h("/api/shopify/inventory"),
+		h("/api/shopify/customers?q=&limit=10")
+	]);
+	return {
+		status: e,
+		products: t,
+		orders: n,
+		inventory: r,
+		customers: i
+	};
+}
+//#endregion
+//#region src/ShopifyAppView.interact.ts
+async function v(e, t) {
+	if (e === "terminal-shopify-state") return {
+		viewType: "tui",
+		...await _()
+	};
+	if (e === "terminal-shopify-products") {
+		let e = typeof t?.query == "string" ? t.query.trim() : "", n = typeof t?.page == "number" ? t.page : 1, r = typeof t?.limit == "number" ? t.limit : 20;
+		return {
+			viewType: "tui",
+			products: await h(`/api/shopify/products?${new URLSearchParams({
+				page: String(n),
+				limit: String(r),
+				q: e
+			})}`)
+		};
+	}
+	if (e === "terminal-shopify-orders") {
+		let e = typeof t?.status == "string" ? t.status.trim() : "any", n = typeof t?.limit == "number" ? t.limit : 20;
+		return {
+			viewType: "tui",
+			orders: await h(`/api/shopify/orders?${new URLSearchParams({
+				status: e,
+				limit: String(n)
+			})}`)
+		};
+	}
+	if (e === "terminal-shopify-inventory") return {
+		viewType: "tui",
+		inventory: await h("/api/shopify/inventory")
+	};
+	if (e === "terminal-shopify-customers") {
+		let e = typeof t?.query == "string" ? t.query.trim() : "", n = typeof t?.limit == "number" ? t.limit : 20;
+		return {
+			viewType: "tui",
+			customers: await h(`/api/shopify/customers?${new URLSearchParams({
+				q: e,
+				limit: String(n)
+			})}`)
+		};
+	}
+	if (e === "terminal-shopify-create-product") {
+		let e = typeof t?.title == "string" ? t.title.trim() : "";
+		if (!e) throw Error("title is required");
+		return {
+			viewType: "tui",
+			product: await g("/api/shopify/products", {
+				title: e,
+				vendor: typeof t?.vendor == "string" ? t.vendor : void 0,
+				productType: typeof t?.productType == "string" ? t.productType : void 0,
+				price: typeof t?.price == "string" || typeof t?.price == "number" ? t.price : void 0
+			})
+		};
+	}
+	if (e === "terminal-shopify-adjust-inventory") {
+		let e = typeof t?.itemId == "string" ? t.itemId.trim() : "", n = typeof t?.delta == "number" ? t.delta : null;
+		if (!e) throw Error("itemId is required");
+		if (n === null) throw Error("delta is required");
+		return {
+			viewType: "tui",
+			inventory: await g(`/api/shopify/inventory/${encodeURIComponent(e)}/adjust`, {
+				delta: n,
+				locationId: typeof t?.locationId == "string" ? t.locationId : void 0
+			})
+		};
+	}
+	throw Error(`Unsupported capability "${e}"`);
+}
+//#endregion
+//#region src/components/ShopifySpatialView.tsx
+var y = [
+	{
+		id: "overview",
+		label: "Overview"
+	},
+	{
+		id: "products",
+		label: "Products"
+	},
+	{
+		id: "orders",
+		label: "Orders"
+	},
+	{
+		id: "inventory",
+		label: "Inventory"
+	},
+	{
+		id: "customers",
+		label: "Customers"
+	}
+];
+function b(e) {
+	switch (e) {
+		case "PAID": return "success";
+		case "PENDING": return "warning";
+		case "REFUNDED":
+		case "PARTIALLY_REFUNDED": return "danger";
+		default: return "muted";
+	}
+}
+function x(e) {
+	switch (e) {
+		case "ACTIVE": return "success";
+		case "DRAFT": return "warning";
+		default: return "muted";
+	}
+}
+function S(e) {
+	return e === 0 ? "danger" : e <= 5 ? "warning" : "default";
+}
+function C({ label: t, value: n, tone: r, agent: i, onPress: a }) {
+	return /* @__PURE__ */ m(c, {
+		gap: 0,
+		grow: 1,
+		children: [/* @__PURE__ */ p(s, {
+			style: "subheading",
+			tone: r,
+			bold: !0,
+			children: n.toLocaleString()
+		}), /* @__PURE__ */ p(e, {
+			variant: "ghost",
+			tone: "default",
+			agent: i,
+			onPress: a,
+			children: t
+		})]
+	});
+}
+function w({ snapshot: e, onAction: t }) {
+	let r = e.inventoryItems.filter((e) => e.available <= 5), o = r.filter((e) => e.available === 0).length, l = (e) => () => t?.(`tab:${e}`);
+	return /* @__PURE__ */ m(c, {
+		gap: 1,
+		width: "100%",
+		children: [
+			/* @__PURE__ */ m(i, {
+				gap: 1,
+				wrap: !0,
+				width: "100%",
+				children: [
+					/* @__PURE__ */ p(C, {
+						label: "Products",
+						value: e.counts.productCount,
+						tone: "primary",
+						agent: "overview-products",
+						onPress: l("products")
+					}),
+					/* @__PURE__ */ p(C, {
+						label: "Orders",
+						value: e.counts.orderCount,
+						tone: "success",
+						agent: "overview-orders",
+						onPress: l("orders")
+					}),
+					/* @__PURE__ */ p(C, {
+						label: "Low stock",
+						value: r.length,
+						tone: o > 0 ? "danger" : "warning",
+						agent: "overview-inventory",
+						onPress: l("inventory")
+					}),
+					/* @__PURE__ */ p(C, {
+						label: "Customers",
+						value: e.counts.customerCount,
+						tone: "muted",
+						agent: "overview-customers",
+						onPress: l("customers")
+					})
+				]
+			}),
+			/* @__PURE__ */ p(n, { label: "recent orders" }),
+			e.orders.length === 0 ? /* @__PURE__ */ p(s, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "None"
+			}) : /* @__PURE__ */ p(a, {
+				gap: 0,
+				width: "100%",
+				children: e.orders.slice(0, 3).map((e) => /* @__PURE__ */ m(i, {
+					gap: 1,
+					align: "center",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ p(s, {
+							bold: !0,
+							wrap: !1,
+							width: 9,
+							children: e.name
+						}),
+						/* @__PURE__ */ p(s, {
+							style: "caption",
+							tone: "muted",
+							grow: 1,
+							wrap: !1,
+							children: e.email || "guest"
+						}),
+						/* @__PURE__ */ m(s, {
+							wrap: !1,
+							children: [
+								e.totalPrice,
+								" ",
+								e.currencyCode
+							]
+						})
+					]
+				}, e.id))
+			}),
+			/* @__PURE__ */ p(n, { label: "low inventory" }),
+			r.length === 0 ? /* @__PURE__ */ p(s, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "Stock levels look good"
+			}) : /* @__PURE__ */ p(a, {
+				gap: 0,
+				width: "100%",
+				children: r.slice(0, 3).map((e) => /* @__PURE__ */ m(i, {
+					gap: 1,
+					align: "center",
+					width: "100%",
+					children: [/* @__PURE__ */ m(s, {
+						grow: 1,
+						wrap: !1,
+						children: [e.productTitle, e.variantTitle ? ` / ${e.variantTitle}` : ""]
+					}), /* @__PURE__ */ p(s, {
+						tone: S(e.available),
+						bold: !0,
+						children: e.available
+					})]
+				}, `${e.id}:${e.locationName}`))
+			})
+		]
+	});
+}
+var T = 20;
+function E({ snapshot: t, onAction: n }) {
+	let o = Math.max(1, Math.ceil(t.productsTotal / T));
+	return /* @__PURE__ */ m(c, {
+		gap: 1,
+		width: "100%",
+		children: [
+			/* @__PURE__ */ p(r, {
+				label: "Search products",
+				placeholder: "filter by title",
+				value: t.productSearch,
+				agent: "products-search",
+				onChange: (e) => n?.(`products:search:${e}`)
+			}),
+			/* @__PURE__ */ m(i, {
+				gap: 1,
+				align: "center",
+				width: "100%",
+				children: [/* @__PURE__ */ p(r, {
+					label: "New product",
+					placeholder: "product title",
+					agent: "products-create-title",
+					grow: 1,
+					onChange: (e) => n?.(`products:create-title:${e}`)
+				}), /* @__PURE__ */ p(e, {
+					variant: "solid",
+					tone: "primary",
+					agent: "products-create",
+					onPress: () => n?.("products:create"),
+					children: "Create"
+				})]
+			}),
+			/* @__PURE__ */ m(s, {
+				style: "caption",
+				tone: "muted",
+				children: [
+					t.productSearch ? `search "${t.productSearch}"` : "all products",
+					" ",
+					"| page ",
+					t.productsPage,
+					" of ",
+					o,
+					" |",
+					" ",
+					t.productsTotal,
+					" total"
+				]
+			}),
+			t.products.length === 0 ? /* @__PURE__ */ p(s, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "None"
+			}) : /* @__PURE__ */ p(a, {
+				gap: 0,
+				width: "100%",
+				children: t.products.slice(0, 6).map((e) => /* @__PURE__ */ m(i, {
+					gap: 1,
+					align: "center",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ p(s, {
+							tone: x(e.status),
+							children: e.status === "ACTIVE" ? "+" : e.status === "DRAFT" ? "." : "x"
+						}),
+						/* @__PURE__ */ m(c, {
+							gap: 0,
+							grow: 1,
+							children: [/* @__PURE__ */ p(s, {
+								bold: !0,
+								wrap: !1,
+								children: e.title
+							}), /* @__PURE__ */ p(s, {
+								style: "caption",
+								tone: "muted",
+								wrap: !1,
+								children: e.vendor || e.productType || "uncategorized"
+							})]
+						}),
+						/* @__PURE__ */ p(s, {
+							wrap: !1,
+							children: e.priceRange.min === e.priceRange.max ? e.priceRange.min : `${e.priceRange.min}-${e.priceRange.max}`
+						})
+					]
+				}, e.id))
+			}),
+			t.productsTotal > T ? /* @__PURE__ */ m(i, {
+				gap: 1,
+				align: "center",
+				width: "100%",
+				children: [/* @__PURE__ */ p(e, {
+					variant: "outline",
+					tone: "default",
+					agent: "products-prev-page",
+					disabled: t.productsPage <= 1,
+					onPress: () => n?.("products:prev-page"),
+					children: "Prev"
+				}), /* @__PURE__ */ p(e, {
+					variant: "outline",
+					tone: "default",
+					agent: "products-next-page",
+					disabled: t.productsPage >= o,
+					onPress: () => n?.("products:next-page"),
+					children: "Next"
+				})]
+			}) : null
+		]
+	});
+}
+var D = [
+	{
+		id: "any",
+		label: "All"
+	},
+	{
+		id: "unfulfilled",
+		label: "Unfulfilled"
+	},
+	{
+		id: "fulfilled",
+		label: "Fulfilled"
+	}
+];
+function O({ snapshot: t, onAction: n }) {
+	return /* @__PURE__ */ m(c, {
+		gap: 1,
+		width: "100%",
+		children: [
+			/* @__PURE__ */ p(i, {
+				gap: 1,
+				wrap: !0,
+				width: "100%",
+				children: D.map((r) => /* @__PURE__ */ p(e, {
+					variant: t.orderStatusFilter === r.id ? "solid" : "outline",
+					tone: t.orderStatusFilter === r.id ? "primary" : "default",
+					agent: `orders-filter-${r.id}`,
+					onPress: () => n?.(`orders:filter:${r.id}`),
+					children: r.label
+				}, r.id))
+			}),
+			/* @__PURE__ */ m(s, {
+				style: "caption",
+				tone: "muted",
+				children: [
+					"filter ",
+					t.orderStatusFilter,
+					" | ",
+					t.ordersTotal,
+					" total"
+				]
+			}),
+			t.orders.length === 0 ? /* @__PURE__ */ p(s, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "None"
+			}) : /* @__PURE__ */ p(a, {
+				gap: 0,
+				width: "100%",
+				children: t.orders.slice(0, 6).map((e) => /* @__PURE__ */ m(i, {
+					gap: 1,
+					align: "center",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ p(s, {
+							bold: !0,
+							wrap: !1,
+							width: 9,
+							children: e.name
+						}),
+						/* @__PURE__ */ p(s, {
+							style: "caption",
+							tone: b(e.financialStatus),
+							wrap: !1,
+							grow: 1,
+							children: e.financialStatus.toLowerCase()
+						}),
+						/* @__PURE__ */ m(s, {
+							wrap: !1,
+							children: [
+								e.totalPrice,
+								" ",
+								e.currencyCode
+							]
+						})
+					]
+				}, e.id))
+			})
+		]
+	});
+}
+function k({ snapshot: e }) {
+	return /* @__PURE__ */ m(c, {
+		gap: 1,
+		width: "100%",
+		children: [/* @__PURE__ */ m(s, {
+			style: "caption",
+			tone: "muted",
+			children: [
+				e.inventoryItems.length,
+				" rows |",
+				" ",
+				e.inventoryLocations.length,
+				" locations"
+			]
+		}), e.inventoryItems.length === 0 ? /* @__PURE__ */ p(s, {
+			tone: "muted",
+			align: "center",
+			style: "caption",
+			children: "None"
+		}) : /* @__PURE__ */ p(a, {
+			gap: 0,
+			width: "100%",
+			children: e.inventoryItems.slice(0, 6).map((e) => /* @__PURE__ */ m(i, {
+				gap: 1,
+				align: "center",
+				width: "100%",
+				children: [
+					/* @__PURE__ */ m(c, {
+						gap: 0,
+						grow: 1,
+						children: [/* @__PURE__ */ m(s, {
+							bold: !0,
+							wrap: !1,
+							children: [e.productTitle, e.variantTitle ? ` / ${e.variantTitle}` : ""]
+						}), /* @__PURE__ */ p(s, {
+							style: "caption",
+							tone: "muted",
+							wrap: !1,
+							children: e.locationName
+						})]
+					}),
+					/* @__PURE__ */ p(s, {
+						tone: S(e.available),
+						bold: !0,
+						children: e.available
+					}),
+					/* @__PURE__ */ m(s, {
+						style: "caption",
+						tone: "muted",
+						children: ["+", e.incoming]
+					})
+				]
+			}, `${e.id}:${e.locationName}`))
+		})]
+	});
+}
+function A({ snapshot: e, onAction: t }) {
+	return /* @__PURE__ */ m(c, {
+		gap: 1,
+		width: "100%",
+		children: [
+			/* @__PURE__ */ p(r, {
+				label: "Search customers",
+				placeholder: "filter by name or email",
+				value: e.customerSearch,
+				agent: "customers-search",
+				onChange: (e) => t?.(`customers:search:${e}`)
+			}),
+			/* @__PURE__ */ m(s, {
+				style: "caption",
+				tone: "muted",
+				children: [
+					e.customerSearch ? `search "${e.customerSearch}"` : "all customers",
+					" ",
+					"| ",
+					e.customersTotal,
+					" total"
+				]
+			}),
+			e.customers.length === 0 ? /* @__PURE__ */ p(s, {
+				tone: "muted",
+				align: "center",
+				style: "caption",
+				children: "None"
+			}) : /* @__PURE__ */ p(a, {
+				gap: 0,
+				width: "100%",
+				children: e.customers.slice(0, 6).map((e) => /* @__PURE__ */ m(i, {
+					gap: 1,
+					align: "center",
+					width: "100%",
+					children: [
+						/* @__PURE__ */ m(c, {
+							gap: 0,
+							grow: 1,
+							children: [/* @__PURE__ */ p(s, {
+								bold: !0,
+								wrap: !1,
+								children: `${e.firstName} ${e.lastName}`.trim() || e.email || "Customer"
+							}), /* @__PURE__ */ p(s, {
+								style: "caption",
+								tone: "muted",
+								wrap: !1,
+								children: e.email
+							})]
+						}),
+						/* @__PURE__ */ m(s, {
+							style: "caption",
+							tone: "muted",
+							wrap: !1,
+							children: [e.ordersCount, " orders"]
+						}),
+						/* @__PURE__ */ m(s, {
+							wrap: !1,
+							children: [
+								e.totalSpent,
+								" ",
+								e.currencyCode
+							]
+						})
+					]
+				}, e.id))
+			})
+		]
+	});
+}
+function j({ snapshot: e, onAction: t }) {
+	switch (e.tab) {
+		case "products": return /* @__PURE__ */ p(E, {
+			snapshot: e,
+			onAction: t
+		});
+		case "orders": return /* @__PURE__ */ p(O, {
+			snapshot: e,
+			onAction: t
+		});
+		case "inventory": return /* @__PURE__ */ p(k, { snapshot: e });
+		case "customers": return /* @__PURE__ */ p(A, {
+			snapshot: e,
+			onAction: t
+		});
+		default: return /* @__PURE__ */ p(w, {
+			snapshot: e,
+			onAction: t
+		});
+	}
+}
+function M({ snapshot: r, onAction: a }) {
+	let o = (e) => () => a?.(e), c = r.status?.connected ?? !1, l = r.status?.shop ?? null;
+	return /* @__PURE__ */ m(t, {
+		gap: 1,
+		padding: 1,
+		children: [
+			/* @__PURE__ */ m(i, {
+				gap: 1,
+				align: "center",
+				width: "100%",
+				children: [/* @__PURE__ */ p(s, {
+					style: "caption",
+					tone: c ? "success" : "danger",
+					wrap: !1,
+					children: c ? "connected" : "offline"
+				}), /* @__PURE__ */ p(s, {
+					style: "caption",
+					tone: "muted",
+					grow: 1,
+					align: "end",
+					wrap: !1,
+					children: r.loading ? "loading" : l?.name ?? "no shop"
+				})]
+			}),
+			/* @__PURE__ */ p(s, {
+				style: "caption",
+				tone: "muted",
+				width: "100%",
+				wrap: !1,
+				children: l?.domain ?? "no domain"
+			}),
+			r.error ? /* @__PURE__ */ p(s, {
+				tone: "danger",
+				style: "caption",
+				children: r.error
+			}) : null,
+			!c && !r.loading ? /* @__PURE__ */ p(s, {
+				tone: "muted",
+				style: "caption",
+				children: "Set SHOPIFY_STORE_DOMAIN and SHOPIFY_ACCESS_TOKEN for live data."
+			}) : null,
+			/* @__PURE__ */ m(i, {
+				gap: 1,
+				wrap: !0,
+				width: "100%",
+				children: [y.map((t) => /* @__PURE__ */ p(e, {
+					variant: r.tab === t.id ? "solid" : "outline",
+					tone: r.tab === t.id ? "primary" : "default",
+					agent: `tab-${t.id}`,
+					onPress: o(`tab:${t.id}`),
+					children: t.label
+				}, t.id)), /* @__PURE__ */ p(e, {
+					variant: "ghost",
+					tone: "default",
+					agent: "refresh",
+					onPress: o("refresh"),
+					children: "Refresh"
+				})]
+			}),
+			/* @__PURE__ */ p(n, { label: r.tab }),
+			/* @__PURE__ */ p(j, {
+				snapshot: r,
+				onAction: a
+			})
+		]
+	});
+}
+//#endregion
+//#region src/useShopifyDashboard.ts
+var N = 20, P = 3e4;
+async function F(e) {
+	let t = await fetch(e);
+	if (t.status === 404) return null;
+	if (!t.ok) {
+		let e = await t.text().catch(() => "Unknown error");
+		throw Error(`${t.status}: ${e}`);
+	}
+	return t.json();
+}
+function I() {
+	let [e, t] = f(null), [n, r] = f(!0), [i, a] = f(null), [o, s] = f(null), [c, p] = f(!1), [m, h] = f(null), [g, _] = f(1), [v, y] = f(""), [b, x] = f(null), [S, C] = f(!1), [w, T] = f(null), [E, D] = f("any"), [O, k] = f(null), [A, j] = f(!1), [M, I] = f(null), [L, R] = f(null), [z, B] = f(!1), [V, H] = f(null), [U, W] = f(""), [G, K] = f(0), q = d(null), J = l(() => {
+		K((e) => e + 1);
+	}, []);
+	u(() => (q.current = setInterval(J, P), () => {
+		q.current !== null && clearInterval(q.current);
+	}), [J]), u(() => {
+		let e = !1;
+		return r(!0), a(null), F("/api/shopify/status").then((n) => {
+			e || t(n ?? {
+				connected: !1,
+				shop: null
+			});
+		}).catch((n) => {
+			e || (a(n instanceof Error ? n.message : "Failed to load Shopify status."), t({
+				connected: !1,
+				shop: null
+			}));
+		}).finally(() => {
+			e || r(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [G]);
+	let Y = e?.connected ?? !1;
+	u(() => {
+		if (!Y) return;
+		let e = !1;
+		return p(!0), h(null), F(`/api/shopify/products?${new URLSearchParams({
+			page: String(g),
+			limit: String(N),
+			q: v
+		})}`).then((t) => {
+			e || s(t ?? {
+				products: [],
+				total: 0,
+				page: g,
+				pageSize: N
+			});
+		}).catch((t) => {
+			e || h(t instanceof Error ? t.message : "Failed to load products.");
+		}).finally(() => {
+			e || p(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		Y,
+		g,
+		v,
+		G
+	]), u(() => {
+		if (!Y) return;
+		let e = !1;
+		return C(!0), T(null), F(`/api/shopify/orders?${new URLSearchParams({
+			status: E,
+			limit: String(N)
+		})}`).then((t) => {
+			e || x(t ?? {
+				orders: [],
+				total: 0
+			});
+		}).catch((t) => {
+			e || T(t instanceof Error ? t.message : "Failed to load orders.");
+		}).finally(() => {
+			e || C(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		Y,
+		E,
+		G
+	]), u(() => {
+		if (!Y) return;
+		let e = !1;
+		return j(!0), I(null), F("/api/shopify/inventory").then((t) => {
+			e || k(t ?? {
+				items: [],
+				locations: []
+			});
+		}).catch((t) => {
+			e || I(t instanceof Error ? t.message : "Failed to load inventory.");
+		}).finally(() => {
+			e || j(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [Y, G]), u(() => {
+		if (!Y) return;
+		let e = !1;
+		return B(!0), H(null), F(`/api/shopify/customers?${new URLSearchParams({
+			q: U,
+			limit: String(N)
+		})}`).then((t) => {
+			e || R(t ?? {
+				customers: [],
+				total: 0
+			});
+		}).catch((t) => {
+			e || H(t instanceof Error ? t.message : "Failed to load customers.");
+		}).finally(() => {
+			e || B(!1);
+		}), () => {
+			e = !0;
+		};
+	}, [
+		Y,
+		U,
+		G
+	]);
+	let X = {
+		productCount: o?.total ?? 0,
+		orderCount: b?.total ?? 0,
+		customerCount: L?.total ?? 0
+	};
+	return {
+		status: e,
+		statusLoading: n,
+		statusError: i,
+		products: o?.products ?? [],
+		productsTotal: o?.total ?? 0,
+		productsPage: g,
+		productsLoading: c,
+		productsError: m,
+		productSearch: v,
+		setProductSearch: y,
+		setProductsPage: _,
+		orders: b?.orders ?? [],
+		ordersTotal: b?.total ?? 0,
+		ordersLoading: S,
+		ordersError: w,
+		orderStatusFilter: E,
+		setOrderStatusFilter: D,
+		inventoryItems: O?.items ?? [],
+		inventoryLocations: O?.locations ?? [],
+		inventoryLoading: A,
+		inventoryError: M,
+		customers: L?.customers ?? [],
+		customersTotal: L?.total ?? 0,
+		customersLoading: z,
+		customersError: V,
+		customerSearch: U,
+		setCustomerSearch: W,
+		counts: X,
+		refresh: J
+	};
+}
+//#endregion
+//#region src/ShopifyView.tsx
+function L() {
+	let [e, t] = f("overview"), [n, r] = f(""), [i, a] = f(null), { status: s, statusLoading: c, statusError: u, products: d, productsTotal: m, productsPage: h, productsLoading: g, productsError: _, productSearch: v, setProductSearch: y, setProductsPage: b, orders: x, ordersTotal: S, ordersLoading: C, ordersError: w, orderStatusFilter: T, setOrderStatusFilter: E, inventoryItems: D, inventoryLocations: O, inventoryLoading: k, inventoryError: A, customers: j, customersTotal: N, customersLoading: P, customersError: F, customerSearch: L, setCustomerSearch: R, counts: z, refresh: B } = I(), V = l(async () => {
+		let e = n.trim();
+		if (!e) {
+			a("Enter a product title.");
+			return;
+		}
+		a(null);
+		try {
+			let t = await fetch("/api/shopify/products", {
+				method: "POST",
+				headers: { "Content-Type": "application/json" },
+				body: JSON.stringify({ title: e })
+			});
+			if (!t.ok) {
+				let e = await t.text().catch(() => "Unknown error");
+				throw Error(e);
+			}
+			r(""), B();
+		} catch (e) {
+			a(e instanceof Error ? e.message : "Failed to create product.");
+		}
+	}, [n, B]), H = l((e) => {
+		if (e.startsWith("tab:")) {
+			t(e.slice(4));
+			return;
+		}
+		if (e.startsWith("products:search:")) {
+			b(1), y(e.slice(16));
+			return;
+		}
+		if (e.startsWith("products:create-title:")) {
+			a(null), r(e.slice(22));
+			return;
+		}
+		if (e.startsWith("orders:filter:")) {
+			E(e.slice(14));
+			return;
+		}
+		if (e.startsWith("customers:search:")) {
+			R(e.slice(17));
+			return;
+		}
+		switch (e) {
+			case "products:create":
+				V();
+				return;
+			case "products:prev-page":
+				b(Math.max(1, h - 1));
+				return;
+			case "products:next-page":
+				b(h + 1);
+				return;
+			case "refresh":
+				B();
+				return;
+		}
+	}, [
+		V,
+		h,
+		B,
+		R,
+		E,
+		y,
+		b
+	]);
+	return /* @__PURE__ */ p(o, { children: /* @__PURE__ */ p(M, {
+		snapshot: {
+			status: s,
+			tab: e,
+			counts: z,
+			products: d,
+			productsTotal: m,
+			productsPage: h,
+			productSearch: v,
+			orders: x,
+			ordersTotal: S,
+			orderStatusFilter: T,
+			inventoryItems: D,
+			inventoryLocations: O,
+			customers: j,
+			customersTotal: N,
+			customerSearch: L,
+			loading: c || g || C || k || P,
+			error: i ?? u ?? _ ?? w ?? A ?? F
+		},
+		onAction: H
+	}) });
+}
+//#endregion
+export { L as ShopifyView, v as interact };
+
+//# sourceMappingURL=bundle.js.map