@civic/auth 0.9.5 → 0.9.6-beta.2

package/dist/shared/components/CivicAuthLogoutIframeContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CivicAuthLogoutIframeContainer.js","sourceRoot":"","sources":["../../../src/shared/components/CivicAuthLogoutIframeContainer.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAMrD,MAAM,8BAA8B,GAAG,CAAC,EACtC,SAAS,GAAG,KAAK,GACmB,EAAE,EAAE;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,MAAM,sBAAsB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC9C,IAAI,eAAe,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC/C,MAAM,GAAG,GAAG,YAAY,CAAC,eAAe,CAAC,OAAO,CAAE,CAAC;YAEnD,IAAI,CAAC,GAAG,EAAE,aAAa,EAAE,CAAC;gBACxB,OAAO;YACT,CAAC;YAED,IAAI,CAAC;gBACH,MAAM,UAAU,GAAG,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC;gBAE7D,0FAA0F;gBAC1F,uGAAuG;gBACvG,IAAI,UAAU,CAAC,QAAQ,CAAC,mBAAmB,CAAC,EAAE,CAAC;oBAC7C,MAAM,IAAI,GAAG,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,aAAa,CACnD,8CAA8C,CAC/C,CAAC;oBACF,IAAI,IAAI,EAAE,CAAC;wBACT,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;wBAC9C,IAAI,WAAW,IAAI,WAAW,KAAK,GAAG,EAAE,CAAC;4BACvC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,WAAW,CAAC;4BACnC,OAAO,IAAI,CAAC;wBACd,CAAC;oBACH,CAAC;gBACH,CAAC;YACH,CAAC;YAAC,MAAM,CAAC;gBACP,2CAA2C;YAC7C,CAAC;QACH,CAAC;QACD,OAAO,KAAK,CAAC,CAAC,gCAAgC;IAChD,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,uEAAuE;IACvE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,MAAC,YAAY,IAAC,aAAa,EAAE,IAAI,aAC9B,SAAS,CAAC,CAAC,CAAC,CACX,cACE,EAAE,EAAC,iCAAiC,EACpC,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,KAAK,EAAE,CAAC;oBACR,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;iBACzB,YAED,KAAC,WAAW,KAAG,GACX,CACP,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,eAAe,IACd,GAAG,EAAE,eAAe,EACpB,EAAE,EAAE,0BAA0B,EAC9B,MAAM,EAAE,sBAAsB,GAC9B,IACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,8BAA8B,EAAE,CAAC","sourcesContent":["\"use client\";\n\nimport { CivicAuthIframe } from \"@/shared/components/CivicAuthIframe.js\";\nimport { useIframe } from \"@/shared/hooks/index.js\";\nimport { LoadingIcon } from \"./LoadingIcon.js\";\nimport { IframeChrome } from \"./CivicAuthIframeContainer.js\";\nimport { useIsClient } from \"usehooks-ts\";\nimport { useCallback } from \"react\";\nimport { getIframeRef } from \"../lib/iframeUtils.js\";\nimport { LOGOUT_SUCCESS_TEXT } from \"@/constants.js\";\n\ntype CivicAuthLogoutIframeContainerProps = {\n  isLoading?: boolean;\n};\n\nconst CivicAuthLogoutIframeContainer = ({\n  isLoading = false,\n}: CivicAuthLogoutIframeContainerProps) => {\n  const { logoutIframeRef } = useIframe();\n  const isClient = useIsClient();\n\n  const processLogoutIframeUrl = useCallback(() => {\n    if (logoutIframeRef && logoutIframeRef.current) {\n      const ref = getIframeRef(logoutIframeRef.current)!;\n\n      if (!ref?.contentWindow) {\n        return;\n      }\n\n      try {\n        const iframeBody = ref.contentWindow.document.body.innerHTML;\n\n        // If we have LOGOUT_SUCCESS_TEXT in the body, we know the logout succeeded on the server,\n        // and we should redirect the parent to the post logout success URL indicated in the included link tag.\n        if (iframeBody.includes(LOGOUT_SUCCESS_TEXT)) {\n          const link = ref.contentWindow.document.querySelector(\n            \"a[rel='civic-auth-post-logout-redirect-url']\",\n          );\n          if (link) {\n            const redirectUrl = link.getAttribute(\"href\");\n            if (redirectUrl && redirectUrl !== \"#\") {\n              window.location.href = redirectUrl;\n              return true;\n            }\n          }\n        }\n      } catch {\n        // ignore errors while waiting for redirect\n      }\n    }\n    return false; // Haven't processed the URL yet\n  }, [logoutIframeRef]);\n\n  // don't render the in server-mode as the appearance changes after load\n  return !isClient ? null : (\n    <IframeChrome isFrameLoaded={true}>\n      {isLoading ? (\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          }}\n        >\n          <LoadingIcon />\n        </div>\n      ) : null}\n      <CivicAuthIframe\n        ref={logoutIframeRef}\n        id={\"civic-auth-logout-iframe\"}\n        onLoad={processLogoutIframeUrl}\n      />\n    </IframeChrome>\n  );\n};\n\nexport { CivicAuthLogoutIframeContainer };\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"IFrameAndLoading.d.ts","sourceRoot":"","sources":["../../../src/shared/components/IFrameAndLoading.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,gBAAgB,mCAGnB;IACD,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,qDAwGA,CAAC;AACF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/shared/components/IFrameAndLoading.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
-import React, { useEffect, useState } 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";
-import { CivicAuthLogoutIframeContainer } from "./CivicAuthLogoutIframeContainer.js";
-import { useSession } from "../hooks/useSession.js";
-import { useAuthStatus } from "../providers/AuthStatusContext.js";
-import { AuthStatus } from "../../types.js";
-const IFrameAndLoading = ({ error, showIframeOnLogout = false, }) => {
-    const isInIframe = useIsInIframe();
-    const [logoutIframeLoading, setLogoutIframeLoading] = useState(true);
-    const { renderIframe, iframeIsVisible, setIframeIsVisible, logoutIframeIsVisible, } = useIframe();
-    const { authStatus } = useAuthStatus();
-    const session = useSession();
-    // we show a loading overlay to block the display for the user
-    // as the page that loads within the iframe will be the actual customer
-    // login page just after authenticatino, which shouldn't be shown to the user during login
-    // there's a small period where we're resolving the session and the iframe is showing
-    const showLoadingOverlay = isInIframe;
-    useEffect(() => {
-        const handleErrorMessage = (event) => {
-            const thisURL = new URL(window.location.href);
-            if (!(event.origin.endsWith("civic.com") || thisURL.hostname === "localhost")) {
-                return;
-            }
-            // The login app has thrown an error, so we need to show the logout iframe
-            if (event.data?.source === "civicloginApp" &&
-                event.data?.type === "auth_error") {
-                setLogoutIframeLoading(false);
-                return;
-            }
-            setLogoutIframeLoading(true);
-        };
-        window.addEventListener("message", handleErrorMessage);
-        return () => window.removeEventListener("message", handleErrorMessage);
-    }, []);
-    const [iframeShouldRender, setIframeShouldRender] = useState(renderIframe);
-    useEffect(() => {
-        // We can't remove the iframe from the DOM immediately on authentication,
-        // because it needs a short window to render a special 'TOKEN_EXCHANGE_SUCCESS' message
-        // which the parent needs to detect in order to redirect to the loginSuccessUrl if any.
-        // So we wait 500ms to allow that to happen before removing the iframe.
-        if (session.data?.authenticated) {
-            setTimeout(() => {
-                return setIframeShouldRender(false);
-            }, 500);
-        }
-    }, [session.data?.authenticated]);
-    /**
-     * This useEffect resets the iframeShouldRender state when the authStatus changes. We need it
-     * as the iframeShouldRender state is set to false when the user is authenticated, but it needs to be reset
-     */
-    useEffect(() => {
-        if (authStatus !== AuthStatus.AUTHENTICATED) {
-            setIframeShouldRender(renderIframe);
-        }
-    }, [authStatus, renderIframe, iframeIsVisible]);
-    return (_jsxs(_Fragment, { children: [iframeShouldRender && (_jsx("div", { id: "civic-auth-iframe-container", style: iframeIsVisible ? { display: "block" } : { display: "none" }, children: _jsx(CivicAuthIframeContainer, { onClose: () => setIframeIsVisible(false) }) })), _jsx("div", { style: showIframeOnLogout && logoutIframeIsVisible
-                    ? { display: "block" }
-                    : { display: "none" }, children: _jsx(CivicAuthLogoutIframeContainer, { isLoading: logoutIframeLoading }) }), error && (_jsx(BlockDisplay, { children: _jsxs("div", { children: ["Error: ", error?.message] }) })), showLoadingOverlay && !error && (_jsx(BlockDisplay, { children: _jsx(LoadingIcon, {}) }))] }));
-};
-export { IFrameAndLoading };
-//# sourceMappingURL=IFrameAndLoading.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IFrameAndLoading.js","sourceRoot":"","sources":["../../../src/shared/components/IFrameAndLoading.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } 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\";\nimport { CivicAuthLogoutIframeContainer } from \"./CivicAuthLogoutIframeContainer.js\";\nimport { useSession } from \"../hooks/useSession.js\";\nimport { useAuthStatus } from \"../providers/AuthStatusContext.js\";\nimport { AuthStatus } from \"@/types.js\";\n\nconst IFrameAndLoading = ({\n  error,\n  showIframeOnLogout = false,\n}: {\n  error: Error | null;\n  isLoading: boolean;\n  showIframeOnLogout?: boolean;\n}) => {\n  const isInIframe = useIsInIframe();\n  const [logoutIframeLoading, setLogoutIframeLoading] = useState(true);\n  const {\n    renderIframe,\n    iframeIsVisible,\n    setIframeIsVisible,\n    logoutIframeIsVisible,\n  } = useIframe();\n  const { authStatus } = useAuthStatus();\n  const session = useSession();\n  // we show a loading overlay to block the display for the user\n  // as the page that loads within the iframe will be the actual customer\n  // login page just after authenticatino, which shouldn't be shown to the user during login\n  // there's a small period where we're resolving the session and the iframe is showing\n  const showLoadingOverlay = isInIframe;\n\n  useEffect(() => {\n    const handleErrorMessage = (event: MessageEvent) => {\n      const thisURL = new URL(window.location.href);\n      if (\n        !(\n          event.origin.endsWith(\"civic.com\") || thisURL.hostname === \"localhost\"\n        )\n      ) {\n        return;\n      }\n\n      // The login app has thrown an error, so we need to show the logout iframe\n      if (\n        event.data?.source === \"civicloginApp\" &&\n        event.data?.type === \"auth_error\"\n      ) {\n        setLogoutIframeLoading(false);\n        return;\n      }\n\n      setLogoutIframeLoading(true);\n    };\n\n    window.addEventListener(\"message\", handleErrorMessage);\n    return () => window.removeEventListener(\"message\", handleErrorMessage);\n  }, []);\n\n  const [iframeShouldRender, setIframeShouldRender] = useState(renderIframe);\n\n  useEffect(() => {\n    // We can't remove the iframe from the DOM immediately on authentication,\n    // because it needs a short window to render a special 'TOKEN_EXCHANGE_SUCCESS' message\n    // which the parent needs to detect in order to redirect to the loginSuccessUrl if any.\n    // So we wait 500ms to allow that to happen before removing the iframe.\n    if (session.data?.authenticated) {\n      setTimeout(() => {\n        return setIframeShouldRender(false);\n      }, 500);\n    }\n  }, [session.data?.authenticated]);\n\n  /**\n   * This useEffect resets the iframeShouldRender state when the authStatus changes. We need it\n   * as the iframeShouldRender state is set to false when the user is authenticated, but it needs to be reset\n   */\n  useEffect(() => {\n    if (authStatus !== AuthStatus.AUTHENTICATED) {\n      setIframeShouldRender(renderIframe);\n    }\n  }, [authStatus, renderIframe, iframeIsVisible]);\n\n  return (\n    <>\n      {/* when the user is authenticated we shouldn't render the iframe anymore\n      so that we clear the session for the next time */}\n      {iframeShouldRender && (\n        <div\n          id=\"civic-auth-iframe-container\"\n          style={iframeIsVisible ? { display: \"block\" } : { display: \"none\" }}\n        >\n          <CivicAuthIframeContainer onClose={() => setIframeIsVisible(false)} />\n        </div>\n      )}\n\n      <div\n        style={\n          showIframeOnLogout && logoutIframeIsVisible\n            ? { display: \"block\" }\n            : { display: \"none\" }\n        }\n      >\n        <CivicAuthLogoutIframeContainer isLoading={logoutIframeLoading} />\n      </div>\n\n      {error && (\n        <BlockDisplay>\n          <div>Error: {error?.message}</div>\n        </BlockDisplay>\n      )}\n\n      {showLoadingOverlay && !error && (\n        <BlockDisplay>\n          <LoadingIcon />\n        </BlockDisplay>\n      )}\n    </>\n  );\n};\nexport { IFrameAndLoading };\n"]}

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

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

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

@@ -1 +0,0 @@
-{"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/shared/hooks/useAuth.js

@@ -1,12 +0,0 @@
-"use client";
-import { useContext } from "react";
-import { AuthContext } from "../../shared/providers/AuthContext.js";
-const useAuth = () => {
-    const context = useContext(AuthContext);
-    if (!context) {
-        throw new Error("useAuth must be used within an AuthProvider");
-    }
-    return context;
-};
-export { useAuth };
-//# sourceMappingURL=useAuth.js.map

package/dist/shared/hooks/useAuth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAuth.js","sourceRoot":"","sources":["../../../src/shared/hooks/useAuth.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AACb,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAEhE,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,OAAO,GAAG,UAAU,CAAC,WAAW,CAAC,CAAC;IAExC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC","sourcesContent":["\"use client\";\nimport { useContext } from \"react\";\nimport { AuthContext } from \"@/shared/providers/AuthContext.js\";\n\nconst useAuth = () => {\n  const context = useContext(AuthContext);\n\n  if (!context) {\n    throw new Error(\"useAuth must be used within an AuthProvider\");\n  }\n\n  return context;\n};\n\nexport { useAuth };\n"]}

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

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

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

@@ -1 +0,0 @@
-{"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/shared/hooks/useIframe.js

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

package/dist/shared/hooks/useIframe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIframe.js","sourceRoot":"","sources":["../../../src/shared/hooks/useIframe.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 { IframeContext } from \"@/shared/providers/IframeProvider.js\";\n\n// TokenProvider will use this internal context to access Iframe\nconst useIframe = () => {\n  const context = useContext(IframeContext);\n  if (!context) {\n    throw new Error(\"useIframe must be used within an IframeProvider\");\n  }\n  return context;\n};\n\nexport { useIframe };\n"]}

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

@@ -1,7 +0,0 @@
-/**
- * React hook to detect if the current window is running inside an iframe
- * @returns boolean indicating whether the current window is in an iframe
- */
-declare const useIsInIframe: () => boolean;
-export { useIsInIframe };
-//# sourceMappingURL=useIsInIframe.d.ts.map

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

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

package/dist/shared/hooks/useIsInIframe.js

@@ -1,23 +0,0 @@
-import { isWindowInIframe } from "../../lib/windowUtil.js";
-import { useEffect, useState } from "react";
-/**
- * React hook to detect if the current window is running inside an iframe
- * @returns boolean indicating whether the current window is in an iframe
- */
-const useIsInIframe = () => {
-    // Start with undefined to indicate we don't know yet
-    const [isInIframe, setIsInIframe] = useState(undefined);
-    useEffect(() => {
-        if (typeof globalThis.window !== "undefined") {
-            const isInIframeVal = isWindowInIframe(globalThis.window);
-            setIsInIframe(isInIframeVal);
-        }
-        else {
-            setIsInIframe(false);
-        }
-    }, []);
-    // Return false if undefined to be safe
-    return isInIframe === undefined ? false : isInIframe;
-};
-export { useIsInIframe };
-//# sourceMappingURL=useIsInIframe.js.map

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

@@ -1 +0,0 @@
-{"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;;;GAGG;AACH,MAAM,aAAa,GAAG,GAAG,EAAE;IACzB,qDAAqD;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAsB,SAAS,CAAC,CAAC;IAE7E,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;aAAM,CAAC;YACN,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,uCAAuC;IACvC,OAAO,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import { isWindowInIframe } from \"@/lib/windowUtil.js\";\nimport { useEffect, useState } from \"react\";\n\n/**\n * React hook to detect if the current window is running inside an iframe\n * @returns boolean indicating whether the current window is in an iframe\n */\nconst useIsInIframe = () => {\n  // Start with undefined to indicate we don't know yet\n  const [isInIframe, setIsInIframe] = useState<boolean | undefined>(undefined);\n\n  useEffect(() => {\n    if (typeof globalThis.window !== \"undefined\") {\n      const isInIframeVal = isWindowInIframe(globalThis.window);\n      setIsInIframe(isInIframeVal);\n    } else {\n      setIsInIframe(false);\n    }\n  }, []);\n\n  // Return false if undefined to be safe\n  return isInIframe === undefined ? false : isInIframe;\n};\n\nexport { useIsInIframe };\n"]}

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

@@ -1,20 +0,0 @@
-import { AuthStatus, type DisplayMode } from "../../types.js";
-import { type PKCEConsumer } from "../../services/types.js";
-type SignInProps = {
-    pkceConsumer?: PKCEConsumer;
-    preSignOut?: () => Promise<void>;
-    postSignOut?: () => Promise<void>;
-    displayMode: DisplayMode;
-};
-/**
- * Hook to manage authentication flow.
- */
-declare const useSignIn: ({ pkceConsumer, preSignOut, postSignOut, displayMode }?: SignInProps) => {
-    signIn: () => Promise<void>;
-    signOut: () => Promise<void>;
-    startSignIn: () => Promise<void>;
-    authStatus: AuthStatus;
-    displayMode: DisplayMode;
-};
-export { useSignIn };
-//# sourceMappingURL=useSignIn.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSignIn.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/useSignIn.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,UAAU,EACV,KAAK,WAAW,EAEjB,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQpE,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;IAClC,WAAW,EAAE,WAAW,CAAC;CAC1B,CAAC;AAcF;;GAEG;AACH,QAAA,MAAM,SAAS,4DAC2C,WAAW;kBAkQ9B,OAAO,CAAC,IAAI,CAAC;;uBAxGR,OAAO,CAAC,IAAI,CAAC;;;CAsSxD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/shared/hooks/useSignIn.js

@@ -1,358 +0,0 @@
-import { BrowserAuthenticationInitiator } from "../../services/AuthenticationService.js";
-import { BrowserPublicClientPKCEProducer } from "../../services/PKCE.js";
-import { useCivicAuthConfig } from "../../shared/hooks/useCivicAuthConfig.js";
-import { AuthStatus, } from "../../types.js";
-import { useIframe } from "../../shared/hooks/useIframe.js";
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { PopupError } from "../../services/types.js";
-import { useSession } from "./useSession.js";
-import { LocalStorageAdapter } from "../../browser/storage.js";
-import { clearTokens, clearUser } from "../lib/util.js";
-import { useLocalStorage } from "usehooks-ts";
-import { LOGOUT_STATE } from "../../constants.js";
-import { useAuthStatus } from "../../shared/providers/AuthStatusContext.js";
-const SIGN_IN_TIMEOUT_MS = 9 * 60 * 1000; // 9 minutes in milliseconds
-/**
- * Hook to manage authentication flow.
- */
-const useSignIn = ({ pkceConsumer, preSignOut, postSignOut, displayMode } = {
-    displayMode: "iframe",
-}) => {
-    // Config and external state
-    const civicAuthConfig = useCivicAuthConfig();
-    const { iframeRef, logoutIframeRef, setIframeIsVisible, setLogoutIframeIsVisible, iframeAborted, setIframeAborted, } = useIframe();
-    const { data: session } = useSession();
-    const { authStatus, setAuthStatus } = useAuthStatus();
-    const [, setDesignOption] = useLocalStorage(`loginAppDesign`, { colorMode: "auto" });
-    // Internal state tracking
-    const timeoutRef = useRef(null);
-    const authStatusRef = useRef(AuthStatus.UNAUTHENTICATED);
-    const isSigningInRef = useRef(false);
-    // Promise handling
-    const signInPromiseRef = useRef();
-    const signInResolveRef = useRef(null);
-    const signInRejectRef = useRef(null);
-    // Event handlers
-    const handlersRef = useRef({
-        handleSignInComplete: null,
-        handleSignInError: null,
-    });
-    // Helper to resolve/reject sign-in promise with cleanup
-    const resolveSignInPromise = useCallback(() => {
-        if (signInResolveRef.current) {
-            setAuthStatus(AuthStatus.AUTHENTICATED);
-            authStatusRef.current = AuthStatus.AUTHENTICATED;
-            isSigningInRef.current = false;
-            signInResolveRef.current();
-            // Clean up after resolving
-            signInResolveRef.current = null;
-            signInRejectRef.current = null;
-            signInPromiseRef.current = undefined;
-            if (timeoutRef.current !== null) {
-                window.clearTimeout(timeoutRef.current);
-                timeoutRef.current = null;
-            }
-        }
-    }, [setAuthStatus]);
-    const rejectSignInPromise = useCallback((error, newStatus = AuthStatus.ERROR) => {
-        if (signInRejectRef.current) {
-            signInRejectRef.current(error);
-            // Clean up after rejecting
-            signInResolveRef.current = null;
-            signInRejectRef.current = null;
-            signInPromiseRef.current = undefined;
-            isSigningInRef.current = false;
-            setAuthStatus(newStatus);
-            if (timeoutRef.current !== null) {
-                window.clearTimeout(timeoutRef.current);
-                timeoutRef.current = null;
-            }
-        }
-    }, [setAuthStatus]);
-    // Create authentication initiator
-    const authInitiator = useMemo(() => {
-        if (!civicAuthConfig)
-            return null;
-        const { clientId, redirectUrl, logoutUrl, loginSuccessUrl, logoutRedirectUrl, nonce, oauthServer, endpoints, scopes, autoRedirect, } = civicAuthConfig;
-        return new BrowserAuthenticationInitiator({
-            pkceConsumer: pkceConsumer || new BrowserPublicClientPKCEProducer(),
-            clientId,
-            redirectUrl,
-            loginSuccessUrl,
-            logoutUrl,
-            logoutRedirectUrl,
-            scopes,
-            displayMode,
-            oauthServer,
-            endpointOverrides: endpoints,
-            nonce,
-            framework: civicAuthConfig.framework,
-            autoRedirect,
-        }, setDesignOption);
-    }, [civicAuthConfig, displayMode, pkceConsumer, setDesignOption]);
-    // Cleanup resources when component unmounts
-    useEffect(() => {
-        return () => {
-            if (authInitiator) {
-                authInitiator.cleanup();
-            }
-            if (timeoutRef.current !== null) {
-                window.clearTimeout(timeoutRef.current);
-                timeoutRef.current = null;
-            }
-        };
-    }, [authInitiator]);
-    // Handle logout state cleanup
-    useEffect(() => {
-        const params = new URLSearchParams(window.location.search);
-        const state = params.get("state");
-        const localStorage = new LocalStorageAdapter();
-        localStorage.get(LOGOUT_STATE).then((storedLogoutState) => {
-            if (state && state === storedLogoutState) {
-                // Clear storage
-                clearTokens(localStorage);
-                clearUser(localStorage);
-                LocalStorageAdapter.emitter.emit("signOut");
-                // Clean up storage and URL
-                sessionStorage.removeItem(LOGOUT_STATE);
-                const cleanUrl = window.location.href.split("?")[0];
-                window.history.replaceState({}, document.title, cleanUrl);
-            }
-        });
-    }, []);
-    // Main sign-in logic
-    const startSignIn = useCallback(async () => {
-        if (!authInitiator)
-            return;
-        // Create the promise and store its handlers
-        const promise = new Promise((resolve, reject) => {
-            signInResolveRef.current = resolve;
-            signInRejectRef.current = reject;
-        });
-        signInPromiseRef.current = promise;
-        // Check if sign-in is already in progress using the ref, if so, return signIn promise
-        if (isSigningInRef.current) {
-            return promise;
-        }
-        // State machine for sign-in flow
-        switch (authStatus) {
-            case AuthStatus.AUTHENTICATED:
-                return Promise.resolve();
-            case AuthStatus.UNAUTHENTICATED:
-            case AuthStatus.ERROR:
-                break;
-            case AuthStatus.AUTHENTICATING:
-                // if we're already authenticating, return the existing promise
-                return promise;
-            default:
-                return Promise.reject(new Error(`Invalid state for sign-in: ${authStatus}`));
-        }
-        // Set signing in flag first
-        isSigningInRef.current = true;
-        // Clear any existing timeout
-        if (timeoutRef.current !== null) {
-            window.clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        try {
-            // Set authenticating status before any async operations
-            setAuthStatus(AuthStatus.AUTHENTICATING);
-            authStatusRef.current = AuthStatus.AUTHENTICATING;
-            authInitiator.setDisplayMode(displayMode);
-            // Set a timeout to reject the promise if authentication takes too long
-            timeoutRef.current = window.setTimeout(() => {
-                if (authStatusRef.current === AuthStatus.AUTHENTICATING) {
-                    rejectSignInPromise(new Error("Sign-in timeout"));
-                }
-            }, SIGN_IN_TIMEOUT_MS);
-            // Start the authentication process
-            const useIframeRef = iframeRef?.current || null;
-            await authInitiator.signIn(useIframeRef);
-        }
-        catch (error) {
-            // Reset the signing in flag on error
-            isSigningInRef.current = false;
-            if (error instanceof PopupError) {
-                // Fallback to redirect if popup fails
-                setIframeIsVisible(false);
-                authInitiator.cleanup();
-                authInitiator.setDisplayMode("redirect");
-                try {
-                    // Call signIn again with redirect mode
-                    await authInitiator.signIn(iframeRef?.current || null);
-                }
-                catch (retryError) {
-                    console.error("[useSignIn] Redirect sign-in initiation error", retryError);
-                    rejectSignInPromise(retryError instanceof Error
-                        ? retryError
-                        : new Error(String(retryError)));
-                    return promise;
-                }
-            }
-            else {
-                rejectSignInPromise(error instanceof Error ? error : new Error(String(error)));
-                return promise;
-            }
-        }
-        return promise;
-    }, [
-        authInitiator,
-        displayMode,
-        iframeRef,
-        setIframeIsVisible,
-        authStatus,
-        setAuthStatus,
-        rejectSignInPromise,
-    ]);
-    // Public sign-in method
-    const signIn = useCallback(async () => {
-        if (displayMode === "iframe") {
-            const result = await authInitiator?.handleUserInteractionBrowserCorsFailsSilently();
-            setIframeIsVisible(!result?.isRedirecting);
-        }
-        return startSignIn();
-    }, [displayMode, startSignIn, setIframeIsVisible, authInitiator]);
-    // Sign-out method
-    const signOut = useCallback(async () => {
-        const idToken = session?.idToken;
-        if (!authInitiator)
-            return;
-        setAuthStatus(AuthStatus.SIGNING_OUT);
-        if (displayMode === "iframe") {
-            setIframeIsVisible(false);
-            setLogoutIframeIsVisible(true);
-        }
-        try {
-            await preSignOut?.();
-            const useIframeRef = logoutIframeRef?.current || null;
-            await authInitiator.signOut(idToken, useIframeRef).catch((error) => {
-                setAuthStatus(AuthStatus.ERROR);
-                console.error("signOut error", {
-                    error,
-                    isPopupError: error instanceof PopupError,
-                });
-                if (error instanceof PopupError) {
-                    setLogoutIframeIsVisible(false);
-                    authInitiator.cleanup();
-                    authInitiator.setDisplayMode("redirect");
-                    authInitiator.signOut(idToken, useIframeRef); // Retry sign out
-                }
-            });
-        }
-        catch (error) {
-            console.error("Signout error:", error);
-            setAuthStatus(AuthStatus.ERROR);
-        }
-    }, [
-        session?.idToken,
-        authInitiator,
-        displayMode,
-        setLogoutIframeIsVisible,
-        setIframeIsVisible,
-        preSignOut,
-        logoutIframeRef,
-        setAuthStatus,
-    ]);
-    // Set up event listeners for authentication status
-    useEffect(() => {
-        // Update the ref with current auth status
-        authStatusRef.current = authStatus;
-        // Define handlers
-        handlersRef.current = {
-            handleSignInComplete: () => {
-                if (authStatusRef.current === AuthStatus.AUTHENTICATING) {
-                    resolveSignInPromise();
-                }
-            },
-            handleSignInError: (event) => {
-                if (authStatusRef.current === AuthStatus.AUTHENTICATING) {
-                    const error = event.detail.error;
-                    rejectSignInPromise(error instanceof Error
-                        ? error
-                        : new Error(error.message || "Sign-in failed"));
-                }
-            },
-        };
-        // Add listeners only when in authenticating state
-        if (authStatus === AuthStatus.AUTHENTICATING &&
-            handlersRef.current.handleSignInComplete &&
-            handlersRef.current.handleSignInError) {
-            LocalStorageAdapter.emitter.on("civic-auth-signin-complete", handlersRef.current.handleSignInComplete);
-            LocalStorageAdapter.emitter.on("civic-auth-signin-error", handlersRef.current.handleSignInError);
-        }
-        else if (authStatus !== AuthStatus.AUTHENTICATING &&
-            timeoutRef.current !== null) {
-            // Clean up timeout when not in authenticating state
-            window.clearTimeout(timeoutRef.current);
-            timeoutRef.current = null;
-        }
-        // Cleanup listeners
-        return () => {
-            if (handlersRef.current.handleSignInComplete) {
-                LocalStorageAdapter.emitter.off("civic-auth-signin-complete", handlersRef.current.handleSignInComplete);
-            }
-            if (handlersRef.current.handleSignInError) {
-                LocalStorageAdapter.emitter.off("civic-auth-signin-error", handlersRef.current.handleSignInError);
-            }
-        };
-    }, [authStatus, resolveSignInPromise, rejectSignInPromise]);
-    // Effect to handle session updates and iframe aborts
-    useEffect(() => {
-        // If session becomes authenticated, update state and resolve pending promises
-        if (session?.authenticated &&
-            authStatusRef.current !== AuthStatus.AUTHENTICATED) {
-            setAuthStatus(AuthStatus.AUTHENTICATED);
-            // If we have a pending sign-in promise, resolve it
-            if (authStatusRef.current === AuthStatus.AUTHENTICATING &&
-                signInResolveRef.current) {
-                resolveSignInPromise();
-            }
-        }
-        // Handle iframe abortion
-        if (displayMode === "iframe" && iframeAborted) {
-            setIframeAborted(false);
-            if (authStatusRef.current === AuthStatus.AUTHENTICATING) {
-                rejectSignInPromise(new Error("Sign-in aborted by user"), AuthStatus.UNAUTHENTICATED);
-            }
-        }
-        // Update unauthenticated state when session is absent
-        if (!session?.authenticated &&
-            ![AuthStatus.AUTHENTICATING, AuthStatus.SIGNING_OUT].includes(authStatusRef.current)) {
-            if (authStatusRef.current !== AuthStatus.UNAUTHENTICATED) {
-                setAuthStatus(AuthStatus.UNAUTHENTICATED);
-            }
-        }
-    }, [
-        displayMode,
-        iframeAborted,
-        session?.authenticated,
-        setIframeAborted,
-        resolveSignInPromise,
-        rejectSignInPromise,
-        setAuthStatus,
-    ]);
-    // Handle logout completion
-    useEffect(() => {
-        if (authStatus === AuthStatus.SIGNING_OUT && !session?.authenticated) {
-            setAuthStatus(AuthStatus.UNAUTHENTICATED);
-            postSignOut?.().then(() => {
-                setLogoutIframeIsVisible(false);
-            });
-        }
-    }, [
-        session,
-        postSignOut,
-        setLogoutIframeIsVisible,
-        authStatus,
-        setAuthStatus,
-    ]);
-    return {
-        signIn,
-        signOut,
-        startSignIn,
-        authStatus,
-        displayMode,
-    };
-};
-export { useSignIn };
-//# sourceMappingURL=useSignIn.js.map