@voyantjs/products-ui 0.13.0

package/README.md

@@ -0,0 +1,13 @@
+# @voyantjs/products-ui
+
+Importable React UI components for Voyant products. Bundler-consumed (Vite, Next.js, webpack, etc.).
+
+## Install
+
+```bash
+pnpm add @voyantjs/products-ui @voyantjs/products-react @voyantjs/voyant-ui @tanstack/react-query react react-dom
+```
+
+`@voyantjs/voyant-ui` provides the design-system primitives. `@voyantjs/products-react` provides the data-layer hooks. Both are required peers.
+
+All components accept a `className` prop and merge it with `cn()`. Wrap or compose to extend; use the registry copy-paste path (`npx shadcn add @voyant/...`) for components you want to fork outright.

package/dist/components/option-unit-dialog.d.ts

@@ -0,0 +1,11 @@
+import type { OptionUnitRecord } from "@voyantjs/products-react";
+export interface OptionUnitDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    optionId: string;
+    unit?: OptionUnitRecord;
+    sortOrder?: number;
+    onSuccess?: (unit: OptionUnitRecord) => void;
+}
+export declare function OptionUnitDialog({ open, onOpenChange, optionId, unit, sortOrder, onSuccess, }: OptionUnitDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=option-unit-dialog.d.ts.map

package/dist/components/option-unit-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-unit-dialog.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAYhE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC7C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,SAAS,GACV,EAAE,qBAAqB,2CAyBvB"}

package/dist/components/option-unit-dialog.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/voyant-ui/components/dialog";
+import { OptionUnitForm } from "./option-unit-form";
+export function OptionUnitDialog({ open, onOpenChange, optionId, unit, sortOrder, onSuccess, }) {
+    const isEdit = Boolean(unit);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "option-unit-dialog", className: "sm:max-w-[680px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit option unit" : "New option unit" }), _jsx(DialogDescription, { children: isEdit
+                                ? "Update unit constraints, quantity limits, and occupancy rules."
+                                : "Create a selectable unit under this option." })] }), _jsx(OptionUnitForm, { mode: unit ? { kind: "edit", unit } : { kind: "create", optionId, sortOrder }, onSuccess: (saved) => {
+                        onSuccess?.(saved);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

package/dist/components/option-unit-form.d.ts

@@ -0,0 +1,17 @@
+import { type OptionUnitRecord } from "@voyantjs/products-react";
+type Mode = {
+    kind: "create";
+    optionId: string;
+    sortOrder?: number;
+} | {
+    kind: "edit";
+    unit: OptionUnitRecord;
+};
+export interface OptionUnitFormProps {
+    mode: Mode;
+    onSuccess?: (unit: OptionUnitRecord) => void;
+    onCancel?: () => void;
+}
+export declare function OptionUnitForm({ mode, onSuccess, onCancel }: OptionUnitFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=option-unit-form.d.ts.map

package/dist/components/option-unit-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-unit-form.d.ts","sourceRoot":"","sources":["../../src/components/option-unit-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,gBAAgB,EAEtB,MAAM,0BAA0B,CAAA;AAgBjC,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,GACxD;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE5C,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6FD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAuNhF"}

package/dist/components/option-unit-form.js

@@ -0,0 +1,114 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useOptionUnitMutation, } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Label } from "@voyantjs/voyant-ui/components/label";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyantjs/voyant-ui/components/select";
+import { Switch } from "@voyantjs/voyant-ui/components/switch";
+import { Textarea } from "@voyantjs/voyant-ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+const UNIT_TYPES = [
+    { value: "person", label: "Person" },
+    { value: "group", label: "Group" },
+    { value: "room", label: "Room" },
+    { value: "vehicle", label: "Vehicle" },
+    { value: "service", label: "Service" },
+    { value: "other", label: "Other" },
+];
+function initialState(mode) {
+    if (mode.kind === "edit") {
+        return {
+            name: mode.unit.name,
+            code: mode.unit.code ?? "",
+            description: mode.unit.description ?? "",
+            unitType: mode.unit.unitType,
+            minQuantity: mode.unit.minQuantity != null ? String(mode.unit.minQuantity) : "",
+            maxQuantity: mode.unit.maxQuantity != null ? String(mode.unit.maxQuantity) : "",
+            minAge: mode.unit.minAge != null ? String(mode.unit.minAge) : "",
+            maxAge: mode.unit.maxAge != null ? String(mode.unit.maxAge) : "",
+            occupancyMin: mode.unit.occupancyMin != null ? String(mode.unit.occupancyMin) : "",
+            occupancyMax: mode.unit.occupancyMax != null ? String(mode.unit.occupancyMax) : "",
+            isRequired: mode.unit.isRequired,
+            isHidden: mode.unit.isHidden,
+            sortOrder: String(mode.unit.sortOrder),
+        };
+    }
+    return {
+        name: "",
+        code: "",
+        description: "",
+        unitType: "person",
+        minQuantity: "",
+        maxQuantity: "",
+        minAge: "",
+        maxAge: "",
+        occupancyMin: "",
+        occupancyMax: "",
+        isRequired: false,
+        isHidden: false,
+        sortOrder: String(mode.sortOrder ?? 0),
+    };
+}
+function toOptionalString(value) {
+    const trimmed = value.trim();
+    return trimmed ? trimmed : null;
+}
+function toOptionalNumber(value) {
+    const trimmed = value.trim();
+    if (!trimmed)
+        return null;
+    const parsed = Number.parseInt(trimmed, 10);
+    return Number.isFinite(parsed) ? parsed : null;
+}
+function toPayload(state) {
+    return {
+        name: state.name.trim(),
+        code: toOptionalString(state.code),
+        description: toOptionalString(state.description),
+        unitType: state.unitType,
+        minQuantity: toOptionalNumber(state.minQuantity),
+        maxQuantity: toOptionalNumber(state.maxQuantity),
+        minAge: toOptionalNumber(state.minAge),
+        maxAge: toOptionalNumber(state.maxAge),
+        occupancyMin: toOptionalNumber(state.occupancyMin),
+        occupancyMax: toOptionalNumber(state.occupancyMax),
+        isRequired: state.isRequired,
+        isHidden: state.isHidden,
+        sortOrder: Number.parseInt(state.sortOrder || "0", 10) || 0,
+    };
+}
+export function OptionUnitForm({ mode, onSuccess, onCancel }) {
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [error, setError] = React.useState(null);
+    const { create, update } = useOptionUnitMutation();
+    React.useEffect(() => {
+        setState(initialState(mode));
+        setError(null);
+    }, [mode]);
+    const isSubmitting = create.isPending || update.isPending;
+    const field = (key) => (value) => {
+        setState((prev) => ({ ...prev, [key]: value }));
+    };
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        if (!state.name.trim()) {
+            setError("Unit name is required.");
+            return;
+        }
+        try {
+            const unit = mode.kind === "create"
+                ? await create.mutateAsync({ optionId: mode.optionId, ...toPayload(state) })
+                : await update.mutateAsync({ id: mode.unit.id, input: toPayload(state) });
+            onSuccess?.(unit);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save option unit.");
+        }
+    };
+    const showAgeRange = state.unitType === "person";
+    const showOccupancy = state.unitType === "group" || state.unitType === "room" || state.unitType === "vehicle";
+    return (_jsxs("form", { "data-slot": "option-unit-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-name", children: "Name" }), _jsx(Input, { id: "option-unit-name", required: true, autoFocus: true, value: state.name, onChange: (event) => field("name")(event.target.value), placeholder: "Adult" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-code", children: "Code" }), _jsx(Input, { id: "option-unit-code", value: state.code, onChange: (event) => field("code")(event.target.value), placeholder: "adult" })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: "Unit type" }), _jsxs(Select, { items: UNIT_TYPES, value: state.unitType, onValueChange: (value) => value && field("unitType")(value), children: [_jsx(SelectTrigger, { className: "w-full", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: UNIT_TYPES.map((type) => (_jsx(SelectItem, { value: type.value, children: type.label }, type.value))) })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-sort-order", children: "Sort order" }), _jsx(Input, { id: "option-unit-sort-order", type: "number", value: state.sortOrder, onChange: (event) => field("sortOrder")(event.target.value) })] })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-quantity", children: "Min quantity" }), _jsx(Input, { id: "option-unit-min-quantity", type: "number", min: "0", value: state.minQuantity, onChange: (event) => field("minQuantity")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-quantity", children: "Max quantity" }), _jsx(Input, { id: "option-unit-max-quantity", type: "number", min: "0", value: state.maxQuantity, onChange: (event) => field("maxQuantity")(event.target.value) })] })] }), showAgeRange ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-min-age", children: "Min age" }), _jsx(Input, { id: "option-unit-min-age", type: "number", min: "0", value: state.minAge, onChange: (event) => field("minAge")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-max-age", children: "Max age" }), _jsx(Input, { id: "option-unit-max-age", type: "number", min: "0", value: state.maxAge, onChange: (event) => field("maxAge")(event.target.value) })] })] })) : null, showOccupancy ? (_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-min", children: "Occupancy min" }), _jsx(Input, { id: "option-unit-occupancy-min", type: "number", min: "0", value: state.occupancyMin, onChange: (event) => field("occupancyMin")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-occupancy-max", children: "Occupancy max" }), _jsx(Input, { id: "option-unit-occupancy-max", type: "number", min: "0", value: state.occupancyMax, onChange: (event) => field("occupancyMax")(event.target.value) })] })] })) : null, _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "option-unit-description", children: "Description" }), _jsx(Textarea, { id: "option-unit-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: "Optional unit description" })] }), _jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isRequired, onCheckedChange: (checked) => field("isRequired")(checked) }), _jsx(Label, { children: "Required" })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Switch, { checked: state.isHidden, onCheckedChange: (checked) => field("isHidden")(checked) }), _jsx(Label, { children: "Hidden" })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create" ? "Create unit" : "Save changes"] })] })] }));
+}

package/dist/components/product-category-combobox.d.ts

@@ -0,0 +1,10 @@
+type Props = {
+    value: string | null | undefined;
+    onChange: (value: string | null) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    excludeId?: string | null;
+};
+export declare function ProductCategoryCombobox({ value, onChange, placeholder, disabled, excludeId, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-category-combobox.d.ts.map

package/dist/components/product-category-combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-category-combobox.d.ts","sourceRoot":"","sources":["../../src/components/product-category-combobox.tsx"],"names":[],"mappings":"AAgBA,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAChC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAID,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,WAAuC,EACvC,QAAQ,EACR,SAAS,GACV,EAAE,KAAK,2CAsEP"}

package/dist/components/product-category-combobox.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductCategories, useProductCategory, } from "@voyantjs/products-react";
+import { Combobox, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, ComboboxList, } from "@voyantjs/voyant-ui/components/combobox";
+import * as React from "react";
+const PAGE_SIZE = 25;
+export function ProductCategoryCombobox({ value, onChange, placeholder = "Search parent category…", disabled, excludeId, }) {
+    const [search, setSearch] = React.useState("");
+    const listQuery = useProductCategories({ search: search || undefined, limit: PAGE_SIZE });
+    const selectedQuery = useProductCategory(value, { enabled: !!value });
+    const items = React.useMemo(() => {
+        const map = new Map();
+        for (const item of listQuery.data?.data ?? []) {
+            if (item.id !== excludeId)
+                map.set(item.id, item);
+        }
+        if (selectedQuery.data && selectedQuery.data.id !== excludeId) {
+            map.set(selectedQuery.data.id, selectedQuery.data);
+        }
+        return Array.from(map.values());
+    }, [excludeId, listQuery.data?.data, selectedQuery.data]);
+    const itemMap = React.useMemo(() => new Map(items.map((item) => [item.id, item])), [items]);
+    const selected = value ? itemMap.get(value) : undefined;
+    const selectedLabel = selected ? selected.name : "";
+    const [inputValue, setInputValue] = React.useState(selectedLabel);
+    React.useEffect(() => {
+        setInputValue(selectedLabel);
+    }, [selectedLabel]);
+    return (_jsxs(Combobox, { items: items.map((item) => item.id), value: value ?? null, inputValue: inputValue, autoHighlight: true, disabled: disabled, itemToStringValue: (id) => itemMap.get(id)?.name ?? "", onInputValueChange: (next) => {
+            setInputValue(next);
+            setSearch(next);
+            if (!next)
+                onChange(null);
+        }, onValueChange: (next) => {
+            const id = next ?? null;
+            onChange(id);
+            setInputValue(id ? (itemMap.get(id)?.name ?? "") : "");
+        }, children: [_jsx(ComboboxInput, { placeholder: placeholder, showClear: !!value }), _jsxs(ComboboxContent, { children: [_jsx(ComboboxEmpty, { children: listQuery.isPending || selectedQuery.isPending
+                            ? "Loading…"
+                            : "No product categories found." }), _jsx(ComboboxList, { children: _jsx(ComboboxCollection, { children: (id) => {
+                                const item = itemMap.get(id);
+                                if (!item)
+                                    return null;
+                                return (_jsx(ComboboxItem, { value: item.id, children: _jsxs("div", { className: "flex min-w-0 flex-col", children: [_jsx("span", { className: "truncate font-medium", children: item.name }), _jsx("span", { className: "truncate text-xs text-muted-foreground", children: item.slug })] }) }, item.id));
+                            } }) })] })] }));
+}

package/dist/components/product-category-dialog.d.ts

@@ -0,0 +1,9 @@
+import type { ProductCategoryRecord } from "@voyantjs/products-react";
+export interface ProductCategoryDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    category?: ProductCategoryRecord;
+    onSuccess?: (category: ProductCategoryRecord) => void;
+}
+export declare function ProductCategoryDialog({ open, onOpenChange, category, onSuccess, }: ProductCategoryDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-category-dialog.d.ts.map

package/dist/components/product-category-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-category-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-category-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAA;AAYrE,MAAM,WAAW,0BAA0B;IACzC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,qBAAqB,CAAA;IAChC,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;CACtD;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACV,EAAE,0BAA0B,2CAyB5B"}

package/dist/components/product-category-dialog.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/voyant-ui/components/dialog";
+import { ProductCategoryForm } from "./product-category-form";
+export function ProductCategoryDialog({ open, onOpenChange, category, onSuccess, }) {
+    const isEdit = Boolean(category);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-category-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit product category" : "New product category" }), _jsx(DialogDescription, { children: isEdit
+                                ? "Update category hierarchy, slug, and active state."
+                                : "Create a category for organizing your product catalog." })] }), _jsx(ProductCategoryForm, { mode: category ? { kind: "edit", category } : { kind: "create" }, onSuccess: (saved) => {
+                        onSuccess?.(saved);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

package/dist/components/product-category-form.d.ts

@@ -0,0 +1,15 @@
+import { type ProductCategoryRecord } from "@voyantjs/products-react";
+type Mode = {
+    kind: "create";
+} | {
+    kind: "edit";
+    category: ProductCategoryRecord;
+};
+export interface ProductCategoryFormProps {
+    mode: Mode;
+    onSuccess?: (category: ProductCategoryRecord) => void;
+    onCancel?: () => void;
+}
+export declare function ProductCategoryForm({ mode, onSuccess, onCancel }: ProductCategoryFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-category-form.d.ts.map

package/dist/components/product-category-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-category-form.d.ts","sourceRoot":"","sources":["../../src/components/product-category-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,qBAAqB,EAE3B,MAAM,0BAA0B,CAAA;AAUjC,KAAK,IAAI,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,qBAAqB,CAAA;CAAE,CAAA;AAElF,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACrD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA6CD,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,wBAAwB,2CAyH1F"}

package/dist/components/product-category-form.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductCategoryMutation, } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Label } from "@voyantjs/voyant-ui/components/label";
+import { Switch } from "@voyantjs/voyant-ui/components/switch";
+import { Textarea } from "@voyantjs/voyant-ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+import { ProductCategoryCombobox } from "./product-category-combobox";
+function initialState(mode) {
+    if (mode.kind === "edit") {
+        const category = mode.category;
+        return {
+            name: category.name,
+            slug: category.slug,
+            parentId: category.parentId ?? "__none__",
+            description: category.description ?? "",
+            sortOrder: String(category.sortOrder),
+            active: category.active,
+        };
+    }
+    return {
+        name: "",
+        slug: "",
+        parentId: "__none__",
+        description: "",
+        sortOrder: "0",
+        active: true,
+    };
+}
+function toPayload(state) {
+    return {
+        name: state.name.trim(),
+        slug: state.slug.trim(),
+        parentId: state.parentId === "__none__" ? null : state.parentId,
+        description: state.description.trim() || null,
+        sortOrder: Number(state.sortOrder) || 0,
+        active: state.active,
+    };
+}
+export function ProductCategoryForm({ mode, onSuccess, onCancel }) {
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [error, setError] = React.useState(null);
+    const { create, update } = useProductCategoryMutation();
+    React.useEffect(() => {
+        setState(initialState(mode));
+        setError(null);
+    }, [mode]);
+    const isSubmitting = create.isPending || update.isPending;
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        if (!state.name.trim()) {
+            setError("Category name is required.");
+            return;
+        }
+        if (!state.slug.trim()) {
+            setError("Category slug is required.");
+            return;
+        }
+        try {
+            const category = mode.kind === "create"
+                ? await create.mutateAsync(toPayload(state))
+                : await update.mutateAsync({ id: mode.category.id, input: toPayload(state) });
+            onSuccess?.(category);
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : "Failed to save product category.");
+        }
+    };
+    return (_jsxs("form", { "data-slot": "product-category-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-name", children: "Name" }), _jsx(Input, { id: "product-category-name", required: true, autoFocus: true, value: state.name, onChange: (event) => setState((prev) => ({ ...prev, name: event.target.value })), placeholder: "Adventure" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-slug", children: "Slug" }), _jsx(Input, { id: "product-category-slug", required: true, value: state.slug, onChange: (event) => setState((prev) => ({ ...prev, slug: event.target.value })), placeholder: "adventure" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { children: "Parent category" }), _jsx(ProductCategoryCombobox, { value: state.parentId === "__none__" ? null : state.parentId, onChange: (value) => setState((prev) => ({ ...prev, parentId: value ?? "__none__" })), excludeId: mode.kind === "edit" ? mode.category.id : null, placeholder: "Search parent category\u2026" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-description", children: "Description" }), _jsx(Textarea, { id: "product-category-description", value: state.description, onChange: (event) => setState((prev) => ({ ...prev, description: event.target.value })), placeholder: "Category description..." })] }), _jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-category-sort-order", children: "Sort order" }), _jsx(Input, { id: "product-category-sort-order", type: "number", value: state.sortOrder, onChange: (event) => setState((prev) => ({ ...prev, sortOrder: event.target.value })) })] }), _jsxs("div", { className: "flex items-center gap-2 pt-7", children: [_jsx(Switch, { checked: state.active, onCheckedChange: (active) => setState((prev) => ({ ...prev, active })) }), _jsx(Label, { children: "Active" })] })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "edit" ? "Save changes" : "Create category"] })] })] }));
+}

package/dist/components/product-category-list.d.ts

@@ -0,0 +1,5 @@
+export interface ProductCategoryListProps {
+    pageSize?: number;
+}
+export declare function ProductCategoryList({ pageSize }?: ProductCategoryListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-category-list.d.ts.map

package/dist/components/product-category-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-category-list.d.ts","sourceRoot":"","sources":["../../src/components/product-category-list.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,QAAc,EAAE,GAAE,wBAA6B,2CA+JpF"}

package/dist/components/product-category-list.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductCategories, useProductCategoryMutation, } from "@voyantjs/products-react";
+import { Badge } from "@voyantjs/voyant-ui/components/badge";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, } from "@voyantjs/voyant-ui/components/dropdown-menu";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@voyantjs/voyant-ui/components/table";
+import { CheckCircle2, Loader2, MoreHorizontal, Pencil, Plus, Search, Trash2 } from "lucide-react";
+import * as React from "react";
+import { ProductCategoryDialog } from "./product-category-dialog";
+export function ProductCategoryList({ pageSize = 200 } = {}) {
+    const [search, setSearch] = React.useState("");
+    const [offset, setOffset] = React.useState(0);
+    const [dialogOpen, setDialogOpen] = React.useState(false);
+    const [editing, setEditing] = React.useState(undefined);
+    const { data, isPending, isError } = useProductCategories({
+        search: search || undefined,
+        limit: pageSize,
+        offset,
+    });
+    const { remove } = useProductCategoryMutation();
+    const categories = data?.data ?? [];
+    const total = data?.total ?? 0;
+    const page = Math.floor(offset / pageSize) + 1;
+    const pageCount = Math.max(1, Math.ceil(total / pageSize));
+    const categoryById = new Map(categories.map((category) => [category.id, category]));
+    return (_jsxs("div", { "data-slot": "product-category-list", className: "flex flex-col gap-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsxs("div", { className: "relative w-full max-w-sm", children: [_jsx(Search, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { placeholder: "Search product categories\u2026", value: search, onChange: (event) => {
+                                    setSearch(event.target.value);
+                                    setOffset(0);
+                                }, className: "pl-9" })] }), _jsxs(Button, { onClick: () => {
+                            setEditing(undefined);
+                            setDialogOpen(true);
+                        }, children: [_jsx(Plus, { className: "mr-2 size-4", "aria-hidden": "true" }), "Add category"] })] }), _jsx("div", { className: "rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Slug" }), _jsx(TableHead, { children: "Parent" }), _jsx(TableHead, { children: "Status" }), _jsx(TableHead, { className: "w-[80px] text-right", children: "Actions" })] }) }), _jsx(TableBody, { children: isPending ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center", children: _jsx(Loader2, { className: "mx-auto size-4 animate-spin text-muted-foreground" }) }) })) : isError ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-destructive", children: "Failed to load product categories." }) })) : categories.length === 0 ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 5, className: "h-24 text-center text-sm text-muted-foreground", children: "No product categories found." }) })) : (categories.map((category) => (_jsxs(TableRow, { children: [_jsx(TableCell, { className: "font-medium", children: category.name }), _jsx(TableCell, { children: category.slug }), _jsx(TableCell, { children: category.parentId ? (categoryById.get(category.parentId)?.name ?? "—") : "—" }), _jsx(TableCell, { children: category.active ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "size-3.5" }), "Active"] })) : (_jsx(Badge, { variant: "secondary", children: "Inactive" })) }), _jsx(TableCell, { className: "text-right", children: _jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { className: "inline-flex size-8 items-center justify-center rounded-md text-muted-foreground outline-hidden hover:bg-accent hover:text-accent-foreground", children: _jsx(MoreHorizontal, { className: "size-4" }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsxs(DropdownMenuItem, { onClick: () => {
+                                                                setEditing(category);
+                                                                setDialogOpen(true);
+                                                            }, children: [_jsx(Pencil, { className: "size-4" }), "Edit"] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { variant: "destructive", onClick: () => {
+                                                                if (confirm("Delete this product category?")) {
+                                                                    remove.mutate(category.id);
+                                                                }
+                                                            }, children: [_jsx(Trash2, { className: "size-4" }), "Delete"] })] })] }) })] }, category.id)))) })] }) }), _jsxs("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [_jsxs("span", { children: ["Showing ", categories.length, " of ", total] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Button, { variant: "outline", size: "sm", disabled: offset === 0, onClick: () => setOffset((prev) => Math.max(0, prev - pageSize)), children: "Previous" }), _jsxs("span", { children: ["Page ", page, " / ", pageCount] }), _jsx(Button, { variant: "outline", size: "sm", disabled: offset + pageSize >= total, onClick: () => setOffset((prev) => prev + pageSize), children: "Next" })] })] }), _jsx(ProductCategoryDialog, { open: dialogOpen, onOpenChange: setDialogOpen, category: editing })] }));
+}

package/dist/components/product-day-dialog.d.ts

@@ -0,0 +1,11 @@
+import type { ProductDayRecord } from "@voyantjs/products-react";
+export interface ProductDayDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    day?: ProductDayRecord;
+    nextDayNumber?: number;
+    onSuccess?: (day: ProductDayRecord) => void;
+}
+export declare function ProductDayDialog({ open, onOpenChange, productId, day, nextDayNumber, onSuccess, }: ProductDayDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=product-day-dialog.d.ts.map

package/dist/components/product-day-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-day-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-day-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAYhE,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;CAC5C;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,GAAG,EACH,aAAa,EACb,SAAS,GACV,EAAE,qBAAqB,2CA2BvB"}

package/dist/components/product-day-dialog.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "@voyantjs/voyant-ui/components/dialog";
+import { ProductDayForm } from "./product-day-form";
+export function ProductDayDialog({ open, onOpenChange, productId, day, nextDayNumber, onSuccess, }) {
+    const isEdit = Boolean(day);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { "data-slot": "product-day-dialog", className: "sm:max-w-[640px]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: isEdit ? "Edit itinerary day" : "Add itinerary day" }), _jsx(DialogDescription, { children: isEdit
+                                ? "Update the title, location, and overview for this day."
+                                : "Create a structured day in the product itinerary." })] }), _jsx(ProductDayForm, { mode: day ? { kind: "edit", productId, day } : { kind: "create", productId, nextDayNumber }, onSuccess: (savedDay) => {
+                        onSuccess?.(savedDay);
+                        onOpenChange(false);
+                    }, onCancel: () => onOpenChange(false) })] }) }));
+}

package/dist/components/product-day-form.d.ts

@@ -0,0 +1,18 @@
+import { type ProductDayRecord } from "@voyantjs/products-react";
+type Mode = {
+    kind: "create";
+    productId: string;
+    nextDayNumber?: number;
+} | {
+    kind: "edit";
+    productId: string;
+    day: ProductDayRecord;
+};
+export interface ProductDayFormProps {
+    mode: Mode;
+    onSuccess?: (day: ProductDayRecord) => void;
+    onCancel?: () => void;
+}
+export declare function ProductDayForm({ mode, onSuccess, onCancel }: ProductDayFormProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-day-form.d.ts.map

package/dist/components/product-day-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-day-form.d.ts","sourceRoot":"","sources":["../../src/components/product-day-form.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAyB,MAAM,0BAA0B,CAAA;AAQvF,KAAK,IAAI,GACL;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,aAAa,CAAC,EAAE,MAAM,CAAA;CAAE,GAC7D;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,gBAAgB,CAAA;CAAE,CAAA;AAE9D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,IAAI,CAAA;IACV,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CACtB;AA2BD,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAiHhF"}

package/dist/components/product-day-form.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useProductDayMutation } from "@voyantjs/products-react";
+import { Button } from "@voyantjs/voyant-ui/components/button";
+import { Input } from "@voyantjs/voyant-ui/components/input";
+import { Label } from "@voyantjs/voyant-ui/components/label";
+import { Textarea } from "@voyantjs/voyant-ui/components/textarea";
+import { Loader2 } from "lucide-react";
+import * as React from "react";
+function initialState(mode) {
+    if (mode.kind === "edit") {
+        return {
+            dayNumber: String(mode.day.dayNumber),
+            title: mode.day.title ?? "",
+            description: mode.day.description ?? "",
+            location: mode.day.location ?? "",
+        };
+    }
+    return {
+        dayNumber: String(mode.nextDayNumber ?? 1),
+        title: "",
+        description: "",
+        location: "",
+    };
+}
+export function ProductDayForm({ mode, onSuccess, onCancel }) {
+    const [state, setState] = React.useState(() => initialState(mode));
+    const [error, setError] = React.useState(null);
+    const { create, update } = useProductDayMutation();
+    React.useEffect(() => {
+        setState(initialState(mode));
+        setError(null);
+    }, [mode]);
+    const isSubmitting = create.isPending || update.isPending;
+    const field = (key) => (value) => {
+        setState((previous) => ({ ...previous, [key]: value }));
+    };
+    const handleSubmit = async (event) => {
+        event.preventDefault();
+        setError(null);
+        const dayNumber = Number.parseInt(state.dayNumber || "0", 10);
+        if (!Number.isFinite(dayNumber) || dayNumber < 1) {
+            setError("Day number must be at least 1.");
+            return;
+        }
+        const payload = {
+            dayNumber,
+            title: state.title.trim() ? state.title.trim() : null,
+            description: state.description.trim() ? state.description.trim() : null,
+            location: state.location.trim() ? state.location.trim() : null,
+        };
+        try {
+            const day = mode.kind === "create"
+                ? await create.mutateAsync({ productId: mode.productId, ...payload })
+                : await update.mutateAsync({
+                    productId: mode.productId,
+                    dayId: mode.day.id,
+                    input: payload,
+                });
+            onSuccess?.(day);
+        }
+        catch (submissionError) {
+            setError(submissionError instanceof Error ? submissionError.message : "Failed to save day.");
+        }
+    };
+    return (_jsxs("form", { "data-slot": "product-day-form", onSubmit: handleSubmit, className: "flex flex-col gap-4", children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-number", children: "Day number" }), _jsx(Input, { id: "product-day-number", type: "number", min: "1", autoFocus: true, required: true, value: state.dayNumber, onChange: (event) => field("dayNumber")(event.target.value) })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-location", children: "Location" }), _jsx(Input, { id: "product-day-location", value: state.location, onChange: (event) => field("location")(event.target.value), placeholder: "Dubrovnik" })] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-title", children: "Title" }), _jsx(Input, { id: "product-day-title", value: state.title, onChange: (event) => field("title")(event.target.value), placeholder: "Arrival in Dubrovnik" })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "product-day-description", children: "Description" }), _jsx(Textarea, { id: "product-day-description", value: state.description, onChange: (event) => field("description")(event.target.value), placeholder: "Overview and activities for this day" })] }), error ? _jsx("p", { className: "text-sm text-destructive", children: error }) : null, _jsxs("div", { className: "flex items-center justify-end gap-2", children: [onCancel ? (_jsx(Button, { type: "button", variant: "ghost", onClick: onCancel, disabled: isSubmitting, children: "Cancel" })) : null, _jsxs(Button, { type: "submit", disabled: isSubmitting, children: [isSubmitting ? (_jsx(Loader2, { className: "mr-2 size-4 animate-spin", "aria-hidden": "true" })) : null, mode.kind === "create" ? "Add day" : "Save day"] })] })] }));
+}

package/dist/components/product-itinerary-dialog.d.ts

@@ -0,0 +1,16 @@
+type ItineraryData = {
+    id: string;
+    name: string;
+    isDefault: boolean;
+};
+export interface ProductItineraryDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    productId: string;
+    itinerary?: ItineraryData;
+    itineraryCount: number;
+    onSuccess?: (itineraryId: string) => void;
+}
+export declare function ProductItineraryDialog({ open, onOpenChange, productId, itinerary, itineraryCount, onSuccess, }: ProductItineraryDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=product-itinerary-dialog.d.ts.map

package/dist/components/product-itinerary-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"product-itinerary-dialog.d.ts","sourceRoot":"","sources":["../../src/components/product-itinerary-dialog.tsx"],"names":[],"mappings":"AAiBA,KAAK,aAAa,GAAG;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,WAAW,2BAA2B;IAC1C,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C;AAED,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EACJ,YAAY,EACZ,SAAS,EACT,SAAS,EACT,cAAc,EACd,SAAS,GACV,EAAE,2BAA2B,2CA4H7B"}