@datatechsolutions/ui 2.11.86 → 2.11.88

package/dist/billing-panel-DsHhhJqG.d.mts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface BillingPanelProps {
+    /**
+     * Which billing interval to prefer when starting checkout. Defaults to
+     * `'monthly'`. Surface a toggle in the host app if both matter.
+     */
+    defaultBillingInterval?: 'monthly' | 'yearly';
+    /**
+     * Called after the portal/checkout URL is resolved. Defaults to
+     * `window.location.assign(url)`. Override to open in a new tab, use a
+     * router, etc.
+     */
+    onRedirect?: (url: string) => void;
+}
+declare function BillingPanel({ defaultBillingInterval, onRedirect, }: BillingPanelProps): react_jsx_runtime.JSX.Element;
+
+export { BillingPanel as B, type BillingPanelProps as a };

package/dist/billing-panel-DsHhhJqG.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface BillingPanelProps {
+    /**
+     * Which billing interval to prefer when starting checkout. Defaults to
+     * `'monthly'`. Surface a toggle in the host app if both matter.
+     */
+    defaultBillingInterval?: 'monthly' | 'yearly';
+    /**
+     * Called after the portal/checkout URL is resolved. Defaults to
+     * `window.location.assign(url)`. Override to open in a new tab, use a
+     * router, etc.
+     */
+    onRedirect?: (url: string) => void;
+}
+declare function BillingPanel({ defaultBillingInterval, onRedirect, }: BillingPanelProps): react_jsx_runtime.JSX.Element;
+
+export { BillingPanel as B, type BillingPanelProps as a };

package/dist/chunk-4667D2ZT.mjs

@@ -0,0 +1,61 @@
+"use client";
+import { Button } from './chunk-ZJQ5RLGK.mjs';
+import { useState } from 'react';
+import { useImpersonation } from '@datatechsolutions/windsock/client';
+import { EyeIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+function ImpersonationBanner({ onExit, className }) {
+  const { isImpersonating, claim, exit } = useImpersonation();
+  const [isExiting, setIsExiting] = useState(false);
+  if (!isImpersonating || !claim) return null;
+  const handleExit = async () => {
+    setIsExiting(true);
+    try {
+      await exit();
+      onExit?.();
+    } finally {
+      setIsExiting(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "status",
+      "aria-live": "polite",
+      className: "sticky top-0 z-50 flex items-center justify-between gap-3 border-b border-amber-300 bg-amber-100 px-4 py-2 text-sm text-amber-900 shadow-sm " + (className ?? ""),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(EyeIcon, { "aria-hidden": "true", className: "h-5 w-5 shrink-0" }),
+          /* @__PURE__ */ jsxs("span", { children: [
+            "Impersonating session \u2014 signed in as the target user by",
+            " ",
+            /* @__PURE__ */ jsx("strong", { children: claim.email ?? claim.sub }),
+            claim.reason ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              " \xB7 ",
+              /* @__PURE__ */ jsx("span", { className: "italic", children: claim.reason })
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            size: "sm",
+            color: "ios-glass-red",
+            onClick: handleExit,
+            disabled: isExiting,
+            "aria-label": "Exit impersonation",
+            children: [
+              /* @__PURE__ */ jsx(XMarkIcon, { "aria-hidden": "true", className: "h-4 w-4" }),
+              isExiting ? "Exiting\u2026" : "Exit impersonation"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ImpersonationBanner };
+//# sourceMappingURL=chunk-4667D2ZT.mjs.map
+//# sourceMappingURL=chunk-4667D2ZT.mjs.map

package/dist/chunk-4667D2ZT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/impersonation/impersonation-banner.tsx"],"names":[],"mappings":";;;;;;AAoBO,SAAS,mBAAA,CAAoB,EAAE,MAAA,EAAQ,SAAA,EAAU,EAA6B;AACnF,EAAA,MAAM,EAAE,eAAA,EAAiB,KAAA,EAAO,IAAA,KAAS,gBAAA,EAAiB;AAC1D,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,IAAI,CAAC,eAAA,IAAmB,CAAC,KAAA,EAAO,OAAO,IAAA;AAEvC,EAAA,MAAM,aAAa,YAAY;AAC7B,IAAA,YAAA,CAAa,IAAI,CAAA;AACjB,IAAA,IAAI;AACF,MAAA,MAAM,IAAA,EAAK;AACX,MAAA,MAAA,IAAS;AAAA,IACX,CAAA,SAAE;AACA,MAAA,YAAA,CAAa,KAAK,CAAA;AAAA,IACpB;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EACE,kJAEC,SAAA,IAAa,EAAA,CAAA;AAAA,MAGhB,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,yBAAA,EACb,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,kBAAA,EAAmB,CAAA;AAAA,+BACxD,MAAA,EAAA,EAAK,QAAA,EAAA;AAAA,YAAA,8DAAA;AAAA,YACoD,GAAA;AAAA,4BACxD,GAAA,CAAC,QAAA,EAAA,EAAQ,QAAA,EAAA,KAAA,CAAM,KAAA,IAAS,MAAM,GAAA,EAAI,CAAA;AAAA,YACjC,KAAA,CAAM,yBACL,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,cAAA,QAAA;AAAA,8BACD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,QAAA,EAAU,gBAAM,MAAA,EAAO;AAAA,aAAA,EACzC,CAAA,GACE;AAAA,WAAA,EACN;AAAA,SAAA,EACF,CAAA;AAAA,wBACA,IAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,IAAA;AAAA,YACL,KAAA,EAAM,eAAA;AAAA,YACN,OAAA,EAAS,UAAA;AAAA,YACT,QAAA,EAAU,SAAA;AAAA,YACV,YAAA,EAAW,oBAAA;AAAA,YAEX,QAAA,EAAA;AAAA,8BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,SAAA,EAAU,CAAA;AAAA,cACjD,YAAY,eAAA,GAAa;AAAA;AAAA;AAAA;AAC5B;AAAA;AAAA,GACF;AAEJ","file":"chunk-4667D2ZT.mjs","sourcesContent":["import { useState } from 'react'\nimport { useImpersonation } from '@datatechsolutions/windsock/client'\nimport { Button } from '@ui/index'\nimport { EyeIcon, XMarkIcon } from '@heroicons/react/24/outline'\n\nexport interface ImpersonationBannerProps {\n  /**\n   * Callback fired after the impersonation session ends (after the admin\n   * token is restored). Useful for refreshing the UI or navigating home.\n   */\n  onExit?: () => void\n  /** Optional extra classes on the outer bar. */\n  className?: string\n}\n\n/**\n * Persistent banner shown while the current session is an impersonation\n * session. Shows the admin's identity + target, and an Exit button that\n * terminates the session. Invisible when not impersonating.\n */\nexport function ImpersonationBanner({ onExit, className }: ImpersonationBannerProps) {\n  const { isImpersonating, claim, exit } = useImpersonation()\n  const [isExiting, setIsExiting] = useState(false)\n\n  if (!isImpersonating || !claim) return null\n\n  const handleExit = async () => {\n    setIsExiting(true)\n    try {\n      await exit()\n      onExit?.()\n    } finally {\n      setIsExiting(false)\n    }\n  }\n\n  return (\n    <div\n      role=\"status\"\n      aria-live=\"polite\"\n      className={\n        'sticky top-0 z-50 flex items-center justify-between gap-3 border-b border-amber-300 ' +\n        'bg-amber-100 px-4 py-2 text-sm text-amber-900 shadow-sm ' +\n        (className ?? '')\n      }\n    >\n      <div className=\"flex items-center gap-2\">\n        <EyeIcon aria-hidden=\"true\" className=\"h-5 w-5 shrink-0\" />\n        <span>\n          Impersonating session — signed in as the target user by{' '}\n          <strong>{claim.email ?? claim.sub}</strong>\n          {claim.reason ? (\n            <>\n              {' · '}\n              <span className=\"italic\">{claim.reason}</span>\n            </>\n          ) : null}\n        </span>\n      </div>\n      <Button\n        size=\"sm\"\n        color=\"ios-glass-red\"\n        onClick={handleExit}\n        disabled={isExiting}\n        aria-label=\"Exit impersonation\"\n      >\n        <XMarkIcon aria-hidden=\"true\" className=\"h-4 w-4\" />\n        {isExiting ? 'Exiting…' : 'Exit impersonation'}\n      </Button>\n    </div>\n  )\n}\n"]}