@pactor-app/ui 1.44.0 → 1.47.0

package/dist/{chunk-HU2RFIWH.js → chunk-OBSD66BK.js}

@@ -307,14 +307,14 @@ function InteractionProvider({
 }
 
 // src/interaction/host.tsx
-import { XIcon } from "lucide-react";
+import { Loader2, XIcon } from "lucide-react";
 import {
   createPageRuntime,
   PageRuntimeView,
   useI18n as useI18n2,
   useRenderer
 } from "@pactor-app/runtime";
-import { useEffect as useEffect2, useState as useState2, useSyncExternalStore } from "react";
+import { useEffect as useEffect2, useRef, useState as useState2, useSyncExternalStore } from "react";
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function toCssWidth(width) {
   if (width === void 0) {
@@ -357,7 +357,18 @@ function OverlayEntryView({
   resolvePage
 }) {
   const { t } = useI18n2();
+  const childRuntimeRef = useRef(null);
   const handleCancel = () => manager.close(entry.id);
+  const handleConfirm = () => {
+    const footer2 = entry.footer ?? {};
+    const forms = entry.page ? childRuntimeRef.current?.context.forms : renderer.context.forms;
+    const handle = forms?.get(footer2.confirmForm ?? "default");
+    if (handle?.submit) {
+      handle.submit();
+      return;
+    }
+    manager.close(entry.id, { success: true });
+  };
   let body = null;
   if (entry.content) {
     body = renderer.renderChildren([entry.content], {
@@ -370,12 +381,24 @@ function OverlayEntryView({
       {
         entry,
         renderer,
-        resolvePage
+        resolvePage,
+        onRuntime: (runtime) => {
+          childRuntimeRef.current = runtime;
+        }
       }
     );
   }
+  const footer = entry.footer ? /* @__PURE__ */ jsx2(
+    OverlayFooter,
+    {
+      footer: entry.footer,
+      slot: entry.type === "drawer" ? "drawer-footer" : "overlay-modal-footer",
+      onCancel: handleCancel,
+      onConfirm: handleConfirm
+    }
+  ) : null;
   if (entry.type === "drawer") {
-    return /* @__PURE__ */ jsx2(ShadcnDrawerView, { entry, onCancel: handleCancel, children: body });
+    return /* @__PURE__ */ jsx2(ShadcnDrawerView, { entry, onCancel: handleCancel, footer, children: body });
   }
   return /* @__PURE__ */ jsx2(
     Dialog,
@@ -412,16 +435,64 @@ function OverlayEntryView({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx2("div", { "data-slot": "overlay-modal-body", children: body })
+            /* @__PURE__ */ jsx2("div", { "data-slot": "overlay-modal-body", children: body }),
+            footer
           ]
         }
       )
     }
   );
 }
+function OverlayFooter({
+  footer,
+  slot,
+  onCancel,
+  onConfirm
+}) {
+  const { t } = useI18n2();
+  if (footer.hideCancel && footer.hideConfirm) {
+    return null;
+  }
+  const confirmBusy = footer.confirmLoading === true;
+  return /* @__PURE__ */ jsxs2(
+    "div",
+    {
+      "data-slot": slot,
+      className: cn(
+        "flex items-center justify-end gap-2",
+        slot === "drawer-footer" && "border-t border-border px-6 py-4"
+      ),
+      children: [
+        footer.hideCancel ? null : /* @__PURE__ */ jsx2(
+          Button,
+          {
+            variant: "outline",
+            disabled: confirmBusy,
+            onClick: onCancel,
+            "data-slot": "overlay-cancel",
+            children: footer.cancelText ?? t("pactor.overlay.cancel")
+          }
+        ),
+        footer.hideConfirm ? null : /* @__PURE__ */ jsxs2(
+          Button,
+          {
+            disabled: footer.confirmDisabled === true || confirmBusy,
+            onClick: onConfirm,
+            "data-slot": "overlay-confirm",
+            children: [
+              confirmBusy ? /* @__PURE__ */ jsx2(Loader2, { className: "animate-spin" }) : null,
+              footer.confirmText ?? t("pactor.overlay.confirm")
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 function ShadcnDrawerView({
   entry,
   onCancel,
+  footer,
   children
 }) {
   const { t } = useI18n2();
@@ -465,7 +536,8 @@ function ShadcnDrawerView({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx2("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children })
+            /* @__PURE__ */ jsx2("div", { "data-slot": "drawer-body", className: "flex-1 overflow-auto p-6", children }),
+            footer
           ]
         }
       )
@@ -475,7 +547,8 @@ function ShadcnDrawerView({
 function PageOverlayBody({
   entry,
   renderer,
-  resolvePage
+  resolvePage,
+  onRuntime
 }) {
   const [child, setChild] = useState2(null);
   const [error, setError] = useState2(null);
@@ -509,6 +582,7 @@ function PageOverlayBody({
           route: { params: entry.params ?? {} }
         });
         setChild(created);
+        onRuntime?.(created);
       } catch (cause) {
         if (!cancelled) {
           setError(cause instanceof Error ? cause : new Error(String(cause)));
@@ -517,6 +591,7 @@ function PageOverlayBody({
     })();
     return () => {
       cancelled = true;
+      onRuntime?.(null);
       void created?.destroy();
     };
   }, [entry.id]);

package/dist/{chunk-A6WUHUJL.js → chunk-RLAOCITX.js}

@@ -2,7 +2,7 @@ import {
   Icon,
   Menu,
   Sidebar
-} from "./chunk-SD2XSQIP.js";
+} from "./chunk-B2Y6JC36.js";
 import {
   Accordion,
   AccordionContent,
@@ -15,7 +15,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-7OBUSV5S.js";
+} from "./chunk-YHTRCBKF.js";
 import {
   cn
 } from "./chunk-WKJUCGV4.js";