@auth-link/web 1.1.0 → 2.0.0

package/dist/react.js

@@ -2259,12 +2259,9 @@ function getMessages(locale) {
 
 // src/view.ts
 var node = (tag, props, ...children) => ({ tag, props, children });
-function resolveVariant(variant) {
-  return variant === "B" || variant === "C" ? variant : "A";
-}
 function widgetView(options) {
   const { snapshot: s, mode, retry, refresh } = options;
-  const locale = resolveLocale(options.locale), variant = resolveVariant(options.variant);
+  const locale = resolveLocale(options.locale);
   const l = getMessages(locale);
   const pending = s.status === "pending", hasQr = pending && (mode === "bind" || Boolean(options.showQr)) && Boolean(options.qr);
   const status = { idle: l.loading, pending: options.passcodeMode ? l.otpWaiting : l.waiting, confirmed: l.confirmed, rejected: l.rejected, expired: l.expired, error: l.error }[s.status];
@@ -2281,12 +2278,6 @@ function widgetView(options) {
     expiring ? l.expiring : status,
     ...expiring ? [node("span", { class: "authlink-expiry", "aria-hidden": "true" }, ` \xB7 ${expiryTime}`)] : []
   );
-  const cancel = () => options.close ? [node("button", {
-    type: "button",
-    class: "authlink-cancel",
-    "data-authlink-focus": "cancel",
-    onClick: options.close
-  }, l.cancel)] : [];
   const children = [node("h3", { class: "authlink-title" }, l[mode])];
   if (hasQr) children.push(node("p", { class: "authlink-subtitle" }, l.scan));
   if (pending) {
@@ -2329,9 +2320,7 @@ function widgetView(options) {
       ...s.error ? [node("p", { class: "authlink-input-error", role: "alert" }, options.passcodeMode ? s.error.message === "OTP_NOT_CONFIGURED" ? l.otpSetup : l.otpError : l.codeError)] : []
     ];
     children.push(node("div", { class: "authlink-body" }, ...qr, node("div", { class: "authlink-details" }, ...detail)));
-    if (variant === "A") children.push(node("div", { class: "authlink-footer" }, statusNode()));
-    if (variant === "B") children.push(node("div", { class: "authlink-footer" }, statusNode(), ...cancel()));
-    if (variant === "C") children.push(node("div", { class: "authlink-footer" }, statusNode(), ...cancel()));
+    children.push(node("div", { class: "authlink-footer" }, statusNode()));
   } else {
     children.push(statusNode());
     if (s.error?.message === "CONFIRMATION_CODE_LOCKED") children.push(node("p", { class: "authlink-input-error", role: "alert" }, l.codeLocked));
@@ -2352,7 +2341,6 @@ function widgetView(options) {
     lang: locale,
     class: `authlink-widget ${options.className ?? ""}`.trim(),
     "data-status": s.status,
-    "data-variant": variant,
     "data-has-qr": String(hasQr),
     "aria-label": l[mode]
   }, ...children);
@@ -2396,7 +2384,7 @@ function openAuthLink(options) {
   content.className = "authlink-modal-content";
   header.append(brand, closeButton);
   dialog.append(header, content);
-  let locale = options.locale, variant = resolveVariant(options.variant), snapshot = initialSnapshot(), closed = false;
+  let locale = options.locale, snapshot = initialSnapshot(), closed = false;
   let abort;
   let inputCode = "";
   let submitCode;
@@ -2426,7 +2414,6 @@ function openAuthLink(options) {
     const language = resolveLocale(locale), messages2 = getMessages(language);
     dialog.lang = language;
     dialog.setAttribute("aria-label", messages2[mode]);
-    dialog.dataset.variant = variant;
     dialog.dataset.mode = mode;
     dialog.dataset.hasQr = String(snapshot.status === "pending" && (mode === "bind" || Boolean(options.showQr)));
     closeButton.setAttribute("aria-label", messages2.close);
@@ -2435,7 +2422,6 @@ function openAuthLink(options) {
     const next = element(widgetView({
       mode,
       locale,
-      variant,
       snapshot,
       qr: image,
       showQr: options.showQr,
@@ -2445,8 +2431,7 @@ function openAuthLink(options) {
       },
       submitCode: (code) => submitCode?.(code) ?? Promise.resolve(),
       retry,
-      refresh: options.onRefresh,
-      close: () => dispose(true)
+      refresh: options.onRefresh
     }));
     const oldCode = content.querySelector(".authlink-code");
     const nextCode = next.querySelector(".authlink-code");
@@ -2559,10 +2544,6 @@ function openAuthLink(options) {
       locale = value;
       render();
     },
-    setVariant: (value) => {
-      variant = resolveVariant(value);
-      render();
-    },
     retry
   };
 }
@@ -2600,7 +2581,7 @@ function openPasscode(options) {
   content.className = "authlink-modal-content";
   header.append(brand, close);
   dialog.append(header, content);
-  let locale = options.locale, variant = resolveVariant(options.variant), closed = false, busy = false, code = "", error;
+  let locale = options.locale, closed = false, busy = false, code = "", error;
   const mode = options.bindingQr ? "bind" : "confirm";
   let image;
   if (options.bindingQr) {
@@ -2627,7 +2608,6 @@ function openPasscode(options) {
     if (closed) return;
     const l = getMessages(locale);
     dialog.lang = resolveLocale(locale);
-    dialog.dataset.variant = variant;
     dialog.dataset.mode = mode;
     dialog.dataset.hasQr = String(Boolean(image));
     dialog.setAttribute("aria-label", l[mode]);
@@ -2638,7 +2618,6 @@ function openPasscode(options) {
     content.replaceChildren(element(widgetView({
       mode,
       locale,
-      variant,
       passcodeMode: true,
       snapshot,
       qr: image,
@@ -2651,8 +2630,7 @@ function openPasscode(options) {
       retry: () => {
         error = void 0;
         render();
-      },
-      close: () => dispose(true)
+      }
     })));
     if (focused) content.querySelector("input")?.focus();
   };
@@ -2714,10 +2692,6 @@ function openPasscode(options) {
       locale = value;
       render();
     },
-    setVariant: (value) => {
-      variant = resolveVariant(value);
-      render();
-    },
     retry: () => {
       error = void 0;
       render();
@@ -2748,9 +2722,6 @@ function AuthLinkPasscode(props) {
   useEffect(() => {
     modal.current?.setLocale(props.locale);
   }, [props.locale]);
-  useEffect(() => {
-    modal.current?.setVariant(props.variant);
-  }, [props.variant]);
   return null;
 }
 function useAuthLink(options) {
@@ -2820,9 +2791,6 @@ function Widget(props) {
   useEffect(() => {
     modal.current?.setLocale(props.locale);
   }, [props.locale]);
-  useEffect(() => {
-    modal.current?.setVariant(props.variant);
-  }, [props.variant]);
   return null;
 }
 function AuthLinkBind(props) {