@voyant-travel/notifications-react 0.111.7

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for describing the origin of the Work and
+      reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may accept and charge a
+      fee for, the acceptance of support, warranty, indemnity, or
+      other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2026 PixelMakers Studio SRL
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,30 @@
+# @voyant-travel/notifications-react
+
+The notifications client tier: headless data hooks/clients plus the styled UI
+components and admin pages (formerly `@voyant-travel/notifications-ui`).
+
+Headless consumers import from the root, `./hooks`, or `./client` — these pull
+no styling peers. Styled surfaces live under `./ui`, `./components/*`,
+`./admin`, `./i18n`, and `./styles.css`, whose heavier peers (`@voyant-travel/ui`,
+`@voyant-travel/admin`, `lucide-react`, `react-hook-form`) are optional and only
+needed when you import those subpaths.
+
+React components for Voyant notifications: reminder sequence editor (stages + channels), notification settings, and preview.
+
+## Install
+
+```bash
+pnpm add @voyant-travel/notifications-react @voyant-travel/ui @tanstack/react-query react react-dom
+```
+
+```ts
+import "@voyant-travel/notifications-react/styles.css"
+```
+
+## Components
+
+- `<StageList />` — reminder rule's ordered stages with reorder + delete.
+- `<StageEditorDialog />` — create / edit a stage (anchor, window, cadence).
+- `<StageChannelEditorDialog />` — create / edit a channel under a stage.
+- `<NotificationSettingsForm />` — quiet hours, blackout dates, weekend skip, recipient rate limit, suppression window.
+- `<RemindersPreviewList />` — what would fire on a given date with reasoning.

package/dist/admin/index.d.ts

@@ -0,0 +1,70 @@
+import { type AdminExtension } from "@voyant-travel/admin";
+/**
+ * Semantic destinations the notifications admin surfaces navigate to
+ * (packaged-admin RFC §4.7): the templates list/detail pair (list rows and
+ * the detail page's back link) and the reminder rules list/detail pair
+ * (the per-rule "Manage stages" link and the stage editor's back link).
+ * All shapes are closed, so they are declared here directly.
+ */
+declare module "@voyant-travel/admin" {
+    interface AdminDestinations {
+        /** The notification templates list page. */
+        "notificationTemplate.list": Record<string, never>;
+        /** A notification template's detail page. */
+        "notificationTemplate.detail": {
+            templateId: string;
+        };
+        /** The reminder rules list page. */
+        "notificationReminderRule.list": Record<string, never>;
+        /** A reminder rule's detail page (stage sequence editor). */
+        "notificationReminderRule.detail": {
+            ruleId: string;
+        };
+    }
+}
+export type { NotificationReminderRuleDetailHostProps } from "./notification-reminder-rule-detail-host.js";
+export type { NotificationTemplateDetailHostProps } from "./notification-template-detail-host.js";
+export interface CreateNotificationsAdminExtensionOptions {
+    /** Mount path of the notifications pages inside the admin workspace. Default `/notifications`. */
+    basePath?: string;
+    /** Localized page titles. Defaults are the English operator nav labels. */
+    labels?: {
+        templates?: string;
+        reminderRules?: string;
+        deliveries?: string;
+        reminderRuns?: string;
+        preview?: string;
+        settings?: string;
+    };
+}
+/**
+ * The notifications admin contribution (packaged-admin RFC Phase 3,
+ * `@voyant-travel/<domain>-ui/admin` convention).
+ *
+ * NAVIGATION: deliberately none. The Notifications nav group (templates,
+ * reminder rules, deliveries, reminder runs, preview, settings) is part of
+ * the BASE operator navigation — see `createOperatorAdminNavigation` in
+ * `@voyant-travel/admin` — so contributing nav entries here would duplicate
+ * them. If the base nav ever drops the notifications group, this extension
+ * is where the entries move.
+ *
+ * ROUTES: full implementations (packaged-admin RFC §4.8 endgame) — each
+ * contribution carries a lazy `page` module loader, so hosts bind them
+ * through their code-assembled admin route tree with no per-route files.
+ * The notifications pages keep their filter state component-local and fetch
+ * client-side, so contributions carry no loader, no search contract and no
+ * SSR override. {@link NotificationTemplatesHost},
+ * {@link NotificationReminderRulesHost}, {@link NotificationDeliveriesHost},
+ * {@link NotificationReminderRunsHost}, {@link RemindersPreviewHost} and
+ * {@link NotificationSettingsHost} are zero-prop; the detail contributions
+ * resolve wrapper pages (`./pages/*`) that bind the matched `$id` param onto
+ * {@link NotificationTemplateDetailHost} and
+ * {@link NotificationReminderRuleDetailHost}. Pages stay code-split because
+ * every `page` is a dynamic import of the specific host module, never a
+ * static reference from this factory.
+ *
+ * WIDGETS: none today. No cross-domain notifications card is slot-mounted —
+ * deliveries shown on other domains' detail pages are those hosts' concern.
+ */
+export declare function createNotificationsAdminExtension(options?: CreateNotificationsAdminExtensionOptions): AdminExtension;
+//# sourceMappingURL=index.d.ts.map

package/dist/admin/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAGpB,MAAM,sBAAsB,CAAA;AAE7B;;;;;;GAMG;AACH,OAAO,QAAQ,sBAAsB,CAAC;IACpC,UAAU,iBAAiB;QACzB,4CAA4C;QAC5C,2BAA2B,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QAClD,6CAA6C;QAC7C,6BAA6B,EAAE;YAAE,UAAU,EAAE,MAAM,CAAA;SAAE,CAAA;QACrD,oCAAoC;QACpC,+BAA+B,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;QACtD,6DAA6D;QAC7D,iCAAiC,EAAE;YAAE,MAAM,EAAE,MAAM,CAAA;SAAE,CAAA;KACtD;CACF;AAWD,YAAY,EAAE,uCAAuC,EAAE,MAAM,6CAA6C,CAAA;AAC1G,YAAY,EAAE,mCAAmC,EAAE,MAAM,wCAAwC,CAAA;AAEjG,MAAM,WAAW,wCAAwC;IACvD,kGAAkG;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2EAA2E;IAC3E,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,iCAAiC,CAC/C,OAAO,GAAE,wCAA6C,GACrD,cAAc,CAmGhB"}

package/dist/admin/index.js

@@ -0,0 +1,104 @@
+import { adminRoutePageModule, defineAdminExtension, } from "@voyant-travel/admin";
+/**
+ * The notifications admin contribution (packaged-admin RFC Phase 3,
+ * `@voyant-travel/<domain>-ui/admin` convention).
+ *
+ * NAVIGATION: deliberately none. The Notifications nav group (templates,
+ * reminder rules, deliveries, reminder runs, preview, settings) is part of
+ * the BASE operator navigation — see `createOperatorAdminNavigation` in
+ * `@voyant-travel/admin` — so contributing nav entries here would duplicate
+ * them. If the base nav ever drops the notifications group, this extension
+ * is where the entries move.
+ *
+ * ROUTES: full implementations (packaged-admin RFC §4.8 endgame) — each
+ * contribution carries a lazy `page` module loader, so hosts bind them
+ * through their code-assembled admin route tree with no per-route files.
+ * The notifications pages keep their filter state component-local and fetch
+ * client-side, so contributions carry no loader, no search contract and no
+ * SSR override. {@link NotificationTemplatesHost},
+ * {@link NotificationReminderRulesHost}, {@link NotificationDeliveriesHost},
+ * {@link NotificationReminderRunsHost}, {@link RemindersPreviewHost} and
+ * {@link NotificationSettingsHost} are zero-prop; the detail contributions
+ * resolve wrapper pages (`./pages/*`) that bind the matched `$id` param onto
+ * {@link NotificationTemplateDetailHost} and
+ * {@link NotificationReminderRuleDetailHost}. Pages stay code-split because
+ * every `page` is a dynamic import of the specific host module, never a
+ * static reference from this factory.
+ *
+ * WIDGETS: none today. No cross-domain notifications card is slot-mounted —
+ * deliveries shown on other domains' detail pages are those hosts' concern.
+ */
+export function createNotificationsAdminExtension(options = {}) {
+    const { basePath = "/notifications", labels = {} } = options;
+    const { templates = "Templates", reminderRules = "Reminder Rules", deliveries = "Deliveries", reminderRuns = "Reminder Runs", preview = "Preview", settings = "Settings", } = labels;
+    return defineAdminExtension({
+        id: "notifications",
+        routes: [
+            {
+                // Index redirect (formerly the host's `notifications/index.tsx`
+                // file route): `/notifications` lands on the templates page.
+                id: "notifications-index",
+                path: basePath,
+                title: templates,
+                redirectTo: `${basePath}/templates`,
+            },
+            {
+                id: "notifications-templates-index",
+                path: `${basePath}/templates`,
+                title: templates,
+                // Route-backed destination (RFC §4.7 endgame): the key resolves by
+                // pure path interpolation of this route, so the host's resolver is
+                // generated (`voyant admin generate --destinations`).
+                destination: "notificationTemplate.list",
+                page: () => import("./notification-templates-host.js").then((module) => adminRoutePageModule(module.NotificationTemplatesHost)),
+            },
+            {
+                id: "notifications-templates-detail",
+                path: `${basePath}/templates/$id`,
+                title: templates,
+                destination: "notificationTemplate.detail",
+                destinationParams: { id: "templateId" },
+                page: () => import("./pages/notification-template-detail-page.js"),
+            },
+            {
+                id: "notifications-reminder-rules-index",
+                path: `${basePath}/reminder-rules`,
+                title: reminderRules,
+                destination: "notificationReminderRule.list",
+                page: () => import("./notification-reminder-rules-host.js").then((module) => adminRoutePageModule(module.NotificationReminderRulesHost)),
+            },
+            {
+                id: "notifications-reminder-rules-detail",
+                path: `${basePath}/reminder-rules/$id`,
+                title: reminderRules,
+                destination: "notificationReminderRule.detail",
+                destinationParams: { id: "ruleId" },
+                page: () => import("./pages/notification-reminder-rule-detail-page.js"),
+            },
+            {
+                id: "notifications-deliveries",
+                path: `${basePath}/deliveries`,
+                title: deliveries,
+                page: () => import("./notification-deliveries-host.js").then((module) => adminRoutePageModule(module.NotificationDeliveriesHost)),
+            },
+            {
+                id: "notifications-reminder-runs",
+                path: `${basePath}/reminder-runs`,
+                title: reminderRuns,
+                page: () => import("./notification-reminder-runs-host.js").then((module) => adminRoutePageModule(module.NotificationReminderRunsHost)),
+            },
+            {
+                id: "notifications-preview",
+                path: `${basePath}/preview`,
+                title: preview,
+                page: () => import("./reminders-preview-host.js").then((module) => adminRoutePageModule(module.RemindersPreviewHost)),
+            },
+            {
+                id: "notifications-settings",
+                path: `${basePath}/settings`,
+                title: settings,
+                page: () => import("./notification-settings-host.js").then((module) => adminRoutePageModule(module.NotificationSettingsHost)),
+            },
+        ],
+    });
+}

package/dist/admin/notification-deliveries-host.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Packaged admin host for the notification deliveries page (packaged-admin
+ * RFC Phase 3). Zero-prop: filter state stays component-local and the
+ * details dialog is in-page — no cross-route navigation.
+ */
+export declare function NotificationDeliveriesHost(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notification-deliveries-host.d.ts.map

package/dist/admin/notification-deliveries-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-deliveries-host.d.ts","sourceRoot":"","sources":["../../src/admin/notification-deliveries-host.tsx"],"names":[],"mappings":"AA2BA;;;;GAIG;AACH,wBAAgB,0BAA0B,4CA+KzC"}

package/dist/admin/notification-deliveries-host.js

@@ -0,0 +1,92 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Badge, Button, Dialog, DialogBody, DialogContent, DialogDescription, DialogHeader, DialogTitle, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@voyant-travel/ui/components";
+import { Loader2, RotateCcw, Search } from "lucide-react";
+import { useState } from "react";
+import { useNotificationsUiMessagesOrDefault } from "../i18n/index.js";
+import { useNotificationDeliveries, useNotificationDeliveryMutation, } from "../index.js";
+/**
+ * Packaged admin host for the notification deliveries page (packaged-admin
+ * RFC Phase 3). Zero-prop: filter state stays component-local and the
+ * details dialog is in-page — no cross-route navigation.
+ */
+export function NotificationDeliveriesHost() {
+    const messages = useNotificationsUiMessagesOrDefault();
+    const t = messages.admin.deliveriesPage;
+    const common = messages.admin.common;
+    const [channel, setChannel] = useState("all");
+    const [status, setStatus] = useState("all");
+    const [selectedDelivery, setSelectedDelivery] = useState(null);
+    const deliveryMutation = useNotificationDeliveryMutation();
+    const selectedDeliveryId = selectedDelivery?.id;
+    const { data, isPending } = useNotificationDeliveries({
+        channel: channel === "all" ? undefined : channel,
+        status: status === "all" ? undefined : status,
+        limit: 50,
+        offset: 0,
+    });
+    return (_jsxs("div", { className: "flex flex-col gap-6 p-6", children: [_jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-bold tracking-tight", children: t.title }), _jsx("p", { className: "text-sm text-muted-foreground", children: t.description })] }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs(Select, { value: channel, onValueChange: (value) => setChannel(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[140px]", children: _jsx(SelectValue, { placeholder: common.channelFilterPlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: common.allChannels }), _jsx(SelectItem, { value: "email", children: common.channelEmail }), _jsx(SelectItem, { value: "sms", children: common.channelSms })] })] }), _jsxs(Select, { value: status, onValueChange: (value) => setStatus(value ?? "all"), children: [_jsx(SelectTrigger, { className: "w-[140px]", children: _jsx(SelectValue, { placeholder: common.statusFilterPlaceholder }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "all", children: common.allStatuses }), _jsx(SelectItem, { value: "pending", children: common.statusPending }), _jsx(SelectItem, { value: "sent", children: common.statusSent }), _jsx(SelectItem, { value: "failed", children: common.statusFailed }), _jsx(SelectItem, { value: "cancelled", children: common.statusCancelled })] })] })] }), isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : null, !isPending && (!data?.data || data.data.length === 0) ? (_jsx("div", { className: "rounded-md border border-dashed p-8 text-center", children: _jsx("p", { className: "text-sm text-muted-foreground", children: t.empty }) })) : null, !isPending && data?.data && data.data.length > 0 ? (_jsx("div", { className: "rounded-md border", children: _jsxs("table", { className: "w-full text-sm", children: [_jsx("thead", { className: "bg-muted/40 text-left text-xs uppercase tracking-wide text-muted-foreground", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3", children: "To" }), _jsx("th", { className: "px-4 py-3", children: "Template" }), _jsx("th", { className: "px-4 py-3", children: "Channel" }), _jsx("th", { className: "px-4 py-3", children: "Provider" }), _jsx("th", { className: "px-4 py-3", children: "Status" }), _jsx("th", { className: "px-4 py-3", children: "Created" }), _jsx("th", { className: "px-4 py-3 text-right", children: "Logs" })] }) }), _jsx("tbody", { children: data.data.map((delivery) => (_jsxs("tr", { className: "border-t", children: [_jsxs("td", { className: "px-4 py-3", children: [_jsx("div", { children: delivery.toAddress }), delivery.subject ? (_jsx("div", { className: "text-xs text-muted-foreground", children: delivery.subject })) : null] }), _jsx("td", { className: "px-4 py-3 font-mono text-xs", children: delivery.templateSlug ?? common.directTemplate }), _jsx("td", { className: "px-4 py-3", children: _jsx(Badge, { variant: "outline", children: delivery.channel }) }), _jsx("td", { className: "px-4 py-3", children: delivery.provider }), _jsxs("td", { className: "px-4 py-3", children: [_jsx(Badge, { variant: delivery.status === "sent"
+                                                    ? "default"
+                                                    : delivery.status === "failed"
+                                                        ? "destructive"
+                                                        : "secondary", children: delivery.status }), delivery.status === "failed" && delivery.errorMessage ? (_jsx("div", { className: "mt-1 max-w-[280px] truncate text-destructive text-xs", children: delivery.errorMessage })) : null] }), _jsx("td", { className: "px-4 py-3", children: new Date(delivery.createdAt).toLocaleString() }), _jsx("td", { className: "px-4 py-3 text-right", children: _jsxs("div", { className: "flex justify-end gap-1", children: [delivery.status === "failed" ? (_jsxs(Button, { type: "button", variant: "ghost", size: "sm", disabled: deliveryMutation.resend.isPending, onClick: () => {
+                                                        deliveryMutation.resend.mutate(delivery.id, {
+                                                            onError(error) {
+                                                                window.alert(error instanceof Error ? error.message : t.resendFailed);
+                                                            },
+                                                        });
+                                                    }, children: [deliveryMutation.resend.isPending ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(RotateCcw, { className: "mr-2 h-4 w-4" })), t.resend] })) : null, _jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setSelectedDelivery(delivery), children: [_jsx(Search, { className: "mr-2 h-4 w-4" }), t.detailsButton] })] }) })] }, delivery.id))) })] }) })) : null, _jsx(DeliveryDetailsDialog, { messages: messages, delivery: selectedDelivery, open: Boolean(selectedDelivery), onOpenChange: (open) => {
+                    if (!open)
+                        setSelectedDelivery(null);
+                }, onResend: selectedDelivery?.status === "failed" && selectedDeliveryId
+                    ? () => {
+                        deliveryMutation.resend.mutate(selectedDeliveryId, {
+                            onError(error) {
+                                window.alert(error instanceof Error ? error.message : t.resendFailed);
+                            },
+                        });
+                    }
+                    : undefined, isResending: deliveryMutation.resend.isPending })] }));
+}
+function DeliveryDetailsDialog({ messages, delivery, open, onOpenChange, onResend, isResending = false, }) {
+    if (!delivery)
+        return null;
+    const t = messages.admin.deliveriesPage;
+    const failureLog = readRecord(delivery.metadata?.failureLog);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { size: "xl", children: [_jsx(DialogHeader, { children: _jsxs("div", { className: "flex items-start justify-between gap-4 pr-8", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(DialogTitle, { children: t.dialogTitle }), _jsx(DialogDescription, { children: t.dialogDescription })] }), onResend ? (_jsxs(Button, { type: "button", variant: "outline", size: "sm", disabled: isResending, onClick: onResend, children: [isResending ? (_jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" })) : (_jsx(RotateCcw, { className: "mr-2 h-4 w-4" })), t.resend] })) : null] }) }), _jsxs(DialogBody, { className: "space-y-5", children: [_jsxs("section", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(Detail, { label: t.labels.deliveryId, value: delivery.id, mono: true }), _jsx(Detail, { label: t.labels.status, value: delivery.status }), _jsx(Detail, { label: t.labels.provider, value: delivery.provider }), _jsx(Detail, { label: t.labels.providerMessageId, value: delivery.providerMessageId ?? "—", mono: true }), _jsx(Detail, { label: t.labels.template, value: delivery.templateSlug ?? messages.admin.common.directTemplate, mono: true }), _jsx(Detail, { label: t.labels.channel, value: delivery.channel }), _jsx(Detail, { label: t.labels.created, value: formatDateTime(delivery.createdAt) }), _jsx(Detail, { label: t.labels.failed, value: formatDateTime(delivery.failedAt) }), _jsx(Detail, { label: t.labels.sent, value: formatDateTime(delivery.sentAt) }), _jsx(Detail, { label: t.labels.scheduled, value: formatDateTime(delivery.scheduledFor) })] }), delivery.errorMessage ? (_jsx(LogSection, { title: t.errorMessageTitle, tone: "destructive", children: delivery.errorMessage })) : null, failureLog ? (_jsx(JsonSection, { title: t.failureLogTitle, value: failureLog })) : delivery.status === "failed" ? (_jsx(LogSection, { title: t.failureLogTitle, children: t.noFailureLog })) : null, _jsxs("section", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(Detail, { label: t.labels.to, value: delivery.toAddress }), _jsx(Detail, { label: t.labels.from, value: delivery.fromAddress ?? "—" }), _jsx(Detail, { label: t.labels.subject, value: delivery.subject ?? "—" }), _jsx(Detail, { label: t.labels.target, value: formatTarget(delivery), mono: true })] }), _jsx(JsonSection, { title: t.payloadDataTitle, value: delivery.payloadData }), _jsx(JsonSection, { title: t.metadataTitle, value: delivery.metadata }), _jsx(BodySection, { title: t.textBodyTitle, value: delivery.textBody }), _jsx(BodySection, { title: t.htmlBodyTitle, value: delivery.htmlBody })] })] }) }));
+}
+function Detail({ label, value, mono = false }) {
+    return (_jsxs("div", { className: "rounded-md border bg-muted/20 p-3", children: [_jsx("div", { className: "text-muted-foreground text-xs uppercase tracking-wide", children: label }), _jsx("div", { className: `mt-1 break-words text-sm ${mono ? "font-mono" : ""}`, children: value || "—" })] }));
+}
+function LogSection({ title, children, tone, }) {
+    return (_jsxs("section", { className: "space-y-2", children: [_jsx("h2", { className: "font-medium text-sm", children: title }), _jsx("pre", { className: `max-h-56 overflow-auto rounded-md border p-3 text-xs ${
+                // i18n-literal-ok tailwind utilities keyed off a tone enum, not user-facing copy.
+                tone === "destructive" ? "border-destructive/30 bg-destructive/10" : "bg-muted/30"}`, children: children })] }));
+}
+function JsonSection({ title, value }) {
+    if (!value)
+        return null;
+    return _jsx(LogSection, { title: title, children: JSON.stringify(value, null, 2) });
+}
+function BodySection({ title, value }) {
+    if (!value)
+        return null;
+    return _jsx(LogSection, { title: title, children: value });
+}
+function readRecord(value) {
+    return value && typeof value === "object" && !Array.isArray(value)
+        ? value
+        : null;
+}
+function formatDateTime(value) {
+    return value ? new Date(value).toLocaleString() : "—";
+}
+function formatTarget(delivery) {
+    const targetId = delivery.bookingId ??
+        delivery.invoiceId ??
+        delivery.paymentSessionId ??
+        delivery.personId ??
+        delivery.organizationId ??
+        delivery.targetId;
+    return targetId ? `${delivery.targetType}:${targetId}` : delivery.targetType;
+}

package/dist/admin/notification-delivery-detail-dialog.d.ts

@@ -0,0 +1,8 @@
+type NotificationDeliveryDetailDialogProps = {
+    deliveryId: string | null;
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+};
+export declare function NotificationDeliveryDetailDialog({ deliveryId, open, onOpenChange, }: NotificationDeliveryDetailDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=notification-delivery-detail-dialog.d.ts.map

package/dist/admin/notification-delivery-detail-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-delivery-detail-dialog.d.ts","sourceRoot":"","sources":["../../src/admin/notification-delivery-detail-dialog.tsx"],"names":[],"mappings":"AAeA,KAAK,qCAAqC,GAAG;IAC3C,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC,CAAA;AAED,wBAAgB,gCAAgC,CAAC,EAC/C,UAAU,EACV,IAAI,EACJ,YAAY,GACb,EAAE,qCAAqC,2CA+HvC"}

package/dist/admin/notification-delivery-detail-dialog.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge, Button, Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@voyant-travel/ui/components";
+import { Loader2 } from "lucide-react";
+import { useNotificationsUiMessagesOrDefault } from "../i18n/index.js";
+import { useNotificationDelivery } from "../index.js";
+export function NotificationDeliveryDetailDialog({ deliveryId, open, onOpenChange, }) {
+    const messages = useNotificationsUiMessagesOrDefault();
+    const t = messages.admin.deliveryDetail;
+    const { data, isPending, error } = useNotificationDelivery(deliveryId ?? "", {
+        enabled: open && Boolean(deliveryId),
+    });
+    const delivery = data ?? null;
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-4xl", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: t.title }) }), _jsxs("div", { className: "min-h-0 flex-1 space-y-4 overflow-y-auto py-4 pr-1", children: [isPending ? (_jsx("div", { className: "flex items-center justify-center py-12", children: _jsx(Loader2, { className: "h-6 w-6 animate-spin text-muted-foreground" }) })) : null, !isPending && error ? (_jsx("div", { className: "rounded-md border border-destructive/30 bg-destructive/10 px-4 py-3 text-sm text-destructive", children: error instanceof Error ? error.message : t.loadFailed })) : null, !isPending && delivery ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "grid gap-3 md:grid-cols-2 xl:grid-cols-4", children: [_jsx(InfoCard, { label: t.labels.to, value: delivery.toAddress }), _jsx(InfoCard, { label: t.labels.template, value: delivery.templateSlug ?? messages.admin.common.directTemplate, mono: true }), _jsx(InfoCard, { label: t.labels.provider, value: delivery.provider }), _jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: t.labels.status }), _jsx("div", { className: "mt-2", children: _jsx(Badge, { variant: delivery.status === "sent"
+                                                            ? "default"
+                                                            : delivery.status === "failed"
+                                                                ? "destructive"
+                                                                : "secondary", children: delivery.status }) })] })] }), _jsxs("div", { className: "grid gap-4 lg:grid-cols-2", children: [_jsxs(Section, { title: t.metadataTitle, children: [_jsx(KeyValue, { label: t.labels.channel, value: delivery.channel }), _jsx(KeyValue, { label: t.labels.from, value: delivery.fromAddress ?? "—" }), _jsx(KeyValue, { label: t.labels.targetType, value: delivery.targetType }), _jsx(KeyValue, { label: t.labels.targetId, value: delivery.targetId ?? "—", mono: true }), _jsx(KeyValue, { label: t.labels.providerMessageId, value: delivery.providerMessageId ?? "—", mono: true }), _jsx(KeyValue, { label: t.labels.created, value: new Date(delivery.createdAt).toLocaleString() }), _jsx(KeyValue, { label: t.labels.sent, value: delivery.sentAt ? new Date(delivery.sentAt).toLocaleString() : "—" }), _jsx(KeyValue, { label: t.labels.failed, value: delivery.failedAt ? new Date(delivery.failedAt).toLocaleString() : "—" })] }), _jsxs(Section, { title: t.renderedPayloadTitle, children: [_jsx(KeyValue, { label: t.labels.subject, value: delivery.subject ?? "—" }), _jsx(KeyValue, { label: t.labels.error, value: delivery.errorMessage ?? "—" }), _jsxs("div", { className: "space-y-1", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: t.labels.text }), _jsx("pre", { className: "whitespace-pre-wrap rounded-md border bg-muted/20 px-3 py-3 text-xs", children: delivery.textBody ?? "—" })] })] })] }), _jsx(Section, { title: t.htmlBodyTitle, children: delivery.htmlBody ? (_jsx("div", { className: "prose prose-sm max-w-none rounded-md border bg-background px-4 py-4 dark:prose-invert", 
+                                        // biome-ignore lint/security/noDangerouslySetInnerHtml: Notification HTML body is stored template output rendered for preview. -- owner: notifications-react; existing suppression is intentional pending typed cleanup.
+                                        dangerouslySetInnerHTML: { __html: delivery.htmlBody } })) : (_jsx("div", { className: "rounded-md border bg-muted/20 px-4 py-3 text-sm text-muted-foreground", children: t.noHtmlStored })) }), _jsx(Section, { title: t.payloadDataTitle, children: _jsx("pre", { className: "overflow-x-auto whitespace-pre-wrap rounded-md border bg-muted/20 px-3 py-3 text-xs", children: JSON.stringify(delivery.payloadData ?? {}, null, 2) }) })] })) : null] }), _jsx(DialogFooter, { children: _jsx(Button, { type: "button", variant: "ghost", onClick: () => onOpenChange(false), children: t.close }) })] }) }));
+}
+function Section({ title, children }) {
+    return (_jsxs("section", { className: "space-y-3 rounded-md border p-4", children: [_jsx("h3", { className: "text-sm font-medium", children: title }), children] }));
+}
+function InfoCard({ label, value, mono = false, }) {
+    return (_jsxs("div", { className: "rounded-md border p-3", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: label }), _jsx("div", { className: `mt-2 break-words text-sm ${mono ? "font-mono text-xs" : ""}`, children: value })] }));
+}
+function KeyValue({ label, value, mono = false, }) {
+    return (_jsxs("div", { className: "grid gap-1", children: [_jsx("div", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: label }), _jsx("div", { className: `break-words text-sm ${mono ? "font-mono text-xs" : ""}`, children: value })] }));
+}

package/dist/admin/notification-reminder-rule-detail-host.d.ts

@@ -0,0 +1,12 @@
+export interface NotificationReminderRuleDetailHostProps {
+    id: string;
+}
+/**
+ * Packaged admin host for the reminder rule detail page — rule summary plus
+ * the stage sequence editor (packaged-admin RFC Phase 3). Takes the rule id
+ * as a prop — the host route file binds `Route.useParams()` onto it. The
+ * back link resolves through the `notificationReminderRule.list` semantic
+ * destination.
+ */
+export declare function NotificationReminderRuleDetailHost({ id, }: NotificationReminderRuleDetailHostProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=notification-reminder-rule-detail-host.d.ts.map

package/dist/admin/notification-reminder-rule-detail-host.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-reminder-rule-detail-host.d.ts","sourceRoot":"","sources":["../../src/admin/notification-reminder-rule-detail-host.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,uCAAuC;IACtD,EAAE,EAAE,MAAM,CAAA;CACX;AAED;;;;;;GAMG;AACH,wBAAgB,kCAAkC,CAAC,EACjD,EAAE,GACH,EAAE,uCAAuC,2CAuDzC"}

package/dist/admin/notification-reminder-rule-detail-host.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAdminHref, useAdminNavigate } from "@voyant-travel/admin";
+import { Badge, Button, Card, CardContent, CardHeader, CardTitle, } from "@voyant-travel/ui/components";
+import { ArrowLeft } from "lucide-react";
+import { StageList } from "../components/stage-list.js";
+import { useNotificationsUiMessagesOrDefault } from "../i18n/index.js";
+import { useNotificationReminderRule } from "../index.js";
+import { DestinationLink } from "./notifications-admin-shared.js";
+/**
+ * Packaged admin host for the reminder rule detail page — rule summary plus
+ * the stage sequence editor (packaged-admin RFC Phase 3). Takes the rule id
+ * as a prop — the host route file binds `Route.useParams()` onto it. The
+ * back link resolves through the `notificationReminderRule.list` semantic
+ * destination.
+ */
+export function NotificationReminderRuleDetailHost({ id, }) {
+    const messages = useNotificationsUiMessagesOrDefault();
+    const resolveHref = useAdminHref();
+    const navigateTo = useAdminNavigate();
+    const { data: rule, isLoading } = useNotificationReminderRule(id);
+    return (_jsxs("div", { className: "container mx-auto space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx(DestinationLink, { href: resolveHref("notificationReminderRule.list", {}), onNavigate: () => navigateTo("notificationReminderRule.list", {}), children: _jsx(Button, { variant: "ghost", size: "icon", children: _jsx(ArrowLeft, { className: "size-4" }) }) }), _jsxs("div", { children: [_jsx("h1", { className: "text-2xl font-semibold", children: rule?.name ?? messages.admin.reminderRuleDetail.fallbackTitle }), _jsx("p", { className: "text-sm text-muted-foreground", children: isLoading ? messages.common.loading : rule?.slug })] })] }), rule && (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: "outline", children: rule.targetType }), _jsx(Badge, { variant: "outline", children: rule.channel }), _jsx(Badge, { children: rule.status })] }))] }), rule && (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: "Rule" }) }), _jsxs(CardContent, { className: "text-sm grid grid-cols-2 gap-x-8 gap-y-2 text-muted-foreground", children: [_jsxs("div", { children: ["Template slug: ", _jsx("span", { className: "font-mono", children: rule.templateSlug ?? "—" })] }), _jsxs("div", { children: ["Template id: ", _jsx("span", { className: "font-mono", children: rule.templateId ?? "—" })] })] })] })), _jsx(StageList, { reminderRuleId: id })] }));
+}

package/dist/admin/notification-reminder-rule-dialog.d.ts

@@ -0,0 +1,10 @@
+import { type NotificationReminderRuleRecord } from "../index.js";
+type NotificationReminderRuleDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    rule?: NotificationReminderRuleRecord;
+    onSuccess: () => void;
+};
+export declare function NotificationReminderRuleDialog({ open, onOpenChange, rule, onSuccess, }: NotificationReminderRuleDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=notification-reminder-rule-dialog.d.ts.map