@cellarnode/ui 0.17.3 → 0.17.4

package/dist/notifications/notification-page.stories.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { NotificationPage } from "./notification-page";
+import { NotificationProvider } from "./notification-provider";
+// ---------------------------------------------------------------------------
+// Mock data
+// ---------------------------------------------------------------------------
+const hoursAgo = (h) => new Date(Date.now() - h * 60 * 60 * 1000).toISOString();
+const daysAgo = (d) => new Date(Date.now() - d * 24 * 60 * 60 * 1000).toISOString();
+const mockList = [
+    {
+        id: "n1",
+        type: "match",
+        title: "New match: Grenache 2021",
+        message: "94% match on Systembolaget Q3 tender",
+        isRead: false,
+        isDismissed: false,
+        createdAt: hoursAgo(1),
+        data: { matchId: "match-1" },
+    },
+    {
+        id: "n2",
+        type: "offer_status_update",
+        title: "Counter-offer received",
+        message: "Cantina Sant'Andrea proposed EUR 14.20 / bottle",
+        isRead: false,
+        isDismissed: false,
+        createdAt: hoursAgo(3),
+        data: { offerId: "offer-1" },
+    },
+    {
+        id: "n3",
+        type: "partnership_request",
+        title: "Partnership request",
+        message: "Vinoteca Global wants to partner with you",
+        isRead: true,
+        isDismissed: false,
+        createdAt: hoursAgo(8),
+    },
+    {
+        id: "n4",
+        type: "tender_new",
+        title: "New tender published",
+        message: "Alko Finland - Organic Red Wines",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(2),
+    },
+    {
+        id: "n5",
+        type: "partnership_approved",
+        title: "Partnership approved",
+        message: "Northern Cellars is now your approved partner",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(3),
+    },
+    {
+        id: "n6",
+        type: "global_announcement",
+        title: "Platform update",
+        message: "New AI matching engine available",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(5),
+    },
+];
+// ---------------------------------------------------------------------------
+// Config factory
+// ---------------------------------------------------------------------------
+function buildConfig(opts) {
+    const notifications = opts.notifications ?? [];
+    const unread = opts.unread ?? notifications.filter((n) => !n.isRead).length;
+    const list = async () => {
+        if (opts.delay) {
+            await new Promise((r) => setTimeout(r, opts.delay));
+        }
+        return { notifications, hasMore: false };
+    };
+    return {
+        api: {
+            list,
+            unreadCount: async () => ({ count: unread }),
+            markRead: async () => { },
+            markAllRead: async () => { },
+            dismiss: async () => { },
+        },
+        resolveRoute: (type, data) => {
+            if (type === "match" && data?.matchId)
+                return `/matches/${data.matchId}`;
+            if (type === "offer_status_update" && data?.offerId)
+                return `/offers/${data.offerId}`;
+            return "#";
+        },
+    };
+}
+function withConfig(config) {
+    return (Story) => {
+        const qc = new QueryClient({
+            defaultOptions: { queries: { retry: false } },
+        });
+        return (_jsx(QueryClientProvider, { client: qc, children: _jsx(NotificationProvider, { config: config, children: _jsx(Story, {}) }) }));
+    };
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
+const meta = {
+    title: "Notifications/NotificationPage",
+    component: NotificationPage,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    args: {
+        onNavigate: () => { },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = {
+    decorators: [withConfig(buildConfig({ notifications: mockList }))],
+};
+export const Empty = {
+    decorators: [withConfig(buildConfig({ notifications: [], unread: 0 }))],
+};
+export const AllRead = {
+    decorators: [
+        withConfig(buildConfig({
+            notifications: mockList.map((n) => ({ ...n, isRead: true })),
+            unread: 0,
+        })),
+    ],
+};
+export const Loading = {
+    decorators: [
+        withConfig(buildConfig({ notifications: mockList, delay: 10_000 })),
+    ],
+};
+//# sourceMappingURL=notification-page.stories.js.map

package/dist/notifications/notification-page.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-page.stories.js","sourceRoot":"","sources":["../../src/notifications/notification-page.stories.tsx"],"names":[],"mappings":"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"}

package/dist/notifications/notification-tray.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { NotificationTray } from "./notification-tray";
+declare const meta: {
+    title: string;
+    component: typeof NotificationTray;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        viewAllHref: string;
+        onNavigate: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const ManyUnread: Story;
+export declare const Loading: Story;
+//# sourceMappingURL=notification-tray.stories.d.ts.map

package/dist/notifications/notification-tray.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-tray.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/notification-tray.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAoHvD,QAAA,MAAM,IAAI;;;;;;;;;;;CAS+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAMnC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAEnB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC"}

package/dist/notifications/notification-tray.stories.js

@@ -0,0 +1,123 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { NotificationTray } from "./notification-tray";
+import { NotificationProvider } from "./notification-provider";
+// ---------------------------------------------------------------------------
+// Mock data
+// ---------------------------------------------------------------------------
+const hoursAgo = (h) => new Date(Date.now() - h * 60 * 60 * 1000).toISOString();
+const daysAgo = (d) => new Date(Date.now() - d * 24 * 60 * 60 * 1000).toISOString();
+const mockList = [
+    {
+        id: "n1",
+        type: "match",
+        title: "New match: Grenache 2021",
+        message: "94% match on Systembolaget Q3 tender",
+        isRead: false,
+        isDismissed: false,
+        createdAt: hoursAgo(1),
+        data: { matchId: "match-1" },
+    },
+    {
+        id: "n2",
+        type: "offer_status_update",
+        title: "Counter-offer received",
+        message: "Cantina Sant'Andrea proposed EUR 14.20 / bottle",
+        isRead: false,
+        isDismissed: false,
+        createdAt: hoursAgo(3),
+        data: { offerId: "offer-1" },
+    },
+    {
+        id: "n3",
+        type: "partnership_request",
+        title: "Partnership request",
+        message: "Vinoteca Global wants to partner with you",
+        isRead: true,
+        isDismissed: false,
+        createdAt: hoursAgo(8),
+    },
+    {
+        id: "n4",
+        type: "tender_new",
+        title: "New tender published",
+        message: "Alko Finland - Organic Red Wines",
+        isRead: true,
+        isDismissed: false,
+        createdAt: daysAgo(2),
+    },
+];
+// ---------------------------------------------------------------------------
+// Config factory
+// ---------------------------------------------------------------------------
+function buildConfig(opts) {
+    const notifications = opts.notifications ?? [];
+    const unread = opts.unread ?? notifications.filter((n) => !n.isRead).length;
+    const list = async () => {
+        if (opts.delay) {
+            await new Promise((r) => setTimeout(r, opts.delay));
+        }
+        return { notifications, hasMore: false };
+    };
+    return {
+        api: {
+            list,
+            unreadCount: async () => ({ count: unread }),
+            markRead: async () => { },
+            markAllRead: async () => { },
+            dismiss: async () => { },
+        },
+        resolveRoute: (type, data) => {
+            if (type === "match" && data?.matchId)
+                return `/matches/${data.matchId}`;
+            if (type === "offer_status_update" && data?.offerId)
+                return `/offers/${data.offerId}`;
+            return "#";
+        },
+    };
+}
+function withConfig(config) {
+    return (Story) => {
+        const qc = new QueryClient({
+            defaultOptions: { queries: { retry: false } },
+        });
+        return (_jsx(QueryClientProvider, { client: qc, children: _jsx(NotificationProvider, { config: config, children: _jsx("div", { className: "flex min-h-40 items-start justify-end p-8", children: _jsx(Story, {}) }) }) }));
+    };
+}
+// ---------------------------------------------------------------------------
+// Meta
+// ---------------------------------------------------------------------------
+const meta = {
+    title: "Notifications/NotificationTray",
+    component: NotificationTray,
+    tags: ["autodocs"],
+    parameters: { layout: "fullscreen" },
+    args: {
+        viewAllHref: "/notifications",
+        onNavigate: () => { },
+    },
+};
+export default meta;
+// ---------------------------------------------------------------------------
+// Stories
+// ---------------------------------------------------------------------------
+export const Default = {
+    decorators: [withConfig(buildConfig({ notifications: mockList }))],
+};
+export const Empty = {
+    decorators: [withConfig(buildConfig({ notifications: [], unread: 0 }))],
+};
+export const ManyUnread = {
+    decorators: [
+        withConfig(buildConfig({
+            notifications: mockList.map((n) => ({ ...n, isRead: false })),
+            unread: 12,
+        })),
+    ],
+};
+export const Loading = {
+    decorators: [
+        withConfig(buildConfig({ notifications: mockList, delay: 10_000 })),
+    ],
+};
+//# sourceMappingURL=notification-tray.stories.js.map

package/dist/notifications/notification-tray.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-tray.stories.js","sourceRoot":"","sources":["../../src/notifications/notification-tray.stories.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,8EAA8E;AAC9E,YAAY;AACZ,8EAA8E;AAE9E,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,EAAE,CAC7B,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;AAC1D,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,EAAE,CAC5B,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC;AAE/D,MAAM,QAAQ,GAAmB;IAC/B;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,sCAAsC;QAC/C,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtB,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC7B;IACD;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,wBAAwB;QAC/B,OAAO,EAAE,iDAAiD;QAC1D,MAAM,EAAE,KAAK;QACb,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtB,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC7B;IACD;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,qBAAqB;QAC3B,KAAK,EAAE,qBAAqB;QAC5B,OAAO,EAAE,2CAA2C;QACpD,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;KACvB;IACD;QACE,EAAE,EAAE,IAAI;QACR,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,sBAAsB;QAC7B,OAAO,EAAE,kCAAkC;QAC3C,MAAM,EAAE,IAAI;QACZ,WAAW,EAAE,KAAK;QAClB,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;KACtB;CACF,CAAC;AAEF,8EAA8E;AAC9E,iBAAiB;AACjB,8EAA8E;AAE9E,SAAS,WAAW,CAAC,IAIpB;IACC,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,EAAE,CAAC;IAC/C,MAAM,MAAM,GACV,IAAI,CAAC,MAAM,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC;IAE/D,MAAM,IAAI,GAAG,KAAK,IAAuC,EAAE;QACzD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,MAAM,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QACtD,CAAC;QACD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO;QACL,GAAG,EAAE;YACH,IAAI;YACJ,WAAW,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;YAC5C,QAAQ,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;YACxB,WAAW,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;YAC3B,OAAO,EAAE,KAAK,IAAI,EAAE,GAAE,CAAC;SACxB;QACD,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YAC3B,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,EAAE,OAAO;gBAAE,OAAO,YAAY,IAAI,CAAC,OAAO,EAAE,CAAC;YACzE,IAAI,IAAI,KAAK,qBAAqB,IAAI,IAAI,EAAE,OAAO;gBACjD,OAAO,WAAW,IAAI,CAAC,OAAO,EAAE,CAAC;YACnC,OAAO,GAAG,CAAC;QACb,CAAC;KACF,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,MAA0B;IAC5C,OAAO,CAAC,KAA0B,EAAE,EAAE;QACpC,MAAM,EAAE,GAAG,IAAI,WAAW,CAAC;YACzB,cAAc,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;SAC9C,CAAC,CAAC;QACH,OAAO,CACL,KAAC,mBAAmB,IAAC,MAAM,EAAE,EAAE,YAC7B,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,YAClC,cAAK,SAAS,EAAC,2CAA2C,YACxD,KAAC,KAAK,KAAG,GACL,GACe,GACH,CACvB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,OAAO;AACP,8EAA8E;AAE9E,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE;IACpC,IAAI,EAAE;QACJ,WAAW,EAAE,gBAAgB;QAC7B,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;KACrB;CACsC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,8EAA8E;AAC9E,UAAU;AACV,8EAA8E;AAE9E,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,UAAU,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;CACnE,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,UAAU,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,UAAU,EAAE;QACV,UAAU,CACR,WAAW,CAAC;YACV,aAAa,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YAC7D,MAAM,EAAE,EAAE;SACX,CAAC,CACH;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,UAAU,EAAE;QACV,UAAU,CAAC,WAAW,CAAC,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;KACpE;CACF,CAAC"}

package/dist/notifications/push-prompt-banner.stories.d.ts

@@ -0,0 +1,27 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { PushPromptBanner } from "./push-prompt-banner";
+declare const meta: {
+    title: string;
+    component: typeof PushPromptBanner;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    argTypes: {
+        variant: {
+            control: "radio";
+            options: string[];
+        };
+    };
+    args: {
+        variant: "rich";
+        onEnable: () => void;
+        onDismiss: () => void;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Rich: Story;
+export declare const Compact: Story;
+export declare const CustomLabels: Story;
+//# sourceMappingURL=push-prompt-banner.stories.d.ts.map

package/dist/notifications/push-prompt-banner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-prompt-banner.stories.d.ts","sourceRoot":"","sources":["../../src/notifications/push-prompt-banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;CAa+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}

package/dist/notifications/push-prompt-banner.stories.js

@@ -0,0 +1,33 @@
+import { PushPromptBanner } from "./push-prompt-banner";
+const meta = {
+    title: "Notifications/PushPromptBanner",
+    component: PushPromptBanner,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+    argTypes: {
+        variant: { control: "radio", options: ["rich", "compact"] },
+    },
+    args: {
+        variant: "rich",
+        onEnable: () => { },
+        onDismiss: () => { },
+    },
+};
+export default meta;
+export const Rich = {};
+export const Compact = {
+    args: {
+        variant: "compact",
+    },
+};
+export const CustomLabels = {
+    args: {
+        labels: {
+            heading: "Stay in the loop",
+            description: "We'll ping your browser when a producer replies to your offer.",
+            enable: "Turn on alerts",
+            dismiss: "Not now",
+        },
+    },
+};
+//# sourceMappingURL=push-prompt-banner.stories.js.map

package/dist/notifications/push-prompt-banner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"push-prompt-banner.stories.js","sourceRoot":"","sources":["../../src/notifications/push-prompt-banner.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;IAChC,QAAQ,EAAE;QACR,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,EAAE;KAC5D;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;QAClB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;KACpB;CACsC,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,IAAI,GAAU,EAAE,CAAC;AAE9B,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,OAAO,EAAE,SAAS;KACnB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,OAAO,EAAE,kBAAkB;YAC3B,WAAW,EACT,gEAAgE;YAClE,MAAM,EAAE,gBAAgB;YACxB,OAAO,EAAE,SAAS;SACnB;KACF;CACF,CAAC"}

package/dist/offer/__tests__/opportunity-requirements.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=opportunity-requirements.test.d.ts.map

package/dist/offer/__tests__/opportunity-requirements.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-requirements.test.d.ts","sourceRoot":"","sources":["../../../src/offer/__tests__/opportunity-requirements.test.tsx"],"names":[],"mappings":""}

package/dist/offer/__tests__/opportunity-requirements.test.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, it } from "vitest";
+import { render } from "@testing-library/react";
+import { OpportunityRequirements } from "../opportunity-requirements";
+describe("OpportunityRequirements — alcohol range rendering", () => {
+    it("renders 'X – Y %' when min != max", () => {
+        const { container } = render(_jsx(OpportunityRequirements, { alcoholContent: { min: 12.0, max: 14.5 } }));
+        const normalised = (container.textContent ?? "").replace(/\s+/g, " ");
+        expect(normalised).toMatch(/12.*%.*–.*14\.5.*%/);
+    });
+    it("collapses min === max to a single 'X %' (Task 5.0 fix)", () => {
+        const { container } = render(_jsx(OpportunityRequirements, { alcoholContent: { min: 14, max: 14 } }));
+        const normalised = (container.textContent ?? "").replace(/\s+/g, " ");
+        expect(normalised).toMatch(/14\s*%/);
+        // Pre-fix output was "14 % – 14 %" — the en-dash pair must NOT appear.
+        expect(normalised).not.toMatch(/14\s*%\s*–\s*14/);
+    });
+    it("renders '14 %+' when only min is set", () => {
+        const { container } = render(_jsx(OpportunityRequirements, { alcoholContent: { min: 17 } }));
+        const normalised = (container.textContent ?? "").replace(/\s+/g, " ");
+        expect(normalised).toMatch(/17\s*%\+/);
+    });
+    it("renders 'up to 14 %' when only max is set", () => {
+        const { container } = render(_jsx(OpportunityRequirements, { alcoholContent: { max: 14 } }));
+        const normalised = (container.textContent ?? "").replace(/\s+/g, " ");
+        expect(normalised).toMatch(/up to 14\s*%/);
+    });
+    it("omits Alcohol Content row when both bounds null", () => {
+        const { container } = render(_jsx(OpportunityRequirements, { alcoholContent: null }));
+        expect(container.textContent ?? "").not.toMatch(/Alcohol Content/i);
+    });
+});
+//# sourceMappingURL=opportunity-requirements.test.js.map

package/dist/offer/__tests__/opportunity-requirements.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-requirements.test.js","sourceRoot":"","sources":["../../../src/offer/__tests__/opportunity-requirements.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAEtE,QAAQ,CAAC,mDAAmD,EAAE,GAAG,EAAE;IACjE,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,uBAAuB,IAAC,cAAc,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,GAAI,CAAC,CAAC;QACpG,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wDAAwD,EAAE,GAAG,EAAE;QAChE,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,uBAAuB,IAAC,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC;QAChG,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACrC,uEAAuE;QACvE,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,uBAAuB,IAAC,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC;QACvF,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,uBAAuB,IAAC,cAAc,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAI,CAAC,CAAC;QACvF,MAAM,UAAU,GAAG,CAAC,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QACtE,MAAM,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,uBAAuB,IAAC,cAAc,EAAE,IAAI,GAAI,CAAC,CAAC;QAChF,MAAM,CAAC,SAAS,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACtE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/offer/offer-detail-header.stories.d.ts

@@ -0,0 +1,19 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OfferDetailHeader } from "./offer-detail-header";
+declare const meta: {
+    title: string;
+    component: typeof OfferDetailHeader;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const AcceptedOffer: Story;
+export declare const DraftNoSubtitle: Story;
+export declare const WithActions: Story;
+export declare const WithBanner: Story;
+export declare const LongTitleTruncation: Story;
+//# sourceMappingURL=offer-detail-header.stories.d.ts.map

package/dist/offer/offer-detail-header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-header.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-detail-header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAG1D,QAAA,MAAM,IAAI;;;;;;;CAKgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAUjC,CAAC"}

package/dist/offer/offer-detail-header.stories.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { OfferDetailHeader } from "./offer-detail-header";
+import { Button } from "../components/button";
+const meta = {
+    title: "Offer/OfferDetailHeader",
+    component: OfferDetailHeader,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+export const Default = {
+    args: {
+        title: "Solera Brandy Reserva · 750ml",
+        subtitle: "To Systembolaget · Q2 2026 selection",
+        status: "in_negotiation",
+        updatedAt: new Date(Date.now() - 1000 * 60 * 60 * 3).toISOString(),
+        onBack: () => { },
+    },
+};
+export const AcceptedOffer = {
+    args: {
+        ...Default.args,
+        title: "Riesling Late Harvest · 375ml",
+        subtitle: "To Monopol Norge · Winter allocation",
+        status: "accepted",
+        updatedAt: new Date(Date.now() - 1000 * 60 * 30).toISOString(),
+    },
+};
+export const DraftNoSubtitle = {
+    args: {
+        title: "Oak-aged Aguardiente · 700ml",
+        status: "draft",
+        onBack: () => { },
+    },
+};
+export const WithActions = {
+    args: {
+        ...Default.args,
+        actions: (_jsxs(_Fragment, { children: [_jsx(Button, { plain: true, children: "Archive" }), _jsx(Button, { color: "emerald", children: "Send update" })] })),
+    },
+};
+export const WithBanner = {
+    args: {
+        ...Default.args,
+        status: "expired",
+        updatedAt: new Date(Date.now() - 1000 * 60 * 60 * 24 * 5).toISOString(),
+        banner: (_jsx("div", { className: "border-b border-amber-500/30 bg-amber-50 px-4 py-2 text-sm text-amber-800 sm:px-6 dark:bg-amber-500/10 dark:text-amber-200", children: "This offer expired 5 days ago. Renew the terms to reopen the conversation." })),
+    },
+};
+export const LongTitleTruncation = {
+    args: {
+        title: "Gran Reserva Solera Brandy Extra Añejo de Jerez 36-month oak aged premium selection 2019",
+        subtitle: "To Systembolaget Stockholm head office · Q2 2026 spirits procurement allocation with exclusivity clause",
+        status: "responded",
+        updatedAt: new Date(Date.now() - 1000 * 60 * 60 * 12).toISOString(),
+        onBack: () => { },
+    },
+};
+//# sourceMappingURL=offer-detail-header.stories.js.map

package/dist/offer/offer-detail-header.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-header.stories.js","sourceRoot":"","sources":["../../src/offer/offer-detail-header.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACQ,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,sCAAsC;QAChD,MAAM,EAAE,gBAAgB;QACxB,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE;QAClE,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,sCAAsC;QAChD,MAAM,EAAE,UAAU;QAClB,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE;KAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACpC,IAAI,EAAE;QACJ,KAAK,EAAE,8BAA8B;QACrC,MAAM,EAAE,OAAO;QACf,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;KACjB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,OAAO,EAAE,CACP,8BACE,KAAC,MAAM,IAAC,KAAK,8BAAiB,EAC9B,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,4BAAqB,IAC3C,CACJ;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,GAAG,OAAO,CAAC,IAAI;QACf,MAAM,EAAE,SAAS;QACjB,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE;QACvE,MAAM,EAAE,CACN,cAAK,SAAS,EAAC,4HAA4H,2FAErI,CACP;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,KAAK,EACH,0FAA0F;QAC5F,QAAQ,EACN,yGAAyG;QAC3G,MAAM,EAAE,WAAW;QACnB,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC,WAAW,EAAE;QACnE,MAAM,EAAE,GAAG,EAAE,GAAE,CAAC;KACjB;CACF,CAAC"}

package/dist/offer/offer-detail-shell.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OfferDetailShell } from "./offer-detail-shell";
+declare const meta: {
+    title: string;
+    component: typeof OfferDetailShell;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithChatPanel: Story;
+export declare const ChatWithUnread: Story;
+export declare const HighUnreadCount: Story;
+//# sourceMappingURL=offer-detail-shell.stories.d.ts.map

package/dist/offer/offer-detail-shell.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-shell.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-detail-shell.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAwBxD,QAAA,MAAM,IAAI;;;;;;;CAK+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAC"}

package/dist/offer/offer-detail-shell.stories.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { OfferDetailShell } from "./offer-detail-shell";
+import { OfferDetailHeader } from "./offer-detail-header";
+import { OfferDetailTabs } from "./offer-detail-tabs";
+function ChatPanelStoryRender(args) {
+    const [view, setView] = useState("details");
+    return (_jsx("div", { className: "min-h-dvh bg-background p-4", children: _jsx(OfferDetailShell, { ...args, mobileView: view, onMobileViewChange: setView }) }));
+}
+function ChatPanelStoryRenderWithChatDefault(args) {
+    const [view, setView] = useState("chat");
+    return (_jsx("div", { className: "min-h-dvh bg-background p-4", children: _jsx(OfferDetailShell, { ...args, mobileView: view, onMobileViewChange: setView }) }));
+}
+const meta = {
+    title: "Offer/OfferDetailShell",
+    component: OfferDetailShell,
+    tags: ["autodocs"],
+    parameters: { layout: "fullscreen" },
+};
+export default meta;
+const sampleDetails = (_jsx(OfferDetailTabs, { activeTab: "overview", onTabChange: () => { }, tabs: [
+        {
+            id: "overview",
+            label: "Overview",
+            content: (_jsxs("div", { className: "space-y-4 text-sm text-muted-foreground", children: [_jsx("p", { children: "Systembolaget is seeking a premium Spanish brandy for its Q2 2026 spirits selection. Minimum 36-month ageing; exclusivity preferred." }), _jsx("p", { children: "The proposed solera reserve from Bodegas del Sur meets the aged-profile requirement and is currently priced at EUR 22 / bottle ex-works Jerez." })] })),
+        },
+        {
+            id: "documents",
+            label: "Documents",
+            badge: 3,
+            content: _jsx("div", { className: "text-sm text-muted-foreground", children: "3 attachments." }),
+        },
+    ] }));
+const sampleHeader = (_jsx(OfferDetailHeader, { title: "Solera Brandy Reserva \u00B7 750ml", subtitle: "To Systembolaget \u00B7 Q2 2026 selection", status: "in_negotiation", updatedAt: new Date(Date.now() - 1000 * 60 * 60 * 3).toISOString(), onBack: () => { } }));
+const sampleChatPanel = (_jsxs("div", { className: "flex h-full flex-col p-4", children: [_jsx("div", { className: "mb-3 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: "Conversation" }), _jsxs("div", { className: "flex-1 space-y-3 overflow-y-auto text-sm", children: [_jsxs("div", { className: "rounded-lg bg-accent/30 p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "Emma (Systembolaget) \u00B7 2h ago" }), _jsx("div", { children: "Can we get samples delivered to Stockholm by Mar 20?" })] }), _jsxs("div", { className: "ml-auto max-w-[90%] rounded-lg bg-primary/10 p-3", children: [_jsx("div", { className: "text-xs text-muted-foreground", children: "You \u00B7 1h ago" }), _jsx("div", { children: "Sending 3 bottles via DHL tomorrow, tracking to follow." })] })] }), _jsx("div", { className: "mt-3 rounded-lg border border-border/60 p-2 text-sm text-muted-foreground", children: "Type a message\u2026" })] }));
+export const Default = {
+    args: {
+        header: sampleHeader,
+        children: sampleDetails,
+    },
+};
+export const WithChatPanel = {
+    render: (args) => _jsx(ChatPanelStoryRender, { ...args }),
+    args: {
+        header: sampleHeader,
+        children: sampleDetails,
+        chatPanel: sampleChatPanel,
+        unreadCount: 2,
+    },
+};
+export const ChatWithUnread = {
+    render: (args) => _jsx(ChatPanelStoryRenderWithChatDefault, { ...args }),
+    args: {
+        header: sampleHeader,
+        children: sampleDetails,
+        chatPanel: sampleChatPanel,
+        unreadCount: 12,
+    },
+};
+export const HighUnreadCount = {
+    render: (args) => _jsx(ChatPanelStoryRender, { ...args }),
+    args: {
+        header: sampleHeader,
+        children: sampleDetails,
+        chatPanel: sampleChatPanel,
+        unreadCount: 150,
+    },
+};
+//# sourceMappingURL=offer-detail-shell.stories.js.map

package/dist/offer/offer-detail-shell.stories.js.map

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

package/dist/offer/offer-detail-tabs.stories.d.ts

@@ -0,0 +1,17 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OfferDetailTabs } from "./offer-detail-tabs";
+declare const meta: {
+    title: string;
+    component: typeof OfferDetailTabs;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DocumentsActive: Story;
+export declare const NoBadges: Story;
+export declare const ManyTabsHorizontalScroll: Story;
+//# sourceMappingURL=offer-detail-tabs.stories.d.ts.map

package/dist/offer/offer-detail-tabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-detail-tabs.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-detail-tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAiB,MAAM,qBAAqB,CAAC;AAErE,QAAA,MAAM,IAAI;;;;;;;CAK8B,CAAC;AAEzC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAwDnC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAO7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAetC,CAAC"}