@luxfi/ui 8.1.0 → 8.2.1

package/dist/site/components/analytics.js

@@ -0,0 +1,46 @@
+import { GoogleAnalytics } from '@next/third-parties/google';
+import { useState, useEffect } from 'react';
+import { usePathname } from 'next/navigation';
+import Script from 'next/script';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+// src/site/next/analytics/fpixel.ts
+var FB_PIXEL_ID = process.env.NEXT_PUBLIC_FACEBOOK_PIXEL_ID || "";
+var pageview = () => {
+  window.fbq("track", "PageView");
+};
+var FacebookPixel = () => {
+  const [loaded, setLoaded] = useState(false);
+  const pathname = usePathname();
+  useEffect(() => {
+    if (!loaded) return;
+    pageview();
+  }, [pathname, loaded]);
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    Script,
+    {
+      id: "fb-pixel",
+      strategy: "afterInteractive",
+      onLoad: () => setLoaded(true),
+      dangerouslySetInnerHTML: {
+        __html: `
+            !function(f,b,e,v,n,t,s)
+            {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
+            n.callMethod.apply(n,arguments):n.queue.push(arguments)};
+            if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
+            n.queue=[];t=b.createElement(e);t.async=!0;
+            t.src=v;s=b.getElementsByTagName(e)[0];
+            s.parentNode.insertBefore(t,s)}(window, document,'script',
+            'https://connect.facebook.net/en_US/fbevents.js');
+            fbq('init', ${FB_PIXEL_ID});
+          `
+      }
+    }
+  ) });
+};
+var Analytics = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx(FacebookPixel, {}),
+  /* @__PURE__ */ jsx(GoogleAnalytics, { gaId: process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID ?? "" })
+] });
+
+export { Analytics as default };

package/dist/site/components/auth/callback.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+var react$1 = require('react');
+var react = require('@hanzo/iam/react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var resume = () => {
+  const to = sessionStorage.getItem(KEY);
+  sessionStorage.removeItem(KEY);
+  return to ?? "/";
+};
+var Callback = () => {
+  const { handleCallback } = react.useIam();
+  const [error, setError] = react$1.useState(null);
+  react$1.useEffect(() => {
+    handleCallback().then(() => {
+      window.location.replace(resume());
+    }).catch((e) => {
+      setError(e.message);
+    });
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex min-h-screen items-center justify-center p-8 text-center", children: error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { role: "alert", children: error }),
+    /* @__PURE__ */ jsxRuntime.jsx("a", { href: "/", className: "underline", children: "Back to the site" })
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Signing you in\u2026" }) });
+};
+var callback_default = Callback;
+
+module.exports = callback_default;

package/dist/site/components/auth/callback.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * The site's OAuth redirect target. IAM sends the authorization code here and
+ * this redeems it for tokens with the PKCE verifier the browser kept, then
+ * returns the visitor to the page they left.
+ */
+declare const Callback: () => React.JSX.Element;
+export default Callback;
+//# sourceMappingURL=callback.d.ts.map

package/dist/site/components/auth/callback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"callback.d.ts","sourceRoot":"","sources":["../../../../src/site/components/auth/callback.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAMhD;;;;GAIG;AACL,QAAA,MAAM,QAAQ,yBAwBb,CAAA;eAEc,QAAQ"}

package/dist/site/components/auth/callback.js

@@ -0,0 +1,29 @@
+import { useState, useEffect } from 'react';
+import { useIam } from '@hanzo/iam/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var resume = () => {
+  const to = sessionStorage.getItem(KEY);
+  sessionStorage.removeItem(KEY);
+  return to ?? "/";
+};
+var Callback = () => {
+  const { handleCallback } = useIam();
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    handleCallback().then(() => {
+      window.location.replace(resume());
+    }).catch((e) => {
+      setError(e.message);
+    });
+  }, []);
+  return /* @__PURE__ */ jsx("main", { className: "flex min-h-screen items-center justify-center p-8 text-center", children: error ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4", children: [
+    /* @__PURE__ */ jsx("p", { role: "alert", children: error }),
+    /* @__PURE__ */ jsx("a", { href: "/", className: "underline", children: "Back to the site" })
+  ] }) : /* @__PURE__ */ jsx("p", { children: "Signing you in\u2026" }) });
+};
+var callback_default = Callback;
+
+export { callback_default as default };

package/dist/site/components/auth/login-panel.cjs

@@ -0,0 +1,131 @@
+'use strict';
+
+var React2 = require('react');
+var Link2 = require('next/link');
+var ui = require('@hanzo/ui');
+var primitives = require('@hanzo/ui/primitives');
+var react = require('@hanzo/iam/react');
+var jsxRuntime = require('react/jsx-runtime');
+var logo = require('@luxfi/logo');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React2__default = /*#__PURE__*/_interopDefault(React2);
+var Link2__default = /*#__PURE__*/_interopDefault(Link2);
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var Login = ({
+  className,
+  onSuccess
+}) => {
+  const { config } = react.useIam();
+  const [state] = React2.useState(() => crypto.randomUUID());
+  React2.useEffect(remember, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Login,
+    {
+      serverUrl: config.serverUrl,
+      clientId: config.clientId,
+      redirectUri: config.redirectUri,
+      organization: config.organization,
+      state,
+      className: ui.cn("hanzo-iam-card", className),
+      onSuccess
+    }
+  );
+};
+var login_default = Login;
+var SIZE = {
+  xl: { mark: 40, word: 22, gap: "gap-4" },
+  lg: { mark: 40, word: 22, gap: "gap-4" },
+  md: { mark: 32, word: 18, gap: "gap-3" },
+  sm: { mark: 24, word: 13, gap: "gap-2" },
+  xs: { mark: 16, word: 9, gap: "gap-1.5" }
+};
+var Logo = ({
+  size = "md",
+  href,
+  // no default please!
+  outerClx = "",
+  variant = "full",
+  onClick
+}) => {
+  const s = SIZE[size] ?? SIZE.md;
+  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
+  const art = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    variant !== "wordmark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Logo, { variant: "white", size: s.mark }),
+    variant !== "mark" && /* @__PURE__ */ jsxRuntime.jsx(logo.Wordmark, { height: s.word })
+  ] });
+  return href ? /* @__PURE__ */ jsxRuntime.jsx(Link2__default.default, { href, style: ui.css(clx), onClick, children: art }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: clx, onClick, children: art });
+};
+
+// src/site/site-def/footer/legal.ts
+var legal = [
+  {
+    title: "Terms and Conditions",
+    href: "https://docs.google.com/document/d/1mvkjr1w8Rv8ttirs1mu-_2fw_PXclOyS/preview",
+    newTab: true
+  },
+  {
+    title: "Privacy Policy",
+    href: "https://docs.google.com/document/d/1vZjOKaNdOoThDIaVLERWxflQLtOsuvLn/preview",
+    newTab: true
+  }
+];
+var LoginPanel = ({
+  close,
+  className = "",
+  reviews
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: ui.cn("grid grid-cols-1 md:grid-cols-2", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hidden md:flex w-full h-full bg-[radial-gradient(circle_at_24.1%_68.8%_,_rgba(15,14,14,0)_,_rgba(9,9,9,99.4))] flex-row items-end justify-end overflow-y-auto min-h-screen", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-full w-full max-w-[750px] px-8 pt-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-full w-full max-w-[550px] mx-auto flex flex-col justify-between min-h-screen py-10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        primitives.Button,
+        {
+          variant: "ghost",
+          onClick: close,
+          className: "w-fit !min-w-0 p-2",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Logo, { size: "md", variant: "wordmark" })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        primitives.Carousel,
+        {
+          options: { align: "center", loop: true, autoplay: 5e3 },
+          className: "w-full",
+          children: /* @__PURE__ */ jsxRuntime.jsx(primitives.CarouselContent, { children: reviews.map(({ text, author, href }, index) => /* @__PURE__ */ jsxRuntime.jsx(primitives.CarouselItem, { children: /* @__PURE__ */ jsxRuntime.jsxs(Link2__default.default, { href, className: "flex flex-col gap-3 cursor-pointer", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+              "\u201C",
+              text,
+              "\u201C"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: author })
+          ] }) }, index)) })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full h-full bg-background flex flex-row items-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full max-w-[750px] relative flex flex-col items-center px-8 pt-0 text-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-full max-w-[400px] mx-auto flex flex-col gap-4 items-center py-10", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        primitives.Button,
+        {
+          variant: "ghost",
+          onClick: close,
+          className: "block md:hidden absolute rounded-full p-2 left-0 h-auto hover:bg-background",
+          children: /* @__PURE__ */ jsxRuntime.jsx(logo.LuxLogo, { variant: "white", size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(login_default, { className: "w-full max-w-sm" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50", children: legal.map(({ title: title2, href }, index) => /* @__PURE__ */ jsxRuntime.jsxs(React2__default.default.Fragment, { children: [
+        index > 0 && " \xB7 ",
+        /* @__PURE__ */ jsxRuntime.jsx(Link2__default.default, { href, className: "underline", children: title2 })
+      ] }, href)) })
+    ] }) }) })
+  ] });
+};
+var login_panel_default = LoginPanel;
+
+module.exports = login_panel_default;

package/dist/site/components/auth/login-panel.css

@@ -0,0 +1,4 @@
+/* src/site/components/icons/social-svg.css */
+.social-icon svg {
+  transform: scale(1.25);
+}

package/dist/site/components/auth/login-panel.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+declare const LoginPanel: React.FC<{
+    close: () => void;
+    className?: string;
+    reviews: {
+        text: string;
+        author: string;
+        href: string;
+    }[];
+}>;
+export default LoginPanel;
+//# sourceMappingURL=login-panel.d.ts.map

package/dist/site/components/auth/login-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-panel.d.ts","sourceRoot":"","sources":["../../../../src/site/components/auth/login-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC1D,CA+DE,CAAA;eAEY,UAAU"}

package/dist/site/components/auth/login-panel.js

@@ -0,0 +1,124 @@
+import React2, { useState, useEffect } from 'react';
+import Link2 from 'next/link';
+import { Box, cn, css } from '@hanzo/ui';
+import { Button, Carousel, CarouselContent, CarouselItem } from '@hanzo/ui/primitives';
+import { useIam, Login as Login$1 } from '@hanzo/iam/react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { LuxLogo, Logo as Logo$1, Wordmark } from '@luxfi/logo';
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var Login = ({
+  className,
+  onSuccess
+}) => {
+  const { config } = useIam();
+  const [state] = useState(() => crypto.randomUUID());
+  useEffect(remember, []);
+  return /* @__PURE__ */ jsx(
+    Login$1,
+    {
+      serverUrl: config.serverUrl,
+      clientId: config.clientId,
+      redirectUri: config.redirectUri,
+      organization: config.organization,
+      state,
+      className: cn("hanzo-iam-card", className),
+      onSuccess
+    }
+  );
+};
+var login_default = Login;
+var SIZE = {
+  xl: { mark: 40, word: 22, gap: "gap-4" },
+  lg: { mark: 40, word: 22, gap: "gap-4" },
+  md: { mark: 32, word: 18, gap: "gap-3" },
+  sm: { mark: 24, word: 13, gap: "gap-2" },
+  xs: { mark: 16, word: 9, gap: "gap-1.5" }
+};
+var Logo = ({
+  size = "md",
+  href,
+  // no default please!
+  outerClx = "",
+  variant = "full",
+  onClick
+}) => {
+  const s = SIZE[size] ?? SIZE.md;
+  const clx = "flex flex-row items-center " + s.gap + " " + (href ? "hover:opacity-80 cursor-pointer " : "cursor-default ") + outerClx;
+  const art = /* @__PURE__ */ jsxs(Fragment, { children: [
+    variant !== "wordmark" && /* @__PURE__ */ jsx(Logo$1, { variant: "white", size: s.mark }),
+    variant !== "mark" && /* @__PURE__ */ jsx(Wordmark, { height: s.word })
+  ] });
+  return href ? /* @__PURE__ */ jsx(Link2, { href, style: css(clx), onClick, children: art }) : /* @__PURE__ */ jsx(Box, { tag: "span", className: clx, onClick, children: art });
+};
+
+// src/site/site-def/footer/legal.ts
+var legal = [
+  {
+    title: "Terms and Conditions",
+    href: "https://docs.google.com/document/d/1mvkjr1w8Rv8ttirs1mu-_2fw_PXclOyS/preview",
+    newTab: true
+  },
+  {
+    title: "Privacy Policy",
+    href: "https://docs.google.com/document/d/1vZjOKaNdOoThDIaVLERWxflQLtOsuvLn/preview",
+    newTab: true
+  }
+];
+var LoginPanel = ({
+  close,
+  className = "",
+  reviews
+}) => {
+  return /* @__PURE__ */ jsxs(Box, { className: cn("grid grid-cols-1 md:grid-cols-2", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "hidden md:flex w-full h-full bg-[radial-gradient(circle_at_24.1%_68.8%_,_rgba(15,14,14,0)_,_rgba(9,9,9,99.4))] flex-row items-end justify-end overflow-y-auto min-h-screen", children: /* @__PURE__ */ jsx("div", { className: "h-full w-full max-w-[750px] px-8 pt-0", children: /* @__PURE__ */ jsxs("div", { className: "h-full w-full max-w-[550px] mx-auto flex flex-col justify-between min-h-screen py-10", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: close,
+          className: "w-fit !min-w-0 p-2",
+          children: /* @__PURE__ */ jsx(Logo, { size: "md", variant: "wordmark" })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Carousel,
+        {
+          options: { align: "center", loop: true, autoplay: 5e3 },
+          className: "w-full",
+          children: /* @__PURE__ */ jsx(CarouselContent, { children: reviews.map(({ text, author, href }, index) => /* @__PURE__ */ jsx(CarouselItem, { children: /* @__PURE__ */ jsxs(Link2, { href, className: "flex flex-col gap-3 cursor-pointer", children: [
+            /* @__PURE__ */ jsxs("p", { children: [
+              "\u201C",
+              text,
+              "\u201C"
+            ] }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm", children: author })
+          ] }) }, index)) })
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-background flex flex-row items-center", children: /* @__PURE__ */ jsx("div", { className: "w-full max-w-[750px] relative flex flex-col items-center px-8 pt-0 text-center", children: /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full max-w-[400px] mx-auto flex flex-col gap-4 items-center py-10", children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          onClick: close,
+          className: "block md:hidden absolute rounded-full p-2 left-0 h-auto hover:bg-background",
+          children: /* @__PURE__ */ jsx(LuxLogo, { variant: "white", size: 20 })
+        }
+      ),
+      /* @__PURE__ */ jsx(login_default, { className: "w-full max-w-sm" }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm opacity-50", children: legal.map(({ title: title2, href }, index) => /* @__PURE__ */ jsxs(React2.Fragment, { children: [
+        index > 0 && " \xB7 ",
+        /* @__PURE__ */ jsx(Link2, { href, className: "underline", children: title2 })
+      ] }, href)) })
+    ] }) }) })
+  ] });
+};
+var login_panel_default = LoginPanel;
+
+export { login_panel_default as default };

package/dist/site/components/auth/login.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var react$1 = require('react');
+var ui = require('@hanzo/ui');
+var react = require('@hanzo/iam/react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var Login = ({
+  className,
+  onSuccess
+}) => {
+  const { config } = react.useIam();
+  const [state] = react$1.useState(() => crypto.randomUUID());
+  react$1.useEffect(remember, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.Login,
+    {
+      serverUrl: config.serverUrl,
+      clientId: config.clientId,
+      redirectUri: config.redirectUri,
+      organization: config.organization,
+      state,
+      className: ui.cn("hanzo-iam-card", className),
+      onSuccess
+    }
+  );
+};
+var login_default = Login;
+
+module.exports = login_default;

package/dist/site/components/auth/login.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+/**
+ * Sign-in rendered in place, on this site's own domain: IAM mints an
+ * authorization code bound to a PKCE challenge and the form navigates to
+ * /auth/callback to redeem it. No credential ever reaches this bundle's
+ * origin, and there is one sign-in surface rather than one per app.
+ */
+declare const Login: React.FC<{
+    className?: string;
+    onSuccess?: (token: string) => void;
+}>;
+export default Login;
+//# sourceMappingURL=login.d.ts.map

package/dist/site/components/auth/login.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../../../src/site/components/auth/login.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAOhD;;;;;GAKG;AACL,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACpC,CA0BA,CAAA;eAEc,KAAK"}

package/dist/site/components/auth/login.js

@@ -0,0 +1,33 @@
+import { useState, useEffect } from 'react';
+import { cn } from '@hanzo/ui';
+import { useIam, Login as Login$1 } from '@hanzo/iam/react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var Login = ({
+  className,
+  onSuccess
+}) => {
+  const { config } = useIam();
+  const [state] = useState(() => crypto.randomUUID());
+  useEffect(remember, []);
+  return /* @__PURE__ */ jsx(
+    Login$1,
+    {
+      serverUrl: config.serverUrl,
+      clientId: config.clientId,
+      redirectUri: config.redirectUri,
+      organization: config.organization,
+      state,
+      className: cn("hanzo-iam-card", className),
+      onSuccess
+    }
+  );
+};
+var login_default = Login;
+
+export { login_default as default };

package/dist/site/components/auth/provider.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var react = require('@hanzo/iam/react');
+var paths = require('@hanzo/iam/paths');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ORG = "lux";
+var CALLBACK = "/auth/callback";
+var configure = (app) => ({
+  serverUrl: paths.BRAND_SERVER_URLS[ORG],
+  organization: ORG,
+  clientId: `${ORG}-${app}`,
+  /* Read per render rather than at module load: one bundle serves the real
+    host and any preview of it, and each must redeem its code back to itself. */
+  redirectUri: (typeof window === "undefined" ? "" : window.location.origin) + CALLBACK
+});
+var Auth = ({ app, children }) => /* @__PURE__ */ jsxRuntime.jsx(react.IamProvider, { config: configure(app), children });
+var provider_default = Auth;
+
+module.exports = provider_default;

package/dist/site/components/auth/provider.d.ts

@@ -0,0 +1,6 @@
+import React, { type PropsWithChildren } from 'react';
+declare const Auth: React.FC<{
+    app: string;
+} & PropsWithChildren>;
+export default Auth;
+//# sourceMappingURL=provider.d.ts.map

package/dist/site/components/auth/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/site/components/auth/provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AA2BrD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,CAEvD,CAAA;eAEc,IAAI"}

package/dist/site/components/auth/provider.js

@@ -0,0 +1,18 @@
+import { IamProvider } from '@hanzo/iam/react';
+import { BRAND_SERVER_URLS } from '@hanzo/iam/paths';
+import { jsx } from 'react/jsx-runtime';
+
+var ORG = "lux";
+var CALLBACK = "/auth/callback";
+var configure = (app) => ({
+  serverUrl: BRAND_SERVER_URLS[ORG],
+  organization: ORG,
+  clientId: `${ORG}-${app}`,
+  /* Read per render rather than at module load: one bundle serves the real
+    host and any preview of it, and each must redeem its code back to itself. */
+  redirectUri: (typeof window === "undefined" ? "" : window.location.origin) + CALLBACK
+});
+var Auth = ({ app, children }) => /* @__PURE__ */ jsx(IamProvider, { config: configure(app), children });
+var provider_default = Auth;
+
+export { provider_default as default };

package/dist/site/components/auth/resume.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var resume = () => {
+  const to = sessionStorage.getItem(KEY);
+  sessionStorage.removeItem(KEY);
+  return to ?? "/";
+};
+
+exports.remember = remember;
+exports.resume = resume;

package/dist/site/components/auth/resume.d.ts

@@ -0,0 +1,4 @@
+declare const remember: () => void;
+declare const resume: () => string;
+export { remember, resume };
+//# sourceMappingURL=resume.d.ts.map

package/dist/site/components/auth/resume.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resume.d.ts","sourceRoot":"","sources":["../../../../src/site/components/auth/resume.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,QAAQ,YAEb,CAAA;AAED,QAAA,MAAM,MAAM,QAAO,MAIlB,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAA"}

package/dist/site/components/auth/resume.js

@@ -0,0 +1,12 @@
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var resume = () => {
+  const to = sessionStorage.getItem(KEY);
+  sessionStorage.removeItem(KEY);
+  return to ?? "/";
+};
+
+export { remember, resume };

package/dist/site/components/auth/widget.cjs

@@ -0,0 +1,63 @@
+'use strict';
+
+var react = require('react');
+var primitives = require('@hanzo/ui/primitives');
+var ui = require('@hanzo/ui');
+var react$1 = require('@hanzo/iam/react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/site/components/auth/resume.ts
+var KEY = "lux-auth-resume";
+var remember = () => {
+  sessionStorage.setItem(KEY, window.location.pathname + window.location.search);
+};
+var Widget = ({
+  noLogin = false,
+  handleLogin,
+  className
+}) => {
+  const { isAuthenticated, isLoading, login, logout } = react$1.useIam();
+  const identity = react$1.useIamIdentity();
+  if (isLoading) {
+    return null;
+  }
+  if (!isAuthenticated) {
+    return noLogin ? null : /* @__PURE__ */ jsxRuntime.jsx(
+      primitives.Button,
+      {
+        variant: "primary",
+        className: ui.cn("h-8 w-fit !min-w-0", className),
+        onClick: handleLogin ?? (() => {
+          remember();
+          void login();
+        }),
+        children: "Login"
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(primitives.Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(primitives.PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      primitives.Button,
+      {
+        variant: "outline",
+        size: "icon",
+        className: ui.cn("rounded-full text-muted border-2 border-muted bg-level-1 hover:bg-level-2 hover:border-foreground hover:text-foreground uppercase w-8 h-8", className),
+        children: identity?.initials
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(primitives.PopoverContent, { className: "bg-level-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 truncate", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium leading-none truncate", children: identity?.name }),
+        identity?.email && identity.email !== identity.name && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm opacity-50 truncate", children: identity.email })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(primitives.Separator, {}),
+      /* @__PURE__ */ jsxRuntime.jsx(primitives.Button, { variant: "outline", onClick: () => {
+        logout();
+      }, children: "Logout" })
+    ] }) })
+  ] });
+};
+var AuthWidget = (props) => react.useContext(react$1.IamContext) ? /* @__PURE__ */ jsxRuntime.jsx(Widget, { ...props }) : null;
+var widget_default = AuthWidget;
+
+module.exports = widget_default;

package/dist/site/components/auth/widget.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+interface Props {
+    /** Hide the sign-in button, leaving only the profile of an already signed-in
+      user. Checkout wants this: it has its own sign-in step. */
+    noLogin?: boolean;
+    className?: string;
+    /** Sign in in place instead of leaving for lux.id — the mobile drawer opens
+      its own panel. */
+    handleLogin?: () => void;
+}
+declare const AuthWidget: React.FC<Props>;
+export default AuthWidget;
+//# sourceMappingURL=widget.d.ts.map