@civic/auth 0.1.4-beta.0 → 0.1.4-beta.2

package/dist/src/shared/components/CivicAuthIframeContainer.js

@@ -0,0 +1,138 @@
+"use client";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { LoadingIcon } from "@/shared/components/LoadingIcon.js";
+import { CloseIcon } from "@/shared/components/CloseIcon.js";
+import { CivicAuthIframe } from "@/shared/components/CivicAuthIframe.js";
+import { useIframe } from "@/shared/hooks/index.js";
+import { TOKEN_EXCHANGE_TRIGGER_TEXT } from "@/constants.js";
+import { useCivicAuthConfig } from "@/shared/hooks/index.js";
+import { useClientTokenExchangeSession } from "@/shared/hooks/index.js";
+import { useSession } from "@/shared/hooks/index.js";
+function NoChrome({ children, }) {
+    return React.createElement("div", { style: { position: "relative" } }, children);
+}
+function IframeChrome({ children, onClose, }) {
+    return (React.createElement("div", { style: {
+            position: "absolute",
+            left: 0,
+            top: 0,
+            zIndex: 50,
+            display: "flex",
+            height: "100vh",
+            width: "100vw",
+            minWidth: "18rem",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: "rgba(17, 24, 39, 0.5)",
+        }, onClick: onClose },
+        React.createElement("div", { style: {
+                position: "relative",
+                overflow: "hidden",
+                borderRadius: "1.5rem",
+                backgroundColor: "white",
+                padding: "1.5rem",
+                boxShadow: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+            }, onClick: (e) => e.stopPropagation() },
+            React.createElement("button", { style: {
+                    position: "absolute",
+                    right: "1rem",
+                    top: "1rem",
+                    display: "flex",
+                    cursor: "pointer",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    border: "none",
+                    backgroundColor: "transparent",
+                    padding: "0.25rem",
+                    color: "#9ca3af",
+                }, onClick: onClose },
+                React.createElement(CloseIcon, null)),
+            children)));
+}
+const CivicAuthIframeContainer = ({ onClose, closeOnRedirect = true, }) => {
+    const [isLoading, setIsLoading] = useState(true);
+    const { isLoading: isAuthLoading, data: session } = useSession();
+    const config = useCivicAuthConfig();
+    const [tokenExchangeUrl, setTokenExchangeUrl] = useState(null);
+    const { doTokenExchange } = useClientTokenExchangeSession();
+    const { iframeRef, iframeMode } = useIframe();
+    useEffect(() => {
+        if (tokenExchangeUrl) {
+            doTokenExchange?.(tokenExchangeUrl);
+        }
+    }, [doTokenExchange, tokenExchangeUrl]);
+    const processIframeUrl = useCallback(() => {
+        if (!config)
+            return;
+        if (iframeRef && iframeRef.current && iframeRef.current.contentWindow) {
+            try {
+                const iframeUrl = iframeRef.current.contentWindow.location.href;
+                // we know that oauth has finished when the iframe redirects to our redirectUrl
+                if (iframeUrl.startsWith(config.redirectUrl)) {
+                    // we still want to show the spinner during redirect
+                    setIsLoading(true);
+                    const iframeBody = iframeRef.current.contentWindow.document.body.innerHTML;
+                    // If we're doing a server token exchange, we need to call the server a second time
+                    // using a fetch so that we're on the same domain and cookies can be sent and read
+                    // The server will use the presence of the code_verifier cookie to determine whether to do a token exchange or not.
+                    // On the initial (3rd party) redirect from the auth server, the cookie won't be sent, so the server-side callback route will just render a blank page,
+                    // and we'll do the exchange request from here, which will include the cookies.
+                    if (iframeBody.includes(TOKEN_EXCHANGE_TRIGGER_TEXT)) {
+                        const params = new URL(iframeUrl).searchParams;
+                        const appUrl = globalThis.window?.location?.origin;
+                        fetch(`${config.redirectUrl}?${params.toString()}&appUrl=${appUrl}`);
+                    }
+                    else {
+                        // if we're doing token-exchange in the client, we can just set the authResponseUrl
+                        // to be handled by the auth provider
+                        // iframeRef.current.setAttribute("src", "");
+                        setTokenExchangeUrl(iframeUrl);
+                    }
+                    if (closeOnRedirect)
+                        onClose?.();
+                    return true; // Successfully processed the URL
+                }
+            }
+            catch {
+                // If we get here, the iframe hasn't redirected to our origin yet
+                console.log("Waiting for redirect...");
+            }
+        }
+        return false; // Haven't processed the URL yet
+    }, [closeOnRedirect, config, iframeRef, onClose]);
+    const intervalId = useRef();
+    const handleEscape = useCallback((event) => {
+        if (event.key === "Escape") {
+            onClose?.();
+        }
+    }, [onClose]);
+    // handle Escape
+    useEffect(() => {
+        window.addEventListener("keydown", handleEscape);
+        return () => window.removeEventListener("keydown", handleEscape);
+    });
+    const handleIframeLoad = useCallback(() => {
+        setIsLoading(false);
+        const iframeHasUrl = processIframeUrl();
+        if (iframeHasUrl && intervalId.current) {
+            clearInterval(intervalId.current);
+        }
+    }, [processIframeUrl, setIsLoading, intervalId]);
+    // if we're already authenticated then we're waiting either for the iframe to be closed
+    // or the page to redirect, so we want to show the loading icon
+    const showLoadingIcon = session?.authenticated || isLoading || isAuthLoading;
+    const WrapperComponent = iframeMode === "embedded" ? NoChrome : IframeChrome;
+    return (React.createElement(WrapperComponent, { onClose: onClose },
+        showLoadingIcon ? (React.createElement("div", { id: "civic-auth-loading-icon-wrapper", style: {
+                position: "absolute",
+                inset: 0,
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                backgroundColor: "white",
+            } },
+            React.createElement(LoadingIcon, null))) : null,
+        React.createElement(CivicAuthIframe, { ref: iframeRef, onLoad: handleIframeLoad })));
+};
+export { CivicAuthIframeContainer };
+//# sourceMappingURL=CivicAuthIframeContainer.js.map

package/dist/src/shared/components/CivicAuthIframeContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CivicAuthIframeContainer.js","sourceRoot":"","sources":["../../../../src/shared/components/CivicAuthIframeContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\n\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { LoadingIcon } from \"@/shared/components/LoadingIcon.js\";\nimport { CloseIcon } from \"@/shared/components/CloseIcon.js\";\nimport { CivicAuthIframe } from \"@/shared/components/CivicAuthIframe.js\";\nimport { useIframe } from \"@/shared/hooks/index.js\";\nimport { TOKEN_EXCHANGE_TRIGGER_TEXT } from \"@/constants.js\";\nimport { useCivicAuthConfig } from \"@/shared/hooks/index.js\";\nimport { useClientTokenExchangeSession } from \"@/shared/hooks/index.js\";\nimport { useSession } from \"@/shared/hooks/index.js\";\n\ntype CivicAuthIframeContainerProps = {\n  onClose?: () => void;\n  closeOnRedirect?: boolean;\n};\n\nfunction NoChrome({\n  children,\n}: {\n  children: React.ReactNode;\n  onClose?: () => void;\n}) {\n  return <div style={{ position: \"relative\" }}>{children}</div>;\n}\n\nfunction IframeChrome({\n  children,\n  onClose,\n}: {\n  children: React.ReactNode;\n  onClose?: () => void;\n}) {\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        left: 0,\n        top: 0,\n        zIndex: 50,\n        display: \"flex\",\n        height: \"100vh\",\n        width: \"100vw\",\n        minWidth: \"18rem\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        backgroundColor: \"rgba(17, 24, 39, 0.5)\",\n      }}\n      onClick={onClose}\n    >\n      <div\n        style={{\n          position: \"relative\",\n          overflow: \"hidden\",\n          borderRadius: \"1.5rem\",\n          backgroundColor: \"white\",\n          padding: \"1.5rem\",\n          boxShadow:\n            \"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)\",\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        <button\n          style={{\n            position: \"absolute\",\n            right: \"1rem\",\n            top: \"1rem\",\n            display: \"flex\",\n            cursor: \"pointer\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            border: \"none\",\n            backgroundColor: \"transparent\",\n            padding: \"0.25rem\",\n            color: \"#9ca3af\",\n          }}\n          onClick={onClose}\n        >\n          <CloseIcon />\n        </button>\n\n        {children}\n      </div>\n    </div>\n  );\n}\nconst CivicAuthIframeContainer = ({\n  onClose,\n  closeOnRedirect = true,\n}: CivicAuthIframeContainerProps) => {\n  const [isLoading, setIsLoading] = useState(true);\n  const { isLoading: isAuthLoading, data: session } = useSession();\n  const config = useCivicAuthConfig();\n  const [tokenExchangeUrl, setTokenExchangeUrl] = useState<string | null>(null);\n  const { doTokenExchange } = useClientTokenExchangeSession();\n  const { iframeRef, iframeMode } = useIframe();\n\n  useEffect(() => {\n    if (tokenExchangeUrl) {\n      doTokenExchange?.(tokenExchangeUrl);\n    }\n  }, [doTokenExchange, tokenExchangeUrl]);\n\n  const processIframeUrl = useCallback(() => {\n    if (!config) return;\n    if (iframeRef && iframeRef.current && iframeRef.current.contentWindow) {\n      try {\n        const iframeUrl = iframeRef.current.contentWindow.location.href;\n        // we know that oauth has finished when the iframe redirects to our redirectUrl\n        if (iframeUrl.startsWith(config.redirectUrl)) {\n          // we still want to show the spinner during redirect\n          setIsLoading(true);\n          const iframeBody =\n            iframeRef.current.contentWindow.document.body.innerHTML;\n\n          // If we're doing a server token exchange, we need to call the server a second time\n          // using a fetch so that we're on the same domain and cookies can be sent and read\n          // The server will use the presence of the code_verifier cookie to determine whether to do a token exchange or not.\n          // On the initial (3rd party) redirect from the auth server, the cookie won't be sent, so the server-side callback route will just render a blank page,\n          // and we'll do the exchange request from here, which will include the cookies.\n          if (iframeBody.includes(TOKEN_EXCHANGE_TRIGGER_TEXT)) {\n            const params = new URL(iframeUrl).searchParams;\n            const appUrl = globalThis.window?.location?.origin;\n            fetch(\n              `${config.redirectUrl}?${params.toString()}&appUrl=${appUrl}`,\n            );\n          } else {\n            // if we're doing token-exchange in the client, we can just set the authResponseUrl\n            // to be handled by the auth provider\n            // iframeRef.current.setAttribute(\"src\", \"\");\n            setTokenExchangeUrl(iframeUrl);\n          }\n\n          if (closeOnRedirect) onClose?.();\n          return true; // Successfully processed the URL\n        }\n      } catch {\n        // If we get here, the iframe hasn't redirected to our origin yet\n        console.log(\"Waiting for redirect...\");\n      }\n    }\n    return false; // Haven't processed the URL yet\n  }, [closeOnRedirect, config, iframeRef, onClose]);\n\n  const intervalId = useRef<NodeJS.Timeout>();\n\n  const handleEscape = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose?.();\n      }\n    },\n    [onClose],\n  );\n\n  // handle Escape\n  useEffect(() => {\n    window.addEventListener(\"keydown\", handleEscape);\n\n    return () => window.removeEventListener(\"keydown\", handleEscape);\n  });\n\n  const handleIframeLoad = useCallback(() => {\n    setIsLoading(false);\n\n    const iframeHasUrl = processIframeUrl();\n\n    if (iframeHasUrl && intervalId.current) {\n      clearInterval(intervalId.current);\n    }\n  }, [processIframeUrl, setIsLoading, intervalId]);\n\n  // if we're already authenticated then we're waiting either for the iframe to be closed\n  // or the page to redirect, so we want to show the loading icon\n  const showLoadingIcon = session?.authenticated || isLoading || isAuthLoading;\n\n  const WrapperComponent = iframeMode === \"embedded\" ? NoChrome : IframeChrome;\n\n  return (\n    <WrapperComponent onClose={onClose}>\n      {showLoadingIcon ? (\n        <div\n          id=\"civic-auth-loading-icon-wrapper\"\n          style={{\n            position: \"absolute\",\n            inset: 0,\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            backgroundColor: \"white\",\n          }}\n        >\n          <LoadingIcon />\n        </div>\n      ) : null}\n\n      <CivicAuthIframe ref={iframeRef} onLoad={handleIframeLoad} />\n    </WrapperComponent>\n  );\n};\n\nexport type { CivicAuthIframeContainerProps };\n\nexport { CivicAuthIframeContainer };\n"]}

package/dist/src/shared/components/IFrameAndLoading.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare const IFrameAndLoading: ({ error, isLoading, }: {
+    error: Error | null;
+    isLoading: boolean;
+}) => React.JSX.Element;
+export { IFrameAndLoading };
+//# sourceMappingURL=IFrameAndLoading.d.ts.map

package/dist/src/shared/components/IFrameAndLoading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrameAndLoading.d.ts","sourceRoot":"","sources":["../../../../src/shared/components/IFrameAndLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,QAAA,MAAM,gBAAgB,0BAGnB;IACD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB,sBA8BA,CAAC;AACF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/shared/components/IFrameAndLoading.js

@@ -0,0 +1,22 @@
+import React from "react";
+import { useIframe } from "../hooks/useIframe.js";
+import { useIsInIframe } from "../hooks/useIsInIframe.js";
+import { CivicAuthIframeContainer } from "./CivicAuthIframeContainer.js";
+import { BlockDisplay } from "./BlockDisplay.js";
+import { LoadingIcon } from "./LoadingIcon.js";
+const IFrameAndLoading = ({ error, isLoading, }) => {
+    const isInIframe = useIsInIframe();
+    const { renderIframe, iframeIsVisible, setIframeIsVisible, iframeMode } = useIframe();
+    const showIframeLoadingOverlay = iframeMode === "modal" && (isInIframe || isLoading);
+    return (React.createElement(React.Fragment, null,
+        renderIframe && (React.createElement("div", { style: iframeIsVisible ? { display: "block" } : { display: "none" } },
+            React.createElement(CivicAuthIframeContainer, { onClose: () => setIframeIsVisible(false) }))),
+        error && (React.createElement(BlockDisplay, null,
+            React.createElement("div", null,
+                "Error: ",
+                error?.message))),
+        showIframeLoadingOverlay && !error && (React.createElement(BlockDisplay, null,
+            React.createElement(LoadingIcon, null)))));
+};
+export { IFrameAndLoading };
+//# sourceMappingURL=IFrameAndLoading.js.map

package/dist/src/shared/components/IFrameAndLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IFrameAndLoading.js","sourceRoot":"","sources":["../../../../src/shared/components/IFrameAndLoading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,wBAAwB,EAAE,MAAM,+BAA+B,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,gBAAgB,GAAG,CAAC,EACxB,KAAK,EACL,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IACnC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,kBAAkB,EAAE,UAAU,EAAE,GACrE,SAAS,EAAE,CAAC;IACd,MAAM,wBAAwB,GAC5B,UAAU,KAAK,OAAO,IAAI,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEtD,OAAO,CACL;QACG,YAAY,IAAI,CACf,6BACE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE;YAEnE,oBAAC,wBAAwB,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,GAAI,CAClE,CACP;QAEA,KAAK,IAAI,CACR,oBAAC,YAAY;YACX;;gBAAa,KAAK,EAAE,OAAO,CAAO,CACrB,CAChB;QAEA,wBAAwB,IAAI,CAAC,KAAK,IAAI,CACrC,oBAAC,YAAY;YACX,oBAAC,WAAW,OAAG,CACF,CAChB,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import React from \"react\";\nimport { useIframe } from \"../hooks/useIframe.js\";\nimport { useIsInIframe } from \"../hooks/useIsInIframe.js\";\nimport { CivicAuthIframeContainer } from \"./CivicAuthIframeContainer.js\";\nimport { BlockDisplay } from \"./BlockDisplay.js\";\nimport { LoadingIcon } from \"./LoadingIcon.js\";\n\nconst IFrameAndLoading = ({\n  error,\n  isLoading,\n}: {\n  error: Error | null;\n  isLoading: boolean;\n}) => {\n  const isInIframe = useIsInIframe();\n  const { renderIframe, iframeIsVisible, setIframeIsVisible, iframeMode } =\n    useIframe();\n  const showIframeLoadingOverlay =\n    iframeMode === \"modal\" && (isInIframe || isLoading);\n\n  return (\n    <>\n      {renderIframe && (\n        <div\n          style={iframeIsVisible ? { display: \"block\" } : { display: \"none\" }}\n        >\n          <CivicAuthIframeContainer onClose={() => setIframeIsVisible(false)} />\n        </div>\n      )}\n\n      {error && (\n        <BlockDisplay>\n          <div>Error: {error?.message}</div>\n        </BlockDisplay>\n      )}\n\n      {showIframeLoadingOverlay && !error && (\n        <BlockDisplay>\n          <LoadingIcon />\n        </BlockDisplay>\n      )}\n    </>\n  );\n};\nexport { IFrameAndLoading };\n"]}

package/dist/src/shared/hooks/index.d.ts

@@ -0,0 +1,9 @@
+export { useToken } from "@/shared/hooks/useToken.js";
+export { useAuth } from "@/shared/hooks/useAuth.js";
+export { useIframe } from "@/shared/hooks/useIframe.js";
+export { useSession } from "@/shared/hooks/useSession.js";
+export { useCivicAuthConfig } from "@/shared/hooks/useCivicAuthConfig.js";
+export { useOAuthEndpoints } from "@/shared/hooks/useOAuthEndpoints.js";
+export { useCurrentUrl } from "@/shared/hooks/useCurrentUrl.js";
+export { useClientTokenExchangeSession } from "@/shared/hooks/useClientTokenExchangeSession.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/shared/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC"}

package/dist/src/shared/hooks/index.js

@@ -0,0 +1,9 @@
+export { useToken } from "@/shared/hooks/useToken.js";
+export { useAuth } from "@/shared/hooks/useAuth.js";
+export { useIframe } from "@/shared/hooks/useIframe.js";
+export { useSession } from "@/shared/hooks/useSession.js";
+export { useCivicAuthConfig } from "@/shared/hooks/useCivicAuthConfig.js";
+export { useOAuthEndpoints } from "@/shared/hooks/useOAuthEndpoints.js";
+export { useCurrentUrl } from "@/shared/hooks/useCurrentUrl.js";
+export { useClientTokenExchangeSession } from "@/shared/hooks/useClientTokenExchangeSession.js";
+//# sourceMappingURL=index.js.map

package/dist/src/shared/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/shared/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AACxE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iDAAiD,CAAC","sourcesContent":["export { useToken } from \"@/shared/hooks/useToken.js\";\nexport { useAuth } from \"@/shared/hooks/useAuth.js\";\nexport { useIframe } from \"@/shared/hooks/useIframe.js\";\nexport { useSession } from \"@/shared/hooks/useSession.js\";\nexport { useCivicAuthConfig } from \"@/shared/hooks/useCivicAuthConfig.js\";\nexport { useOAuthEndpoints } from \"@/shared/hooks/useOAuthEndpoints.js\";\nexport { useCurrentUrl } from \"@/shared/hooks/useCurrentUrl.js\";\nexport { useClientTokenExchangeSession } from \"@/shared/hooks/useClientTokenExchangeSession.js\";\n"]}

package/dist/src/shared/hooks/useAuth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useAuth.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,OAAO,mEAQZ,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/src/shared/hooks/useCivicAuthConfig.d.ts

@@ -0,0 +1,3 @@
+declare const useCivicAuthConfig: () => import("../lib/types.js").CivicAuthConfig;
+export { useCivicAuthConfig };
+//# sourceMappingURL=useCivicAuthConfig.d.ts.map

package/dist/src/shared/hooks/useCivicAuthConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCivicAuthConfig.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useCivicAuthConfig.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,kBAAkB,iDAGvB,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/src/shared/hooks/useCivicAuthConfig.js

@@ -0,0 +1,10 @@
+"use client";
+import { useContext } from "react";
+import { CivicAuthConfigContext } from "@/shared/providers/CivicAuthConfigContext.js";
+// TokenProvider will use this internal context to access Config
+const useCivicAuthConfig = () => {
+    const context = useContext(CivicAuthConfigContext);
+    return context;
+};
+export { useCivicAuthConfig };
+//# sourceMappingURL=useCivicAuthConfig.js.map

package/dist/src/shared/hooks/useCivicAuthConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCivicAuthConfig.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useCivicAuthConfig.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,sBAAsB,EAAE,MAAM,8CAA8C,CAAC;AAEtF,gEAAgE;AAChE,MAAM,kBAAkB,GAAG,GAAG,EAAE;IAC9B,MAAM,OAAO,GAAG,UAAU,CAAC,sBAAsB,CAAC,CAAC;IACnD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC","sourcesContent":["\"use client\";\nimport { useContext } from \"react\";\nimport { CivicAuthConfigContext } from \"@/shared/providers/CivicAuthConfigContext.js\";\n\n// TokenProvider will use this internal context to access Config\nconst useCivicAuthConfig = () => {\n  const context = useContext(CivicAuthConfigContext);\n  return context;\n};\n\nexport { useCivicAuthConfig };\n"]}

package/dist/src/shared/hooks/useClientTokenExchangeSession.d.ts

@@ -0,0 +1,3 @@
+declare const useClientTokenExchangeSession: () => import("@/shared/providers/ClientTokenExchangeSessionProvider.js").ClientTokenExchangeSessionProviderOutput;
+export { useClientTokenExchangeSession };
+//# sourceMappingURL=useClientTokenExchangeSession.d.ts.map

package/dist/src/shared/hooks/useClientTokenExchangeSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientTokenExchangeSession.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useClientTokenExchangeSession.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,6BAA6B,mHAMlC,CAAC;AAEF,OAAO,EAAE,6BAA6B,EAAE,CAAC"}

package/dist/src/shared/hooks/useClientTokenExchangeSession.js

@@ -0,0 +1,13 @@
+"use client";
+import { useContext } from "react";
+import { ClientTokenExchangeSessionContext } from "@/shared/providers/ClientTokenExchangeSessionProvider.js";
+// TokenProvider will use this internal context to access session
+const useClientTokenExchangeSession = () => {
+    const context = useContext(ClientTokenExchangeSessionContext);
+    if (!context) {
+        throw new Error("useSession must be used within an SessionProvider");
+    }
+    return context;
+};
+export { useClientTokenExchangeSession };
+//# sourceMappingURL=useClientTokenExchangeSession.js.map

package/dist/src/shared/hooks/useClientTokenExchangeSession.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientTokenExchangeSession.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useClientTokenExchangeSession.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,iCAAiC,EAAE,MAAM,0DAA0D,CAAC;AAE7G,iEAAiE;AACjE,MAAM,6BAA6B,GAAG,GAAG,EAAE;IACzC,MAAM,OAAO,GAAG,UAAU,CAAC,iCAAiC,CAAC,CAAC;IAC9D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACvE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,6BAA6B,EAAE,CAAC","sourcesContent":["\"use client\";\nimport { useContext } from \"react\";\nimport { ClientTokenExchangeSessionContext } from \"@/shared/providers/ClientTokenExchangeSessionProvider.js\";\n\n// TokenProvider will use this internal context to access session\nconst useClientTokenExchangeSession = () => {\n  const context = useContext(ClientTokenExchangeSessionContext);\n  if (!context) {\n    throw new Error(\"useSession must be used within an SessionProvider\");\n  }\n  return context;\n};\n\nexport { useClientTokenExchangeSession };\n"]}

package/dist/src/shared/hooks/useConfig.d.ts

@@ -0,0 +1,3 @@
+declare const useConfig: () => import("@/shared/providers/ConfigProvider.js").ConfigProviderOutput;
+export { useConfig };
+//# sourceMappingURL=useConfig.d.ts.map

package/dist/src/shared/hooks/useConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useConfig.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS,2EAMd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/shared/hooks/useConfig.js

@@ -0,0 +1,13 @@
+"use client";
+import { useContext } from "react";
+import { ConfigContext } from "@/shared/providers/ConfigProvider.js";
+// TokenProvider will use this internal context to access Config
+const useConfig = () => {
+    const context = useContext(ConfigContext);
+    if (!context) {
+        throw new Error("useConfig must be used within an ConfigProvider");
+    }
+    return context;
+};
+export { useConfig };
+//# sourceMappingURL=useConfig.js.map

package/dist/src/shared/hooks/useConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConfig.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useConfig.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,gEAAgE;AAChE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,OAAO,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC","sourcesContent":["\"use client\";\nimport { useContext } from \"react\";\nimport { ConfigContext } from \"@/shared/providers/ConfigProvider.js\";\n\n// TokenProvider will use this internal context to access Config\nconst useConfig = () => {\n  const context = useContext(ConfigContext);\n  if (!context) {\n    throw new Error(\"useConfig must be used within an ConfigProvider\");\n  }\n  return context;\n};\n\nexport { useConfig };\n"]}

package/dist/src/shared/hooks/useCurrentUrl.d.ts

@@ -0,0 +1,3 @@
+declare const useCurrentUrl: () => string | undefined;
+export { useCurrentUrl };
+//# sourceMappingURL=useCurrentUrl.d.ts.map

package/dist/src/shared/hooks/useCurrentUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentUrl.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useCurrentUrl.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,0BAuBlB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/shared/hooks/useCurrentUrl.js

@@ -0,0 +1,24 @@
+import { useEffect, useState } from "react";
+const useCurrentUrl = () => {
+    const [currentUrl, setCurrentUrl] = useState();
+    // update the current url when the url changes
+    useEffect(() => {
+        const handleUrlChange = () => {
+            setCurrentUrl(window.location.href);
+        };
+        window.addEventListener("popstate", handleUrlChange);
+        window.addEventListener("pushstate", handleUrlChange);
+        window.addEventListener("replacestate", handleUrlChange);
+        handleUrlChange();
+        return () => {
+            if (typeof window !== "undefined") {
+                window.removeEventListener("popstate", handleUrlChange);
+                window.removeEventListener("pushstate", handleUrlChange);
+                window.removeEventListener("replacestate", handleUrlChange);
+            }
+        };
+    }, []);
+    return currentUrl;
+};
+export { useCurrentUrl };
+//# sourceMappingURL=useCurrentUrl.js.map

package/dist/src/shared/hooks/useCurrentUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCurrentUrl.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useCurrentUrl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACnE,8CAA8C;IAC9C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC,CAAC;QACF,MAAM,CAAC,gBAAgB,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;QACrD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;QACtD,MAAM,CAAC,gBAAgB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;QAEzD,eAAe,EAAE,CAAC;QAElB,OAAO,GAAG,EAAE;YACV,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,CAAC,mBAAmB,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;gBACxD,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC;gBACzD,MAAM,CAAC,mBAAmB,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;YAC9D,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { useEffect, useState } from \"react\";\n\nconst useCurrentUrl = () => {\n  const [currentUrl, setCurrentUrl] = useState<string | undefined>();\n  // update the current url when the url changes\n  useEffect(() => {\n    const handleUrlChange = () => {\n      setCurrentUrl(window.location.href);\n    };\n    window.addEventListener(\"popstate\", handleUrlChange);\n    window.addEventListener(\"pushstate\", handleUrlChange);\n    window.addEventListener(\"replacestate\", handleUrlChange);\n\n    handleUrlChange();\n\n    return () => {\n      if (typeof window !== \"undefined\") {\n        window.removeEventListener(\"popstate\", handleUrlChange);\n        window.removeEventListener(\"pushstate\", handleUrlChange);\n        window.removeEventListener(\"replacestate\", handleUrlChange);\n      }\n    };\n  }, []);\n\n  return currentUrl;\n};\nexport { useCurrentUrl };\n"]}

package/dist/src/shared/hooks/useIframe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIframe.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useIframe.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,SAAS,2EAMd,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/shared/hooks/useIsInIframe.d.ts

@@ -0,0 +1,3 @@
+declare const useIsInIframe: () => boolean;
+export { useIsInIframe };
+//# sourceMappingURL=useIsInIframe.d.ts.map

package/dist/src/shared/hooks/useIsInIframe.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsInIframe.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useIsInIframe.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,aAAa,eASlB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/shared/hooks/useIsInIframe.js

@@ -0,0 +1,14 @@
+import { isWindowInIframe } from "@/lib/windowUtil.js";
+import { useEffect, useState } from "react";
+const useIsInIframe = () => {
+    const [isInIframe, setIsInIframe] = useState(true);
+    useEffect(() => {
+        if (typeof globalThis.window !== "undefined") {
+            const isInIframeVal = isWindowInIframe(globalThis.window);
+            setIsInIframe(isInIframeVal);
+        }
+    }, []);
+    return isInIframe;
+};
+export { useIsInIframe };
+//# sourceMappingURL=useIsInIframe.js.map

package/dist/src/shared/hooks/useIsInIframe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsInIframe.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useIsInIframe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,UAAU,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;YAC7C,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC1D,aAAa,CAAC,aAAa,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { isWindowInIframe } from \"@/lib/windowUtil.js\";\nimport { useEffect, useState } from \"react\";\n\nconst useIsInIframe = () => {\n  const [isInIframe, setIsInIframe] = useState(true);\n  useEffect(() => {\n    if (typeof globalThis.window !== \"undefined\") {\n      const isInIframeVal = isWindowInIframe(globalThis.window);\n      setIsInIframe(isInIframeVal);\n    }\n  }, []);\n  return isInIframe;\n};\nexport { useIsInIframe };\n"]}

package/dist/src/shared/hooks/useOAuthEndpoints.d.ts

@@ -0,0 +1,4 @@
+import type { Endpoints } from "@/types.js";
+declare const useOAuthEndpoints: (oauthServer?: string) => Endpoints | null;
+export { useOAuthEndpoints };
+//# sourceMappingURL=useOAuthEndpoints.d.ts.map

package/dist/src/shared/hooks/useOAuthEndpoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOAuthEndpoints.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useOAuthEndpoints.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG5C,QAAA,MAAM,iBAAiB,iBAAkB,MAAM,qBAW9C,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/shared/hooks/useOAuthEndpoints.js

@@ -0,0 +1,14 @@
+import { DEFAULT_AUTH_SERVER } from "@/constants.js";
+import { getOauthEndpoints } from "@/lib/oauth.js";
+import { useEffect, useState } from "react";
+const useOAuthEndpoints = (oauthServer) => {
+    const [endpoints, setEndpoints] = useState(null);
+    useEffect(() => {
+        getOauthEndpoints(oauthServer || DEFAULT_AUTH_SERVER).then((retrievedEndpoints) => {
+            setEndpoints(retrievedEndpoints);
+        });
+    }, [oauthServer]);
+    return endpoints;
+};
+export { useOAuthEndpoints };
+//# sourceMappingURL=useOAuthEndpoints.js.map

package/dist/src/shared/hooks/useOAuthEndpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOAuthEndpoints.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useOAuthEndpoints.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,iBAAiB,GAAG,CAAC,WAAoB,EAAE,EAAE;IACjD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAmB,IAAI,CAAC,CAAC;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,iBAAiB,CAAC,WAAW,IAAI,mBAAmB,CAAC,CAAC,IAAI,CACxD,CAAC,kBAAkB,EAAE,EAAE;YACrB,YAAY,CAAC,kBAAkB,CAAC,CAAC;QACnC,CAAC,CACF,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import { DEFAULT_AUTH_SERVER } from \"@/constants.js\";\nimport { getOauthEndpoints } from \"@/lib/oauth.js\";\nimport type { Endpoints } from \"@/types.js\";\nimport { useEffect, useState } from \"react\";\n\nconst useOAuthEndpoints = (oauthServer?: string) => {\n  const [endpoints, setEndpoints] = useState<Endpoints | null>(null);\n  useEffect(() => {\n    getOauthEndpoints(oauthServer || DEFAULT_AUTH_SERVER).then(\n      (retrievedEndpoints) => {\n        setEndpoints(retrievedEndpoints);\n      },\n    );\n  }, [oauthServer]);\n\n  return endpoints;\n};\n\nexport { useOAuthEndpoints };\n"]}

package/dist/src/shared/hooks/useRefresh.d.ts

@@ -0,0 +1,4 @@
+import type { SessionData } from "@/types.js";
+declare const useRefresh: (session: SessionData | null) => void;
+export { useRefresh };
+//# sourceMappingURL=useRefresh.d.ts.map

package/dist/src/shared/hooks/useRefresh.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefresh.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useRefresh.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,QAAA,MAAM,UAAU,YAAa,WAAW,GAAG,IAAI,SAuC9C,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/shared/hooks/useRefresh.js

@@ -0,0 +1,38 @@
+import { LocalStorageAdapter } from "@/browser/storage.js";
+import { useEffect, useMemo, useState } from "react";
+import { GenericAuthenticationRefresher } from "../lib/GenericAuthenticationRefresher.js";
+import { useCivicAuthConfig } from "./useCivicAuthConfig.js";
+const useRefresh = (session) => {
+    const authConfig = useCivicAuthConfig();
+    const storage = useMemo(() => new LocalStorageAdapter(), []);
+    // setup token autorefresh
+    const [refresher, setRefresher] = useState(undefined);
+    useEffect(() => {
+        if (!authConfig)
+            return;
+        const abortController = new AbortController();
+        const currentRefresher = refresher;
+        GenericAuthenticationRefresher.build({ ...authConfig }, storage).then((newRefresher) => {
+            if (abortController.signal.aborted)
+                return;
+            currentRefresher?.clearAutorefresh();
+            setRefresher(newRefresher);
+        });
+        return () => {
+            abortController.abort();
+            currentRefresher?.clearAutorefresh();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [authConfig, storage]); // Only depend on what actually changes
+    useEffect(() => {
+        if (session?.authenticated) {
+            refresher?.setupAutorefresh();
+        }
+        else {
+            refresher?.clearAutorefresh();
+        }
+        return () => refresher?.clearAutorefresh();
+    }, [refresher, session?.authenticated]);
+};
+export { useRefresh };
+//# sourceMappingURL=useRefresh.js.map

package/dist/src/shared/hooks/useRefresh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRefresh.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useRefresh.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,8BAA8B,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAG7D,MAAM,UAAU,GAAG,CAAC,OAA2B,EAAE,EAAE;IACjD,MAAM,UAAU,GAAG,kBAAkB,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;IAE7D,0BAA0B;IAC1B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAExC,SAAS,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,MAAM,eAAe,GAAG,IAAI,eAAe,EAAE,CAAC;QAC9C,MAAM,gBAAgB,GAAG,SAAS,CAAC;QAEnC,8BAA8B,CAAC,KAAK,CAAC,EAAE,GAAG,UAAU,EAAE,EAAE,OAAO,CAAC,CAAC,IAAI,CACnE,CAAC,YAAY,EAAE,EAAE;YACf,IAAI,eAAe,CAAC,MAAM,CAAC,OAAO;gBAAE,OAAO;YAE3C,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;YACrC,YAAY,CAAC,YAAY,CAAC,CAAC;QAC7B,CAAC,CACF,CAAC;QAEF,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,KAAK,EAAE,CAAC;YACxB,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;QACvC,CAAC,CAAC;QACF,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,uCAAuC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,EAAE,aAAa,EAAE,CAAC;YAC3B,SAAS,EAAE,gBAAgB,EAAE,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,SAAS,EAAE,gBAAgB,EAAE,CAAC;QAChC,CAAC;QAED,OAAO,GAAG,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,CAAC;IAC7C,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC","sourcesContent":["import { LocalStorageAdapter } from \"@/browser/storage.js\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { GenericAuthenticationRefresher } from \"../lib/GenericAuthenticationRefresher.js\";\nimport { useCivicAuthConfig } from \"./useCivicAuthConfig.js\";\nimport type { SessionData } from \"@/types.js\";\n\nconst useRefresh = (session: SessionData | null) => {\n  const authConfig = useCivicAuthConfig();\n  const storage = useMemo(() => new LocalStorageAdapter(), []);\n\n  // setup token autorefresh\n  const [refresher, setRefresher] = useState<\n    GenericAuthenticationRefresher | undefined\n  >(undefined);\n\n  useEffect(() => {\n    if (!authConfig) return;\n    const abortController = new AbortController();\n    const currentRefresher = refresher;\n\n    GenericAuthenticationRefresher.build({ ...authConfig }, storage).then(\n      (newRefresher) => {\n        if (abortController.signal.aborted) return;\n\n        currentRefresher?.clearAutorefresh();\n        setRefresher(newRefresher);\n      },\n    );\n\n    return () => {\n      abortController.abort();\n      currentRefresher?.clearAutorefresh();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [authConfig, storage]); // Only depend on what actually changes\n\n  useEffect(() => {\n    if (session?.authenticated) {\n      refresher?.setupAutorefresh();\n    } else {\n      refresher?.clearAutorefresh();\n    }\n\n    return () => refresher?.clearAutorefresh();\n  }, [refresher, session?.authenticated]);\n};\n\nexport { useRefresh };\n"]}

package/dist/src/shared/hooks/useSession.d.ts

@@ -0,0 +1,3 @@
+declare const useSession: () => import("@/shared/providers/SessionProvider.js").SessionProviderOutput;
+export { useSession };
+//# sourceMappingURL=useSession.d.ts.map

package/dist/src/shared/hooks/useSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSession.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useSession.ts"],"names":[],"mappings":"AAKA,QAAA,MAAM,UAAU,6EAMf,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/shared/hooks/useSignIn.d.ts

@@ -0,0 +1,14 @@
+import type { DisplayMode } from "@/types.js";
+import { type PKCEConsumer } from "@/services/types.js";
+type SignInProps = {
+    pkceConsumer?: PKCEConsumer;
+    preSignOut?: () => Promise<void>;
+    postSignOut?: () => Promise<void>;
+};
+declare const useSignIn: ({ pkceConsumer, preSignOut, postSignOut }: SignInProps) => {
+    signIn: (inDisplayMode?: DisplayMode) => Promise<void>;
+    signOut: () => Promise<void>;
+    displayMode: DisplayMode;
+};
+export { useSignIn };
+//# sourceMappingURL=useSignIn.d.ts.map

package/dist/src/shared/hooks/useSignIn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignIn.d.ts","sourceRoot":"","sources":["../../../../src/shared/hooks/useSignIn.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAG9C,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEpE,KAAK,WAAW,GAAG;IACjB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACnC,CAAC;AACF,QAAA,MAAM,SAAS,8CAA+C,WAAW;6BAgC/C,WAAW,KAAc,OAAO,CAAC,IAAI,CAAC;;;CAuC/D,CAAC;AACF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/shared/hooks/useSignIn.js

@@ -0,0 +1,71 @@
+import { BrowserAuthenticationInitiator } from "@/services/AuthenticationService.js";
+import { BrowserPublicClientPKCEProducer } from "@/services/PKCE.js";
+import { useCivicAuthConfig } from "@/shared/hooks/useCivicAuthConfig.js";
+import { useIframe } from "@/shared/hooks/useIframe.js";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { PopupError } from "@/services/types.js";
+const useSignIn = ({ pkceConsumer, preSignOut, postSignOut }) => {
+    const civicAuthConfig = useCivicAuthConfig();
+    const { iframeRef, setIframeIsVisible } = useIframe();
+    const [displayMode, setDisplayMode] = useState("iframe");
+    const authInitiator = useMemo(() => {
+        if (!civicAuthConfig) {
+            return null;
+        }
+        const { clientId, redirectUrl, nonce, oauthServer, endpoints, scopes } = civicAuthConfig;
+        return new BrowserAuthenticationInitiator({
+            pkceConsumer: pkceConsumer || new BrowserPublicClientPKCEProducer(), // generate and retrieve the challenge client-side
+            clientId,
+            redirectUrl,
+            scopes,
+            displayMode,
+            oauthServer,
+            endpointOverrides: endpoints,
+            nonce,
+        });
+    }, [civicAuthConfig, displayMode, pkceConsumer]);
+    useEffect(() => {
+        return () => {
+            if (authInitiator) {
+                authInitiator.cleanup();
+            }
+        };
+    }, [authInitiator]);
+    const signIn = useCallback(async (inDisplayMode = "iframe") => {
+        if (!authInitiator)
+            return;
+        authInitiator.setDisplayMode(inDisplayMode);
+        setDisplayMode(inDisplayMode);
+        if (inDisplayMode === "iframe") {
+            setIframeIsVisible(true);
+        }
+        const useIframeRef = iframeRef?.current || null;
+        await authInitiator.signIn(useIframeRef).catch((error) => {
+            console.log("signIn error", {
+                error,
+                isPopupError: error instanceof PopupError,
+            });
+            // if we've tried to open a popup and it has failed, then fallback to redirect mode
+            if (error instanceof PopupError) {
+                setDisplayMode("redirect");
+                setIframeIsVisible(false); // hide the iframe
+                authInitiator.cleanup(); // clear any event listeners from before
+                authInitiator.setDisplayMode("redirect"); // switch to redirect mode
+                authInitiator.signIn(useIframeRef); // retry the sign in
+            }
+        });
+    }, [authInitiator, iframeRef, setIframeIsVisible]);
+    const signOut = useCallback(async () => {
+        await preSignOut?.();
+        await authInitiator?.signOut();
+        setIframeIsVisible(false);
+        await postSignOut?.();
+    }, [preSignOut, authInitiator, setIframeIsVisible, postSignOut]);
+    return {
+        signIn,
+        signOut,
+        displayMode,
+    };
+};
+export { useSignIn };
+//# sourceMappingURL=useSignIn.js.map

package/dist/src/shared/hooks/useSignIn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignIn.js","sourceRoot":"","sources":["../../../../src/shared/hooks/useSignIn.ts"],"names":[],"mappings":"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","sourcesContent":["import { BrowserAuthenticationInitiator } from \"@/services/AuthenticationService.js\";\nimport { BrowserPublicClientPKCEProducer } from \"@/services/PKCE.js\";\nimport { useCivicAuthConfig } from \"@/shared/hooks/useCivicAuthConfig.js\";\nimport type { DisplayMode } from \"@/types.js\";\nimport { useIframe } from \"@/shared/hooks/useIframe.js\";\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { PopupError, type PKCEConsumer } from \"@/services/types.js\";\n\ntype SignInProps = {\n  pkceConsumer?: PKCEConsumer;\n  preSignOut?: () => Promise<void>;\n  postSignOut?: () => Promise<void>;\n};\nconst useSignIn = ({ pkceConsumer, preSignOut, postSignOut }: SignInProps) => {\n  const civicAuthConfig = useCivicAuthConfig();\n  const { iframeRef, setIframeIsVisible } = useIframe();\n  const [displayMode, setDisplayMode] = useState<DisplayMode>(\"iframe\");\n\n  const authInitiator = useMemo(() => {\n    if (!civicAuthConfig) {\n      return null;\n    }\n    const { clientId, redirectUrl, nonce, oauthServer, endpoints, scopes } =\n      civicAuthConfig;\n    return new BrowserAuthenticationInitiator({\n      pkceConsumer: pkceConsumer || new BrowserPublicClientPKCEProducer(), // generate and retrieve the challenge client-side\n      clientId,\n      redirectUrl,\n      scopes,\n      displayMode,\n      oauthServer,\n      endpointOverrides: endpoints,\n      nonce,\n    });\n  }, [civicAuthConfig, displayMode, pkceConsumer]);\n\n  useEffect(() => {\n    return () => {\n      if (authInitiator) {\n        authInitiator.cleanup();\n      }\n    };\n  }, [authInitiator]);\n\n  const signIn = useCallback(\n    async (inDisplayMode: DisplayMode = \"iframe\"): Promise<void> => {\n      if (!authInitiator) return;\n\n      authInitiator.setDisplayMode(inDisplayMode);\n      setDisplayMode(inDisplayMode);\n      if (inDisplayMode === \"iframe\") {\n        setIframeIsVisible(true);\n      }\n      const useIframeRef = iframeRef?.current || null;\n      await authInitiator.signIn(useIframeRef).catch((error) => {\n        console.log(\"signIn error\", {\n          error,\n          isPopupError: error instanceof PopupError,\n        });\n        // if we've tried to open a popup and it has failed, then fallback to redirect mode\n        if (error instanceof PopupError) {\n          setDisplayMode(\"redirect\");\n          setIframeIsVisible(false); // hide the iframe\n          authInitiator.cleanup(); // clear any event listeners from before\n          authInitiator.setDisplayMode(\"redirect\"); // switch to redirect mode\n          authInitiator.signIn(useIframeRef); // retry the sign in\n        }\n      });\n    },\n    [authInitiator, iframeRef, setIframeIsVisible],\n  );\n\n  const signOut = useCallback(async () => {\n    await preSignOut?.();\n    await authInitiator?.signOut();\n    setIframeIsVisible(false);\n    await postSignOut?.();\n  }, [preSignOut, authInitiator, setIframeIsVisible, postSignOut]);\n\n  return {\n    signIn,\n    signOut,\n    displayMode,\n  };\n};\nexport { useSignIn };\n"]}