navne-default-ad 1.0.0

package/AUDIT.md

@@ -0,0 +1,25 @@
+# Implementation audit
+
+Audit date: 2026-09-04. No consumer was changed.
+
+## Implementations found
+
+1. `adBuilder/gobuild-ads-app/app/ad/template/defaultAd/components/defaultAdView.tsx`: fixed Schoolbook published/PDF renderer, fed by a Strapi adapter and coupled to a Zustand ceremony store.
+2. `adBuilder/gobuild-ads-app/app/pages/default/DefaultView.tsx`: interactive builder variant. It duplicates the layout but adds Zustand state, focus placeholders, dirty-state tracking, responsive height measurement, and builder callbacks.
+3. `obituries/digital-obituaries-app/app/components/defaultAd/Index.tsx`: publication viewer for obituary and thank-you ads. It supports Strapi-controlled typography/templates, local date conversion, SVG icons, and React state for height.
+
+The API/backend contains preview URL generation but no additional React renderer. The thank-you layout is a conditional branch in the same two renderers, not a separate component.
+
+## Relevant differences and decisions
+
+- React/Next: builder uses React 18 + Next 14; viewer uses React 19 + Next 15. The package supports both React majors and contains no Next imports.
+- Data: the source shapes differ (`briefText` vs `briefIntroduction`, ceremony code vs label/object, numeric/string layout values). The package uses grouped, normalized data and exported adapters/types rather than leaking Strapi data.
+- Typography: builder is fixed at 10/14pt Schoolbook; viewer has dynamic Strapi template values and Raleway/Athelas defaults. Both are represented by `DefaultAdStyle`, two presets, and `styleFromLegacyTemplate`.
+- Styling: both implementations rely on Tailwind arbitrary classes, which are unsafe in an installed package. The package ships prefixed plain CSS and inline numeric styles.
+- Fonts: both apps use `next/font/google` for Raleway and external `tk-athelas`/`tk-schoolbook` classes; no font assets exist locally. Consumers supply licensed fonts through `--default-ad-font-primary` and `--default-ad-font-secondary`, or `fontFamily` settings.
+- Icons: SVG markup and dimensions previously come from Strapi. `DefaultAdIcon` carries those values; no app-relative asset URL is used. Markup must be trusted/sanitized before it reaches the renderer.
+- Business logic: Zustand, focus/dirty state, ResizeObserver height estimation, API/Strapi lookup, PDF controls, navigation, pricing, and saving remain outside the package. `mode` adds semantic metadata and builder placeholder behavior only.
+- Dates: differing source converters are supported with injectable formatters; simple stable defaults are included.
+- SSR: rendering is pure and uses no `window`, `document`, hook, store, or environment variable.
+
+The fixed AdBuilder published renderer is the visual baseline for `classicDefaultAdStyle`; the viewer's richer typography is retained as `publicationDefaultAdStyle` plus the legacy-template adapter.

package/LICENSE

@@ -0,0 +1,3 @@
+Copyright (c) 2026. All rights reserved.
+
+This package is private and unlicensed until the owner selects a publication license.

package/README.md

@@ -0,0 +1,94 @@
+# gobuild-default-ad
+
+Framework-neutral React renderer for obituary and thank-you advertisements. This package is the future shared rendering layer; it does not fetch, save, price, navigate, or read application stores.
+
+## Install and use
+
+```bash
+npm install gobuild-default-ad
+```
+
+React 18/19 and React DOM 18/19 are peer dependencies and are never bundled.
+
+```tsx
+import { DefaultAd, classicDefaultAdStyle, type DefaultAdData } from "gobuild-default-ad";
+import "gobuild-default-ad/styles.css";
+
+const data: DefaultAdData = {
+  type: "obituaries",
+  contact: {
+    firstName: "Anna",
+    lastName: "Jensen",
+    birthDate: "1940-01-02",
+    deathDate: "2026-08-30",
+    showBirthDate: true,
+    showDeathDate: true,
+  },
+  text: { intro: "Til minde om", deceased: "Elsket og savnet" },
+};
+
+export function Ad() {
+  return <DefaultAd data={data} style={{ ...classicDefaultAdStyle, columnsMm: 86 }} />;
+}
+```
+
+Importing the component also references its CSS, but the explicit stylesheet import is recommended for predictable framework ordering. No Tailwind content configuration is needed.
+
+## Public API
+
+- `DefaultAd`: pure, SSR-safe renderer.
+- `DefaultAdProps`: data, style, mode, formatter, placeholder, and standard `div` props.
+- `DefaultAdData`, `DefaultAdContact`, `DefaultAdTextFields`, `DefaultAdIcon`: normalized input model.
+- `DefaultAdStyle`, `DefaultAdTypography`, `DefaultAdSpacing`: layout and template controls.
+- `classicDefaultAdStyle`: current fixed AdBuilder look.
+- `publicationDefaultAdStyle`: current publication viewer defaults.
+- `styleFromLegacyTemplate`: converts existing Strapi template numeric/font fields.
+
+The consumer should map its API/store model to `DefaultAdData`. SVG markup is rendered as supplied and therefore must come from a trusted or sanitized source.
+
+### Fonts
+
+Font files are not present in the source apps and are not redistributed. Load the same licensed fonts in the consumer, then set:
+
+```css
+:root {
+  --default-ad-font-primary: Schoolbook, Georgia, serif;
+  --default-ad-font-secondary: Athelas, Georgia, serif;
+}
+```
+
+Alternatively pass `style.typography.fontFamily` and `secondaryFontFamily`.
+
+### Dates
+
+Use `formatters.date`, `formatters.funeralDate`, and `formatters.lowercaseFirst` to preserve app-specific locale and UTC behavior. Defaults have no locale/runtime dependency.
+
+## Compatibility
+
+- React/React DOM: `>=18 <20` peer dependencies.
+- TypeScript: declarations are included.
+- Next.js 14/15, Webpack, Turbopack: ESM and CommonJS exports; no Next API, alias, store, environment variable, or browser-only render dependency.
+- SSR and Client Components: supported. The component itself needs no hook and no `use client` directive.
+- CSS: package-owned, prefixed CSS; no Tailwind scan of `node_modules` required.
+
+## Build, test, and package
+
+```bash
+npm install
+npm run typecheck
+npm test
+npm run build
+npm pack
+```
+
+To test the tarball without publishing:
+
+```bash
+npm install /absolute/path/to/gobuild-default-ad-0.1.0.tgz
+```
+
+Import it in a temporary consumer and run that consumer's build. Do not migrate production components until the separate migration step.
+
+## Before publishing
+
+Review `package.json` (especially `name`, scope, version, license, repository, and `publishConfig`), `README.md`, `AUDIT.md`, all exported types, and the output of `npm pack --dry-run`. Change the neutral package name to the final owned NPM scope if applicable. Publication is intentionally manual.

package/dist/index.cjs

@@ -0,0 +1,282 @@
+"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);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  DefaultAd: () => DefaultAd,
+  classicDefaultAdStyle: () => classicDefaultAdStyle,
+  publicationDefaultAdStyle: () => publicationDefaultAdStyle,
+  styleFromLegacyTemplate: () => styleFromLegacyTemplate
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/presets.ts
+var classicDefaultAdStyle = {
+  columnsMm: 86,
+  heightMm: null,
+  paddingMm: 4,
+  horizontalPaddingMm: 2,
+  border: false,
+  borderWidthPt: 1.4,
+  typography: {
+    fontFamily: "var(--default-ad-font-primary, Schoolbook, Georgia, serif)",
+    secondaryFontFamily: "var(--default-ad-font-secondary, Schoolbook, Georgia, serif)",
+    introSize: 10,
+    introLeading: 12,
+    titleSize: 10,
+    titleLeading: 12,
+    nameSize: 14,
+    nameLeading: 16.8,
+    dateSize: 10,
+    longDateSize: 10,
+    dateLeading: 12,
+    bodySize: 10,
+    bodyLeading: 12,
+    memorialSize: 10,
+    memorialLeading: 12,
+    senderSize: 10,
+    senderLeading: 12
+  },
+  spacing: {
+    iconToText: 11,
+    introToTitle: 8,
+    textToName: 5.6,
+    dateTop: 5.6,
+    deceasedTop: 6,
+    memorialTop: 6,
+    senderTop: 8,
+    ceremonyTop: 8,
+    thanksTop: 7,
+    donationTop: 7,
+    sectionGapMm: 0
+  }
+};
+var publicationDefaultAdStyle = {
+  ...classicDefaultAdStyle,
+  typography: {
+    ...classicDefaultAdStyle.typography,
+    fontFamily: "var(--default-ad-font-primary, Raleway, Arial, sans-serif)",
+    secondaryFontFamily: "var(--default-ad-font-secondary, Athelas, Georgia, serif)",
+    introSize: 11,
+    introLeading: 13,
+    titleSize: 11,
+    titleLeading: 13,
+    nameSize: 17,
+    nameLeading: 15,
+    dateSize: 11.5,
+    longDateSize: 11,
+    bodySize: 12,
+    bodyLeading: 13,
+    memorialSize: 12,
+    memorialLeading: 13,
+    senderSize: 13,
+    senderLeading: 13
+  },
+  spacing: { ...classicDefaultAdStyle.spacing, sectionGapMm: 2 }
+};
+function styleFromLegacyTemplate(template) {
+  if (!template) return publicationDefaultAdStyle;
+  return {
+    ...publicationDefaultAdStyle,
+    typography: {
+      ...publicationDefaultAdStyle.typography,
+      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,
+      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,
+      introSize: template.introSize,
+      introLeading: template.introLeading,
+      titleSize: template.titleSize,
+      titleLeading: template.titleLeading,
+      nameSize: template.fullnameSize,
+      nameLeading: template.fullnameLeading
+    },
+    spacing: {
+      ...publicationDefaultAdStyle.spacing,
+      iconToText: template.textToIcon,
+      introToTitle: template.titleToText,
+      textToName: template.fullnameToText,
+      dateTop: template.datesTextMT,
+      deceasedTop: template.deceasedTextMT,
+      memorialTop: template.memorialTextMT,
+      senderTop: template.senderTextMT,
+      ceremonyTop: template.ceremonyTextMT,
+      thanksTop: template.thanksTextMT,
+      donationTop: template.donationTextMT
+    }
+  };
+}
+
+// src/utils.ts
+var defaultFormatters = {
+  date(value) {
+    const match = value.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;
+  },
+  funeralDate(value, hideYear) {
+    if (!hideYear) return value;
+    return value.replace(/([.\/-])\d{4}(?=\D|$)/, "");
+  },
+  lowercaseFirst(value) {
+    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;
+  }
+};
+function mergeDefined(base, overrides) {
+  if (!overrides) return { ...base };
+  return Object.fromEntries(
+    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== void 0)
+  );
+}
+function decodeSvgMarkup(value) {
+  return value.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#(?:0*39|x0*27);/gi, "'").replace(/&amp;/g, "&");
+}
+
+// src/DefaultAd.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function textStyle(size, leading, marginTop) {
+  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };
+}
+function Text({ children, className = "", style }) {
+  if (children === null || children === void 0 || children === "") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `gda-text ${className}`, style, children });
+}
+function DefaultAd({
+  data,
+  style,
+  mode = "published",
+  formatters,
+  showEmptyNamePlaceholder = mode === "builder",
+  emptyNamePlaceholder = "Fornavn Efternavn",
+  className = "",
+  rootStyle,
+  ...htmlProps
+}) {
+  const typography = mergeDefined(
+    classicDefaultAdStyle.typography,
+    style?.typography
+  );
+  const spacing = mergeDefined(
+    classicDefaultAdStyle.spacing,
+    style?.spacing
+  );
+  const layout = mergeDefined(classicDefaultAdStyle, style);
+  const fmt = { ...defaultFormatters, ...formatters };
+  const { contact, text, icon, type } = data;
+  const hasName = Boolean(contact.firstName || contact.lastName);
+  const first = type === "thanks" ? text.thanksIntro : text.intro;
+  const second = type === "thanks" ? text.briefIntroduction : text.title;
+  const firstMargin = first && icon ? spacing.iconToText : 0;
+  const secondMargin = second ? first ? spacing.introToTitle : icon ? spacing.iconToText : 0 : 0;
+  const nameMargin = hasName ? first || second ? spacing.textToName : icon ? spacing.iconToText : 0 : 0;
+  const isSingleColumn = Number(layout.columnsMm) === 41;
+  const ceremonyCode = contact.ceremony?.code;
+  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      ...htmlProps,
+      "data-default-ad": "",
+      "data-ad-content": "",
+      "data-ad-ready": "true",
+      "data-mode": mode,
+      className: `gda-root ${className}`.trim(),
+      style: {
+        width: `${layout.columnsMm}mm`,
+        minWidth: `${layout.columnsMm}mm`,
+        ...layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {},
+        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,
+        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,
+        gap: `${spacing.sectionGapMm}mm`,
+        fontFamily: typography.fontFamily,
+        ...rootStyle
+      },
+      children: [
+        icon ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-icon", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "svg",
+          {
+            className: icon.className,
+            xmlns: "http://www.w3.org/2000/svg",
+            width: Number(icon.width) + 16,
+            height: Number(icon.height) + 16,
+            viewBox: icon.viewBox,
+            role: icon.title ? "img" : void 0,
+            "aria-hidden": icon.title ? void 0 : true,
+            children: [
+              icon.title ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: icon.title }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { dangerouslySetInnerHTML: { __html: decodeSvgMarkup(icon.svg) } })
+            ]
+          }
+        ) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Text,
+          {
+            className: type === "thanks" ? "gda-bold" : "",
+            style: textStyle(type === "thanks" ? 14 : typography.introSize, typography.introLeading, firstMargin),
+            children: type === "thanks" && first ? first : type === "obituaries" ? first : null
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { style: textStyle(typography.titleSize, typography.titleLeading, secondMargin), children: type === "thanks" && second ? fmt.lowercaseFirst(second) : type === "obituaries" ? second : null }),
+        hasName ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { className: "gda-bold gda-secondary-font", style: textStyle(typography.nameSize, typography.nameLeading, nameMargin), children: [contact.firstName, contact.lastName].filter(Boolean).join(" ") }) : showEmptyNamePlaceholder ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-placeholder", children: emptyNamePlaceholder }) : null,
+        contact.showBirthDate && contact.birthDate || contact.showDeathDate && contact.deathDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            className: `gda-dates ${isSingleColumn ? "gda-dates-single" : ""}`,
+            style: { marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt` },
+            children: [
+              contact.showBirthDate && contact.birthDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontSize: `${fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }, children: [
+                "\u273B ",
+                fmt.date(contact.birthDate)
+              ] }) : null,
+              contact.showDeathDate && contact.deathDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { style: { fontSize: `${fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gda-death-cross", "aria-label": "died", children: "\u271D" }),
+                " ",
+                fmt.date(contact.deathDate)
+              ] }) : null
+            ]
+          }
+        ) : null,
+        type === "obituaries" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop), children: text.deceased }) : null,
+        type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop), children: text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null }) : null,
+        type === "thanks" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.message }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { className: "gda-italic", style: textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop), children: text.memorial }),
+        text.sender ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { className: `${type === "obituaries" ? "gda-bold " : ""}gda-secondary-font`, style: textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop), children: text.sender }) : null,
+        type === "obituaries" && ceremonyCode !== "NoCeremony" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate) ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "gda-text", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.ceremonyTop), children: [
+          contact.showChurch && contact.church ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: contact.church.length > 15 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+            ceremonyLabel,
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+            contact.church
+          ] }) : `${ceremonyLabel ?? ""} ${contact.church}`.trim() }) : null,
+          contact.showFuneralDate && contact.funeralDate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) }) : null
+        ] }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.thanks }),
+        text.donation ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "gda-divider", style: { marginTop: `${spacing.donationTop}pt` } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Text, { className: "gda-donation", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.donationTop), children: text.donation })
+        ] }) : null
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultAd,
+  classicDefaultAdStyle,
+  publicationDefaultAdStyle,
+  styleFromLegacyTemplate
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/presets.ts","../src/utils.ts","../src/DefaultAd.tsx"],"sourcesContent":["export { DefaultAd } from \"./DefaultAd\";\nexport { classicDefaultAdStyle, publicationDefaultAdStyle, styleFromLegacyTemplate } from \"./presets\";\nexport type {\n  DefaultAdContact,\n  DefaultAdData,\n  DefaultAdFormatters,\n  DefaultAdIcon,\n  DefaultAdMode,\n  DefaultAdProps,\n  DefaultAdSpacing,\n  DefaultAdStyle,\n  DefaultAdTextFields,\n  DefaultAdType,\n  DefaultAdTypography,\n  LegacyAdTemplate,\n} from \"./types\";\n","import type { DefaultAdStyle, LegacyAdTemplate } from \"./types\";\n\nexport const classicDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  columnsMm: 86,\n  heightMm: null,\n  paddingMm: 4,\n  horizontalPaddingMm: 2,\n  border: false,\n  borderWidthPt: 1.4,\n  typography: {\n    fontFamily: \"var(--default-ad-font-primary, Schoolbook, Georgia, serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Schoolbook, Georgia, serif)\",\n    introSize: 10,\n    introLeading: 12,\n    titleSize: 10,\n    titleLeading: 12,\n    nameSize: 14,\n    nameLeading: 16.8,\n    dateSize: 10,\n    longDateSize: 10,\n    dateLeading: 12,\n    bodySize: 10,\n    bodyLeading: 12,\n    memorialSize: 10,\n    memorialLeading: 12,\n    senderSize: 10,\n    senderLeading: 12,\n  },\n  spacing: {\n    iconToText: 11,\n    introToTitle: 8,\n    textToName: 5.6,\n    dateTop: 5.6,\n    deceasedTop: 6,\n    memorialTop: 6,\n    senderTop: 8,\n    ceremonyTop: 8,\n    thanksTop: 7,\n    donationTop: 7,\n    sectionGapMm: 0,\n  },\n};\n\nexport const publicationDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...classicDefaultAdStyle,\n  typography: {\n    ...classicDefaultAdStyle.typography,\n    fontFamily: \"var(--default-ad-font-primary, Raleway, Arial, sans-serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Athelas, Georgia, serif)\",\n    introSize: 11,\n    introLeading: 13,\n    titleSize: 11,\n    titleLeading: 13,\n    nameSize: 17,\n    nameLeading: 15,\n    dateSize: 11.5,\n    longDateSize: 11,\n    bodySize: 12,\n    bodyLeading: 13,\n    memorialSize: 12,\n    memorialLeading: 13,\n    senderSize: 13,\n    senderLeading: 13,\n  },\n  spacing: { ...classicDefaultAdStyle.spacing, sectionGapMm: 2 },\n};\n\nexport function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle {\n  if (!template) return publicationDefaultAdStyle;\n  return {\n    ...publicationDefaultAdStyle,\n    typography: {\n      ...publicationDefaultAdStyle.typography,\n      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,\n      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,\n      introSize: template.introSize,\n      introLeading: template.introLeading,\n      titleSize: template.titleSize,\n      titleLeading: template.titleLeading,\n      nameSize: template.fullnameSize,\n      nameLeading: template.fullnameLeading,\n    },\n    spacing: {\n      ...publicationDefaultAdStyle.spacing,\n      iconToText: template.textToIcon,\n      introToTitle: template.titleToText,\n      textToName: template.fullnameToText,\n      dateTop: template.datesTextMT,\n      deceasedTop: template.deceasedTextMT,\n      memorialTop: template.memorialTextMT,\n      senderTop: template.senderTextMT,\n      ceremonyTop: template.ceremonyTextMT,\n      thanksTop: template.thanksTextMT,\n      donationTop: template.donationTextMT,\n    },\n  };\n}\n","import type { DefaultAdFormatters } from \"./types\";\n\nexport const defaultFormatters: Required<DefaultAdFormatters> = {\n  date(value) {\n    const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;\n  },\n  funeralDate(value, hideYear) {\n    if (!hideYear) return value;\n    return value.replace(/([.\\/-])\\d{4}(?=\\D|$)/, \"\");\n  },\n  lowercaseFirst(value) {\n    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;\n  },\n};\n\nexport function mergeDefined<T extends object>(base: T, overrides?: Partial<T>): T {\n  if (!overrides) return { ...base };\n  return Object.fromEntries(\n    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n\nexport function decodeSvgMarkup(value: string): string {\n  return value\n    .replace(/&lt;/g, \"<\")\n    .replace(/&gt;/g, \">\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&#(?:0*39|x0*27);/gi, \"'\")\n    .replace(/&amp;/g, \"&\");\n}\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { classicDefaultAdStyle } from \"./presets\";\nimport type { DefaultAdProps, DefaultAdSpacing, DefaultAdTypography } from \"./types\";\nimport { decodeSvgMarkup, defaultFormatters, mergeDefined } from \"./utils\";\nimport \"./styles.css\";\n\nfunction textStyle(size: number, leading: number, marginTop: number): CSSProperties {\n  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };\n}\n\nfunction Text({ children, className = \"\", style }: { children?: ReactNode; className?: string; style: CSSProperties }) {\n  if (children === null || children === undefined || children === \"\") return null;\n  return <div className={`gda-text ${className}`} style={style}>{children}</div>;\n}\n\nexport function DefaultAd({\n  data,\n  style,\n  mode = \"published\",\n  formatters,\n  showEmptyNamePlaceholder = mode === \"builder\",\n  emptyNamePlaceholder = \"Fornavn Efternavn\",\n  className = \"\",\n  rootStyle,\n  ...htmlProps\n}: DefaultAdProps) {\n  const typography = mergeDefined(\n    classicDefaultAdStyle.typography as Required<DefaultAdTypography>,\n    style?.typography,\n  );\n  const spacing = mergeDefined(\n    classicDefaultAdStyle.spacing as Required<DefaultAdSpacing>,\n    style?.spacing,\n  );\n  const layout = mergeDefined(classicDefaultAdStyle, style);\n  const fmt = { ...defaultFormatters, ...formatters };\n  const { contact, text, icon, type } = data;\n  const hasName = Boolean(contact.firstName || contact.lastName);\n  const first = type === \"thanks\" ? text.thanksIntro : text.intro;\n  const second = type === \"thanks\" ? text.briefIntroduction : text.title;\n  const firstMargin = first && icon ? spacing.iconToText : 0;\n  const secondMargin = second ? (first ? spacing.introToTitle : icon ? spacing.iconToText : 0) : 0;\n  const nameMargin = hasName ? (first || second ? spacing.textToName : icon ? spacing.iconToText : 0) : 0;\n  const isSingleColumn = Number(layout.columnsMm) === 41;\n  const ceremonyCode = contact.ceremony?.code;\n  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;\n\n  return (\n    <div\n      {...htmlProps}\n      data-default-ad=\"\"\n      data-ad-content=\"\"\n      data-ad-ready=\"true\"\n      data-mode={mode}\n      className={`gda-root ${className}`.trim()}\n      style={{\n        width: `${layout.columnsMm}mm`,\n        minWidth: `${layout.columnsMm}mm`,\n        ...(layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {}),\n        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,\n        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,\n        gap: `${spacing.sectionGapMm}mm`,\n        fontFamily: typography.fontFamily,\n        ...rootStyle,\n      }}\n    >\n      {icon ? (\n        <div className=\"gda-icon\">\n          <svg className={icon.className} xmlns=\"http://www.w3.org/2000/svg\"\n            width={Number(icon.width) + 16} height={Number(icon.height) + 16}\n            viewBox={icon.viewBox} role={icon.title ? \"img\" : undefined} aria-hidden={icon.title ? undefined : true}>\n            {icon.title ? <title>{icon.title}</title> : null}\n            <g dangerouslySetInnerHTML={{ __html: decodeSvgMarkup(icon.svg) }} />\n          </svg>\n        </div>\n      ) : null}\n\n      <Text className={type === \"thanks\" ? \"gda-bold\" : \"\"}\n        style={textStyle(type === \"thanks\" ? 14 : typography.introSize, typography.introLeading, firstMargin)}>\n        {type === \"thanks\" && first ? first : type === \"obituaries\" ? first : null}\n      </Text>\n      <Text style={textStyle(typography.titleSize, typography.titleLeading, secondMargin)}>\n        {type === \"thanks\" && second ? fmt.lowercaseFirst(second) : type === \"obituaries\" ? second : null}\n      </Text>\n\n      {hasName ? (\n        <Text className=\"gda-bold gda-secondary-font\" style={textStyle(typography.nameSize, typography.nameLeading, nameMargin)}>\n          {[contact.firstName, contact.lastName].filter(Boolean).join(\" \")}\n        </Text>\n      ) : showEmptyNamePlaceholder ? <div className=\"gda-placeholder\">{emptyNamePlaceholder}</div> : null}\n\n      {(contact.showBirthDate && contact.birthDate) || (contact.showDeathDate && contact.deathDate) ? (\n        <div className={`gda-dates ${isSingleColumn ? \"gda-dates-single\" : \"\"}`}\n          style={{ marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt` }}>\n          {contact.showBirthDate && contact.birthDate ? (\n            <span style={{ fontSize: `${fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }}>\n              &#10043; {fmt.date(contact.birthDate)}\n            </span>\n          ) : null}\n          {contact.showDeathDate && contact.deathDate ? (\n            <span style={{ fontSize: `${fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }}>\n              <span className=\"gda-death-cross\" aria-label=\"died\">✝</span> {fmt.date(contact.deathDate)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {type === \"obituaries\" ? <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop)}>{text.deceased}</Text> : null}\n      {type === \"thanks\" ? <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop)}>{text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null}</Text> : null}\n      {type === \"thanks\" ? <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.message}</Text> : null}\n      <Text className=\"gda-italic\" style={textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop)}>{text.memorial}</Text>\n      {text.sender ? <Text className={`${type === \"obituaries\" ? \"gda-bold \" : \"\"}gda-secondary-font`} style={textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop)}>{text.sender}</Text> : null}\n\n      {type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate) ? (\n        <div className=\"gda-text\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.ceremonyTop)}>\n          {contact.showChurch && contact.church ? <div>{contact.church.length > 15 ? <>{ceremonyLabel}<br />{contact.church}</> : `${ceremonyLabel ?? \"\"} ${contact.church}`.trim()}</div> : null}\n          {contact.showFuneralDate && contact.funeralDate ? <div>{fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear))}</div> : null}\n        </div>\n      ) : null}\n\n      <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.thanks}</Text>\n      {text.donation ? <><div className=\"gda-divider\" style={{ marginTop: `${spacing.donationTop}pt` }} /><Text className=\"gda-donation\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.donationTop)}>{text.donation}</Text></> : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEO,IAAM,wBAAkD;AAAA,EAC7D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,aAAa;AAAA,IACb,UAAU;AAAA,IACV,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AACF;AAEO,IAAM,4BAAsD;AAAA,EACjE,GAAG;AAAA,EACH,YAAY;AAAA,IACV,GAAG,sBAAsB;AAAA,IACzB,YAAY;AAAA,IACZ,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,aAAa;AAAA,IACb,UAAU;AAAA,IACV,cAAc;AAAA,IACd,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS,EAAE,GAAG,sBAAsB,SAAS,cAAc,EAAE;AAC/D;AAEO,SAAS,wBAAwB,UAAoD;AAC1F,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,MACV,GAAG,0BAA0B;AAAA,MAC7B,YAAY,SAAS,SAAS,0BAA0B,YAAY;AAAA,MACpE,qBAAqB,SAAS,SAAS,0BAA0B,YAAY;AAAA,MAC7E,WAAW,SAAS;AAAA,MACpB,cAAc,SAAS;AAAA,MACvB,WAAW,SAAS;AAAA,MACpB,cAAc,SAAS;AAAA,MACvB,UAAU,SAAS;AAAA,MACnB,aAAa,SAAS;AAAA,IACxB;AAAA,IACA,SAAS;AAAA,MACP,GAAG,0BAA0B;AAAA,MAC7B,YAAY,SAAS;AAAA,MACrB,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,SAAS,SAAS;AAAA,MAClB,aAAa,SAAS;AAAA,MACtB,aAAa,SAAS;AAAA,MACtB,WAAW,SAAS;AAAA,MACpB,aAAa,SAAS;AAAA,MACtB,WAAW,SAAS;AAAA,MACpB,aAAa,SAAS;AAAA,IACxB;AAAA,EACF;AACF;;;AC9FO,IAAM,oBAAmD;AAAA,EAC9D,KAAK,OAAO;AACV,UAAM,QAAQ,MAAM,MAAM,0BAA0B;AACpD,WAAO,QAAQ,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK;AAAA,EACzD;AAAA,EACA,YAAY,OAAO,UAAU;AAC3B,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,MAAM,QAAQ,yBAAyB,EAAE;AAAA,EAClD;AAAA,EACA,eAAe,OAAO;AACpB,WAAO,QAAQ,MAAM,OAAO,CAAC,EAAE,kBAAkB,IAAI,MAAM,MAAM,CAAC,IAAI;AAAA,EACxE;AACF;AAEO,SAAS,aAA+B,MAAS,WAA2B;AACjF,MAAI,CAAC,UAAW,QAAO,EAAE,GAAG,KAAK;AACjC,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,EAAE,GAAG,MAAM,GAAG,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACrF;AACF;AAEO,SAAS,gBAAgB,OAAuB;AACrD,SAAO,MACJ,QAAQ,SAAS,GAAG,EACpB,QAAQ,SAAS,GAAG,EACpB,QAAQ,WAAW,GAAG,EACtB,QAAQ,uBAAuB,GAAG,EAClC,QAAQ,UAAU,GAAG;AAC1B;;;AClBS;AANT,SAAS,UAAU,MAAc,SAAiB,WAAkC;AAClF,SAAO,EAAE,UAAU,GAAG,IAAI,MAAM,YAAY,GAAG,OAAO,MAAM,WAAW,GAAG,SAAS,KAAK;AAC1F;AAEA,SAAS,KAAK,EAAE,UAAU,YAAY,IAAI,MAAM,GAAuE;AACrH,MAAI,aAAa,QAAQ,aAAa,UAAa,aAAa,GAAI,QAAO;AAC3E,SAAO,4CAAC,SAAI,WAAW,YAAY,SAAS,IAAI,OAAe,UAAS;AAC1E;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,2BAA2B,SAAS;AAAA,EACpC,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,aAAa;AAAA,IACjB,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACA,QAAM,UAAU;AAAA,IACd,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACA,QAAM,SAAS,aAAa,uBAAuB,KAAK;AACxD,QAAM,MAAM,EAAE,GAAG,mBAAmB,GAAG,WAAW;AAClD,QAAM,EAAE,SAAS,MAAM,MAAM,KAAK,IAAI;AACtC,QAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,QAAQ;AAC7D,QAAM,QAAQ,SAAS,WAAW,KAAK,cAAc,KAAK;AAC1D,QAAM,SAAS,SAAS,WAAW,KAAK,oBAAoB,KAAK;AACjE,QAAM,cAAc,SAAS,OAAO,QAAQ,aAAa;AACzD,QAAM,eAAe,SAAU,QAAQ,QAAQ,eAAe,OAAO,QAAQ,aAAa,IAAK;AAC/F,QAAM,aAAa,UAAW,SAAS,SAAS,QAAQ,aAAa,OAAO,QAAQ,aAAa,IAAK;AACtG,QAAM,iBAAiB,OAAO,OAAO,SAAS,MAAM;AACpD,QAAM,eAAe,QAAQ,UAAU;AACvC,QAAM,gBAAgB,QAAQ,UAAU,SAAS;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,mBAAgB;AAAA,MAChB,mBAAgB;AAAA,MAChB,iBAAc;AAAA,MACd,aAAW;AAAA,MACX,WAAW,YAAY,SAAS,GAAG,KAAK;AAAA,MACxC,OAAO;AAAA,QACL,OAAO,GAAG,OAAO,SAAS;AAAA,QAC1B,UAAU,GAAG,OAAO,SAAS;AAAA,QAC7B,GAAI,OAAO,YAAY,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,KAAK,IAAI,CAAC;AAAA,QACpE,SAAS,GAAG,OAAO,SAAS,MAAM,OAAO,mBAAmB;AAAA,QAC5D,QAAQ,OAAO,SAAS,GAAG,OAAO,aAAa,mBAAmB;AAAA,QAClE,KAAK,GAAG,QAAQ,YAAY;AAAA,QAC5B,YAAY,WAAW;AAAA,QACvB,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,eACC,4CAAC,SAAI,WAAU,YACb;AAAA,UAAC;AAAA;AAAA,YAAI,WAAW,KAAK;AAAA,YAAW,OAAM;AAAA,YACpC,OAAO,OAAO,KAAK,KAAK,IAAI;AAAA,YAAI,QAAQ,OAAO,KAAK,MAAM,IAAI;AAAA,YAC9D,SAAS,KAAK;AAAA,YAAS,MAAM,KAAK,QAAQ,QAAQ;AAAA,YAAW,eAAa,KAAK,QAAQ,SAAY;AAAA,YAClG;AAAA,mBAAK,QAAQ,4CAAC,WAAO,eAAK,OAAM,IAAW;AAAA,cAC5C,4CAAC,OAAE,yBAAyB,EAAE,QAAQ,gBAAgB,KAAK,GAAG,EAAE,GAAG;AAAA;AAAA;AAAA,QACrE,GACF,IACE;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YAAK,WAAW,SAAS,WAAW,aAAa;AAAA,YAChD,OAAO,UAAU,SAAS,WAAW,KAAK,WAAW,WAAW,WAAW,cAAc,WAAW;AAAA,YACnG,mBAAS,YAAY,QAAQ,QAAQ,SAAS,eAAe,QAAQ;AAAA;AAAA,QACxE;AAAA,QACA,4CAAC,QAAK,OAAO,UAAU,WAAW,WAAW,WAAW,cAAc,YAAY,GAC/E,mBAAS,YAAY,SAAS,IAAI,eAAe,MAAM,IAAI,SAAS,eAAe,SAAS,MAC/F;AAAA,QAEC,UACC,4CAAC,QAAK,WAAU,+BAA8B,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,UAAU,GACnH,WAAC,QAAQ,WAAW,QAAQ,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACjE,IACE,2BAA2B,4CAAC,SAAI,WAAU,mBAAmB,gCAAqB,IAAS;AAAA,QAE7F,QAAQ,iBAAiB,QAAQ,aAAe,QAAQ,iBAAiB,QAAQ,YACjF;AAAA,UAAC;AAAA;AAAA,YAAI,WAAW,aAAa,iBAAiB,qBAAqB,EAAE;AAAA,YACnE,OAAO,EAAE,WAAW,GAAG,QAAQ,OAAO,MAAM,YAAY,GAAG,WAAW,WAAW,KAAK;AAAA,YACrF;AAAA,sBAAQ,iBAAiB,QAAQ,YAChC,6CAAC,UAAK,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,QAAQ,SAAS,EAAE,SAAS,KAAK,WAAW,eAAe,WAAW,QAAQ,KAAK,GAAG;AAAA;AAAA,gBAC/G,IAAI,KAAK,QAAQ,SAAS;AAAA,iBACtC,IACE;AAAA,cACH,QAAQ,iBAAiB,QAAQ,YAChC,6CAAC,UAAK,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,QAAQ,SAAS,EAAE,SAAS,KAAK,WAAW,eAAe,WAAW,QAAQ,KAAK,GACtH;AAAA,4DAAC,UAAK,WAAU,mBAAkB,cAAW,QAAO,oBAAC;AAAA,gBAAO;AAAA,gBAAE,IAAI,KAAK,QAAQ,SAAS;AAAA,iBAC1F,IACE;AAAA;AAAA;AAAA,QACN,IACE;AAAA,QAEH,SAAS,eAAe,4CAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GAAI,eAAK,UAAS,IAAU;AAAA,QAC3I,SAAS,WAAW,4CAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GAAI,eAAK,WAAW,IAAI,eAAe,KAAK,QAAQ,IAAI,MAAK,IAAU;AAAA,QAClL,SAAS,WAAW,4CAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,SAAS,GAAI,eAAK,SAAQ,IAAU;AAAA,QACrI,4CAAC,QAAK,WAAU,cAAa,OAAO,UAAU,WAAW,cAAc,WAAW,iBAAiB,QAAQ,WAAW,GAAI,eAAK,UAAS;AAAA,QACvI,KAAK,SAAS,4CAAC,QAAK,WAAW,GAAG,SAAS,eAAe,cAAc,EAAE,sBAAsB,OAAO,UAAU,WAAW,YAAY,WAAW,eAAe,QAAQ,SAAS,GAAI,eAAK,QAAO,IAAU;AAAA,QAE7M,SAAS,gBAAgB,iBAAiB,iBAAiB,QAAQ,cAAc,QAAQ,qBAAqB,QAAQ,UAAU,QAAQ,eACvI,6CAAC,SAAI,WAAU,YAAW,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GACxG;AAAA,kBAAQ,cAAc,QAAQ,SAAS,4CAAC,SAAK,kBAAQ,OAAO,SAAS,KAAK,4EAAG;AAAA;AAAA,YAAc,4CAAC,QAAG;AAAA,YAAG,QAAQ;AAAA,aAAO,IAAM,GAAG,iBAAiB,EAAE,IAAI,QAAQ,MAAM,GAAG,KAAK,GAAE,IAAS;AAAA,UAClL,QAAQ,mBAAmB,QAAQ,cAAc,4CAAC,SAAK,cAAI,YAAY,QAAQ,aAAa,QAAQ,QAAQ,eAAe,CAAC,GAAE,IAAS;AAAA,WAC1I,IACE;AAAA,QAEJ,4CAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,SAAS,GAAI,eAAK,QAAO;AAAA,QACpG,KAAK,WAAW,4EAAE;AAAA,sDAAC,SAAI,WAAU,eAAc,OAAO,EAAE,WAAW,GAAG,QAAQ,WAAW,KAAK,GAAG;AAAA,UAAE,4CAAC,QAAK,WAAU,gBAAe,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GAAI,eAAK,UAAS;AAAA,WAAO,IAAM;AAAA;AAAA;AAAA,EACrP;AAEJ;","names":[]}

package/dist/index.css

@@ -0,0 +1,69 @@
+/* src/styles.css */
+.gda-root {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  flex-shrink: 0;
+  overflow: hidden;
+  color: #000;
+  background: #fff;
+  stroke: #000;
+  text-align: center;
+  box-shadow: 0 0 30px -10px rgb(0 0 0 / 30%);
+  transition: all 700ms;
+}
+.gda-root *,
+.gda-root *::before,
+.gda-root *::after {
+  box-sizing: border-box;
+}
+.gda-text {
+  font-weight: 400;
+  white-space: pre-line;
+  overflow-wrap: break-word;
+  text-wrap: balance;
+}
+.gda-bold {
+  font-weight: 700;
+}
+.gda-italic {
+  font-style: italic;
+}
+.gda-secondary-font {
+  font-family: var(--default-ad-font-secondary, inherit);
+}
+.gda-icon {
+  display: flex;
+  justify-content: center;
+  line-height: 0;
+}
+.gda-dates {
+  display: flex;
+  width: 100%;
+  flex-flow: row nowrap;
+  justify-content: center;
+  gap: 4mm;
+  font-weight: 400;
+  white-space: nowrap;
+}
+.gda-dates-single {
+  flex-direction: column;
+  gap: 0;
+}
+.gda-death-cross {
+  font-family: Georgia, serif;
+}
+.gda-divider {
+  width: 3rem;
+  margin-right: auto;
+  margin-left: auto;
+  border-top: 1.4pt solid #000;
+}
+.gda-donation {
+  margin-right: 19pt;
+  margin-left: 19pt;
+}
+.gda-placeholder {
+  opacity: .25;
+}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":[".gda-root {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-shrink: 0;\n  overflow: hidden;\n  color: #000;\n  background: #fff;\n  stroke: #000;\n  text-align: center;\n  box-shadow: 0 0 30px -10px rgb(0 0 0 / 30%);\n  transition: all 700ms;\n}\n.gda-root *, .gda-root *::before, .gda-root *::after { box-sizing: border-box; }\n.gda-text { font-weight: 400; white-space: pre-line; overflow-wrap: break-word; text-wrap: balance; }\n.gda-bold { font-weight: 700; }\n.gda-italic { font-style: italic; }\n.gda-secondary-font { font-family: var(--default-ad-font-secondary, inherit); }\n.gda-icon { display: flex; justify-content: center; line-height: 0; }\n.gda-dates { display: flex; width: 100%; flex-flow: row nowrap; justify-content: center; gap: 4mm; font-weight: 400; white-space: nowrap; }\n.gda-dates-single { flex-direction: column; gap: 0; }\n.gda-death-cross { font-family: Georgia, serif; }\n.gda-divider { width: 3rem; margin-right: auto; margin-left: auto; border-top: 1.4pt solid #000; }\n.gda-donation { margin-right: 19pt; margin-left: 19pt; }\n.gda-placeholder { opacity: .25; }\n"],"mappings":";AAAA,CAAC;AACC,cAAY;AACZ,WAAS;AACT,kBAAgB;AAChB,eAAa;AACb,YAAU;AACV,SAAO;AACP,cAAY;AACZ,UAAQ;AACR,cAAY;AACZ,cAAY,EAAE,EAAE,KAAK,MAAM,IAAI,EAAE,EAAE,EAAE,EAAE;AACvC,cAAY,IAAI;AAClB;AACA,CAbC,SAaS;AAAG,CAbZ,SAasB,CAAC;AAAU,CAbjC,SAa2C,CAAC;AAAU,cAAY;AAAY;AAC/E,CAAC;AAAW,eAAa;AAAK,eAAa;AAAU,iBAAe;AAAY,aAAW;AAAS;AACpG,CAAC;AAAW,eAAa;AAAK;AAC9B,CAAC;AAAa,cAAY;AAAQ;AAClC,CAAC;AAAqB,eAAa,IAAI,2BAA2B,EAAE;AAAU;AAC9E,CAAC;AAAW,WAAS;AAAM,mBAAiB;AAAQ,eAAa;AAAG;AACpE,CAAC;AAAY,WAAS;AAAM,SAAO;AAAM,aAAW,IAAI;AAAQ,mBAAiB;AAAQ,OAAK;AAAK,eAAa;AAAK,eAAa;AAAQ;AAC1I,CAAC;AAAmB,kBAAgB;AAAQ,OAAK;AAAG;AACpD,CAAC;AAAkB,eAAa,OAAO,EAAE;AAAO;AAChD,CAAC;AAAc,SAAO;AAAM,gBAAc;AAAM,eAAa;AAAM,cAAY,MAAM,MAAM;AAAM;AACjG,CAAC;AAAe,gBAAc;AAAM,eAAa;AAAM;AACvD,CAAC;AAAkB,WAAS;AAAK;","names":[]}

package/dist/index.d.mts

@@ -0,0 +1,137 @@
+import * as react from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+
+type DefaultAdType = "obituaries" | "thanks";
+type DefaultAdMode = "builder" | "preview" | "published";
+interface DefaultAdIcon {
+    /** SVG child markup (for example, one or more path elements). Only use trusted markup. */
+    svg: string;
+    viewBox: string;
+    width: number | string;
+    height: number | string;
+    className?: string;
+    title?: string;
+}
+interface DefaultAdContact {
+    firstName?: string | null;
+    lastName?: string | null;
+    birthDate?: string | null;
+    deathDate?: string | null;
+    church?: string | null;
+    funeralDate?: string | null;
+    ceremony?: {
+        code?: string | null;
+        label?: string | null;
+    } | null;
+    showBirthDate?: boolean;
+    showDeathDate?: boolean;
+    showChurch?: boolean;
+    showFuneralDate?: boolean;
+    hideFuneralYear?: boolean;
+}
+interface DefaultAdTextFields {
+    intro?: string | null;
+    title?: string | null;
+    firstNamePlaceholder?: string;
+    lastNamePlaceholder?: string;
+    deceased?: string | null;
+    memorial?: string | null;
+    sender?: string | null;
+    thanks?: string | null;
+    donation?: string | null;
+    thanksIntro?: string | null;
+    briefIntroduction?: string | null;
+    ceremony?: string | null;
+    message?: string | null;
+}
+interface DefaultAdData {
+    type: DefaultAdType;
+    contact: DefaultAdContact;
+    text: DefaultAdTextFields;
+    icon?: DefaultAdIcon | null;
+}
+interface DefaultAdTypography {
+    fontFamily?: string;
+    secondaryFontFamily?: string;
+    introSize?: number;
+    introLeading?: number;
+    titleSize?: number;
+    titleLeading?: number;
+    nameSize?: number;
+    nameLeading?: number;
+    dateSize?: number;
+    longDateSize?: number;
+    dateLeading?: number;
+    bodySize?: number;
+    bodyLeading?: number;
+    memorialSize?: number;
+    memorialLeading?: number;
+    senderSize?: number;
+    senderLeading?: number;
+}
+interface DefaultAdSpacing {
+    iconToText?: number;
+    introToTitle?: number;
+    textToName?: number;
+    dateTop?: number;
+    deceasedTop?: number;
+    memorialTop?: number;
+    senderTop?: number;
+    ceremonyTop?: number;
+    thanksTop?: number;
+    donationTop?: number;
+    sectionGapMm?: number;
+}
+interface DefaultAdStyle {
+    columnsMm?: number;
+    heightMm?: number | null;
+    paddingMm?: number;
+    horizontalPaddingMm?: number;
+    border?: boolean;
+    borderWidthPt?: number;
+    typography?: DefaultAdTypography;
+    spacing?: DefaultAdSpacing;
+}
+interface DefaultAdFormatters {
+    date?: (value: string) => string;
+    funeralDate?: (value: string, hideYear: boolean) => string;
+    lowercaseFirst?: (value: string) => string;
+}
+interface DefaultAdProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "style"> {
+    data: DefaultAdData;
+    style?: DefaultAdStyle;
+    mode?: DefaultAdMode;
+    formatters?: DefaultAdFormatters;
+    showEmptyNamePlaceholder?: boolean;
+    emptyNamePlaceholder?: string;
+    rootStyle?: CSSProperties;
+}
+/** Shape accepted by the existing Strapi ad-template records. */
+interface LegacyAdTemplate {
+    font1?: string;
+    font2?: string;
+    introSize?: number;
+    introLeading?: number;
+    titleSize?: number;
+    titleLeading?: number;
+    fullnameSize?: number;
+    fullnameLeading?: number;
+    datesTextMT?: number;
+    deceasedTextMT?: number;
+    memorialTextMT?: number;
+    senderTextMT?: number;
+    ceremonyTextMT?: number;
+    thanksTextMT?: number;
+    donationTextMT?: number;
+    textToIcon?: number;
+    titleToText?: number;
+    fullnameToText?: number;
+}
+
+declare function DefaultAd({ data, style, mode, formatters, showEmptyNamePlaceholder, emptyNamePlaceholder, className, rootStyle, ...htmlProps }: DefaultAdProps): react.JSX.Element;
+
+declare const classicDefaultAdStyle: Readonly<DefaultAdStyle>;
+declare const publicationDefaultAdStyle: Readonly<DefaultAdStyle>;
+declare function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle;
+
+export { DefaultAd, type DefaultAdContact, type DefaultAdData, type DefaultAdFormatters, type DefaultAdIcon, type DefaultAdMode, type DefaultAdProps, type DefaultAdSpacing, type DefaultAdStyle, type DefaultAdTextFields, type DefaultAdType, type DefaultAdTypography, type LegacyAdTemplate, classicDefaultAdStyle, publicationDefaultAdStyle, styleFromLegacyTemplate };

package/dist/index.d.ts

@@ -0,0 +1,137 @@
+import * as react from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+
+type DefaultAdType = "obituaries" | "thanks";
+type DefaultAdMode = "builder" | "preview" | "published";
+interface DefaultAdIcon {
+    /** SVG child markup (for example, one or more path elements). Only use trusted markup. */
+    svg: string;
+    viewBox: string;
+    width: number | string;
+    height: number | string;
+    className?: string;
+    title?: string;
+}
+interface DefaultAdContact {
+    firstName?: string | null;
+    lastName?: string | null;
+    birthDate?: string | null;
+    deathDate?: string | null;
+    church?: string | null;
+    funeralDate?: string | null;
+    ceremony?: {
+        code?: string | null;
+        label?: string | null;
+    } | null;
+    showBirthDate?: boolean;
+    showDeathDate?: boolean;
+    showChurch?: boolean;
+    showFuneralDate?: boolean;
+    hideFuneralYear?: boolean;
+}
+interface DefaultAdTextFields {
+    intro?: string | null;
+    title?: string | null;
+    firstNamePlaceholder?: string;
+    lastNamePlaceholder?: string;
+    deceased?: string | null;
+    memorial?: string | null;
+    sender?: string | null;
+    thanks?: string | null;
+    donation?: string | null;
+    thanksIntro?: string | null;
+    briefIntroduction?: string | null;
+    ceremony?: string | null;
+    message?: string | null;
+}
+interface DefaultAdData {
+    type: DefaultAdType;
+    contact: DefaultAdContact;
+    text: DefaultAdTextFields;
+    icon?: DefaultAdIcon | null;
+}
+interface DefaultAdTypography {
+    fontFamily?: string;
+    secondaryFontFamily?: string;
+    introSize?: number;
+    introLeading?: number;
+    titleSize?: number;
+    titleLeading?: number;
+    nameSize?: number;
+    nameLeading?: number;
+    dateSize?: number;
+    longDateSize?: number;
+    dateLeading?: number;
+    bodySize?: number;
+    bodyLeading?: number;
+    memorialSize?: number;
+    memorialLeading?: number;
+    senderSize?: number;
+    senderLeading?: number;
+}
+interface DefaultAdSpacing {
+    iconToText?: number;
+    introToTitle?: number;
+    textToName?: number;
+    dateTop?: number;
+    deceasedTop?: number;
+    memorialTop?: number;
+    senderTop?: number;
+    ceremonyTop?: number;
+    thanksTop?: number;
+    donationTop?: number;
+    sectionGapMm?: number;
+}
+interface DefaultAdStyle {
+    columnsMm?: number;
+    heightMm?: number | null;
+    paddingMm?: number;
+    horizontalPaddingMm?: number;
+    border?: boolean;
+    borderWidthPt?: number;
+    typography?: DefaultAdTypography;
+    spacing?: DefaultAdSpacing;
+}
+interface DefaultAdFormatters {
+    date?: (value: string) => string;
+    funeralDate?: (value: string, hideYear: boolean) => string;
+    lowercaseFirst?: (value: string) => string;
+}
+interface DefaultAdProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "style"> {
+    data: DefaultAdData;
+    style?: DefaultAdStyle;
+    mode?: DefaultAdMode;
+    formatters?: DefaultAdFormatters;
+    showEmptyNamePlaceholder?: boolean;
+    emptyNamePlaceholder?: string;
+    rootStyle?: CSSProperties;
+}
+/** Shape accepted by the existing Strapi ad-template records. */
+interface LegacyAdTemplate {
+    font1?: string;
+    font2?: string;
+    introSize?: number;
+    introLeading?: number;
+    titleSize?: number;
+    titleLeading?: number;
+    fullnameSize?: number;
+    fullnameLeading?: number;
+    datesTextMT?: number;
+    deceasedTextMT?: number;
+    memorialTextMT?: number;
+    senderTextMT?: number;
+    ceremonyTextMT?: number;
+    thanksTextMT?: number;
+    donationTextMT?: number;
+    textToIcon?: number;
+    titleToText?: number;
+    fullnameToText?: number;
+}
+
+declare function DefaultAd({ data, style, mode, formatters, showEmptyNamePlaceholder, emptyNamePlaceholder, className, rootStyle, ...htmlProps }: DefaultAdProps): react.JSX.Element;
+
+declare const classicDefaultAdStyle: Readonly<DefaultAdStyle>;
+declare const publicationDefaultAdStyle: Readonly<DefaultAdStyle>;
+declare function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle;
+
+export { DefaultAd, type DefaultAdContact, type DefaultAdData, type DefaultAdFormatters, type DefaultAdIcon, type DefaultAdMode, type DefaultAdProps, type DefaultAdSpacing, type DefaultAdStyle, type DefaultAdTextFields, type DefaultAdType, type DefaultAdTypography, type LegacyAdTemplate, classicDefaultAdStyle, publicationDefaultAdStyle, styleFromLegacyTemplate };

package/dist/index.js

@@ -0,0 +1,252 @@
+// src/presets.ts
+var classicDefaultAdStyle = {
+  columnsMm: 86,
+  heightMm: null,
+  paddingMm: 4,
+  horizontalPaddingMm: 2,
+  border: false,
+  borderWidthPt: 1.4,
+  typography: {
+    fontFamily: "var(--default-ad-font-primary, Schoolbook, Georgia, serif)",
+    secondaryFontFamily: "var(--default-ad-font-secondary, Schoolbook, Georgia, serif)",
+    introSize: 10,
+    introLeading: 12,
+    titleSize: 10,
+    titleLeading: 12,
+    nameSize: 14,
+    nameLeading: 16.8,
+    dateSize: 10,
+    longDateSize: 10,
+    dateLeading: 12,
+    bodySize: 10,
+    bodyLeading: 12,
+    memorialSize: 10,
+    memorialLeading: 12,
+    senderSize: 10,
+    senderLeading: 12
+  },
+  spacing: {
+    iconToText: 11,
+    introToTitle: 8,
+    textToName: 5.6,
+    dateTop: 5.6,
+    deceasedTop: 6,
+    memorialTop: 6,
+    senderTop: 8,
+    ceremonyTop: 8,
+    thanksTop: 7,
+    donationTop: 7,
+    sectionGapMm: 0
+  }
+};
+var publicationDefaultAdStyle = {
+  ...classicDefaultAdStyle,
+  typography: {
+    ...classicDefaultAdStyle.typography,
+    fontFamily: "var(--default-ad-font-primary, Raleway, Arial, sans-serif)",
+    secondaryFontFamily: "var(--default-ad-font-secondary, Athelas, Georgia, serif)",
+    introSize: 11,
+    introLeading: 13,
+    titleSize: 11,
+    titleLeading: 13,
+    nameSize: 17,
+    nameLeading: 15,
+    dateSize: 11.5,
+    longDateSize: 11,
+    bodySize: 12,
+    bodyLeading: 13,
+    memorialSize: 12,
+    memorialLeading: 13,
+    senderSize: 13,
+    senderLeading: 13
+  },
+  spacing: { ...classicDefaultAdStyle.spacing, sectionGapMm: 2 }
+};
+function styleFromLegacyTemplate(template) {
+  if (!template) return publicationDefaultAdStyle;
+  return {
+    ...publicationDefaultAdStyle,
+    typography: {
+      ...publicationDefaultAdStyle.typography,
+      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,
+      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,
+      introSize: template.introSize,
+      introLeading: template.introLeading,
+      titleSize: template.titleSize,
+      titleLeading: template.titleLeading,
+      nameSize: template.fullnameSize,
+      nameLeading: template.fullnameLeading
+    },
+    spacing: {
+      ...publicationDefaultAdStyle.spacing,
+      iconToText: template.textToIcon,
+      introToTitle: template.titleToText,
+      textToName: template.fullnameToText,
+      dateTop: template.datesTextMT,
+      deceasedTop: template.deceasedTextMT,
+      memorialTop: template.memorialTextMT,
+      senderTop: template.senderTextMT,
+      ceremonyTop: template.ceremonyTextMT,
+      thanksTop: template.thanksTextMT,
+      donationTop: template.donationTextMT
+    }
+  };
+}
+
+// src/utils.ts
+var defaultFormatters = {
+  date(value) {
+    const match = value.match(/^(\d{4})-(\d{2})-(\d{2})/);
+    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;
+  },
+  funeralDate(value, hideYear) {
+    if (!hideYear) return value;
+    return value.replace(/([.\/-])\d{4}(?=\D|$)/, "");
+  },
+  lowercaseFirst(value) {
+    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;
+  }
+};
+function mergeDefined(base, overrides) {
+  if (!overrides) return { ...base };
+  return Object.fromEntries(
+    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== void 0)
+  );
+}
+function decodeSvgMarkup(value) {
+  return value.replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#(?:0*39|x0*27);/gi, "'").replace(/&amp;/g, "&");
+}
+
+// src/DefaultAd.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function textStyle(size, leading, marginTop) {
+  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };
+}
+function Text({ children, className = "", style }) {
+  if (children === null || children === void 0 || children === "") return null;
+  return /* @__PURE__ */ jsx("div", { className: `gda-text ${className}`, style, children });
+}
+function DefaultAd({
+  data,
+  style,
+  mode = "published",
+  formatters,
+  showEmptyNamePlaceholder = mode === "builder",
+  emptyNamePlaceholder = "Fornavn Efternavn",
+  className = "",
+  rootStyle,
+  ...htmlProps
+}) {
+  const typography = mergeDefined(
+    classicDefaultAdStyle.typography,
+    style?.typography
+  );
+  const spacing = mergeDefined(
+    classicDefaultAdStyle.spacing,
+    style?.spacing
+  );
+  const layout = mergeDefined(classicDefaultAdStyle, style);
+  const fmt = { ...defaultFormatters, ...formatters };
+  const { contact, text, icon, type } = data;
+  const hasName = Boolean(contact.firstName || contact.lastName);
+  const first = type === "thanks" ? text.thanksIntro : text.intro;
+  const second = type === "thanks" ? text.briefIntroduction : text.title;
+  const firstMargin = first && icon ? spacing.iconToText : 0;
+  const secondMargin = second ? first ? spacing.introToTitle : icon ? spacing.iconToText : 0 : 0;
+  const nameMargin = hasName ? first || second ? spacing.textToName : icon ? spacing.iconToText : 0 : 0;
+  const isSingleColumn = Number(layout.columnsMm) === 41;
+  const ceremonyCode = contact.ceremony?.code;
+  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...htmlProps,
+      "data-default-ad": "",
+      "data-ad-content": "",
+      "data-ad-ready": "true",
+      "data-mode": mode,
+      className: `gda-root ${className}`.trim(),
+      style: {
+        width: `${layout.columnsMm}mm`,
+        minWidth: `${layout.columnsMm}mm`,
+        ...layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {},
+        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,
+        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,
+        gap: `${spacing.sectionGapMm}mm`,
+        fontFamily: typography.fontFamily,
+        ...rootStyle
+      },
+      children: [
+        icon ? /* @__PURE__ */ jsx("div", { className: "gda-icon", children: /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: icon.className,
+            xmlns: "http://www.w3.org/2000/svg",
+            width: Number(icon.width) + 16,
+            height: Number(icon.height) + 16,
+            viewBox: icon.viewBox,
+            role: icon.title ? "img" : void 0,
+            "aria-hidden": icon.title ? void 0 : true,
+            children: [
+              icon.title ? /* @__PURE__ */ jsx("title", { children: icon.title }) : null,
+              /* @__PURE__ */ jsx("g", { dangerouslySetInnerHTML: { __html: decodeSvgMarkup(icon.svg) } })
+            ]
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            className: type === "thanks" ? "gda-bold" : "",
+            style: textStyle(type === "thanks" ? 14 : typography.introSize, typography.introLeading, firstMargin),
+            children: type === "thanks" && first ? first : type === "obituaries" ? first : null
+          }
+        ),
+        /* @__PURE__ */ jsx(Text, { style: textStyle(typography.titleSize, typography.titleLeading, secondMargin), children: type === "thanks" && second ? fmt.lowercaseFirst(second) : type === "obituaries" ? second : null }),
+        hasName ? /* @__PURE__ */ jsx(Text, { className: "gda-bold gda-secondary-font", style: textStyle(typography.nameSize, typography.nameLeading, nameMargin), children: [contact.firstName, contact.lastName].filter(Boolean).join(" ") }) : showEmptyNamePlaceholder ? /* @__PURE__ */ jsx("div", { className: "gda-placeholder", children: emptyNamePlaceholder }) : null,
+        contact.showBirthDate && contact.birthDate || contact.showDeathDate && contact.deathDate ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `gda-dates ${isSingleColumn ? "gda-dates-single" : ""}`,
+            style: { marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt` },
+            children: [
+              contact.showBirthDate && contact.birthDate ? /* @__PURE__ */ jsxs("span", { style: { fontSize: `${fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }, children: [
+                "\u273B ",
+                fmt.date(contact.birthDate)
+              ] }) : null,
+              contact.showDeathDate && contact.deathDate ? /* @__PURE__ */ jsxs("span", { style: { fontSize: `${fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }, children: [
+                /* @__PURE__ */ jsx("span", { className: "gda-death-cross", "aria-label": "died", children: "\u271D" }),
+                " ",
+                fmt.date(contact.deathDate)
+              ] }) : null
+            ]
+          }
+        ) : null,
+        type === "obituaries" ? /* @__PURE__ */ jsx(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop), children: text.deceased }) : null,
+        type === "thanks" ? /* @__PURE__ */ jsx(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop), children: text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null }) : null,
+        type === "thanks" ? /* @__PURE__ */ jsx(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.message }) : null,
+        /* @__PURE__ */ jsx(Text, { className: "gda-italic", style: textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop), children: text.memorial }),
+        text.sender ? /* @__PURE__ */ jsx(Text, { className: `${type === "obituaries" ? "gda-bold " : ""}gda-secondary-font`, style: textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop), children: text.sender }) : null,
+        type === "obituaries" && ceremonyCode !== "NoCeremony" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate) ? /* @__PURE__ */ jsxs("div", { className: "gda-text", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.ceremonyTop), children: [
+          contact.showChurch && contact.church ? /* @__PURE__ */ jsx("div", { children: contact.church.length > 15 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            ceremonyLabel,
+            /* @__PURE__ */ jsx("br", {}),
+            contact.church
+          ] }) : `${ceremonyLabel ?? ""} ${contact.church}`.trim() }) : null,
+          contact.showFuneralDate && contact.funeralDate ? /* @__PURE__ */ jsx("div", { children: fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear)) }) : null
+        ] }) : null,
+        /* @__PURE__ */ jsx(Text, { style: textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop), children: text.thanks }),
+        text.donation ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "gda-divider", style: { marginTop: `${spacing.donationTop}pt` } }),
+          /* @__PURE__ */ jsx(Text, { className: "gda-donation", style: textStyle(typography.bodySize, typography.bodyLeading, spacing.donationTop), children: text.donation })
+        ] }) : null
+      ]
+    }
+  );
+}
+export {
+  DefaultAd,
+  classicDefaultAdStyle,
+  publicationDefaultAdStyle,
+  styleFromLegacyTemplate
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/presets.ts","../src/utils.ts","../src/DefaultAd.tsx"],"sourcesContent":["import type { DefaultAdStyle, LegacyAdTemplate } from \"./types\";\n\nexport const classicDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  columnsMm: 86,\n  heightMm: null,\n  paddingMm: 4,\n  horizontalPaddingMm: 2,\n  border: false,\n  borderWidthPt: 1.4,\n  typography: {\n    fontFamily: \"var(--default-ad-font-primary, Schoolbook, Georgia, serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Schoolbook, Georgia, serif)\",\n    introSize: 10,\n    introLeading: 12,\n    titleSize: 10,\n    titleLeading: 12,\n    nameSize: 14,\n    nameLeading: 16.8,\n    dateSize: 10,\n    longDateSize: 10,\n    dateLeading: 12,\n    bodySize: 10,\n    bodyLeading: 12,\n    memorialSize: 10,\n    memorialLeading: 12,\n    senderSize: 10,\n    senderLeading: 12,\n  },\n  spacing: {\n    iconToText: 11,\n    introToTitle: 8,\n    textToName: 5.6,\n    dateTop: 5.6,\n    deceasedTop: 6,\n    memorialTop: 6,\n    senderTop: 8,\n    ceremonyTop: 8,\n    thanksTop: 7,\n    donationTop: 7,\n    sectionGapMm: 0,\n  },\n};\n\nexport const publicationDefaultAdStyle: Readonly<DefaultAdStyle> = {\n  ...classicDefaultAdStyle,\n  typography: {\n    ...classicDefaultAdStyle.typography,\n    fontFamily: \"var(--default-ad-font-primary, Raleway, Arial, sans-serif)\",\n    secondaryFontFamily: \"var(--default-ad-font-secondary, Athelas, Georgia, serif)\",\n    introSize: 11,\n    introLeading: 13,\n    titleSize: 11,\n    titleLeading: 13,\n    nameSize: 17,\n    nameLeading: 15,\n    dateSize: 11.5,\n    longDateSize: 11,\n    bodySize: 12,\n    bodyLeading: 13,\n    memorialSize: 12,\n    memorialLeading: 13,\n    senderSize: 13,\n    senderLeading: 13,\n  },\n  spacing: { ...classicDefaultAdStyle.spacing, sectionGapMm: 2 },\n};\n\nexport function styleFromLegacyTemplate(template?: LegacyAdTemplate | null): DefaultAdStyle {\n  if (!template) return publicationDefaultAdStyle;\n  return {\n    ...publicationDefaultAdStyle,\n    typography: {\n      ...publicationDefaultAdStyle.typography,\n      fontFamily: template.font1 || publicationDefaultAdStyle.typography?.fontFamily,\n      secondaryFontFamily: template.font2 || publicationDefaultAdStyle.typography?.secondaryFontFamily,\n      introSize: template.introSize,\n      introLeading: template.introLeading,\n      titleSize: template.titleSize,\n      titleLeading: template.titleLeading,\n      nameSize: template.fullnameSize,\n      nameLeading: template.fullnameLeading,\n    },\n    spacing: {\n      ...publicationDefaultAdStyle.spacing,\n      iconToText: template.textToIcon,\n      introToTitle: template.titleToText,\n      textToName: template.fullnameToText,\n      dateTop: template.datesTextMT,\n      deceasedTop: template.deceasedTextMT,\n      memorialTop: template.memorialTextMT,\n      senderTop: template.senderTextMT,\n      ceremonyTop: template.ceremonyTextMT,\n      thanksTop: template.thanksTextMT,\n      donationTop: template.donationTextMT,\n    },\n  };\n}\n","import type { DefaultAdFormatters } from \"./types\";\n\nexport const defaultFormatters: Required<DefaultAdFormatters> = {\n  date(value) {\n    const match = value.match(/^(\\d{4})-(\\d{2})-(\\d{2})/);\n    return match ? `${match[3]}.${match[2]}.${match[1]}` : value;\n  },\n  funeralDate(value, hideYear) {\n    if (!hideYear) return value;\n    return value.replace(/([.\\/-])\\d{4}(?=\\D|$)/, \"\");\n  },\n  lowercaseFirst(value) {\n    return value ? value.charAt(0).toLocaleLowerCase() + value.slice(1) : value;\n  },\n};\n\nexport function mergeDefined<T extends object>(base: T, overrides?: Partial<T>): T {\n  if (!overrides) return { ...base };\n  return Object.fromEntries(\n    Object.entries({ ...base, ...overrides }).filter(([, value]) => value !== undefined),\n  ) as T;\n}\n\nexport function decodeSvgMarkup(value: string): string {\n  return value\n    .replace(/&lt;/g, \"<\")\n    .replace(/&gt;/g, \">\")\n    .replace(/&quot;/g, '\"')\n    .replace(/&#(?:0*39|x0*27);/gi, \"'\")\n    .replace(/&amp;/g, \"&\");\n}\n","import type { CSSProperties, ReactNode } from \"react\";\nimport { classicDefaultAdStyle } from \"./presets\";\nimport type { DefaultAdProps, DefaultAdSpacing, DefaultAdTypography } from \"./types\";\nimport { decodeSvgMarkup, defaultFormatters, mergeDefined } from \"./utils\";\nimport \"./styles.css\";\n\nfunction textStyle(size: number, leading: number, marginTop: number): CSSProperties {\n  return { fontSize: `${size}pt`, lineHeight: `${leading}pt`, marginTop: `${marginTop}pt` };\n}\n\nfunction Text({ children, className = \"\", style }: { children?: ReactNode; className?: string; style: CSSProperties }) {\n  if (children === null || children === undefined || children === \"\") return null;\n  return <div className={`gda-text ${className}`} style={style}>{children}</div>;\n}\n\nexport function DefaultAd({\n  data,\n  style,\n  mode = \"published\",\n  formatters,\n  showEmptyNamePlaceholder = mode === \"builder\",\n  emptyNamePlaceholder = \"Fornavn Efternavn\",\n  className = \"\",\n  rootStyle,\n  ...htmlProps\n}: DefaultAdProps) {\n  const typography = mergeDefined(\n    classicDefaultAdStyle.typography as Required<DefaultAdTypography>,\n    style?.typography,\n  );\n  const spacing = mergeDefined(\n    classicDefaultAdStyle.spacing as Required<DefaultAdSpacing>,\n    style?.spacing,\n  );\n  const layout = mergeDefined(classicDefaultAdStyle, style);\n  const fmt = { ...defaultFormatters, ...formatters };\n  const { contact, text, icon, type } = data;\n  const hasName = Boolean(contact.firstName || contact.lastName);\n  const first = type === \"thanks\" ? text.thanksIntro : text.intro;\n  const second = type === \"thanks\" ? text.briefIntroduction : text.title;\n  const firstMargin = first && icon ? spacing.iconToText : 0;\n  const secondMargin = second ? (first ? spacing.introToTitle : icon ? spacing.iconToText : 0) : 0;\n  const nameMargin = hasName ? (first || second ? spacing.textToName : icon ? spacing.iconToText : 0) : 0;\n  const isSingleColumn = Number(layout.columnsMm) === 41;\n  const ceremonyCode = contact.ceremony?.code;\n  const ceremonyLabel = contact.ceremony?.label ?? ceremonyCode;\n\n  return (\n    <div\n      {...htmlProps}\n      data-default-ad=\"\"\n      data-ad-content=\"\"\n      data-ad-ready=\"true\"\n      data-mode={mode}\n      className={`gda-root ${className}`.trim()}\n      style={{\n        width: `${layout.columnsMm}mm`,\n        minWidth: `${layout.columnsMm}mm`,\n        ...(layout.heightMm != null ? { height: `${layout.heightMm}mm` } : {}),\n        padding: `${layout.paddingMm}mm ${layout.horizontalPaddingMm}mm`,\n        border: layout.border ? `${layout.borderWidthPt}pt solid black` : 0,\n        gap: `${spacing.sectionGapMm}mm`,\n        fontFamily: typography.fontFamily,\n        ...rootStyle,\n      }}\n    >\n      {icon ? (\n        <div className=\"gda-icon\">\n          <svg className={icon.className} xmlns=\"http://www.w3.org/2000/svg\"\n            width={Number(icon.width) + 16} height={Number(icon.height) + 16}\n            viewBox={icon.viewBox} role={icon.title ? \"img\" : undefined} aria-hidden={icon.title ? undefined : true}>\n            {icon.title ? <title>{icon.title}</title> : null}\n            <g dangerouslySetInnerHTML={{ __html: decodeSvgMarkup(icon.svg) }} />\n          </svg>\n        </div>\n      ) : null}\n\n      <Text className={type === \"thanks\" ? \"gda-bold\" : \"\"}\n        style={textStyle(type === \"thanks\" ? 14 : typography.introSize, typography.introLeading, firstMargin)}>\n        {type === \"thanks\" && first ? first : type === \"obituaries\" ? first : null}\n      </Text>\n      <Text style={textStyle(typography.titleSize, typography.titleLeading, secondMargin)}>\n        {type === \"thanks\" && second ? fmt.lowercaseFirst(second) : type === \"obituaries\" ? second : null}\n      </Text>\n\n      {hasName ? (\n        <Text className=\"gda-bold gda-secondary-font\" style={textStyle(typography.nameSize, typography.nameLeading, nameMargin)}>\n          {[contact.firstName, contact.lastName].filter(Boolean).join(\" \")}\n        </Text>\n      ) : showEmptyNamePlaceholder ? <div className=\"gda-placeholder\">{emptyNamePlaceholder}</div> : null}\n\n      {(contact.showBirthDate && contact.birthDate) || (contact.showDeathDate && contact.deathDate) ? (\n        <div className={`gda-dates ${isSingleColumn ? \"gda-dates-single\" : \"\"}`}\n          style={{ marginTop: `${spacing.dateTop}pt`, lineHeight: `${typography.dateLeading}pt` }}>\n          {contact.showBirthDate && contact.birthDate ? (\n            <span style={{ fontSize: `${fmt.date(contact.birthDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }}>\n              &#10043; {fmt.date(contact.birthDate)}\n            </span>\n          ) : null}\n          {contact.showDeathDate && contact.deathDate ? (\n            <span style={{ fontSize: `${fmt.date(contact.deathDate).length > 10 ? typography.longDateSize : typography.dateSize}pt` }}>\n              <span className=\"gda-death-cross\" aria-label=\"died\">✝</span> {fmt.date(contact.deathDate)}\n            </span>\n          ) : null}\n        </div>\n      ) : null}\n\n      {type === \"obituaries\" ? <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop)}>{text.deceased}</Text> : null}\n      {type === \"thanks\" ? <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.deceasedTop)}>{text.ceremony ? fmt.lowercaseFirst(text.ceremony) : null}</Text> : null}\n      {type === \"thanks\" ? <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.message}</Text> : null}\n      <Text className=\"gda-italic\" style={textStyle(typography.memorialSize, typography.memorialLeading, spacing.memorialTop)}>{text.memorial}</Text>\n      {text.sender ? <Text className={`${type === \"obituaries\" ? \"gda-bold \" : \"\"}gda-secondary-font`} style={textStyle(typography.senderSize, typography.senderLeading, spacing.senderTop)}>{text.sender}</Text> : null}\n\n      {type === \"obituaries\" && ceremonyCode !== \"NoCeremony\" && (contact.showChurch || contact.showFuneralDate) && (contact.church || contact.funeralDate) ? (\n        <div className=\"gda-text\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.ceremonyTop)}>\n          {contact.showChurch && contact.church ? <div>{contact.church.length > 15 ? <>{ceremonyLabel}<br />{contact.church}</> : `${ceremonyLabel ?? \"\"} ${contact.church}`.trim()}</div> : null}\n          {contact.showFuneralDate && contact.funeralDate ? <div>{fmt.funeralDate(contact.funeralDate, Boolean(contact.hideFuneralYear))}</div> : null}\n        </div>\n      ) : null}\n\n      <Text style={textStyle(typography.bodySize, typography.bodyLeading, spacing.thanksTop)}>{text.thanks}</Text>\n      {text.donation ? <><div className=\"gda-divider\" style={{ marginTop: `${spacing.donationTop}pt` }} /><Text className=\"gda-donation\" style={textStyle(typography.bodySize, typography.bodyLeading, spacing.donationTop)}>{text.donation}</Text></> : null}\n    </div>\n  );\n}\n"],"mappings":";AAEO,IAAM,wBAAkD;AAAA,EAC7D,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,YAAY;AAAA,IACV,YAAY;AAAA,IACZ,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,aAAa;AAAA,IACb,UAAU;AAAA,IACV,cAAc;AAAA,IACd,aAAa;AAAA,IACb,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AAAA,IACP,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,aAAa;AAAA,IACb,aAAa;AAAA,IACb,WAAW;AAAA,IACX,aAAa;AAAA,IACb,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,EAChB;AACF;AAEO,IAAM,4BAAsD;AAAA,EACjE,GAAG;AAAA,EACH,YAAY;AAAA,IACV,GAAG,sBAAsB;AAAA,IACzB,YAAY;AAAA,IACZ,qBAAqB;AAAA,IACrB,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,cAAc;AAAA,IACd,UAAU;AAAA,IACV,aAAa;AAAA,IACb,UAAU;AAAA,IACV,cAAc;AAAA,IACd,UAAU;AAAA,IACV,aAAa;AAAA,IACb,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS,EAAE,GAAG,sBAAsB,SAAS,cAAc,EAAE;AAC/D;AAEO,SAAS,wBAAwB,UAAoD;AAC1F,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,YAAY;AAAA,MACV,GAAG,0BAA0B;AAAA,MAC7B,YAAY,SAAS,SAAS,0BAA0B,YAAY;AAAA,MACpE,qBAAqB,SAAS,SAAS,0BAA0B,YAAY;AAAA,MAC7E,WAAW,SAAS;AAAA,MACpB,cAAc,SAAS;AAAA,MACvB,WAAW,SAAS;AAAA,MACpB,cAAc,SAAS;AAAA,MACvB,UAAU,SAAS;AAAA,MACnB,aAAa,SAAS;AAAA,IACxB;AAAA,IACA,SAAS;AAAA,MACP,GAAG,0BAA0B;AAAA,MAC7B,YAAY,SAAS;AAAA,MACrB,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,SAAS,SAAS;AAAA,MAClB,aAAa,SAAS;AAAA,MACtB,aAAa,SAAS;AAAA,MACtB,WAAW,SAAS;AAAA,MACpB,aAAa,SAAS;AAAA,MACtB,WAAW,SAAS;AAAA,MACpB,aAAa,SAAS;AAAA,IACxB;AAAA,EACF;AACF;;;AC9FO,IAAM,oBAAmD;AAAA,EAC9D,KAAK,OAAO;AACV,UAAM,QAAQ,MAAM,MAAM,0BAA0B;AACpD,WAAO,QAAQ,GAAG,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,KAAK;AAAA,EACzD;AAAA,EACA,YAAY,OAAO,UAAU;AAC3B,QAAI,CAAC,SAAU,QAAO;AACtB,WAAO,MAAM,QAAQ,yBAAyB,EAAE;AAAA,EAClD;AAAA,EACA,eAAe,OAAO;AACpB,WAAO,QAAQ,MAAM,OAAO,CAAC,EAAE,kBAAkB,IAAI,MAAM,MAAM,CAAC,IAAI;AAAA,EACxE;AACF;AAEO,SAAS,aAA+B,MAAS,WAA2B;AACjF,MAAI,CAAC,UAAW,QAAO,EAAE,GAAG,KAAK;AACjC,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,EAAE,GAAG,MAAM,GAAG,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AAAA,EACrF;AACF;AAEO,SAAS,gBAAgB,OAAuB;AACrD,SAAO,MACJ,QAAQ,SAAS,GAAG,EACpB,QAAQ,SAAS,GAAG,EACpB,QAAQ,WAAW,GAAG,EACtB,QAAQ,uBAAuB,GAAG,EAClC,QAAQ,UAAU,GAAG;AAC1B;;;AClBS,SAuG4E,UAvG5E,KAwDC,YAxDD;AANT,SAAS,UAAU,MAAc,SAAiB,WAAkC;AAClF,SAAO,EAAE,UAAU,GAAG,IAAI,MAAM,YAAY,GAAG,OAAO,MAAM,WAAW,GAAG,SAAS,KAAK;AAC1F;AAEA,SAAS,KAAK,EAAE,UAAU,YAAY,IAAI,MAAM,GAAuE;AACrH,MAAI,aAAa,QAAQ,aAAa,UAAa,aAAa,GAAI,QAAO;AAC3E,SAAO,oBAAC,SAAI,WAAW,YAAY,SAAS,IAAI,OAAe,UAAS;AAC1E;AAEO,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,2BAA2B,SAAS;AAAA,EACpC,uBAAuB;AAAA,EACvB,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAmB;AACjB,QAAM,aAAa;AAAA,IACjB,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACA,QAAM,UAAU;AAAA,IACd,sBAAsB;AAAA,IACtB,OAAO;AAAA,EACT;AACA,QAAM,SAAS,aAAa,uBAAuB,KAAK;AACxD,QAAM,MAAM,EAAE,GAAG,mBAAmB,GAAG,WAAW;AAClD,QAAM,EAAE,SAAS,MAAM,MAAM,KAAK,IAAI;AACtC,QAAM,UAAU,QAAQ,QAAQ,aAAa,QAAQ,QAAQ;AAC7D,QAAM,QAAQ,SAAS,WAAW,KAAK,cAAc,KAAK;AAC1D,QAAM,SAAS,SAAS,WAAW,KAAK,oBAAoB,KAAK;AACjE,QAAM,cAAc,SAAS,OAAO,QAAQ,aAAa;AACzD,QAAM,eAAe,SAAU,QAAQ,QAAQ,eAAe,OAAO,QAAQ,aAAa,IAAK;AAC/F,QAAM,aAAa,UAAW,SAAS,SAAS,QAAQ,aAAa,OAAO,QAAQ,aAAa,IAAK;AACtG,QAAM,iBAAiB,OAAO,OAAO,SAAS,MAAM;AACpD,QAAM,eAAe,QAAQ,UAAU;AACvC,QAAM,gBAAgB,QAAQ,UAAU,SAAS;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,mBAAgB;AAAA,MAChB,mBAAgB;AAAA,MAChB,iBAAc;AAAA,MACd,aAAW;AAAA,MACX,WAAW,YAAY,SAAS,GAAG,KAAK;AAAA,MACxC,OAAO;AAAA,QACL,OAAO,GAAG,OAAO,SAAS;AAAA,QAC1B,UAAU,GAAG,OAAO,SAAS;AAAA,QAC7B,GAAI,OAAO,YAAY,OAAO,EAAE,QAAQ,GAAG,OAAO,QAAQ,KAAK,IAAI,CAAC;AAAA,QACpE,SAAS,GAAG,OAAO,SAAS,MAAM,OAAO,mBAAmB;AAAA,QAC5D,QAAQ,OAAO,SAAS,GAAG,OAAO,aAAa,mBAAmB;AAAA,QAClE,KAAK,GAAG,QAAQ,YAAY;AAAA,QAC5B,YAAY,WAAW;AAAA,QACvB,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,eACC,oBAAC,SAAI,WAAU,YACb;AAAA,UAAC;AAAA;AAAA,YAAI,WAAW,KAAK;AAAA,YAAW,OAAM;AAAA,YACpC,OAAO,OAAO,KAAK,KAAK,IAAI;AAAA,YAAI,QAAQ,OAAO,KAAK,MAAM,IAAI;AAAA,YAC9D,SAAS,KAAK;AAAA,YAAS,MAAM,KAAK,QAAQ,QAAQ;AAAA,YAAW,eAAa,KAAK,QAAQ,SAAY;AAAA,YAClG;AAAA,mBAAK,QAAQ,oBAAC,WAAO,eAAK,OAAM,IAAW;AAAA,cAC5C,oBAAC,OAAE,yBAAyB,EAAE,QAAQ,gBAAgB,KAAK,GAAG,EAAE,GAAG;AAAA;AAAA;AAAA,QACrE,GACF,IACE;AAAA,QAEJ;AAAA,UAAC;AAAA;AAAA,YAAK,WAAW,SAAS,WAAW,aAAa;AAAA,YAChD,OAAO,UAAU,SAAS,WAAW,KAAK,WAAW,WAAW,WAAW,cAAc,WAAW;AAAA,YACnG,mBAAS,YAAY,QAAQ,QAAQ,SAAS,eAAe,QAAQ;AAAA;AAAA,QACxE;AAAA,QACA,oBAAC,QAAK,OAAO,UAAU,WAAW,WAAW,WAAW,cAAc,YAAY,GAC/E,mBAAS,YAAY,SAAS,IAAI,eAAe,MAAM,IAAI,SAAS,eAAe,SAAS,MAC/F;AAAA,QAEC,UACC,oBAAC,QAAK,WAAU,+BAA8B,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,UAAU,GACnH,WAAC,QAAQ,WAAW,QAAQ,QAAQ,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACjE,IACE,2BAA2B,oBAAC,SAAI,WAAU,mBAAmB,gCAAqB,IAAS;AAAA,QAE7F,QAAQ,iBAAiB,QAAQ,aAAe,QAAQ,iBAAiB,QAAQ,YACjF;AAAA,UAAC;AAAA;AAAA,YAAI,WAAW,aAAa,iBAAiB,qBAAqB,EAAE;AAAA,YACnE,OAAO,EAAE,WAAW,GAAG,QAAQ,OAAO,MAAM,YAAY,GAAG,WAAW,WAAW,KAAK;AAAA,YACrF;AAAA,sBAAQ,iBAAiB,QAAQ,YAChC,qBAAC,UAAK,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,QAAQ,SAAS,EAAE,SAAS,KAAK,WAAW,eAAe,WAAW,QAAQ,KAAK,GAAG;AAAA;AAAA,gBAC/G,IAAI,KAAK,QAAQ,SAAS;AAAA,iBACtC,IACE;AAAA,cACH,QAAQ,iBAAiB,QAAQ,YAChC,qBAAC,UAAK,OAAO,EAAE,UAAU,GAAG,IAAI,KAAK,QAAQ,SAAS,EAAE,SAAS,KAAK,WAAW,eAAe,WAAW,QAAQ,KAAK,GACtH;AAAA,oCAAC,UAAK,WAAU,mBAAkB,cAAW,QAAO,oBAAC;AAAA,gBAAO;AAAA,gBAAE,IAAI,KAAK,QAAQ,SAAS;AAAA,iBAC1F,IACE;AAAA;AAAA;AAAA,QACN,IACE;AAAA,QAEH,SAAS,eAAe,oBAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GAAI,eAAK,UAAS,IAAU;AAAA,QAC3I,SAAS,WAAW,oBAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GAAI,eAAK,WAAW,IAAI,eAAe,KAAK,QAAQ,IAAI,MAAK,IAAU;AAAA,QAClL,SAAS,WAAW,oBAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,SAAS,GAAI,eAAK,SAAQ,IAAU;AAAA,QACrI,oBAAC,QAAK,WAAU,cAAa,OAAO,UAAU,WAAW,cAAc,WAAW,iBAAiB,QAAQ,WAAW,GAAI,eAAK,UAAS;AAAA,QACvI,KAAK,SAAS,oBAAC,QAAK,WAAW,GAAG,SAAS,eAAe,cAAc,EAAE,sBAAsB,OAAO,UAAU,WAAW,YAAY,WAAW,eAAe,QAAQ,SAAS,GAAI,eAAK,QAAO,IAAU;AAAA,QAE7M,SAAS,gBAAgB,iBAAiB,iBAAiB,QAAQ,cAAc,QAAQ,qBAAqB,QAAQ,UAAU,QAAQ,eACvI,qBAAC,SAAI,WAAU,YAAW,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GACxG;AAAA,kBAAQ,cAAc,QAAQ,SAAS,oBAAC,SAAK,kBAAQ,OAAO,SAAS,KAAK,iCAAG;AAAA;AAAA,YAAc,oBAAC,QAAG;AAAA,YAAG,QAAQ;AAAA,aAAO,IAAM,GAAG,iBAAiB,EAAE,IAAI,QAAQ,MAAM,GAAG,KAAK,GAAE,IAAS;AAAA,UAClL,QAAQ,mBAAmB,QAAQ,cAAc,oBAAC,SAAK,cAAI,YAAY,QAAQ,aAAa,QAAQ,QAAQ,eAAe,CAAC,GAAE,IAAS;AAAA,WAC1I,IACE;AAAA,QAEJ,oBAAC,QAAK,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,SAAS,GAAI,eAAK,QAAO;AAAA,QACpG,KAAK,WAAW,iCAAE;AAAA,8BAAC,SAAI,WAAU,eAAc,OAAO,EAAE,WAAW,GAAG,QAAQ,WAAW,KAAK,GAAG;AAAA,UAAE,oBAAC,QAAK,WAAU,gBAAe,OAAO,UAAU,WAAW,UAAU,WAAW,aAAa,QAAQ,WAAW,GAAI,eAAK,UAAS;AAAA,WAAO,IAAM;AAAA;AAAA;AAAA,EACrP;AAEJ;","names":[]}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "navne-default-ad",
+  "version": "1.0.0",
+  "description": "Reusable obituary and thank-you advertisement renderer",
+  "license": "UNLICENSED",
+  "sideEffects": ["**/*.css"],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles.css": "./dist/index.css",
+    "./package.json": "./package.json"
+  },
+  "files": ["dist", "README.md", "AUDIT.md", "LICENSE"],
+  "scripts": {
+    "build": "tsup",
+    "clean": "tsup --clean",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "smoke": "node scripts/smoke.cjs",
+    "pack:check": "npm pack --dry-run"
+  },
+  "peerDependencies": {
+    "react": ">=18 <20",
+    "react-dom": ">=18 <20"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.3.0",
+    "@types/react": "^19.1.0",
+    "@types/react-dom": "^19.1.0",
+    "jsdom": "^26.1.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3",
+    "vitest": "^3.2.4"
+  },
+  "engines": { "node": ">=18" },
+  "publishConfig": { "access": "public" }
+}