@pelican-identity/react 2.0.12 → 2.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pelican-identity/react",
-  "version": "2.0.12",
+  "version": "2.0.13",
   "description": "React components for Pelican Identity authentication",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -21,7 +21,7 @@
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@pelican-identity/auth-core": "1.2.11"
+    "@pelican-identity/auth-core": "1.2.12"
   },
   "devDependencies": {
     "@types/react": "^19.0.4",

package/dist/components/PelicanAuth.js

@@ -1,395 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect } from "react";
-import PelicanButton from "./PelicanButton";
-import { usePelicanAuth } from "../hooks/usePelicanAuth";
-import StoreIcons from "./StoreIcons";
-const PelicanAuth = (config) => {
-    const { start, qr, state, deeplink, isProcessing, stop, error, successMessage, } = usePelicanAuth({
-        projectId: config.projectId,
-        publicKey: config.publicKey,
-        authType: config.authType,
-        onClose: config.onClose,
-        continuousMode: config.continuousMode,
-        forceQRCode: config.forceQRCode,
-        onSuccess: (identity) => {
-            config.onSuccess(identity);
-        },
-        onError: (error) => {
-            config.onError?.(error);
-        },
-    });
-    useEffect(() => {
-        if (config.continuousMode) {
-            start();
-        }
-    }, [config.continuousMode]);
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `@keyframes fadeUp {
-  from {
-    opacity: 0;
-    transform: translateY(20px);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes successPulse {
-  0%,
-  100% {
-    transform: scale(1);
-    opacity: 1;
-  }
-  50% {
-    transform: scale(1.05);
-    opacity: 0.9;
-  }
-}
-
-.auth-container {
-  width: 300px;
-  max-width: fit-content;
-  padding: 1rem;
-  margin-top: 0.3rem;
-  position: relative;
-  animation: fadeUp 0.5s ease-out;
-  background-color: #fcfcfc;
-  border-radius: 2.5rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  gap: 1rem;
-  min-height: 320px;
-}
-.js-auth-container {
-  width: 300px;
-  max-width: fit-content;
-  padding: 1rem;
-  margin-top: 0.3rem;
-  position: relative;
-  background-color: #fcfcfc;
-  border-radius: 2.5rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  gap: 1rem;
-  min-height: 320px;
-}
-
-.close-button {
-  background-color: #2b2b2bff;
-  border: none;
-  cursor: pointer;
-  transition: opacity 0.2s;
-  height: 1.5rem;
-  width: 1.5rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-}
-
-.close-button:hover {
-  opacity: 0.6;
-}
-
-.close-icon {
-  width: 1.5rem;
-  height: 1.5rem;
-  fill: #000000;
-}
-
-.retry-container {
-  text-align: center;
-  padding: 3rem 0;
-}
-
-.retry-container > div:first-child {
-  margin-bottom: 1rem;
-}
-
-.retry-text {
-  font-size: 1.125rem;
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-.content-wrapper {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: 2rem;
-}
-
-.unpaired-container {
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-}
-
-.main-heading {
-  font-size: 0.75rem;
-  font-weight: 600;
-  color: #585858;
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-@media (min-width: 768px) {
-  .main-heading {
-    font-size: 1rem;
-    font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  }
-}
-
-@media (min-width: 1024px) {
-  .main-heading {
-    font-size: 1rem;
-    font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  }
-}
-
-.mobile-auth-container {
-  display: flex;
-  flex-direction: column;
-  gap: 0.7rem;
-  width: 253px;
-}
-
-.logo-container {
-  display: flex;
-  justify-content: center;
-  padding: 2rem 0;
-}
-
-.open-app-link {
-  display: inline-block;
-  padding: 0.75rem 1rem;
-  background-color: #2b2b2bff;
-  width: fit-content;
-  align-self: center;
-
-  border-radius: 18px;
-  color: #fff;
-  font-weight: 500;
-  font-size: 1rem;
-  text-decoration: none;
-  transition: background-color 0.2s;
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-.open-app-link:hover {
-opacity: 0.8;
-}
-
-.helper-text {
-  font-size: 0.75rem;
-  color: #6b7280;
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-.qr-container {
-  display: flex;
-  justify-content: center;
-}
-
-.qr-wrapper {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  overflow: hidden;
-  border-radius: 2rem;
-  background-color: #fff;
-  padding: 0.2rem;
-  height: 244px;
-  width: 244px;
-}
-
-.qr-image {
-  height: 90%;
-  width: 90%;
-}
-
-.loader-container {
-  display: flex;
-  justify-content: center;
-}
-
-.instruction-text {
-  font-size: 0.875rem;
-  color: #9ca3af;
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-.paired-container {
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-  max-width: 250px;
-}
-
-.paired-heading {
-  font-size: 1rem;
-  font-weight: 800;
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-}
-
-@media (min-width: 768px) {
-  .paired-heading {
-    font-size: 1rem;
-    font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  }
-}
-
-.success-message {
-  background-color: #121212;
-  color: #d9eb1b;
-  padding: 0.5rem 1rem;
-  border-radius: 1.3rem;
-  font-weight: 700;
-  font-size: 1rem;
-  animation: successPulse 0.2s ease-in-out;
-  margin: 0.5rem 0;
-  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
-  width: 300px;
-  max-width: fit-content;
-}
-
-.auto-renew-badge {
-  display: inline-block;
-  background-color: rgba(217, 235, 27, 0.2);
-  border: 1px solid #d9eb1b;
-  color: #d9eb1b;
-  padding: 0.25rem 0.75rem;
-  border-radius: 9999px;
-  font-size: 0.75rem;
-  font-weight: 600;
-  margin-top: 0.5rem;
-}
-
-.error-wrapper {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-  border-radius: 1.5rem;
-  border: 1px solid rgb(255, 236, 236);
-  background-color: rgb(255, 255, 255);
-  width: 250px;
-  height: 80px;
-}
-
-.error-message {
-  font-size: 0.75rem;
-  font-weight: 400;
-  color: rgb(255, 139, 139);
-  font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;
-  max-width: 70%;
-}
-
-.loader {
-  width: 48px;
-  height: 48px;
-  position: relative;
-}
-.loader::before,
-.loader::after {
-  content: "";
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  width: 48em;
-  height: 48em;
-  background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0),
-    radial-gradient(circle 10px, #585858 100%, transparent 0);
-  background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,
-    -13em -13em, 13em 13em, -13em 13em;
-  background-repeat: no-repeat;
-  font-size: 0.5px;
-  border-radius: 50%;
-  animation: blast 1s ease-in infinite;
-}
-.loader::after {
-  font-size: 1px;
-  background: #585858;
-  animation: bounce 1s ease-in infinite;
-}
-
-@keyframes bounce {
-  0%,
-  100% {
-    font-size: 0.75px;
-  }
-  50% {
-    font-size: 1.5px;
-  }
-}
-@keyframes blast {
-  0%,
-  40% {
-    font-size: 0.5px;
-  }
-  70% {
-    opacity: 1;
-    font-size: 4px;
-  }
-  100% {
-    font-size: 6px;
-    opacity: 0;
-  }
-}
-` }), _jsxs("section", { children: [_jsx("div", { style: {
-                            maxWidth: "275px",
-                            justifyContent: "space-between",
-                            alignItems: "center",
-                            width: "100%",
-                        }, children: !config.continuousMode && (_jsxs("div", { style: {
-                                width: "100%",
-                                display: "flex",
-                                justifyContent: "space-between",
-                                alignItems: "center",
-                            }, children: [_jsx("button", { type: "button", style: {
-                                        border: "none",
-                                        background: "transparent",
-                                        cursor: "pointer",
-                                    }, onClick: () => {
-                                        start();
-                                    }, disabled: config.continuousMode, children: config.buttonComponent ? (config.buttonComponent) : (_jsx(PelicanButton, { authType: config.authType, text: config.buttonText })) }), state !== "idle" && (_jsx("button", { onClick: () => {
-                                        stop();
-                                        config.onClose?.();
-                                    }, className: "close-button", "aria-label": "Close", type: "button", children: _jsx("svg", { fill: "#fff", stroke: "#fff", viewBox: "0 0 24 24", role: "img", "aria-label": "close icon", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 4, d: "M6 18L18 6M6 6l12 12", height: "24", width: "24", fill: "#fff", stroke: "#fff", color: "#fff" }) }) }))] })) }), state !== "idle" && (_jsxs("div", { className: "auth-container", children: [successMessage && (_jsxs("div", { className: "success-message", style: { textAlign: "center" }, children: [successMessage, config.continuousMode && (_jsx("p", { style: {
-                                            fontSize: "0.8rem",
-                                            marginTop: "0.5rem",
-                                            color: "#f3f3f3",
-                                            textAlign: "center",
-                                        }, children: "Preparing next session..." }))] })), error && state === "error" && (_jsx("div", { className: "error-wrapper", children: _jsx("p", { className: "error-message", children: error.message }) })), isProcessing ? (_jsxs("div", { className: "content-wrapper", children: [_jsx("h2", { className: "main-heading", children: "one sec..." }), _jsx("span", { className: "loader", style: { margin: "1rem auto", width: "252px" } })] })) : (_jsx("div", { className: "content-wrapper", children: state === "awaiting-pair" && !successMessage && (_jsxs("div", { className: "unpaired-container", children: [!deeplink && !config.forceQRCode && (_jsx("h2", { className: "main-heading", children: "Open Pelican Vault" })), !config.forceQRCode && deeplink ? (_jsxs("div", { className: "mobile-auth-container", children: [_jsx("div", { className: "logo-container", children: _jsx("img", { src: "https://res.cloudinary.com/de0jr8mcm/image/upload/v1765904735/pelican/pelican_icon_r9ghqw.png ", alt: "Pelican Logo", style: { width: "80px", height: "80px" } }) }), _jsx("a", { href: deeplink, className: "open-app-link", children: "Open Pelican Vault" }), _jsxs("p", { className: "helper-text", children: ["Open the app to", " ", config.authType === "login"
-                                                            ? "login"
-                                                            : config.authType === "signup"
-                                                                ? "signup"
-                                                                : config.authType === "id-verification"
-                                                                    ? "verify identity"
-                                                                    : "authenticate"] })] })) : (config.forceQRCode &&
-                                            qr &&
-                                            state === "awaiting-pair") ||
-                                            (!config.forceQRCode &&
-                                                qr &&
-                                                state === "awaiting-pair") ? (_jsx("div", { className: "qr-container", children: _jsxs("div", { className: "qr-wrapper", children: [qr && (_jsx("img", { src: qr, alt: "QR Code", className: "qr-image" })), !qr && _jsx("span", { className: "loader" })] }) })) : (_jsx("div", { className: "loader-container", children: _jsx("span", { className: "loader" }) }))] })) })), _jsx(StoreIcons, {})] }))] })] }));
-};
-export default PelicanAuth;
-//# sourceMappingURL=PelicanAuth.js.map

package/dist/components/PelicanAuth.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PelicanAuth.js","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":"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"}