@voyantjs/cruises-ui 0.34.0 → 0.37.0

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

@@ -1 +1 @@
-{"version":3,"file":"cruise-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/cruise-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAK/D,MAAM,WAAW,sBAAsB;IACrC,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,iBAAiB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAgEpF"}
+{"version":3,"file":"cruise-catalog-card.d.ts","sourceRoot":"","sources":["../../src/components/cruise-catalog-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAM/D,MAAM,WAAW,sBAAsB;IACrC,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,iBAAiB,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,sBAAsB,2CAoEpF"}

package/dist/components/cruise-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 { useCruisesUiI18nOrDefault } from "../i18n/index.js";
 /**
  * Search-result card for a cruise hit. Reads sailing-shaped fields:
  * `name`, `shipName`, `departureDate`, `nights`, `status`, `priceFromCents`,
  * `currency`, `embarkationPort`, `tags`.
  */
 export function CruiseCatalogCard({ hit, onClick, className }) {
+    const i18n = useCruisesUiI18nOrDefault();
+    const messages = i18n.messages.catalogCard;
     const f = hit.document.fields;
-    const name = stringOr(f.name, "Untitled sailing");
+    const name = stringOr(f.name, messages.untitled);
     const shipName = stringOr(f.shipName, null);
     const status = stringOr(f.status, null);
     const departureDate = stringOr(f.departureDate, null);
@@ -20,13 +23,21 @@ export function CruiseCatalogCard({ hit, onClick, className }) {
     const priceFrom = numberOr(f.priceFromCents, null);
     const currency = stringOr(f.currency ?? f.sellCurrency, null);
     const priceLabel = priceFrom != null && currency
-        ? `from ${new Intl.NumberFormat(undefined, {
-            style: "currency",
-            currency,
-            maximumFractionDigits: 0,
-        }).format(priceFrom / 100)}`
+        ? formatTemplate(messages.priceFrom, {
+            amount: i18n.formatCurrency(priceFrom / 100, currency, {
+                maximumFractionDigits: 0,
+            }),
+        })
         : 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: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), shipName && _jsx("p", { className: "text-muted-foreground text-xs", children: shipName })] }), 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: [departureDate && _jsx("span", { children: departureDate }), nights != null && (_jsxs("span", { children: [nights, " night", nights === 1 ? "" : "s"] })), embarkationPort && _jsxs("span", { children: ["\u00B7 ", embarkationPort] }), priceLabel && _jsx("span", { className: "ml-auto font-medium text-foreground", children: priceLabel })] }), 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: [_jsxs("div", { className: "min-w-0", children: [_jsx("h3", { className: "line-clamp-2 font-medium text-sm", children: name }), shipName && _jsx("p", { className: "text-muted-foreground text-xs", children: shipName })] }), 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: [departureDate && _jsx("span", { children: departureDate }), nights != null && (_jsx("span", { children: formatTemplate(nights === 1 ? messages.nightsSingular : messages.nightsPlural, {
+                                count: nights,
+                            }) })), embarkationPort && _jsxs("span", { children: ["\u00B7 ", embarkationPort] }), priceLabel && _jsx("span", { className: "ml-auto font-medium text-foreground", children: priceLabel })] }), 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.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,eAAO,MAAM,WAAW,EAAE,iBAwEzB,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/i18n/en.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,eAAO,MAAM,WAAW,EAAE,iBA8EzB,CAAA"}

package/dist/i18n/en.js

@@ -9,6 +9,12 @@ export const cruisesUiEn = {
             fallback: "{count}-occupancy",
         },
     },
+    catalogCard: {
+        untitled: "Untitled sailing",
+        priceFrom: "from {amount}",
+        nightsSingular: "{count} night",
+        nightsPlural: "{count} nights",
+    },
     enrichmentProgramList: {
         loading: "Loading enrichment programs…",
         empty: "No enrichment programs published for this cruise.",

package/dist/i18n/messages.d.ts

@@ -13,6 +13,12 @@ export type CruisesUiMessages = {
             fallback: string;
         };
     };
+    catalogCard: {
+        untitled: string;
+        priceFrom: string;
+        nightsSingular: string;
+        nightsPlural: string;
+    };
     enrichmentProgramList: {
         loading: string;
         empty: 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,uBAAuB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAE1F,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,cAAc,CAAC,CAAA;AACjE,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN,sBAAsB,EAAE,MAAM,CAAA;QAC9B,oBAAoB,EAAE;YACpB,MAAM,EAAE,MAAM,CAAA;YACd,MAAM,EAAE,MAAM,CAAA;YACd,MAAM,EAAE,MAAM,CAAA;YACd,IAAI,EAAE,MAAM,CAAA;YACZ,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;KACF,CAAA;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,cAAc,EAAE,MAAM,CAAA;QACtB,UAAU,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAA;KAClD,CAAA;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,kBAAkB,EAAE,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAA;KAC5D,CAAA;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,kBAAkB,EAAE,MAAM,CAAA;QAC1B,gBAAgB,EAAE,MAAM,CAAA;QACxB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE;YACR,SAAS,EAAE,MAAM,CAAA;YACjB,OAAO,EAAE,MAAM,CAAA;YACf,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,mBAAmB,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAA;QAC7D,cAAc,EAAE;YACd,SAAS,EAAE,MAAM,CAAA;YACjB,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,cAAc,EAAE,MAAM,CAAA;QACtB,MAAM,EAAE;YACN,SAAS,EAAE,MAAM,CAAA;YACjB,aAAa,EAAE,MAAM,CAAA;SACtB,CAAA;KACF,CAAA;CACF,CAAA"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAA;AAE1F,MAAM,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,MAAM,CAAC,CAAA;AACnE,MAAM,MAAM,uBAAuB,GAAG,WAAW,CAAC,cAAc,CAAC,CAAA;AACjE,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAA;AAE1E,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,EAAE;QACN,sBAAsB,EAAE,MAAM,CAAA;QAC9B,oBAAoB,EAAE;YACpB,MAAM,EAAE,MAAM,CAAA;YACd,MAAM,EAAE,MAAM,CAAA;YACd,MAAM,EAAE,MAAM,CAAA;YACd,IAAI,EAAE,MAAM,CAAA;YACZ,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;KACF,CAAA;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;QACjB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;KACrB,CAAA;IACD,qBAAqB,EAAE;QACrB,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,cAAc,EAAE,MAAM,CAAA;QACtB,UAAU,EAAE,MAAM,CAAC,qBAAqB,EAAE,MAAM,CAAC,CAAA;KAClD,CAAA;IACD,mBAAmB,EAAE;QACnB,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM,CAAA;QACb,aAAa,EAAE,MAAM,CAAA;QACrB,SAAS,EAAE,MAAM,CAAA;QACjB,kBAAkB,EAAE,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAA;KAC5D,CAAA;IACD,YAAY,EAAE;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,kBAAkB,EAAE,MAAM,CAAA;QAC1B,gBAAgB,EAAE,MAAM,CAAA;QACxB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;QACpB,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE;YACR,SAAS,EAAE,MAAM,CAAA;YACjB,OAAO,EAAE,MAAM,CAAA;YACf,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,mBAAmB,EAAE,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAA;QAC7D,cAAc,EAAE;YACd,SAAS,EAAE,MAAM,CAAA;YACjB,QAAQ,EAAE,MAAM,CAAA;SACjB,CAAA;QACD,cAAc,EAAE,MAAM,CAAA;QACtB,MAAM,EAAE;YACN,SAAS,EAAE,MAAM,CAAA;YACjB,aAAa,EAAE,MAAM,CAAA;SACtB,CAAA;KACF,CAAA;CACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,eAAO,MAAM,WAAW,EAAE,iBAwEzB,CAAA"}
+{"version":3,"file":"ro.d.ts","sourceRoot":"","sources":["../../src/i18n/ro.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEtD,eAAO,MAAM,WAAW,EAAE,iBA8EzB,CAAA"}

package/dist/i18n/ro.js

@@ -9,6 +9,12 @@ export const cruisesUiRo = {
             fallback: "{count} locuri",
         },
     },
+    catalogCard: {
+        untitled: "Croaziera fara nume",
+        priceFrom: "de la {amount}",
+        nightsSingular: "{count} noapte",
+        nightsPlural: "{count} nopti",
+    },
     enrichmentProgramList: {
         loading: "Se incarca programele de imbogatire…",
         empty: "Nu exista programe de imbogatire publicate pentru aceasta croaziera.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@voyantjs/cruises-ui",
-  "version": "0.34.0",
+  "version": "0.37.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -43,12 +43,12 @@
     "@tanstack/react-query": "^5.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "@voyantjs/catalog-react": "0.34.0",
-    "@voyantjs/cruises-react": "0.34.0",
-    "@voyantjs/ui": "0.34.0"
+    "@voyantjs/catalog-react": "0.37.0",
+    "@voyantjs/cruises-react": "0.37.0",
+    "@voyantjs/ui": "0.37.0"
   },
   "dependencies": {
-    "@voyantjs/i18n": "0.34.0"
+    "@voyantjs/i18n": "0.37.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.96.2",
@@ -59,10 +59,10 @@
     "react-dom": "^19.2.4",
     "typescript": "^6.0.2",
     "vitest": "^4.1.2",
-    "@voyantjs/catalog-react": "0.34.0",
-    "@voyantjs/cruises-react": "0.34.0",
-    "@voyantjs/i18n": "0.34.0",
-    "@voyantjs/ui": "0.34.0",
+    "@voyantjs/catalog-react": "0.37.0",
+    "@voyantjs/cruises-react": "0.37.0",
+    "@voyantjs/i18n": "0.37.0",
+    "@voyantjs/ui": "0.37.0",
     "@voyantjs/voyant-typescript-config": "0.1.0"
   },
   "files": [