@civic/auth 0.9.6-beta.1 → 0.9.6-beta.2

package/dist/nextjs/hooks/index.js

@@ -1,2 +0,0 @@
-export { useUserCookie } from "../../nextjs/hooks/useUserCookie.js";
-//# sourceMappingURL=index.js.map

package/dist/nextjs/hooks/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nextjs/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export { useUserCookie } from \"@/nextjs/hooks/useUserCookie.js\";\n"]}

package/dist/nextjs/hooks/usePrevious.d.ts

@@ -1,2 +0,0 @@
-export declare function usePrevious<T>(value: T): T | undefined;
-//# sourceMappingURL=usePrevious.d.ts.map

package/dist/nextjs/hooks/usePrevious.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../../src/nextjs/hooks/usePrevious.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,iBAMtC"}

package/dist/nextjs/hooks/usePrevious.js

@@ -1,9 +0,0 @@
-import { useEffect, useRef } from "react";
-export function usePrevious(value) {
-    const ref = useRef();
-    useEffect(() => {
-        ref.current = value;
-    }, [value]);
-    return ref.current;
-}
-//# sourceMappingURL=usePrevious.js.map

package/dist/nextjs/hooks/usePrevious.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../src/nextjs/hooks/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,UAAU,WAAW,CAAI,KAAQ;IACrC,MAAM,GAAG,GAAG,MAAM,EAAK,CAAC;IACxB,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACZ,OAAO,GAAG,CAAC,OAAO,CAAC;AACrB,CAAC","sourcesContent":["import { useEffect, useRef } from \"react\";\n\nexport function usePrevious<T>(value: T) {\n  const ref = useRef<T>();\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n"]}

package/dist/nextjs/hooks/useUserCookie.d.ts

@@ -1,9 +0,0 @@
-import type { EmptyObject, User } from "../../types.js";
-export declare const useUserCookie: <T extends EmptyObject>() => {
-    user: User<T> | null;
-    idToken: string | undefined;
-    userChanged: boolean;
-    fetchUser: (abortController?: AbortController) => void;
-    isLoading: boolean;
-};
-//# sourceMappingURL=useUserCookie.d.ts.map

package/dist/nextjs/hooks/useUserCookie.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUserCookie.d.ts","sourceRoot":"","sources":["../../../src/nextjs/hooks/useUserCookie.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAwBpD,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW;;;;kCAwBA,eAAe;;CAiFjE,CAAC"}

package/dist/nextjs/hooks/useUserCookie.js

@@ -1,109 +0,0 @@
-"use client";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { OAuthTokenTypes, UserStorage } from "../../shared/lib/types.js";
-import { objectsAreEqual } from "../../lib/obj.js";
-import { BrowserCookieStorage } from "../../shared/index.js";
-import { useIsClient } from "usehooks-ts";
-const browserCookieStorage = new BrowserCookieStorage();
-const getUserAndTokenFromCookie = () => {
-    const userCookie = browserCookieStorage.getSync(UserStorage.USER);
-    const idTokenCookie = browserCookieStorage.getSync(OAuthTokenTypes.ID_TOKEN);
-    return {
-        [UserStorage.USER]: userCookie ? JSON.parse(userCookie) : undefined,
-        [OAuthTokenTypes.ID_TOKEN]: idTokenCookie || undefined,
-    };
-};
-export const useUserCookie = () => {
-    // need to make sure this is only run on the client
-    // because it uses cookies that expect a document object to be present to read from
-    const isClient = useIsClient();
-    const response = (isClient && getUserAndTokenFromCookie()) || {};
-    // initialise user and token from cookies so that we don't
-    // have to wait for the first fetch to expose these values
-    const userData = response[UserStorage.USER];
-    const tokenData = response[OAuthTokenTypes.ID_TOKEN];
-    // we need both a ref and state for the user and token
-    // because the ref is used to compare the previous value
-    // to the new value to see if it has changed
-    // and the state is used to trigger a re-render
-    // when the value changes
-    const userRef = useRef(userData);
-    const tokenRef = useRef(tokenData);
-    const [user, setUser] = useState(userData);
-    const [idToken, setToken] = useState(tokenData);
-    const [userChanged, setUserChanged] = useState(false);
-    const userChangedToggle = useRef(false);
-    const [initialFetchComplete, setInitialFetchComplete] = useState(!!userData);
-    const fetchUser = useCallback((abortController) => {
-        if (abortController?.signal.aborted) {
-            setInitialFetchComplete(true);
-            return;
-        }
-        const response = getUserAndTokenFromCookie() || {};
-        const userData = response[UserStorage.USER];
-        const tokenData = response[OAuthTokenTypes.ID_TOKEN];
-        if (abortController?.signal.aborted) {
-            setInitialFetchComplete(true);
-            return;
-        }
-        // we use objectsAreEqual here comparing the object references could trigger
-        // unnecessary re-renders if the object is the same but a new reference is created
-        if (!objectsAreEqual(userData, userRef.current)) {
-            userRef.current = userData || null;
-            setUser(userData || null);
-            // Toggle userChanged to force effect to fire
-            userChangedToggle.current = !userChangedToggle.current;
-            setUserChanged(userChangedToggle.current);
-        }
-        if (tokenData !== tokenRef.current) {
-            tokenRef.current = tokenData;
-            setToken(tokenData);
-        }
-        setInitialFetchComplete(true);
-    }, []);
-    /**
-     * Set up a listener for when the user cookies change which will be triggered
-     * by server-side during token exchange. We are able to receive these updates as the auth
-     * calls will be running in the iframe and the cookies will be set in the parent window.
-     */
-    useEffect(() => {
-        let abortController = new AbortController();
-        const cookieListener = () => {
-            // pass an abort controller to fetchUser to cancel any in-flight requests
-            // that might have been triggered before re-render
-            abortController = new AbortController();
-            fetchUser(abortController);
-        };
-        document.addEventListener("visibilitychange", cookieListener);
-        window.addEventListener("storage", cookieListener);
-        window.addEventListener("focus", cookieListener);
-        // set the user and token ref from cookies again as the component has now mounted
-        // so cookies might be available that weren't there at initialisation above
-        const response = getUserAndTokenFromCookie() || {};
-        const userData = response[UserStorage.USER];
-        const tokenData = response[OAuthTokenTypes.ID_TOKEN];
-        userRef.current = userData;
-        tokenRef.current = tokenData;
-        setUser(userData);
-        setToken(tokenData);
-        fetchUser(abortController);
-        // poll for changes to the cookies every 2 seconds
-        // this is required as react doesn't have a built-in hook that will change on cookie changes
-        const intervalId = setInterval(cookieListener, 2000);
-        return () => {
-            abortController.abort();
-            document.removeEventListener("visibilitychange", cookieListener);
-            window.removeEventListener("storage", cookieListener);
-            window.removeEventListener("focus", cookieListener);
-            clearInterval(intervalId);
-        };
-    }, [fetchUser]);
-    return {
-        user,
-        idToken,
-        userChanged,
-        fetchUser,
-        isLoading: !initialFetchComplete,
-    };
-};
-//# sourceMappingURL=useUserCookie.js.map

package/dist/nextjs/hooks/useUserCookie.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useUserCookie.js","sourceRoot":"","sources":["../../../src/nextjs/hooks/useUserCookie.ts"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { EmptyObject, User } from \"@/types.js\";\nimport { OAuthTokenTypes, UserStorage } from \"@/shared/lib/types.js\";\nimport { objectsAreEqual } from \"@/lib/obj.js\";\nimport { BrowserCookieStorage } from \"@/shared/index.js\";\nimport { useIsClient } from \"usehooks-ts\";\n\ntype UserAndTokenFromCookie = {\n  [UserStorage.USER]: User | undefined;\n  [OAuthTokenTypes.ID_TOKEN]: string | undefined;\n};\nconst browserCookieStorage = new BrowserCookieStorage();\nconst getUserAndTokenFromCookie = (): UserAndTokenFromCookie => {\n  const userCookie = browserCookieStorage.getSync(\n    UserStorage.USER,\n  ) as unknown as string | null;\n  const idTokenCookie = browserCookieStorage.getSync(\n    OAuthTokenTypes.ID_TOKEN,\n  ) as unknown as string | null;\n  return {\n    [UserStorage.USER]: userCookie ? JSON.parse(userCookie) : undefined,\n    [OAuthTokenTypes.ID_TOKEN]: idTokenCookie || undefined,\n  };\n};\n\nexport const useUserCookie = <T extends EmptyObject>() => {\n  // need to make sure this is only run on the client\n  // because it uses cookies that expect a document object to be present to read from\n  const isClient = useIsClient();\n  const response =\n    (isClient && getUserAndTokenFromCookie()) || ({} as UserAndTokenFromCookie);\n  // initialise user and token from cookies so that we don't\n  // have to wait for the first fetch to expose these values\n  const userData = response[UserStorage.USER] as User<T>;\n  const tokenData = response[OAuthTokenTypes.ID_TOKEN];\n\n  // we need both a ref and state for the user and token\n  // because the ref is used to compare the previous value\n  // to the new value to see if it has changed\n  // and the state is used to trigger a re-render\n  // when the value changes\n  const userRef = useRef(userData);\n  const tokenRef = useRef(tokenData);\n  const [user, setUser] = useState<User<T> | null>(userData);\n  const [idToken, setToken] = useState<string | undefined>(tokenData);\n  const [userChanged, setUserChanged] = useState<boolean>(false);\n  const userChangedToggle = useRef(false);\n  const [initialFetchComplete, setInitialFetchComplete] = useState(!!userData);\n\n  const fetchUser = useCallback((abortController?: AbortController) => {\n    if (abortController?.signal.aborted) {\n      setInitialFetchComplete(true);\n      return;\n    }\n\n    const response = getUserAndTokenFromCookie() || {};\n    const userData = response[UserStorage.USER] as User<T>;\n    const tokenData = response[OAuthTokenTypes.ID_TOKEN];\n\n    if (abortController?.signal.aborted) {\n      setInitialFetchComplete(true);\n      return;\n    }\n\n    // we use objectsAreEqual here comparing the object references could trigger\n    // unnecessary re-renders if the object is the same but a new reference is created\n    if (!objectsAreEqual(userData, userRef.current)) {\n      userRef.current = userData || null;\n      setUser(userData || null);\n      // Toggle userChanged to force effect to fire\n      userChangedToggle.current = !userChangedToggle.current;\n      setUserChanged(userChangedToggle.current);\n    }\n    if (tokenData !== tokenRef.current) {\n      tokenRef.current = tokenData;\n      setToken(tokenData);\n    }\n    setInitialFetchComplete(true);\n  }, []);\n\n  /**\n   * Set up a listener for when the user cookies change which will be triggered\n   * by server-side during token exchange. We are able to receive these updates as the auth\n   * calls will be running in the iframe and the cookies will be set in the parent window.\n   */\n  useEffect(() => {\n    let abortController = new AbortController();\n    const cookieListener = () => {\n      // pass an abort controller to fetchUser to cancel any in-flight requests\n      // that might have been triggered before re-render\n      abortController = new AbortController();\n      fetchUser(abortController);\n    };\n\n    document.addEventListener(\"visibilitychange\", cookieListener);\n    window.addEventListener(\"storage\", cookieListener);\n    window.addEventListener(\"focus\", cookieListener);\n\n    // set the user and token ref from cookies again as the component has now mounted\n    // so cookies might be available that weren't there at initialisation above\n    const response =\n      getUserAndTokenFromCookie() || ({} as UserAndTokenFromCookie);\n    const userData = response[UserStorage.USER] as User<T>;\n    const tokenData = response[OAuthTokenTypes.ID_TOKEN];\n    userRef.current = userData;\n    tokenRef.current = tokenData;\n    setUser(userData);\n    setToken(tokenData);\n    fetchUser(abortController);\n\n    // poll for changes to the cookies every 2 seconds\n    // this is required as react doesn't have a built-in hook that will change on cookie changes\n    const intervalId = setInterval(cookieListener, 2000);\n\n    return () => {\n      abortController.abort();\n      document.removeEventListener(\"visibilitychange\", cookieListener);\n      window.removeEventListener(\"storage\", cookieListener);\n      window.removeEventListener(\"focus\", cookieListener);\n      clearInterval(intervalId);\n    };\n  }, [fetchUser]);\n\n  return {\n    user,\n    idToken,\n    userChanged,\n    fetchUser,\n    isLoading: !initialFetchComplete,\n  };\n};\n"]}

package/dist/react-router-7/components/UserButtonPresentation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserButtonPresentation.d.ts","sourceRoot":"","sources":["../../../src/react-router-7/components/UserButtonPresentation.tsx"],"names":[],"mappings":"AAEA,UAAU,2BAA2B;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,QAAQ,GACT,EAAE,2BAA2B,oDA0B7B"}

package/dist/react-router-7/components/UserButtonPresentation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserButtonPresentation.js","sourceRoot":"","sources":["../../../src/react-router-7/components/UserButtonPresentation.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAUb,MAAM,UAAU,sBAAsB,CAAC,EACrC,SAAS,EACT,KAAK,EACL,OAAO,EACP,aAAa,EAAE,UAAU,EACzB,QAAQ,GACoB;IAC5B,OAAO,CACL,iBACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,YAAY,EAAE,QAAQ;YACtB,MAAM,EAAE,mBAAmB;YAC3B,OAAO,EAAE,cAAc;YACvB,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,uBAAuB;YACnC,QAAQ,EAAE,KAAK;YACf,GAAG,KAAK;SACT,EACD,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,SAAS,CAAC;QACpD,CAAC,EACD,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE;YAClB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,eAAe,GAAG,EAAE,CAAC;QAC7C,CAAC,YAEA,QAAQ,GACF,CACV,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\ninterface UserButtonPresentationProps {\n  className?: string;\n  style?: React.CSSProperties;\n  onClick?: () => void;\n  \"data-testid\"?: string;\n  children: React.ReactNode;\n}\n\nexport function UserButtonPresentation({\n  className,\n  style,\n  onClick,\n  \"data-testid\": dataTestId,\n  children,\n}: UserButtonPresentationProps) {\n  return (\n    <button\n      className={className}\n      style={{\n        cursor: \"pointer\",\n        borderRadius: \"9999px\",\n        border: \"1px solid #6b7280\",\n        padding: \"0.75rem 1rem\",\n        color: \"#6b7280\",\n        transition: \"background-color 0.2s\",\n        minWidth: \"9em\",\n        ...style,\n      }}\n      onClick={onClick}\n      data-testid={dataTestId}\n      onMouseEnter={(e) => {\n        e.currentTarget.style.backgroundColor = \"#f3f4f6\";\n      }}\n      onMouseLeave={(e) => {\n        e.currentTarget.style.backgroundColor = \"\";\n      }}\n    >\n      {children}\n    </button>\n  );\n}\n"]}

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

@@ -1,6 +0,0 @@
-import { type ReactNode } from "react";
-declare const BlockDisplay: ({ children }: {
-    children: ReactNode;
-}) => import("@emotion/react/jsx-runtime").JSX.Element | null;
-export { BlockDisplay };
-//# sourceMappingURL=BlockDisplay.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BlockDisplay.d.ts","sourceRoot":"","sources":["../../../src/shared/components/BlockDisplay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,QAAA,MAAM,YAAY,iBAAkB;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4DAmC1D,CAAC;AACF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/shared/components/BlockDisplay.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
-import {} from "react";
-import { useIframe } from "../hooks/useIframe.js";
-import { useIsClient } from "usehooks-ts";
-const BlockDisplay = ({ children }) => {
-    const { backgroundColor } = useIframe();
-    const isClient = useIsClient();
-    // don't render in server-mode as the appearance changes after load
-    return !isClient ? null : (_jsx("div", { id: "iframe-block-display-wrapper", style: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            zIndex: 200,
-            display: "flex",
-            height: "100vh",
-            width: "100vw",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor,
-        }, children: _jsx("div", { id: "iframe-block-display", style: {
-                position: "relative",
-                inset: 0,
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                backgroundColor,
-            }, children: children }) }));
-};
-export { BlockDisplay };
-//# sourceMappingURL=BlockDisplay.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BlockDisplay.js","sourceRoot":"","sources":["../../../src/shared/components/BlockDisplay.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE;IAC7D,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAAC;IACxC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,mEAAmE;IACnE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxB,cACE,EAAE,EAAC,8BAA8B,EACjC,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,IAAI,EAAE,CAAC;YACP,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,GAAG;YACX,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,OAAO;YACf,KAAK,EAAE,OAAO;YACd,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,eAAe;SAChB,YAED,cACE,EAAE,EAAC,sBAAsB,EACzB,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,KAAK,EAAE,CAAC;gBACR,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,eAAe;aAChB,YAEA,QAAQ,GACL,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { type ReactNode } from \"react\";\nimport { useIframe } from \"../hooks/useIframe.js\";\nimport { useIsClient } from \"usehooks-ts\";\n\nconst BlockDisplay = ({ children }: { children: ReactNode }) => {\n  const { backgroundColor } = useIframe();\n  const isClient = useIsClient();\n  // don't render in server-mode as the appearance changes after load\n  return !isClient ? null : (\n    <div\n      id=\"iframe-block-display-wrapper\"\n      style={{\n        position: \"absolute\",\n        left: 0,\n        top: 0,\n        zIndex: 200,\n        display: \"flex\",\n        height: \"100vh\",\n        width: \"100vw\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        backgroundColor,\n      }}\n    >\n      <div\n        id=\"iframe-block-display\"\n        style={{\n          position: \"relative\",\n          inset: 0,\n          display: \"flex\",\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          backgroundColor,\n        }}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\nexport { BlockDisplay };\n"]}

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

@@ -1,10 +0,0 @@
-import React from "react";
-type CivicAuthIframeProps = {
-    onLoad?: () => void;
-    id: string;
-    isRedirecting?: boolean;
-};
-declare const CivicAuthIframe: React.ForwardRefExoticComponent<CivicAuthIframeProps & React.RefAttributes<HTMLIFrameElement>>;
-export type { CivicAuthIframeProps };
-export { CivicAuthIframe };
-//# sourceMappingURL=CivicAuthIframe.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CivicAuthIframe.d.ts","sourceRoot":"","sources":["../../../src/shared/components/CivicAuthIframe.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,KAAK,oBAAoB,GAAG;IAC1B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,eAAe,gGA6EpB,CAAC;AAIF,YAAY,EAAE,oBAAoB,EAAE,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/shared/components/CivicAuthIframe.js

@@ -1,49 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import React, { forwardRef } from "react";
-import { IframeResizer } from "@civic/iframe-resizer";
-import SVGLoading from "./SVGLoading.js";
-import { useIframe } from "../hooks/useIframe.js";
-import { useIsClient } from "usehooks-ts";
-const CivicAuthIframe = forwardRef(({ onLoad, id, isRedirecting }, ref) => {
-    const [isLoaded, setIsLoaded] = React.useState(false);
-    const { iframeMode, backgroundColor } = useIframe();
-    const iframeRef = ref;
-    const isClient = useIsClient();
-    // don't render on the server as the appearance changes when the iframe is loaded from login-app post-messages
-    return !isClient ? null : (_jsxs("div", { style: {
-            position: "relative",
-            borderRadius: isLoaded ? "26px" : 0,
-            overflow: "hidden",
-            transition: "all 250ms ease",
-            backgroundColor: isLoaded ? backgroundColor : "transparent",
-            minHeight: iframeMode !== "embedded" ? "26px" : "auto",
-        }, children: [!isLoaded || isRedirecting ? (_jsx("div", { "data-testid": "iframe-shimmer-loader", style: {
-                    width: "100%",
-                    height: "26px",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    position: "absolute",
-                    top: "50%",
-                    left: "50%",
-                    transform: "translate(-50%, -50%)",
-                    borderRadius: "13px",
-                    overflow: "hidden",
-                }, children: iframeMode !== "embedded" && (_jsx(SVGLoading, { backgroundColor: backgroundColor })) })) : null, _jsx("div", { style: {
-                    opacity: isLoaded ? 1 : 0,
-                    transition: "opacity 250ms ease",
-                }, children: !isRedirecting && (_jsx(IframeResizer, { ref: iframeRef, id: id, "data-testid": "civic-auth-iframe-with-resizer", initialHeight: iframeMode !== "embedded" ? "26px" : "max-content", animate: true, animationDuration: 250, checkOrigin: false, style: {
-                        width: "100%",
-                        border: "none",
-                        minWidth: "100%",
-                        backgroundColor: isLoaded ? backgroundColor : "transparent",
-                        pointerEvents: "auto",
-                    }, onLoad: () => {
-                        setIsLoaded(true);
-                        onLoad?.();
-                    }, allow: "camera; screen-wake-lock; publickey-credentials-get *; publickey-credentials-create *;", allowFullScreen: true })) })] }));
-});
-CivicAuthIframe.displayName = "CivicAuthIframe";
-export { CivicAuthIframe };
-//# sourceMappingURL=CivicAuthIframe.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CivicAuthIframe.js","sourceRoot":"","sources":["../../../src/shared/components/CivicAuthIframe.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\";\nimport React, { forwardRef } from \"react\";\nimport { IframeResizer } from \"@civic/iframe-resizer\";\nimport SVGLoading from \"./SVGLoading.js\";\nimport { useIframe } from \"../hooks/useIframe.js\";\nimport { useIsClient } from \"usehooks-ts\";\n\ntype CivicAuthIframeProps = {\n  onLoad?: () => void;\n  id: string;\n  isRedirecting?: boolean; // Optional prop to indicate if the iframe is redirecting\n};\n\nconst CivicAuthIframe = forwardRef<HTMLIFrameElement, CivicAuthIframeProps>(\n  ({ onLoad, id, isRedirecting }, ref) => {\n    const [isLoaded, setIsLoaded] = React.useState(false);\n    const { iframeMode, backgroundColor } = useIframe();\n    const iframeRef = ref;\n    const isClient = useIsClient();\n\n    // don't render on the server as the appearance changes when the iframe is loaded from login-app post-messages\n    return !isClient ? null : (\n      <div\n        style={{\n          position: \"relative\",\n          borderRadius: isLoaded ? \"26px\" : 0,\n          overflow: \"hidden\",\n          transition: \"all 250ms ease\",\n          backgroundColor: isLoaded ? backgroundColor : \"transparent\",\n          minHeight: iframeMode !== \"embedded\" ? \"26px\" : \"auto\",\n        }}\n      >\n        {/* show the shimmer effect while loading or redirecting */}\n        {!isLoaded || isRedirecting ? (\n          <div\n            data-testid=\"iframe-shimmer-loader\"\n            style={{\n              width: \"100%\",\n              height: \"26px\",\n              display: \"flex\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              position: \"absolute\",\n              top: \"50%\",\n              left: \"50%\",\n              transform: \"translate(-50%, -50%)\",\n              borderRadius: \"13px\",\n              overflow: \"hidden\",\n            }}\n          >\n            {iframeMode !== \"embedded\" && (\n              <SVGLoading backgroundColor={backgroundColor} />\n            )}\n          </div>\n        ) : null}\n        <div\n          style={{\n            opacity: isLoaded ? 1 : 0,\n            transition: \"opacity 250ms ease\",\n          }}\n        >\n          {/* don't need to show the iframe at all if we are redirecting */}\n          {!isRedirecting && (\n            <IframeResizer\n              ref={iframeRef}\n              id={id}\n              data-testid={\"civic-auth-iframe-with-resizer\"}\n              initialHeight={iframeMode !== \"embedded\" ? \"26px\" : \"max-content\"}\n              animate={true}\n              animationDuration={250}\n              checkOrigin={false}\n              style={{\n                width: \"100%\",\n                border: \"none\",\n                minWidth: \"100%\",\n                backgroundColor: isLoaded ? backgroundColor : \"transparent\",\n                pointerEvents: \"auto\",\n              }}\n              onLoad={() => {\n                setIsLoaded(true);\n                onLoad?.();\n              }}\n              allow=\"camera; screen-wake-lock; publickey-credentials-get *; publickey-credentials-create *;\"\n              allowFullScreen\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\n\nCivicAuthIframe.displayName = \"CivicAuthIframe\";\n\nexport type { CivicAuthIframeProps };\n\nexport { CivicAuthIframe };\n"]}

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

@@ -1,15 +0,0 @@
-import React from "react";
-type CivicAuthIframeContainerProps = {
-    onClose?: () => void;
-    closeOnRedirect?: boolean;
-};
-export declare function IframeChrome({ children, onClose, isFrameLoaded, isRedirecting, }: {
-    children: React.ReactNode;
-    onClose?: () => void;
-    isFrameLoaded: boolean;
-    isRedirecting?: boolean;
-}): import("@emotion/react/jsx-runtime").JSX.Element;
-declare const CivicAuthIframeContainer: ({ onClose, closeOnRedirect, }: CivicAuthIframeContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export type { CivicAuthIframeContainerProps };
-export { CivicAuthIframeContainer };
-//# sourceMappingURL=CivicAuthIframeContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CivicAuthIframeContainer.d.ts","sourceRoot":"","sources":["../../../src/shared/components/CivicAuthIframeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAcxE,KAAK,6BAA6B,GAAG;IACnC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAeF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,GACd,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,oDA8DA;AAED,QAAA,MAAM,wBAAwB,kCAG3B,6BAA6B,qDA4K/B,CAAC;AAEF,YAAY,EAAE,6BAA6B,EAAE,CAAC;AAE9C,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/shared/components/CivicAuthIframeContainer.js

@@ -1,177 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-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_SUCCESS_TEXT, TOKEN_EXCHANGE_TRIGGER_TEXT, } from "../../constants.js";
-import { useCivicAuthConfig } from "../../shared/hooks/index.js";
-import { useClientTokenExchangeSession } from "../../shared/hooks/index.js";
-import { getIframeRef } from "../lib/iframeUtils.js";
-import { useIsClient } from "usehooks-ts";
-function NoChrome({ children, }) {
-    return (_jsx("div", { "data-testid": "civic-iframe-no-chrome", style: { position: "relative" }, children: children }));
-}
-export function IframeChrome({ children, onClose, isFrameLoaded, isRedirecting, }) {
-    const { setIframeAborted } = useIframe();
-    return (_jsx("div", { style: {
-            position: "absolute",
-            left: 0,
-            top: 0,
-            zIndex: 50,
-            display: "flex",
-            height: "100vh",
-            width: "100vw",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor: "rgba(17, 24, 39, 0.5)",
-            backdropFilter: "blur(4px)",
-        }, onClick: () => {
-            setIframeAborted(true);
-            onClose?.();
-        }, children: _jsxs("div", { "data-testid": "iframe-chrome", style: {
-                position: "relative",
-                overflow: "hidden",
-                paddingLeft: "0",
-                paddingRight: "0",
-                paddingBottom: "0",
-                width: "22rem",
-            }, onClick: (e) => e.stopPropagation(), children: [isFrameLoaded && !isRedirecting && (_jsx("button", { style: {
-                        position: "absolute",
-                        right: "0.6rem",
-                        top: "0.6rem",
-                        cursor: "pointer",
-                        alignItems: "center",
-                        justifyContent: "center",
-                        border: "none",
-                        backgroundColor: "transparent",
-                        padding: "0.25rem",
-                        color: "#9ca3af",
-                        zIndex: 100,
-                    }, onClick: () => {
-                        setIframeAborted(true);
-                        onClose?.();
-                    }, children: _jsx(CloseIcon, {}) })), children] }) }));
-}
-const CivicAuthIframeContainer = ({ onClose, closeOnRedirect = true, }) => {
-    const config = useCivicAuthConfig();
-    const [tokenExchangeUrl, setTokenExchangeUrl] = useState(null);
-    const { doTokenExchange } = useClientTokenExchangeSession();
-    const { iframeRef, iframeMode, backgroundColor, setIframeMounted } = useIframe();
-    const [isIframeContentLoaded, setIsIframeContentLoaded] = useState(false);
-    const [isRedirecting, setIsRedirecting] = useState(false);
-    useEffect(() => {
-        setIframeMounted(true);
-    }, [setIframeMounted]);
-    useEffect(() => {
-        if (tokenExchangeUrl) {
-            doTokenExchange?.(tokenExchangeUrl);
-        }
-    }, [doTokenExchange, tokenExchangeUrl]);
-    const processIframeUrl = useCallback(() => {
-        if (!config)
-            return;
-        if (iframeRef && iframeRef.current) {
-            const ref = getIframeRef(iframeRef.current);
-            if (ref?.contentWindow) {
-                try {
-                    const iframeUrl = ref.contentWindow.location.href;
-                    // we know that oauth has finished when the iframe redirects to our redirectUrl
-                    if (iframeUrl.startsWith(config.redirectUrl)) {
-                        const iframeBody = ref.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 (iframeBody.includes(TOKEN_EXCHANGE_SUCCESS_TEXT) &&
-                            config.loginSuccessUrl) {
-                            globalThis.window.location.href = config.loginSuccessUrl;
-                        }
-                        if (closeOnRedirect)
-                            onClose?.();
-                        return true; // Successfully processed the URL
-                    }
-                }
-                catch {
-                    // ignore errors while 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);
-        window.addEventListener("locationWillChange", () => {
-            console.log("locationWillChange event triggered, setting isRedirecting to true");
-            // If the location will
-            // Show loading state
-            setIsRedirecting(true);
-        });
-        return () => window.removeEventListener("keydown", handleEscape);
-    });
-    const handleIframeLoad = useCallback(() => {
-        setIsIframeContentLoaded(true);
-        const iframeHasUrl = processIframeUrl();
-        if (iframeHasUrl && intervalId.current) {
-            clearInterval(intervalId.current);
-        }
-    }, [processIframeUrl, intervalId]);
-    const WrapperComponent = iframeMode === "embedded" ? NoChrome : IframeChrome;
-    const isClient = useIsClient();
-    // if the iframe is embedded, we need to handle the loading state differently
-    if (iframeMode === "embedded") {
-        return (_jsx(WrapperComponent, { onClose: onClose, isFrameLoaded: isIframeContentLoaded, children: _jsxs("div", { style: {
-                    minHeight: isIframeContentLoaded ? "auto" : "225px",
-                    backgroundColor: isClient ? backgroundColor : "#8E949D",
-                    borderRadius: "26px",
-                    position: "relative",
-                    transition: "all 0.5s ease-in-out",
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                    overflow: "hidden",
-                }, children: [!isIframeContentLoaded && (_jsx("div", { style: {
-                            position: "absolute",
-                            top: 0,
-                            left: 0,
-                            right: 0,
-                            bottom: 0,
-                            display: "flex",
-                            alignItems: "center",
-                            justifyContent: "center",
-                        }, children: _jsx(LoadingIcon, {}) })), _jsx("div", { style: {
-                            width: "100%",
-                            minWidth: "100%",
-                            alignItems: "center",
-                            justifyContent: "center",
-                            borderRadius: "26px",
-                            overflow: "hidden",
-                            opacity: isIframeContentLoaded ? 1 : 0,
-                            transition: "opacity 0.5s ease-in-out",
-                        }, children: _jsx(CivicAuthIframe, { ref: iframeRef, id: "civic-auth-iframe", onLoad: handleIframeLoad }) })] }) }));
-    }
-    // if the iframe is not embedded, we can just render the iframe directly
-    return (_jsx(WrapperComponent, { onClose: onClose, isFrameLoaded: isIframeContentLoaded, isRedirecting: isRedirecting, children: _jsx(CivicAuthIframe, { ref: iframeRef, id: "civic-auth-iframe", onLoad: handleIframeLoad, isRedirecting: isRedirecting }) }));
-};
-export { CivicAuthIframeContainer };
-//# sourceMappingURL=CivicAuthIframeContainer.js.map

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

@@ -1 +0,0 @@
-{"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 {\n  TOKEN_EXCHANGE_SUCCESS_TEXT,\n  TOKEN_EXCHANGE_TRIGGER_TEXT,\n} from \"@/constants.js\";\nimport { useCivicAuthConfig } from \"@/shared/hooks/index.js\";\nimport { useClientTokenExchangeSession } from \"@/shared/hooks/index.js\";\nimport { getIframeRef } from \"../lib/iframeUtils.js\";\nimport { useIsClient } from \"usehooks-ts\";\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 (\n    <div data-testid=\"civic-iframe-no-chrome\" style={{ position: \"relative\" }}>\n      {children}\n    </div>\n  );\n}\n\nexport function IframeChrome({\n  children,\n  onClose,\n  isFrameLoaded,\n  isRedirecting,\n}: {\n  children: React.ReactNode;\n  onClose?: () => void;\n  isFrameLoaded: boolean;\n  isRedirecting?: boolean;\n}) {\n  const { setIframeAborted } = useIframe();\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        alignItems: \"center\",\n        justifyContent: \"center\",\n        backgroundColor: \"rgba(17, 24, 39, 0.5)\",\n        backdropFilter: \"blur(4px)\",\n      }}\n      onClick={() => {\n        setIframeAborted(true);\n        onClose?.();\n      }}\n    >\n      <div\n        data-testid=\"iframe-chrome\"\n        style={{\n          position: \"relative\",\n          overflow: \"hidden\",\n          paddingLeft: \"0\",\n          paddingRight: \"0\",\n          paddingBottom: \"0\",\n          width: \"22rem\",\n        }}\n        onClick={(e) => e.stopPropagation()}\n      >\n        {isFrameLoaded && !isRedirecting && (\n          <button\n            style={{\n              position: \"absolute\",\n              right: \"0.6rem\",\n              top: \"0.6rem\",\n              cursor: \"pointer\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              border: \"none\",\n              backgroundColor: \"transparent\",\n              padding: \"0.25rem\",\n              color: \"#9ca3af\",\n              zIndex: 100,\n            }}\n            onClick={() => {\n              setIframeAborted(true);\n              onClose?.();\n            }}\n          >\n            <CloseIcon />\n          </button>\n        )}\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst CivicAuthIframeContainer = ({\n  onClose,\n  closeOnRedirect = true,\n}: CivicAuthIframeContainerProps) => {\n  const config = useCivicAuthConfig();\n  const [tokenExchangeUrl, setTokenExchangeUrl] = useState<string | null>(null);\n  const { doTokenExchange } = useClientTokenExchangeSession();\n  const { iframeRef, iframeMode, backgroundColor, setIframeMounted } =\n    useIframe();\n  const [isIframeContentLoaded, setIsIframeContentLoaded] = useState(false);\n  const [isRedirecting, setIsRedirecting] = useState(false);\n  useEffect(() => {\n    setIframeMounted(true);\n  }, [setIframeMounted]);\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) {\n      const ref = getIframeRef(iframeRef.current)!;\n      if (ref?.contentWindow) {\n        try {\n          const iframeUrl = ref.contentWindow.location.href;\n          // we know that oauth has finished when the iframe redirects to our redirectUrl\n          if (iframeUrl.startsWith(config.redirectUrl)) {\n            const iframeBody = ref.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            if (\n              iframeBody.includes(TOKEN_EXCHANGE_SUCCESS_TEXT) &&\n              config.loginSuccessUrl\n            ) {\n              globalThis.window.location.href = config.loginSuccessUrl;\n            }\n\n            if (closeOnRedirect) onClose?.();\n            return true; // Successfully processed the URL\n          }\n        } catch {\n          // ignore errors while waiting for redirect\n        }\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    window.addEventListener(\"locationWillChange\", () => {\n      console.log(\n        \"locationWillChange event triggered, setting isRedirecting to true\",\n      );\n      // If the location will\n      // Show loading state\n      setIsRedirecting(true);\n    });\n    return () => window.removeEventListener(\"keydown\", handleEscape);\n  });\n\n  const handleIframeLoad = useCallback(() => {\n    setIsIframeContentLoaded(true);\n\n    const iframeHasUrl = processIframeUrl();\n    if (iframeHasUrl && intervalId.current) {\n      clearInterval(intervalId.current);\n    }\n  }, [processIframeUrl, intervalId]);\n\n  const WrapperComponent = iframeMode === \"embedded\" ? NoChrome : IframeChrome;\n  const isClient = useIsClient();\n  // if the iframe is embedded, we need to handle the loading state differently\n  if (iframeMode === \"embedded\") {\n    return (\n      <WrapperComponent onClose={onClose} isFrameLoaded={isIframeContentLoaded}>\n        <div\n          style={{\n            minHeight: isIframeContentLoaded ? \"auto\" : \"225px\",\n            backgroundColor: isClient ? backgroundColor : \"#8E949D\",\n            borderRadius: \"26px\",\n            position: \"relative\",\n            transition: \"all 0.5s ease-in-out\",\n            display: \"flex\",\n            alignItems: \"center\",\n            justifyContent: \"center\",\n            overflow: \"hidden\",\n          }}\n        >\n          {/* always load the loading spinner in the center of the iframe */}\n          {!isIframeContentLoaded && (\n            <div\n              style={{\n                position: \"absolute\",\n                top: 0,\n                left: 0,\n                right: 0,\n                bottom: 0,\n                display: \"flex\",\n                alignItems: \"center\",\n                justifyContent: \"center\",\n              }}\n            >\n              <LoadingIcon />\n            </div>\n          )}\n          <div\n            style={{\n              width: \"100%\",\n              minWidth: \"100%\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              borderRadius: \"26px\",\n              overflow: \"hidden\",\n              opacity: isIframeContentLoaded ? 1 : 0,\n              transition: \"opacity 0.5s ease-in-out\",\n            }}\n          >\n            <CivicAuthIframe\n              ref={iframeRef}\n              id={\"civic-auth-iframe\"}\n              onLoad={handleIframeLoad}\n            />\n          </div>\n        </div>\n      </WrapperComponent>\n    );\n  }\n\n  // if the iframe is not embedded, we can just render the iframe directly\n  return (\n    <WrapperComponent\n      onClose={onClose}\n      isFrameLoaded={isIframeContentLoaded}\n      isRedirecting={isRedirecting}\n    >\n      <CivicAuthIframe\n        ref={iframeRef}\n        id={\"civic-auth-iframe\"}\n        onLoad={handleIframeLoad}\n        isRedirecting={isRedirecting} // Pass the isRedirecting state to the iframe\n      />\n    </WrapperComponent>\n  );\n};\n\nexport type { CivicAuthIframeContainerProps };\n\nexport { CivicAuthIframeContainer };\n"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"CivicAuthLogoutIframeContainer.d.ts","sourceRoot":"","sources":["../../../src/shared/components/CivicAuthLogoutIframeContainer.tsx"],"names":[],"mappings":"AAWA,KAAK,mCAAmC,GAAG;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,8BAA8B,mBAEjC,mCAAmC,4DA4DrC,CAAC;AAEF,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/dist/shared/components/CivicAuthLogoutIframeContainer.js

@@ -1,51 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
-import { CivicAuthIframe } from "../../shared/components/CivicAuthIframe.js";
-import { useIframe } from "../../shared/hooks/index.js";
-import { LoadingIcon } from "./LoadingIcon.js";
-import { IframeChrome } from "./CivicAuthIframeContainer.js";
-import { useIsClient } from "usehooks-ts";
-import { useCallback } from "react";
-import { getIframeRef } from "../lib/iframeUtils.js";
-import { LOGOUT_SUCCESS_TEXT } from "../../constants.js";
-const CivicAuthLogoutIframeContainer = ({ isLoading = false, }) => {
-    const { logoutIframeRef } = useIframe();
-    const isClient = useIsClient();
-    const processLogoutIframeUrl = useCallback(() => {
-        if (logoutIframeRef && logoutIframeRef.current) {
-            const ref = getIframeRef(logoutIframeRef.current);
-            if (!ref?.contentWindow) {
-                return;
-            }
-            try {
-                const iframeBody = ref.contentWindow.document.body.innerHTML;
-                // If we have LOGOUT_SUCCESS_TEXT in the body, we know the logout succeeded on the server,
-                // and we should redirect the parent to the post logout success URL indicated in the included link tag.
-                if (iframeBody.includes(LOGOUT_SUCCESS_TEXT)) {
-                    const link = ref.contentWindow.document.querySelector("a[rel='civic-auth-post-logout-redirect-url']");
-                    if (link) {
-                        const redirectUrl = link.getAttribute("href");
-                        if (redirectUrl && redirectUrl !== "#") {
-                            window.location.href = redirectUrl;
-                            return true;
-                        }
-                    }
-                }
-            }
-            catch {
-                // ignore errors while waiting for redirect
-            }
-        }
-        return false; // Haven't processed the URL yet
-    }, [logoutIframeRef]);
-    // don't render the in server-mode as the appearance changes after load
-    return !isClient ? null : (_jsxs(IframeChrome, { isFrameLoaded: true, children: [isLoading ? (_jsx("div", { id: "civic-auth-loading-icon-wrapper", style: {
-                    position: "absolute",
-                    inset: 0,
-                    display: "flex",
-                    alignItems: "center",
-                    justifyContent: "center",
-                }, children: _jsx(LoadingIcon, {}) })) : null, _jsx(CivicAuthIframe, { ref: logoutIframeRef, id: "civic-auth-logout-iframe", onLoad: processLogoutIframeUrl })] }));
-};
-export { CivicAuthLogoutIframeContainer };
-//# sourceMappingURL=CivicAuthLogoutIframeContainer.js.map