@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/order-history/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/order-history/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAEpD;;;;GAIG;AACH,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,iBAAiB,EAAE,YAAY,CAAC,GAAG;IAC9E,IAAI,EAAE,UAAU,CAAA;CACjB,CAAA;AAED,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,yBAAyB,+BAEjF;AAED,eAAe,oBAAoB,CAAA"}

package/dist/blocks/designs/order-history/index.js

@@ -0,0 +1,36 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var order_history_exports = {};
+__export(order_history_exports, {
+  OrderHistoryAdvanced: () => OrderHistoryAdvanced,
+  default: () => order_history_default
+});
+module.exports = __toCommonJS(order_history_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_order_history = require("./components/order-history.js");
+function OrderHistoryAdvanced({ port, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_order_history.OrderHistory, { ...props, dataSource: port });
+}
+var order_history_default = OrderHistoryAdvanced;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  OrderHistoryAdvanced
+});
+//# sourceMappingURL=index.js.map

package/dist/blocks/designs/order-history/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/order-history/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OrdersPort } from '../../../ports'\nimport { OrderHistory as OrderHistorySurface } from './components/order-history'\nimport type { OrderHistoryProps } from './contracts'\n\n/**\n * The landed order-history surface. The delivery's `Block.tsx` is its demo\n * harness; this entry is the production component and takes a required host\n * port. There is no mock or demo fallback: a missing port is a wiring error.\n */\nexport type OrderHistoryAdvancedProps = Omit<OrderHistoryProps, 'dataSource'> & {\n  port: OrdersPort\n}\n\nexport function OrderHistoryAdvanced({ port, ...props }: OrderHistoryAdvancedProps) {\n  return <OrderHistorySurface {...props} dataSource={port} />\n}\n\nexport default OrderHistoryAdvanced\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAgBS;AAbT,2BAAoD;AAY7C,SAAS,qBAAqB,EAAE,MAAM,GAAG,MAAM,GAA8B;AAClF,SAAO,4CAAC,qBAAAA,cAAA,EAAqB,GAAG,OAAO,YAAY,MAAM;AAC3D;AAEA,IAAO,wBAAQ;","names":["OrderHistorySurface"]}

package/dist/blocks/designs/order-history/index.mjs

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { OrderHistory as OrderHistorySurface } from "./components/order-history.mjs";
+function OrderHistoryAdvanced({ port, ...props }) {
+  return /* @__PURE__ */ jsx(OrderHistorySurface, { ...props, dataSource: port });
+}
+var order_history_default = OrderHistoryAdvanced;
+export {
+  OrderHistoryAdvanced,
+  order_history_default as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/blocks/designs/order-history/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/order-history/index.tsx"],"sourcesContent":["'use client'\n\nimport type { OrdersPort } from '../../../ports'\nimport { OrderHistory as OrderHistorySurface } from './components/order-history'\nimport type { OrderHistoryProps } from './contracts'\n\n/**\n * The landed order-history surface. The delivery's `Block.tsx` is its demo\n * harness; this entry is the production component and takes a required host\n * port. There is no mock or demo fallback: a missing port is a wiring error.\n */\nexport type OrderHistoryAdvancedProps = Omit<OrderHistoryProps, 'dataSource'> & {\n  port: OrdersPort\n}\n\nexport function OrderHistoryAdvanced({ port, ...props }: OrderHistoryAdvancedProps) {\n  return <OrderHistorySurface {...props} dataSource={port} />\n}\n\nexport default OrderHistoryAdvanced\n"],"mappings":";AAgBS;AAbT,SAAS,gBAAgB,2BAA2B;AAY7C,SAAS,qBAAqB,EAAE,MAAM,GAAG,MAAM,GAA8B;AAClF,SAAO,oBAAC,uBAAqB,GAAG,OAAO,YAAY,MAAM;AAC3D;AAEA,IAAO,wBAAQ;","names":[]}

package/dist/blocks/designs/order-history/money.d.ts

@@ -0,0 +1,15 @@
+import type { Money } from './contracts';
+/** Fraction digits for a currency, read from Intl (USD 2, JPY 0, …). */
+export declare function minorDigits(currency: string, locale: string): number;
+/** Formats integer minor units. A malformed amount never renders as NaN. */
+export declare function formatMoney(money: Money, locale: string, fallback: string): string;
+/**
+ * Parses a typed major-unit amount into integer minor units. Accepts "1,850.50"
+ * and "1850,50"; rejects anything that is not a finite number.
+ */
+export declare function parseMajorUnits(value: string, currency: string, locale: string): number | undefined;
+/** Formats an ISO `YYYY-MM-DD` date with the locale long style. */
+export declare function formatDate(iso: string, locale: string, fallback: string): string;
+/** Replaces `{key}` tokens. Unknown tokens stay visible. */
+export declare function fillTemplate(template: string, values: Record<string, string | number>): string;
+//# sourceMappingURL=money.d.ts.map

package/dist/blocks/designs/order-history/money.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"money.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/order-history/money.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAIxC,wEAAwE;AACxE,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAcpE;AAED,4EAA4E;AAC5E,wBAAgB,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAqBlF;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,MAAM,GAAG,SAAS,CAkBpB;AAED,mEAAmE;AACnE,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAShF;AAED,4DAA4D;AAC5D,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,MAAM,CAK9F"}

package/dist/blocks/designs/order-history/money.js

@@ -0,0 +1,97 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var money_exports = {};
+__export(money_exports, {
+  fillTemplate: () => fillTemplate,
+  formatDate: () => formatDate,
+  formatMoney: () => formatMoney,
+  minorDigits: () => minorDigits,
+  parseMajorUnits: () => parseMajorUnits
+});
+module.exports = __toCommonJS(money_exports);
+const DIGITS = /* @__PURE__ */ new Map();
+function minorDigits(currency, locale) {
+  const key = `${locale}:${currency}`;
+  const cached = DIGITS.get(key);
+  if (cached !== void 0) return cached;
+  let digits = 2;
+  try {
+    digits = new Intl.NumberFormat(locale, { style: "currency", currency }).resolvedOptions().maximumFractionDigits ?? 2;
+  } catch {
+    digits = 2;
+  }
+  DIGITS.set(key, digits);
+  return digits;
+}
+function formatMoney(money, locale, fallback) {
+  if (!money || !Number.isFinite(money.amount) || typeof money.currency !== "string" || money.currency.length !== 3) {
+    return fallback;
+  }
+  const digits = minorDigits(money.currency, locale);
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: money.currency,
+      currencyDisplay: "narrowSymbol",
+      minimumFractionDigits: digits,
+      maximumFractionDigits: digits
+    }).format(money.amount / 10 ** digits);
+  } catch {
+    return fallback;
+  }
+}
+function parseMajorUnits(value, currency, locale) {
+  let text = value.trim().replace(/[^\d.,-]/g, "");
+  if (!text || !/\d/.test(text)) return void 0;
+  const hasComma = text.includes(",");
+  const hasDot = text.includes(".");
+  if (hasComma && hasDot) {
+    text = text.lastIndexOf(",") > text.lastIndexOf(".") ? text.replace(/\./g, "").replace(",", ".") : text.replace(/,/g, "");
+  } else if (hasComma) {
+    text = /^\d{1,3}(,\d{3})+$/.test(text) ? text.replace(/,/g, "") : text.replace(",", ".");
+  }
+  const parsed = Number(text);
+  if (!Number.isFinite(parsed)) return void 0;
+  return Math.round(parsed * 10 ** minorDigits(currency, locale));
+}
+function formatDate(iso, locale, fallback) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(iso)) return fallback;
+  const date = /* @__PURE__ */ new Date(`${iso}T12:00:00Z`);
+  if (Number.isNaN(date.getTime())) return fallback;
+  try {
+    return new Intl.DateTimeFormat(locale, { dateStyle: "long", timeZone: "UTC" }).format(date);
+  } catch {
+    return fallback;
+  }
+}
+function fillTemplate(template, values) {
+  return Object.keys(values).reduce(
+    (text, key) => text.split(`{${key}}`).join(String(values[key])),
+    template
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fillTemplate,
+  formatDate,
+  formatMoney,
+  minorDigits,
+  parseMajorUnits
+});
+//# sourceMappingURL=money.js.map

package/dist/blocks/designs/order-history/money.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/order-history/money.ts"],"sourcesContent":["// Money and date formatting. Integer minor units in, localised strings out.\n// Pure functions: no state, no transport, no data.\n\nimport type { Money } from './contracts'\n\nconst DIGITS = new Map<string, number>()\n\n/** Fraction digits for a currency, read from Intl (USD 2, JPY 0, …). */\nexport function minorDigits(currency: string, locale: string): number {\n  const key = `${locale}:${currency}`\n  const cached = DIGITS.get(key)\n  if (cached !== undefined) return cached\n  let digits = 2\n  try {\n    digits =\n      new Intl.NumberFormat(locale, { style: 'currency', currency }).resolvedOptions()\n        .maximumFractionDigits ?? 2\n  } catch {\n    digits = 2\n  }\n  DIGITS.set(key, digits)\n  return digits\n}\n\n/** Formats integer minor units. A malformed amount never renders as NaN. */\nexport function formatMoney(money: Money, locale: string, fallback: string): string {\n  if (\n    !money ||\n    !Number.isFinite(money.amount) ||\n    typeof money.currency !== 'string' ||\n    money.currency.length !== 3\n  ) {\n    return fallback\n  }\n  const digits = minorDigits(money.currency, locale)\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency: money.currency,\n      currencyDisplay: 'narrowSymbol',\n      minimumFractionDigits: digits,\n      maximumFractionDigits: digits,\n    }).format(money.amount / 10 ** digits)\n  } catch {\n    return fallback\n  }\n}\n\n/**\n * Parses a typed major-unit amount into integer minor units. Accepts \"1,850.50\"\n * and \"1850,50\"; rejects anything that is not a finite number.\n */\nexport function parseMajorUnits(\n  value: string,\n  currency: string,\n  locale: string,\n): number | undefined {\n  let text = value.trim().replace(/[^\\d.,-]/g, '')\n  if (!text || !/\\d/.test(text)) return undefined\n\n  const hasComma = text.includes(',')\n  const hasDot = text.includes('.')\n  if (hasComma && hasDot) {\n    text =\n      text.lastIndexOf(',') > text.lastIndexOf('.')\n        ? text.replace(/\\./g, '').replace(',', '.')\n        : text.replace(/,/g, '')\n  } else if (hasComma) {\n    text = /^\\d{1,3}(,\\d{3})+$/.test(text) ? text.replace(/,/g, '') : text.replace(',', '.')\n  }\n\n  const parsed = Number(text)\n  if (!Number.isFinite(parsed)) return undefined\n  return Math.round(parsed * 10 ** minorDigits(currency, locale))\n}\n\n/** Formats an ISO `YYYY-MM-DD` date with the locale long style. */\nexport function formatDate(iso: string, locale: string, fallback: string): string {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(iso)) return fallback\n  const date = new Date(`${iso}T12:00:00Z`)\n  if (Number.isNaN(date.getTime())) return fallback\n  try {\n    return new Intl.DateTimeFormat(locale, { dateStyle: 'long', timeZone: 'UTC' }).format(date)\n  } catch {\n    return fallback\n  }\n}\n\n/** Replaces `{key}` tokens. Unknown tokens stay visible. */\nexport function fillTemplate(template: string, values: Record<string, string | number>): string {\n  return Object.keys(values).reduce(\n    (text, key) => text.split(`{${key}}`).join(String(values[key])),\n    template,\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,MAAM,SAAS,oBAAI,IAAoB;AAGhC,SAAS,YAAY,UAAkB,QAAwB;AACpE,QAAM,MAAM,GAAG,MAAM,IAAI,QAAQ;AACjC,QAAM,SAAS,OAAO,IAAI,GAAG;AAC7B,MAAI,WAAW,OAAW,QAAO;AACjC,MAAI,SAAS;AACb,MAAI;AACF,aACE,IAAI,KAAK,aAAa,QAAQ,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE,gBAAgB,EAC5E,yBAAyB;AAAA,EAChC,QAAQ;AACN,aAAS;AAAA,EACX;AACA,SAAO,IAAI,KAAK,MAAM;AACtB,SAAO;AACT;AAGO,SAAS,YAAY,OAAc,QAAgB,UAA0B;AAClF,MACE,CAAC,SACD,CAAC,OAAO,SAAS,MAAM,MAAM,KAC7B,OAAO,MAAM,aAAa,YAC1B,MAAM,SAAS,WAAW,GAC1B;AACA,WAAO;AAAA,EACT;AACA,QAAM,SAAS,YAAY,MAAM,UAAU,MAAM;AACjD,MAAI;AACF,WAAO,IAAI,KAAK,aAAa,QAAQ;AAAA,MACnC,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAChB,iBAAiB;AAAA,MACjB,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC,EAAE,OAAO,MAAM,SAAS,MAAM,MAAM;AAAA,EACvC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAMO,SAAS,gBACd,OACA,UACA,QACoB;AACpB,MAAI,OAAO,MAAM,KAAK,EAAE,QAAQ,aAAa,EAAE;AAC/C,MAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,IAAI,EAAG,QAAO;AAEtC,QAAM,WAAW,KAAK,SAAS,GAAG;AAClC,QAAM,SAAS,KAAK,SAAS,GAAG;AAChC,MAAI,YAAY,QAAQ;AACtB,WACE,KAAK,YAAY,GAAG,IAAI,KAAK,YAAY,GAAG,IACxC,KAAK,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG,IACxC,KAAK,QAAQ,MAAM,EAAE;AAAA,EAC7B,WAAW,UAAU;AACnB,WAAO,qBAAqB,KAAK,IAAI,IAAI,KAAK,QAAQ,MAAM,EAAE,IAAI,KAAK,QAAQ,KAAK,GAAG;AAAA,EACzF;AAEA,QAAM,SAAS,OAAO,IAAI;AAC1B,MAAI,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO;AACrC,SAAO,KAAK,MAAM,SAAS,MAAM,YAAY,UAAU,MAAM,CAAC;AAChE;AAGO,SAAS,WAAW,KAAa,QAAgB,UAA0B;AAChF,MAAI,CAAC,sBAAsB,KAAK,GAAG,EAAG,QAAO;AAC7C,QAAM,OAAO,oBAAI,KAAK,GAAG,GAAG,YAAY;AACxC,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,MAAI;AACF,WAAO,IAAI,KAAK,eAAe,QAAQ,EAAE,WAAW,QAAQ,UAAU,MAAM,CAAC,EAAE,OAAO,IAAI;AAAA,EAC5F,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,aAAa,UAAkB,QAAiD;AAC9F,SAAO,OAAO,KAAK,MAAM,EAAE;AAAA,IACzB,CAAC,MAAM,QAAQ,KAAK,MAAM,IAAI,GAAG,GAAG,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AACF;","names":[]}

package/dist/blocks/designs/order-history/money.mjs

@@ -0,0 +1,69 @@
+const DIGITS = /* @__PURE__ */ new Map();
+function minorDigits(currency, locale) {
+  const key = `${locale}:${currency}`;
+  const cached = DIGITS.get(key);
+  if (cached !== void 0) return cached;
+  let digits = 2;
+  try {
+    digits = new Intl.NumberFormat(locale, { style: "currency", currency }).resolvedOptions().maximumFractionDigits ?? 2;
+  } catch {
+    digits = 2;
+  }
+  DIGITS.set(key, digits);
+  return digits;
+}
+function formatMoney(money, locale, fallback) {
+  if (!money || !Number.isFinite(money.amount) || typeof money.currency !== "string" || money.currency.length !== 3) {
+    return fallback;
+  }
+  const digits = minorDigits(money.currency, locale);
+  try {
+    return new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: money.currency,
+      currencyDisplay: "narrowSymbol",
+      minimumFractionDigits: digits,
+      maximumFractionDigits: digits
+    }).format(money.amount / 10 ** digits);
+  } catch {
+    return fallback;
+  }
+}
+function parseMajorUnits(value, currency, locale) {
+  let text = value.trim().replace(/[^\d.,-]/g, "");
+  if (!text || !/\d/.test(text)) return void 0;
+  const hasComma = text.includes(",");
+  const hasDot = text.includes(".");
+  if (hasComma && hasDot) {
+    text = text.lastIndexOf(",") > text.lastIndexOf(".") ? text.replace(/\./g, "").replace(",", ".") : text.replace(/,/g, "");
+  } else if (hasComma) {
+    text = /^\d{1,3}(,\d{3})+$/.test(text) ? text.replace(/,/g, "") : text.replace(",", ".");
+  }
+  const parsed = Number(text);
+  if (!Number.isFinite(parsed)) return void 0;
+  return Math.round(parsed * 10 ** minorDigits(currency, locale));
+}
+function formatDate(iso, locale, fallback) {
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(iso)) return fallback;
+  const date = /* @__PURE__ */ new Date(`${iso}T12:00:00Z`);
+  if (Number.isNaN(date.getTime())) return fallback;
+  try {
+    return new Intl.DateTimeFormat(locale, { dateStyle: "long", timeZone: "UTC" }).format(date);
+  } catch {
+    return fallback;
+  }
+}
+function fillTemplate(template, values) {
+  return Object.keys(values).reduce(
+    (text, key) => text.split(`{${key}}`).join(String(values[key])),
+    template
+  );
+}
+export {
+  fillTemplate,
+  formatDate,
+  formatMoney,
+  minorDigits,
+  parseMajorUnits
+};
+//# sourceMappingURL=money.mjs.map

package/dist/blocks/designs/order-history/money.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/order-history/money.ts"],"sourcesContent":["// Money and date formatting. Integer minor units in, localised strings out.\n// Pure functions: no state, no transport, no data.\n\nimport type { Money } from './contracts'\n\nconst DIGITS = new Map<string, number>()\n\n/** Fraction digits for a currency, read from Intl (USD 2, JPY 0, …). */\nexport function minorDigits(currency: string, locale: string): number {\n  const key = `${locale}:${currency}`\n  const cached = DIGITS.get(key)\n  if (cached !== undefined) return cached\n  let digits = 2\n  try {\n    digits =\n      new Intl.NumberFormat(locale, { style: 'currency', currency }).resolvedOptions()\n        .maximumFractionDigits ?? 2\n  } catch {\n    digits = 2\n  }\n  DIGITS.set(key, digits)\n  return digits\n}\n\n/** Formats integer minor units. A malformed amount never renders as NaN. */\nexport function formatMoney(money: Money, locale: string, fallback: string): string {\n  if (\n    !money ||\n    !Number.isFinite(money.amount) ||\n    typeof money.currency !== 'string' ||\n    money.currency.length !== 3\n  ) {\n    return fallback\n  }\n  const digits = minorDigits(money.currency, locale)\n  try {\n    return new Intl.NumberFormat(locale, {\n      style: 'currency',\n      currency: money.currency,\n      currencyDisplay: 'narrowSymbol',\n      minimumFractionDigits: digits,\n      maximumFractionDigits: digits,\n    }).format(money.amount / 10 ** digits)\n  } catch {\n    return fallback\n  }\n}\n\n/**\n * Parses a typed major-unit amount into integer minor units. Accepts \"1,850.50\"\n * and \"1850,50\"; rejects anything that is not a finite number.\n */\nexport function parseMajorUnits(\n  value: string,\n  currency: string,\n  locale: string,\n): number | undefined {\n  let text = value.trim().replace(/[^\\d.,-]/g, '')\n  if (!text || !/\\d/.test(text)) return undefined\n\n  const hasComma = text.includes(',')\n  const hasDot = text.includes('.')\n  if (hasComma && hasDot) {\n    text =\n      text.lastIndexOf(',') > text.lastIndexOf('.')\n        ? text.replace(/\\./g, '').replace(',', '.')\n        : text.replace(/,/g, '')\n  } else if (hasComma) {\n    text = /^\\d{1,3}(,\\d{3})+$/.test(text) ? text.replace(/,/g, '') : text.replace(',', '.')\n  }\n\n  const parsed = Number(text)\n  if (!Number.isFinite(parsed)) return undefined\n  return Math.round(parsed * 10 ** minorDigits(currency, locale))\n}\n\n/** Formats an ISO `YYYY-MM-DD` date with the locale long style. */\nexport function formatDate(iso: string, locale: string, fallback: string): string {\n  if (!/^\\d{4}-\\d{2}-\\d{2}$/.test(iso)) return fallback\n  const date = new Date(`${iso}T12:00:00Z`)\n  if (Number.isNaN(date.getTime())) return fallback\n  try {\n    return new Intl.DateTimeFormat(locale, { dateStyle: 'long', timeZone: 'UTC' }).format(date)\n  } catch {\n    return fallback\n  }\n}\n\n/** Replaces `{key}` tokens. Unknown tokens stay visible. */\nexport function fillTemplate(template: string, values: Record<string, string | number>): string {\n  return Object.keys(values).reduce(\n    (text, key) => text.split(`{${key}}`).join(String(values[key])),\n    template,\n  )\n}\n"],"mappings":"AAKA,MAAM,SAAS,oBAAI,IAAoB;AAGhC,SAAS,YAAY,UAAkB,QAAwB;AACpE,QAAM,MAAM,GAAG,MAAM,IAAI,QAAQ;AACjC,QAAM,SAAS,OAAO,IAAI,GAAG;AAC7B,MAAI,WAAW,OAAW,QAAO;AACjC,MAAI,SAAS;AACb,MAAI;AACF,aACE,IAAI,KAAK,aAAa,QAAQ,EAAE,OAAO,YAAY,SAAS,CAAC,EAAE,gBAAgB,EAC5E,yBAAyB;AAAA,EAChC,QAAQ;AACN,aAAS;AAAA,EACX;AACA,SAAO,IAAI,KAAK,MAAM;AACtB,SAAO;AACT;AAGO,SAAS,YAAY,OAAc,QAAgB,UAA0B;AAClF,MACE,CAAC,SACD,CAAC,OAAO,SAAS,MAAM,MAAM,KAC7B,OAAO,MAAM,aAAa,YAC1B,MAAM,SAAS,WAAW,GAC1B;AACA,WAAO;AAAA,EACT;AACA,QAAM,SAAS,YAAY,MAAM,UAAU,MAAM;AACjD,MAAI;AACF,WAAO,IAAI,KAAK,aAAa,QAAQ;AAAA,MACnC,OAAO;AAAA,MACP,UAAU,MAAM;AAAA,MAChB,iBAAiB;AAAA,MACjB,uBAAuB;AAAA,MACvB,uBAAuB;AAAA,IACzB,CAAC,EAAE,OAAO,MAAM,SAAS,MAAM,MAAM;AAAA,EACvC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAMO,SAAS,gBACd,OACA,UACA,QACoB;AACpB,MAAI,OAAO,MAAM,KAAK,EAAE,QAAQ,aAAa,EAAE;AAC/C,MAAI,CAAC,QAAQ,CAAC,KAAK,KAAK,IAAI,EAAG,QAAO;AAEtC,QAAM,WAAW,KAAK,SAAS,GAAG;AAClC,QAAM,SAAS,KAAK,SAAS,GAAG;AAChC,MAAI,YAAY,QAAQ;AACtB,WACE,KAAK,YAAY,GAAG,IAAI,KAAK,YAAY,GAAG,IACxC,KAAK,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG,IACxC,KAAK,QAAQ,MAAM,EAAE;AAAA,EAC7B,WAAW,UAAU;AACnB,WAAO,qBAAqB,KAAK,IAAI,IAAI,KAAK,QAAQ,MAAM,EAAE,IAAI,KAAK,QAAQ,KAAK,GAAG;AAAA,EACzF;AAEA,QAAM,SAAS,OAAO,IAAI;AAC1B,MAAI,CAAC,OAAO,SAAS,MAAM,EAAG,QAAO;AACrC,SAAO,KAAK,MAAM,SAAS,MAAM,YAAY,UAAU,MAAM,CAAC;AAChE;AAGO,SAAS,WAAW,KAAa,QAAgB,UAA0B;AAChF,MAAI,CAAC,sBAAsB,KAAK,GAAG,EAAG,QAAO;AAC7C,QAAM,OAAO,oBAAI,KAAK,GAAG,GAAG,YAAY;AACxC,MAAI,OAAO,MAAM,KAAK,QAAQ,CAAC,EAAG,QAAO;AACzC,MAAI;AACF,WAAO,IAAI,KAAK,eAAe,QAAQ,EAAE,WAAW,QAAQ,UAAU,MAAM,CAAC,EAAE,OAAO,IAAI;AAAA,EAC5F,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAGO,SAAS,aAAa,UAAkB,QAAiD;AAC9F,SAAO,OAAO,KAAK,MAAM,EAAE;AAAA,IACzB,CAAC,MAAM,QAAQ,KAAK,MAAM,IAAI,GAAG,GAAG,EAAE,KAAK,OAAO,OAAO,GAAG,CAAC,CAAC;AAAA,IAC9D;AAAA,EACF;AACF;","names":[]}

package/dist/blocks/designs/universal-banner/analytics.d.ts

@@ -0,0 +1,26 @@
+import type { RefObject } from 'react';
+export type BannerEventKind = 'impression' | 'click' | 'cta';
+export type BannerEvent = {
+    kind: BannerEventKind;
+    blockId: string;
+    campaignId: string;
+    bannerId: string;
+    ctaId?: string;
+};
+export type BannerAnalytics = {
+    onBannerImpression?: (event: BannerEvent) => void;
+    onBannerClick?: (event: BannerEvent) => void;
+    onCtaClick?: (event: BannerEvent) => void;
+};
+export type ImpressionPayload = {
+    blockId: string;
+    campaignId: string;
+    bannerId: string;
+};
+/**
+ * An impression is a real visibility event, not a mount: the element must be at
+ * least half visible, and it is reported once per banner for the component's
+ * lifetime. The host decides where the event goes; nothing is sent from here.
+ */
+export declare function useBannerImpression(ref: RefObject<Element | null>, payload: ImpressionPayload, onImpression?: (event: BannerEvent) => void): void;
+//# sourceMappingURL=analytics.d.ts.map

package/dist/blocks/designs/universal-banner/analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/universal-banner/analytics.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,eAAe,GAAG,YAAY,GAAG,OAAO,GAAG,KAAK,CAAA;AAE5D,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,eAAe,CAAA;IACrB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IACjD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAC5C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,GAAG,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAC9B,OAAO,EAAE,iBAAiB,EAC1B,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,GAC1C,IAAI,CAiCN"}

package/dist/blocks/designs/universal-banner/analytics.js

@@ -0,0 +1,59 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var analytics_exports = {};
+__export(analytics_exports, {
+  useBannerImpression: () => useBannerImpression
+});
+module.exports = __toCommonJS(analytics_exports);
+var import_react = require("react");
+function useBannerImpression(ref, payload, onImpression) {
+  const reported = (0, import_react.useRef)(false);
+  (0, import_react.useEffect)(() => {
+    if (reported.current || !onImpression) return;
+    const element = ref.current;
+    if (!element || typeof IntersectionObserver === "undefined") return;
+    let observer = null;
+    const frame = requestAnimationFrame(() => {
+      observer = new IntersectionObserver(
+        (entries) => {
+          for (const entry of entries) {
+            if (reported.current) break;
+            if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+              reported.current = true;
+              onImpression({ kind: "impression", ...payload });
+              observer?.disconnect();
+            }
+          }
+        },
+        { threshold: [0.5] }
+      );
+      observer.observe(element);
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+      observer?.disconnect();
+    };
+  }, [ref, payload.blockId, payload.campaignId, payload.bannerId, onImpression]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useBannerImpression
+});
+//# sourceMappingURL=analytics.js.map

package/dist/blocks/designs/universal-banner/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/universal-banner/analytics.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport type { RefObject } from 'react'\n\nexport type BannerEventKind = 'impression' | 'click' | 'cta'\n\nexport type BannerEvent = {\n  kind: BannerEventKind\n  blockId: string\n  campaignId: string\n  bannerId: string\n  ctaId?: string\n}\n\nexport type BannerAnalytics = {\n  onBannerImpression?: (event: BannerEvent) => void\n  onBannerClick?: (event: BannerEvent) => void\n  onCtaClick?: (event: BannerEvent) => void\n}\n\nexport type ImpressionPayload = {\n  blockId: string\n  campaignId: string\n  bannerId: string\n}\n\n/**\n * An impression is a real visibility event, not a mount: the element must be at\n * least half visible, and it is reported once per banner for the component's\n * lifetime. The host decides where the event goes; nothing is sent from here.\n */\nexport function useBannerImpression(\n  ref: RefObject<Element | null>,\n  payload: ImpressionPayload,\n  onImpression?: (event: BannerEvent) => void,\n): void {\n  const reported = useRef(false)\n\n  useEffect(() => {\n    if (reported.current || !onImpression) return\n    const element = ref.current\n    if (!element || typeof IntersectionObserver === 'undefined') return\n\n    let observer: IntersectionObserver | null = null\n    // Observing inside the mount effect can deliver an entry before React has\n    // committed; defer to the next frame so the first event lands after mount.\n    const frame = requestAnimationFrame(() => {\n      observer = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (reported.current) break\n            if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n              reported.current = true\n              onImpression({ kind: 'impression', ...payload })\n              observer?.disconnect()\n            }\n          }\n        },\n        { threshold: [0.5] },\n      )\n      observer.observe(element)\n    })\n\n    return () => {\n      cancelAnimationFrame(frame)\n      observer?.disconnect()\n    }\n  }, [ref, payload.blockId, payload.campaignId, payload.bannerId, onImpression])\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAkC;AA8B3B,SAAS,oBACd,KACA,SACA,cACM;AACN,QAAM,eAAW,qBAAO,KAAK;AAE7B,8BAAU,MAAM;AACd,QAAI,SAAS,WAAW,CAAC,aAAc;AACvC,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,OAAO,yBAAyB,YAAa;AAE7D,QAAI,WAAwC;AAG5C,UAAM,QAAQ,sBAAsB,MAAM;AACxC,iBAAW,IAAI;AAAA,QACb,CAAC,YAAY;AACX,qBAAW,SAAS,SAAS;AAC3B,gBAAI,SAAS,QAAS;AACtB,gBAAI,MAAM,kBAAkB,MAAM,qBAAqB,KAAK;AAC1D,uBAAS,UAAU;AACnB,2BAAa,EAAE,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC/C,wBAAU,WAAW;AAAA,YACvB;AAAA,UACF;AAAA,QACF;AAAA,QACA,EAAE,WAAW,CAAC,GAAG,EAAE;AAAA,MACrB;AACA,eAAS,QAAQ,OAAO;AAAA,IAC1B,CAAC;AAED,WAAO,MAAM;AACX,2BAAqB,KAAK;AAC1B,gBAAU,WAAW;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,SAAS,QAAQ,YAAY,QAAQ,UAAU,YAAY,CAAC;AAC/E;","names":[]}

package/dist/blocks/designs/universal-banner/analytics.mjs

@@ -0,0 +1,35 @@
+"use client";
+import { useEffect, useRef } from "react";
+function useBannerImpression(ref, payload, onImpression) {
+  const reported = useRef(false);
+  useEffect(() => {
+    if (reported.current || !onImpression) return;
+    const element = ref.current;
+    if (!element || typeof IntersectionObserver === "undefined") return;
+    let observer = null;
+    const frame = requestAnimationFrame(() => {
+      observer = new IntersectionObserver(
+        (entries) => {
+          for (const entry of entries) {
+            if (reported.current) break;
+            if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {
+              reported.current = true;
+              onImpression({ kind: "impression", ...payload });
+              observer?.disconnect();
+            }
+          }
+        },
+        { threshold: [0.5] }
+      );
+      observer.observe(element);
+    });
+    return () => {
+      cancelAnimationFrame(frame);
+      observer?.disconnect();
+    };
+  }, [ref, payload.blockId, payload.campaignId, payload.bannerId, onImpression]);
+}
+export {
+  useBannerImpression
+};
+//# sourceMappingURL=analytics.mjs.map

package/dist/blocks/designs/universal-banner/analytics.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/universal-banner/analytics.ts"],"sourcesContent":["'use client'\n\nimport { useEffect, useRef } from 'react'\nimport type { RefObject } from 'react'\n\nexport type BannerEventKind = 'impression' | 'click' | 'cta'\n\nexport type BannerEvent = {\n  kind: BannerEventKind\n  blockId: string\n  campaignId: string\n  bannerId: string\n  ctaId?: string\n}\n\nexport type BannerAnalytics = {\n  onBannerImpression?: (event: BannerEvent) => void\n  onBannerClick?: (event: BannerEvent) => void\n  onCtaClick?: (event: BannerEvent) => void\n}\n\nexport type ImpressionPayload = {\n  blockId: string\n  campaignId: string\n  bannerId: string\n}\n\n/**\n * An impression is a real visibility event, not a mount: the element must be at\n * least half visible, and it is reported once per banner for the component's\n * lifetime. The host decides where the event goes; nothing is sent from here.\n */\nexport function useBannerImpression(\n  ref: RefObject<Element | null>,\n  payload: ImpressionPayload,\n  onImpression?: (event: BannerEvent) => void,\n): void {\n  const reported = useRef(false)\n\n  useEffect(() => {\n    if (reported.current || !onImpression) return\n    const element = ref.current\n    if (!element || typeof IntersectionObserver === 'undefined') return\n\n    let observer: IntersectionObserver | null = null\n    // Observing inside the mount effect can deliver an entry before React has\n    // committed; defer to the next frame so the first event lands after mount.\n    const frame = requestAnimationFrame(() => {\n      observer = new IntersectionObserver(\n        (entries) => {\n          for (const entry of entries) {\n            if (reported.current) break\n            if (entry.isIntersecting && entry.intersectionRatio >= 0.5) {\n              reported.current = true\n              onImpression({ kind: 'impression', ...payload })\n              observer?.disconnect()\n            }\n          }\n        },\n        { threshold: [0.5] },\n      )\n      observer.observe(element)\n    })\n\n    return () => {\n      cancelAnimationFrame(frame)\n      observer?.disconnect()\n    }\n  }, [ref, payload.blockId, payload.campaignId, payload.bannerId, onImpression])\n}\n"],"mappings":";AAEA,SAAS,WAAW,cAAc;AA8B3B,SAAS,oBACd,KACA,SACA,cACM;AACN,QAAM,WAAW,OAAO,KAAK;AAE7B,YAAU,MAAM;AACd,QAAI,SAAS,WAAW,CAAC,aAAc;AACvC,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,OAAO,yBAAyB,YAAa;AAE7D,QAAI,WAAwC;AAG5C,UAAM,QAAQ,sBAAsB,MAAM;AACxC,iBAAW,IAAI;AAAA,QACb,CAAC,YAAY;AACX,qBAAW,SAAS,SAAS;AAC3B,gBAAI,SAAS,QAAS;AACtB,gBAAI,MAAM,kBAAkB,MAAM,qBAAqB,KAAK;AAC1D,uBAAS,UAAU;AACnB,2BAAa,EAAE,MAAM,cAAc,GAAG,QAAQ,CAAC;AAC/C,wBAAU,WAAW;AAAA,YACvB;AAAA,UACF;AAAA,QACF;AAAA,QACA,EAAE,WAAW,CAAC,GAAG,EAAE;AAAA,MACrB;AACA,eAAS,QAAQ,OAAO;AAAA,IAC1B,CAAC;AAED,WAAO,MAAM;AACX,2BAAqB,KAAK;AAC1B,gBAAU,WAAW;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,KAAK,QAAQ,SAAS,QAAQ,YAAY,QAAQ,UAAU,YAAY,CAAC;AAC/E;","names":[]}

package/dist/blocks/designs/universal-banner/banner-block.d.ts

@@ -0,0 +1,20 @@
+import type { BannerAnalytics } from './analytics';
+import type { BannerCopy } from './carousel';
+import type { BannerBlockConfig, BannerCampaign } from './contracts';
+import type { BannerRouter } from './links';
+export type BannerBlockProps = {
+    campaign: BannerCampaign;
+    config: BannerBlockConfig;
+    now: Date;
+    copy: BannerCopy;
+    router?: BannerRouter;
+    analytics?: BannerAnalytics;
+    className?: string;
+};
+/**
+ * Orchestrates one composition: it owns the container context, resolves the
+ * campaign refs, filters inactive banners and picks the presentation. It is the
+ * only component that reads the block config.
+ */
+export declare function BannerBlock({ campaign, config, now, copy, router, analytics, className }: BannerBlockProps): import("react").JSX.Element;
+//# sourceMappingURL=banner-block.d.ts.map

package/dist/blocks/designs/universal-banner/banner-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner-block.d.ts","sourceRoot":"","sources":["../../../../src/blocks/designs/universal-banner/banner-block.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAGlD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AAC5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAgC,MAAM,aAAa,CAAA;AAGlG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAM3C,MAAM,MAAM,gBAAgB,GAAG;IAC7B,QAAQ,EAAE,cAAc,CAAA;IACxB,MAAM,EAAE,iBAAiB,CAAA;IACzB,GAAG,EAAE,IAAI,CAAA;IACT,IAAI,EAAE,UAAU,CAAA;IAChB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,SAAS,CAAC,EAAE,eAAe,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,gBAAgB,+BA0F1G"}

package/dist/blocks/designs/universal-banner/banner-block.js

@@ -0,0 +1,104 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var banner_block_exports = {};
+__export(banner_block_exports, {
+  BannerBlock: () => BannerBlock
+});
+module.exports = __toCommonJS(banner_block_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_blocks = require("@thorprovider/blocks");
+var import_banner = require("./banner.js");
+var import_carousel = require("./carousel.js");
+var import_format = require("./format.js");
+var import_grid = require("./grid.js");
+var import_presets = require("./presets.js");
+var import_resolve = require("./resolve.js");
+var import_story_carousel = require("./story-carousel.js");
+var import_use_container_width = require("./use-container-width.js");
+function BannerBlock({ campaign, config, now, copy, router, analytics, className }) {
+  const rootRef = (0, import_react.useRef)(null);
+  const { breakpoint } = (0, import_use_container_width.useContainerWidth)(rootRef);
+  const resolution = (0, import_resolve.resolveBlockBanners)(campaign, config, now);
+  const state = (0, import_resolve.resolveBlockState)(campaign, config, now);
+  const renderBanner = (banner, index, fillHeight = false, maxHeight = config.layout.maxHeight) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_banner.Banner,
+    {
+      banner,
+      blockId: config.blockId,
+      campaignId: campaign.campaignId,
+      breakpoint,
+      responsiveEnabled: config.responsiveEnabled,
+      router,
+      analytics,
+      priority: index === 0,
+      fillHeight,
+      maxHeight
+    },
+    banner.id
+  );
+  const layout = (0, import_presets.resolveLayout)(config.preset, resolution.active.length, {
+    columns: config.layout.columns,
+    spans: config.layout.spans
+  });
+  const body = () => {
+    if (state !== "ready") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "rounded-lg border border-dashed bg-muted/40 p-4 text-sm text-muted-foreground", children: state === "empty" ? config.rules.emptyLabel : config.rules.inactiveLabel });
+    }
+    if (config.presentation === "single") {
+      const first = resolution.active[0];
+      return first ? renderBanner(first, 0) : null;
+    }
+    if (config.carousel.story && breakpoint === "base") {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_story_carousel.StoryCarousel,
+        {
+          banners: resolution.active,
+          copy,
+          renderBanner: (banner, fillHeight) => renderBanner(banner, 0, fillHeight, "none")
+        }
+      );
+    }
+    const asCarousel = config.presentation === "carousel" || config.carousel.carouselOnMobile && breakpoint === "base";
+    if (asCarousel) {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_carousel.BannerCarousel,
+        {
+          banners: resolution.active,
+          options: config.carousel,
+          breakpoint,
+          copy,
+          slideHeight: config.layout.maxHeight,
+          renderBanner: (banner, fillHeight) => renderBanner(banner, 0, fillHeight)
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_grid.BannerGrid, { layout, config: config.layout, children: resolution.active.map((banner, index) => renderBanner(banner, index, true)) });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref: rootRef, className: (0, import_blocks.cn)("@container w-full", className), children: [
+    body(),
+    resolution.dangling.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "mt-2 text-xs text-muted-foreground", children: (0, import_format.fillTemplate)(config.rules.danglingLabel, { ids: resolution.dangling.join(", ") }) }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BannerBlock
+});
+//# sourceMappingURL=banner-block.js.map

package/dist/blocks/designs/universal-banner/banner-block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/designs/universal-banner/banner-block.tsx"],"sourcesContent":["'use client'\n\nimport { useRef } from 'react'\n\nimport { cn } from '@thorprovider/blocks'\n\nimport type { BannerAnalytics } from './analytics'\nimport { Banner } from './banner'\nimport { BannerCarousel } from './carousel'\nimport type { BannerCopy } from './carousel'\nimport type { BannerBlockConfig, BannerCampaign, BannerRecord, MaxHeightToken } from './contracts'\nimport { fillTemplate } from './format'\nimport { BannerGrid } from './grid'\nimport type { BannerRouter } from './links'\nimport { resolveLayout } from './presets'\nimport { resolveBlockBanners, resolveBlockState } from './resolve'\nimport { StoryCarousel } from './story-carousel'\nimport { useContainerWidth } from './use-container-width'\n\nexport type BannerBlockProps = {\n  campaign: BannerCampaign\n  config: BannerBlockConfig\n  now: Date\n  copy: BannerCopy\n  router?: BannerRouter\n  analytics?: BannerAnalytics\n  className?: string\n}\n\n/**\n * Orchestrates one composition: it owns the container context, resolves the\n * campaign refs, filters inactive banners and picks the presentation. It is the\n * only component that reads the block config.\n */\nexport function BannerBlock({ campaign, config, now, copy, router, analytics, className }: BannerBlockProps) {\n  const rootRef = useRef<HTMLDivElement>(null)\n  const { breakpoint } = useContainerWidth(rootRef)\n\n  const resolution = resolveBlockBanners(campaign, config, now)\n  const state = resolveBlockState(campaign, config, now)\n\n  const renderBanner = (\n    banner: BannerRecord,\n    index: number,\n    fillHeight = false,\n    maxHeight: MaxHeightToken = config.layout.maxHeight,\n  ) => (\n    <Banner\n      key={banner.id}\n      banner={banner}\n      blockId={config.blockId}\n      campaignId={campaign.campaignId}\n      breakpoint={breakpoint}\n      responsiveEnabled={config.responsiveEnabled}\n      router={router}\n      analytics={analytics}\n      priority={index === 0}\n      fillHeight={fillHeight}\n      maxHeight={maxHeight}\n    />\n  )\n\n  const layout = resolveLayout(config.preset, resolution.active.length, {\n    columns: config.layout.columns,\n    spans: config.layout.spans,\n  })\n\n  const body = () => {\n    if (state !== 'ready') {\n      return (\n        <p className=\"rounded-lg border border-dashed bg-muted/40 p-4 text-sm text-muted-foreground\">\n          {state === 'empty' ? config.rules.emptyLabel : config.rules.inactiveLabel}\n        </p>\n      )\n    }\n\n    if (config.presentation === 'single') {\n      const first = resolution.active[0]\n      return first ? renderBanner(first, 0) : null\n    }\n\n    if (config.carousel.story && breakpoint === 'base') {\n      return (\n        <StoryCarousel\n          banners={resolution.active}\n          copy={copy}\n          renderBanner={(banner, fillHeight) => renderBanner(banner, 0, fillHeight, 'none')}\n        />\n      )\n    }\n\n    const asCarousel =\n      config.presentation === 'carousel' || (config.carousel.carouselOnMobile && breakpoint === 'base')\n\n    if (asCarousel) {\n      return (\n        <BannerCarousel\n          banners={resolution.active}\n          options={config.carousel}\n          breakpoint={breakpoint}\n          copy={copy}\n          slideHeight={config.layout.maxHeight}\n          renderBanner={(banner, fillHeight) => renderBanner(banner, 0, fillHeight)}\n        />\n      )\n    }\n\n    return (\n      <BannerGrid layout={layout} config={config.layout}>\n        {resolution.active.map((banner, index) => renderBanner(banner, index, true))}\n      </BannerGrid>\n    )\n  }\n\n  return (\n    <div ref={rootRef} className={cn('@container w-full', className)}>\n      {body()}\n      {resolution.dangling.length > 0 ? (\n        <p className=\"mt-2 text-xs text-muted-foreground\">\n          {fillTemplate(config.rules.danglingLabel, { ids: resolution.dangling.join(', ') })}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA+CI;AA7CJ,mBAAuB;AAEvB,oBAAmB;AAGnB,oBAAuB;AACvB,sBAA+B;AAG/B,oBAA6B;AAC7B,kBAA2B;AAE3B,qBAA8B;AAC9B,qBAAuD;AACvD,4BAA8B;AAC9B,iCAAkC;AAiB3B,SAAS,YAAY,EAAE,UAAU,QAAQ,KAAK,MAAM,QAAQ,WAAW,UAAU,GAAqB;AAC3G,QAAM,cAAU,qBAAuB,IAAI;AAC3C,QAAM,EAAE,WAAW,QAAI,8CAAkB,OAAO;AAEhD,QAAM,iBAAa,oCAAoB,UAAU,QAAQ,GAAG;AAC5D,QAAM,YAAQ,kCAAkB,UAAU,QAAQ,GAAG;AAErD,QAAM,eAAe,CACnB,QACA,OACA,aAAa,OACb,YAA4B,OAAO,OAAO,cAE1C;AAAA,IAAC;AAAA;AAAA,MAEC;AAAA,MACA,SAAS,OAAO;AAAA,MAChB,YAAY,SAAS;AAAA,MACrB;AAAA,MACA,mBAAmB,OAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,UAAU,UAAU;AAAA,MACpB;AAAA,MACA;AAAA;AAAA,IAVK,OAAO;AAAA,EAWd;AAGF,QAAM,aAAS,8BAAc,OAAO,QAAQ,WAAW,OAAO,QAAQ;AAAA,IACpE,SAAS,OAAO,OAAO;AAAA,IACvB,OAAO,OAAO,OAAO;AAAA,EACvB,CAAC;AAED,QAAM,OAAO,MAAM;AACjB,QAAI,UAAU,SAAS;AACrB,aACE,4CAAC,OAAE,WAAU,iFACV,oBAAU,UAAU,OAAO,MAAM,aAAa,OAAO,MAAM,eAC9D;AAAA,IAEJ;AAEA,QAAI,OAAO,iBAAiB,UAAU;AACpC,YAAM,QAAQ,WAAW,OAAO,CAAC;AACjC,aAAO,QAAQ,aAAa,OAAO,CAAC,IAAI;AAAA,IAC1C;AAEA,QAAI,OAAO,SAAS,SAAS,eAAe,QAAQ;AAClD,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,WAAW;AAAA,UACpB;AAAA,UACA,cAAc,CAAC,QAAQ,eAAe,aAAa,QAAQ,GAAG,YAAY,MAAM;AAAA;AAAA,MAClF;AAAA,IAEJ;AAEA,UAAM,aACJ,OAAO,iBAAiB,cAAe,OAAO,SAAS,oBAAoB,eAAe;AAE5F,QAAI,YAAY;AACd,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,WAAW;AAAA,UACpB,SAAS,OAAO;AAAA,UAChB;AAAA,UACA;AAAA,UACA,aAAa,OAAO,OAAO;AAAA,UAC3B,cAAc,CAAC,QAAQ,eAAe,aAAa,QAAQ,GAAG,UAAU;AAAA;AAAA,MAC1E;AAAA,IAEJ;AAEA,WACE,4CAAC,0BAAW,QAAgB,QAAQ,OAAO,QACxC,qBAAW,OAAO,IAAI,CAAC,QAAQ,UAAU,aAAa,QAAQ,OAAO,IAAI,CAAC,GAC7E;AAAA,EAEJ;AAEA,SACE,6CAAC,SAAI,KAAK,SAAS,eAAW,kBAAG,qBAAqB,SAAS,GAC5D;AAAA,SAAK;AAAA,IACL,WAAW,SAAS,SAAS,IAC5B,4CAAC,OAAE,WAAU,sCACV,0CAAa,OAAO,MAAM,eAAe,EAAE,KAAK,WAAW,SAAS,KAAK,IAAI,EAAE,CAAC,GACnF,IACE;AAAA,KACN;AAEJ;","names":[]}