@ipulsehq/auth-ui 1.3.3 → 1.3.4
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.
|
@@ -4,12 +4,13 @@ export interface IPulseRedirectSignInProps {
|
|
|
4
4
|
callbackUrl?: string;
|
|
5
5
|
/** Button text (default: "Inloggen via iPulse") */
|
|
6
6
|
buttonText?: string;
|
|
7
|
-
/** Subtext below the
|
|
7
|
+
/** Subtext below the title (default: "Je wordt doorgestuurd naar iPulse om in te loggen.") */
|
|
8
8
|
subText?: string;
|
|
9
9
|
}
|
|
10
10
|
/**
|
|
11
11
|
* Generic sign-in page for iPulse OAuth clients.
|
|
12
|
-
* Shows a
|
|
12
|
+
* Shows a branded iPulse card with a button to initiate the OAuth redirect.
|
|
13
|
+
* Use in PulseFiles, PulseSync, PulseGuard, etc.
|
|
13
14
|
*/
|
|
14
15
|
export declare const IPulseRedirectSignIn: React.FC<IPulseRedirectSignInProps>;
|
|
15
16
|
//# sourceMappingURL=IPulseRedirectSignIn.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPulseRedirectSignIn.d.ts","sourceRoot":"","sources":["../src/IPulseRedirectSignIn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"IPulseRedirectSignIn.d.ts","sourceRoot":"","sources":["../src/IPulseRedirectSignIn.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,yBAAyB;IACxC,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuHpE,CAAC"}
|
|
@@ -38,9 +38,15 @@ exports.IPulseRedirectSignIn = void 0;
|
|
|
38
38
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
39
|
const React = __importStar(require("react"));
|
|
40
40
|
const react_1 = require("next-auth/react");
|
|
41
|
+
const AuthCard_1 = require("./shared/AuthCard");
|
|
42
|
+
const AuthFooter_1 = require("./shared/AuthFooter");
|
|
43
|
+
const AuthButton_1 = require("./shared/AuthButton");
|
|
44
|
+
const utils_1 = require("./utils");
|
|
45
|
+
const styles_1 = require("./shared/styles");
|
|
41
46
|
/**
|
|
42
47
|
* Generic sign-in page for iPulse OAuth clients.
|
|
43
|
-
* Shows a
|
|
48
|
+
* Shows a branded iPulse card with a button to initiate the OAuth redirect.
|
|
49
|
+
* Use in PulseFiles, PulseSync, PulseGuard, etc.
|
|
44
50
|
*/
|
|
45
51
|
const IPulseRedirectSignIn = ({ callbackUrl = '/', buttonText = 'Inloggen via iPulse', subText = 'Je wordt doorgestuurd naar iPulse om in te loggen.', }) => {
|
|
46
52
|
const [loading, setLoading] = React.useState(false);
|
|
@@ -53,47 +59,46 @@ const IPulseRedirectSignIn = ({ callbackUrl = '/', buttonText = 'Inloggen via iP
|
|
|
53
59
|
display: 'flex',
|
|
54
60
|
alignItems: 'center',
|
|
55
61
|
justifyContent: 'center',
|
|
56
|
-
padding: '
|
|
57
|
-
backgroundColor: 'var(--background, #
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
62
|
+
padding: '1.5rem',
|
|
63
|
+
backgroundColor: 'var(--color-background, #f9fafb)',
|
|
64
|
+
fontFamily: 'inherit',
|
|
65
|
+
}, children: [(0, jsx_runtime_1.jsxs)(AuthCard_1.AuthCard, { children: [(0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', marginBottom: '2rem' }, children: [(0, jsx_runtime_1.jsx)("div", { style: { display: 'flex', justifyContent: 'center', marginBottom: '1.125rem' }, children: (0, jsx_runtime_1.jsx)("div", { style: {
|
|
66
|
+
width: 52,
|
|
67
|
+
height: 52,
|
|
68
|
+
borderRadius: utils_1.cssVars.radius.lg,
|
|
69
|
+
overflow: 'hidden',
|
|
70
|
+
display: 'flex',
|
|
71
|
+
alignItems: 'center',
|
|
72
|
+
justifyContent: 'center',
|
|
73
|
+
background: utils_1.cssVars.muted,
|
|
74
|
+
border: `1px solid ${utils_1.cssVars.borderMuted}`,
|
|
75
|
+
flexShrink: 0,
|
|
76
|
+
}, children: (0, jsx_runtime_1.jsx)("img", { src: "https://ipulse.one/favicon-32x32.png", alt: "iPulse", width: 32, height: 32, style: { display: 'block', imageRendering: 'auto' } }) }) }), (0, jsx_runtime_1.jsx)("h1", { style: {
|
|
77
|
+
fontSize: '1.5rem',
|
|
78
|
+
fontWeight: 700,
|
|
79
|
+
margin: '0 0 0.375rem 0',
|
|
80
|
+
letterSpacing: '-0.025em',
|
|
81
|
+
lineHeight: 1.2,
|
|
82
|
+
color: utils_1.cssVars.fg,
|
|
63
83
|
}, children: "Welkom" }), (0, jsx_runtime_1.jsx)("p", { style: {
|
|
64
|
-
fontSize: '0.875rem',
|
|
65
|
-
color: 'var(--color-muted-foreground, #71717a)',
|
|
66
84
|
margin: 0,
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
}, children: [loading && ((0, jsx_runtime_1.jsx)("span", { style: {
|
|
85
|
-
width: '1rem',
|
|
86
|
-
height: '1rem',
|
|
87
|
-
border: '2px solid currentColor',
|
|
88
|
-
borderTopColor: 'transparent',
|
|
89
|
-
borderRadius: '50%',
|
|
90
|
-
display: 'inline-block',
|
|
91
|
-
animation: 'spin 0.6s linear infinite',
|
|
92
|
-
} })), loading ? 'Doorsturen...' : buttonText] }), (0, jsx_runtime_1.jsx)("p", { style: {
|
|
93
|
-
marginTop: '1.5rem',
|
|
94
|
-
fontSize: '0.75rem',
|
|
95
|
-
color: 'var(--color-muted-foreground, #71717a)',
|
|
96
|
-
}, children: "Beveiligd door iPulse Auth" })] }), (0, jsx_runtime_1.jsx)("style", { children: `@keyframes spin { to { transform: rotate(360deg); } }` })] }));
|
|
85
|
+
fontSize: '0.9375rem',
|
|
86
|
+
color: utils_1.cssVars.mutedFg,
|
|
87
|
+
lineHeight: 1.55,
|
|
88
|
+
}, children: subText })] }), (0, jsx_runtime_1.jsxs)(AuthButton_1.AuthPrimaryButton, { type: "button", onClick: handleSignIn, loading: loading, loadingText: "Doorsturen...", children: [!loading && ((0, jsx_runtime_1.jsx)("span", { style: {
|
|
89
|
+
display: 'flex',
|
|
90
|
+
alignItems: 'center',
|
|
91
|
+
justifyContent: 'center',
|
|
92
|
+
width: 18,
|
|
93
|
+
height: 18,
|
|
94
|
+
flexShrink: 0,
|
|
95
|
+
}, children: (0, jsx_runtime_1.jsx)("img", { src: "https://ipulse.one/favicon-32x32.png", alt: "", "aria-hidden": "true", width: 18, height: 18, style: { display: 'block', borderRadius: 3, imageRendering: 'auto' } }) })), buttonText] }), (0, jsx_runtime_1.jsx)(AuthFooter_1.AuthFooter, { text: "Beveiligd door iPulse Auth" })] }), (0, jsx_runtime_1.jsx)("style", { children: `
|
|
96
|
+
${styles_1.AUTH_KEYFRAMES}
|
|
97
|
+
@keyframes ipulse-redirect-pulse {
|
|
98
|
+
0%, 100% { opacity: 1; }
|
|
99
|
+
50% { opacity: 0.55; }
|
|
100
|
+
}
|
|
101
|
+
` })] }));
|
|
97
102
|
};
|
|
98
103
|
exports.IPulseRedirectSignIn = IPulseRedirectSignIn;
|
|
99
104
|
//# sourceMappingURL=IPulseRedirectSignIn.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IPulseRedirectSignIn.js","sourceRoot":"","sources":["../src/IPulseRedirectSignIn.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,6CAA+B;AAC/B,2CAAyC;
|
|
1
|
+
{"version":3,"file":"IPulseRedirectSignIn.js","sourceRoot":"","sources":["../src/IPulseRedirectSignIn.tsx"],"names":[],"mappings":"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"}
|