@kahitsan/ksui 0.36.1 → 0.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kahitsan/ksui",
-  "version": "0.36.1",
+  "version": "0.37.0",
   "description": "ksui is a standalone set of SolidJS UI components for KahitSan/Hilinga and any SolidJS app. Published to the public npm registry and consumed as a normal dependency. Ships source under a `solid` export condition so the consumer's vite-plugin-solid compiles it with only solid-js externalized; it depends on nothing but solid-js + lucide-solid and injects its own CSS.",
   "type": "module",
   "main": "./src/index.ts",

package/src/components/composite/VoucherPicker.test.tsx

@@ -0,0 +1,51 @@
+// fetchUrl prop threading — the default stays the vouchers plugin's own API so
+// existing consumers are unaffected; a consumer without vouchers.view can
+// point the picker at a peer proxy route with the same response shape.
+import { describe, expect, it, vi } from "vitest";
+import { fireEvent, render, waitFor } from "@solidjs/testing-library";
+import VoucherPicker from "./VoucherPicker";
+
+function mockFetchOnce(): typeof fetch {
+  const impl = vi.fn(async () => ({
+    ok: true,
+    json: async () => ({ data: [] }),
+  })) as unknown as typeof fetch;
+  vi.stubGlobal("fetch", impl);
+  return impl;
+}
+
+describe("VoucherPicker fetchUrl", () => {
+  it("defaults to the vouchers plugin's own API when fetchUrl is omitted", async () => {
+    const fetchMock = mockFetchOnce();
+    const { getByTestId } = render(() => (
+      <VoucherPicker selected={null} onChange={vi.fn()} subtotal={100} packageIds={[]} />
+    ));
+    fireEvent.click(getByTestId("voucher-picker-trigger"));
+
+    await waitFor(() => expect(fetchMock).toHaveBeenCalled());
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/vouchers?status=active&limit=200",
+      expect.objectContaining({ credentials: "include" }),
+    );
+  });
+
+  it("fetches the overridden URL when fetchUrl is provided", async () => {
+    const fetchMock = mockFetchOnce();
+    const { getByTestId } = render(() => (
+      <VoucherPicker
+        selected={null}
+        onChange={vi.fn()}
+        subtotal={100}
+        packageIds={[]}
+        fetchUrl="/api/counter/vouchers"
+      />
+    ));
+    fireEvent.click(getByTestId("voucher-picker-trigger"));
+
+    await waitFor(() => expect(fetchMock).toHaveBeenCalled());
+    expect(fetchMock).toHaveBeenCalledWith(
+      "/api/counter/vouchers",
+      expect.objectContaining({ credentials: "include" }),
+    );
+  });
+});

package/src/components/composite/VoucherPicker.tsx

@@ -1,9 +1,11 @@
 // Vendored into plugin remotes.
 //
-// Cross-plugin picker: fetches the SIBLING vouchers plugin's public API at
-// /api/vouchers and degrades gracefully: when the vouchers plugin isn't
-// deployed the popup shows a "couldn't load" notice and the sale records with
-// no voucher (the manual-discount field stays available).
+// Cross-plugin picker: fetches vouchers over HTTP and degrades gracefully:
+// when the endpoint isn't reachable the popup shows a "couldn't load" notice
+// and the sale records with no voucher (the manual-discount field stays
+// available). Defaults to the vouchers plugin's own public API
+// (/api/vouchers); `fetchUrl` overrides it for a consumer that reaches
+// vouchers through a peer proxy route instead (same response shape required).
 
 import { Portal } from "solid-js/web";
 import { createEffect, createMemo, createSignal, For, onCleanup, Show, type JSX } from "solid-js";
@@ -24,6 +26,8 @@ export interface VoucherOption {
   is_active: boolean;
 }
 
+const DEFAULT_FETCH_URL = "/api/vouchers?status=active&limit=200";
+
 interface VoucherPickerProps {
   selected: VoucherOption | null;
   onChange: (next: VoucherOption | null) => void;
@@ -31,6 +35,10 @@ interface VoucherPickerProps {
   packageIds: number[];
   disabled?: boolean;
   compact?: boolean;
+  /** Same-shape endpoint override (defaults to the vouchers plugin's own API) —
+   *  a consumer with no `vouchers.view` grant can point this at a peer proxy
+   *  route instead. */
+  fetchUrl?: string;
 }
 
 const POPUP_MAX_HEIGHT = 360;
@@ -105,7 +113,7 @@ export default function VoucherPicker(props: VoucherPickerProps): JSX.Element {
     const token = ++activeFetchToken;
     setLoading(true);
     setError(null);
-    fetch("/api/vouchers?status=active&limit=200", { credentials: "include" })
+    fetch(props.fetchUrl ?? DEFAULT_FETCH_URL, { credentials: "include" })
       .then((r) => {
         if (!r.ok)
           throw new Error(