@voyantjs/extras-ui 0.35.0 → 0.37.0

package/dist/components/extra-catalog-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"extra-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/extra-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,gBAAgB,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA4DlF"}
+{"version":3,"file":"extra-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/extra-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAM/D,MAAM,WAAW,qBAAqB;IACpC,GAAG,EAAE,gBAAgB,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAA;IACzC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CA8DlF"}

package/dist/components/extra-catalog-card.js

@@ -3,14 +3,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Badge } from "@voyantjs/ui/components/badge";
 import { Card, CardContent } from "@voyantjs/ui/components/card";
 import { cn } from "@voyantjs/ui/lib/utils";
+import { useExtrasUiI18nOrDefault } from "../i18n/index.js";
 /**
  * Search-result card for an extras hit (sub-line-item add-ons attached
  * to bookings). Reads: `name`, `category`, `priceCents`, `currency`,
  * `unit` (per_person | per_booking | per_night), `tags`.
  */
 export function ExtraCatalogCard({ hit, onClick, className }) {
+    const i18n = useExtrasUiI18nOrDefault();
+    const messages = i18n.messages.catalogCard;
     const f = hit.document.fields;
-    const name = stringOr(f.name, "Untitled extra");
+    const name = stringOr(f.name, messages.untitled);
     const category = stringOr(f.category, null);
     const unit = stringOr(f.unit, null);
     const status = stringOr(f.status, null);
@@ -18,13 +21,17 @@ export function ExtraCatalogCard({ hit, onClick, className }) {
     const price = numberOr(f.priceCents, null);
     const currency = stringOr(f.currency ?? f.sellCurrency, null);
     const priceLabel = price != null && currency
-        ? new Intl.NumberFormat(undefined, {
-            style: "currency",
-            currency,
+        ? i18n.formatCurrency(price / 100, currency, {
             maximumFractionDigits: 2,
-        }).format(price / 100)
+        })
         : null;
-    return (_jsx(Card, { className: cn("h-full cursor-pointer transition-colors hover:border-primary/40", onClick == null && "cursor-default", className), onClick: onClick ? () => onClick(hit) : undefined, children: _jsxs(CardContent, { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), status && (_jsx(Badge, { variant: status === "active" ? "default" : "secondary", className: "shrink-0", children: status }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-muted-foreground text-xs", children: [category && _jsx("span", { children: category }), priceLabel && (_jsxs("span", { className: "ml-auto font-medium text-foreground", children: [priceLabel, unit && (_jsxs("span", { className: "ml-1 text-muted-foreground", children: ["/ ", unit.replace(/_/g, " ")] }))] }))] }), tags.length > 0 && (_jsx("div", { className: "mt-auto flex flex-wrap gap-1", children: tags.slice(0, 4).map((tag) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: tag }, tag))) }))] }) }));
+    return (_jsx(Card, { className: cn("h-full cursor-pointer transition-colors hover:border-primary/40", onClick == null && "cursor-default", className), onClick: onClick ? () => onClick(hit) : undefined, children: _jsxs(CardContent, { className: "flex h-full flex-col gap-2 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), status && (_jsx(Badge, { variant: status === "active" ? "default" : "secondary", className: "shrink-0", children: status }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 text-muted-foreground text-xs", children: [category && _jsx("span", { children: category }), priceLabel && (_jsxs("span", { className: "ml-auto font-medium text-foreground", children: [priceLabel, unit && (_jsx("span", { className: "ml-1 text-muted-foreground", children: formatTemplate(messages.unitPrefix, { unit: unit.replace(/_/g, " ") }) }))] }))] }), tags.length > 0 && (_jsx("div", { className: "mt-auto flex flex-wrap gap-1", children: tags.slice(0, 4).map((tag) => (_jsx(Badge, { variant: "outline", className: "text-[10px]", children: tag }, tag))) }))] }) }));
+}
+function formatTemplate(template, values) {
+    return template.replace(/\{(\w+)\}/g, (_, key) => {
+        const value = values[key];
+        return value === undefined ? "" : String(value);
+    });
 }
 function stringOr(value, fallback) {
     return typeof value === "string" && value.length > 0 ? value : fallback;

package/dist/i18n/en.d.ts

@@ -1,4 +1,8 @@
 export declare const extrasUiEn: {
+    catalogCard: {
+        untitled: string;
+        unitPrefix: string;
+    };
     productCombobox: {
         placeholder: string;
         loading: string;

package/dist/i18n/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBK,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBK,CAAA"}

package/dist/i18n/en.js

@@ -1,4 +1,8 @@
 export const extrasUiEn = {
+    catalogCard: {
+        untitled: "Untitled extra",
+        unitPrefix: "/ {unit}",
+    },
     productCombobox: {
         placeholder: "Search products...",
         loading: "Loading...",

package/dist/i18n/messages.d.ts

@@ -2,6 +2,10 @@ import type { ProductRecord } from "@voyantjs/products-react";
 export type ProductStatus = ProductRecord["status"];
 export type ProductBookingMode = ProductRecord["bookingMode"];
 export type ExtrasUiMessages = {
+    catalogCard: {
+        untitled: string;
+        unitPrefix: string;
+    };
     productCombobox: {
         placeholder: string;
         loading: string;

package/dist/i18n/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;AACnD,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,eAAe,EAAE;QACf,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;QAC3C,iBAAiB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;KACtD,CAAA;CACF,CAAA"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAE7D,MAAM,MAAM,aAAa,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;AACnD,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC,aAAa,CAAC,CAAA;AAE7D,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAA;QAChB,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,eAAe,EAAE;QACf,WAAW,EAAE,MAAM,CAAA;QACnB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;QAC3C,iBAAiB,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAA;KACtD,CAAA;CACF,CAAA"}

package/dist/i18n/provider.d.ts

@@ -3,6 +3,10 @@ import type { ReactNode } from "react";
 import type { ExtrasUiMessages } from "./messages.js";
 export declare const extrasUiMessageDefinitions: {
     en: {
+        catalogCard: {
+            untitled: string;
+            unitPrefix: string;
+        };
         productCombobox: {
             placeholder: string;
             loading: string;
@@ -24,6 +28,10 @@ export declare const extrasUiMessageDefinitions: {
         };
     };
     ro: {
+        catalogCard: {
+            untitled: string;
+            unitPrefix: string;
+        };
         productCombobox: {
             placeholder: string;
             loading: string;

package/dist/i18n/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/i18n/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAKrD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGe,CAAA;AAEtD,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAA;AAS/E,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,oBAOA;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CASrC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,2CAWA;AAED,eAAO,MAAM,eAAe,0CAA0B,CAAA;AACtD,eAAO,MAAM,mBAAmB,wBAA8B,CAAA;AAE9D,wBAAgB,wBAAwB,uCAEvC;AAED,wBAAgB,4BAA4B,qBAE3C"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/i18n/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,KAAK,sBAAsB,EAC3B,KAAK,gBAAgB,EAEtB,MAAM,gBAAgB,CAAA;AACvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAKrD,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGe,CAAA;AAEtD,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAA;AAS/E,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,oBAOA;AAED,wBAAgB,eAAe,CAAC,EAC9B,MAAM,EACN,SAAS,GACV,EAAE;IACD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IAClC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,GAAG,gBAAgB,CAAC,gBAAgB,CAAC,CASrC;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;IACjC,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;CAC5C,2CAWA;AAED,eAAO,MAAM,eAAe,0CAA0B,CAAA;AACtD,eAAO,MAAM,mBAAmB,wBAA8B,CAAA;AAE9D,wBAAgB,wBAAwB,uCAEvC;AAED,wBAAgB,4BAA4B,qBAE3C"}

package/dist/i18n/ro.d.ts

@@ -1,4 +1,8 @@
 export declare const extrasUiRo: {
+    catalogCard: {
+        untitled: string;
+        unitPrefix: string;
+    };
     productCombobox: {
         placeholder: string;
         loading: string;

package/dist/i18n/ro.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBK,CAAA"}
+{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBK,CAAA"}

package/dist/i18n/ro.js

@@ -1,4 +1,8 @@
 export const extrasUiRo = {
+    catalogCard: {
+        untitled: "Extra fara nume",
+        unitPrefix: "/ {unit}",
+    },
     productCombobox: {
         placeholder: "Cauta produse...",
         loading: "Se incarca...",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/extras-ui",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -46,13 +46,13 @@
     "react-dom": "^19.0.0",
     "react-hook-form": "^7.60.0",
     "zod": "^4.3.6",
-    "@voyantjs/catalog-react": "0.35.0",
-    "@voyantjs/extras-react": "0.35.0",
-    "@voyantjs/products-react": "0.35.0",
-    "@voyantjs/ui": "0.35.0"
+    "@voyantjs/catalog-react": "0.37.0",
+    "@voyantjs/extras-react": "0.37.0",
+    "@voyantjs/products-react": "0.37.0",
+    "@voyantjs/ui": "0.37.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.35.0"
+    "@voyantjs/i18n": "0.37.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -66,11 +66,11 @@
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
     "zod": "^4.3.6",
-    "@voyantjs/catalog-react": "0.35.0",
-    "@voyantjs/extras-react": "0.35.0",
-    "@voyantjs/i18n": "0.35.0",
-    "@voyantjs/products-react": "0.35.0",
-    "@voyantjs/ui": "0.35.0",
+    "@voyantjs/catalog-react": "0.37.0",
+    "@voyantjs/extras-react": "0.37.0",
+    "@voyantjs/i18n": "0.37.0",
+    "@voyantjs/products-react": "0.37.0",
+    "@voyantjs/ui": "0.37.0",
     "@voyantjs/voyant-typescript-config": "0.1.0"
   },
   "files": [