@cellarnode/ui 0.17.3 → 0.19.1

package/dist/offer/offer-document.js

@@ -0,0 +1,125 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { cn } from "../lib/utils";
+import { ShadcnButton as Button } from "../components/shadcn-button";
+import { AttachmentsCard } from "./attachments-card";
+import { BuyerNotesCard } from "./buyer-notes-card";
+import { FactsCard } from "./facts-card";
+import { MatchCompatibilityCard } from "./match-compatibility-card";
+import { NegotiationSection } from "./negotiation-section";
+import { OfferExportButton } from "./offer-export-button";
+import { OfferProductCard } from "./offer-product-card";
+import { OpportunityCard } from "./opportunity-card";
+import { PartiesCard } from "./parties-card";
+import { TermsCard } from "./terms-card";
+const DEFAULT_ORDER = [
+    "parties",
+    "opportunity",
+    "product",
+    "terms",
+    "match",
+    "notes",
+    "attachments",
+    "negotiation",
+];
+function producerCtas(status, viewerInitiator) {
+    switch (status) {
+        case "proposed":
+            return viewerInitiator ? ["withdraw"] : ["counter", "accept", "decline"];
+        case "counter_pending":
+            return viewerInitiator ? ["withdraw"] : ["counter", "accept", "decline"];
+        case "accepted":
+        case "withdrawn":
+            return [];
+        case "declined":
+            return ["reopen"];
+        case "expired":
+            return ["renew"];
+        default:
+            return [];
+    }
+}
+// Blocker B9 — CTA aria-label composition. Screen-reader users should
+// hear the full context ("Accept offer for Barolo DOCG 2020 from Fattoria
+// San Marco") rather than a raw UUID ("Accept offer offer-1"). When the
+// beverage or producer name is missing (defensive — this should not
+// happen in practice), we fall back to the offer id segment.
+const ACTION_VERB = {
+    counter: "Counter",
+    accept: "Accept",
+    decline: "Decline",
+    withdraw: "Withdraw",
+    reopen: "Reopen",
+    renew: "Renew",
+};
+function ctaAriaLabel(action, beverageName, producerName, offerId) {
+    const verb = ACTION_VERB[action];
+    if (beverageName && producerName) {
+        return `${verb} offer for ${beverageName} from ${producerName}`;
+    }
+    if (beverageName)
+        return `${verb} offer for ${beverageName}`;
+    // Defensive fallback — should never fire because OfferDocumentProps
+    // requires `beverage.name` and `producer.name`, but keeps the aria-label
+    // non-empty even if a consumer passes an empty string.
+    return `${verb} offer ${offerId}`;
+}
+// Blocker B9 / spec §19 — Screen-reader announcement on offer state
+// transitions. The OfferDocument rail exposes a dedicated
+// `role="status"` live region separate from FactsCard's price-focused
+// live region. It emits a composed sentence like
+//   "Offer accepted — no further counters possible"
+// whenever the `status` prop changes. This is the region that the
+// `StateTransitionAnnouncement` story asserts against.
+const STATE_TRANSITION_SENTENCE = {
+    proposed: "Offer proposed — awaiting counterparty response",
+    counter_pending: "Counter pending — awaiting review",
+    accepted: "Offer accepted — no further counters possible",
+    declined: "Offer declined",
+    expired: "Offer expired — validity window closed",
+    withdrawn: "Offer withdrawn by initiator",
+};
+export function OfferDocument({ offerId, status, round, perspective, viewerOrgId, producer, importer, opportunity, beverage, variant, terms, previousTerms, evaluation, attachments, events, presence, fx, tenderCurrency, sections, onAction, onOpenComposer, onOpenAttachment, className, }) {
+    const orderedIds = useMemo(() => {
+        const overrides = sections ?? {};
+        const active = DEFAULT_ORDER.filter((id) => !overrides[id]?.hidden);
+        return [...active].sort((a, b) => {
+            const oa = overrides[a]?.order ?? DEFAULT_ORDER.indexOf(a);
+            const ob = overrides[b]?.order ?? DEFAULT_ORDER.indexOf(b);
+            return oa - ob;
+        });
+    }, [sections]);
+    const viewerInitiator = (status === "proposed" && viewerOrgId === producer.orgId) ||
+        (status === "counter_pending" && events[events.length - 1]?.actorOrgId === viewerOrgId);
+    const ctas = producerCtas(status, viewerInitiator);
+    // Blocker B3 — viewerAdvantage is per-criterion and per-round. It must
+    // come from the backend evaluator (Plan 2) where each `MatchCriterion`
+    // carries its own `viewerAdvantage` scoped to the viewer. A flat
+    // page-level constant is wrong per spec §11: "Delta polarity: Producer:
+    // emerald · Importer: rose" describes a per-field rule, not a page-wide
+    // tone. We do NOT compute one here. Downstream cards that need the top-
+    // line viewer advantage (e.g. FactsCard price delta) derive it from the
+    // `price` criterion's own `viewerAdvantage`, with "neutral" as a safe
+    // fallback when the criterion is missing / FX-unavailable (§6.6).
+    const priceCriterion = evaluation.criteria.find((c) => c.id === "price");
+    const topLineAdvantage = priceCriterion?.viewerAdvantage ?? "neutral";
+    // Stable document-generation timestamp: captured once per mount, not on every re-render.
+    const printedAt = useMemo(() => new Date().toISOString(), []);
+    return (_jsxs("div", { "data-offer-document": true, "data-offer-id": offerId, "data-printed-at": printedAt, className: cn("mx-auto w-full max-w-6xl space-y-4 p-4", className), children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("nav", { "data-offer-nav-chrome": true, "aria-label": "breadcrumb", className: "text-xs text-muted-foreground", children: [perspective === "producer" ? "Sprint board" : "Offers", " / Offer ", offerId.slice(0, 8)] }), _jsx(OfferExportButton, { offerId: offerId })] }), _jsx("div", { role: "status", "aria-live": "polite", className: "sr-only", children: STATE_TRANSITION_SENTENCE[status] }), _jsx("div", { "data-offer-facts-card": true, children: _jsx(FactsCard, { status: status, round: round, terms: terms, previousPrice: previousTerms?.price, 
+                    // Blocker B3 — derived from the `price` criterion's own
+                    // `viewerAdvantage`, not a flat page-level constant. This keeps
+                    // the price-delta chip polarity aligned with the backend's
+                    // viewer-scoped evaluation (spec §11: "Delta polarity" per-field).
+                    viewerAdvantage: topLineAdvantage, perspective: perspective, presence: presence, fx: fx, tenderCurrency: tenderCurrency, onExport: () => window.print() }) }), _jsxs("div", { className: "grid grid-cols-1 gap-4 lg:grid-cols-[minmax(0,1fr)_220px]", children: [_jsx("main", { className: "space-y-4", children: orderedIds.map((id) => (_jsxs("div", { "data-offer-section": true, "data-section-id": id, children: [id === "parties" && (_jsx(PartiesCard, { producer: producer, importer: importer, viewerOrgId: viewerOrgId, variant: sections?.parties?.defaultOpen ? "expanded" : "collapsed" })), id === "opportunity" && (_jsx(OpportunityCard, { opportunity: opportunity, variant: sections?.opportunity?.defaultOpen ? "expanded" : "collapsed" })), id === "product" && (_jsx(OfferProductCard, { variant: variant, beverage: beverage, variantDisplay: sections?.product?.defaultOpen === false ? "collapsed" : "expanded" })), id === "terms" && (_jsx(TermsCard, { terms: terms, previousTerms: previousTerms, variant: sections?.terms?.defaultOpen ? "expanded" : "collapsed", 
+                                    // Blocker B3 — TermsCard now derives per-row polarity
+                                    // from `perspective` + each cell's delta direction rather
+                                    // than a single flat `viewerAdvantage` constant. Price up
+                                    // is emerald for a producer, rose for an importer, etc.
+                                    perspective: perspective })), id === "match" && (_jsx(MatchCompatibilityCard, { evaluation: evaluation, 
+                                    // Blocker B3 — each criterion row derives its own colour
+                                    // from its own `viewerAdvantage` field. Passing
+                                    // `perspective` is informational (e.g. for accessible
+                                    // labels like "Producer: price improved").
+                                    perspective: perspective })), id === "notes" && _jsx(BuyerNotesCard, { notes: evaluation.freeTextFields }), id === "attachments" && (_jsx(AttachmentsCard, { attachments: attachments, onOpen: (a) => onOpenAttachment?.(a) })), id === "negotiation" && (_jsx(NegotiationSection, { events: events, viewerOrgId: viewerOrgId, viewerRole: perspective, onOpenComposer: onOpenComposer }))] }, id))) }), _jsx("aside", { "data-offer-rail": true, "aria-label": "Actions and meta", className: "hidden lg:block", children: _jsxs("div", { className: "sticky top-24 space-y-3", children: [_jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Actions" }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-2", children: [ctas.length === 0 && (_jsx("span", { className: "text-xs text-muted-foreground", children: "No actions available." })), ctas.map((a) => (_jsx(Button, { size: "sm", "aria-label": ctaAriaLabel(a, beverage.name, producer.name, offerId), onClick: () => onAction(a), children: a }, a)))] })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3 text-xs", children: [_jsx("div", { className: "uppercase tracking-wide text-muted-foreground", children: "Status" }), _jsx("div", { className: "mt-1 font-medium capitalize", children: status.replace("_", " ") }), _jsxs("div", { className: "mt-1 text-muted-foreground", children: ["R", round, " of 4 max"] })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3 text-xs", children: [_jsx("div", { className: "uppercase tracking-wide text-muted-foreground", children: "Offer" }), _jsx("div", { className: "mt-1 font-mono", children: offerId }), _jsxs("div", { className: "mt-1 text-muted-foreground", children: [events.length, " events \u00B7 ", attachments.length, " files"] })] }), _jsxs("div", { className: "rounded-xl border border-border/60 bg-card p-3", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: "Export" }), _jsx("div", { className: "mt-2", children: _jsx(OfferExportButton, { offerId: offerId }) })] })] }) })] })] }));
+}
+//# sourceMappingURL=offer-document.js.map

package/dist/offer/offer-document.js.map

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

package/dist/offer/offer-document.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OfferDocument } from "./offer-document";
+declare const meta: {
+    title: string;
+    component: typeof OfferDocument;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ProposedProducer: Story;
+export declare const ProposedImporter: Story;
+export declare const CounterPendingProducer: Story;
+export declare const CounterPendingImporter: Story;
+export declare const Accepted: Story;
+export declare const Declined: Story;
+export declare const Expired: Story;
+export declare const Withdrawn: Story;
+export declare const SectionHidden: Story;
+export declare const SectionReordered: Story;
+export declare const StateTransitionAnnouncement: Story;
+export declare const ResponsiveMobile: Story;
+//# sourceMappingURL=offer-document.stories.d.ts.map

package/dist/offer/offer-document.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-document.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-document.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AASjD,QAAA,MAAM,IAAI;;;;;;;CAK4B,CAAC;AAEvC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA8EnC,eAAO,MAAM,gBAAgB,EAAE,KAA0B,CAAC;AAC1D,eAAO,MAAM,gBAAgB,EAAE,KAA2F,CAAC;AAC3H,eAAO,MAAM,sBAAsB,EAAE,KAA+E,CAAC;AACrH,eAAO,MAAM,sBAAsB,EAAE,KAAyI,CAAC;AAC/K,eAAO,MAAM,QAAQ,EAAE,KAA8D,CAAC;AACtF,eAAO,MAAM,QAAQ,EAAE,KAA8D,CAAC;AACtF,eAAO,MAAM,OAAO,EAAE,KAA6D,CAAC;AACpF,eAAO,MAAM,SAAS,EAAE,KAA+D,CAAC;AACxF,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,KA8B9B,CAAC;AAuBF,eAAO,MAAM,2BAA2B,EAAE,KAczC,CAAC;AAMF,eAAO,MAAM,gBAAgB,EAAE,KAG9B,CAAC"}

package/dist/offer/offer-document.stories.js

@@ -0,0 +1,168 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { OfferDocument } from "./offer-document";
+const meta = {
+    title: "Offer/OfferDocument",
+    component: OfferDocument,
+    tags: ["autodocs"],
+    parameters: { layout: "fullscreen" },
+};
+export default meta;
+const producer = {
+    orgId: "org-prod",
+    name: "Chianti Wines SRL",
+    location: "Tuscany, IT",
+};
+const importerParty = {
+    orgId: "org-imp",
+    name: "Maxwell Importers Ltd",
+    location: "London, UK",
+};
+const terms = {
+    price: 4.1,
+    currency: "EUR",
+    volume: 20000,
+    volumeUnit: "L",
+    incoterms: "FOB",
+    paymentTerms: "Net 30",
+    deliveryDate: "2026-08-15",
+    validUntil: "2026-05-22",
+};
+const evaluation = {
+    headline: "partial",
+    headlineSummary: "Price is 4% over the ceiling",
+    criteria: [
+        { id: "price", label: "Price", state: "partial", offered: 4.4, required: 4.2, reason: "4.7% over ceiling", viewerAdvantage: "improved" },
+        { id: "volume", label: "Volume", state: "ok", offered: 20000, required: 20000, viewerAdvantage: "neutral" },
+        { id: "alcoholRange", label: "ABV range", state: "ok", offered: 13.5, required: [12.5, 14], viewerAdvantage: "neutral" },
+    ],
+    freeTextFields: [
+        { id: "styleTasteProfile", label: "Style / taste profile", value: "Fruit-forward, balanced tannins." },
+    ],
+    hiddenReasons: [],
+};
+const events = [
+    { id: "t1", kind: "propose", createdAt: "2026-04-18T10:00:00Z", actorOrgId: "org-prod", actorRole: "producer", round: 1, terms },
+    { id: "t2", kind: "message", createdAt: "2026-04-18T11:00:00Z", actorOrgId: "org-imp", actorRole: "importer", content: "Can you attach your lab cert?" },
+];
+const attachments = [
+    { id: "a1", fileName: "product-sheet.pdf", mimeType: "application/pdf", sizeBytes: 250_000, uploadedAt: "2026-04-18T10:00:00Z", source: "formal", sourceLabel: "formal attachment" },
+];
+const opportunity = {
+    id: "opp-1",
+    title: "Bulk Chianti DOCG — Q3 2026",
+    closingDays: 12,
+    priceCeilingEuro: 4.2,
+    volumeOptions: [20000],
+    requirements: ["ABV 12.5–14%", "750ml glass bottles", "Organic certification required"],
+};
+const beverage = { id: "bev-1", name: "Chianti Riserva", producer: "Chianti Wines SRL", countryOfOrigin: "Italy", beverageType: { category: "wine", subtype: "red" } };
+const variant = { id: "var-1", vintage: 2020, packaging: "750ml glass bottle", closure: "cork", abv: 13.5, residualSugar: 2.3, organic: true, fairtrade: false, sustainable: true, imageUrl: null };
+const baseArgs = {
+    offerId: "offer-1",
+    status: "proposed",
+    round: 1,
+    perspective: "producer",
+    viewerOrgId: "org-prod",
+    producer,
+    importer: importerParty,
+    opportunity,
+    beverage,
+    variant,
+    terms,
+    evaluation,
+    attachments,
+    events,
+    presence: [],
+    onAction: () => { },
+    onOpenComposer: () => { },
+};
+export const ProposedProducer = { args: baseArgs };
+export const ProposedImporter = { args: { ...baseArgs, perspective: "importer", viewerOrgId: "org-imp" } };
+export const CounterPendingProducer = { args: { ...baseArgs, status: "counter_pending", round: 2 } };
+export const CounterPendingImporter = { args: { ...baseArgs, status: "counter_pending", round: 2, perspective: "importer", viewerOrgId: "org-imp" } };
+export const Accepted = { args: { ...baseArgs, status: "accepted" } };
+export const Declined = { args: { ...baseArgs, status: "declined" } };
+export const Expired = { args: { ...baseArgs, status: "expired" } };
+export const Withdrawn = { args: { ...baseArgs, status: "withdrawn" } };
+export const SectionHidden = {
+    args: {
+        ...baseArgs,
+        sections: { notes: { hidden: true } },
+    },
+    // Blocker B7 — assert the hidden section is actually absent from the DOM.
+    play: async ({ canvasElement }) => {
+        const { within } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        // Every rendered section carries `data-section-id="<id>"` in Task 5.3.
+        const notes = canvas.queryByTestId?.("section-notes")
+            ?? canvasElement.querySelector('[data-section-id="notes"]');
+        await expect(notes).toBeNull();
+        // And other sections remain rendered
+        const match = canvasElement.querySelector('[data-section-id="match"]');
+        await expect(match).not.toBeNull();
+    },
+};
+export const SectionReordered = {
+    args: {
+        ...baseArgs,
+        sections: {
+            match: { order: 0, defaultOpen: true },
+            terms: { order: 1 },
+        },
+    },
+    // Blocker B7 — assert the actual DOM order reflects the `order` override.
+    // Without this assertion the `sections` prop's claim to accept stable ids
+    // for reordering is untested.
+    play: async ({ canvasElement }) => {
+        const { within: _within } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        void _within;
+        const sections = Array.from(canvasElement.querySelectorAll("[data-section-id]"));
+        const ids = sections.map((el) => el.getAttribute("data-section-id"));
+        // With `match.order=0` + `terms.order=1`, match MUST precede terms,
+        // and BOTH must precede any unmodified section.
+        const matchIdx = ids.indexOf("match");
+        const termsIdx = ids.indexOf("terms");
+        await expect(matchIdx).toBeGreaterThanOrEqual(0);
+        await expect(termsIdx).toBeGreaterThan(matchIdx);
+        // Unmodified sections keep their default relative order after the
+        // overridden ones; `parties` defaults to index 0, so after override it
+        // should be AFTER the explicit order-0 `match`.
+        await expect(ids.indexOf("parties")).toBeGreaterThan(matchIdx);
+    },
+};
+function StateTransitionAnnouncementDemo() {
+    const [status, setStatus] = useState("proposed");
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-2 flex gap-2", children: [_jsx("button", { "data-testid": "to-proposed", onClick: () => setStatus("proposed"), children: "Proposed" }), _jsx("button", { "data-testid": "to-accepted", onClick: () => setStatus("accepted"), children: "Accept" }), _jsx("button", { "data-testid": "to-declined", onClick: () => setStatus("declined"), children: "Decline" })] }), _jsx(OfferDocument, { ...baseArgs, status: status })] }));
+}
+// Spec §19: "Screen-reader announcement on offer state transitions". The
+// rail should expose a <div role="status" aria-live="polite"> that emits
+// composed strings like "Offer accepted — no further counters possible"
+// when the status prop changes. This story swaps status mid-render and
+// asserts the region updates.
+export const StateTransitionAnnouncement = {
+    args: baseArgs,
+    render: () => _jsx(StateTransitionAnnouncementDemo, {}),
+    play: async ({ canvasElement, step }) => {
+        const { within, userEvent } = await import("storybook/test");
+        const { expect } = await import("vitest");
+        const canvas = within(canvasElement);
+        await step("transitioning to accepted announces the composed sentence", async () => {
+            await userEvent.click(canvas.getByTestId("to-accepted"));
+            const regions = canvas.getAllByRole("status");
+            const joined = regions.map((r) => r.textContent ?? "").join(" · ");
+            await expect(joined).toMatch(/accepted.*no further counters possible/i);
+        });
+    },
+};
+// Responsive coverage per spec §5.5 — OfferDocument is the page shell
+// and must collapse its right-rail below the `lg:` breakpoint. This
+// story renders at `mobile1` (360×640) so chromatic / visual regression
+// catches rail-hide + section-stack regressions on narrow viewports.
+export const ResponsiveMobile = {
+    args: { ...baseArgs },
+    parameters: { viewport: { defaultViewport: "mobile1" } },
+};
+//# sourceMappingURL=offer-document.stories.js.map

package/dist/offer/offer-document.stories.js.map

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

package/dist/offer/offer-export-button.d.ts

@@ -0,0 +1,8 @@
+export interface OfferExportButtonProps {
+    offerId: string;
+    variant?: "full" | "icon";
+    disabled?: boolean;
+    className?: string;
+}
+export declare function OfferExportButton({ offerId: _offerId, variant, disabled, className, }: OfferExportButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offer-export-button.d.ts.map

package/dist/offer/offer-export-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-export-button.d.ts","sourceRoot":"","sources":["../../src/offer/offer-export-button.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EAAE,QAAQ,EACjB,OAAgB,EAChB,QAAQ,EACR,SAAS,GACV,EAAE,sBAAsB,2CA2BxB"}

package/dist/offer/offer-export-button.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Printer } from "lucide-react";
+import { ShadcnButton as Button } from "../components/shadcn-button";
+import { cn } from "../lib/utils";
+export function OfferExportButton({ offerId: _offerId, variant = "full", disabled, className, }) {
+    if (variant === "icon") {
+        return (_jsx(Button, { variant: "ghost", size: "icon", disabled: disabled, onClick: () => window.print(), "aria-label": "Export offer as PDF", className: cn(className), children: _jsx(Printer, { "aria-hidden": true, className: "size-4" }) }));
+    }
+    return (_jsxs(Button, { variant: "ghost", size: "sm", disabled: disabled, onClick: () => window.print(), className: cn(className), children: [_jsx(Printer, { "aria-hidden": true, className: "size-4" }), "Export PDF"] }));
+}
+//# sourceMappingURL=offer-export-button.js.map

package/dist/offer/offer-export-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-export-button.js","sourceRoot":"","sources":["../../src/offer/offer-export-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AASlC,MAAM,UAAU,iBAAiB,CAAC,EAChC,OAAO,EAAE,QAAQ,EACjB,OAAO,GAAG,MAAM,EAChB,QAAQ,EACR,SAAS,GACc;IACvB,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,gBAClB,qBAAqB,EAChC,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,YAExB,KAAC,OAAO,yBAAa,SAAS,EAAC,QAAQ,GAAG,GACnC,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAC7B,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,aAExB,KAAC,OAAO,yBAAa,SAAS,EAAC,QAAQ,GAAG,kBAEnC,CACV,CAAC;AACJ,CAAC"}

package/dist/offer/offer-export-button.stories.d.ts

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

package/dist/offer/offer-export-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-export-button.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-export-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,QAAA,MAAM,IAAI;;;;;;;CAKgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAAwC,CAAC;AAC/D,eAAO,MAAM,QAAQ,EAAE,KAAyD,CAAC"}

package/dist/offer/offer-export-button.stories.js

@@ -0,0 +1,11 @@
+import { OfferExportButton } from "./offer-export-button";
+const meta = {
+    title: "Offer/OfferExportButton",
+    component: OfferExportButton,
+    tags: ["autodocs"],
+    parameters: { layout: "centered" },
+};
+export default meta;
+export const Default = { args: { offerId: "offer-1" } };
+export const IconOnly = { args: { offerId: "offer-1", variant: "icon" } };
+//# sourceMappingURL=offer-export-button.stories.js.map

package/dist/offer/offer-export-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-export-button.stories.js","sourceRoot":"","sources":["../../src/offer/offer-export-button.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,iBAAiB;IAC5B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;CACM,CAAC;AAE3C,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC;AAC/D,MAAM,CAAC,MAAM,QAAQ,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC"}

package/dist/offer/offer-product-card.d.ts

@@ -0,0 +1,32 @@
+export interface OfferProductBeverage {
+    id: string;
+    name: string;
+    producer?: string;
+    countryOfOrigin?: string;
+    beverageType?: {
+        category?: string;
+        subtype?: string;
+    };
+}
+export interface OfferProductVariant {
+    id: string;
+    vintage?: number | null;
+    packaging?: string;
+    closure?: string;
+    abv?: number | null;
+    residualSugar?: number | null;
+    organic?: boolean;
+    fairtrade?: boolean;
+    sustainable?: boolean;
+    imageUrl?: string | null;
+}
+export interface OfferProductCardProps {
+    variant: OfferProductVariant;
+    beverage: OfferProductBeverage;
+    variantDisplay?: "collapsed" | "expanded";
+    /** True when the variant was frozen at offer time and may not reflect the live record. */
+    fromSnapshot?: boolean;
+    className?: string;
+}
+export declare function OfferProductCard({ variant, beverage, variantDisplay, fromSnapshot, className, }: OfferProductCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=offer-product-card.d.ts.map

package/dist/offer/offer-product-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-product-card.d.ts","sourceRoot":"","sources":["../../src/offer/offer-product-card.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACxD;AAED,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,mBAAmB,CAAC;IAC7B,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,cAAc,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IAC1C,0FAA0F;IAC1F,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,QAAQ,EACR,cAA2B,EAC3B,YAAoB,EACpB,SAAS,GACV,EAAE,qBAAqB,2CAyGvB"}

package/dist/offer/offer-product-card.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BadgeCheck, Leaf, Award } from "lucide-react";
+import { cn } from "../lib/utils";
+import { ShadcnBadge as Badge } from "../components/shadcn-badge";
+export function OfferProductCard({ variant, beverage, variantDisplay = "expanded", fromSnapshot = false, className, }) {
+    const expanded = variantDisplay === "expanded";
+    const category = beverage.beverageType?.subtype ?? beverage.beverageType?.category ?? null;
+    return (_jsxs("section", { "aria-labelledby": "product-heading", className: cn("rounded-2xl border border-border/60 bg-card p-4", className), children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx("h2", { id: "product-heading", className: "text-xs/5 font-semibold uppercase tracking-wide text-muted-foreground", children: "Product" }), fromSnapshot && (_jsx(Badge, { variant: "ghost", className: "text-xs", children: "Snapshot \u2014 live variant may differ" }))] }), _jsxs("div", { className: "mt-3 flex gap-4", children: [_jsx("div", { className: "size-20 shrink-0 overflow-hidden rounded-xl bg-muted", children: variant.imageUrl ? (_jsx("img", { src: variant.imageUrl, alt: "", className: "size-full object-cover", loading: "lazy" })) : (_jsx("div", { className: "flex size-full items-center justify-center text-xs text-muted-foreground", children: "No image" })) }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("div", { className: "truncate text-base/7 font-semibold", children: beverage.name }), beverage.producer && (_jsxs("div", { className: "truncate text-xs text-muted-foreground", children: [beverage.producer, beverage.countryOfOrigin ? ` · ${beverage.countryOfOrigin}` : ""] })), expanded && (_jsxs("dl", { className: "mt-2 grid grid-cols-2 gap-x-3 gap-y-1 text-xs", children: [category && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Category" }), _jsx("dd", { className: "font-medium capitalize", children: category })] })), variant.vintage != null && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Vintage" }), _jsx("dd", { className: "font-medium", children: variant.vintage })] })), variant.abv != null && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "ABV" }), _jsxs("dd", { className: "font-medium", children: [variant.abv, "%"] })] })), variant.packaging && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Packaging" }), _jsx("dd", { className: "font-medium", children: variant.packaging })] })), variant.closure && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Closure" }), _jsx("dd", { className: "font-medium", children: variant.closure })] })), variant.residualSugar != null && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Residual sugar" }), _jsxs("dd", { className: "font-medium", children: [variant.residualSugar, " g/L"] })] }))] })), expanded && (_jsxs("div", { className: "mt-3 flex flex-wrap gap-2", children: [variant.organic && (_jsxs(Badge, { variant: "ghost", className: "text-xs", children: [_jsx(Leaf, { "aria-hidden": true, className: "size-3" }), " Organic"] })), variant.fairtrade && (_jsxs(Badge, { variant: "ghost", className: "text-xs", children: [_jsx(BadgeCheck, { "aria-hidden": true, className: "size-3" }), " Fairtrade"] })), variant.sustainable && (_jsxs(Badge, { variant: "ghost", className: "text-xs", children: [_jsx(Award, { "aria-hidden": true, className: "size-3" }), " Sustainable"] }))] }))] })] })] }));
+}
+//# sourceMappingURL=offer-product-card.js.map

package/dist/offer/offer-product-card.js.map

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

package/dist/offer/offer-product-card.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from "@storybook/react-vite";
+import { OfferProductCard } from "./offer-product-card";
+declare const meta: {
+    title: string;
+    component: typeof OfferProductCard;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NonVintage: Story;
+export declare const FromSnapshot: Story;
+//# sourceMappingURL=offer-product-card.stories.d.ts.map

package/dist/offer/offer-product-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-product-card.stories.d.ts","sourceRoot":"","sources":["../../src/offer/offer-product-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,QAAA,MAAM,IAAI;;;;;;;CAK+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAsBnC,eAAO,MAAM,OAAO,EAAE,KAAmE,CAAC;AAE1F,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAC"}

package/dist/offer/offer-product-card.stories.js

@@ -0,0 +1,40 @@
+import { OfferProductCard } from "./offer-product-card";
+const meta = {
+    title: "Offer/OfferProductCard",
+    component: OfferProductCard,
+    tags: ["autodocs"],
+    parameters: { layout: "padded" },
+};
+export default meta;
+const variant = {
+    id: "var-1",
+    vintage: 2020,
+    packaging: "750ml glass bottle",
+    closure: "cork",
+    abv: 13.5,
+    residualSugar: 2.3,
+    organic: true,
+    fairtrade: false,
+    sustainable: true,
+    imageUrl: null,
+};
+const beverage = {
+    id: "bev-1",
+    name: "Chianti Riserva",
+    producer: "Chianti Wines SRL",
+    countryOfOrigin: "Italy",
+    beverageType: { category: "wine", subtype: "red" },
+};
+export const Default = { args: { variant, beverage, variantDisplay: "expanded" } };
+export const NonVintage = {
+    args: { variant: { ...variant, vintage: null }, beverage, variantDisplay: "expanded" },
+};
+export const FromSnapshot = {
+    args: {
+        variant,
+        beverage,
+        variantDisplay: "expanded",
+        fromSnapshot: true,
+    },
+};
+//# sourceMappingURL=offer-product-card.stories.js.map

package/dist/offer/offer-product-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"offer-product-card.stories.js","sourceRoot":"","sources":["../../src/offer/offer-product-card.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,gBAAgB;IAC3B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;CACO,CAAC;AAE1C,eAAe,IAAI,CAAC;AAGpB,MAAM,OAAO,GAAG;IACd,EAAE,EAAE,OAAO;IACX,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,oBAAoB;IAC/B,OAAO,EAAE,MAAM;IACf,GAAG,EAAE,IAAI;IACT,aAAa,EAAE,GAAG;IAClB,OAAO,EAAE,IAAI;IACb,SAAS,EAAE,KAAK;IAChB,WAAW,EAAE,IAAI;IACjB,QAAQ,EAAE,IAAqB;CAChC,CAAC;AACF,MAAM,QAAQ,GAAG;IACf,EAAE,EAAE,OAAO;IACX,IAAI,EAAE,iBAAiB;IACvB,QAAQ,EAAE,mBAAmB;IAC7B,eAAe,EAAE,OAAO;IACxB,YAAY,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE;CACnD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE,CAAC;AAE1F,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE;CACvF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,OAAO;QACP,QAAQ;QACR,cAAc,EAAE,UAAU;QAC1B,YAAY,EAAE,IAAI;KACnB;CACF,CAAC"}

package/dist/offer/opportunity-card.d.ts

@@ -0,0 +1,16 @@
+export interface OpportunityCardData {
+    id: string;
+    title: string;
+    closingDays: number;
+    priceCeilingEuro?: number;
+    volumeOptions?: number[];
+    requirements?: string[];
+    deletedAt?: string | null;
+}
+export interface OpportunityCardProps {
+    opportunity: OpportunityCardData;
+    variant?: "collapsed" | "expanded";
+    className?: string;
+}
+export declare function OpportunityCard({ opportunity, variant, className, }: OpportunityCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=opportunity-card.d.ts.map

package/dist/offer/opportunity-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-card.d.ts","sourceRoot":"","sources":["../../src/offer/opportunity-card.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,OAAqB,EACrB,SAAS,GACV,EAAE,oBAAoB,2CA4DtB"}

package/dist/offer/opportunity-card.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Calendar, AlertCircle } from "lucide-react";
+import { cn } from "../lib/utils";
+export function OpportunityCard({ opportunity, variant = "collapsed", className, }) {
+    const expanded = variant === "expanded";
+    const deleted = !!opportunity.deletedAt;
+    return (_jsxs("section", { "aria-labelledby": "opportunity-heading", className: cn("rounded-2xl border border-border/60 bg-card p-4", className), children: [_jsx("h2", { id: "opportunity-heading", className: "text-xs/5 font-semibold uppercase tracking-wide text-muted-foreground", children: "Opportunity" }), _jsxs("div", { className: "mt-3 flex items-baseline gap-2", children: [_jsx("h3", { className: "text-base/7 font-semibold", children: opportunity.title }), !deleted && (_jsxs("span", { className: "inline-flex items-center gap-1 text-xs text-muted-foreground", children: [_jsx(Calendar, { "aria-hidden": true, className: "size-3" }), " closes in ", opportunity.closingDays, " day", opportunity.closingDays === 1 ? "" : "s"] }))] }), deleted && (_jsxs("div", { role: "alert", className: "mt-2 flex items-start gap-2 rounded-lg border border-amber-200 bg-amber-50 p-3 text-xs text-amber-900 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-100", children: [_jsx(AlertCircle, { "aria-hidden": true, className: "size-4 shrink-0" }), "The tender that created this offer has been closed. You can still accept, decline, or withdraw."] })), expanded && opportunity.requirements && (_jsx("ul", { className: "mt-3 list-disc space-y-1 pl-5 text-sm/6", children: opportunity.requirements.map((r) => (_jsx("li", { children: r }, r))) })), expanded && (opportunity.priceCeilingEuro || opportunity.volumeOptions) && (_jsxs("dl", { className: "mt-3 grid grid-cols-2 gap-3 text-xs", children: [opportunity.priceCeilingEuro != null && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Price ceiling" }), _jsxs("dd", { className: "font-medium", children: ["\u20AC", opportunity.priceCeilingEuro.toFixed(2), "/L"] })] })), opportunity.volumeOptions && (_jsxs("div", { children: [_jsx("dt", { className: "text-muted-foreground", children: "Volume options" }), _jsxs("dd", { className: "font-medium", children: [opportunity.volumeOptions.map((v) => v.toLocaleString()).join(", "), " L"] })] }))] }))] }));
+}
+//# sourceMappingURL=opportunity-card.js.map

package/dist/offer/opportunity-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"opportunity-card.js","sourceRoot":"","sources":["../../src/offer/opportunity-card.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAC;AAkBlC,MAAM,UAAU,eAAe,CAAC,EAC9B,WAAW,EACX,OAAO,GAAG,WAAW,EACrB,SAAS,GACY;IACrB,MAAM,QAAQ,GAAG,OAAO,KAAK,UAAU,CAAC;IACxC,MAAM,OAAO,GAAG,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;IACxC,OAAO,CACL,sCACkB,qBAAqB,EACrC,SAAS,EAAE,EAAE,CAAC,iDAAiD,EAAE,SAAS,CAAC,aAE3E,aACE,EAAE,EAAC,qBAAqB,EACxB,SAAS,EAAC,uEAAuE,4BAG9E,EACL,eAAK,SAAS,EAAC,gCAAgC,aAC7C,aAAI,SAAS,EAAC,2BAA2B,YAAE,WAAW,CAAC,KAAK,GAAM,EACjE,CAAC,OAAO,IAAI,CACX,gBAAM,SAAS,EAAC,8DAA8D,aAC5E,KAAC,QAAQ,yBAAa,SAAS,EAAC,QAAQ,GAAG,iBAAY,WAAW,CAAC,WAAW,UAC7E,WAAW,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,IACpC,CACR,IACG,EACL,OAAO,IAAI,CACV,eACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,mKAAmK,aAE7K,KAAC,WAAW,yBAAa,SAAS,EAAC,iBAAiB,GAAG,uGAGnD,CACP,EACA,QAAQ,IAAI,WAAW,CAAC,YAAY,IAAI,CACvC,aAAI,SAAS,EAAC,yCAAyC,YACpD,WAAW,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnC,uBAAa,CAAC,IAAL,CAAC,CAAU,CACrB,CAAC,GACC,CACN,EACA,QAAQ,IAAI,CAAC,WAAW,CAAC,gBAAgB,IAAI,WAAW,CAAC,aAAa,CAAC,IAAI,CAC1E,cAAI,SAAS,EAAC,qCAAqC,aAChD,WAAW,CAAC,gBAAgB,IAAI,IAAI,IAAI,CACvC,0BACE,aAAI,SAAS,EAAC,uBAAuB,8BAAmB,EACxD,cAAI,SAAS,EAAC,aAAa,uBAAG,WAAW,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAQ,IACzE,CACP,EACA,WAAW,CAAC,aAAa,IAAI,CAC5B,0BACE,aAAI,SAAS,EAAC,uBAAuB,+BAAoB,EACzD,cAAI,SAAS,EAAC,aAAa,aACxB,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,UACjE,IACD,CACP,IACE,CACN,IACO,CACX,CAAC;AACJ,CAAC"}