@flowsta/login-button 0.1.0 → 0.1.1

package/dist/qwik.js

@@ -1,59 +1,59 @@
-import { jsx as r } from "@builder.io/qwik/jsx-runtime";
+import { jsx as n } from "@builder.io/qwik/jsx-runtime";
 import { component$ as m, useSignal as h, $ as w } from "@builder.io/qwik";
 import { b } from "./oauth-DEOZXwxb.js";
-import { h as C, p as F } from "./oauth-DEOZXwxb.js";
-const $ = m((n) => {
+import { h as S, p as F } from "./oauth-DEOZXwxb.js";
+const C = m((e) => {
   const {
-    clientId: s,
-    redirectUri: l,
-    scopes: c = ["profile"],
-    variant: d = "dark-pill",
-    loginUrl: u,
-    className: g = "",
-    disabled: e = !1,
-    onSuccess$: v,
-    onError$: o,
-    onClick$: i
-  } = n, a = h(!1), f = w(async () => {
-    if (!(e || a.value)) {
+    clientId: r,
+    redirectUri: i,
+    scopes: l = ["profile"],
+    variant: s = "dark-pill",
+    loginUrl: c,
+    className: d = "",
+    disabled: t = !1,
+    onSuccess$: k,
+    onError$: u,
+    onClick$: g
+  } = e, a = h(!1), f = w(async () => {
+    if (!(t || a.value)) {
       a.value = !0;
       try {
-        i == null || i();
-        const { url: t } = await b({
-          clientId: s,
-          redirectUri: l,
-          scopes: c,
-          loginUrl: u
+        g?.();
+        const { url: o } = await b({
+          clientId: r,
+          redirectUri: i,
+          scopes: l,
+          loginUrl: c
         });
-        typeof window < "u" && (window.location.href = t);
-      } catch (t) {
-        a.value = !1, o == null || o({
+        typeof window < "u" && (window.location.href = o);
+      } catch (o) {
+        a.value = !1, u?.({
           error: "authorization_failed",
-          errorDescription: t instanceof Error ? t.message : "Unknown error"
+          errorDescription: o instanceof Error ? o.message : "Unknown error"
         });
       }
     }
-  }), p = (t) => `/node_modules/@flowsta/login-button/assets/svg/${`flowsta_signin_web_${t.replace("-", "_")}`}.svg`;
-  return /* @__PURE__ */ r(
+  }), p = (o) => `/node_modules/@flowsta/login-button/assets/svg/${`flowsta_signin_web_${o.replace("-", "_")}`}.svg`;
+  return /* @__PURE__ */ n(
     "button",
     {
       type: "button",
       onClick$: f,
-      disabled: e || a.value,
-      class: `flowsta-login-button ${g || n.class || ""}`,
+      disabled: t || a.value,
+      class: `flowsta-login-button ${d || e.class || ""}`,
       "aria-label": "Sign in with Flowsta",
       style: {
         border: "none",
         background: "transparent",
         padding: "0",
-        cursor: e || a.value ? "not-allowed" : "pointer",
-        opacity: e || a.value ? "0.6" : "1",
+        cursor: t || a.value ? "not-allowed" : "pointer",
+        opacity: t || a.value ? "0.6" : "1",
         transition: "opacity 0.2s ease"
       },
-      children: /* @__PURE__ */ r(
+      children: /* @__PURE__ */ n(
         "img",
         {
-          src: p(d),
+          src: p(s),
           alt: "Sign in with Flowsta",
           width: 175,
           height: 40,
@@ -68,9 +68,9 @@ const $ = m((n) => {
   );
 });
 export {
-  $ as FlowstaLoginButton,
+  C as FlowstaLoginButton,
   b as buildAuthorizationUrl,
-  $ as default,
-  C as handleCallback,
+  C as default,
+  S as handleCallback,
   F as parseCallbackUrl
 };

package/dist/react.js

@@ -1,42 +1,42 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as u } from "react/jsx-runtime";
 import { useState as b, useCallback as y } from "react";
 import { b as k } from "./oauth-DEOZXwxb.js";
-import { h as A, p as D } from "./oauth-DEOZXwxb.js";
+import { h as j, p as A } from "./oauth-DEOZXwxb.js";
 import { getButtonUrl as x } from "./index.js";
-function B({
-  clientId: s,
-  redirectUri: i,
-  scopes: r = ["openid", "email", "display_name"],
-  variant: c = "dark-pill",
-  loginUrl: l,
+function z({
+  clientId: r,
+  redirectUri: n,
+  scopes: e = ["openid", "email", "display_name"],
+  variant: p = "dark-pill",
+  loginUrl: i,
   className: h = "",
   disabled: t = !1,
-  onSuccess: S,
-  onError: o,
-  onClick: e,
+  onSuccess: C,
+  onError: s,
+  onClick: l,
   children: m
 }) {
-  const [a, u] = b(!1), f = y(async () => {
+  const [a, c] = b(!1), f = y(async () => {
     if (!(t || a)) {
-      u(!0);
+      c(!0);
       try {
-        e == null || e();
-        const { url: n } = await k({
-          clientId: s,
-          redirectUri: i,
-          scopes: r,
-          loginUrl: l
+        l?.();
+        const { url: o } = await k({
+          clientId: r,
+          redirectUri: n,
+          scopes: e,
+          loginUrl: i
         });
-        window.location.href = n;
-      } catch (n) {
-        u(!1), o == null || o({
+        window.location.href = o;
+      } catch (o) {
+        c(!1), s?.({
           error: "authorization_failed",
-          errorDescription: n instanceof Error ? n.message : "Unknown error"
+          errorDescription: o instanceof Error ? o.message : "Unknown error"
         });
       }
     }
-  }, [s, i, r, l, t, a, e, o]), [g, d] = c.split("-"), w = x(g, d);
-  return /* @__PURE__ */ p(
+  }, [r, n, e, i, t, a, l, s]), [g, d] = p.split("-"), w = x(g, d);
+  return /* @__PURE__ */ u(
     "button",
     {
       type: "button",
@@ -52,7 +52,7 @@ function B({
         opacity: t || a ? 0.6 : 1,
         transition: "opacity 0.2s ease"
       },
-      children: m || /* @__PURE__ */ p(
+      children: m || /* @__PURE__ */ u(
         "img",
         {
           src: w,
@@ -70,9 +70,9 @@ function B({
   );
 }
 export {
-  B as FlowstaLoginButton,
+  z as FlowstaLoginButton,
   k as buildAuthorizationUrl,
-  B as default,
-  A as handleCallback,
-  D as parseCallbackUrl
+  z as default,
+  j as handleCallback,
+  A as parseCallbackUrl
 };

package/dist/vanilla.js

@@ -1,19 +1,19 @@
 import { b as w } from "./oauth-DEOZXwxb.js";
-import { a as k, g as _, c as E, d as F, h as L, p as U, r as V, f as $, s as x, e as B, v as N } from "./oauth-DEOZXwxb.js";
-function u(e) {
+import { a as S, g as E, c as _, d as F, h as L, p as U, r as V, f as $, s as x, e as B, v as N } from "./oauth-DEOZXwxb.js";
+function c(e) {
   const {
     clientId: s,
     redirectUri: n,
     scopes: r = ["profile"],
-    variant: g = "dark-pill",
-    loginUrl: p,
-    className: f = "",
+    variant: d = "dark-pill",
+    loginUrl: u,
+    className: g = "",
     disabled: o = !1,
     onSuccess: m,
-    onError: l,
-    onClick: c
+    onError: p,
+    onClick: f
   } = e, t = document.createElement("button");
-  t.type = "button", t.className = `flowsta-login-button ${f}`.trim(), t.setAttribute("aria-label", "Sign in with Flowsta"), t.disabled = o, Object.assign(t.style, {
+  t.type = "button", t.className = `flowsta-login-button ${g}`.trim(), t.setAttribute("aria-label", "Sign in with Flowsta"), t.disabled = o, Object.assign(t.style, {
     border: "none",
     background: "transparent",
     padding: "0",
@@ -21,27 +21,27 @@ function u(e) {
     opacity: o ? "0.6" : "1",
     transition: "opacity 0.2s ease"
   });
-  const a = document.createElement("img"), b = `flowsta_signin_web_${g.replace("-", "_")}`;
+  const a = document.createElement("img"), b = `flowsta_signin_web_${d.replace("-", "_")}`;
   a.src = `/node_modules/@flowsta/login-button/assets/svg/${b}.svg`, a.alt = "Sign in with Flowsta", a.width = 175, a.height = 40, Object.assign(a.style, {
     display: "block",
     maxWidth: "100%",
     height: "auto"
   }), t.appendChild(a);
-  let d = !1;
+  let l = !1;
   return t.addEventListener("click", async () => {
-    if (!(t.disabled || d)) {
-      d = !0, t.style.opacity = "0.6", t.style.cursor = "not-allowed";
+    if (!(t.disabled || l)) {
+      l = !0, t.style.opacity = "0.6", t.style.cursor = "not-allowed";
       try {
-        c == null || c();
+        f?.();
         const { url: i } = await w({
           clientId: s,
           redirectUri: n,
           scopes: r,
-          loginUrl: p
+          loginUrl: u
         });
         window.location.href = i;
       } catch (i) {
-        d = !1, t.style.opacity = o ? "0.6" : "1", t.style.cursor = o ? "not-allowed" : "pointer", l == null || l({
+        l = !1, t.style.opacity = o ? "0.6" : "1", t.style.cursor = o ? "not-allowed" : "pointer", p?.({
           error: "authorization_failed",
           errorDescription: i instanceof Error ? i.message : "Unknown error"
         });
@@ -53,20 +53,20 @@ function h(e, s) {
   const n = typeof e == "string" ? document.querySelector(e) : e;
   if (!n)
     throw new Error(`Container not found: ${e}`);
-  const r = u(s);
+  const r = c(s);
   return n.appendChild(r), r;
 }
 const C = {
-  createFlowstaLoginButton: u,
+  createFlowstaLoginButton: c,
   initFlowstaLoginButton: h
 };
 export {
   w as buildAuthorizationUrl,
-  u as createFlowstaLoginButton,
+  c as createFlowstaLoginButton,
   C as default,
-  k as generateCodeChallenge,
-  _ as generateCodeVerifier,
-  E as generatePKCEPair,
+  S as generateCodeChallenge,
+  E as generateCodeVerifier,
+  _ as generatePKCEPair,
   F as generateState,
   L as handleCallback,
   h as initFlowstaLoginButton,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowsta/login-button",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Login with Flowsta button components for React, Vue, Qwik, and vanilla JavaScript",
   "type": "module",
   "main": "./dist/index.js",
@@ -58,9 +58,9 @@
     "directory": "packages/login-button"
   },
   "peerDependencies": {
+    "@builder.io/qwik": "^1.0.0",
     "react": "^18.0.0 || ^19.0.0",
-    "vue": "^3.0.0",
-    "@builder.io/qwik": "^1.0.0"
+    "vue": "^3.0.0"
   },
   "peerDependenciesMeta": {
     "react": {
@@ -79,10 +79,13 @@
     "@vitejs/plugin-vue": "^6.0.1",
     "react": "^18.3.1",
     "typescript": "^5.5.4",
-    "vite": "^5.4.2",
+    "vite": "^7.3.1",
     "vue": "^3.4.0"
   },
   "engines": {
     "node": ">=18.0.0"
+  },
+  "dependencies": {
+    "happy-dom": "20.5.0"
   }
 }