@datatechsolutions/ui 3.2.1 → 3.4.0

package/dist/chunk-OL73LBX5.mjs.map

@@ -1 +0,0 @@
-{"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-OL73LBX5.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"]}