@alfadocs/ui-kit 0.60.0 → 0.63.0

package/dist/_chunks/finished-terminal-VjZ_-eDD.js

@@ -0,0 +1,122 @@
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as k, useState as A, useRef as g, useEffect as F, useCallback as j } from "react";
+import { useTranslation as z } from "react-i18next";
+import { C as w } from "./card-DPmk26CL.js";
+import { B as E } from "./button-DD_0Xdmr.js";
+import { u as D } from "./use-countdown-Yd6ts0_a.js";
+import { C as L } from "./circle-check-9AeSgJD_.js";
+function W(s) {
+  const t = globalThis.window !== void 0 && globalThis;
+  return !!(t && (/Chromatic/.test(t.navigator.userAgent) || /chromatic=true/.test(t.location.href)));
+}
+const _ = "https://www.alfadocs.com";
+function x(s) {
+  if (typeof s != "string" || s.length === 0 || s.startsWith("//")) return !1;
+  if (s.startsWith("/")) return !0;
+  try {
+    const { protocol: t } = new URL(s, window.location.origin);
+    return t === "https:" || t === "http:";
+  } catch {
+    return !1;
+  }
+}
+const I = k(
+  ({
+    title: s,
+    body: t,
+    autoCloseSeconds: i = 10,
+    redirectUrl: n,
+    brandUrl: o = _,
+    onClose: a,
+    countdownLabel: d,
+    closeNowLabel: v,
+    redirectingLabel: y,
+    className: N,
+    ...C
+  }, T) => {
+    const { t: r } = z(), [R, b] = A(!1), c = g(!1), l = g(null);
+    F(() => {
+      var h;
+      (h = l.current) == null || h.focus();
+    }, []);
+    const m = j(() => {
+      if (!c.current) {
+        if (c.current = !0, b(!0), a) {
+          a();
+          return;
+        }
+        n ? x(n) && window.location.assign(n) : (window.close(), x(o) && window.location.assign(o));
+      }
+    }, [a, n, o]), { remaining: f } = D(i, {
+      autoStart: i > 0 && !W(),
+      onElapsed: m
+    }), u = i > 0, B = d ? d(f) : r("finishedTerminal.autoClose", { seconds: f });
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        ref: T,
+        "data-component": "finished-terminal",
+        className: [
+          "ds:flex ds:flex-1 ds:flex-col ds:items-center ds:overflow-y-auto ds:p-[var(--spacing-lg)]",
+          N
+        ].filter(Boolean).join(" "),
+        ...C,
+        children: /* @__PURE__ */ e(
+          w,
+          {
+            variant: "elevated",
+            className: "ds:my-auto ds:min-w-0 ds:[inline-size:100%] ds:max-w-[28rem] ds:text-center",
+            children: /* @__PURE__ */ e(w.Body, { children: /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-md)]", children: [
+              /* @__PURE__ */ e(
+                L,
+                {
+                  "aria-hidden": "true",
+                  className: "ds:size-12 ds:text-[var(--success)]"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "h1",
+                {
+                  ref: l,
+                  tabIndex: -1,
+                  className: "type-title-card ds:m-0 ds:outline-none",
+                  children: s
+                }
+              ),
+              /* @__PURE__ */ e("p", { className: "type-body ds:m-0 ds:text-[var(--muted-foreground)]", children: t }),
+              u && R ? (
+                // Mounts once when closing begins → role="status" announces the
+                // hand-off exactly once (no churn).
+                /* @__PURE__ */ e(
+                  "p",
+                  {
+                    role: "status",
+                    className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]",
+                    children: y ?? r("finishedTerminal.redirecting")
+                  }
+                )
+              ) : u ? /* @__PURE__ */ p("div", { className: "ds:flex ds:flex-col ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+                /* @__PURE__ */ e("p", { className: "type-body-sm ds:m-0 ds:text-[var(--muted-foreground)]", children: B }),
+                /* @__PURE__ */ e(
+                  E,
+                  {
+                    intent: "secondary",
+                    size: "lg",
+                    type: "button",
+                    onClick: m,
+                    children: v ?? r("finishedTerminal.closeNow")
+                  }
+                )
+              ] }) : null
+            ] }) })
+          }
+        )
+      }
+    );
+  }
+);
+I.displayName = "FinishedTerminal";
+export {
+  I as F
+};
+//# sourceMappingURL=finished-terminal-VjZ_-eDD.js.map