@civic/auth 0.6.0 → 0.6.1-beta.1

package/dist/vanillajs/ui/LoadingComponents.js

@@ -0,0 +1,363 @@
+/**
+ * UI Components for Civic Auth Vanilla JS implementation
+ * Converted from React components to vanilla DOM elements
+ */
+/**
+ * Utility function to set multiple styles on an element using a key-value object
+ */
+function setStyles(element, styles) {
+    Object.entries(styles).forEach(([property, value]) => {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any -- CSSStyleDeclaration has read-only properties that prevent proper typing
+        element.style[property] = value;
+    });
+}
+/**
+ * Utility function to set multiple attributes on an element using a key-value object
+ */
+function setAttributes(element, attributes) {
+    Object.entries(attributes).forEach(([name, value]) => {
+        element.setAttribute(name, value);
+    });
+}
+/**
+ * Creates a horizontal shimmer loader element (SVG-based)
+ * Equivalent to the SVGLoading component from React implementation
+ */
+export function createShimmerLoader(options = {}) {
+    const { backgroundColor = "#ffffff", width = "100%", height = "40px", borderRadius = "0.5rem", } = options;
+    // Create container div
+    const container = document.createElement("div");
+    setStyles(container, {
+        position: "absolute",
+        top: "-6px",
+        left: "0",
+        borderRadius,
+        backgroundColor,
+        width,
+        height,
+        opacity: "1",
+    });
+    setAttributes(container, {
+        class: "civic-auth-shimmer-loader",
+    });
+    // Add CSS animation keyframes
+    const style = document.createElement("style");
+    style.textContent = `
+    @keyframes civic-shimmer {
+      0% {
+        transform: translate(-328px, 0);
+      }
+      100% {
+        transform: translate(328px, 0);
+      }
+    }
+  `;
+    // Only add the style if it doesn't already exist
+    if (!document.querySelector("style[data-civic-shimmer]")) {
+        style.setAttribute("data-civic-shimmer", "true");
+        document.head.appendChild(style);
+    }
+    // Create SVG element
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    setAttributes(svg, {
+        "shape-rendering": "geometricPrecision",
+        "text-rendering": "geometricPrecision",
+        viewBox: "0 0 324 28",
+        height: "40",
+        width: "100%",
+        class: "civic-auth-svg-loading",
+    });
+    setStyles(svg, {
+        position: "absolute",
+        top: "-6px",
+        left: "0",
+        borderRadius,
+        backgroundColor,
+    });
+    // Create gradient definition
+    const defs = document.createElementNS("http://www.w3.org/2000/svg", "defs");
+    const gradient = document.createElementNS("http://www.w3.org/2000/svg", "linearGradient");
+    setAttributes(gradient, {
+        id: `civic-shimmer-gradient-${Date.now()}`,
+        x2: "320",
+        y1: "15",
+        y2: "15",
+        gradientUnits: "userSpaceOnUse",
+    });
+    // Create gradient stops
+    const stop1 = document.createElementNS("http://www.w3.org/2000/svg", "stop");
+    setAttributes(stop1, {
+        offset: "0",
+        "stop-color": backgroundColor,
+    });
+    const stop2 = document.createElementNS("http://www.w3.org/2000/svg", "stop");
+    setAttributes(stop2, {
+        offset: ".511",
+        "stop-color": "#9A9DA6",
+    });
+    const stop3 = document.createElementNS("http://www.w3.org/2000/svg", "stop");
+    setAttributes(stop3, {
+        offset: "1",
+        "stop-color": backgroundColor,
+    });
+    gradient.appendChild(stop1);
+    gradient.appendChild(stop2);
+    gradient.appendChild(stop3);
+    defs.appendChild(gradient);
+    // Create background rectangle
+    const rect = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    setAttributes(rect, {
+        id: "civic-shimmer-rect",
+        fill: backgroundColor,
+        d: "M0 0h328v28H0z",
+    });
+    // Create shimmer path
+    const shimmer = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    setAttributes(shimmer, {
+        id: "civic-shimmer-path",
+        fill: `url(#${gradient.getAttribute("id")})`,
+        d: "M0 -2h328v34H0z",
+        transform: "translate(-328)",
+    });
+    setStyles(shimmer, {
+        animation: "1s linear infinite both civic-shimmer",
+    });
+    // Assemble SVG
+    svg.appendChild(defs);
+    svg.appendChild(rect);
+    svg.appendChild(shimmer);
+    // Add SVG to container
+    container.appendChild(svg);
+    return container;
+}
+/**
+ * Creates a shimmer loader for iframe loading states
+ * Positioned to center within an iframe container
+ */
+export function createIframeShimmerLoader(backgroundColor = "#ffffff", maxWidth) {
+    const wrapper = document.createElement("div");
+    const wrapperStyles = {
+        width: "100%",
+        height: "26px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        position: "absolute",
+        top: "50%",
+        left: "50%",
+        transform: "translate(-50%, -50%)",
+        borderRadius: "13px",
+        overflow: "hidden",
+    };
+    // Add max-width if specified
+    if (maxWidth) {
+        wrapperStyles.maxWidth = maxWidth;
+    }
+    setStyles(wrapper, wrapperStyles);
+    setAttributes(wrapper, {
+        "data-testid": "iframe-shimmer-loader",
+        class: "civic-auth-iframe-shimmer-wrapper",
+    });
+    const shimmerLoader = createShimmerLoader({
+        backgroundColor,
+        width: "100%",
+        height: "26px",
+        borderRadius: "13px",
+    });
+    wrapper.appendChild(shimmerLoader);
+    return wrapper;
+}
+/**
+ * Creates a simple horizontal skeleton loader (CSS-based alternative)
+ * Lighter weight alternative to SVG shimmer
+ */
+export function createSkeletonLoader(options = {}) {
+    const { backgroundColor = "#f0f0f0", width = "100%", height = "20px", borderRadius = "4px", } = options;
+    const skeleton = document.createElement("div");
+    setStyles(skeleton, {
+        width,
+        height,
+        background: `linear-gradient(90deg, ${backgroundColor} 25%, #e0e0e0 50%, ${backgroundColor} 75%)`,
+        backgroundSize: "200% 100%",
+        animation: "civic-skeleton-shimmer 1.5s infinite",
+        borderRadius,
+    });
+    setAttributes(skeleton, {
+        class: "civic-auth-skeleton-loader",
+    });
+    // Add CSS animation keyframes for skeleton
+    const style = document.createElement("style");
+    style.textContent = `
+    @keyframes civic-skeleton-shimmer {
+      0% { background-position: -200% 0; }
+      100% { background-position: 200% 0; }
+    }
+  `;
+    // Only add the style if it doesn't already exist
+    if (!document.querySelector("style[data-civic-skeleton]")) {
+        style.setAttribute("data-civic-skeleton", "true");
+        document.head.appendChild(style);
+    }
+    return skeleton;
+}
+/**
+ * Creates a button content loader that hides content and shows a skeleton
+ * Equivalent to ButtonContentOrLoader from React implementation
+ */
+export function createButtonContentLoader(content) {
+    const container = document.createElement("div");
+    setStyles(container, {
+        position: "relative",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+    });
+    setAttributes(container, {
+        class: "civic-auth-button-content-loader",
+    });
+    // Content span
+    const contentSpan = document.createElement("span");
+    setStyles(contentSpan, {
+        visibility: "visible",
+        whiteSpace: "nowrap",
+    });
+    setAttributes(contentSpan, {
+        class: "civic-auth-button-content",
+    });
+    if (typeof content === "string") {
+        contentSpan.textContent = content;
+    }
+    else {
+        contentSpan.appendChild(content);
+    }
+    // Loader span (hidden by default)
+    const loaderSpan = document.createElement("span");
+    setStyles(loaderSpan, {
+        position: "absolute",
+        display: "none",
+        justifyContent: "center",
+        alignItems: "center",
+        top: "0",
+        left: "0",
+        right: "0",
+        bottom: "0",
+    });
+    setAttributes(loaderSpan, {
+        class: "civic-auth-button-loader",
+    });
+    // Create skeleton loader for button
+    const skeletonLoader = createSkeletonLoader({
+        width: "70%",
+        height: "14px",
+        borderRadius: "7px",
+    });
+    loaderSpan.appendChild(skeletonLoader);
+    container.appendChild(contentSpan);
+    container.appendChild(loaderSpan);
+    return {
+        container,
+        showLoader: () => {
+            contentSpan.style.visibility = "hidden";
+            loaderSpan.style.display = "flex";
+        },
+        hideLoader: () => {
+            contentSpan.style.visibility = "visible";
+            loaderSpan.style.display = "none";
+        },
+        setContent: (newContent) => {
+            contentSpan.innerHTML = "";
+            if (typeof newContent === "string") {
+                contentSpan.textContent = newContent;
+            }
+            else {
+                contentSpan.appendChild(newContent);
+            }
+        },
+    };
+}
+/**
+ * Creates a close icon (X) SVG element
+ * Equivalent to the CloseIcon component from React implementation
+ */
+export function createCloseIcon() {
+    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+    setAttributes(svg, {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "24",
+        height: "24",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": "2",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round",
+        class: "lucide lucide-x",
+    });
+    // Create the X paths
+    const path1 = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    setAttributes(path1, {
+        d: "M18 6 6 18",
+    });
+    const path2 = document.createElementNS("http://www.w3.org/2000/svg", "path");
+    setAttributes(path2, {
+        d: "m6 6 12 12",
+    });
+    svg.appendChild(path1);
+    svg.appendChild(path2);
+    return svg;
+}
+/**
+ * Creates a close button for modal iframes
+ * Positioned absolutely in the top-right corner
+ */
+export function createCloseButton(onClose) {
+    const button = document.createElement("button");
+    setStyles(button, {
+        position: "absolute",
+        right: "0.6rem",
+        top: "0.6rem",
+        cursor: "pointer",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        border: "none",
+        backgroundColor: "transparent",
+        padding: "0.25rem",
+        color: "#9ca3af",
+        zIndex: "100",
+        opacity: "0",
+        transition: "opacity 50ms ease",
+    });
+    setAttributes(button, {
+        type: "button",
+        "aria-label": "Close",
+    });
+    // Add hover effect
+    button.addEventListener("mouseenter", () => {
+        button.style.opacity = "0.8";
+    });
+    button.addEventListener("mouseleave", () => {
+        button.style.opacity = "1";
+    });
+    // Add the close icon
+    const closeIcon = createCloseIcon();
+    button.appendChild(closeIcon);
+    // Add click handler
+    button.addEventListener("click", onClose);
+    return button;
+}
+/**
+ * Utility function to remove all civic auth loading styles from the document
+ * Useful for cleanup
+ */
+export function cleanupLoadingStyles() {
+    const shimmerStyle = document.querySelector("style[data-civic-shimmer]");
+    const skeletonStyle = document.querySelector("style[data-civic-skeleton]");
+    if (shimmerStyle) {
+        shimmerStyle.remove();
+    }
+    if (skeletonStyle) {
+        skeletonStyle.remove();
+    }
+}
+//# sourceMappingURL=LoadingComponents.js.map

package/dist/vanillajs/ui/LoadingComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingComponents.js","sourceRoot":"","sources":["../../../src/vanillajs/ui/LoadingComponents.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * UI Components for Civic Auth Vanilla JS implementation\n * Converted from React components to vanilla DOM elements\n */\n\n/**\n * Utility function to set multiple styles on an element using a key-value object\n */\nfunction setStyles(\n  element: HTMLElement | SVGElement,\n  styles: Record<string, string>,\n): void {\n  Object.entries(styles).forEach(([property, value]) => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- CSSStyleDeclaration has read-only properties that prevent proper typing\n    (element.style as any)[property] = value;\n  });\n}\n\n/**\n * Utility function to set multiple attributes on an element using a key-value object\n */\nfunction setAttributes(\n  element: Element,\n  attributes: Record<string, string>,\n): void {\n  Object.entries(attributes).forEach(([name, value]) => {\n    element.setAttribute(name, value);\n  });\n}\n\nexport interface ShimmerLoaderOptions {\n  backgroundColor?: string;\n  width?: string;\n  height?: string;\n  borderRadius?: string;\n}\n\n/**\n * Creates a horizontal shimmer loader element (SVG-based)\n * Equivalent to the SVGLoading component from React implementation\n */\nexport function createShimmerLoader(\n  options: ShimmerLoaderOptions = {},\n): HTMLElement {\n  const {\n    backgroundColor = \"#ffffff\",\n    width = \"100%\",\n    height = \"40px\",\n    borderRadius = \"0.5rem\",\n  } = options;\n\n  // Create container div\n  const container = document.createElement(\"div\");\n  setStyles(container, {\n    position: \"absolute\",\n    top: \"-6px\",\n    left: \"0\",\n    borderRadius,\n    backgroundColor,\n    width,\n    height,\n    opacity: \"1\",\n  });\n  setAttributes(container, {\n    class: \"civic-auth-shimmer-loader\",\n  });\n\n  // Add CSS animation keyframes\n  const style = document.createElement(\"style\");\n  style.textContent = `\n    @keyframes civic-shimmer {\n      0% {\n        transform: translate(-328px, 0);\n      }\n      100% {\n        transform: translate(328px, 0);\n      }\n    }\n  `;\n\n  // Only add the style if it doesn't already exist\n  if (!document.querySelector(\"style[data-civic-shimmer]\")) {\n    style.setAttribute(\"data-civic-shimmer\", \"true\");\n    document.head.appendChild(style);\n  }\n\n  // Create SVG element\n  const svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n  setAttributes(svg, {\n    \"shape-rendering\": \"geometricPrecision\",\n    \"text-rendering\": \"geometricPrecision\",\n    viewBox: \"0 0 324 28\",\n    height: \"40\",\n    width: \"100%\",\n    class: \"civic-auth-svg-loading\",\n  });\n  setStyles(svg, {\n    position: \"absolute\",\n    top: \"-6px\",\n    left: \"0\",\n    borderRadius,\n    backgroundColor,\n  });\n\n  // Create gradient definition\n  const defs = document.createElementNS(\"http://www.w3.org/2000/svg\", \"defs\");\n  const gradient = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"linearGradient\",\n  );\n  setAttributes(gradient, {\n    id: `civic-shimmer-gradient-${Date.now()}`,\n    x2: \"320\",\n    y1: \"15\",\n    y2: \"15\",\n    gradientUnits: \"userSpaceOnUse\",\n  });\n\n  // Create gradient stops\n  const stop1 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"stop\");\n  setAttributes(stop1, {\n    offset: \"0\",\n    \"stop-color\": backgroundColor,\n  });\n\n  const stop2 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"stop\");\n  setAttributes(stop2, {\n    offset: \".511\",\n    \"stop-color\": \"#9A9DA6\",\n  });\n\n  const stop3 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"stop\");\n  setAttributes(stop3, {\n    offset: \"1\",\n    \"stop-color\": backgroundColor,\n  });\n\n  gradient.appendChild(stop1);\n  gradient.appendChild(stop2);\n  gradient.appendChild(stop3);\n  defs.appendChild(gradient);\n\n  // Create background rectangle\n  const rect = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n  setAttributes(rect, {\n    id: \"civic-shimmer-rect\",\n    fill: backgroundColor,\n    d: \"M0 0h328v28H0z\",\n  });\n\n  // Create shimmer path\n  const shimmer = document.createElementNS(\n    \"http://www.w3.org/2000/svg\",\n    \"path\",\n  );\n  setAttributes(shimmer, {\n    id: \"civic-shimmer-path\",\n    fill: `url(#${gradient.getAttribute(\"id\")})`,\n    d: \"M0 -2h328v34H0z\",\n    transform: \"translate(-328)\",\n  });\n  setStyles(shimmer, {\n    animation: \"1s linear infinite both civic-shimmer\",\n  });\n\n  // Assemble SVG\n  svg.appendChild(defs);\n  svg.appendChild(rect);\n  svg.appendChild(shimmer);\n\n  // Add SVG to container\n  container.appendChild(svg);\n\n  return container;\n}\n\n/**\n * Creates a shimmer loader for iframe loading states\n * Positioned to center within an iframe container\n */\nexport function createIframeShimmerLoader(\n  backgroundColor = \"#ffffff\",\n  maxWidth?: string,\n): HTMLElement {\n  const wrapper = document.createElement(\"div\");\n  const wrapperStyles: Record<string, string> = {\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  // Add max-width if specified\n  if (maxWidth) {\n    wrapperStyles.maxWidth = maxWidth;\n  }\n\n  setStyles(wrapper, wrapperStyles);\n  setAttributes(wrapper, {\n    \"data-testid\": \"iframe-shimmer-loader\",\n    class: \"civic-auth-iframe-shimmer-wrapper\",\n  });\n\n  const shimmerLoader = createShimmerLoader({\n    backgroundColor,\n    width: \"100%\",\n    height: \"26px\",\n    borderRadius: \"13px\",\n  });\n\n  wrapper.appendChild(shimmerLoader);\n  return wrapper;\n}\n\n/**\n * Creates a simple horizontal skeleton loader (CSS-based alternative)\n * Lighter weight alternative to SVG shimmer\n */\nexport function createSkeletonLoader(\n  options: ShimmerLoaderOptions = {},\n): HTMLElement {\n  const {\n    backgroundColor = \"#f0f0f0\",\n    width = \"100%\",\n    height = \"20px\",\n    borderRadius = \"4px\",\n  } = options;\n\n  const skeleton = document.createElement(\"div\");\n  setStyles(skeleton, {\n    width,\n    height,\n    background: `linear-gradient(90deg, ${backgroundColor} 25%, #e0e0e0 50%, ${backgroundColor} 75%)`,\n    backgroundSize: \"200% 100%\",\n    animation: \"civic-skeleton-shimmer 1.5s infinite\",\n    borderRadius,\n  });\n  setAttributes(skeleton, {\n    class: \"civic-auth-skeleton-loader\",\n  });\n\n  // Add CSS animation keyframes for skeleton\n  const style = document.createElement(\"style\");\n  style.textContent = `\n    @keyframes civic-skeleton-shimmer {\n      0% { background-position: -200% 0; }\n      100% { background-position: 200% 0; }\n    }\n  `;\n\n  // Only add the style if it doesn't already exist\n  if (!document.querySelector(\"style[data-civic-skeleton]\")) {\n    style.setAttribute(\"data-civic-skeleton\", \"true\");\n    document.head.appendChild(style);\n  }\n\n  return skeleton;\n}\n\n/**\n * Creates a button content loader that hides content and shows a skeleton\n * Equivalent to ButtonContentOrLoader from React implementation\n */\nexport function createButtonContentLoader(content: string | HTMLElement): {\n  container: HTMLElement;\n  showLoader: () => void;\n  hideLoader: () => void;\n  setContent: (newContent: string | HTMLElement) => void;\n} {\n  const container = document.createElement(\"div\");\n  setStyles(container, {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  });\n  setAttributes(container, {\n    class: \"civic-auth-button-content-loader\",\n  });\n\n  // Content span\n  const contentSpan = document.createElement(\"span\");\n  setStyles(contentSpan, {\n    visibility: \"visible\",\n    whiteSpace: \"nowrap\",\n  });\n  setAttributes(contentSpan, {\n    class: \"civic-auth-button-content\",\n  });\n\n  if (typeof content === \"string\") {\n    contentSpan.textContent = content;\n  } else {\n    contentSpan.appendChild(content);\n  }\n\n  // Loader span (hidden by default)\n  const loaderSpan = document.createElement(\"span\");\n  setStyles(loaderSpan, {\n    position: \"absolute\",\n    display: \"none\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    top: \"0\",\n    left: \"0\",\n    right: \"0\",\n    bottom: \"0\",\n  });\n  setAttributes(loaderSpan, {\n    class: \"civic-auth-button-loader\",\n  });\n\n  // Create skeleton loader for button\n  const skeletonLoader = createSkeletonLoader({\n    width: \"70%\",\n    height: \"14px\",\n    borderRadius: \"7px\",\n  });\n  loaderSpan.appendChild(skeletonLoader);\n\n  container.appendChild(contentSpan);\n  container.appendChild(loaderSpan);\n\n  return {\n    container,\n    showLoader: () => {\n      contentSpan.style.visibility = \"hidden\";\n      loaderSpan.style.display = \"flex\";\n    },\n    hideLoader: () => {\n      contentSpan.style.visibility = \"visible\";\n      loaderSpan.style.display = \"none\";\n    },\n    setContent: (newContent: string | HTMLElement) => {\n      contentSpan.innerHTML = \"\";\n      if (typeof newContent === \"string\") {\n        contentSpan.textContent = newContent;\n      } else {\n        contentSpan.appendChild(newContent);\n      }\n    },\n  };\n}\n\n/**\n * Creates a close icon (X) SVG element\n * Equivalent to the CloseIcon component from React implementation\n */\nexport function createCloseIcon(): SVGElement {\n  const svg = document.createElementNS(\"http://www.w3.org/2000/svg\", \"svg\");\n  setAttributes(svg, {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: \"24\",\n    height: \"24\",\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    \"stroke-width\": \"2\",\n    \"stroke-linecap\": \"round\",\n    \"stroke-linejoin\": \"round\",\n    class: \"lucide lucide-x\",\n  });\n\n  // Create the X paths\n  const path1 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n  setAttributes(path1, {\n    d: \"M18 6 6 18\",\n  });\n\n  const path2 = document.createElementNS(\"http://www.w3.org/2000/svg\", \"path\");\n  setAttributes(path2, {\n    d: \"m6 6 12 12\",\n  });\n\n  svg.appendChild(path1);\n  svg.appendChild(path2);\n\n  return svg;\n}\n\n/**\n * Creates a close button for modal iframes\n * Positioned absolutely in the top-right corner\n */\nexport function createCloseButton(onClose: () => void): HTMLButtonElement {\n  const button = document.createElement(\"button\");\n  setStyles(button, {\n    position: \"absolute\",\n    right: \"0.6rem\",\n    top: \"0.6rem\",\n    cursor: \"pointer\",\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    border: \"none\",\n    backgroundColor: \"transparent\",\n    padding: \"0.25rem\",\n    color: \"#9ca3af\",\n    zIndex: \"100\",\n    opacity: \"0\",\n    transition: \"opacity 50ms ease\",\n  });\n  setAttributes(button, {\n    type: \"button\",\n    \"aria-label\": \"Close\",\n  });\n\n  // Add hover effect\n  button.addEventListener(\"mouseenter\", () => {\n    button.style.opacity = \"0.8\";\n  });\n\n  button.addEventListener(\"mouseleave\", () => {\n    button.style.opacity = \"1\";\n  });\n\n  // Add the close icon\n  const closeIcon = createCloseIcon();\n  button.appendChild(closeIcon);\n\n  // Add click handler\n  button.addEventListener(\"click\", onClose);\n\n  return button;\n}\n\n/**\n * Utility function to remove all civic auth loading styles from the document\n * Useful for cleanup\n */\nexport function cleanupLoadingStyles(): void {\n  const shimmerStyle = document.querySelector(\"style[data-civic-shimmer]\");\n  const skeletonStyle = document.querySelector(\"style[data-civic-skeleton]\");\n\n  if (shimmerStyle) {\n    shimmerStyle.remove();\n  }\n\n  if (skeletonStyle) {\n    skeletonStyle.remove();\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@civic/auth",
-  "version": "0.6.0",
+  "version": "0.6.1-beta.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",

package/dist/vanillajs/iframe/domUtils.d.ts

@@ -1,4 +0,0 @@
-export declare function createIframe(url: string, container: HTMLElement, id?: string): HTMLIFrameElement;
-export declare function removeIframe(iframe: HTMLIFrameElement | string): void;
-export {};
-//# sourceMappingURL=domUtils.d.ts.map

package/dist/vanillajs/iframe/domUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"domUtils.d.ts","sourceRoot":"","sources":["../../../src/vanillajs/iframe/domUtils.ts"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,CAC1B,GAAG,EAAE,MAAM,EACX,SAAS,EAAE,WAAW,EACtB,EAAE,CAAC,EAAE,MAAM,GACV,iBAAiB,CAWnB;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,iBAAiB,GAAG,MAAM,GAAG,IAAI,CAQrE;AAKD,OAAO,EAAE,CAAC"}

package/dist/vanillajs/iframe/domUtils.js

@@ -1,25 +0,0 @@
-// Placeholder for DOM Utilities (Task C)
-// This file will contain helper functions for DOM manipulation related to the iframe.
-export function createIframe(url, container, id) {
-    const iframe = document.createElement("iframe");
-    iframe.id = id || "civic-auth-iframe";
-    iframe.src = url;
-    // Basic styling, can be expanded
-    iframe.style.border = "none";
-    iframe.style.width = "100%";
-    iframe.style.height = "100%";
-    container.appendChild(iframe);
-    return iframe;
-}
-export function removeIframe(iframe) {
-    const element = typeof iframe === "string"
-        ? document.getElementById(iframe)
-        : iframe;
-    if (element && element.parentNode) {
-        element.parentNode.removeChild(element);
-    }
-}
-// ... other DOM utility functions ...
-// Placeholder for domUtils.ts
-export {};
-//# sourceMappingURL=domUtils.js.map

package/dist/vanillajs/iframe/domUtils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"domUtils.js","sourceRoot":"","sources":["../../../src/vanillajs/iframe/domUtils.ts"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,sFAAsF;AAEtF,MAAM,UAAU,YAAY,CAC1B,GAAW,EACX,SAAsB,EACtB,EAAW;IAEX,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAChD,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,mBAAmB,CAAC;IACtC,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC;IACjB,iCAAiC;IACjC,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;IAE7B,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;IAC9B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,YAAY,CAAC,MAAkC;IAC7D,MAAM,OAAO,GACX,OAAO,MAAM,KAAK,QAAQ;QACxB,CAAC,CAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAuB;QACxD,CAAC,CAAC,MAAM,CAAC;IACb,IAAI,OAAO,IAAI,OAAO,CAAC,UAAU,EAAE,CAAC;QAClC,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC;AACH,CAAC;AAED,sCAAsC;AAEtC,8BAA8B;AAC9B,OAAO,EAAE,CAAC","sourcesContent":["// Placeholder for DOM Utilities (Task C)\n// This file will contain helper functions for DOM manipulation related to the iframe.\n\nexport function createIframe(\n  url: string,\n  container: HTMLElement,\n  id?: string,\n): HTMLIFrameElement {\n  const iframe = document.createElement(\"iframe\");\n  iframe.id = id || \"civic-auth-iframe\";\n  iframe.src = url;\n  // Basic styling, can be expanded\n  iframe.style.border = \"none\";\n  iframe.style.width = \"100%\";\n  iframe.style.height = \"100%\";\n\n  container.appendChild(iframe);\n  return iframe;\n}\n\nexport function removeIframe(iframe: HTMLIFrameElement | string): void {\n  const element =\n    typeof iframe === \"string\"\n      ? (document.getElementById(iframe) as HTMLIFrameElement)\n      : iframe;\n  if (element && element.parentNode) {\n    element.parentNode.removeChild(element);\n  }\n}\n\n// ... other DOM utility functions ...\n\n// Placeholder for domUtils.ts\nexport {};\n"]}

package/dist/vanillajs/storage/BrowserCookieStorageAdapter.d.ts

@@ -1,19 +0,0 @@
-import type { StorageAdapter } from "./StorageAdapter.js";
-interface CookieOptions {
-    days?: number;
-    maxAge?: number;
-    path?: string;
-    secure?: boolean;
-    httpOnly?: boolean;
-    sameSite?: "Lax" | "Strict" | "None";
-}
-export declare class BrowserCookieStorageAdapter implements StorageAdapter {
-    private defaultCookieOptions;
-    private logger;
-    constructor(defaultOptions?: CookieOptions);
-    getItem(key: string): Promise<string | null>;
-    setItem(key: string, value: string, itemOptions?: CookieOptions): Promise<void>;
-    removeItem(key: string, itemOptions?: Pick<CookieOptions, "path">): Promise<void>;
-}
-export {};
-//# sourceMappingURL=BrowserCookieStorageAdapter.d.ts.map

package/dist/vanillajs/storage/BrowserCookieStorageAdapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserCookieStorageAdapter.d.ts","sourceRoot":"","sources":["../../../src/vanillajs/storage/BrowserCookieStorageAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,UAAU,aAAa;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAC;CACtC;AA0DD,qBAAa,2BAA4B,YAAW,cAAc;IAChE,OAAO,CAAC,oBAAoB,CAAgB;IAC5C,OAAO,CAAC,MAAM,CAAsB;gBAExB,cAAc,GAAE,aAAkB;IAQxC,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAU5C,OAAO,CACX,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,MAAM,EACb,WAAW,CAAC,EAAE,aAAa,GAC1B,OAAO,CAAC,IAAI,CAAC;IAqBV,UAAU,CACd,GAAG,EAAE,MAAM,EACX,WAAW,CAAC,EAAE,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GACxC,OAAO,CAAC,IAAI,CAAC;CAUjB"}

package/dist/vanillajs/storage/BrowserCookieStorageAdapter.js

@@ -1,101 +0,0 @@
-import { getCurrentLogger } from "../utils/logger.js";
-// Updated setCookie to handle more options
-function setCookie(name, value, options = {}) {
-    if (typeof document === "undefined")
-        return;
-    let cookieString = name + "=" + (value || "");
-    if (options.maxAge !== undefined) {
-        cookieString += "; Max-Age=" + options.maxAge;
-    }
-    else if (options.days !== undefined) {
-        const date = new Date();
-        date.setTime(date.getTime() + options.days * 24 * 60 * 60 * 1000);
-        cookieString += "; expires=" + date.toUTCString();
-    }
-    cookieString += "; path=" + (options.path || "/");
-    if (options.secure) {
-        cookieString += "; Secure";
-    }
-    // HttpOnly cannot be set from client-side JavaScript.
-    // if (options.httpOnly) {
-    //   cookieString += '; HttpOnly';
-    // }
-    if (options.sameSite) {
-        cookieString += "; SameSite=" + options.sameSite;
-    }
-    else {
-        cookieString += "; SameSite=Lax"; // Default SameSite
-    }
-    document.cookie = cookieString;
-}
-function getCookie(name) {
-    if (typeof document === "undefined")
-        return null;
-    const nameEQ = name + "=";
-    const ca = document.cookie.split(";");
-    for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        if (c) {
-            while (c.charAt(0) === " ")
-                c = c.substring(1, c.length);
-            if (c.indexOf(nameEQ) === 0)
-                return c.substring(nameEQ.length, c.length);
-        }
-    }
-    return null;
-}
-function eraseCookie(name, path = "/") {
-    if (typeof document === "undefined")
-        return;
-    // Set expiry to the past and include path and SameSite for robust deletion
-    document.cookie =
-        name +
-            "=; Path=" +
-            path +
-            "; Expires=Thu, 01 Jan 1970 00:00:01 GMT; SameSite=Lax";
-}
-export class BrowserCookieStorageAdapter {
-    defaultCookieOptions;
-    logger = getCurrentLogger();
-    constructor(defaultOptions = {}) {
-        this.defaultCookieOptions = {
-            path: "/",
-            sameSite: "Lax",
-            ...defaultOptions,
-        };
-    }
-    async getItem(key) {
-        if (typeof document !== "undefined") {
-            return getCookie(key);
-        }
-        this.logger.warn("CivicAuth: Cookies not available (document is undefined). Cannot get item.");
-        return null;
-    }
-    async setItem(key, value, itemOptions) {
-        if (typeof document !== "undefined") {
-            const optionsToUse = { ...this.defaultCookieOptions, ...itemOptions };
-            // HttpOnly cookies cannot be effectively managed (set/read/deleted reliably) from client-side JS if they are truly HttpOnly.
-            // The browser will prevent JS from accessing them. If set server-side, JS can't touch them.
-            // If we try to set HttpOnly here, it might be ignored by the browser or not behave as expected for a client-side adapter.
-            // We should primarily focus on attributes settable from client-side JS.
-            // If httpOnly is true in options, we might log a warning or ignore it.
-            if (optionsToUse.httpOnly) {
-                this.logger.warn(`CivicAuth: Attempting to set HttpOnly cookie '${key}' from client-side. This attribute is typically managed server-side and may not be effective here.`);
-            }
-            setCookie(key, value, optionsToUse);
-        }
-        else {
-            this.logger.warn("CivicAuth: Cookies not available (document is undefined). Item not set.");
-        }
-    }
-    async removeItem(key, itemOptions) {
-        if (typeof document !== "undefined") {
-            const path = itemOptions?.path || this.defaultCookieOptions.path || "/";
-            eraseCookie(key, path);
-        }
-        else {
-            this.logger.warn("CivicAuth: Cookies not available (document is undefined). Item not removed.");
-        }
-    }
-}
-//# sourceMappingURL=BrowserCookieStorageAdapter.js.map

package/dist/vanillajs/storage/BrowserCookieStorageAdapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserCookieStorageAdapter.js","sourceRoot":"","sources":["../../../src/vanillajs/storage/BrowserCookieStorageAdapter.ts"],"names":[],"mappings":"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","sourcesContent":["import type { StorageAdapter } from \"./StorageAdapter.js\";\nimport { getCurrentLogger } from \"../utils/logger.js\";\n\ninterface CookieOptions {\n  days?: number;\n  maxAge?: number; // seconds\n  path?: string;\n  secure?: boolean;\n  httpOnly?: boolean; // Note: httpOnly cookies cannot be set or read by client-side JS after being set.\n  sameSite?: \"Lax\" | \"Strict\" | \"None\";\n}\n\n// Updated setCookie to handle more options\nfunction setCookie(name: string, value: string, options: CookieOptions = {}) {\n  if (typeof document === \"undefined\") return;\n\n  let cookieString = name + \"=\" + (value || \"\");\n\n  if (options.maxAge !== undefined) {\n    cookieString += \"; Max-Age=\" + options.maxAge;\n  } else if (options.days !== undefined) {\n    const date = new Date();\n    date.setTime(date.getTime() + options.days * 24 * 60 * 60 * 1000);\n    cookieString += \"; expires=\" + date.toUTCString();\n  }\n\n  cookieString += \"; path=\" + (options.path || \"/\");\n\n  if (options.secure) {\n    cookieString += \"; Secure\";\n  }\n  // HttpOnly cannot be set from client-side JavaScript.\n  // if (options.httpOnly) {\n  //   cookieString += '; HttpOnly';\n  // }\n  if (options.sameSite) {\n    cookieString += \"; SameSite=\" + options.sameSite;\n  } else {\n    cookieString += \"; SameSite=Lax\"; // Default SameSite\n  }\n\n  document.cookie = cookieString;\n}\n\nfunction getCookie(name: string): string | null {\n  if (typeof document === \"undefined\") return null;\n  const nameEQ = name + \"=\";\n  const ca = document.cookie.split(\";\");\n  for (let i = 0; i < ca.length; i++) {\n    let c = ca[i];\n    if (c) {\n      while (c.charAt(0) === \" \") c = c.substring(1, c.length);\n      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);\n    }\n  }\n  return null;\n}\n\nfunction eraseCookie(name: string, path: string = \"/\") {\n  if (typeof document === \"undefined\") return;\n  // Set expiry to the past and include path and SameSite for robust deletion\n  document.cookie =\n    name +\n    \"=; Path=\" +\n    path +\n    \"; Expires=Thu, 01 Jan 1970 00:00:01 GMT; SameSite=Lax\";\n}\n\nexport class BrowserCookieStorageAdapter implements StorageAdapter {\n  private defaultCookieOptions: CookieOptions;\n  private logger = getCurrentLogger();\n\n  constructor(defaultOptions: CookieOptions = {}) {\n    this.defaultCookieOptions = {\n      path: \"/\",\n      sameSite: \"Lax\",\n      ...defaultOptions,\n    };\n  }\n\n  async getItem(key: string): Promise<string | null> {\n    if (typeof document !== \"undefined\") {\n      return getCookie(key);\n    }\n    this.logger.warn(\n      \"CivicAuth: Cookies not available (document is undefined). Cannot get item.\",\n    );\n    return null;\n  }\n\n  async setItem(\n    key: string,\n    value: string,\n    itemOptions?: CookieOptions,\n  ): Promise<void> {\n    if (typeof document !== \"undefined\") {\n      const optionsToUse = { ...this.defaultCookieOptions, ...itemOptions };\n      // HttpOnly cookies cannot be effectively managed (set/read/deleted reliably) from client-side JS if they are truly HttpOnly.\n      // The browser will prevent JS from accessing them. If set server-side, JS can't touch them.\n      // If we try to set HttpOnly here, it might be ignored by the browser or not behave as expected for a client-side adapter.\n      // We should primarily focus on attributes settable from client-side JS.\n      // If httpOnly is true in options, we might log a warning or ignore it.\n      if (optionsToUse.httpOnly) {\n        this.logger.warn(\n          `CivicAuth: Attempting to set HttpOnly cookie '${key}' from client-side. This attribute is typically managed server-side and may not be effective here.`,\n        );\n      }\n      setCookie(key, value, optionsToUse);\n    } else {\n      this.logger.warn(\n        \"CivicAuth: Cookies not available (document is undefined). Item not set.\",\n      );\n    }\n  }\n\n  async removeItem(\n    key: string,\n    itemOptions?: Pick<CookieOptions, \"path\">,\n  ): Promise<void> {\n    if (typeof document !== \"undefined\") {\n      const path = itemOptions?.path || this.defaultCookieOptions.path || \"/\";\n      eraseCookie(key, path);\n    } else {\n      this.logger.warn(\n        \"CivicAuth: Cookies not available (document is undefined). Item not removed.\",\n      );\n    }\n  }\n}\n"]}

package/dist/vanillajs/storage/BrowserLocalStorageAdapter.d.ts

@@ -1,9 +0,0 @@
-import type { StorageAdapter } from "./StorageAdapter.js";
-export declare class BrowserLocalStorageAdapter implements StorageAdapter {
-    private logger;
-    getItem(key: string): Promise<string | null>;
-    setItem(key: string, value: string): Promise<void>;
-    removeItem(key: string): Promise<void>;
-    clear(): Promise<void>;
-}
-//# sourceMappingURL=BrowserLocalStorageAdapter.d.ts.map

package/dist/vanillajs/storage/BrowserLocalStorageAdapter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserLocalStorageAdapter.d.ts","sourceRoot":"","sources":["../../../src/vanillajs/storage/BrowserLocalStorageAdapter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,qBAAa,0BAA2B,YAAW,cAAc;IAC/D,OAAO,CAAC,MAAM,CAAsB;IAE9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;IAQ5C,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQlD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAQtC,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC;CAO7B"}

package/dist/vanillajs/storage/BrowserLocalStorageAdapter.js

@@ -1,36 +0,0 @@
-import { getCurrentLogger } from "../utils/logger.js";
-export class BrowserLocalStorageAdapter {
-    logger = getCurrentLogger();
-    async getItem(key) {
-        if (typeof window !== "undefined" && window.localStorage) {
-            return window.localStorage.getItem(key);
-        }
-        this.logger.warn("LocalStorage is not available. Returning null.");
-        return null;
-    }
-    async setItem(key, value) {
-        if (typeof window !== "undefined" && window.localStorage) {
-            window.localStorage.setItem(key, value);
-        }
-        else {
-            this.logger.warn("LocalStorage is not available. Item not set.");
-        }
-    }
-    async removeItem(key) {
-        if (typeof window !== "undefined" && window.localStorage) {
-            window.localStorage.removeItem(key);
-        }
-        else {
-            this.logger.warn("LocalStorage is not available. Item not removed.");
-        }
-    }
-    async clear() {
-        if (typeof window !== "undefined" && window.localStorage) {
-            window.localStorage.clear();
-        }
-        else {
-            this.logger.warn("LocalStorage is not available. Storage not cleared.");
-        }
-    }
-}
-//# sourceMappingURL=BrowserLocalStorageAdapter.js.map