@pelican-identity/react 2.0.6 → 2.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/PelicanAuth.d.ts.map +1 -1
- package/dist/components/PelicanAuth.js +6 -19
- package/dist/components/PelicanAuth.js.map +1 -1
- package/dist/components/PelicanButton.d.ts +7 -0
- package/dist/components/PelicanButton.js +3 -3
- package/dist/components/PelicanButton.js.map +1 -1
- package/dist/components/StoreIcons.d.ts +3 -0
- package/dist/components/StoreIcons.d.ts.map +1 -0
- package/dist/components/StoreIcons.js +35 -0
- package/dist/components/StoreIcons.js.map +1 -0
- package/dist/hooks/usePelicanAuth.d.ts +13 -0
- package/dist/hooks/usePelicanAuth.d.ts.map +1 -1
- package/dist/hooks/usePelicanAuth.js +61 -0
- package/dist/hooks/usePelicanAuth.js.map +1 -0
- package/dist/index.css +70 -33
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +3 -7
- package/dist/index.js +1 -379
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +53 -40
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PelicanAuth.d.ts","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,QAAA,MAAM,WAAW,GAAI,QAAQ,mBAAmB,
|
|
1
|
+
{"version":3,"file":"PelicanAuth.d.ts","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":"AAIA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,QAAA,MAAM,WAAW,GAAI,QAAQ,mBAAmB,4CA6L/C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useEffect
|
|
2
|
+
import { useEffect } from "react";
|
|
3
3
|
import PelicanButton from "./PelicanButton";
|
|
4
4
|
import { usePelicanAuth } from "../hooks/usePelicanAuth";
|
|
5
5
|
import StoreIcons from "./StoreIcons";
|
|
6
6
|
import "../pelican.css";
|
|
7
7
|
const PelicanAuth = (config) => {
|
|
8
|
-
const
|
|
9
|
-
const [successMessage, setSuccessMessage] = useState(null);
|
|
10
|
-
const { start, qr, state, deeplink, isProcessing, stop } = usePelicanAuth({
|
|
8
|
+
const { start, qr, state, deeplink, isProcessing, stop, error, successMessage, } = usePelicanAuth({
|
|
11
9
|
projectId: config.projectId,
|
|
12
10
|
publicKey: config.publicKey,
|
|
13
11
|
authType: config.authType,
|
|
@@ -16,15 +14,6 @@ const PelicanAuth = (config) => {
|
|
|
16
14
|
forceQRCode: config.forceQRCode,
|
|
17
15
|
onSuccess: (identity) => {
|
|
18
16
|
config.onSuccess(identity);
|
|
19
|
-
if (config.continuousMode) {
|
|
20
|
-
setSuccessMessage("Authentication complete!");
|
|
21
|
-
setTimeout(() => {
|
|
22
|
-
setSuccessMessage(null);
|
|
23
|
-
}, 2000);
|
|
24
|
-
}
|
|
25
|
-
else {
|
|
26
|
-
setIsOpen(false);
|
|
27
|
-
}
|
|
28
17
|
},
|
|
29
18
|
onError: (error) => {
|
|
30
19
|
config.onError?.(error);
|
|
@@ -36,7 +25,7 @@ const PelicanAuth = (config) => {
|
|
|
36
25
|
}
|
|
37
26
|
}, [config.continuousMode]);
|
|
38
27
|
return (_jsxs("section", { children: [_jsx("div", { style: {
|
|
39
|
-
maxWidth: "
|
|
28
|
+
maxWidth: "275px",
|
|
40
29
|
justifyContent: "space-between",
|
|
41
30
|
alignItems: "center",
|
|
42
31
|
width: "100%",
|
|
@@ -51,17 +40,15 @@ const PelicanAuth = (config) => {
|
|
|
51
40
|
cursor: "pointer",
|
|
52
41
|
}, onClick: () => {
|
|
53
42
|
start();
|
|
54
|
-
|
|
55
|
-
}, disabled: isOpen || config.continuousMode, children: config.buttonComponent ? (config.buttonComponent) : (_jsx(PelicanButton, { authType: config.authType, text: config.buttonText })) }), isOpen && !config.continuousMode && (_jsx("button", { onClick: () => {
|
|
43
|
+
}, disabled: config.continuousMode, children: config.buttonComponent ? (config.buttonComponent) : (_jsx(PelicanButton, { authType: config.authType, text: config.buttonText })) }), state !== "idle" && (_jsx("button", { onClick: () => {
|
|
56
44
|
stop();
|
|
57
45
|
config.onClose?.();
|
|
58
|
-
|
|
59
|
-
}, className: "close-button", "aria-label": "Close", type: "button", children: _jsx("svg", { className: "close-icon", 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" }) }) }))] })) }), isOpen && (_jsxs("div", { className: "auth-container", children: [successMessage && (_jsxs("div", { className: "success-message", style: { textAlign: "center" }, children: [successMessage, config.continuousMode && (_jsx("p", { style: {
|
|
46
|
+
}, className: "close-button", "aria-label": "Close", type: "button", children: _jsx("svg", { className: "close-icon", 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" }) }) }))] })) }), state !== "idle" && (_jsxs("div", { className: "auth-container", children: [successMessage && (_jsxs("div", { className: "success-message", style: { textAlign: "center" }, children: [successMessage, config.continuousMode && (_jsx("p", { style: {
|
|
60
47
|
fontSize: "0.8rem",
|
|
61
48
|
marginTop: "0.5rem",
|
|
62
49
|
color: "#f3f3f3",
|
|
63
50
|
textAlign: "center",
|
|
64
|
-
}, children: "Preparing next session..." }))] })), 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: [_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: "
|
|
51
|
+
}, 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"
|
|
65
52
|
? "login"
|
|
66
53
|
: config.authType === "signup"
|
|
67
54
|
? "signup"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PelicanAuth.js","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"PelicanAuth.js","sourceRoot":"","sources":["../../src/components/PelicanAuth.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { AuthType } from "@pelican-identity/auth-core";
|
|
2
|
+
declare const PelicanButton: ({ authType, text, }: {
|
|
3
|
+
authType: AuthType;
|
|
4
|
+
text?: string;
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export default PelicanButton;
|
|
7
|
+
//# sourceMappingURL=PelicanButton.d.ts.map
|
|
@@ -6,11 +6,11 @@ const PelicanButton = ({ authType, text, }) => {
|
|
|
6
6
|
alignItems: "center",
|
|
7
7
|
justifyContent: "center",
|
|
8
8
|
gap: "0.35rem",
|
|
9
|
-
padding: "0.
|
|
9
|
+
padding: "0.05rem 0.7rem",
|
|
10
10
|
borderRadius: "20px",
|
|
11
11
|
cursor: "pointer",
|
|
12
|
-
backgroundColor: "#
|
|
13
|
-
border: "1px solid #
|
|
12
|
+
backgroundColor: "#2b2b2bff",
|
|
13
|
+
border: "1px solid #353535ff",
|
|
14
14
|
}, children: [_jsx("div", { children: _jsxs("svg", { width: "28", height: "28", viewBox: "0 0 100 100", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "Pelican logo", children: [_jsx("rect", { width: "100", height: "100", rx: "32", fill: "#121212" }), _jsx("path", { d: "M56.5511 56.8089C56.5705 55.5878 57.5734 54.0696 58.7917 53.4254C60.0572 52.7596 61.0322 53.2324 61.0193 54.5099C60.9978 55.744 59.9754 57.2947 58.7572 57.9346C57.539 58.5744 56.5296 58.0777 56.5511 56.8089ZM70.0957 49.6364C70.2081 49.5555 70.2954 49.4442 70.3475 49.3154C70.369 48.6278 70.3626 47.9555 70.3626 47.2354C68.4083 48.5172 66.5142 49.7665 64.6202 51.0158V53.2389L65.1174 52.9114C66.7725 51.8183 68.4341 50.7338 70.0957 49.6364ZM69.7147 58.5592C68.4463 60.5076 66.7916 62.1705 64.8548 63.4436C63.1329 64.6039 61.4778 65.222 59.9389 65.1787C58.359 65.1375 57.2893 64.3957 56.6695 62.9686C57.2678 62.448 57.8059 61.9665 58.344 61.4937C58.5418 61.8163 58.7688 62.1198 59.022 62.4003C60.0572 63.3828 61.5488 63.3134 63.3546 62.4762C63.5698 62.3743 63.77 62.2593 63.9809 62.1401C64.8419 61.6607 65.2874 61.1033 65.5069 60.123C65.6834 59.3053 65.7932 58.5158 65.9374 57.7068C66.1135 56.6524 66.4412 55.6295 66.9102 54.6704C67.4634 53.5512 68.2382 52.7184 69.2412 52.3085C70.1323 51.9528 70.7048 52.2065 70.9911 52.8854C71.6432 54.4687 71.0965 56.425 69.7147 58.5592ZM69.3273 54.5923C69.2714 54.434 69.1013 54.2691 68.9528 54.3168C68.8043 54.3646 68.5632 54.6877 68.4341 54.9068C68.2881 55.1536 68.1759 55.4192 68.1005 55.6963C67.8293 56.8913 67.5775 58.082 67.3106 59.2641C67.356 59.263 67.4013 59.2586 67.4462 59.2511C68.1303 58.4928 68.6892 57.6287 69.1013 56.6918C69.4349 55.8741 69.5038 55.1757 69.3273 54.5923ZM80.7949 39.7072V60.2726C80.7942 62.6299 80.1786 64.9455 79.0098 66.9874C77.841 69.0293 76.1601 70.7257 74.1356 71.9066L56.4607 82.1785C54.4328 83.3608 52.1313 83.9834 49.7885 83.9834C47.4456 83.9834 45.1441 83.3608 43.1162 82.1785L25.4671 71.9001C23.4402 70.7208 21.7567 69.0251 20.5856 66.9831C19.4145 64.9411 18.7969 62.6246 18.7949 60.2661V39.7007C18.7969 37.3422 19.4145 35.0257 20.5856 32.9837C21.7567 30.9417 23.4402 29.246 25.4671 28.0667L43.1378 17.7883C45.1657 16.606 47.4671 15.9834 49.81 15.9834C52.1529 15.9834 54.4543 16.606 56.4822 17.7883L74.1356 28.0667C76.1601 29.2476 77.841 30.944 79.0098 32.9859C80.1786 35.0278 80.7942 37.3434 80.7949 39.7007V39.7072ZM77.8333 47.6887C77.8333 42.3077 73.5007 40.2624 68.1629 43.134L52.9287 51.2956C51.6739 51.9679 50.6602 53.5382 50.6602 54.8005V77.5956C50.6602 78.8644 51.6739 79.3307 52.9287 78.6649L58.5936 75.6284C59.1636 75.3055 59.6456 74.8458 59.997 74.2902C60.3517 73.7796 60.5547 73.1777 60.5824 72.5551C60.5824 71.9435 61.0731 71.1887 61.6779 70.8655L64.4975 69.3473C65.0291 69.0653 65.5414 68.7769 66.0299 68.4797L68.1629 67.3411C73.5007 64.4716 77.8333 57.7979 77.8333 52.4082V47.6887Z", fill: "#D9EB1B" })] }) }), _jsx("div", { children: _jsx("p", { style: {
|
|
15
15
|
fontSize: "14px",
|
|
16
16
|
fontWeight: "500",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PelicanButton.js","sourceRoot":"","sources":["../../src/components/PelicanButton.tsx"],"names":[],"mappings":";AAEA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,GAIL,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"PelicanButton.js","sourceRoot":"","sources":["../../src/components/PelicanButton.tsx"],"names":[],"mappings":";AAEA,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,IAAI,GAIL,EAAE,EAAE;IACH,OAAO,CACL,eACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,gBAAgB;YACzB,YAAY,EAAE,MAAM;YACpB,MAAM,EAAE,SAAS;YACjB,eAAe,EAAE,WAAW;YAC5B,MAAM,EAAE,qBAAqB;SAC9B,aAED,wBACE,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,KAAK,gBACC,cAAc,aAEzB,eAAM,KAAK,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,IAAI,EAAC,SAAS,GAAG,EACxD,eACE,CAAC,EAAC,8gFAA8gF,EAChhF,IAAI,EAAC,SAAS,GACd,IACE,GACF,EACN,wBACE,YACE,KAAK,EAAE;wBACL,QAAQ,EAAE,MAAM;wBAChB,UAAU,EAAE,KAAK;wBACjB,KAAK,EAAE,MAAM;wBACb,UAAU,EACR,wDAAwD;qBAC3D,YAEA,IAAI,IAAI,CACP,yBACG,QAAQ,KAAK,OAAO;4BACnB,CAAC,CAAC,oBAAoB;4BACtB,CAAC,CAAC,QAAQ,KAAK,QAAQ;gCACvB,CAAC,CAAC,qBAAqB;gCACvB,CAAC,CAAC,QAAQ,KAAK,iBAAiB;oCAChC,CAAC,CAAC,qBAAqB;oCACvB,CAAC,CAAC,2BAA2B,GAC1B,CACR,GACC,GACA,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StoreIcons.d.ts","sourceRoot":"","sources":["../../src/components/StoreIcons.tsx"],"names":[],"mappings":"AAAA,QAAA,MAAM,UAAU,+CAmDf,CAAC;AAiDF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
const StoreIcons = () => {
|
|
3
|
+
return (_jsx("div", { style: {
|
|
4
|
+
display: "flex",
|
|
5
|
+
justifyContent: "center",
|
|
6
|
+
alignItems: "center",
|
|
7
|
+
}, children: _jsxs("div", { style: {
|
|
8
|
+
display: "flex",
|
|
9
|
+
justifyContent: "center",
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
borderRadius: "1.2rem",
|
|
12
|
+
gap: "0.5rem",
|
|
13
|
+
padding: "0.7rem 1rem",
|
|
14
|
+
height: "1.4rem",
|
|
15
|
+
}, children: [_jsx("div", { style: {
|
|
16
|
+
gap: "0.1rem",
|
|
17
|
+
}, children: _jsx("p", { style: {
|
|
18
|
+
fontSize: "14px",
|
|
19
|
+
fontWeight: "500",
|
|
20
|
+
color: "#585858",
|
|
21
|
+
fontFamily: "Onest, system-ui, Avenir, Helvetica, Arial, sans-serif",
|
|
22
|
+
}, children: "Available on" }) }), _jsxs("div", { style: {
|
|
23
|
+
display: "flex",
|
|
24
|
+
alignItems: "center",
|
|
25
|
+
gap: "0.4rem",
|
|
26
|
+
}, children: [_jsx(Apple, {}), _jsx(PlayStore, {})] })] }) }));
|
|
27
|
+
};
|
|
28
|
+
const Apple = () => {
|
|
29
|
+
return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "apple icon", children: [_jsx("g", { clipPath: "url(#clip0_10529_2674)", children: _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22.0213 7.30124C24.1265 7.30124 26.358 8.45986 27.947 10.4637C22.7386 13.3501 23.5854 20.8709 28.8483 22.881C28.1232 24.5027 27.777 25.2278 26.8445 26.664C25.5424 28.6663 23.7101 31.1613 21.435 31.1831C19.4156 31.2018 18.8963 29.8529 16.155 29.8685C13.4136 29.8841 12.8413 31.2065 10.8219 31.1878C8.54832 31.1659 6.80962 28.9142 5.50754 26.9104C1.86795 21.3091 1.48746 14.7363 3.73297 11.2433C5.32821 8.7577 7.84348 7.3028 10.2106 7.3028C12.6199 7.3028 14.134 8.63919 16.1269 8.63919C18.0605 8.63919 19.2363 7.30124 22.0213 7.30124ZM21.4101 0.000244141C21.6907 1.89489 20.9204 3.75054 19.9084 5.06354C18.8246 6.4701 16.958 7.5601 15.1523 7.50396C14.8248 5.69041 15.67 3.82383 16.6961 2.56542C17.8235 1.17757 19.7571 0.115638 21.4101 0.000244141Z", fill: "#585858" }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_10529_2674", children: _jsx("rect", { width: "31.1875", height: "31.1875", fill: "#585858" }) }) })] }));
|
|
30
|
+
};
|
|
31
|
+
const PlayStore = () => {
|
|
32
|
+
return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 26 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": "play icon", children: _jsx("path", { d: "M0.015625 2.02546V24.3372C0.0157895 24.3856 0.0316774 24.4329 0.0612964 24.4731C0.0909154 24.5134 0.132947 24.5448 0.182121 24.5634C0.231294 24.582 0.285421 24.587 0.337713 24.5778C0.390006 24.5685 0.438136 24.5455 0.476069 24.5115L13.2604 13.1819L0.476069 1.85116C0.438136 1.81718 0.390006 1.79412 0.337713 1.7849C0.285421 1.77567 0.231294 1.78067 0.182121 1.79929C0.132947 1.8179 0.0909154 1.84929 0.0612964 1.88953C0.0316774 1.92976 0.0157895 1.97705 0.015625 2.02546ZM18.6208 8.52652L2.59086 0.501104L2.58086 0.495994C2.30472 0.359739 2.04233 0.699241 2.26849 0.896811L14.8342 11.8154L18.6208 8.52652ZM2.26974 25.467C2.04233 25.6645 2.30472 26.004 2.58211 25.8678L2.59211 25.8627L18.6208 17.8373L14.8342 14.5473L2.26974 25.467ZM25.092 11.7626L20.6156 9.52231L16.4067 13.1819L20.6156 16.8398L25.092 14.6012C26.3096 13.9898 26.3096 12.374 25.092 11.7626Z", fill: "#585858" }) }));
|
|
33
|
+
};
|
|
34
|
+
export default StoreIcons;
|
|
35
|
+
//# sourceMappingURL=StoreIcons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StoreIcons.js","sourceRoot":"","sources":["../../src/components/StoreIcons.tsx"],"names":[],"mappings":";AAAA,MAAM,UAAU,GAAG,GAAG,EAAE;IACtB,OAAO,CACL,cACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB,YAED,eACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBAEpB,YAAY,EAAE,QAAQ;gBACtB,GAAG,EAAE,QAAQ;gBACb,OAAO,EAAE,aAAa;gBACtB,MAAM,EAAE,QAAQ;aACjB,aAED,cACE,KAAK,EAAE;wBACL,GAAG,EAAE,QAAQ;qBACd,YAED,YACE,KAAK,EAAE;4BACL,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,KAAK;4BACjB,KAAK,EAAE,SAAS;4BAChB,UAAU,EACR,wDAAwD;yBAC3D,6BAGC,GACA,EACN,eACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,QAAQ;qBACd,aAED,KAAC,KAAK,KAAG,EACT,KAAC,SAAS,KAAG,IACT,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE;IACjB,OAAO,CACL,eACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,KAAK,gBACC,YAAY,aAEvB,YAAG,QAAQ,EAAC,wBAAwB,YAClC,eACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,4uBAA4uB,EAC9uB,IAAI,EAAC,SAAS,GACd,GACA,EACJ,yBACE,mBAAU,EAAE,EAAC,kBAAkB,YAC7B,eAAM,KAAK,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,GAAG,GAC/C,GACN,IACH,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,cACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,IAAI,EAAC,KAAK,gBACC,WAAW,YAEtB,eACE,CAAC,EAAC,01BAA01B,EAC51B,IAAI,EAAC,SAAS,GACd,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { PelicanAuthState, PelicanWebAuthProps } from "@pelican-identity/auth-core";
|
|
2
|
+
export declare const usePelicanAuth: (config: PelicanWebAuthProps) => {
|
|
3
|
+
start: () => void;
|
|
4
|
+
stop: () => void;
|
|
5
|
+
qr: string | null;
|
|
6
|
+
deeplink: string | null;
|
|
7
|
+
state: PelicanAuthState;
|
|
8
|
+
isProcessing: boolean;
|
|
9
|
+
isDone: boolean;
|
|
10
|
+
error: Error | null;
|
|
11
|
+
successMessage: string | null;
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=usePelicanAuth.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePelicanAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/usePelicanAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc,GAAI,QAAQ,mBAAmB
|
|
1
|
+
{"version":3,"file":"usePelicanAuth.d.ts","sourceRoot":"","sources":["../../src/hooks/usePelicanAuth.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AAGrC,eAAO,MAAM,cAAc,GAAI,QAAQ,mBAAmB;;;;;;;;;;CAgEzD,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { PelicanAuthentication, } from "@pelican-identity/auth-core";
|
|
2
|
+
import { useState, useRef, useEffect, useCallback } from "react";
|
|
3
|
+
export const usePelicanAuth = (config) => {
|
|
4
|
+
const [qr, setQr] = useState(null);
|
|
5
|
+
const [deeplink, setDeeplink] = useState(null);
|
|
6
|
+
const [err, seterr] = useState(null);
|
|
7
|
+
const [state, setState] = useState("idle");
|
|
8
|
+
const [successMessage, setSuccessMessage] = useState(null);
|
|
9
|
+
const pelicanRef = useRef(null);
|
|
10
|
+
const success = config.authType === "login"
|
|
11
|
+
? "login"
|
|
12
|
+
: config.authType === "signup"
|
|
13
|
+
? "signup"
|
|
14
|
+
: config.authType === "id-verification"
|
|
15
|
+
? "verification"
|
|
16
|
+
: "authentication";
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const pelican = new PelicanAuthentication(config);
|
|
19
|
+
pelicanRef.current = pelican;
|
|
20
|
+
const unsub = [
|
|
21
|
+
pelican.on("qr", setQr),
|
|
22
|
+
pelican.on("deeplink", setDeeplink),
|
|
23
|
+
pelican.on("success", (identity) => {
|
|
24
|
+
config.onSuccess(identity);
|
|
25
|
+
if (config.continuousMode) {
|
|
26
|
+
setSuccessMessage(`${success} complete!`);
|
|
27
|
+
setTimeout(() => {
|
|
28
|
+
setSuccessMessage(null);
|
|
29
|
+
}, 2000);
|
|
30
|
+
}
|
|
31
|
+
}),
|
|
32
|
+
pelican.on("error", (error) => {
|
|
33
|
+
seterr(error);
|
|
34
|
+
config.onError?.(error);
|
|
35
|
+
}),
|
|
36
|
+
pelican.on("state", setState),
|
|
37
|
+
];
|
|
38
|
+
return () => {
|
|
39
|
+
unsub.forEach((fn) => fn());
|
|
40
|
+
pelican.destroy();
|
|
41
|
+
};
|
|
42
|
+
}, [config.publicKey, config.projectId, config.authType]);
|
|
43
|
+
const start = useCallback(() => {
|
|
44
|
+
pelicanRef.current?.start();
|
|
45
|
+
}, []);
|
|
46
|
+
const stop = useCallback(() => {
|
|
47
|
+
pelicanRef.current?.stop();
|
|
48
|
+
}, []);
|
|
49
|
+
return {
|
|
50
|
+
start,
|
|
51
|
+
stop,
|
|
52
|
+
qr,
|
|
53
|
+
deeplink,
|
|
54
|
+
state,
|
|
55
|
+
isProcessing: ["initializing", "paired", "awaiting-auth"].includes(state),
|
|
56
|
+
isDone: state === "confirmed" || state === "authenticated",
|
|
57
|
+
error: err,
|
|
58
|
+
successMessage,
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
//# sourceMappingURL=usePelicanAuth.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePelicanAuth.js","sourceRoot":"","sources":["../../src/hooks/usePelicanAuth.ts"],"names":[],"mappings":"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"}
|
package/dist/index.css
CHANGED
|
@@ -31,20 +31,41 @@
|
|
|
31
31
|
margin-top: 0.3rem;
|
|
32
32
|
position: relative;
|
|
33
33
|
animation: fadeUp 0.5s ease-out;
|
|
34
|
-
background-color:
|
|
34
|
+
background-color: #fcfcfc;
|
|
35
35
|
border-radius: 2.5rem;
|
|
36
36
|
display: flex;
|
|
37
37
|
flex-direction: column;
|
|
38
38
|
justify-content: space-between;
|
|
39
39
|
align-items: center;
|
|
40
40
|
gap: 1rem;
|
|
41
|
-
height:
|
|
41
|
+
min-height: 320px;
|
|
42
|
+
}
|
|
43
|
+
.js-auth-container {
|
|
44
|
+
width: 300px;
|
|
45
|
+
max-width: fit-content;
|
|
46
|
+
padding: 1rem;
|
|
47
|
+
margin-top: 0.3rem;
|
|
48
|
+
position: relative;
|
|
49
|
+
background-color: #fcfcfc;
|
|
50
|
+
border-radius: 2.5rem;
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-direction: column;
|
|
53
|
+
justify-content: space-between;
|
|
54
|
+
align-items: center;
|
|
55
|
+
gap: 1rem;
|
|
56
|
+
min-height: 320px;
|
|
42
57
|
}
|
|
43
58
|
.close-button {
|
|
44
|
-
background:
|
|
59
|
+
background-color: #2b2b2bff;
|
|
45
60
|
border: none;
|
|
46
61
|
cursor: pointer;
|
|
47
62
|
transition: opacity 0.2s;
|
|
63
|
+
height: 1.5rem;
|
|
64
|
+
width: 1.5rem;
|
|
65
|
+
display: flex;
|
|
66
|
+
align-items: center;
|
|
67
|
+
justify-content: center;
|
|
68
|
+
border-radius: 50%;
|
|
48
69
|
}
|
|
49
70
|
.close-button:hover {
|
|
50
71
|
opacity: 0.6;
|
|
@@ -85,8 +106,8 @@
|
|
|
85
106
|
}
|
|
86
107
|
.main-heading {
|
|
87
108
|
font-size: 0.75rem;
|
|
88
|
-
font-weight:
|
|
89
|
-
color: #
|
|
109
|
+
font-weight: 600;
|
|
110
|
+
color: #585858;
|
|
90
111
|
font-family:
|
|
91
112
|
Onest,
|
|
92
113
|
system-ui,
|
|
@@ -122,8 +143,8 @@
|
|
|
122
143
|
.mobile-auth-container {
|
|
123
144
|
display: flex;
|
|
124
145
|
flex-direction: column;
|
|
125
|
-
gap:
|
|
126
|
-
width:
|
|
146
|
+
gap: 0.7rem;
|
|
147
|
+
width: 253px;
|
|
127
148
|
}
|
|
128
149
|
.logo-container {
|
|
129
150
|
display: flex;
|
|
@@ -133,11 +154,11 @@
|
|
|
133
154
|
.open-app-link {
|
|
134
155
|
display: inline-block;
|
|
135
156
|
padding: 0.75rem 2rem;
|
|
136
|
-
background-color: #
|
|
157
|
+
background-color: #2b2b2bff;
|
|
137
158
|
width: fit-content;
|
|
138
159
|
align-self: center;
|
|
139
160
|
border-radius: 18px;
|
|
140
|
-
color: #
|
|
161
|
+
color: #fff;
|
|
141
162
|
font-weight: 600;
|
|
142
163
|
font-size: 1rem;
|
|
143
164
|
text-decoration: none;
|
|
@@ -175,26 +196,14 @@
|
|
|
175
196
|
align-items: center;
|
|
176
197
|
overflow: hidden;
|
|
177
198
|
border-radius: 2rem;
|
|
178
|
-
|
|
179
|
-
background-color: #fffff5;
|
|
199
|
+
background-color: #fff;
|
|
180
200
|
padding: 0.2rem;
|
|
181
201
|
height: 244px;
|
|
182
202
|
width: 244px;
|
|
183
203
|
}
|
|
184
|
-
.error-text {
|
|
185
|
-
font-weight: 500;
|
|
186
|
-
color: red;
|
|
187
|
-
font-family:
|
|
188
|
-
Onest,
|
|
189
|
-
system-ui,
|
|
190
|
-
Avenir,
|
|
191
|
-
Helvetica,
|
|
192
|
-
Arial,
|
|
193
|
-
sans-serif;
|
|
194
|
-
}
|
|
195
204
|
.qr-image {
|
|
196
|
-
height:
|
|
197
|
-
width:
|
|
205
|
+
height: 90%;
|
|
206
|
+
width: 90%;
|
|
198
207
|
}
|
|
199
208
|
.loader-container {
|
|
200
209
|
display: flex;
|
|
@@ -270,6 +279,30 @@
|
|
|
270
279
|
font-weight: 600;
|
|
271
280
|
margin-top: 0.5rem;
|
|
272
281
|
}
|
|
282
|
+
.error-wrapper {
|
|
283
|
+
display: flex;
|
|
284
|
+
justify-content: center;
|
|
285
|
+
align-items: center;
|
|
286
|
+
text-align: center;
|
|
287
|
+
border-radius: 1.5rem;
|
|
288
|
+
border: 1px solid rgb(255, 236, 236);
|
|
289
|
+
background-color: rgb(255, 255, 255);
|
|
290
|
+
width: 250px;
|
|
291
|
+
height: 80px;
|
|
292
|
+
}
|
|
293
|
+
.error-message {
|
|
294
|
+
font-size: 0.75rem;
|
|
295
|
+
font-weight: 400;
|
|
296
|
+
color: rgb(255, 139, 139);
|
|
297
|
+
font-family:
|
|
298
|
+
Onest,
|
|
299
|
+
system-ui,
|
|
300
|
+
Avenir,
|
|
301
|
+
Helvetica,
|
|
302
|
+
Arial,
|
|
303
|
+
sans-serif;
|
|
304
|
+
max-width: 70%;
|
|
305
|
+
}
|
|
273
306
|
.loader {
|
|
274
307
|
width: 48px;
|
|
275
308
|
height: 48px;
|
|
@@ -287,35 +320,39 @@
|
|
|
287
320
|
background-image:
|
|
288
321
|
radial-gradient(
|
|
289
322
|
circle 10px,
|
|
290
|
-
#
|
|
323
|
+
#585858 100%,
|
|
324
|
+
transparent 0),
|
|
325
|
+
radial-gradient(
|
|
326
|
+
circle 10px,
|
|
327
|
+
#585858 100%,
|
|
291
328
|
transparent 0),
|
|
292
329
|
radial-gradient(
|
|
293
330
|
circle 10px,
|
|
294
|
-
#
|
|
331
|
+
#585858 100%,
|
|
295
332
|
transparent 0),
|
|
296
333
|
radial-gradient(
|
|
297
334
|
circle 10px,
|
|
298
|
-
#
|
|
335
|
+
#585858 100%,
|
|
299
336
|
transparent 0),
|
|
300
337
|
radial-gradient(
|
|
301
338
|
circle 10px,
|
|
302
|
-
#
|
|
339
|
+
#585858 100%,
|
|
303
340
|
transparent 0),
|
|
304
341
|
radial-gradient(
|
|
305
342
|
circle 10px,
|
|
306
|
-
#
|
|
343
|
+
#585858 100%,
|
|
307
344
|
transparent 0),
|
|
308
345
|
radial-gradient(
|
|
309
346
|
circle 10px,
|
|
310
|
-
#
|
|
347
|
+
#585858 100%,
|
|
311
348
|
transparent 0),
|
|
312
349
|
radial-gradient(
|
|
313
350
|
circle 10px,
|
|
314
|
-
#
|
|
351
|
+
#585858 100%,
|
|
315
352
|
transparent 0),
|
|
316
353
|
radial-gradient(
|
|
317
354
|
circle 10px,
|
|
318
|
-
#
|
|
355
|
+
#585858 100%,
|
|
319
356
|
transparent 0);
|
|
320
357
|
background-position:
|
|
321
358
|
0em -18em,
|
|
@@ -333,7 +370,7 @@
|
|
|
333
370
|
}
|
|
334
371
|
.loader::after {
|
|
335
372
|
font-size: 1px;
|
|
336
|
-
background: #
|
|
373
|
+
background: #585858;
|
|
337
374
|
animation: bounce 1s ease-in infinite;
|
|
338
375
|
}
|
|
339
376
|
@keyframes bounce {
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/pelican.css"],"sourcesContent":["@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes successPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}\n\n.auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n animation: fadeUp 0.5s ease-out;\n background-color: rgb(253, 253, 253);\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n height: 400px;\n}\n\n.close-button {\n background: none;\n border: none;\n cursor: pointer;\n transition: opacity 0.2s;\n}\n\n.close-button:hover {\n opacity: 0.6;\n}\n\n.close-icon {\n width: 1.5rem;\n height: 1.5rem;\n fill: #000000;\n}\n\n.retry-container {\n text-align: center;\n padding: 3rem 0;\n}\n\n.retry-container > div:first-child {\n margin-bottom: 1rem;\n}\n\n.retry-text {\n font-size: 1.125rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n}\n\n.unpaired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n}\n\n.main-heading {\n font-size: 0.75rem;\n font-weight: 700;\n color: #121212;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n@media (min-width: 1024px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.mobile-auth-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n width: 300px;\n}\n\n.logo-container {\n display: flex;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.open-app-link {\n display: inline-block;\n padding: 0.75rem 2rem;\n background-color: #000000;\n width: fit-content;\n align-self: center;\n\n border-radius: 18px;\n color: #d9eb1b;\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n transition: background-color 0.2s;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.open-app-link:hover {\n background-color: rgba(217, 235, 27, 0.9);\n color: #000;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: #6b7280;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n}\n\n.qr-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: 2rem;\n border: 1px solid #d9eb1b;\n background-color: #fffff5;\n padding: 0.2rem;\n height: 244px;\n width: 244px;\n}\n\n.error-text {\n font-weight: 500;\n color: red;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-image {\n height: 100%;\n width: 100%;\n}\n\n.loader-container {\n display: flex;\n justify-content: center;\n}\n\n.instruction-text {\n font-size: 0.875rem;\n color: #9ca3af;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.paired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 250px;\n}\n\n.paired-heading {\n font-size: 1rem;\n font-weight: 800;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .paired-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.success-message {\n background-color: #121212;\n color: #d9eb1b;\n padding: 0.5rem 1rem;\n border-radius: 1.3rem;\n font-weight: 700;\n font-size: 1rem;\n animation: successPulse 0.2s ease-in-out;\n margin: 0.5rem 0;\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n width: 300px;\n max-width: fit-content;\n}\n\n.auto-renew-badge {\n display: inline-block;\n background-color: rgba(217, 235, 27, 0.2);\n border: 1px solid #d9eb1b;\n color: #d9eb1b;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n}\n\n.loader {\n width: 48px;\n height: 48px;\n position: relative;\n}\n.loader::before,\n.loader::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 48em;\n height: 48em;\n background-image: radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0),\n radial-gradient(circle 10px, #d9eb1b 100%, transparent 0);\n background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,\n -13em -13em, 13em 13em, -13em 13em;\n background-repeat: no-repeat;\n font-size: 0.5px;\n border-radius: 50%;\n animation: blast 1s ease-in infinite;\n}\n.loader::after {\n font-size: 1px;\n background: #d9eb1b;\n animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n 0%,\n 100% {\n font-size: 0.75px;\n }\n 50% {\n font-size: 1.5px;\n }\n}\n@keyframes blast {\n 0%,\n 40% {\n font-size: 0.5px;\n }\n 70% {\n opacity: 1;\n font-size: 4px;\n }\n 100% {\n font-size: 6px;\n opacity: 0;\n }\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/pelican.css"],"sourcesContent":["@keyframes fadeUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes successPulse {\n 0%,\n 100% {\n transform: scale(1);\n opacity: 1;\n }\n 50% {\n transform: scale(1.05);\n opacity: 0.9;\n }\n}\n\n.auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n animation: fadeUp 0.5s ease-out;\n background-color: #fcfcfc;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n.js-auth-container {\n width: 300px;\n max-width: fit-content;\n padding: 1rem;\n margin-top: 0.3rem;\n position: relative;\n background-color: #fcfcfc;\n border-radius: 2.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n min-height: 320px;\n}\n\n.close-button {\n background-color: #2b2b2bff;\n border: none;\n cursor: pointer;\n transition: opacity 0.2s;\n height: 1.5rem;\n width: 1.5rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n}\n\n.close-button:hover {\n opacity: 0.6;\n}\n\n.close-icon {\n width: 1.5rem;\n height: 1.5rem;\n fill: #000000;\n}\n\n.retry-container {\n text-align: center;\n padding: 3rem 0;\n}\n\n.retry-container > div:first-child {\n margin-bottom: 1rem;\n}\n\n.retry-text {\n font-size: 1.125rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.content-wrapper {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 2rem;\n}\n\n.unpaired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n}\n\n.main-heading {\n font-size: 0.75rem;\n font-weight: 600;\n color: #585858;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n@media (min-width: 1024px) {\n .main-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.mobile-auth-container {\n display: flex;\n flex-direction: column;\n gap: 0.7rem;\n width: 253px;\n}\n\n.logo-container {\n display: flex;\n justify-content: center;\n padding: 2rem 0;\n}\n\n.open-app-link {\n display: inline-block;\n padding: 0.75rem 2rem;\n background-color: #2b2b2bff;\n width: fit-content;\n align-self: center;\n\n border-radius: 18px;\n color: #fff;\n font-weight: 600;\n font-size: 1rem;\n text-decoration: none;\n transition: background-color 0.2s;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.open-app-link:hover {\n background-color: rgba(217, 235, 27, 0.9);\n color: #000;\n}\n\n.helper-text {\n font-size: 0.75rem;\n color: #6b7280;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.qr-container {\n display: flex;\n justify-content: center;\n}\n\n.qr-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n border-radius: 2rem;\n background-color: #fff;\n padding: 0.2rem;\n height: 244px;\n width: 244px;\n}\n\n.qr-image {\n height: 90%;\n width: 90%;\n}\n\n.loader-container {\n display: flex;\n justify-content: center;\n}\n\n.instruction-text {\n font-size: 0.875rem;\n color: #9ca3af;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n.paired-container {\n text-align: center;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 250px;\n}\n\n.paired-heading {\n font-size: 1rem;\n font-weight: 800;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n}\n\n@media (min-width: 768px) {\n .paired-heading {\n font-size: 1rem;\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n }\n}\n\n.success-message {\n background-color: #121212;\n color: #d9eb1b;\n padding: 0.5rem 1rem;\n border-radius: 1.3rem;\n font-weight: 700;\n font-size: 1rem;\n animation: successPulse 0.2s ease-in-out;\n margin: 0.5rem 0;\n font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;\n width: 300px;\n max-width: fit-content;\n}\n\n.auto-renew-badge {\n display: inline-block;\n background-color: rgba(217, 235, 27, 0.2);\n border: 1px solid #d9eb1b;\n color: #d9eb1b;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-top: 0.5rem;\n}\n\n.error-wrapper {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 1.5rem;\n border: 1px solid rgb(255, 236, 236);\n background-color: rgb(255, 255, 255);\n width: 250px;\n height: 80px;\n}\n\n.error-message {\n font-size: 0.75rem;\n font-weight: 400;\n color: rgb(255, 139, 139);\n font-family: Onest, system-ui, Avenir, Helvetica, Arial, sans-serif;\n max-width: 70%;\n}\n\n.loader {\n width: 48px;\n height: 48px;\n position: relative;\n}\n.loader::before,\n.loader::after {\n content: \"\";\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 48em;\n height: 48em;\n background-image: radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0),\n radial-gradient(circle 10px, #585858 100%, transparent 0);\n background-position: 0em -18em, 0em 18em, 18em 0em, -18em 0em, 13em -13em,\n -13em -13em, 13em 13em, -13em 13em;\n background-repeat: no-repeat;\n font-size: 0.5px;\n border-radius: 50%;\n animation: blast 1s ease-in infinite;\n}\n.loader::after {\n font-size: 1px;\n background: #585858;\n animation: bounce 1s ease-in infinite;\n}\n\n@keyframes bounce {\n 0%,\n 100% {\n font-size: 0.75px;\n }\n 50% {\n font-size: 1.5px;\n }\n}\n@keyframes blast {\n 0%,\n 40% {\n font-size: 0.5px;\n }\n 70% {\n opacity: 1;\n font-size: 4px;\n }\n 100% {\n font-size: 6px;\n opacity: 0;\n }\n}\n"],"mappings":"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","names":[]}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
declare const PelicanAuth: (config: PelicanWebAuthProps) => react_jsx_runtime.JSX.Element;
|
|
6
|
-
|
|
7
|
-
export { PelicanAuth };
|
|
1
|
+
export { default as PelicanAuth } from "./components/PelicanAuth";
|
|
2
|
+
export type * from "@pelican-identity/auth-core";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|