@powerhousedao/connect 6.2.2-dev.9 → 6.2.2

package/dist/style.css

@@ -78,6 +78,7 @@
   --font-weight-bold: 700;
   --tracking-normal: 0em;
   --tracking-wide: 0.025em;
+  --tracking-wider: 0.05em;
   --leading-tight: 1.25;
   --leading-normal: 1.5;
   --leading-relaxed: 1.625;
@@ -372,6 +373,9 @@
   .end {
     inset-inline-end: var(--spacing);
   }
+  .-top-2 {
+    top: calc(var(--spacing) * -2);
+  }
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
@@ -423,6 +427,9 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
+  .right-6 {
+    right: calc(var(--spacing) * 6);
+  }
   .right-8 {
     right: calc(var(--spacing) * 8);
   }
@@ -438,6 +445,12 @@
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
+  .bottom-6 {
+    bottom: calc(var(--spacing) * 6);
+  }
+  .bottom-24 {
+    bottom: calc(var(--spacing) * 24);
+  }
   .bottom-\[-2px\] {
     bottom: -2px;
   }
@@ -474,6 +487,9 @@
   .z-50 {
     z-index: 50;
   }
+  .z-200 {
+    z-index: 200;
+  }
   .z-1000 {
     z-index: 1000;
   }
@@ -537,6 +553,9 @@
   .my-1 {
     margin-block: calc(var(--spacing) * 1);
   }
+  .my-1\.5 {
+    margin-block: calc(var(--spacing) * 1.5);
+  }
   .my-2 {
     margin-block: calc(var(--spacing) * 2);
   }
@@ -573,6 +592,9 @@
   .mt-2 {
     margin-top: calc(var(--spacing) * 2);
   }
+  .mt-2\.5 {
+    margin-top: calc(var(--spacing) * 2.5);
+  }
   .mt-3 {
     margin-top: calc(var(--spacing) * 3);
   }
@@ -618,6 +640,9 @@
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
+  .mb-1\.5 {
+    margin-bottom: calc(var(--spacing) * 1.5);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -739,10 +764,18 @@
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
   .size-10 {
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
   }
+  .size-12 {
+    width: calc(var(--spacing) * 12);
+    height: calc(var(--spacing) * 12);
+  }
   .size-\[3px\] {
     width: 3px;
     height: 3px;
@@ -858,9 +891,6 @@
   .h-\[420px\] {
     height: 420px;
   }
-  .h-\[500px\] {
-    height: 500px;
-  }
   .h-\[600px\] {
     height: 600px;
   }
@@ -888,6 +918,12 @@
   .max-h-6 {
     max-height: calc(var(--spacing) * 6);
   }
+  .max-h-32 {
+    max-height: calc(var(--spacing) * 32);
+  }
+  .max-h-40 {
+    max-height: calc(var(--spacing) * 40);
+  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -903,12 +939,21 @@
   .max-h-\[60vh\] {
     max-height: 60vh;
   }
+  .max-h-\[85vh\] {
+    max-height: 85vh;
+  }
   .max-h-\[245px\] {
     max-height: 245px;
   }
   .max-h-\[404px\] {
     max-height: 404px;
   }
+  .max-h-\[calc\(100dvh-14rem\)\] {
+    max-height: calc(100dvh - 14rem);
+  }
+  .max-h-\[min\(28rem\,calc\(100vh-8rem\)\)\] {
+    max-height: min(28rem, calc(100vh - 8rem));
+  }
   .max-h-full {
     max-height: 100%;
   }
@@ -930,6 +975,9 @@
   .min-h-12 {
     min-height: calc(var(--spacing) * 12);
   }
+  .min-h-\[2\.5rem\] {
+    min-height: 2.5rem;
+  }
   .min-h-\[32px\] {
     min-height: 32px;
   }
@@ -1089,6 +1137,9 @@
   .w-\[408px\] {
     width: 408px;
   }
+  .w-\[440px\] {
+    width: 440px;
+  }
   .w-\[450px\] {
     width: 450px;
   }
@@ -1107,6 +1158,9 @@
   .w-\[700px\] {
     width: 700px;
   }
+  .w-\[min\(24rem\,calc\(100vw-3rem\)\)\] {
+    width: min(24rem, calc(100vw - 3rem));
+  }
   .w-fit {
     width: fit-content;
   }
@@ -1137,6 +1191,9 @@
   .max-w-\[80\%\] {
     max-width: 80%;
   }
+  .max-w-\[85\%\] {
+    max-width: 85%;
+  }
   .max-w-\[90vw\] {
     max-width: 90vw;
   }
@@ -1149,6 +1206,9 @@
   .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
+  .max-w-\[calc\(100vw-2rem\)\] {
+    max-width: calc(100vw - 2rem);
+  }
   .max-w-fit {
     max-width: fit-content;
   }
@@ -1298,6 +1358,9 @@
   .resize-none {
     resize: none;
   }
+  .list-decimal {
+    list-style-type: decimal;
+  }
   .list-disc {
     list-style-type: disc;
   }
@@ -1373,6 +1436,9 @@
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
+  .gap-1\.5 {
+    gap: calc(var(--spacing) * 1.5);
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -1394,6 +1460,13 @@
   .gap-\[-2px\] {
     gap: -2px;
   }
+  .space-y-0\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1408,6 +1481,20 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .space-y-3 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
+  .space-y-4 {
+    :where(& > :not(:last-child)) {
+      --tw-space-y-reverse: 0;
+      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
+      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
+    }
+  }
   .space-y-6 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1495,6 +1582,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -1587,6 +1677,10 @@
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
   }
+  .border-t-0 {
+    border-top-style: var(--tw-border-style);
+    border-top-width: 0px;
+  }
   .border-r {
     border-right-style: var(--tw-border-style);
     border-right-width: 1px;
@@ -1599,6 +1693,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1617,6 +1715,12 @@
   .border-destructive {
     border-color: var(--destructive);
   }
+  .border-destructive\/40 {
+    border-color: var(--destructive);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+    }
+  }
   .border-foreground {
     border-color: var(--foreground);
   }
@@ -1638,6 +1742,9 @@
   .border-b-border {
     border-bottom-color: var(--border);
   }
+  .bg-accent {
+    background-color: var(--accent);
+  }
   .bg-background {
     background-color: var(--background);
   }
@@ -1647,6 +1754,9 @@
       background-color: color-mix(in oklab, var(--background) 50%, transparent);
     }
   }
+  .bg-border {
+    background-color: var(--border);
+  }
   .bg-card {
     background-color: var(--card);
   }
@@ -1665,6 +1775,9 @@
       background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
     }
   }
+  .bg-foreground {
+    background-color: var(--foreground);
+  }
   .bg-info {
     background-color: var(--info);
   }
@@ -1689,6 +1802,12 @@
       background-color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
     }
   }
+  .bg-muted\/40 {
+    background-color: var(--muted);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--muted) 40%, transparent);
+    }
+  }
   .bg-popover {
     background-color: var(--popover);
   }
@@ -1761,6 +1880,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
@@ -1812,6 +1934,9 @@
   .px-10 {
     padding-inline: calc(var(--spacing) * 10);
   }
+  .py-0 {
+    padding-block: calc(var(--spacing) * 0);
+  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -1881,6 +2006,9 @@
   .pr-1 {
     padding-right: calc(var(--spacing) * 1);
   }
+  .pr-1\.5 {
+    padding-right: calc(var(--spacing) * 1.5);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -1938,12 +2066,18 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-2\.5 {
+    padding-left: calc(var(--spacing) * 2.5);
+  }
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
+  .pl-5 {
+    padding-left: calc(var(--spacing) * 5);
+  }
   .pl-6 {
     padding-left: calc(var(--spacing) * 6);
   }
@@ -1971,6 +2105,9 @@
   .indent-\[-1ch\] {
     text-indent: -1ch;
   }
+  .align-top {
+    vertical-align: top;
+  }
   .font-mono {
     font-family: var(--font-mono);
   }
@@ -2041,6 +2178,12 @@
     font-size: var(--text-xs);
     line-height: calc(var(--spacing) * 5);
   }
+  .text-\[0\.8125rem\] {
+    font-size: 0.8125rem;
+  }
+  .text-\[10px\] {
+    font-size: 10px;
+  }
   .leading-4 {
     --tw-leading: calc(var(--spacing) * 4);
     line-height: calc(var(--spacing) * 4);
@@ -2049,10 +2192,6 @@
     --tw-leading: calc(var(--spacing) * 4.5);
     line-height: calc(var(--spacing) * 4.5);
   }
-  .leading-10 {
-    --tw-leading: calc(var(--spacing) * 10);
-    line-height: calc(var(--spacing) * 10);
-  }
   .leading-\[18px\] {
     --tw-leading: 18px;
     line-height: 18px;
@@ -2065,6 +2204,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -2093,6 +2236,10 @@
     --tw-tracking: var(--tracking-wide);
     letter-spacing: var(--tracking-wide);
   }
+  .tracking-wider {
+    --tw-tracking: var(--tracking-wider);
+    letter-spacing: var(--tracking-wider);
+  }
   .wrap-anywhere {
     overflow-wrap: anywhere;
   }
@@ -2109,6 +2256,12 @@
   .whitespace-nowrap {
     white-space: nowrap;
   }
+  .whitespace-pre-wrap {
+    white-space: pre-wrap;
+  }
+  .text-background {
+    color: var(--background);
+  }
   .text-current {
     color: currentcolor;
   }
@@ -2212,6 +2365,9 @@
   .opacity-75 {
     opacity: 75%;
   }
+  .opacity-80 {
+    opacity: 80%;
+  }
   .opacity-100 {
     opacity: 100%;
   }
@@ -2831,6 +2987,11 @@
       }
     }
   }
+  .first\:mt-0 {
+    &:first-child {
+      margin-top: calc(var(--spacing) * 0);
+    }
+  }
   .first\:group-first\/sidebar-item-wrapper\:after\:hidden {
     &:first-child {
       &:is(:where(.group\/sidebar-item-wrapper):first-child *) {
@@ -2841,6 +3002,11 @@
       }
     }
   }
+  .last\:mb-0 {
+    &:last-child {
+      margin-bottom: calc(var(--spacing) * 0);
+    }
+  }
   .odd\:bg-card {
     &:nth-child(odd) {
       background-color: var(--card);
@@ -2893,6 +3059,16 @@
       background-color: var(--accent);
     }
   }
+  .hover\:scale-105 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-scale-x: 105%;
+        --tw-scale-y: 105%;
+        --tw-scale-z: 105%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
   .hover\:hover-effect {
     &:hover {
       @media (hover: hover) {
@@ -2920,6 +3096,13 @@
       }
     }
   }
+  .hover\:bg-accent {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+      }
+    }
+  }
   .hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
@@ -2927,6 +3110,26 @@
       }
     }
   }
+  .hover\:bg-primary\/85 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 85%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-primary\/90 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--primary);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--primary) 90%, transparent);
+        }
+      }
+    }
+  }
   .hover\:pr-6 {
     &:hover {
       @media (hover: hover) {
@@ -2941,6 +3144,13 @@
       }
     }
   }
+  .hover\:text-foreground {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--foreground);
+      }
+    }
+  }
   .hover\:text-muted-foreground {
     &:hover {
       @media (hover: hover) {
@@ -3089,6 +3299,11 @@
       transition: filter 0.1s ease-in-out;
     }
   }
+  .disabled\:pointer-events-none {
+    &:disabled {
+      pointer-events: none;
+    }
+  }
   .disabled\:disabled-effect {
     &:disabled {
       cursor: not-allowed;
@@ -3116,6 +3331,16 @@
       box-shadow: none;
     }
   }
+  .disabled\:cursor-wait {
+    &:disabled {
+      cursor: wait;
+    }
+  }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .disabled\:opacity-100 {
     &:disabled {
       opacity: 100%;
@@ -3293,6 +3518,12 @@
       border-style: none;
     }
   }
+  .dark\:shadow-modal-dark {
+    &:where(.dark, .dark *) {
+      --tw-shadow: 0px 0px 24px 4px var(--tw-shadow-color, rgba(255, 255, 255, 0.06)), 0px 44px 48px -12px var(--tw-shadow-color, rgba(255, 255, 255, 0.08)), 0px 2px 8px 0px var(--tw-shadow-color, rgba(255, 255, 255, 0.04));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .dark\:ring-white\/10 {
     &:where(.dark, .dark *) {
       --tw-ring-color: color-mix(in srgb, hsl(0 0% 100%) 10%, transparent);
@@ -3416,6 +3647,11 @@
       fill: var(--color-red-500);
     }
   }
+  .\[\&_p\:empty\]\:hidden {
+    & p:empty {
+      display: none;
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;

package/dist/{toast-4t-VimvD.js → toast-BXIGd4Eb.js}

@@ -1,7 +1,7 @@
 
-!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="9ee5aa7b-b29e-5c77-bcea-8b57b1fbb493")}catch(e){}}();
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="299f02e1-bb03-5d49-87ef-cdb65f5cff79")}catch(e){}}();
 import { createElement } from "react";
-import { ToastContainer, toast } from "@powerhousedao/design-system/connect/toast";
+import { ToastContainer, dismiss, toast } from "@powerhousedao/design-system/connect/toast";
 //#region src/services/toast.ts
 const CONNECT_TOAST_CONTAINER_ID = "connect";
 const ToastContainer$1 = (props = {}) => createElement(ToastContainer, {
@@ -16,8 +16,11 @@ function toast$1(content, options) {
 		...restOptions
 	});
 }
+function dismissToast(toastId) {
+	return dismiss(toastId);
+}
 //#endregion
-export { toast$1 as n, ToastContainer$1 as t };
+export { dismissToast as n, toast$1 as r, ToastContainer$1 as t };
 
-//# sourceMappingURL=toast-4t-VimvD.js.map
-//# debugId=9ee5aa7b-b29e-5c77-bcea-8b57b1fbb493
+//# sourceMappingURL=toast-BXIGd4Eb.js.map
+//# debugId=299f02e1-bb03-5d49-87ef-cdb65f5cff79

package/dist/toast-BXIGd4Eb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-BXIGd4Eb.js","sources":["../src/services/toast.ts"],"sourcesContent":["import type { ConnectToastOptions } from \"@powerhousedao/design-system/connect/toast\";\nimport {\n  ToastContainer as BaseToastContainer,\n  dismiss as baseDismiss,\n  toast as baseToast,\n} from \"@powerhousedao/design-system/connect/toast\";\nimport { createElement, type ComponentProps } from \"react\";\n\nexport const CONNECT_TOAST_CONTAINER_ID = \"connect\";\n\ntype BaseToastContainerProps = ComponentProps<typeof BaseToastContainer>;\n\nexport const ToastContainer = (\n  props: Omit<BaseToastContainerProps, \"containerId\"> = {},\n) =>\n  createElement(BaseToastContainer, {\n    containerId: CONNECT_TOAST_CONTAINER_ID,\n    ...props,\n  });\n\ntype ToastArgs = Parameters<typeof baseToast>;\nexport function toast(content: ToastArgs[0], options?: ConnectToastOptions) {\n  const {\n    type = \"default\",\n    containerId = CONNECT_TOAST_CONTAINER_ID,\n    ...restOptions\n  } = options || {};\n  return baseToast(content, { type, containerId, ...restOptions });\n}\n\nexport function dismissToast(toastId: string | number) {\n  return baseDismiss(toastId);\n}\n"],"names":["ToastContainer","BaseToastContainer","toast","baseToast","baseDismiss"],"mappings":";;;;;AAQA,MAAa,6BAA6B;AAI1C,MAAaA,oBACX,QAAsD,EAAE,KAExD,cAAcC,gBAAoB;CAChC,aAAa;CACb,GAAG;CACJ,CAAC;AAGJ,SAAgBC,QAAM,SAAuB,SAA+B;CAC1E,MAAM,EACJ,OAAO,WACP,cAAc,4BACd,GAAG,gBACD,WAAW,EAAE;AACjB,QAAOC,MAAU,SAAS;EAAE;EAAM;EAAa,GAAG;EAAa,CAAC;;AAGlE,SAAgB,aAAa,SAA0B;AACrD,QAAOC,QAAY,QAAQ","debug_id":"299f02e1-bb03-5d49-87ef-cdb65f5cff79"}

package/dist/use-renown-login-Cf3va6u_.js

@@ -0,0 +1,52 @@
+
+!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="332dac71-8640-5e21-bc4a-cc92ffcf31f8")}catch(e){}}();
+import { useCallback, useMemo } from "react";
+import { openRenown, showPHModal, useRenownAuth, useRenownLoginMethods } from "@powerhousedao/reactor-browser";
+//#region src/hooks/use-renown-login.ts
+function useOpenRenownLogin() {
+	const methods = useRenownLoginMethods();
+	return useCallback(() => {
+		if (methods.length > 0) showPHModal({ type: "login" });
+		else openRenown();
+	}, [methods]);
+}
+const LAST_METHOD_KEY = "renown:last-login-method";
+function getLastLoginMethod() {
+	try {
+		return localStorage.getItem(LAST_METHOD_KEY);
+	} catch {
+		return null;
+	}
+}
+function setLastLoginMethod(method) {
+	try {
+		localStorage.setItem(LAST_METHOD_KEY, method);
+	} catch {}
+}
+function useRenownLoginProps() {
+	const { login, pending, error } = useRenownAuth();
+	const onLogin = useCallback(() => login(), [login]);
+	const baseMethods = useRenownLoginMethods();
+	return {
+		onLogin,
+		methods: useMemo(() => {
+			const lastUsed = getLastLoginMethod();
+			return baseMethods.map((method) => ({
+				id: method.id,
+				label: method.label,
+				lastUsed: lastUsed === method.id,
+				onSelect: () => {
+					setLastLoginMethod(method.id);
+					login(void 0, method.id);
+				}
+			}));
+		}, [baseMethods, login]),
+		loading: pending,
+		error: error?.message ?? null
+	};
+}
+//#endregion
+export { useRenownLoginProps as n, useOpenRenownLogin as t };
+
+//# sourceMappingURL=use-renown-login-Cf3va6u_.js.map
+//# debugId=332dac71-8640-5e21-bc4a-cc92ffcf31f8

package/dist/use-renown-login-Cf3va6u_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-renown-login-Cf3va6u_.js","sources":["../src/hooks/use-renown-login.ts"],"sourcesContent":["import type { RenownLoginOption } from \"@powerhousedao/design-system/connect\";\nimport {\n  openRenown,\n  showPHModal,\n  useRenownAuth,\n  useRenownLoginMethods,\n} from \"@powerhousedao/reactor-browser\";\nimport { useCallback, useMemo } from \"react\";\n\n// Opens the in-page login modal when wallet adapters are configured; otherwise\n// redirects straight to the Renown portal (no modal with only a redirect button).\nexport function useOpenRenownLogin(): () => void {\n  const methods = useRenownLoginMethods();\n  return useCallback(() => {\n    if (methods.length > 0) {\n      showPHModal({ type: \"login\" });\n    } else {\n      openRenown();\n    }\n  }, [methods]);\n}\n\nexport interface RenownLoginProps {\n  onLogin: () => void;\n  // One option per configured login method (wallet, Google, email, …). Empty\n  // only when no adapters are configured (the redirect Connect button is used).\n  methods: RenownLoginOption[];\n  loading: boolean;\n  error: string | null;\n}\n\nconst LAST_METHOD_KEY = \"renown:last-login-method\";\n\nfunction getLastLoginMethod(): string | null {\n  try {\n    return localStorage.getItem(LAST_METHOD_KEY);\n  } catch {\n    return null;\n  }\n}\n\nfunction setLastLoginMethod(method: string): void {\n  try {\n    localStorage.setItem(LAST_METHOD_KEY, method);\n  } catch {\n    // localStorage unavailable (private mode / SSR) — the badge is optional.\n  }\n}\n\n// Single source of the login wiring shared by every Connect CTA: in-page\n// sign-in (with redirect fallback) plus pending/error feedback.\nexport function useRenownLoginProps(): RenownLoginProps {\n  const { login, pending, error } = useRenownAuth();\n  const onLogin = useCallback(() => login(), [login]);\n\n  // Method list (labels) comes from the shared primitive; Connect adds the\n  // last-used badge + the onSelect wiring for its design-system card.\n  const baseMethods = useRenownLoginMethods();\n\n  const methods = useMemo<RenownLoginOption[]>(() => {\n    const lastUsed = getLastLoginMethod();\n    return baseMethods.map((method) => ({\n      id: method.id,\n      label: method.label,\n      lastUsed: lastUsed === method.id,\n      onSelect: () => {\n        setLastLoginMethod(method.id);\n        login(undefined, method.id);\n      },\n    }));\n  }, [baseMethods, login]);\n\n  return { onLogin, methods, loading: pending, error: error?.message ?? null };\n}\n"],"names":[],"mappings":";;;;;AAWA,SAAgB,qBAAiC;CAC/C,MAAM,UAAU,uBAAuB;AACvC,QAAO,kBAAkB;AACvB,MAAI,QAAQ,SAAS,EACnB,aAAY,EAAE,MAAM,SAAS,CAAC;MAE9B,aAAY;IAEb,CAAC,QAAQ,CAAC;;AAYf,MAAM,kBAAkB;AAExB,SAAS,qBAAoC;AAC3C,KAAI;AACF,SAAO,aAAa,QAAQ,gBAAgB;SACtC;AACN,SAAO;;;AAIX,SAAS,mBAAmB,QAAsB;AAChD,KAAI;AACF,eAAa,QAAQ,iBAAiB,OAAO;SACvC;;AAOV,SAAgB,sBAAwC;CACtD,MAAM,EAAE,OAAO,SAAS,UAAU,eAAe;CACjD,MAAM,UAAU,kBAAkB,OAAO,EAAE,CAAC,MAAM,CAAC;CAInD,MAAM,cAAc,uBAAuB;AAe3C,QAAO;EAAE;EAAS,SAbF,cAAmC;GACjD,MAAM,WAAW,oBAAoB;AACrC,UAAO,YAAY,KAAK,YAAY;IAClC,IAAI,OAAO;IACX,OAAO,OAAO;IACd,UAAU,aAAa,OAAO;IAC9B,gBAAgB;AACd,wBAAmB,OAAO,GAAG;AAC7B,WAAM,KAAA,GAAW,OAAO,GAAG;;IAE9B,EAAE;KACF,CAAC,aAAa,MAAM,CAAC;EAEG,SAAS;EAAS,OAAO,OAAO,WAAW;EAAM","debug_id":"332dac71-8640-5e21-bc4a-cc92ffcf31f8"}