@ory/elements-react 1.0.0-rc.1 → 1.0.0-rc.2
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/CHANGELOG.md +32 -0
- package/dist/index.d.mts +49 -19
- package/dist/index.d.ts +49 -19
- package/dist/index.js +48 -26
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +49 -27
- package/dist/index.mjs.map +1 -1
- package/dist/theme/default/index.css +9 -3
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.js +641 -551
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +580 -485
- package/dist/theme/default/index.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -45,8 +45,6 @@ import { useIntl as useIntl9 } from "react-intl";
|
|
|
45
45
|
|
|
46
46
|
// src/theme/default/utils/url.ts
|
|
47
47
|
function restartFlowUrl(flow, fallback) {
|
|
48
|
-
if (flow.requested_aal === "aal2")
|
|
49
|
-
return appendRefresh(appendAal(fallback, "aal1"), true);
|
|
50
48
|
return flow.request_url || appendReturnTo(fallback, flow.return_to);
|
|
51
49
|
}
|
|
52
50
|
function initFlowUrl(sdkUrl, flowType, flow) {
|
|
@@ -76,16 +74,6 @@ function appendReturnTo(url, returnTo) {
|
|
|
76
74
|
urlObj.searchParams.set("return_to", returnTo);
|
|
77
75
|
return urlObj.toString();
|
|
78
76
|
}
|
|
79
|
-
function appendAal(url, aal) {
|
|
80
|
-
const urlObj = new URL(url);
|
|
81
|
-
urlObj.searchParams.set("aal", aal);
|
|
82
|
-
return urlObj.toString();
|
|
83
|
-
}
|
|
84
|
-
function appendRefresh(url, refresh) {
|
|
85
|
-
const urlObj = new URL(url);
|
|
86
|
-
urlObj.searchParams.set("refresh", refresh ? "true" : "false");
|
|
87
|
-
return urlObj.toString();
|
|
88
|
-
}
|
|
89
77
|
|
|
90
78
|
// src/util/ui/index.ts
|
|
91
79
|
import {
|
|
@@ -191,7 +179,7 @@ function findScreenSelectionButton(nodes) {
|
|
|
191
179
|
}
|
|
192
180
|
|
|
193
181
|
// src/components/card/two-step/state-select-method.tsx
|
|
194
|
-
import { UiNodeGroupEnum as
|
|
182
|
+
import { UiNodeGroupEnum as UiNodeGroupEnum15 } from "@ory/client-fetch";
|
|
195
183
|
|
|
196
184
|
// src/context/flow-context.tsx
|
|
197
185
|
import {
|
|
@@ -253,6 +241,7 @@ function frontendClient(sdkUrl, opts = {}) {
|
|
|
253
241
|
const config = new Configuration({
|
|
254
242
|
...opts,
|
|
255
243
|
basePath: sdkUrl,
|
|
244
|
+
credentials: "include",
|
|
256
245
|
headers: {
|
|
257
246
|
Accept: "application/json",
|
|
258
247
|
...opts.headers
|
|
@@ -301,6 +290,9 @@ import { isUiNodeInputAttributes as isUiNodeInputAttributes3 } from "@ory/client
|
|
|
301
290
|
// src/components/form/form.tsx
|
|
302
291
|
import { jsx as jsx6 } from "react/jsx-runtime";
|
|
303
292
|
|
|
293
|
+
// src/components/form/groups.tsx
|
|
294
|
+
import { getNodeId } from "@ory/client-fetch";
|
|
295
|
+
|
|
304
296
|
// src/components/form/nodes/input.tsx
|
|
305
297
|
import {
|
|
306
298
|
UiNodeGroupEnum as UiNodeGroupEnum6,
|
|
@@ -329,12 +321,13 @@ import { jsx as jsx10 } from "react/jsx-runtime";
|
|
|
329
321
|
|
|
330
322
|
// src/components/form/social.tsx
|
|
331
323
|
import {
|
|
332
|
-
|
|
324
|
+
getNodeId as getNodeId2,
|
|
325
|
+
UiNodeGroupEnum as UiNodeGroupEnum10
|
|
333
326
|
} from "@ory/client-fetch";
|
|
334
327
|
import { useFormContext as useFormContext4 } from "react-hook-form";
|
|
335
328
|
|
|
336
329
|
// src/components/form/form-provider.tsx
|
|
337
|
-
import { UiNodeGroupEnum as
|
|
330
|
+
import { UiNodeGroupEnum as UiNodeGroupEnum9 } from "@ory/client-fetch";
|
|
338
331
|
import { FormProvider, useForm } from "react-hook-form";
|
|
339
332
|
|
|
340
333
|
// src/components/form/form-resolver.ts
|
|
@@ -351,7 +344,7 @@ import { useFormContext as useFormContext5 } from "react-hook-form";
|
|
|
351
344
|
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
352
345
|
|
|
353
346
|
// src/components/generic/divider.tsx
|
|
354
|
-
import { UiNodeGroupEnum as
|
|
347
|
+
import { UiNodeGroupEnum as UiNodeGroupEnum11 } from "@ory/client-fetch";
|
|
355
348
|
import { jsx as jsx14 } from "react/jsx-runtime";
|
|
356
349
|
|
|
357
350
|
// src/components/generic/page-header.tsx
|
|
@@ -360,7 +353,8 @@ import { jsx as jsx15 } from "react/jsx-runtime";
|
|
|
360
353
|
// src/components/settings/settings-card.tsx
|
|
361
354
|
import {
|
|
362
355
|
isUiNodeScriptAttributes as isUiNodeScriptAttributes4,
|
|
363
|
-
UiNodeGroupEnum as
|
|
356
|
+
UiNodeGroupEnum as UiNodeGroupEnum12,
|
|
357
|
+
getNodeId as getNodeId3
|
|
364
358
|
} from "@ory/client-fetch";
|
|
365
359
|
import { useIntl as useIntl7 } from "react-intl";
|
|
366
360
|
|
|
@@ -682,9 +676,11 @@ var en_default = {
|
|
|
682
676
|
"card.header.parts.oidc": "a social provider",
|
|
683
677
|
"card.header.parts.password.registration": "your {identifierLabel} and a password",
|
|
684
678
|
"card.header.parts.password.login": "your {identifierLabel} and password",
|
|
685
|
-
"card.header.parts.code": "a code sent to
|
|
679
|
+
"card.header.parts.code": "a code sent to you",
|
|
686
680
|
"card.header.parts.passkey": "a Passkey",
|
|
687
681
|
"card.header.parts.webauthn": "a security key",
|
|
682
|
+
"card.header.parts.totp": "your authenticator app",
|
|
683
|
+
"card.header.parts.lookup_secret": "a backup recovery code",
|
|
688
684
|
"card.header.parts.identifier-first": "your {identifierLabel}",
|
|
689
685
|
"card.header.description.login": "Sign in with {identifierLabel}",
|
|
690
686
|
"card.header.description.registration": "Sign up with {identifierLabel}",
|
|
@@ -932,13 +928,15 @@ var de_default = {
|
|
|
932
928
|
"identities.messages.4010009": "Die Authentifizierungsmethode stimmt nicht mit der vorherigen Authentifizierungsmethode \xFCberein. Bitte versuchen Sie es erneut.",
|
|
933
929
|
"identities.messages.4010010": "Die eingegebene Adresse stimmt nicht mit der Adresse \xFCberein, die Sie bei der Registrierung angegeben haben. Bitte versuchen Sie es erneut.",
|
|
934
930
|
"input.placeholder": "{placeholder} eingeben",
|
|
935
|
-
"card.header.parts.code": "
|
|
931
|
+
"card.header.parts.code": "ein an Sie gesendeter Code",
|
|
936
932
|
"card.header.parts.identifier-first": "Ihr {identifierLabel}",
|
|
937
933
|
"card.header.parts.oidc": "ein sozialer Anbieter",
|
|
938
934
|
"card.header.parts.passkey": "ein Passkey",
|
|
939
935
|
"card.header.parts.password.login": "Ihrer {identifierLabel} und Ihrem Passwort",
|
|
940
936
|
"card.header.parts.password.registration": "Ihrer {identifierLabel} und einem Passwort",
|
|
941
937
|
"card.header.parts.webauthn": "ein Sicherheitsschl\xFCssel",
|
|
938
|
+
"card.header.parts.totp": "deine Authentifikator-App",
|
|
939
|
+
"card.header.parts.lookup_secret": "ein Backup-Wiederherstellungscode",
|
|
942
940
|
"recovery.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um einen einmaligen Zugangscode zu erhalten",
|
|
943
941
|
"verification.subtitle": "Geben Sie die mit Ihrem Konto verkn\xFCpfte E-Mail-Adresse ein, um es zu best\xE4tigen",
|
|
944
942
|
"card.header.description.login": "Melden Sie sich mit {identifierLabel} an",
|
|
@@ -1277,6 +1275,8 @@ var es_default = {
|
|
|
1277
1275
|
"card.header.parts.code": "un c\xF3digo enviado a tu correo electr\xF3nico",
|
|
1278
1276
|
"card.header.parts.passkey": "una clave de acceso",
|
|
1279
1277
|
"card.header.parts.webauthn": "una clave de seguridad",
|
|
1278
|
+
"card.header.parts.totp": "su aplicaci\xF3n de autenticaci\xF3n",
|
|
1279
|
+
"card.header.parts.lookup_secret": "un c\xF3digo de recuperaci\xF3n de copia de seguridad",
|
|
1280
1280
|
"card.header.parts.identifier-first": "tu {identifierLabel}",
|
|
1281
1281
|
"card.header.description.login": "Iniciar sesi\xF3n con {identifierLabel}",
|
|
1282
1282
|
"card.header.description.registration": "Registrarse con {identifierLabel}",
|
|
@@ -1554,10 +1554,12 @@ var fr_default = {
|
|
|
1554
1554
|
"card.header.parts.oidc": "un fournisseur de r\xE9seaux sociaux",
|
|
1555
1555
|
"card.header.parts.password.registration": "votre {identifierLabel} et un mot de passe",
|
|
1556
1556
|
"card.header.parts.password.login": "votre {identifierLabel} et votre mot de passe",
|
|
1557
|
-
"card.header.parts.code": "un code envoy\xE9 \xE0 votre adresse e-mail",
|
|
1558
1557
|
"card.header.parts.passkey": "une cl\xE9 d'acc\xE8s",
|
|
1559
1558
|
"card.header.parts.webauthn": "une cl\xE9 de s\xE9curit\xE9",
|
|
1560
1559
|
"card.header.parts.identifier-first": "votre {identifierLabel}",
|
|
1560
|
+
"card.header.parts.code": "un code qui vous a \xE9t\xE9 envoy\xE9",
|
|
1561
|
+
"card.header.parts.totp": "votre application d'authentification",
|
|
1562
|
+
"card.header.parts.lookup_secret": "un code de r\xE9cup\xE9ration de secours",
|
|
1561
1563
|
"card.header.description.login": "Se connecter avec {identifierLabel}",
|
|
1562
1564
|
"card.header.description.registration": "S'inscrire avec {identifierLabel}",
|
|
1563
1565
|
"misc.or": "ou",
|
|
@@ -1800,7 +1802,9 @@ var nl_default = {
|
|
|
1800
1802
|
"input.placeholder": "",
|
|
1801
1803
|
"card.header.description.login": "",
|
|
1802
1804
|
"card.header.description.registration": "",
|
|
1803
|
-
"card.header.parts.code": "",
|
|
1805
|
+
"card.header.parts.code": "een code die naar je is verzonden",
|
|
1806
|
+
"card.header.parts.totp": "je authenticator-app",
|
|
1807
|
+
"card.header.parts.lookup_secret": "een backup herstelcode",
|
|
1804
1808
|
"card.header.parts.identifier-first": "",
|
|
1805
1809
|
"card.header.parts.oidc": "",
|
|
1806
1810
|
"card.header.parts.passkey": "",
|
|
@@ -2085,13 +2089,15 @@ var pl_default = {
|
|
|
2085
2089
|
"input.placeholder": "",
|
|
2086
2090
|
"card.header.description.login": "",
|
|
2087
2091
|
"card.header.description.registration": "",
|
|
2088
|
-
"card.header.parts.code": "",
|
|
2089
2092
|
"card.header.parts.identifier-first": "",
|
|
2090
2093
|
"card.header.parts.oidc": "",
|
|
2091
2094
|
"card.header.parts.passkey": "",
|
|
2092
2095
|
"card.header.parts.password.login": "",
|
|
2093
2096
|
"card.header.parts.password.registration": "",
|
|
2094
2097
|
"card.header.parts.webauthn": "",
|
|
2098
|
+
"card.header.parts.code": "kod wys\u0142any do Ciebie",
|
|
2099
|
+
"card.header.parts.totp": "Twoja aplikacja uwierzytelniaj\u0105ca",
|
|
2100
|
+
"card.header.parts.lookup_secret": "kod odzyskiwania kopii zapasowej",
|
|
2095
2101
|
"forms.label.forgot-password": "",
|
|
2096
2102
|
"login.subtitle": "",
|
|
2097
2103
|
"login.subtitle-refresh": "",
|
|
@@ -2370,7 +2376,9 @@ var pt_default = {
|
|
|
2370
2376
|
"input.placeholder": "",
|
|
2371
2377
|
"card.header.description.login": "",
|
|
2372
2378
|
"card.header.description.registration": "",
|
|
2373
|
-
"card.header.parts.code": "",
|
|
2379
|
+
"card.header.parts.code": "um c\xF3digo enviado para voc\xEA",
|
|
2380
|
+
"card.header.parts.totp": "seu aplicativo autenticador",
|
|
2381
|
+
"card.header.parts.lookup_secret": "um c\xF3digo de recupera\xE7\xE3o de backup",
|
|
2374
2382
|
"card.header.parts.identifier-first": "",
|
|
2375
2383
|
"card.header.parts.oidc": "",
|
|
2376
2384
|
"card.header.parts.passkey": "",
|
|
@@ -2655,7 +2663,9 @@ var sv_default = {
|
|
|
2655
2663
|
"input.placeholder": "Ange din {placeholder}",
|
|
2656
2664
|
"card.header.description.login": "Logga in med {identifierLabel}",
|
|
2657
2665
|
"card.header.description.registration": "Registrera dig med {identifierLabel}",
|
|
2658
|
-
"card.header.parts.code": "en kod skickad till
|
|
2666
|
+
"card.header.parts.code": "en kod skickad till dig",
|
|
2667
|
+
"card.header.parts.totp": "din autentiseringsapp",
|
|
2668
|
+
"card.header.parts.lookup_secret": "en s\xE4kerhetskopieringskod",
|
|
2659
2669
|
"card.header.parts.identifier-first": "din {identifierLabel}",
|
|
2660
2670
|
"card.header.parts.oidc": "en social leverant\xF6r",
|
|
2661
2671
|
"card.header.parts.passkey": "en Passkey",
|
|
@@ -2787,12 +2797,12 @@ import { jsx as jsx27 } from "react/jsx-runtime";
|
|
|
2787
2797
|
// src/components/card/two-step/state-method-active.tsx
|
|
2788
2798
|
import {
|
|
2789
2799
|
isUiNodeScriptAttributes as isUiNodeScriptAttributes5,
|
|
2790
|
-
UiNodeGroupEnum as
|
|
2800
|
+
UiNodeGroupEnum as UiNodeGroupEnum13
|
|
2791
2801
|
} from "@ory/client-fetch";
|
|
2792
2802
|
import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
2793
2803
|
|
|
2794
2804
|
// src/components/card/two-step/state-provide-identifier.tsx
|
|
2795
|
-
import { UiNodeGroupEnum as
|
|
2805
|
+
import { UiNodeGroupEnum as UiNodeGroupEnum14 } from "@ory/client-fetch";
|
|
2796
2806
|
import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2797
2807
|
|
|
2798
2808
|
// src/components/card/card-two-step.tsx
|
|
@@ -2800,6 +2810,7 @@ import { useOryFlow as useOryFlow2 } from "@ory/elements-react";
|
|
|
2800
2810
|
import { Fragment as Fragment7, jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2801
2811
|
|
|
2802
2812
|
// src/components/card/card-consent.tsx
|
|
2813
|
+
import { getNodeId as getNodeId4 } from "@ory/client-fetch";
|
|
2803
2814
|
import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
2804
2815
|
|
|
2805
2816
|
// src/components/card/two-step/state-select-method.tsx
|
|
@@ -2814,22 +2825,47 @@ import { jsx as jsx32 } from "react/jsx-runtime";
|
|
|
2814
2825
|
import { jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
2815
2826
|
function toAuthMethodPickerOptions(visibleGroups) {
|
|
2816
2827
|
return Object.fromEntries(
|
|
2817
|
-
Object.values(
|
|
2828
|
+
Object.values(UiNodeGroupEnum15).filter((group) => {
|
|
2818
2829
|
var _a;
|
|
2819
2830
|
return (_a = visibleGroups[group]) == null ? void 0 : _a.length;
|
|
2820
2831
|
}).filter(
|
|
2821
2832
|
(group) => ![
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
-
|
|
2833
|
+
UiNodeGroupEnum15.Oidc,
|
|
2834
|
+
UiNodeGroupEnum15.Saml,
|
|
2835
|
+
UiNodeGroupEnum15.Default,
|
|
2836
|
+
UiNodeGroupEnum15.IdentifierFirst,
|
|
2837
|
+
UiNodeGroupEnum15.Profile,
|
|
2838
|
+
UiNodeGroupEnum15.Captcha
|
|
2828
2839
|
].includes(group)
|
|
2829
2840
|
).map((g) => [g, {}])
|
|
2830
2841
|
);
|
|
2831
2842
|
}
|
|
2832
2843
|
|
|
2844
|
+
// src/theme/default/utils/logout.ts
|
|
2845
|
+
import { useCallback, useEffect as useEffect2, useState as useState3 } from "react";
|
|
2846
|
+
function useClientLogout(config) {
|
|
2847
|
+
const [logoutFlow, setLogoutFlow] = useState3();
|
|
2848
|
+
const [isLoading, setIsLoading] = useState3(true);
|
|
2849
|
+
const fetchLogoutFlow = useCallback(async () => {
|
|
2850
|
+
try {
|
|
2851
|
+
const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow().catch((err) => {
|
|
2852
|
+
var _a;
|
|
2853
|
+
if (((_a = err.response) == null ? void 0 : _a.status) !== 401) {
|
|
2854
|
+
throw err;
|
|
2855
|
+
}
|
|
2856
|
+
return void 0;
|
|
2857
|
+
});
|
|
2858
|
+
setLogoutFlow(flow);
|
|
2859
|
+
} finally {
|
|
2860
|
+
setIsLoading(false);
|
|
2861
|
+
}
|
|
2862
|
+
}, [config.sdk.url]);
|
|
2863
|
+
useEffect2(() => {
|
|
2864
|
+
void fetchLogoutFlow();
|
|
2865
|
+
}, [fetchLogoutFlow]);
|
|
2866
|
+
return { logoutFlow, didLoad: !isLoading };
|
|
2867
|
+
}
|
|
2868
|
+
|
|
2833
2869
|
// src/theme/default/components/card/footer.tsx
|
|
2834
2870
|
import { Fragment as Fragment8, jsx as jsx34, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
2835
2871
|
function DefaultCardFooter() {
|
|
@@ -2851,11 +2887,44 @@ function DefaultCardFooter() {
|
|
|
2851
2887
|
}
|
|
2852
2888
|
function LoginCardFooter() {
|
|
2853
2889
|
const { config, formState, flow, flowType } = useOryFlow3();
|
|
2890
|
+
const { logoutFlow: logout, didLoad: didLoadLogout } = useClientLogout(config);
|
|
2854
2891
|
const intl = useIntl9();
|
|
2855
|
-
|
|
2856
|
-
if (flowType === FlowType10.Login && flow.refresh) {
|
|
2892
|
+
if (flowType !== FlowType10.Login) {
|
|
2857
2893
|
return null;
|
|
2858
2894
|
}
|
|
2895
|
+
const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
|
|
2896
|
+
let returnTo = config.project.default_redirect_url;
|
|
2897
|
+
if (flow.return_to) {
|
|
2898
|
+
returnTo = flow.return_to;
|
|
2899
|
+
}
|
|
2900
|
+
if (!returnTo) {
|
|
2901
|
+
returnTo = restartFlowUrl(
|
|
2902
|
+
flow,
|
|
2903
|
+
`${config.sdk.url}/self-service/${flowType}/browser`
|
|
2904
|
+
);
|
|
2905
|
+
}
|
|
2906
|
+
if (flow.refresh || flow.requested_aal === "aal2") {
|
|
2907
|
+
return /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
|
|
2908
|
+
intl.formatMessage({
|
|
2909
|
+
id: "login.2fa.go-back"
|
|
2910
|
+
}),
|
|
2911
|
+
" ",
|
|
2912
|
+
/* @__PURE__ */ jsx34(
|
|
2913
|
+
"a",
|
|
2914
|
+
{
|
|
2915
|
+
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
2916
|
+
href: logout ? logout == null ? void 0 : logout.logout_url : returnTo,
|
|
2917
|
+
"data-testid": (
|
|
2918
|
+
// Only add the test-id when the logout link has loaded.
|
|
2919
|
+
didLoadLogout ? "ory/screen/login/action/logout" : void 0
|
|
2920
|
+
),
|
|
2921
|
+
children: intl.formatMessage({
|
|
2922
|
+
id: !didLoadLogout || logout ? "login.logout-button" : "login.2fa.go-back.link"
|
|
2923
|
+
})
|
|
2924
|
+
}
|
|
2925
|
+
)
|
|
2926
|
+
] });
|
|
2927
|
+
}
|
|
2859
2928
|
return /* @__PURE__ */ jsxs15(Fragment8, { children: [
|
|
2860
2929
|
formState.current === "provide_identifier" && config.project.registration_enabled && /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
|
|
2861
2930
|
intl.formatMessage({
|
|
@@ -2891,36 +2960,13 @@ function LoginCardFooter() {
|
|
|
2891
2960
|
"a",
|
|
2892
2961
|
{
|
|
2893
2962
|
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
2894
|
-
href:
|
|
2895
|
-
|
|
2896
|
-
`${config.sdk.url}/self-service/${flowType}/browser`
|
|
2897
|
-
),
|
|
2898
|
-
"data-testid": "ory/screen/login/mfa/action/reauthenticate",
|
|
2963
|
+
href: returnTo,
|
|
2964
|
+
"data-testid": "ory/screen/login/action/cancel",
|
|
2899
2965
|
children: intl.formatMessage({
|
|
2900
2966
|
id: "login.2fa.go-back.link"
|
|
2901
2967
|
})
|
|
2902
2968
|
}
|
|
2903
|
-
) })
|
|
2904
|
-
flowType === FlowType10.Login && flow.requested_aal === "aal2" && (formState.current === "select_method" || authMethods.length === 0) && /* @__PURE__ */ jsxs15("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
|
|
2905
|
-
intl.formatMessage({
|
|
2906
|
-
id: "login.2fa.go-back"
|
|
2907
|
-
}),
|
|
2908
|
-
" ",
|
|
2909
|
-
/* @__PURE__ */ jsx34(
|
|
2910
|
-
"a",
|
|
2911
|
-
{
|
|
2912
|
-
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
2913
|
-
href: restartFlowUrl(
|
|
2914
|
-
flow,
|
|
2915
|
-
`${config.sdk.url}/self-service/${flowType}/browser`
|
|
2916
|
-
),
|
|
2917
|
-
"data-testid": "ory/screen/login/mfa/action/reauthenticate",
|
|
2918
|
-
children: intl.formatMessage({
|
|
2919
|
-
id: "login.2fa.go-back.link"
|
|
2920
|
-
})
|
|
2921
|
-
}
|
|
2922
|
-
)
|
|
2923
|
-
] })
|
|
2969
|
+
) })
|
|
2924
2970
|
] });
|
|
2925
2971
|
}
|
|
2926
2972
|
function RegistrationCardFooter() {
|
|
@@ -3021,7 +3067,7 @@ function ConsentCardFooter({ flow }) {
|
|
|
3021
3067
|
}
|
|
3022
3068
|
|
|
3023
3069
|
// src/theme/default/components/card/header.tsx
|
|
3024
|
-
import { useComponents as useComponents4, useOryFlow as useOryFlow5 } from "@ory/elements-react";
|
|
3070
|
+
import { messageTestId, useComponents as useComponents4, useOryFlow as useOryFlow5 } from "@ory/elements-react";
|
|
3025
3071
|
|
|
3026
3072
|
// src/theme/default/utils/constructCardHeader.ts
|
|
3027
3073
|
import {
|
|
@@ -3054,7 +3100,8 @@ function useCardHeaderText(container, opts) {
|
|
|
3054
3100
|
}),
|
|
3055
3101
|
description: intl.formatMessage({
|
|
3056
3102
|
id: "identities.messages.1060003"
|
|
3057
|
-
})
|
|
3103
|
+
}),
|
|
3104
|
+
messageId: "1060003"
|
|
3058
3105
|
};
|
|
3059
3106
|
}
|
|
3060
3107
|
return {
|
|
@@ -3084,7 +3131,8 @@ function useCardHeaderText(container, opts) {
|
|
|
3084
3131
|
}),
|
|
3085
3132
|
description: intl.formatMessage({
|
|
3086
3133
|
id: "identities.messages.1080003"
|
|
3087
|
-
})
|
|
3134
|
+
}),
|
|
3135
|
+
messageId: "1080003"
|
|
3088
3136
|
};
|
|
3089
3137
|
}
|
|
3090
3138
|
return {
|
|
@@ -3109,7 +3157,8 @@ function useCardHeaderText(container, opts) {
|
|
|
3109
3157
|
id: "identities.messages.1010016"
|
|
3110
3158
|
},
|
|
3111
3159
|
accountLinkingMessage.context
|
|
3112
|
-
)
|
|
3160
|
+
),
|
|
3161
|
+
messageId: "1010016"
|
|
3113
3162
|
};
|
|
3114
3163
|
}
|
|
3115
3164
|
}
|
|
@@ -3146,6 +3195,12 @@ function useCardHeaderText(container, opts) {
|
|
|
3146
3195
|
if (nodes.find((node) => node.group === "code")) {
|
|
3147
3196
|
parts.push(intl.formatMessage({ id: "card.header.parts.code" }));
|
|
3148
3197
|
}
|
|
3198
|
+
if (nodes.find((node) => node.group === "totp")) {
|
|
3199
|
+
parts.push(intl.formatMessage({ id: "card.header.parts.totp" }));
|
|
3200
|
+
}
|
|
3201
|
+
if (nodes.find((node) => node.group === "lookup_secret")) {
|
|
3202
|
+
parts.push(intl.formatMessage({ id: "card.header.parts.lookup_secret" }));
|
|
3203
|
+
}
|
|
3149
3204
|
if (nodes.find((node) => node.group === "passkey")) {
|
|
3150
3205
|
parts.push(intl.formatMessage({ id: "card.header.parts.passkey" }));
|
|
3151
3206
|
}
|
|
@@ -3417,32 +3472,58 @@ function guessRegistrationBackButton(uiNodes) {
|
|
|
3417
3472
|
|
|
3418
3473
|
// src/theme/default/components/card/header.tsx
|
|
3419
3474
|
import { jsx as jsx37, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
3420
|
-
function InnerCardHeader({
|
|
3475
|
+
function InnerCardHeader({
|
|
3476
|
+
title,
|
|
3477
|
+
text,
|
|
3478
|
+
messageId
|
|
3479
|
+
}) {
|
|
3421
3480
|
const { Card } = useComponents4();
|
|
3422
3481
|
return /* @__PURE__ */ jsxs17("header", { className: "flex flex-col gap-8 antialiased", children: [
|
|
3423
3482
|
/* @__PURE__ */ jsx37(Card.Logo, {}),
|
|
3424
3483
|
/* @__PURE__ */ jsxs17("div", { className: "flex flex-col gap-2", children: [
|
|
3425
3484
|
/* @__PURE__ */ jsx37("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
|
|
3426
|
-
/* @__PURE__ */ jsx37(
|
|
3485
|
+
/* @__PURE__ */ jsx37(
|
|
3486
|
+
"p",
|
|
3487
|
+
{
|
|
3488
|
+
className: "leading-normal text-interface-foreground-default-secondary",
|
|
3489
|
+
...messageId ? messageTestId({ id: messageId }) : {},
|
|
3490
|
+
children: text
|
|
3491
|
+
}
|
|
3492
|
+
),
|
|
3427
3493
|
/* @__PURE__ */ jsx37(DefaultCurrentIdentifierButton, {})
|
|
3428
3494
|
] })
|
|
3429
3495
|
] });
|
|
3430
3496
|
}
|
|
3431
3497
|
function DefaultCardHeader() {
|
|
3432
3498
|
const context = useOryFlow5();
|
|
3433
|
-
const { title, description } = useCardHeaderText(
|
|
3434
|
-
|
|
3499
|
+
const { title, description, messageId } = useCardHeaderText(
|
|
3500
|
+
context.flow.ui,
|
|
3501
|
+
context
|
|
3502
|
+
);
|
|
3503
|
+
return /* @__PURE__ */ jsx37(InnerCardHeader, { title, text: description, messageId });
|
|
3435
3504
|
}
|
|
3436
3505
|
|
|
3437
3506
|
// src/theme/default/components/card/logo.tsx
|
|
3438
3507
|
import { useOryFlow as useOryFlow6 } from "@ory/elements-react";
|
|
3439
3508
|
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
3440
3509
|
function DefaultCardLogo() {
|
|
3510
|
+
var _a;
|
|
3441
3511
|
const flow = useOryFlow6();
|
|
3512
|
+
if (flow.config.project.logo_light_url) {
|
|
3513
|
+
return /* @__PURE__ */ jsx38(
|
|
3514
|
+
"img",
|
|
3515
|
+
{
|
|
3516
|
+
src: flow.config.project.logo_light_url,
|
|
3517
|
+
width: 100,
|
|
3518
|
+
height: 36,
|
|
3519
|
+
alt: "Logo"
|
|
3520
|
+
}
|
|
3521
|
+
);
|
|
3522
|
+
}
|
|
3442
3523
|
if (flow.config.logoUrl) {
|
|
3443
3524
|
return /* @__PURE__ */ jsx38("img", { src: flow.config.logoUrl, width: 100, height: 36, alt: "Logo" });
|
|
3444
3525
|
}
|
|
3445
|
-
return /* @__PURE__ */ jsx38("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: flow.config.name });
|
|
3526
|
+
return /* @__PURE__ */ jsx38("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: (_a = flow.config.project.name) != null ? _a : flow.config.name });
|
|
3446
3527
|
}
|
|
3447
3528
|
|
|
3448
3529
|
// src/theme/default/components/card/layout.tsx
|
|
@@ -3470,7 +3551,7 @@ function cn(...inputs) {
|
|
|
3470
3551
|
// src/theme/default/components/form/index.tsx
|
|
3471
3552
|
import { useIntl as useIntl12 } from "react-intl";
|
|
3472
3553
|
import {
|
|
3473
|
-
messageTestId,
|
|
3554
|
+
messageTestId as messageTestId2,
|
|
3474
3555
|
uiTextToFormattedMessage as uiTextToFormattedMessage3,
|
|
3475
3556
|
useOryFlow as useOryFlow8
|
|
3476
3557
|
} from "@ory/elements-react";
|
|
@@ -3481,7 +3562,7 @@ import {
|
|
|
3481
3562
|
uiTextToFormattedMessage as uiTextToFormattedMessage2,
|
|
3482
3563
|
useOryFlow as useOryFlow7
|
|
3483
3564
|
} from "@ory/elements-react";
|
|
3484
|
-
import { useEffect as
|
|
3565
|
+
import { useEffect as useEffect3 } from "react";
|
|
3485
3566
|
import { useFormContext as useFormContext13 } from "react-hook-form";
|
|
3486
3567
|
import { useIntl as useIntl11 } from "react-intl";
|
|
3487
3568
|
import { useDebounceValue } from "usehooks-ts";
|
|
@@ -3532,126 +3613,113 @@ var SvgFacebook = (props) => {
|
|
|
3532
3613
|
};
|
|
3533
3614
|
var facebook_default = SvgFacebook;
|
|
3534
3615
|
|
|
3535
|
-
// src/theme/default/provider-logos/generic.svg
|
|
3536
|
-
import * as React8 from "react";
|
|
3537
|
-
import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3538
|
-
var SvgGeneric = (props) => {
|
|
3539
|
-
var _a, _b;
|
|
3540
|
-
return /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, className: "generic_svg__icon generic_svg__icon-tabler generic_svg__icon-tabler-brand-oauth", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3541
|
-
/* @__PURE__ */ jsx45("path", { stroke: "none", d: "M0 0h24v24H0z" }),
|
|
3542
|
-
/* @__PURE__ */ jsx45("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
|
|
3543
|
-
/* @__PURE__ */ jsx45("path", { d: "M12.556 6c.65 0 1.235.373 1.508.947l2.839 7.848a1.646 1.646 0 0 1-1.01 2.108 1.673 1.673 0 0 1-2.068-.851L13.365 15h-2.73l-.398.905A1.67 1.67 0 0 1 8.26 16.95l-.153-.047a1.647 1.647 0 0 1-1.056-1.956l2.824-7.852a1.66 1.66 0 0 1 1.409-1.087z" })
|
|
3544
|
-
] });
|
|
3545
|
-
};
|
|
3546
|
-
var generic_default = SvgGeneric;
|
|
3547
|
-
|
|
3548
3616
|
// src/theme/default/provider-logos/github.svg
|
|
3549
|
-
import * as
|
|
3550
|
-
import { jsx as
|
|
3617
|
+
import * as React8 from "react";
|
|
3618
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
3551
3619
|
var SvgGithub = (props) => {
|
|
3552
3620
|
var _a, _b;
|
|
3553
|
-
return /* @__PURE__ */
|
|
3621
|
+
return /* @__PURE__ */ jsx45("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx45("path", { d: "M12 0C5.374 0 0 5.373 0 12c0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.5 11.5 0 0 1 12 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12" }) });
|
|
3554
3622
|
};
|
|
3555
3623
|
var github_default = SvgGithub;
|
|
3556
3624
|
|
|
3557
3625
|
// src/theme/default/provider-logos/gitlab.svg
|
|
3558
|
-
import * as
|
|
3559
|
-
import { jsx as
|
|
3626
|
+
import * as React9 from "react";
|
|
3627
|
+
import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
3560
3628
|
var SvgGitlab = (props) => {
|
|
3561
3629
|
var _a, _b;
|
|
3562
|
-
return /* @__PURE__ */
|
|
3563
|
-
/* @__PURE__ */
|
|
3564
|
-
/* @__PURE__ */
|
|
3565
|
-
/* @__PURE__ */
|
|
3566
|
-
/* @__PURE__ */
|
|
3630
|
+
return /* @__PURE__ */ jsxs21("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3631
|
+
/* @__PURE__ */ jsx46("path", { fill: "#E24329", d: "m22.708 10.691-.031-.072-3.015-7.167a.74.74 0 0 0-.31-.34.87.87 0 0 0-.923.045.73.73 0 0 0-.268.37L16.125 9.2H7.881L5.845 3.527a.72.72 0 0 0-.268-.371.87.87 0 0 0-.923-.045.74.74 0 0 0-.31.34l-3.021 7.164-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132 2.272 1.567 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.567 4.62-3.151.012-.009c.968-.666 1.671-1.6 2.006-2.661a4.67 4.67 0 0 0-.15-3.226" }),
|
|
3632
|
+
/* @__PURE__ */ jsx46("path", { fill: "#FC6D26", d: "m22.708 10.691-.031-.072a10.7 10.7 0 0 0-4.055 1.66L12 16.839l4.218 2.904 4.621-3.152.012-.008c.969-.666 1.674-1.601 2.008-2.664a4.67 4.67 0 0 0-.15-3.228" }),
|
|
3633
|
+
/* @__PURE__ */ jsx46("path", { fill: "#FCA326", d: "m7.781 19.743 2.273 1.566 1.384.952c.162.112.36.172.563.172s.401-.06.563-.172l1.384-.952 2.273-1.566S14.255 18.389 12 16.839c-2.255 1.55-4.219 2.904-4.219 2.904" }),
|
|
3634
|
+
/* @__PURE__ */ jsx46("path", { fill: "#FC6D26", d: "M5.376 12.279a10.7 10.7 0 0 0-4.053-1.664l-.03.072a4.67 4.67 0 0 0-.153 3.23c.335 1.063 1.04 1.998 2.01 2.664l.01.007.028.018 4.594 3.132L12 16.836z" })
|
|
3567
3635
|
] });
|
|
3568
3636
|
};
|
|
3569
3637
|
var gitlab_default = SvgGitlab;
|
|
3570
3638
|
|
|
3571
3639
|
// src/theme/default/provider-logos/google.svg
|
|
3572
|
-
import * as
|
|
3573
|
-
import { jsx as
|
|
3640
|
+
import * as React10 from "react";
|
|
3641
|
+
import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
3574
3642
|
var SvgGoogle = (props) => {
|
|
3575
3643
|
var _a, _b;
|
|
3576
|
-
return /* @__PURE__ */
|
|
3577
|
-
/* @__PURE__ */
|
|
3578
|
-
/* @__PURE__ */
|
|
3579
|
-
/* @__PURE__ */
|
|
3580
|
-
/* @__PURE__ */
|
|
3644
|
+
return /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3645
|
+
/* @__PURE__ */ jsx47("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
|
|
3646
|
+
/* @__PURE__ */ jsx47("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
|
|
3647
|
+
/* @__PURE__ */ jsx47("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
|
|
3648
|
+
/* @__PURE__ */ jsx47("path", { fill: "#EB4335", d: "M16.286 7.413c2.683 0 4.492 1.136 5.524 2.085l4.032-3.858C23.366 3.384 20.143 2 16.286 2 10.7 2 5.874 5.142 3.524 9.715l4.62 3.516c1.158-3.375 4.365-5.818 8.142-5.818" })
|
|
3581
3649
|
] });
|
|
3582
3650
|
};
|
|
3583
3651
|
var google_default = SvgGoogle;
|
|
3584
3652
|
|
|
3585
3653
|
// src/theme/default/provider-logos/linkedin.svg
|
|
3586
|
-
import * as
|
|
3587
|
-
import { jsx as
|
|
3654
|
+
import * as React11 from "react";
|
|
3655
|
+
import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3588
3656
|
var SvgLinkedin = (props) => {
|
|
3589
3657
|
var _a, _b;
|
|
3590
|
-
return /* @__PURE__ */
|
|
3591
|
-
/* @__PURE__ */
|
|
3592
|
-
/* @__PURE__ */
|
|
3658
|
+
return /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3659
|
+
/* @__PURE__ */ jsx48("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
|
|
3660
|
+
/* @__PURE__ */ jsx48("path", { fill: "#fff", d: "M12.619 9.692c0 .935-.81 1.692-1.81 1.692C9.81 11.384 9 10.627 9 9.692S9.81 8 10.81 8c.999 0 1.809.758 1.809 1.692M9.247 12.628h3.093V22H9.247zM17.32 12.628h-3.093V22h3.093v-4.795c0-1.107.378-2.22 1.886-2.22 1.705 0 1.695 1.45 1.687 2.572-.01 1.467.014 2.965.014 4.443H24v-4.946c-.026-3.159-.85-4.614-3.557-4.614-1.608 0-2.604.73-3.123 1.39z" })
|
|
3593
3661
|
] });
|
|
3594
3662
|
};
|
|
3595
3663
|
var linkedin_default = SvgLinkedin;
|
|
3596
3664
|
|
|
3597
3665
|
// src/theme/default/provider-logos/microsoft.svg
|
|
3598
|
-
import * as
|
|
3599
|
-
import { jsx as
|
|
3666
|
+
import * as React12 from "react";
|
|
3667
|
+
import { jsx as jsx49, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
3600
3668
|
var SvgMicrosoft = (props) => {
|
|
3601
3669
|
var _a, _b;
|
|
3602
|
-
return /* @__PURE__ */
|
|
3603
|
-
/* @__PURE__ */
|
|
3604
|
-
/* @__PURE__ */
|
|
3605
|
-
/* @__PURE__ */
|
|
3606
|
-
/* @__PURE__ */
|
|
3670
|
+
return /* @__PURE__ */ jsxs24("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 23 23", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3671
|
+
/* @__PURE__ */ jsx49("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
|
|
3672
|
+
/* @__PURE__ */ jsx49("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
|
|
3673
|
+
/* @__PURE__ */ jsx49("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
|
|
3674
|
+
/* @__PURE__ */ jsx49("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
|
|
3607
3675
|
] });
|
|
3608
3676
|
};
|
|
3609
3677
|
var microsoft_default = SvgMicrosoft;
|
|
3610
3678
|
|
|
3611
3679
|
// src/theme/default/provider-logos/slack.svg
|
|
3612
|
-
import * as
|
|
3613
|
-
import { jsx as
|
|
3680
|
+
import * as React13 from "react";
|
|
3681
|
+
import { jsx as jsx50, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3614
3682
|
var SvgSlack = (props) => {
|
|
3615
3683
|
var _a, _b;
|
|
3616
|
-
return /* @__PURE__ */
|
|
3617
|
-
/* @__PURE__ */
|
|
3618
|
-
/* @__PURE__ */
|
|
3619
|
-
/* @__PURE__ */
|
|
3620
|
-
/* @__PURE__ */
|
|
3684
|
+
return /* @__PURE__ */ jsxs25("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3685
|
+
/* @__PURE__ */ jsx50("path", { fill: "#2EB67D", d: "M26.5 15a2.5 2.5 0 1 0-2.5-2.5V15zm-7 0a2.5 2.5 0 0 0 2.5-2.5v-7a2.5 2.5 0 0 0-5 0v7a2.5 2.5 0 0 0 2.5 2.5" }),
|
|
3686
|
+
/* @__PURE__ */ jsx50("path", { fill: "#E01E5A", d: "M5.5 17A2.5 2.5 0 1 0 8 19.5V17zm7 0a2.5 2.5 0 0 0-2.5 2.5v7a2.5 2.5 0 0 0 5 0v-7a2.5 2.5 0 0 0-2.5-2.5" }),
|
|
3687
|
+
/* @__PURE__ */ jsx50("path", { fill: "#ECB22E", d: "M17 26.5a2.5 2.5 0 1 0 2.5-2.5H17zm0-7a2.5 2.5 0 0 0 2.5 2.5h7a2.5 2.5 0 0 0 0-5h-7a2.5 2.5 0 0 0-2.5 2.5" }),
|
|
3688
|
+
/* @__PURE__ */ jsx50("path", { fill: "#36C5F0", d: "M15 5.5A2.5 2.5 0 1 0 12.5 8H15zm0 7a2.5 2.5 0 0 0-2.5-2.5h-7a2.5 2.5 0 0 0 0 5h7a2.5 2.5 0 0 0 2.5-2.5" })
|
|
3621
3689
|
] });
|
|
3622
3690
|
};
|
|
3623
3691
|
var slack_default = SvgSlack;
|
|
3624
3692
|
|
|
3625
3693
|
// src/theme/default/provider-logos/spotify.svg
|
|
3626
|
-
import * as
|
|
3627
|
-
import { jsx as
|
|
3694
|
+
import * as React14 from "react";
|
|
3695
|
+
import { jsx as jsx51, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3628
3696
|
var SvgSpotify = (props) => {
|
|
3629
3697
|
var _a, _b;
|
|
3630
|
-
return /* @__PURE__ */
|
|
3631
|
-
/* @__PURE__ */
|
|
3632
|
-
/* @__PURE__ */
|
|
3698
|
+
return /* @__PURE__ */ jsxs26("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3699
|
+
/* @__PURE__ */ jsx51("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
|
|
3700
|
+
/* @__PURE__ */ jsx51("path", { fill: "#fff", d: "M22.364 21.623c-.239.38-.75.486-1.148.258-3.141-1.822-7.08-2.232-11.736-1.23-.446.091-.893-.167-.988-.592a.786.786 0 0 1 .621-.94c5.087-1.11 9.456-.639 12.964 1.41a.77.77 0 0 1 .287 1.094m1.627-3.461c-.303.47-.941.607-1.435.334-3.588-2.11-9.058-2.718-13.299-1.488-.558.152-1.132-.137-1.292-.653-.16-.531.144-1.078.702-1.23 4.848-1.396 10.875-.728 15.005 1.686.462.273.622.88.319 1.35m.143-3.613c-4.305-2.43-11.4-2.657-15.515-1.473-.654.197-1.355-.152-1.563-.79-.207-.622.176-1.29.83-1.487 4.72-1.366 12.565-1.093 17.508 1.7.59.334.781 1.063.43 1.625-.334.576-1.1.774-1.69.425" })
|
|
3633
3701
|
] });
|
|
3634
3702
|
};
|
|
3635
3703
|
var spotify_default = SvgSpotify;
|
|
3636
3704
|
|
|
3637
3705
|
// src/theme/default/provider-logos/yandex.svg
|
|
3638
|
-
import * as
|
|
3639
|
-
import { jsx as
|
|
3706
|
+
import * as React15 from "react";
|
|
3707
|
+
import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
3640
3708
|
var SvgYandex = (props) => {
|
|
3641
3709
|
var _a, _b;
|
|
3642
|
-
return /* @__PURE__ */
|
|
3643
|
-
/* @__PURE__ */
|
|
3644
|
-
/* @__PURE__ */
|
|
3710
|
+
return /* @__PURE__ */ jsxs27("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
3711
|
+
/* @__PURE__ */ jsx52("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
|
|
3712
|
+
/* @__PURE__ */ jsx52("path", { fill: "#FC3F1D", d: "M21 25h-3.143V9.435h-1.402c-2.572 0-3.922 1.294-3.922 3.211 0 2.175.935 3.185 2.857 4.48l1.584 1.063L12.403 25H9l4.104-6.086c-2.363-1.684-3.688-3.316-3.688-6.087C9.416 9.357 11.83 7 16.429 7H21z" })
|
|
3645
3713
|
] });
|
|
3646
3714
|
};
|
|
3647
3715
|
var yandex_default = SvgYandex;
|
|
3648
3716
|
|
|
3649
3717
|
// src/theme/default/provider-logos/x.svg
|
|
3650
|
-
import * as
|
|
3651
|
-
import { jsx as
|
|
3718
|
+
import * as React16 from "react";
|
|
3719
|
+
import { jsx as jsx53 } from "react/jsx-runtime";
|
|
3652
3720
|
var SvgX = (props) => {
|
|
3653
3721
|
var _a, _b;
|
|
3654
|
-
return /* @__PURE__ */
|
|
3722
|
+
return /* @__PURE__ */ jsx53("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ jsx53("path", { fill: "#0F172A", d: "M24.122 3h4.292L18.99 13.73 30 28.285h-8.64l-6.764-8.845-7.744 8.845H2.56l9.983-11.476L2 3h8.854l6.112 8.08zM22.62 25.766h2.379L9.604 5.426H7.048z" }) });
|
|
3655
3723
|
};
|
|
3656
3724
|
var x_default = SvgX;
|
|
3657
3725
|
|
|
@@ -3661,7 +3729,6 @@ var logos = {
|
|
|
3661
3729
|
auth0: auth0_default,
|
|
3662
3730
|
discord: discord_default,
|
|
3663
3731
|
facebook: facebook_default,
|
|
3664
|
-
generic: generic_default,
|
|
3665
3732
|
github: github_default,
|
|
3666
3733
|
gitlab: gitlab_default,
|
|
3667
3734
|
google: google_default,
|
|
@@ -3675,9 +3742,9 @@ var logos = {
|
|
|
3675
3742
|
var provider_logos_default = logos;
|
|
3676
3743
|
|
|
3677
3744
|
// src/theme/default/components/form/spinner.tsx
|
|
3678
|
-
import { jsx as
|
|
3745
|
+
import { jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
|
|
3679
3746
|
function Spinner({ className }) {
|
|
3680
|
-
return /* @__PURE__ */
|
|
3747
|
+
return /* @__PURE__ */ jsxs28(
|
|
3681
3748
|
"svg",
|
|
3682
3749
|
{
|
|
3683
3750
|
"aria-hidden": "true",
|
|
@@ -3690,7 +3757,7 @@ function Spinner({ className }) {
|
|
|
3690
3757
|
fill: "none",
|
|
3691
3758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
3692
3759
|
children: [
|
|
3693
|
-
/* @__PURE__ */
|
|
3760
|
+
/* @__PURE__ */ jsx54("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ jsx54(
|
|
3694
3761
|
"path",
|
|
3695
3762
|
{
|
|
3696
3763
|
d: "M23.364 10.6362C22.1053 9.37751 20.5016 8.52034 18.7558 8.17307C17.01 7.82581 15.2004 8.00404 13.5559 8.68523C11.9113 9.36641 10.5057 10.52 9.51678 12C8.52784 13.4801 8 15.2201 8 17.0001C8 18.7802 8.52784 20.5202 9.51678 22.0003C10.5057 23.4803 11.9113 24.6339 13.5559 25.3151C15.2004 25.9962 17.01 26.1745 18.7558 25.8272C20.5016 25.4799 22.1053 24.6228 23.364 23.3641",
|
|
@@ -3699,7 +3766,7 @@ function Spinner({ className }) {
|
|
|
3699
3766
|
strokeLinejoin: "round"
|
|
3700
3767
|
}
|
|
3701
3768
|
) }),
|
|
3702
|
-
/* @__PURE__ */
|
|
3769
|
+
/* @__PURE__ */ jsx54("defs", { children: /* @__PURE__ */ jsx54("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ jsx54(
|
|
3703
3770
|
"rect",
|
|
3704
3771
|
{
|
|
3705
3772
|
width: "24",
|
|
@@ -3714,7 +3781,7 @@ function Spinner({ className }) {
|
|
|
3714
3781
|
}
|
|
3715
3782
|
|
|
3716
3783
|
// src/theme/default/components/form/social.tsx
|
|
3717
|
-
import { UiNodeGroupEnum as
|
|
3784
|
+
import { UiNodeGroupEnum as UiNodeGroupEnum16 } from "@ory/client-fetch";
|
|
3718
3785
|
|
|
3719
3786
|
// src/util/omitAttributes.ts
|
|
3720
3787
|
function omitInputAttributes({
|
|
@@ -3733,7 +3800,7 @@ function omitInputAttributes({
|
|
|
3733
3800
|
}
|
|
3734
3801
|
|
|
3735
3802
|
// src/theme/default/components/form/social.tsx
|
|
3736
|
-
import { Fragment as Fragment9, jsx as
|
|
3803
|
+
import { Fragment as Fragment9, jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
|
|
3737
3804
|
function extractProvider(context) {
|
|
3738
3805
|
if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
|
|
3739
3806
|
return context.provider;
|
|
@@ -3759,7 +3826,7 @@ function DefaultButtonSocial({
|
|
|
3759
3826
|
formState: { isSubmitting }
|
|
3760
3827
|
} = useFormContext13();
|
|
3761
3828
|
const oidcNodeCount = (_a = ui.nodes.filter(
|
|
3762
|
-
(node2) => node2.group ===
|
|
3829
|
+
(node2) => node2.group === UiNodeGroupEnum16.Oidc || node2.group === UiNodeGroupEnum16.Saml
|
|
3763
3830
|
).length) != null ? _a : 0;
|
|
3764
3831
|
const Logo = logos2[attributes.value.split("-")[0]];
|
|
3765
3832
|
const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
|
|
@@ -3768,13 +3835,13 @@ function DefaultButtonSocial({
|
|
|
3768
3835
|
onClick == null ? void 0 : onClick();
|
|
3769
3836
|
setClicked(true);
|
|
3770
3837
|
};
|
|
3771
|
-
|
|
3838
|
+
useEffect3(() => {
|
|
3772
3839
|
if (!isSubmitting) {
|
|
3773
3840
|
setClicked(false);
|
|
3774
3841
|
}
|
|
3775
3842
|
}, [isSubmitting, setClicked]);
|
|
3776
3843
|
const label = node.meta.label ? uiTextToFormattedMessage2(node.meta.label, intl) : "";
|
|
3777
|
-
return /* @__PURE__ */
|
|
3844
|
+
return /* @__PURE__ */ jsxs29(
|
|
3778
3845
|
"button",
|
|
3779
3846
|
{
|
|
3780
3847
|
className: "gap-3 border border-button-social-border-default bg-button-social-background-default hover:bg-button-social-background-hover transition-colors rounded-buttons flex items-center justify-center px-4 py-[13px] loading:bg-button-social-background-disabled loading:border-button-social-border-disabled loading:text-button-social-foreground-disabled hover:text-button-social-foreground-hover",
|
|
@@ -3788,21 +3855,21 @@ function DefaultButtonSocial({
|
|
|
3788
3855
|
"aria-label": label,
|
|
3789
3856
|
...omitInputAttributes(rest),
|
|
3790
3857
|
children: [
|
|
3791
|
-
/* @__PURE__ */
|
|
3792
|
-
showLabel && node.meta.label ? /* @__PURE__ */
|
|
3793
|
-
/* @__PURE__ */
|
|
3794
|
-
/* @__PURE__ */
|
|
3858
|
+
/* @__PURE__ */ jsx55("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ jsx55(Logo, { size: 20 }) : /* @__PURE__ */ jsx55(GenericLogo, { label: provider.slice(0, 1) }) : /* @__PURE__ */ jsx55(Spinner, { className: "size-5" }) }),
|
|
3859
|
+
showLabel && node.meta.label ? /* @__PURE__ */ jsxs29(Fragment9, { children: [
|
|
3860
|
+
/* @__PURE__ */ jsx55("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: label }),
|
|
3861
|
+
/* @__PURE__ */ jsx55("span", { className: "size-5 block" })
|
|
3795
3862
|
] }) : null
|
|
3796
3863
|
]
|
|
3797
3864
|
}
|
|
3798
3865
|
);
|
|
3799
3866
|
}
|
|
3800
|
-
DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */
|
|
3867
|
+
DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ jsx55(DefaultButtonSocial, { ...props, logos: logos2 });
|
|
3801
3868
|
function DefaultSocialButtonContainer({
|
|
3802
3869
|
children,
|
|
3803
3870
|
nodes
|
|
3804
3871
|
}) {
|
|
3805
|
-
return /* @__PURE__ */
|
|
3872
|
+
return /* @__PURE__ */ jsx55(
|
|
3806
3873
|
"div",
|
|
3807
3874
|
{
|
|
3808
3875
|
className: cn("grid gap-3", {
|
|
@@ -3815,9 +3882,12 @@ function DefaultSocialButtonContainer({
|
|
|
3815
3882
|
}
|
|
3816
3883
|
);
|
|
3817
3884
|
}
|
|
3885
|
+
function GenericLogo({ label }) {
|
|
3886
|
+
return /* @__PURE__ */ jsx55("span", { className: "flex rounded-buttons bg-button-social-background-generic-provider text-button-social-foreground-generic-provider border-button-social-border-generic-provider text-xs size-full items-center justify-center", children: label });
|
|
3887
|
+
}
|
|
3818
3888
|
|
|
3819
3889
|
// src/theme/default/components/form/index.tsx
|
|
3820
|
-
import { jsx as
|
|
3890
|
+
import { jsx as jsx56 } from "react/jsx-runtime";
|
|
3821
3891
|
function DefaultFormContainer({
|
|
3822
3892
|
children,
|
|
3823
3893
|
onSubmit,
|
|
@@ -3825,7 +3895,7 @@ function DefaultFormContainer({
|
|
|
3825
3895
|
method,
|
|
3826
3896
|
"data-testid": dataTestId
|
|
3827
3897
|
}) {
|
|
3828
|
-
return /* @__PURE__ */
|
|
3898
|
+
return /* @__PURE__ */ jsx56(
|
|
3829
3899
|
"form",
|
|
3830
3900
|
{
|
|
3831
3901
|
"data-testid": dataTestId,
|
|
@@ -3843,7 +3913,7 @@ function DefaultMessageContainer({ children }) {
|
|
|
3843
3913
|
if (!children || Array.isArray(children) && children.length === 0) {
|
|
3844
3914
|
return null;
|
|
3845
3915
|
}
|
|
3846
|
-
return /* @__PURE__ */
|
|
3916
|
+
return /* @__PURE__ */ jsx56(
|
|
3847
3917
|
"section",
|
|
3848
3918
|
{
|
|
3849
3919
|
className: cn(
|
|
@@ -3855,7 +3925,7 @@ function DefaultMessageContainer({ children }) {
|
|
|
3855
3925
|
}
|
|
3856
3926
|
function DefaultMessage({ message }) {
|
|
3857
3927
|
const intl = useIntl12();
|
|
3858
|
-
return /* @__PURE__ */
|
|
3928
|
+
return /* @__PURE__ */ jsx56(
|
|
3859
3929
|
"span",
|
|
3860
3930
|
{
|
|
3861
3931
|
className: cn(
|
|
@@ -3864,7 +3934,7 @@ function DefaultMessage({ message }) {
|
|
|
3864
3934
|
message.type === "info" && "text-interface-foreground-default-secondary",
|
|
3865
3935
|
message.type === "success" && "text-interface-foreground-validation-success"
|
|
3866
3936
|
),
|
|
3867
|
-
...
|
|
3937
|
+
...messageTestId2(message),
|
|
3868
3938
|
children: uiTextToFormattedMessage3(message, intl)
|
|
3869
3939
|
}
|
|
3870
3940
|
);
|
|
@@ -3874,61 +3944,61 @@ function DefaultMessage({ message }) {
|
|
|
3874
3944
|
import { useIntl as useIntl13 } from "react-intl";
|
|
3875
3945
|
|
|
3876
3946
|
// src/theme/default/assets/icons/code.svg
|
|
3877
|
-
import * as
|
|
3878
|
-
import { jsx as
|
|
3947
|
+
import * as React17 from "react";
|
|
3948
|
+
import { jsx as jsx57 } from "react/jsx-runtime";
|
|
3879
3949
|
var SvgCode = (props) => {
|
|
3880
3950
|
var _a, _b;
|
|
3881
|
-
return /* @__PURE__ */
|
|
3951
|
+
return /* @__PURE__ */ jsx57("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 15 13", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx57("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6.333 10.666h-4A1.333 1.333 0 0 1 1 9.333V2.666m0 0a1.333 1.333 0 0 1 1.333-1.333h9.334A1.333 1.333 0 0 1 13 2.666m-12 0 6 4 6-4m0 0v4M12.333 12l1.334-1.334-1.334-1.333m-2 0L9 10.666 10.333 12" }) });
|
|
3882
3952
|
};
|
|
3883
3953
|
var code_default = SvgCode;
|
|
3884
3954
|
|
|
3885
3955
|
// src/theme/default/assets/icons/passkey.svg
|
|
3886
|
-
import * as
|
|
3887
|
-
import { jsx as
|
|
3956
|
+
import * as React18 from "react";
|
|
3957
|
+
import { jsx as jsx58 } from "react/jsx-runtime";
|
|
3888
3958
|
var SvgPasskey = (props) => {
|
|
3889
3959
|
var _a, _b;
|
|
3890
|
-
return /* @__PURE__ */
|
|
3960
|
+
return /* @__PURE__ */ jsx58("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 13 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx58("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.602 3.667c.603 1 .86 2.171.733 3.333v.667a4 4 0 0 0 .533 2M3.335 6.333a2.667 2.667 0 0 1 5.333 0V7c0 1.442.468 2.846 1.334 4m-4-4.667v1.334A9.33 9.33 0 0 0 7.668 13M3.335 9a12 12 0 0 0 1.2 4m-3.267-1.333A14.7 14.7 0 0 1 .668 7v-.667a5.333 5.333 0 0 1 8-4.633" }) });
|
|
3891
3961
|
};
|
|
3892
3962
|
var passkey_default = SvgPasskey;
|
|
3893
3963
|
|
|
3894
3964
|
// src/theme/default/assets/icons/password.svg
|
|
3895
|
-
import * as
|
|
3896
|
-
import { jsx as
|
|
3965
|
+
import * as React19 from "react";
|
|
3966
|
+
import { jsx as jsx59 } from "react/jsx-runtime";
|
|
3897
3967
|
var SvgPassword = (props) => {
|
|
3898
3968
|
var _a, _b;
|
|
3899
|
-
return /* @__PURE__ */
|
|
3969
|
+
return /* @__PURE__ */ jsx59("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 4", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx59("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M7 .667v2.667m-1.333-.667 2.666-1.333m-2.666 0 2.666 1.333m-6-2v2.667M1 2.667l2.667-1.333M1 1.334l2.667 1.333m8-2v2.667m-1.334-.667L13 1.334m-2.667 0L13 2.667" }) });
|
|
3900
3970
|
};
|
|
3901
3971
|
var password_default = SvgPassword;
|
|
3902
3972
|
|
|
3903
3973
|
// src/theme/default/assets/icons/webauthn.svg
|
|
3904
|
-
import * as
|
|
3905
|
-
import { jsx as
|
|
3974
|
+
import * as React20 from "react";
|
|
3975
|
+
import { jsx as jsx60 } from "react/jsx-runtime";
|
|
3906
3976
|
var SvgWebauthn = (props) => {
|
|
3907
3977
|
var _a, _b;
|
|
3908
|
-
return /* @__PURE__ */
|
|
3978
|
+
return /* @__PURE__ */ jsx60("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 14 14", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx60("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9 5h.007m1.03-3.438 2.401 2.401a1.92 1.92 0 0 1 0 2.713l-1.762 1.762a1.92 1.92 0 0 1-2.713 0l-.2-.2-4.372 4.371a1.33 1.33 0 0 1-.826.386L2.448 13h-.781a.667.667 0 0 1-.662-.589L1 12.333v-.781c0-.313.11-.616.311-.856l.08-.087.276-.276H3V9h1.333V7.667l1.43-1.43-.201-.2a1.92 1.92 0 0 1 0-2.713l1.762-1.762a1.92 1.92 0 0 1 2.713 0" }) });
|
|
3909
3979
|
};
|
|
3910
3980
|
var webauthn_default = SvgWebauthn;
|
|
3911
3981
|
|
|
3912
3982
|
// src/theme/default/assets/icons/totp.svg
|
|
3913
|
-
import * as
|
|
3914
|
-
import { jsx as
|
|
3983
|
+
import * as React21 from "react";
|
|
3984
|
+
import { jsx as jsx61 } from "react/jsx-runtime";
|
|
3915
3985
|
var SvgTotp = (props) => {
|
|
3916
3986
|
var _a, _b;
|
|
3917
|
-
return /* @__PURE__ */
|
|
3987
|
+
return /* @__PURE__ */ jsx61("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx61("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
|
|
3918
3988
|
};
|
|
3919
3989
|
var totp_default = SvgTotp;
|
|
3920
3990
|
|
|
3921
3991
|
// src/theme/default/assets/icons/code-asterix.svg
|
|
3922
|
-
import * as
|
|
3923
|
-
import { jsx as
|
|
3992
|
+
import * as React22 from "react";
|
|
3993
|
+
import { jsx as jsx62 } from "react/jsx-runtime";
|
|
3924
3994
|
var SvgCodeAsterix = (props) => {
|
|
3925
3995
|
var _a, _b;
|
|
3926
|
-
return /* @__PURE__ */
|
|
3996
|
+
return /* @__PURE__ */ jsx62("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx62("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 19.325a2 2 0 0 1-2-2v-4l-1-1 1-1v-4a2 2 0 0 1 2-2m6 6.875 3-1.687M12 12.2v3.375m0-3.375-3-1.687m3 1.687 3 1.688M12 12.2V8.825m0 3.375-3 1.688m9 5.437a2 2 0 0 0 2-2v-4l1-1-1-1v-4a2 2 0 0 0-2-2" }) });
|
|
3927
3997
|
};
|
|
3928
3998
|
var code_asterix_default = SvgCodeAsterix;
|
|
3929
3999
|
|
|
3930
4000
|
// src/theme/default/components/card/list-item.tsx
|
|
3931
|
-
import { jsx as
|
|
4001
|
+
import { jsx as jsx63, jsxs as jsxs30 } from "react/jsx-runtime";
|
|
3932
4002
|
function ListItem({
|
|
3933
4003
|
icon: Icon,
|
|
3934
4004
|
as,
|
|
@@ -3939,7 +4009,7 @@ function ListItem({
|
|
|
3939
4009
|
...props
|
|
3940
4010
|
}) {
|
|
3941
4011
|
const Comp = as || "div";
|
|
3942
|
-
return /* @__PURE__ */
|
|
4012
|
+
return /* @__PURE__ */ jsxs30(
|
|
3943
4013
|
Comp,
|
|
3944
4014
|
{
|
|
3945
4015
|
...props,
|
|
@@ -3948,10 +4018,10 @@ function ListItem({
|
|
|
3948
4018
|
className
|
|
3949
4019
|
),
|
|
3950
4020
|
children: [
|
|
3951
|
-
/* @__PURE__ */
|
|
3952
|
-
/* @__PURE__ */
|
|
3953
|
-
/* @__PURE__ */
|
|
3954
|
-
/* @__PURE__ */
|
|
4021
|
+
/* @__PURE__ */ jsx63("span", { className: "mt-1", children: Icon && /* @__PURE__ */ jsx63(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
|
|
4022
|
+
/* @__PURE__ */ jsxs30("span", { className: "flex-1 leading-normal inline-flex flex-col max-w-full min-w-1", children: [
|
|
4023
|
+
/* @__PURE__ */ jsx63("span", { className: "text-interface-foreground-default-primary break-words", children: title }),
|
|
4024
|
+
/* @__PURE__ */ jsx63("span", { className: "text-interface-foreground-default-secondary", children: description })
|
|
3955
4025
|
] }),
|
|
3956
4026
|
children
|
|
3957
4027
|
]
|
|
@@ -3960,7 +4030,7 @@ function ListItem({
|
|
|
3960
4030
|
}
|
|
3961
4031
|
|
|
3962
4032
|
// src/theme/default/components/card/auth-method-list-item.tsx
|
|
3963
|
-
import { jsx as
|
|
4033
|
+
import { jsx as jsx64 } from "react/jsx-runtime";
|
|
3964
4034
|
var iconsMap = {
|
|
3965
4035
|
code: code_default,
|
|
3966
4036
|
passkey: passkey_default,
|
|
@@ -3979,7 +4049,7 @@ function DefaultAuthMethodListItem({
|
|
|
3979
4049
|
var _a;
|
|
3980
4050
|
const intl = useIntl13();
|
|
3981
4051
|
const Icon = iconsMap[group] || null;
|
|
3982
|
-
return /* @__PURE__ */
|
|
4052
|
+
return /* @__PURE__ */ jsx64(
|
|
3983
4053
|
ListItem,
|
|
3984
4054
|
{
|
|
3985
4055
|
as: "button",
|
|
@@ -4006,8 +4076,8 @@ import {
|
|
|
4006
4076
|
import { cva } from "class-variance-authority";
|
|
4007
4077
|
import { useFormContext as useFormContext14 } from "react-hook-form";
|
|
4008
4078
|
import { useIntl as useIntl14 } from "react-intl";
|
|
4009
|
-
import { useEffect as
|
|
4010
|
-
import { jsx as
|
|
4079
|
+
import { useEffect as useEffect4, useState as useState4 } from "react";
|
|
4080
|
+
import { jsx as jsx65, jsxs as jsxs31 } from "react/jsx-runtime";
|
|
4011
4081
|
var buttonStyles = cva(
|
|
4012
4082
|
[
|
|
4013
4083
|
"relative flex justify-center gap-3 overflow-hidden rounded-buttons leading-none ring-1 ring-inset font-medium",
|
|
@@ -4047,20 +4117,20 @@ var DefaultButton = ({
|
|
|
4047
4117
|
}) => {
|
|
4048
4118
|
var _a;
|
|
4049
4119
|
const { type, name, value, ...rest } = attributes;
|
|
4050
|
-
const [clicked, setClicked] =
|
|
4120
|
+
const [clicked, setClicked] = useState4(false);
|
|
4051
4121
|
const intl = useIntl14();
|
|
4052
4122
|
const label = getNodeLabel(node);
|
|
4053
4123
|
const {
|
|
4054
4124
|
formState: { isSubmitting },
|
|
4055
4125
|
setValue
|
|
4056
4126
|
} = useFormContext14();
|
|
4057
|
-
|
|
4127
|
+
useEffect4(() => {
|
|
4058
4128
|
if (!isSubmitting) {
|
|
4059
4129
|
setClicked(false);
|
|
4060
4130
|
}
|
|
4061
4131
|
}, [isSubmitting]);
|
|
4062
4132
|
const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret") || attributes.name.includes("action") && attributes.value === "accept";
|
|
4063
|
-
return /* @__PURE__ */
|
|
4133
|
+
return /* @__PURE__ */ jsxs31(
|
|
4064
4134
|
"button",
|
|
4065
4135
|
{
|
|
4066
4136
|
...omitInputAttributes(rest),
|
|
@@ -4080,8 +4150,8 @@ var DefaultButton = ({
|
|
|
4080
4150
|
disabled: (_a = rest.disabled) != null ? _a : isSubmitting,
|
|
4081
4151
|
"data-loading": clicked,
|
|
4082
4152
|
children: [
|
|
4083
|
-
clicked ? /* @__PURE__ */
|
|
4084
|
-
label ? /* @__PURE__ */
|
|
4153
|
+
clicked ? /* @__PURE__ */ jsx65(Spinner, {}) : null,
|
|
4154
|
+
label ? /* @__PURE__ */ jsx65("span", { children: uiTextToFormattedMessage4(label, intl) }) : ""
|
|
4085
4155
|
]
|
|
4086
4156
|
}
|
|
4087
4157
|
);
|
|
@@ -4091,7 +4161,7 @@ DefaultButton.displayName = "DefaultButton";
|
|
|
4091
4161
|
// src/theme/default/components/form/checkbox.tsx
|
|
4092
4162
|
import { getNodeLabel as getNodeLabel2 } from "@ory/client-fetch";
|
|
4093
4163
|
import {
|
|
4094
|
-
messageTestId as
|
|
4164
|
+
messageTestId as messageTestId3,
|
|
4095
4165
|
uiTextToFormattedMessage as uiTextToFormattedMessage5
|
|
4096
4166
|
} from "@ory/elements-react";
|
|
4097
4167
|
import { useFormContext as useFormContext15 } from "react-hook-form";
|
|
@@ -4099,7 +4169,7 @@ import { useIntl as useIntl16 } from "react-intl";
|
|
|
4099
4169
|
|
|
4100
4170
|
// src/theme/default/components/ui/checkbox-label.tsx
|
|
4101
4171
|
import { useIntl as useIntl15 } from "react-intl";
|
|
4102
|
-
import { Fragment as Fragment10, jsx as
|
|
4172
|
+
import { Fragment as Fragment10, jsx as jsx66 } from "react/jsx-runtime";
|
|
4103
4173
|
var linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
|
|
4104
4174
|
function computeLabelElements(labelText) {
|
|
4105
4175
|
const elements = [];
|
|
@@ -4115,7 +4185,7 @@ function computeLabelElements(labelText) {
|
|
|
4115
4185
|
elements.push(labelText.slice(lastIndex, matchStart));
|
|
4116
4186
|
}
|
|
4117
4187
|
elements.push(
|
|
4118
|
-
/* @__PURE__ */
|
|
4188
|
+
/* @__PURE__ */ jsx66(
|
|
4119
4189
|
"a",
|
|
4120
4190
|
{
|
|
4121
4191
|
href: url,
|
|
@@ -4140,13 +4210,13 @@ function CheckboxLabel({ label }) {
|
|
|
4140
4210
|
return null;
|
|
4141
4211
|
}
|
|
4142
4212
|
const labelText = uiTextToFormattedMessage(label, intl);
|
|
4143
|
-
return /* @__PURE__ */
|
|
4213
|
+
return /* @__PURE__ */ jsx66(Fragment10, { children: computeLabelElements(labelText) });
|
|
4144
4214
|
}
|
|
4145
4215
|
|
|
4146
4216
|
// src/theme/default/components/form/checkbox.tsx
|
|
4147
|
-
import { jsx as
|
|
4217
|
+
import { jsx as jsx67, jsxs as jsxs32 } from "react/jsx-runtime";
|
|
4148
4218
|
function CheckboxSVG() {
|
|
4149
|
-
return /* @__PURE__ */
|
|
4219
|
+
return /* @__PURE__ */ jsx67(
|
|
4150
4220
|
"svg",
|
|
4151
4221
|
{
|
|
4152
4222
|
className: "absolute hidden size-4 peer-checked:block fill-checkbox-foreground-checked",
|
|
@@ -4155,7 +4225,7 @@ function CheckboxSVG() {
|
|
|
4155
4225
|
height: "16",
|
|
4156
4226
|
viewBox: "0 0 16 16",
|
|
4157
4227
|
fill: "none",
|
|
4158
|
-
children: /* @__PURE__ */
|
|
4228
|
+
children: /* @__PURE__ */ jsx67(
|
|
4159
4229
|
"path",
|
|
4160
4230
|
{
|
|
4161
4231
|
fillRule: "evenodd",
|
|
@@ -4175,9 +4245,9 @@ var DefaultCheckbox = ({
|
|
|
4175
4245
|
const label = getNodeLabel2(node);
|
|
4176
4246
|
const { register } = useFormContext15();
|
|
4177
4247
|
const hasError = node.messages.some((m) => m.type === "error");
|
|
4178
|
-
return /* @__PURE__ */
|
|
4179
|
-
/* @__PURE__ */
|
|
4180
|
-
/* @__PURE__ */
|
|
4248
|
+
return /* @__PURE__ */ jsxs32("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
|
|
4249
|
+
/* @__PURE__ */ jsxs32("span", { className: "flex h-5 items-center", children: [
|
|
4250
|
+
/* @__PURE__ */ jsx67(
|
|
4181
4251
|
"input",
|
|
4182
4252
|
{
|
|
4183
4253
|
...omitInputAttributes(attributes),
|
|
@@ -4190,18 +4260,18 @@ var DefaultCheckbox = ({
|
|
|
4190
4260
|
...register(name)
|
|
4191
4261
|
}
|
|
4192
4262
|
),
|
|
4193
|
-
/* @__PURE__ */
|
|
4263
|
+
/* @__PURE__ */ jsx67(CheckboxSVG, {})
|
|
4194
4264
|
] }),
|
|
4195
|
-
/* @__PURE__ */
|
|
4196
|
-
/* @__PURE__ */
|
|
4197
|
-
node.messages.map((message) => /* @__PURE__ */
|
|
4265
|
+
/* @__PURE__ */ jsxs32("span", { className: "flex flex-col", children: [
|
|
4266
|
+
/* @__PURE__ */ jsx67("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx67(CheckboxLabel, { label }) }),
|
|
4267
|
+
node.messages.map((message) => /* @__PURE__ */ jsx67(
|
|
4198
4268
|
"span",
|
|
4199
4269
|
{
|
|
4200
4270
|
className: cn(
|
|
4201
4271
|
"mt-1",
|
|
4202
4272
|
message.type === "error" ? "text-interface-foreground-validation-danger" : "text-interface-foreground-default-secondary"
|
|
4203
4273
|
),
|
|
4204
|
-
...
|
|
4274
|
+
...messageTestId3(message),
|
|
4205
4275
|
children: uiTextToFormattedMessage5(message, intl)
|
|
4206
4276
|
},
|
|
4207
4277
|
message.id
|
|
@@ -4226,14 +4296,14 @@ function countRenderableChildren(children) {
|
|
|
4226
4296
|
}
|
|
4227
4297
|
|
|
4228
4298
|
// src/theme/default/components/form/group-container.tsx
|
|
4229
|
-
import { jsx as
|
|
4299
|
+
import { jsx as jsx68 } from "react/jsx-runtime";
|
|
4230
4300
|
function DefaultGroupContainer({ children }) {
|
|
4231
4301
|
const { flowType } = useOryFlow9();
|
|
4232
4302
|
const count = countRenderableChildren(children);
|
|
4233
4303
|
if (count === 0) {
|
|
4234
4304
|
return null;
|
|
4235
4305
|
}
|
|
4236
|
-
return /* @__PURE__ */
|
|
4306
|
+
return /* @__PURE__ */ jsx68(
|
|
4237
4307
|
"div",
|
|
4238
4308
|
{
|
|
4239
4309
|
className: cn(
|
|
@@ -4246,16 +4316,16 @@ function DefaultGroupContainer({ children }) {
|
|
|
4246
4316
|
}
|
|
4247
4317
|
|
|
4248
4318
|
// src/theme/default/components/form/horizontal-divider.tsx
|
|
4249
|
-
import { jsx as
|
|
4319
|
+
import { jsx as jsx69 } from "react/jsx-runtime";
|
|
4250
4320
|
function DefaultHorizontalDivider() {
|
|
4251
|
-
return /* @__PURE__ */
|
|
4321
|
+
return /* @__PURE__ */ jsx69("hr", { className: "border-interface-border-default-primary" });
|
|
4252
4322
|
}
|
|
4253
4323
|
|
|
4254
4324
|
// src/theme/default/components/form/image.tsx
|
|
4255
|
-
import { jsx as
|
|
4325
|
+
import { jsx as jsx70 } from "react/jsx-runtime";
|
|
4256
4326
|
function DefaultImage({ attributes, node }) {
|
|
4257
4327
|
var _a;
|
|
4258
|
-
return /* @__PURE__ */
|
|
4328
|
+
return /* @__PURE__ */ jsx70("figure", { children: /* @__PURE__ */ jsx70(
|
|
4259
4329
|
"img",
|
|
4260
4330
|
{
|
|
4261
4331
|
...omitInputAttributes(attributes),
|
|
@@ -4270,33 +4340,33 @@ import {
|
|
|
4270
4340
|
uiTextToFormattedMessage as uiTextToFormattedMessage6,
|
|
4271
4341
|
useOryFlow as useOryFlow10
|
|
4272
4342
|
} from "@ory/elements-react";
|
|
4273
|
-
import { useRef as useRef2, useState as
|
|
4343
|
+
import { useRef as useRef2, useState as useState5 } from "react";
|
|
4274
4344
|
import { useFormContext as useFormContext16 } from "react-hook-form";
|
|
4275
4345
|
import { useIntl as useIntl17 } from "react-intl";
|
|
4276
4346
|
|
|
4277
4347
|
// src/theme/default/assets/icons/eye-off.svg
|
|
4278
|
-
import * as
|
|
4279
|
-
import { jsx as
|
|
4348
|
+
import * as React23 from "react";
|
|
4349
|
+
import { jsx as jsx71 } from "react/jsx-runtime";
|
|
4280
4350
|
var SvgEyeOff = (props) => {
|
|
4281
4351
|
var _a, _b;
|
|
4282
|
-
return /* @__PURE__ */
|
|
4352
|
+
return /* @__PURE__ */ jsx71("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx71("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M10.585 10.587a2 2 0 0 0 2.829 2.828m3.267 3.258A8.7 8.7 0 0 1 12 18q-5.4 0-9-6 1.908-3.18 4.32-4.674m2.86-1.146A9 9 0 0 1 12 6q5.4 0 9 6-1 1.665-2.138 2.87M3 3l18 18" }) });
|
|
4283
4353
|
};
|
|
4284
4354
|
var eye_off_default = SvgEyeOff;
|
|
4285
4355
|
|
|
4286
4356
|
// src/theme/default/assets/icons/eye.svg
|
|
4287
|
-
import * as
|
|
4288
|
-
import { jsx as
|
|
4357
|
+
import * as React24 from "react";
|
|
4358
|
+
import { jsx as jsx72, jsxs as jsxs33 } from "react/jsx-runtime";
|
|
4289
4359
|
var SvgEye = (props) => {
|
|
4290
4360
|
var _a, _b;
|
|
4291
|
-
return /* @__PURE__ */
|
|
4292
|
-
/* @__PURE__ */
|
|
4293
|
-
/* @__PURE__ */
|
|
4361
|
+
return /* @__PURE__ */ jsx72("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsxs33("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
4362
|
+
/* @__PURE__ */ jsx72("path", { d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
|
|
4363
|
+
/* @__PURE__ */ jsx72("path", { d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
|
|
4294
4364
|
] }) });
|
|
4295
4365
|
};
|
|
4296
4366
|
var eye_default = SvgEye;
|
|
4297
4367
|
|
|
4298
4368
|
// src/theme/default/components/form/input.tsx
|
|
4299
|
-
import { jsx as
|
|
4369
|
+
import { jsx as jsx73, jsxs as jsxs34 } from "react/jsx-runtime";
|
|
4300
4370
|
var defaultInputClassName = cn(
|
|
4301
4371
|
"antialiased rounded-forms border leading-tight transition-colors placeholder:h-[20px] placeholder:text-input-foreground-tertiary focus-visible:outline-none focus:ring-0 w-full",
|
|
4302
4372
|
"bg-input-background-default border-input-border-default text-input-foreground-primary",
|
|
@@ -4326,7 +4396,7 @@ var DefaultInput = ({
|
|
|
4326
4396
|
}
|
|
4327
4397
|
) : "";
|
|
4328
4398
|
if (rest.type === "hidden") {
|
|
4329
|
-
return /* @__PURE__ */
|
|
4399
|
+
return /* @__PURE__ */ jsx73(
|
|
4330
4400
|
"input",
|
|
4331
4401
|
{
|
|
4332
4402
|
...rest,
|
|
@@ -4340,7 +4410,7 @@ var DefaultInput = ({
|
|
|
4340
4410
|
);
|
|
4341
4411
|
}
|
|
4342
4412
|
const { ref, ...restRegister } = register(name, { value });
|
|
4343
|
-
return /* @__PURE__ */
|
|
4413
|
+
return /* @__PURE__ */ jsxs34(
|
|
4344
4414
|
"div",
|
|
4345
4415
|
{
|
|
4346
4416
|
className: cn(
|
|
@@ -4349,7 +4419,7 @@ var DefaultInput = ({
|
|
|
4349
4419
|
flowType === FlowType15.Settings && "max-w-[488px]"
|
|
4350
4420
|
),
|
|
4351
4421
|
children: [
|
|
4352
|
-
/* @__PURE__ */
|
|
4422
|
+
/* @__PURE__ */ jsx73(
|
|
4353
4423
|
"input",
|
|
4354
4424
|
{
|
|
4355
4425
|
...omitInputAttributes(rest),
|
|
@@ -4366,7 +4436,7 @@ var DefaultInput = ({
|
|
|
4366
4436
|
...restRegister
|
|
4367
4437
|
}
|
|
4368
4438
|
),
|
|
4369
|
-
rest.type === "password" && /* @__PURE__ */
|
|
4439
|
+
rest.type === "password" && /* @__PURE__ */ jsx73(PasswordToggle, { inputRef })
|
|
4370
4440
|
]
|
|
4371
4441
|
}
|
|
4372
4442
|
);
|
|
@@ -4374,21 +4444,21 @@ var DefaultInput = ({
|
|
|
4374
4444
|
function PasswordToggle({
|
|
4375
4445
|
inputRef
|
|
4376
4446
|
}) {
|
|
4377
|
-
const [shown, setShown] =
|
|
4447
|
+
const [shown, setShown] = useState5(false);
|
|
4378
4448
|
const handleClick = () => {
|
|
4379
4449
|
setShown(!shown);
|
|
4380
4450
|
if (inputRef.current) {
|
|
4381
4451
|
inputRef.current.type = shown ? "password" : "text";
|
|
4382
4452
|
}
|
|
4383
4453
|
};
|
|
4384
|
-
return /* @__PURE__ */
|
|
4454
|
+
return /* @__PURE__ */ jsx73(
|
|
4385
4455
|
"button",
|
|
4386
4456
|
{
|
|
4387
4457
|
onClick: handleClick,
|
|
4388
4458
|
className: "absolute right-0 h-full w-12 flex items-center justify-center",
|
|
4389
4459
|
type: "button",
|
|
4390
4460
|
"aria-label": "Toggle password visibility",
|
|
4391
|
-
children: shown ? /* @__PURE__ */
|
|
4461
|
+
children: shown ? /* @__PURE__ */ jsx73(eye_off_default, {}) : /* @__PURE__ */ jsx73(eye_default, {})
|
|
4392
4462
|
}
|
|
4393
4463
|
);
|
|
4394
4464
|
}
|
|
@@ -4400,14 +4470,14 @@ import {
|
|
|
4400
4470
|
instanceOfUiText
|
|
4401
4471
|
} from "@ory/client-fetch";
|
|
4402
4472
|
import {
|
|
4403
|
-
messageTestId as
|
|
4473
|
+
messageTestId as messageTestId4,
|
|
4404
4474
|
uiTextToFormattedMessage as uiTextToFormattedMessage7,
|
|
4405
4475
|
useComponents as useComponents5,
|
|
4406
4476
|
useOryFlow as useOryFlow11
|
|
4407
4477
|
} from "@ory/elements-react";
|
|
4408
4478
|
import { useFormContext as useFormContext17 } from "react-hook-form";
|
|
4409
4479
|
import { useIntl as useIntl18 } from "react-intl";
|
|
4410
|
-
import { jsx as
|
|
4480
|
+
import { jsx as jsx74, jsxs as jsxs35 } from "react/jsx-runtime";
|
|
4411
4481
|
function findResendNode(nodes) {
|
|
4412
4482
|
return nodes.find(
|
|
4413
4483
|
(n) => "name" in n.attributes && (n.attributes.name === "email" && n.attributes.type === "submit" || n.attributes.name === "resend")
|
|
@@ -4432,12 +4502,12 @@ function DefaultLabel({
|
|
|
4432
4502
|
}
|
|
4433
4503
|
};
|
|
4434
4504
|
const fieldError = formState.errors[attributes.name];
|
|
4435
|
-
return /* @__PURE__ */
|
|
4436
|
-
label && /* @__PURE__ */
|
|
4437
|
-
/* @__PURE__ */
|
|
4505
|
+
return /* @__PURE__ */ jsxs35("div", { className: "flex flex-col gap-1 antialiased", children: [
|
|
4506
|
+
label && /* @__PURE__ */ jsxs35("span", { className: "inline-flex justify-between", children: [
|
|
4507
|
+
/* @__PURE__ */ jsx74(
|
|
4438
4508
|
"label",
|
|
4439
4509
|
{
|
|
4440
|
-
...
|
|
4510
|
+
...messageTestId4(label),
|
|
4441
4511
|
className: "leading-normal text-input-foreground-primary",
|
|
4442
4512
|
htmlFor: attributes.name,
|
|
4443
4513
|
"data-testid": `ory/form/node/input/label/${attributes.name}`,
|
|
@@ -4446,7 +4516,7 @@ function DefaultLabel({
|
|
|
4446
4516
|
}
|
|
4447
4517
|
),
|
|
4448
4518
|
isPassword && config.project.recovery_enabled && flowType === FlowType16.Login && // TODO: make it possible to override with a custom component
|
|
4449
|
-
/* @__PURE__ */
|
|
4519
|
+
/* @__PURE__ */ jsx74(
|
|
4450
4520
|
"a",
|
|
4451
4521
|
{
|
|
4452
4522
|
href: initFlowUrl(config.sdk.url, "recovery", flow),
|
|
@@ -4457,7 +4527,7 @@ function DefaultLabel({
|
|
|
4457
4527
|
})
|
|
4458
4528
|
}
|
|
4459
4529
|
),
|
|
4460
|
-
(resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */
|
|
4530
|
+
(resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ jsx74(
|
|
4461
4531
|
"button",
|
|
4462
4532
|
{
|
|
4463
4533
|
type: "submit",
|
|
@@ -4470,8 +4540,8 @@ function DefaultLabel({
|
|
|
4470
4540
|
)
|
|
4471
4541
|
] }),
|
|
4472
4542
|
children,
|
|
4473
|
-
node.messages.map((message) => /* @__PURE__ */
|
|
4474
|
-
fieldError && instanceOfUiText(fieldError) && /* @__PURE__ */
|
|
4543
|
+
node.messages.map((message) => /* @__PURE__ */ jsx74(Message.Content, { message }, message.id)),
|
|
4544
|
+
fieldError && instanceOfUiText(fieldError) && /* @__PURE__ */ jsx74(Message.Content, { message: fieldError })
|
|
4475
4545
|
] });
|
|
4476
4546
|
}
|
|
4477
4547
|
|
|
@@ -4482,11 +4552,11 @@ import {
|
|
|
4482
4552
|
} from "@ory/elements-react";
|
|
4483
4553
|
import { forwardRef } from "react";
|
|
4484
4554
|
import { useIntl as useIntl19 } from "react-intl";
|
|
4485
|
-
import { jsx as
|
|
4555
|
+
import { jsx as jsx75 } from "react/jsx-runtime";
|
|
4486
4556
|
var DefaultLinkButton = forwardRef(({ attributes, node }, ref) => {
|
|
4487
4557
|
const intl = useIntl19();
|
|
4488
4558
|
const label = getNodeLabel5(node);
|
|
4489
|
-
return /* @__PURE__ */
|
|
4559
|
+
return /* @__PURE__ */ jsx75(
|
|
4490
4560
|
"a",
|
|
4491
4561
|
{
|
|
4492
4562
|
...omitInputAttributes(attributes),
|
|
@@ -4507,9 +4577,9 @@ import { useFormContext as useFormContext18 } from "react-hook-form";
|
|
|
4507
4577
|
|
|
4508
4578
|
// src/theme/default/components/form/shadcn/otp-input.tsx
|
|
4509
4579
|
import { OTPInput, OTPInputContext } from "input-otp";
|
|
4510
|
-
import * as
|
|
4511
|
-
import { jsx as
|
|
4512
|
-
var InputOTP =
|
|
4580
|
+
import * as React25 from "react";
|
|
4581
|
+
import { jsx as jsx76, jsxs as jsxs36 } from "react/jsx-runtime";
|
|
4582
|
+
var InputOTP = React25.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx76(
|
|
4513
4583
|
OTPInput,
|
|
4514
4584
|
{
|
|
4515
4585
|
ref,
|
|
@@ -4522,12 +4592,12 @@ var InputOTP = React26.forwardRef(({ className, containerClassName, ...props },
|
|
|
4522
4592
|
}
|
|
4523
4593
|
));
|
|
4524
4594
|
InputOTP.displayName = "InputOTP";
|
|
4525
|
-
var InputOTPGroup =
|
|
4595
|
+
var InputOTPGroup = React25.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx76("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
4526
4596
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
4527
|
-
var InputOTPSlot =
|
|
4528
|
-
const inputOTPContext =
|
|
4597
|
+
var InputOTPSlot = React25.forwardRef(({ index, className, ...props }, ref) => {
|
|
4598
|
+
const inputOTPContext = React25.useContext(OTPInputContext);
|
|
4529
4599
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
4530
|
-
return /* @__PURE__ */
|
|
4600
|
+
return /* @__PURE__ */ jsxs36(
|
|
4531
4601
|
"div",
|
|
4532
4602
|
{
|
|
4533
4603
|
ref,
|
|
@@ -4539,8 +4609,8 @@ var InputOTPSlot = React26.forwardRef(({ index, className, ...props }, ref) => {
|
|
|
4539
4609
|
),
|
|
4540
4610
|
...props,
|
|
4541
4611
|
children: [
|
|
4542
|
-
/* @__PURE__ */
|
|
4543
|
-
hasFakeCaret && /* @__PURE__ */
|
|
4612
|
+
/* @__PURE__ */ jsx76("span", { className: "inline-block size-4", children: char }),
|
|
4613
|
+
hasFakeCaret && /* @__PURE__ */ jsx76("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx76("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
|
|
4544
4614
|
]
|
|
4545
4615
|
}
|
|
4546
4616
|
);
|
|
@@ -4550,7 +4620,7 @@ InputOTPSlot.displayName = "InputOTPSlot";
|
|
|
4550
4620
|
// src/theme/default/components/form/pin-code-input.tsx
|
|
4551
4621
|
import { useOryFlow as useOryFlow12 } from "@ory/elements-react";
|
|
4552
4622
|
import { FlowType as FlowType17 } from "@ory/client-fetch";
|
|
4553
|
-
import { jsx as
|
|
4623
|
+
import { jsx as jsx77 } from "react/jsx-runtime";
|
|
4554
4624
|
var DefaultPinCodeInput = ({ attributes }) => {
|
|
4555
4625
|
const { setValue, watch } = useFormContext18();
|
|
4556
4626
|
const { maxlength, name } = attributes;
|
|
@@ -4560,14 +4630,14 @@ var DefaultPinCodeInput = ({ attributes }) => {
|
|
|
4560
4630
|
setValue(name, v);
|
|
4561
4631
|
};
|
|
4562
4632
|
const value = watch(name);
|
|
4563
|
-
return /* @__PURE__ */
|
|
4633
|
+
return /* @__PURE__ */ jsx77(
|
|
4564
4634
|
InputOTP,
|
|
4565
4635
|
{
|
|
4566
4636
|
maxLength: maxlength != null ? maxlength : 6,
|
|
4567
4637
|
onChange: handleInputChange,
|
|
4568
4638
|
name,
|
|
4569
4639
|
value,
|
|
4570
|
-
children: /* @__PURE__ */
|
|
4640
|
+
children: /* @__PURE__ */ jsx77(
|
|
4571
4641
|
InputOTPGroup,
|
|
4572
4642
|
{
|
|
4573
4643
|
className: cn(
|
|
@@ -4575,7 +4645,7 @@ var DefaultPinCodeInput = ({ attributes }) => {
|
|
|
4575
4645
|
// The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
|
|
4576
4646
|
flowType === FlowType17.Settings && "max-w-[488px]"
|
|
4577
4647
|
),
|
|
4578
|
-
children: [...Array(elements)].map((_, index) => /* @__PURE__ */
|
|
4648
|
+
children: [...Array(elements)].map((_, index) => /* @__PURE__ */ jsx77(InputOTPSlot, { index }, index))
|
|
4579
4649
|
}
|
|
4580
4650
|
)
|
|
4581
4651
|
}
|
|
@@ -4583,13 +4653,13 @@ var DefaultPinCodeInput = ({ attributes }) => {
|
|
|
4583
4653
|
};
|
|
4584
4654
|
|
|
4585
4655
|
// src/theme/default/components/form/section.tsx
|
|
4586
|
-
import { jsx as
|
|
4656
|
+
import { jsx as jsx78, jsxs as jsxs37 } from "react/jsx-runtime";
|
|
4587
4657
|
var DefaultFormSection = ({
|
|
4588
4658
|
children,
|
|
4589
4659
|
nodes: _nodes,
|
|
4590
4660
|
...rest
|
|
4591
4661
|
}) => {
|
|
4592
|
-
return /* @__PURE__ */
|
|
4662
|
+
return /* @__PURE__ */ jsx78(
|
|
4593
4663
|
"form",
|
|
4594
4664
|
{
|
|
4595
4665
|
className: "flex w-full max-w-screen-sm flex-col md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] px-4",
|
|
@@ -4603,10 +4673,10 @@ var DefaultFormSectionContent = ({
|
|
|
4603
4673
|
description,
|
|
4604
4674
|
children
|
|
4605
4675
|
}) => {
|
|
4606
|
-
return /* @__PURE__ */
|
|
4607
|
-
/* @__PURE__ */
|
|
4608
|
-
/* @__PURE__ */
|
|
4609
|
-
/* @__PURE__ */
|
|
4676
|
+
return /* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
|
|
4677
|
+
/* @__PURE__ */ jsxs37("div", { className: "flex flex-col gap-2", children: [
|
|
4678
|
+
/* @__PURE__ */ jsx78("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
|
|
4679
|
+
/* @__PURE__ */ jsx78("span", { className: "text-interface-foreground-default-secondary", children: description })
|
|
4610
4680
|
] }),
|
|
4611
4681
|
children
|
|
4612
4682
|
] });
|
|
@@ -4615,14 +4685,14 @@ var DefaultFormSectionFooter = ({
|
|
|
4615
4685
|
children,
|
|
4616
4686
|
text
|
|
4617
4687
|
}) => {
|
|
4618
|
-
return /* @__PURE__ */
|
|
4688
|
+
return /* @__PURE__ */ jsxs37(
|
|
4619
4689
|
"div",
|
|
4620
4690
|
{
|
|
4621
4691
|
className: cn(
|
|
4622
4692
|
"flex min-h-[72px] items-center justify-between gap-2 rounded-b-cards border border-interface-border-default-primary bg-interface-background-default-secondary px-6 py-4 text-interface-foreground-default-tertiary"
|
|
4623
4693
|
),
|
|
4624
4694
|
children: [
|
|
4625
|
-
/* @__PURE__ */
|
|
4695
|
+
/* @__PURE__ */ jsx78("span", { children: text }),
|
|
4626
4696
|
children
|
|
4627
4697
|
]
|
|
4628
4698
|
}
|
|
@@ -4632,31 +4702,31 @@ var DefaultFormSectionFooter = ({
|
|
|
4632
4702
|
// src/theme/default/components/form/text.tsx
|
|
4633
4703
|
import { uiTextToFormattedMessage as uiTextToFormattedMessage9 } from "@ory/elements-react";
|
|
4634
4704
|
import { useIntl as useIntl20 } from "react-intl";
|
|
4635
|
-
import { Fragment as Fragment11, jsx as
|
|
4705
|
+
import { Fragment as Fragment11, jsx as jsx79, jsxs as jsxs38 } from "react/jsx-runtime";
|
|
4636
4706
|
function DefaultText({ node, attributes }) {
|
|
4637
4707
|
var _a;
|
|
4638
4708
|
const intl = useIntl20();
|
|
4639
4709
|
const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
|
|
4640
4710
|
if (lookup) {
|
|
4641
|
-
return /* @__PURE__ */
|
|
4642
|
-
/* @__PURE__ */
|
|
4643
|
-
lookup.map((text, index) => /* @__PURE__ */
|
|
4711
|
+
return /* @__PURE__ */ jsxs38(Fragment11, { children: [
|
|
4712
|
+
/* @__PURE__ */ jsx79("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? uiTextToFormattedMessage9(node.meta.label, intl) : "" }),
|
|
4713
|
+
lookup.map((text, index) => /* @__PURE__ */ jsx79(
|
|
4644
4714
|
"pre",
|
|
4645
4715
|
{
|
|
4646
4716
|
"data-testid": `ory/form/node/text/lookup_secret_codes/text`,
|
|
4647
|
-
children: /* @__PURE__ */
|
|
4717
|
+
children: /* @__PURE__ */ jsx79("code", { children: text ? uiTextToFormattedMessage9(text, intl) : "" })
|
|
4648
4718
|
},
|
|
4649
4719
|
index
|
|
4650
4720
|
))
|
|
4651
4721
|
] });
|
|
4652
4722
|
}
|
|
4653
|
-
return /* @__PURE__ */
|
|
4723
|
+
return /* @__PURE__ */ jsx79(Fragment11, { children: /* @__PURE__ */ jsxs38(
|
|
4654
4724
|
"p",
|
|
4655
4725
|
{
|
|
4656
4726
|
"data-testid": `ory/form/node/text/${attributes.id}/label`,
|
|
4657
4727
|
id: attributes.id,
|
|
4658
4728
|
children: [
|
|
4659
|
-
node.meta.label ? /* @__PURE__ */
|
|
4729
|
+
node.meta.label ? /* @__PURE__ */ jsx79("label", { children: uiTextToFormattedMessage9(node.meta.label, intl) }) : null,
|
|
4660
4730
|
attributes.text ? uiTextToFormattedMessage9(attributes.text, intl) : ""
|
|
4661
4731
|
]
|
|
4662
4732
|
}
|
|
@@ -4664,47 +4734,36 @@ function DefaultText({ node, attributes }) {
|
|
|
4664
4734
|
}
|
|
4665
4735
|
|
|
4666
4736
|
// src/theme/default/components/generic/page-header.tsx
|
|
4667
|
-
import {
|
|
4737
|
+
import {
|
|
4738
|
+
useComponents as useComponents6,
|
|
4739
|
+
useOryFlow as useOryFlow14
|
|
4740
|
+
} from "@ory/elements-react";
|
|
4668
4741
|
|
|
4669
4742
|
// src/theme/default/components/ui/user-menu.tsx
|
|
4670
4743
|
import { useOryFlow as useOryFlow13 } from "@ory/elements-react";
|
|
4671
4744
|
import { DropdownMenuLabel as DropdownMenuLabel2 } from "@radix-ui/react-dropdown-menu";
|
|
4672
4745
|
|
|
4673
4746
|
// src/theme/default/assets/icons/logout.svg
|
|
4674
|
-
import * as
|
|
4675
|
-
import { jsx as
|
|
4747
|
+
import * as React26 from "react";
|
|
4748
|
+
import { jsx as jsx80 } from "react/jsx-runtime";
|
|
4676
4749
|
var SvgLogout = (props) => {
|
|
4677
4750
|
var _a, _b;
|
|
4678
|
-
return /* @__PURE__ */
|
|
4751
|
+
return /* @__PURE__ */ jsx80("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx80("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 5.334V4A1.333 1.333 0 0 0 8 2.667H3.333A1.333 1.333 0 0 0 2 4v8a1.333 1.333 0 0 0 1.333 1.334H8A1.333 1.333 0 0 0 9.333 12v-1.333M4.667 8H14m0 0-2-2m2 2-2 2" }) });
|
|
4679
4752
|
};
|
|
4680
4753
|
var logout_default = SvgLogout;
|
|
4681
4754
|
|
|
4682
4755
|
// src/theme/default/assets/icons/settings.svg
|
|
4683
|
-
import * as
|
|
4684
|
-
import { jsx as
|
|
4756
|
+
import * as React27 from "react";
|
|
4757
|
+
import { jsx as jsx81, jsxs as jsxs39 } from "react/jsx-runtime";
|
|
4685
4758
|
var SvgSettings = (props) => {
|
|
4686
4759
|
var _a, _b;
|
|
4687
|
-
return /* @__PURE__ */
|
|
4688
|
-
/* @__PURE__ */
|
|
4689
|
-
/* @__PURE__ */
|
|
4760
|
+
return /* @__PURE__ */ jsx81("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsxs39("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
4761
|
+
/* @__PURE__ */ jsx81("path", { d: "M6.883 2.878c.284-1.17 1.95-1.17 2.234 0a1.15 1.15 0 0 0 1.715.71c1.029-.626 2.207.551 1.58 1.58a1.148 1.148 0 0 0 .71 1.715c1.17.284 1.17 1.95 0 2.234a1.15 1.15 0 0 0-.71 1.715c.626 1.029-.551 2.207-1.58 1.58a1.148 1.148 0 0 0-1.715.71c-.284 1.17-1.95 1.17-2.234 0a1.15 1.15 0 0 0-1.715-.71c-1.029.626-2.207-.551-1.58-1.58a1.15 1.15 0 0 0-.71-1.715c-1.17-.284-1.17-1.95 0-2.234a1.15 1.15 0 0 0 .71-1.715c-.626-1.029.551-2.207 1.58-1.58.667.405 1.531.047 1.715-.71" }),
|
|
4762
|
+
/* @__PURE__ */ jsx81("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
|
|
4690
4763
|
] }) });
|
|
4691
4764
|
};
|
|
4692
4765
|
var settings_default = SvgSettings;
|
|
4693
4766
|
|
|
4694
|
-
// src/theme/default/utils/logout.ts
|
|
4695
|
-
import { useCallback, useEffect as useEffect4, useState as useState5 } from "react";
|
|
4696
|
-
function useClientLogout(config) {
|
|
4697
|
-
const [logoutFlow, setLogoutFlow] = useState5();
|
|
4698
|
-
const fetchLogoutFlow = useCallback(async () => {
|
|
4699
|
-
const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
|
|
4700
|
-
setLogoutFlow(flow);
|
|
4701
|
-
}, [config.sdk.url]);
|
|
4702
|
-
useEffect4(() => {
|
|
4703
|
-
void fetchLogoutFlow();
|
|
4704
|
-
}, [fetchLogoutFlow]);
|
|
4705
|
-
return logoutFlow;
|
|
4706
|
-
}
|
|
4707
|
-
|
|
4708
4767
|
// src/theme/default/utils/user.ts
|
|
4709
4768
|
function isTraitsIndexable(traits) {
|
|
4710
4769
|
return typeof traits === "object" && traits !== null;
|
|
@@ -4747,10 +4806,10 @@ var getUserInitials = (session) => {
|
|
|
4747
4806
|
// src/theme/default/components/ui/dropdown-menu.tsx
|
|
4748
4807
|
import { forwardRef as forwardRef3 } from "react";
|
|
4749
4808
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
4750
|
-
import { jsx as
|
|
4809
|
+
import { jsx as jsx82 } from "react/jsx-runtime";
|
|
4751
4810
|
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
4752
4811
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
4753
|
-
var DropdownMenuContent = forwardRef3(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */
|
|
4812
|
+
var DropdownMenuContent = forwardRef3(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ jsx82(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx82(
|
|
4754
4813
|
DropdownMenuPrimitive.Content,
|
|
4755
4814
|
{
|
|
4756
4815
|
ref,
|
|
@@ -4765,7 +4824,7 @@ var DropdownMenuContent = forwardRef3(({ className, sideOffset = 16, ...props },
|
|
|
4765
4824
|
}
|
|
4766
4825
|
) }));
|
|
4767
4826
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
4768
|
-
var DropdownMenuItem = forwardRef3(({ className, inset, ...props }, ref) => /* @__PURE__ */
|
|
4827
|
+
var DropdownMenuItem = forwardRef3(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx82(
|
|
4769
4828
|
DropdownMenuPrimitive.Item,
|
|
4770
4829
|
{
|
|
4771
4830
|
ref,
|
|
@@ -4783,7 +4842,7 @@ var DropdownMenuItem = forwardRef3(({ className, inset, ...props }, ref) => /* @
|
|
|
4783
4842
|
}
|
|
4784
4843
|
));
|
|
4785
4844
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
4786
|
-
var DropdownMenuLabel = forwardRef3(({ className, inset, ...props }, ref) => /* @__PURE__ */
|
|
4845
|
+
var DropdownMenuLabel = forwardRef3(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx82(
|
|
4787
4846
|
DropdownMenuPrimitive.Label,
|
|
4788
4847
|
{
|
|
4789
4848
|
ref,
|
|
@@ -4801,32 +4860,32 @@ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
|
4801
4860
|
import { forwardRef as forwardRef4 } from "react";
|
|
4802
4861
|
|
|
4803
4862
|
// src/theme/default/assets/icons/user.svg
|
|
4804
|
-
import * as
|
|
4805
|
-
import { jsx as
|
|
4863
|
+
import * as React28 from "react";
|
|
4864
|
+
import { jsx as jsx83 } from "react/jsx-runtime";
|
|
4806
4865
|
var SvgUser = (props) => {
|
|
4807
4866
|
var _a, _b;
|
|
4808
|
-
return /* @__PURE__ */
|
|
4867
|
+
return /* @__PURE__ */ jsx83("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx83("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M6 21v-2a4 4 0 0 1 4-4h4a4 4 0 0 1 4 4v2M8 7a4 4 0 1 0 8 0 4 4 0 0 0-8 0" }) });
|
|
4809
4868
|
};
|
|
4810
4869
|
var user_default = SvgUser;
|
|
4811
4870
|
|
|
4812
4871
|
// src/theme/default/components/ui/user-avater.tsx
|
|
4813
|
-
import { jsx as
|
|
4872
|
+
import { jsx as jsx84 } from "react/jsx-runtime";
|
|
4814
4873
|
var UserAvatar = forwardRef4(
|
|
4815
4874
|
({ initials, ...rest }, ref) => {
|
|
4816
|
-
return /* @__PURE__ */
|
|
4875
|
+
return /* @__PURE__ */ jsx84(
|
|
4817
4876
|
"button",
|
|
4818
4877
|
{
|
|
4819
4878
|
ref,
|
|
4820
4879
|
className: "relative flex size-10 items-center justify-center overflow-hidden rounded-[999px] bg-button-primary-background-default hover:bg-button-primary-background-hover",
|
|
4821
4880
|
...rest,
|
|
4822
|
-
children: /* @__PURE__ */
|
|
4881
|
+
children: /* @__PURE__ */ jsx84("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ jsx84(
|
|
4823
4882
|
"img",
|
|
4824
4883
|
{
|
|
4825
4884
|
src: initials.avatar,
|
|
4826
4885
|
alt: initials.primary,
|
|
4827
4886
|
className: "w-full object-contain"
|
|
4828
4887
|
}
|
|
4829
|
-
) : /* @__PURE__ */
|
|
4888
|
+
) : /* @__PURE__ */ jsx84(
|
|
4830
4889
|
user_default,
|
|
4831
4890
|
{
|
|
4832
4891
|
size: 24,
|
|
@@ -4840,27 +4899,27 @@ var UserAvatar = forwardRef4(
|
|
|
4840
4899
|
UserAvatar.displayName = "UserAvatar";
|
|
4841
4900
|
|
|
4842
4901
|
// src/theme/default/components/ui/user-menu.tsx
|
|
4843
|
-
import { jsx as
|
|
4902
|
+
import { jsx as jsx85, jsxs as jsxs40 } from "react/jsx-runtime";
|
|
4844
4903
|
var UserMenu = ({ session }) => {
|
|
4845
4904
|
const { config } = useOryFlow13();
|
|
4846
4905
|
const initials = getUserInitials(session);
|
|
4847
|
-
const logoutFlow = useClientLogout(config);
|
|
4848
|
-
return /* @__PURE__ */
|
|
4849
|
-
/* @__PURE__ */
|
|
4850
|
-
/* @__PURE__ */
|
|
4851
|
-
/* @__PURE__ */
|
|
4852
|
-
/* @__PURE__ */
|
|
4853
|
-
/* @__PURE__ */
|
|
4854
|
-
/* @__PURE__ */
|
|
4855
|
-
initials.secondary && /* @__PURE__ */
|
|
4906
|
+
const { logoutFlow } = useClientLogout(config);
|
|
4907
|
+
return /* @__PURE__ */ jsxs40(DropdownMenu, { children: [
|
|
4908
|
+
/* @__PURE__ */ jsx85(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx85(UserAvatar, { initials, title: "User Menu" }) }),
|
|
4909
|
+
/* @__PURE__ */ jsxs40(DropdownMenuContent, { children: [
|
|
4910
|
+
/* @__PURE__ */ jsxs40(DropdownMenuLabel2, { className: "flex gap-3 px-5 py-4.5", children: [
|
|
4911
|
+
/* @__PURE__ */ jsx85(UserAvatar, { disabled: true, initials }),
|
|
4912
|
+
/* @__PURE__ */ jsxs40("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
|
|
4913
|
+
/* @__PURE__ */ jsx85("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
|
|
4914
|
+
initials.secondary && /* @__PURE__ */ jsx85("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
|
|
4856
4915
|
] })
|
|
4857
4916
|
] }),
|
|
4858
|
-
/* @__PURE__ */
|
|
4859
|
-
/* @__PURE__ */
|
|
4917
|
+
/* @__PURE__ */ jsx85(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ jsxs40("a", { href: "/settings", children: [
|
|
4918
|
+
/* @__PURE__ */ jsx85(settings_default, { size: 16 }),
|
|
4860
4919
|
" User settings"
|
|
4861
4920
|
] }) }),
|
|
4862
|
-
/* @__PURE__ */
|
|
4863
|
-
/* @__PURE__ */
|
|
4921
|
+
/* @__PURE__ */ jsx85(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ jsxs40("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
|
|
4922
|
+
/* @__PURE__ */ jsx85(logout_default, { size: 16 }),
|
|
4864
4923
|
" Logout"
|
|
4865
4924
|
] }) })
|
|
4866
4925
|
] })
|
|
@@ -4869,14 +4928,37 @@ var UserMenu = ({ session }) => {
|
|
|
4869
4928
|
|
|
4870
4929
|
// src/theme/default/components/generic/page-header.tsx
|
|
4871
4930
|
import { useSession } from "@ory/elements-react/client";
|
|
4872
|
-
import {
|
|
4931
|
+
import { useIntl as useIntl21 } from "react-intl";
|
|
4932
|
+
import { jsx as jsx86, jsxs as jsxs41 } from "react/jsx-runtime";
|
|
4873
4933
|
var DefaultPageHeader = (_props) => {
|
|
4934
|
+
var _a;
|
|
4874
4935
|
const { Card } = useComponents6();
|
|
4875
4936
|
const { session } = useSession();
|
|
4876
|
-
|
|
4877
|
-
|
|
4878
|
-
|
|
4879
|
-
]
|
|
4937
|
+
const intl = useIntl21();
|
|
4938
|
+
const { config, flow } = useOryFlow14();
|
|
4939
|
+
const returnUrl = (_a = flow.return_to) != null ? _a : config.project.default_redirect_url;
|
|
4940
|
+
return /* @__PURE__ */ jsx86("div", { className: "mt-16 flex max-w-screen-sm w-full md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] flex-col gap-3 px-4", children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col gap-12", children: [
|
|
4941
|
+
/* @__PURE__ */ jsxs41("div", { className: "flex max-h-10 flex-1 justify-between gap-2 items-center", children: [
|
|
4942
|
+
/* @__PURE__ */ jsx86(Card.Logo, {}),
|
|
4943
|
+
/* @__PURE__ */ jsx86(UserMenu, { session })
|
|
4944
|
+
] }),
|
|
4945
|
+
returnUrl && /* @__PURE__ */ jsx86("div", { children: /* @__PURE__ */ jsxs41(
|
|
4946
|
+
"a",
|
|
4947
|
+
{
|
|
4948
|
+
"data-testid": "ory/screen/settings/back-button",
|
|
4949
|
+
href: returnUrl,
|
|
4950
|
+
className: "inline-flex gap-2 items-center",
|
|
4951
|
+
children: [
|
|
4952
|
+
/* @__PURE__ */ jsx86(arrow_left_default, {}),
|
|
4953
|
+
" ",
|
|
4954
|
+
intl.formatMessage({
|
|
4955
|
+
id: "settings.navigation-back-button",
|
|
4956
|
+
defaultMessage: "Back"
|
|
4957
|
+
})
|
|
4958
|
+
]
|
|
4959
|
+
}
|
|
4960
|
+
) })
|
|
4961
|
+
] }) });
|
|
4880
4962
|
};
|
|
4881
4963
|
|
|
4882
4964
|
// src/theme/default/components/settings/settings-oidc.tsx
|
|
@@ -4885,26 +4967,26 @@ import { useFormContext as useFormContext19 } from "react-hook-form";
|
|
|
4885
4967
|
import { useDebounceValue as useDebounceValue2 } from "usehooks-ts";
|
|
4886
4968
|
|
|
4887
4969
|
// src/theme/default/assets/icons/trash.svg
|
|
4888
|
-
import * as
|
|
4889
|
-
import { jsx as
|
|
4970
|
+
import * as React29 from "react";
|
|
4971
|
+
import { jsx as jsx87 } from "react/jsx-runtime";
|
|
4890
4972
|
var SvgTrash = (props) => {
|
|
4891
4973
|
var _a, _b;
|
|
4892
|
-
return /* @__PURE__ */
|
|
4974
|
+
return /* @__PURE__ */ jsx87("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx87("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 7h16m-10 4v6m4-6v6M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2l1-12M9 7V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" }) });
|
|
4893
4975
|
};
|
|
4894
4976
|
var trash_default = SvgTrash;
|
|
4895
4977
|
|
|
4896
4978
|
// src/theme/default/components/settings/settings-oidc.tsx
|
|
4897
|
-
import { jsx as
|
|
4979
|
+
import { jsx as jsx88, jsxs as jsxs42 } from "react/jsx-runtime";
|
|
4898
4980
|
function DefaultSettingsOidc({
|
|
4899
4981
|
linkButtons,
|
|
4900
4982
|
unlinkButtons
|
|
4901
4983
|
}) {
|
|
4902
4984
|
const hasLinkButtons = linkButtons.length > 0;
|
|
4903
4985
|
const hasUnlinkButtons = unlinkButtons.length > 0;
|
|
4904
|
-
return /* @__PURE__ */
|
|
4905
|
-
hasLinkButtons && /* @__PURE__ */
|
|
4986
|
+
return /* @__PURE__ */ jsxs42("div", { className: "flex flex-col gap-8", children: [
|
|
4987
|
+
hasLinkButtons && /* @__PURE__ */ jsx88("div", { className: "grid items-start gap-3 grid-cols-1 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
|
|
4906
4988
|
const attrs = button.attributes;
|
|
4907
|
-
return /* @__PURE__ */
|
|
4989
|
+
return /* @__PURE__ */ jsx88(
|
|
4908
4990
|
DefaultButtonSocial,
|
|
4909
4991
|
{
|
|
4910
4992
|
showLabel: true,
|
|
@@ -4915,17 +4997,17 @@ function DefaultSettingsOidc({
|
|
|
4915
4997
|
attrs.value
|
|
4916
4998
|
);
|
|
4917
4999
|
}) }),
|
|
4918
|
-
hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */
|
|
5000
|
+
hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ jsx88(DefaultHorizontalDivider, {}) : null,
|
|
4919
5001
|
unlinkButtons.map((button) => {
|
|
4920
5002
|
if (button.attributes.node_type !== "input") {
|
|
4921
5003
|
return null;
|
|
4922
5004
|
}
|
|
4923
|
-
return /* @__PURE__ */
|
|
5005
|
+
return /* @__PURE__ */ jsx88(UnlinkRow, { button }, button.attributes.value);
|
|
4924
5006
|
})
|
|
4925
5007
|
] });
|
|
4926
5008
|
}
|
|
4927
5009
|
function UnlinkRow({ button }) {
|
|
4928
|
-
var _a, _b;
|
|
5010
|
+
var _a, _b, _c;
|
|
4929
5011
|
const [clicked, setClicked] = useDebounceValue2(false, 100);
|
|
4930
5012
|
const {
|
|
4931
5013
|
formState: { isSubmitting }
|
|
@@ -4942,21 +5024,22 @@ function UnlinkRow({ button }) {
|
|
|
4942
5024
|
setClicked(false);
|
|
4943
5025
|
}
|
|
4944
5026
|
}, [isSubmitting, setClicked]);
|
|
4945
|
-
|
|
4946
|
-
|
|
4947
|
-
|
|
4948
|
-
/* @__PURE__ */
|
|
5027
|
+
console.log((_c = button.meta.label) == null ? void 0 : _c.context);
|
|
5028
|
+
return /* @__PURE__ */ jsxs42("div", { className: "flex justify-between", children: [
|
|
5029
|
+
/* @__PURE__ */ jsxs42("div", { className: "flex items-center gap-6", children: [
|
|
5030
|
+
Logo ? /* @__PURE__ */ jsx88(Logo, { size: 32 }) : /* @__PURE__ */ jsx88(GenericLogo, { label: provider.slice(0, 1) }),
|
|
5031
|
+
/* @__PURE__ */ jsx88("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
|
|
4949
5032
|
] }),
|
|
4950
|
-
/* @__PURE__ */
|
|
5033
|
+
/* @__PURE__ */ jsx88(
|
|
4951
5034
|
"button",
|
|
4952
5035
|
{
|
|
4953
|
-
...attrs,
|
|
5036
|
+
...omitInputAttributes(attrs),
|
|
4954
5037
|
type: "submit",
|
|
4955
5038
|
onClick: localOnClick,
|
|
4956
5039
|
disabled: isSubmitting,
|
|
4957
5040
|
className: "relative",
|
|
4958
5041
|
title: `Unlink ${provider}`,
|
|
4959
|
-
children: clicked ? /* @__PURE__ */
|
|
5042
|
+
children: clicked ? /* @__PURE__ */ jsx88(Spinner, { className: "relative" }) : /* @__PURE__ */ jsx88(
|
|
4960
5043
|
trash_default,
|
|
4961
5044
|
{
|
|
4962
5045
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -4971,7 +5054,7 @@ function UnlinkRow({ button }) {
|
|
|
4971
5054
|
// src/theme/default/components/settings/settings-passkey.tsx
|
|
4972
5055
|
import { useComponents as useComponents7 } from "@ory/elements-react";
|
|
4973
5056
|
import { useFormContext as useFormContext20 } from "react-hook-form";
|
|
4974
|
-
import { jsx as
|
|
5057
|
+
import { jsx as jsx89, jsxs as jsxs43 } from "react/jsx-runtime";
|
|
4975
5058
|
function DefaultSettingsPasskey({
|
|
4976
5059
|
triggerButton,
|
|
4977
5060
|
removeButtons
|
|
@@ -4981,8 +5064,8 @@ function DefaultSettingsPasskey({
|
|
|
4981
5064
|
} = useFormContext20();
|
|
4982
5065
|
const { Node: Node2 } = useComponents7();
|
|
4983
5066
|
const hasRemoveButtons = removeButtons.length > 0;
|
|
4984
|
-
return /* @__PURE__ */
|
|
4985
|
-
/* @__PURE__ */
|
|
5067
|
+
return /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-8", children: [
|
|
5068
|
+
/* @__PURE__ */ jsx89("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ jsx89(
|
|
4986
5069
|
Node2.Button,
|
|
4987
5070
|
{
|
|
4988
5071
|
node: triggerButton,
|
|
@@ -4990,38 +5073,38 @@ function DefaultSettingsPasskey({
|
|
|
4990
5073
|
onClick: triggerButton.onClick
|
|
4991
5074
|
}
|
|
4992
5075
|
) }),
|
|
4993
|
-
hasRemoveButtons ? /* @__PURE__ */
|
|
4994
|
-
/* @__PURE__ */
|
|
4995
|
-
/* @__PURE__ */
|
|
5076
|
+
hasRemoveButtons ? /* @__PURE__ */ jsxs43("div", { className: "flex flex-col gap-8", children: [
|
|
5077
|
+
/* @__PURE__ */ jsx89(DefaultHorizontalDivider, {}),
|
|
5078
|
+
/* @__PURE__ */ jsx89("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
|
|
4996
5079
|
var _a, _b;
|
|
4997
5080
|
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
4998
5081
|
const addedAt = "added_at" in context ? context.added_at : null;
|
|
4999
5082
|
const displayName = "display_name" in context ? context.display_name : null;
|
|
5000
5083
|
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
5001
|
-
return /* @__PURE__ */
|
|
5084
|
+
return /* @__PURE__ */ jsxs43(
|
|
5002
5085
|
"div",
|
|
5003
5086
|
{
|
|
5004
5087
|
className: "flex justify-between gap-6 md:items-center",
|
|
5005
5088
|
children: [
|
|
5006
|
-
/* @__PURE__ */
|
|
5007
|
-
/* @__PURE__ */
|
|
5089
|
+
/* @__PURE__ */ jsxs43("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
|
|
5090
|
+
/* @__PURE__ */ jsx89(
|
|
5008
5091
|
passkey_default,
|
|
5009
5092
|
{
|
|
5010
5093
|
size: 32,
|
|
5011
5094
|
className: "text-interface-foreground-default-primary"
|
|
5012
5095
|
}
|
|
5013
5096
|
),
|
|
5014
|
-
/* @__PURE__ */
|
|
5015
|
-
/* @__PURE__ */
|
|
5016
|
-
/* @__PURE__ */
|
|
5017
|
-
/* @__PURE__ */
|
|
5097
|
+
/* @__PURE__ */ jsxs43("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
|
|
5098
|
+
/* @__PURE__ */ jsxs43("div", { className: "flex-1 flex-col truncate", children: [
|
|
5099
|
+
/* @__PURE__ */ jsx89("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
|
|
5100
|
+
/* @__PURE__ */ jsx89("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
|
|
5018
5101
|
] }),
|
|
5019
|
-
addedAt && /* @__PURE__ */
|
|
5102
|
+
addedAt && /* @__PURE__ */ jsx89("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
|
|
5020
5103
|
dateStyle: "long"
|
|
5021
5104
|
}).format(new Date(addedAt)) })
|
|
5022
5105
|
] })
|
|
5023
5106
|
] }),
|
|
5024
|
-
/* @__PURE__ */
|
|
5107
|
+
/* @__PURE__ */ jsx89(
|
|
5025
5108
|
"button",
|
|
5026
5109
|
{
|
|
5027
5110
|
...node.attributes,
|
|
@@ -5029,7 +5112,7 @@ function DefaultSettingsPasskey({
|
|
|
5029
5112
|
onClick: node.onClick,
|
|
5030
5113
|
disabled: isSubmitting,
|
|
5031
5114
|
className: "relative",
|
|
5032
|
-
children: isSubmitting ? /* @__PURE__ */
|
|
5115
|
+
children: isSubmitting ? /* @__PURE__ */ jsx89(Spinner, { className: "relative" }) : /* @__PURE__ */ jsx89(
|
|
5033
5116
|
trash_default,
|
|
5034
5117
|
{
|
|
5035
5118
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -5048,26 +5131,26 @@ function DefaultSettingsPasskey({
|
|
|
5048
5131
|
}
|
|
5049
5132
|
|
|
5050
5133
|
// src/theme/default/assets/icons/download.svg
|
|
5051
|
-
import * as
|
|
5052
|
-
import { jsx as
|
|
5134
|
+
import * as React30 from "react";
|
|
5135
|
+
import { jsx as jsx90 } from "react/jsx-runtime";
|
|
5053
5136
|
var SvgDownload = (props) => {
|
|
5054
5137
|
var _a, _b;
|
|
5055
|
-
return /* @__PURE__ */
|
|
5138
|
+
return /* @__PURE__ */ jsx90("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ jsx90("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2M7 11l5 5m0 0 5-5m-5 5V4" }) });
|
|
5056
5139
|
};
|
|
5057
5140
|
var download_default = SvgDownload;
|
|
5058
5141
|
|
|
5059
5142
|
// src/theme/default/assets/icons/refresh.svg
|
|
5060
|
-
import * as
|
|
5061
|
-
import { jsx as
|
|
5143
|
+
import * as React31 from "react";
|
|
5144
|
+
import { jsx as jsx91 } from "react/jsx-runtime";
|
|
5062
5145
|
var SvgRefresh = (props) => {
|
|
5063
5146
|
var _a, _b;
|
|
5064
|
-
return /* @__PURE__ */
|
|
5147
|
+
return /* @__PURE__ */ jsx91("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ jsx91("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 11A8.1 8.1 0 0 0 4.5 9M4 5v4h4m-4 4a8.1 8.1 0 0 0 15.5 2m.5 4v-4h-4" }) });
|
|
5065
5148
|
};
|
|
5066
5149
|
var refresh_default = SvgRefresh;
|
|
5067
5150
|
|
|
5068
5151
|
// src/theme/default/components/settings/settings-recovery-codes.tsx
|
|
5069
5152
|
import { useFormContext as useFormContext21 } from "react-hook-form";
|
|
5070
|
-
import { Fragment as Fragment12, jsx as
|
|
5153
|
+
import { Fragment as Fragment12, jsx as jsx92, jsxs as jsxs44 } from "react/jsx-runtime";
|
|
5071
5154
|
function DefaultSettingsRecoveryCodes({
|
|
5072
5155
|
codes,
|
|
5073
5156
|
regnerateButton,
|
|
@@ -5089,12 +5172,12 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5089
5172
|
element.click();
|
|
5090
5173
|
};
|
|
5091
5174
|
const hasCodes = codes.length >= 1;
|
|
5092
|
-
return /* @__PURE__ */
|
|
5093
|
-
codes.length > 0 && /* @__PURE__ */
|
|
5094
|
-
/* @__PURE__ */
|
|
5095
|
-
/* @__PURE__ */
|
|
5096
|
-
/* @__PURE__ */
|
|
5097
|
-
regnerateButton && codes.length > 0 && /* @__PURE__ */
|
|
5175
|
+
return /* @__PURE__ */ jsxs44("div", { className: "flex flex-col gap-8", children: [
|
|
5176
|
+
codes.length > 0 && /* @__PURE__ */ jsx92(DefaultHorizontalDivider, {}),
|
|
5177
|
+
/* @__PURE__ */ jsxs44("div", { className: "flex gap-4 justify-between", children: [
|
|
5178
|
+
/* @__PURE__ */ jsx92("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
|
|
5179
|
+
/* @__PURE__ */ jsxs44("div", { className: "flex gap-2", children: [
|
|
5180
|
+
regnerateButton && codes.length > 0 && /* @__PURE__ */ jsx92(
|
|
5098
5181
|
"button",
|
|
5099
5182
|
{
|
|
5100
5183
|
...regnerateButton.attributes,
|
|
@@ -5103,7 +5186,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5103
5186
|
onClick: onRegenerate,
|
|
5104
5187
|
disabled: isSubmitting,
|
|
5105
5188
|
"data-loading": isSubmitting,
|
|
5106
|
-
children: /* @__PURE__ */
|
|
5189
|
+
children: /* @__PURE__ */ jsx92(
|
|
5107
5190
|
refresh_default,
|
|
5108
5191
|
{
|
|
5109
5192
|
size: 24,
|
|
@@ -5112,7 +5195,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5112
5195
|
)
|
|
5113
5196
|
}
|
|
5114
5197
|
),
|
|
5115
|
-
revealButton && /* @__PURE__ */
|
|
5198
|
+
revealButton && /* @__PURE__ */ jsx92(Fragment12, { children: /* @__PURE__ */ jsx92(
|
|
5116
5199
|
"button",
|
|
5117
5200
|
{
|
|
5118
5201
|
...revealButton.attributes,
|
|
@@ -5120,7 +5203,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5120
5203
|
className: "ml-auto",
|
|
5121
5204
|
onClick: onReveal,
|
|
5122
5205
|
title: "Reveal recovery codes",
|
|
5123
|
-
children: /* @__PURE__ */
|
|
5206
|
+
children: /* @__PURE__ */ jsx92(
|
|
5124
5207
|
eye_default,
|
|
5125
5208
|
{
|
|
5126
5209
|
size: 24,
|
|
@@ -5129,7 +5212,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5129
5212
|
)
|
|
5130
5213
|
}
|
|
5131
5214
|
) }),
|
|
5132
|
-
hasCodes && /* @__PURE__ */
|
|
5215
|
+
hasCodes && /* @__PURE__ */ jsx92(
|
|
5133
5216
|
"button",
|
|
5134
5217
|
{
|
|
5135
5218
|
onClick: onDownload,
|
|
@@ -5137,7 +5220,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5137
5220
|
className: "ml-auto",
|
|
5138
5221
|
"data-testid": "ory/screen/settings/group/recovery_code/download",
|
|
5139
5222
|
title: "Download recovery codes",
|
|
5140
|
-
children: /* @__PURE__ */
|
|
5223
|
+
children: /* @__PURE__ */ jsx92(
|
|
5141
5224
|
download_default,
|
|
5142
5225
|
{
|
|
5143
5226
|
size: 24,
|
|
@@ -5148,12 +5231,12 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5148
5231
|
)
|
|
5149
5232
|
] })
|
|
5150
5233
|
] }),
|
|
5151
|
-
hasCodes ? /* @__PURE__ */
|
|
5234
|
+
hasCodes ? /* @__PURE__ */ jsx92("div", { className: "rounded-general p-6 bg-interface-background-default-secondary border-interface-border-default-primary", children: /* @__PURE__ */ jsx92(
|
|
5152
5235
|
"div",
|
|
5153
5236
|
{
|
|
5154
5237
|
className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 flex-wrap gap-4 text-sm text-interface-foreground-default-primary",
|
|
5155
5238
|
"data-testid": "ory/screen/settings/group/recovery_code/codes",
|
|
5156
|
-
children: codes.map((code) => /* @__PURE__ */
|
|
5239
|
+
children: codes.map((code) => /* @__PURE__ */ jsx92("p", { children: code }, code))
|
|
5157
5240
|
}
|
|
5158
5241
|
) }) : null
|
|
5159
5242
|
] });
|
|
@@ -5163,17 +5246,17 @@ function DefaultSettingsRecoveryCodes({
|
|
|
5163
5246
|
import { useComponents as useComponents8 } from "@ory/elements-react";
|
|
5164
5247
|
|
|
5165
5248
|
// src/theme/default/assets/icons/qrcode.svg
|
|
5166
|
-
import * as
|
|
5167
|
-
import { jsx as
|
|
5249
|
+
import * as React32 from "react";
|
|
5250
|
+
import { jsx as jsx93 } from "react/jsx-runtime";
|
|
5168
5251
|
var SvgQrcode = (props) => {
|
|
5169
5252
|
var _a, _b;
|
|
5170
|
-
return /* @__PURE__ */
|
|
5253
|
+
return /* @__PURE__ */ jsx93("svg", { xmlns: "http://www.w3.org/2000/svg", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, fill: "none", ...props, children: /* @__PURE__ */ jsx93("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
|
|
5171
5254
|
};
|
|
5172
5255
|
var qrcode_default = SvgQrcode;
|
|
5173
5256
|
|
|
5174
5257
|
// src/theme/default/components/settings/settings-totp.tsx
|
|
5175
5258
|
import { useFormContext as useFormContext22 } from "react-hook-form";
|
|
5176
|
-
import { jsx as
|
|
5259
|
+
import { jsx as jsx94, jsxs as jsxs45 } from "react/jsx-runtime";
|
|
5177
5260
|
function DefaultSettingsTotp({
|
|
5178
5261
|
totpImage,
|
|
5179
5262
|
totpInput,
|
|
@@ -5193,19 +5276,19 @@ function DefaultSettingsTotp({
|
|
|
5193
5276
|
node_type: _ignoredNodeType,
|
|
5194
5277
|
...buttonAttrs
|
|
5195
5278
|
} = totpUnlink.attributes;
|
|
5196
|
-
return /* @__PURE__ */
|
|
5197
|
-
/* @__PURE__ */
|
|
5198
|
-
/* @__PURE__ */
|
|
5199
|
-
/* @__PURE__ */
|
|
5200
|
-
/* @__PURE__ */
|
|
5201
|
-
/* @__PURE__ */
|
|
5279
|
+
return /* @__PURE__ */ jsxs45("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
|
|
5280
|
+
/* @__PURE__ */ jsx94("div", { className: "col-span-full", children: /* @__PURE__ */ jsx94(Card.Divider, {}) }),
|
|
5281
|
+
/* @__PURE__ */ jsxs45("div", { className: "col-span-full flex items-center gap-6", children: [
|
|
5282
|
+
/* @__PURE__ */ jsx94("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ jsx94(qrcode_default, { size: 32 }) }),
|
|
5283
|
+
/* @__PURE__ */ jsx94("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ jsx94("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
|
|
5284
|
+
/* @__PURE__ */ jsx94(
|
|
5202
5285
|
"button",
|
|
5203
5286
|
{
|
|
5204
5287
|
type: type === "button" ? "button" : "submit",
|
|
5205
5288
|
...buttonAttrs,
|
|
5206
5289
|
onClick: onUnlink,
|
|
5207
5290
|
disabled: isSubmitting,
|
|
5208
|
-
children: isSubmitting ? /* @__PURE__ */
|
|
5291
|
+
children: isSubmitting ? /* @__PURE__ */ jsx94(Spinner, { className: "relative" }) : /* @__PURE__ */ jsx94(
|
|
5209
5292
|
trash_default,
|
|
5210
5293
|
{
|
|
5211
5294
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -5218,9 +5301,9 @@ function DefaultSettingsTotp({
|
|
|
5218
5301
|
] });
|
|
5219
5302
|
}
|
|
5220
5303
|
if (totpImage && totpSecret && totpInput) {
|
|
5221
|
-
return /* @__PURE__ */
|
|
5222
|
-
/* @__PURE__ */
|
|
5223
|
-
/* @__PURE__ */
|
|
5304
|
+
return /* @__PURE__ */ jsxs45("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
|
|
5305
|
+
/* @__PURE__ */ jsx94("div", { className: "col-span-full", children: /* @__PURE__ */ jsx94(DefaultHorizontalDivider, {}) }),
|
|
5306
|
+
/* @__PURE__ */ jsx94("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ jsx94("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ jsx94("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ jsx94(
|
|
5224
5307
|
Node2.Image,
|
|
5225
5308
|
{
|
|
5226
5309
|
node: totpImage,
|
|
@@ -5229,13 +5312,13 @@ function DefaultSettingsTotp({
|
|
|
5229
5312
|
}
|
|
5230
5313
|
}
|
|
5231
5314
|
) }) }) }),
|
|
5232
|
-
/* @__PURE__ */
|
|
5233
|
-
/* @__PURE__ */
|
|
5315
|
+
/* @__PURE__ */ jsxs45("div", { className: "flex flex-col gap-6", children: [
|
|
5316
|
+
/* @__PURE__ */ jsx94(
|
|
5234
5317
|
Node2.Label,
|
|
5235
5318
|
{
|
|
5236
5319
|
node: totpSecret,
|
|
5237
5320
|
attributes: totpSecret.attributes,
|
|
5238
|
-
children: /* @__PURE__ */
|
|
5321
|
+
children: /* @__PURE__ */ jsx94("div", { className: "relative flex justify-stretch max-w-[488px]", children: /* @__PURE__ */ jsx94(
|
|
5239
5322
|
"input",
|
|
5240
5323
|
{
|
|
5241
5324
|
disabled: true,
|
|
@@ -5248,12 +5331,12 @@ function DefaultSettingsTotp({
|
|
|
5248
5331
|
) })
|
|
5249
5332
|
}
|
|
5250
5333
|
),
|
|
5251
|
-
/* @__PURE__ */
|
|
5334
|
+
/* @__PURE__ */ jsx94(
|
|
5252
5335
|
Node2.Label,
|
|
5253
5336
|
{
|
|
5254
5337
|
attributes: totpInput.attributes,
|
|
5255
5338
|
node: totpInput,
|
|
5256
|
-
children: /* @__PURE__ */
|
|
5339
|
+
children: /* @__PURE__ */ jsx94(
|
|
5257
5340
|
Node2.CodeInput,
|
|
5258
5341
|
{
|
|
5259
5342
|
node: totpInput,
|
|
@@ -5271,17 +5354,17 @@ function DefaultSettingsTotp({
|
|
|
5271
5354
|
import { useComponents as useComponents9 } from "@ory/elements-react";
|
|
5272
5355
|
|
|
5273
5356
|
// src/theme/default/assets/icons/key.svg
|
|
5274
|
-
import * as
|
|
5275
|
-
import { jsx as
|
|
5357
|
+
import * as React33 from "react";
|
|
5358
|
+
import { jsx as jsx95 } from "react/jsx-runtime";
|
|
5276
5359
|
var SvgKey = (props) => {
|
|
5277
5360
|
var _a, _b;
|
|
5278
|
-
return /* @__PURE__ */
|
|
5361
|
+
return /* @__PURE__ */ jsx95("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx95("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M20 12h.013m2.06-6.876 4.803 4.803a3.836 3.836 0 0 1 0 5.425l-3.524 3.524a3.835 3.835 0 0 1-5.425 0l-.402-.401-8.744 8.744a2.67 2.67 0 0 1-1.652.77L6.896 28H5.333a1.334 1.334 0 0 1-1.324-1.177L4 26.667v-1.563c0-.626.22-1.232.623-1.712l.158-.173.552-.552H8V20h2.667v-2.667l2.858-2.858-.401-.402a3.835 3.835 0 0 1 0-5.425l3.524-3.524a3.835 3.835 0 0 1 5.425 0" }) });
|
|
5279
5362
|
};
|
|
5280
5363
|
var key_default = SvgKey;
|
|
5281
5364
|
|
|
5282
5365
|
// src/theme/default/components/settings/settings-webauthn.tsx
|
|
5283
5366
|
import { useFormContext as useFormContext23 } from "react-hook-form";
|
|
5284
|
-
import { jsx as
|
|
5367
|
+
import { jsx as jsx96, jsxs as jsxs46 } from "react/jsx-runtime";
|
|
5285
5368
|
function DefaultSettingsWebauthn({
|
|
5286
5369
|
nameInput,
|
|
5287
5370
|
triggerButton,
|
|
@@ -5292,14 +5375,14 @@ function DefaultSettingsWebauthn({
|
|
|
5292
5375
|
} = useFormContext23();
|
|
5293
5376
|
const { Node: Node2, Card } = useComponents9();
|
|
5294
5377
|
const hasRemoveButtons = removeButtons.length > 0;
|
|
5295
|
-
return /* @__PURE__ */
|
|
5296
|
-
/* @__PURE__ */
|
|
5297
|
-
/* @__PURE__ */
|
|
5378
|
+
return /* @__PURE__ */ jsxs46("div", { className: "flex flex-col gap-8", children: [
|
|
5379
|
+
/* @__PURE__ */ jsxs46("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
|
|
5380
|
+
/* @__PURE__ */ jsx96("div", { className: "flex-1", children: /* @__PURE__ */ jsx96(
|
|
5298
5381
|
Node2.Label,
|
|
5299
5382
|
{
|
|
5300
5383
|
node: nameInput,
|
|
5301
5384
|
attributes: nameInput.attributes,
|
|
5302
|
-
children: /* @__PURE__ */
|
|
5385
|
+
children: /* @__PURE__ */ jsx96(
|
|
5303
5386
|
Node2.Input,
|
|
5304
5387
|
{
|
|
5305
5388
|
node: nameInput,
|
|
@@ -5308,7 +5391,7 @@ function DefaultSettingsWebauthn({
|
|
|
5308
5391
|
)
|
|
5309
5392
|
}
|
|
5310
5393
|
) }),
|
|
5311
|
-
triggerButton ? /* @__PURE__ */
|
|
5394
|
+
triggerButton ? /* @__PURE__ */ jsx96(
|
|
5312
5395
|
Node2.Button,
|
|
5313
5396
|
{
|
|
5314
5397
|
node: triggerButton,
|
|
@@ -5317,38 +5400,38 @@ function DefaultSettingsWebauthn({
|
|
|
5317
5400
|
}
|
|
5318
5401
|
) : null
|
|
5319
5402
|
] }),
|
|
5320
|
-
hasRemoveButtons ? /* @__PURE__ */
|
|
5321
|
-
/* @__PURE__ */
|
|
5322
|
-
/* @__PURE__ */
|
|
5403
|
+
hasRemoveButtons ? /* @__PURE__ */ jsxs46("div", { className: "flex flex-col gap-8", children: [
|
|
5404
|
+
/* @__PURE__ */ jsx96(Card.Divider, {}),
|
|
5405
|
+
/* @__PURE__ */ jsx96("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
|
|
5323
5406
|
var _a, _b;
|
|
5324
5407
|
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
5325
5408
|
const addedAt = "added_at" in context ? context.added_at : null;
|
|
5326
5409
|
const displayName = "display_name" in context ? context.display_name : null;
|
|
5327
5410
|
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
5328
|
-
return /* @__PURE__ */
|
|
5411
|
+
return /* @__PURE__ */ jsxs46(
|
|
5329
5412
|
"div",
|
|
5330
5413
|
{
|
|
5331
5414
|
className: "flex justify-between gap-6 md:items-center",
|
|
5332
5415
|
children: [
|
|
5333
|
-
/* @__PURE__ */
|
|
5334
|
-
/* @__PURE__ */
|
|
5416
|
+
/* @__PURE__ */ jsxs46("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
|
|
5417
|
+
/* @__PURE__ */ jsx96(
|
|
5335
5418
|
key_default,
|
|
5336
5419
|
{
|
|
5337
5420
|
size: 32,
|
|
5338
5421
|
className: "text-interface-foreground-default-primary"
|
|
5339
5422
|
}
|
|
5340
5423
|
),
|
|
5341
|
-
/* @__PURE__ */
|
|
5342
|
-
/* @__PURE__ */
|
|
5343
|
-
/* @__PURE__ */
|
|
5344
|
-
/* @__PURE__ */
|
|
5424
|
+
/* @__PURE__ */ jsxs46("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
|
|
5425
|
+
/* @__PURE__ */ jsxs46("div", { className: "flex-1 flex-col truncate", children: [
|
|
5426
|
+
/* @__PURE__ */ jsx96("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
|
|
5427
|
+
/* @__PURE__ */ jsx96("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
|
|
5345
5428
|
] }),
|
|
5346
|
-
addedAt && /* @__PURE__ */
|
|
5429
|
+
addedAt && /* @__PURE__ */ jsx96("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
|
|
5347
5430
|
dateStyle: "long"
|
|
5348
5431
|
}).format(new Date(addedAt)) })
|
|
5349
5432
|
] })
|
|
5350
5433
|
] }),
|
|
5351
|
-
/* @__PURE__ */
|
|
5434
|
+
/* @__PURE__ */ jsx96(
|
|
5352
5435
|
"button",
|
|
5353
5436
|
{
|
|
5354
5437
|
...node.attributes,
|
|
@@ -5356,7 +5439,7 @@ function DefaultSettingsWebauthn({
|
|
|
5356
5439
|
onClick: node.onClick,
|
|
5357
5440
|
disabled: isSubmitting,
|
|
5358
5441
|
className: "relative",
|
|
5359
|
-
children: isSubmitting ? /* @__PURE__ */
|
|
5442
|
+
children: isSubmitting ? /* @__PURE__ */ jsx96(Spinner, { className: "relative" }) : /* @__PURE__ */ jsx96(
|
|
5360
5443
|
trash_default,
|
|
5361
5444
|
{
|
|
5362
5445
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -5375,11 +5458,11 @@ function DefaultSettingsWebauthn({
|
|
|
5375
5458
|
}
|
|
5376
5459
|
|
|
5377
5460
|
// src/theme/default/components/card/auth-method-list-container.tsx
|
|
5378
|
-
import { jsx as
|
|
5461
|
+
import { jsx as jsx97 } from "react/jsx-runtime";
|
|
5379
5462
|
function DefaultAuthMethodListContainer({
|
|
5380
5463
|
children
|
|
5381
5464
|
}) {
|
|
5382
|
-
return /* @__PURE__ */
|
|
5465
|
+
return /* @__PURE__ */ jsx97("div", { className: "grid grid-cols-1 gap-2", children });
|
|
5383
5466
|
}
|
|
5384
5467
|
|
|
5385
5468
|
// src/theme/default/components/form/captcha.tsx
|
|
@@ -5387,7 +5470,7 @@ import { isUiNodeInputAttributes as isUiNodeInputAttributes9 } from "@ory/client
|
|
|
5387
5470
|
import { Turnstile } from "@marsidev/react-turnstile";
|
|
5388
5471
|
import { useRef as useRef3 } from "react";
|
|
5389
5472
|
import { useFormContext as useFormContext24 } from "react-hook-form";
|
|
5390
|
-
import { jsx as
|
|
5473
|
+
import { jsx as jsx98 } from "react/jsx-runtime";
|
|
5391
5474
|
var DefaultCaptcha = ({ node }) => {
|
|
5392
5475
|
const { setValue } = useFormContext24();
|
|
5393
5476
|
const ref = useRef3();
|
|
@@ -5395,14 +5478,14 @@ var DefaultCaptcha = ({ node }) => {
|
|
|
5395
5478
|
if (isUiNodeInputAttributes9(node.attributes)) {
|
|
5396
5479
|
if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
|
|
5397
5480
|
nodes.push(
|
|
5398
|
-
/* @__PURE__ */
|
|
5481
|
+
/* @__PURE__ */ jsx98(DefaultInput, { node, attributes: node.attributes }, 1)
|
|
5399
5482
|
);
|
|
5400
5483
|
}
|
|
5401
5484
|
}
|
|
5402
5485
|
if (isUiNodeInputAttributes9(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
|
|
5403
5486
|
const options = JSON.parse(node.attributes.value);
|
|
5404
5487
|
nodes.push(
|
|
5405
|
-
/* @__PURE__ */
|
|
5488
|
+
/* @__PURE__ */ jsx98(
|
|
5406
5489
|
Turnstile,
|
|
5407
5490
|
{
|
|
5408
5491
|
ref,
|
|
@@ -5430,36 +5513,36 @@ var DefaultCaptcha = ({ node }) => {
|
|
|
5430
5513
|
};
|
|
5431
5514
|
|
|
5432
5515
|
// src/theme/default/assets/icons/personal.svg
|
|
5433
|
-
import * as
|
|
5434
|
-
import { jsx as
|
|
5516
|
+
import * as React34 from "react";
|
|
5517
|
+
import { jsx as jsx99 } from "react/jsx-runtime";
|
|
5435
5518
|
var SvgPersonal = (props) => {
|
|
5436
5519
|
var _a, _b;
|
|
5437
|
-
return /* @__PURE__ */
|
|
5520
|
+
return /* @__PURE__ */ jsx99("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 16 16", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx99("path", { stroke: "#0F172A", strokeLinecap: "round", strokeLinejoin: "round", d: "M4 14v-1.333A2.667 2.667 0 0 1 6.667 10h1m5.8 3.467 1.2 1.2m-9.334-10a2.667 2.667 0 1 0 5.334 0 2.667 2.667 0 0 0-5.334 0M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }) });
|
|
5438
5521
|
};
|
|
5439
5522
|
var personal_default = SvgPersonal;
|
|
5440
5523
|
|
|
5441
5524
|
// src/theme/default/assets/icons/message.svg
|
|
5442
|
-
import * as
|
|
5443
|
-
import { jsx as
|
|
5525
|
+
import * as React35 from "react";
|
|
5526
|
+
import { jsx as jsx100 } from "react/jsx-runtime";
|
|
5444
5527
|
var SvgMessage = (props) => {
|
|
5445
5528
|
var _a, _b;
|
|
5446
|
-
return /* @__PURE__ */
|
|
5529
|
+
return /* @__PURE__ */ jsx100("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx100("path", { stroke: "#000", strokeLinecap: "round", strokeLinejoin: "round", d: "M3 7.325a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-18 0v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-10m-18 0 9 6 9-6" }) });
|
|
5447
5530
|
};
|
|
5448
5531
|
var message_default = SvgMessage;
|
|
5449
5532
|
|
|
5450
5533
|
// src/theme/default/assets/icons/phone.svg
|
|
5451
|
-
import * as
|
|
5452
|
-
import { jsx as
|
|
5534
|
+
import * as React36 from "react";
|
|
5535
|
+
import { jsx as jsx101 } from "react/jsx-runtime";
|
|
5453
5536
|
var SvgPhone = (props) => {
|
|
5454
5537
|
var _a, _b;
|
|
5455
|
-
return /* @__PURE__ */
|
|
5538
|
+
return /* @__PURE__ */ jsx101("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 25", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: /* @__PURE__ */ jsx101("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 4.325h4l2 5-2.5 1.5a11 11 0 0 0 5 5l1.5-2.5 5 2v4a2 2 0 0 1-2 2 16 16 0 0 1-15-15 2 2 0 0 1 2-2" }) });
|
|
5456
5539
|
};
|
|
5457
5540
|
var phone_default = SvgPhone;
|
|
5458
5541
|
|
|
5459
5542
|
// src/theme/default/components/form/consent-scope-checkbox.tsx
|
|
5460
|
-
import { useIntl as
|
|
5543
|
+
import { useIntl as useIntl22 } from "react-intl";
|
|
5461
5544
|
import * as Switch from "@radix-ui/react-switch";
|
|
5462
|
-
import { jsx as
|
|
5545
|
+
import { jsx as jsx102 } from "react/jsx-runtime";
|
|
5463
5546
|
var ScopeIcons = {
|
|
5464
5547
|
openid: personal_default,
|
|
5465
5548
|
offline_access: personal_default,
|
|
@@ -5472,9 +5555,9 @@ function DefaultConsentScopeCheckbox({
|
|
|
5472
5555
|
onCheckedChange
|
|
5473
5556
|
}) {
|
|
5474
5557
|
var _a;
|
|
5475
|
-
const intl =
|
|
5558
|
+
const intl = useIntl22();
|
|
5476
5559
|
const Icon = (_a = ScopeIcons[attributes.value]) != null ? _a : personal_default;
|
|
5477
|
-
return /* @__PURE__ */
|
|
5560
|
+
return /* @__PURE__ */ jsx102(
|
|
5478
5561
|
ListItem,
|
|
5479
5562
|
{
|
|
5480
5563
|
as: "label",
|
|
@@ -5489,7 +5572,7 @@ function DefaultConsentScopeCheckbox({
|
|
|
5489
5572
|
}),
|
|
5490
5573
|
className: "col-span-2",
|
|
5491
5574
|
"data-testid": "ory/screen/consent/scope-checkbox-label",
|
|
5492
|
-
children: /* @__PURE__ */
|
|
5575
|
+
children: /* @__PURE__ */ jsx102(
|
|
5493
5576
|
Switch.Root,
|
|
5494
5577
|
{
|
|
5495
5578
|
className: "relative w-7 h-4 bg-toggle-background-default rounded-identifier border-toggle-border-default border p-[3px] data-[state=checked]:bg-toggle-background-checked transition-all data-[state=checked]:border-toggle-border-checked",
|
|
@@ -5497,7 +5580,7 @@ function DefaultConsentScopeCheckbox({
|
|
|
5497
5580
|
value: attributes.value,
|
|
5498
5581
|
onCheckedChange,
|
|
5499
5582
|
defaultChecked: true,
|
|
5500
|
-
children: /* @__PURE__ */
|
|
5583
|
+
children: /* @__PURE__ */ jsx102(Switch.Thumb, { className: "size-2 block bg-toggle-foreground-default rounded-identifier data-[state=checked]:bg-toggle-foreground-checked transition-all data-[state=checked]:translate-x-3" })
|
|
5501
5584
|
}
|
|
5502
5585
|
)
|
|
5503
5586
|
}
|
|
@@ -5561,7 +5644,7 @@ import {
|
|
|
5561
5644
|
} from "@ory/client-fetch";
|
|
5562
5645
|
import { useMemo as useMemo2 } from "react";
|
|
5563
5646
|
import { FormattedMessage } from "react-intl";
|
|
5564
|
-
import { jsx as
|
|
5647
|
+
import { jsx as jsx103, jsxs as jsxs47 } from "react/jsx-runtime";
|
|
5565
5648
|
function isOAuth2Error(error) {
|
|
5566
5649
|
return !!error && typeof error === "object" && "error" in error && "error_description" in error;
|
|
5567
5650
|
}
|
|
@@ -5614,47 +5697,47 @@ function Error2({
|
|
|
5614
5697
|
const Divider = (_d = (_c = Components == null ? void 0 : Components.Card) == null ? void 0 : _c.Divider) != null ? _d : DefaultHorizontalDivider;
|
|
5615
5698
|
const parsed = useStandardize(error);
|
|
5616
5699
|
const description = errorDescriptions[Math.floor(parsed.code / 100)];
|
|
5617
|
-
return /* @__PURE__ */
|
|
5700
|
+
return /* @__PURE__ */ jsx103(
|
|
5618
5701
|
IntlProvider,
|
|
5619
5702
|
{
|
|
5620
5703
|
locale: (_f = (_e = config.intl) == null ? void 0 : _e.locale) != null ? _f : "en",
|
|
5621
5704
|
customTranslations: (_g = config.intl) == null ? void 0 : _g.customTranslations,
|
|
5622
|
-
children: /* @__PURE__ */
|
|
5705
|
+
children: /* @__PURE__ */ jsx103(Card, { children: /* @__PURE__ */ jsxs47(
|
|
5623
5706
|
"div",
|
|
5624
5707
|
{
|
|
5625
5708
|
className: "flex flex-col gap-6 antialiased",
|
|
5626
5709
|
"data-testid": "ory/screen/error",
|
|
5627
5710
|
children: [
|
|
5628
|
-
/* @__PURE__ */
|
|
5629
|
-
/* @__PURE__ */
|
|
5630
|
-
/* @__PURE__ */
|
|
5631
|
-
/* @__PURE__ */
|
|
5632
|
-
/* @__PURE__ */
|
|
5633
|
-
parsed.reason && /* @__PURE__ */
|
|
5711
|
+
/* @__PURE__ */ jsxs47("header", { className: "flex flex-col gap-8 antialiased", children: [
|
|
5712
|
+
/* @__PURE__ */ jsx103(ErrorLogo, { config }),
|
|
5713
|
+
/* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-2", children: [
|
|
5714
|
+
/* @__PURE__ */ jsx103("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "error.title.what-happened" }) }),
|
|
5715
|
+
/* @__PURE__ */ jsx103("p", { className: "leading-normal text-interface-foreground-default-secondary", children: (_h = parsed.message) != null ? _h : description }),
|
|
5716
|
+
parsed.reason && /* @__PURE__ */ jsx103("p", { className: "leading-normal text-interface-foreground-default-secondary", children: parsed.reason })
|
|
5634
5717
|
] })
|
|
5635
5718
|
] }),
|
|
5636
|
-
/* @__PURE__ */
|
|
5637
|
-
/* @__PURE__ */
|
|
5638
|
-
/* @__PURE__ */
|
|
5639
|
-
/* @__PURE__ */
|
|
5640
|
-
/* @__PURE__ */
|
|
5719
|
+
/* @__PURE__ */ jsx103(Divider, {}),
|
|
5720
|
+
/* @__PURE__ */ jsxs47("div", { className: "flex flex-col gap-2", children: [
|
|
5721
|
+
/* @__PURE__ */ jsx103("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "error.title.what-can-i-do" }) }),
|
|
5722
|
+
/* @__PURE__ */ jsx103("p", { className: "leading-normal text-interface-foreground-default-secondary", children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "error.instructions" }) }),
|
|
5723
|
+
/* @__PURE__ */ jsx103("div", { children: session ? /* @__PURE__ */ jsx103(LoggedInActions, { config }) : /* @__PURE__ */ jsx103(GoBackButton, { config }) })
|
|
5641
5724
|
] }),
|
|
5642
|
-
/* @__PURE__ */
|
|
5643
|
-
/* @__PURE__ */
|
|
5644
|
-
/* @__PURE__ */
|
|
5645
|
-
parsed.id && /* @__PURE__ */
|
|
5725
|
+
/* @__PURE__ */ jsx103(Divider, {}),
|
|
5726
|
+
/* @__PURE__ */ jsxs47("div", { className: "font-normal leading-normal antialiased gap-2 flex flex-col", children: [
|
|
5727
|
+
/* @__PURE__ */ jsx103("span", { className: "text-interface-foreground-default-primary text-sm", children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "error.footer.text" }) }),
|
|
5728
|
+
parsed.id && /* @__PURE__ */ jsxs47("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
|
|
5646
5729
|
"ID: ",
|
|
5647
|
-
/* @__PURE__ */
|
|
5730
|
+
/* @__PURE__ */ jsx103("code", { children: parsed.id })
|
|
5648
5731
|
] }),
|
|
5649
|
-
/* @__PURE__ */
|
|
5732
|
+
/* @__PURE__ */ jsxs47("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
|
|
5650
5733
|
"Time: ",
|
|
5651
|
-
/* @__PURE__ */
|
|
5734
|
+
/* @__PURE__ */ jsx103("code", { children: (_i = parsed.timestamp) == null ? void 0 : _i.toUTCString() })
|
|
5652
5735
|
] }),
|
|
5653
|
-
/* @__PURE__ */
|
|
5736
|
+
/* @__PURE__ */ jsxs47("p", { className: "text-interface-foreground-default-secondary text-sm", children: [
|
|
5654
5737
|
"Message: ",
|
|
5655
|
-
/* @__PURE__ */
|
|
5738
|
+
/* @__PURE__ */ jsx103("code", { children: parsed.reason })
|
|
5656
5739
|
] }),
|
|
5657
|
-
/* @__PURE__ */
|
|
5740
|
+
/* @__PURE__ */ jsx103("div", { children: /* @__PURE__ */ jsx103(
|
|
5658
5741
|
"button",
|
|
5659
5742
|
{
|
|
5660
5743
|
className: "text-interface-foreground-default-primary underline",
|
|
@@ -5666,7 +5749,7 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
|
|
|
5666
5749
|
`;
|
|
5667
5750
|
void navigator.clipboard.writeText(text);
|
|
5668
5751
|
},
|
|
5669
|
-
children: /* @__PURE__ */
|
|
5752
|
+
children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "error.footer.copy" })
|
|
5670
5753
|
}
|
|
5671
5754
|
) })
|
|
5672
5755
|
] })
|
|
@@ -5677,34 +5760,46 @@ ${parsed.reason ? `Message: ${parsed.reason}` : ""}
|
|
|
5677
5760
|
);
|
|
5678
5761
|
}
|
|
5679
5762
|
function LoggedInActions({ config }) {
|
|
5680
|
-
const logoutFlow = useClientLogout(config);
|
|
5681
|
-
return /* @__PURE__ */
|
|
5763
|
+
const { logoutFlow } = useClientLogout(config);
|
|
5764
|
+
return /* @__PURE__ */ jsx103(
|
|
5682
5765
|
"a",
|
|
5683
5766
|
{
|
|
5684
5767
|
href: logoutFlow == null ? void 0 : logoutFlow.logout_url,
|
|
5685
5768
|
className: "text-interface-foreground-default-primary underline",
|
|
5686
|
-
children: "
|
|
5769
|
+
children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "login.logout-button" })
|
|
5687
5770
|
}
|
|
5688
5771
|
);
|
|
5689
5772
|
}
|
|
5690
5773
|
function GoBackButton({ config }) {
|
|
5691
5774
|
if ("default_redirect_url" in config.project) {
|
|
5692
|
-
return /* @__PURE__ */
|
|
5775
|
+
return /* @__PURE__ */ jsx103(
|
|
5693
5776
|
"a",
|
|
5694
5777
|
{
|
|
5695
5778
|
className: "text-interface-foreground-default-primary underline",
|
|
5696
5779
|
href: config.project.default_redirect_url,
|
|
5697
|
-
children: /* @__PURE__ */
|
|
5780
|
+
children: /* @__PURE__ */ jsx103(FormattedMessage, { id: "error.action.go-back" })
|
|
5698
5781
|
}
|
|
5699
5782
|
);
|
|
5700
5783
|
}
|
|
5701
5784
|
return null;
|
|
5702
5785
|
}
|
|
5703
5786
|
function ErrorLogo({ config }) {
|
|
5787
|
+
var _a;
|
|
5788
|
+
if (config.project.logo_light_url) {
|
|
5789
|
+
return /* @__PURE__ */ jsx103(
|
|
5790
|
+
"img",
|
|
5791
|
+
{
|
|
5792
|
+
src: config.project.logo_light_url,
|
|
5793
|
+
width: 100,
|
|
5794
|
+
height: 36,
|
|
5795
|
+
alt: "Logo"
|
|
5796
|
+
}
|
|
5797
|
+
);
|
|
5798
|
+
}
|
|
5704
5799
|
if (config.logoUrl) {
|
|
5705
|
-
return /* @__PURE__ */
|
|
5800
|
+
return /* @__PURE__ */ jsx103("img", { src: config.logoUrl, width: 100, height: 36, alt: "Logo" });
|
|
5706
5801
|
}
|
|
5707
|
-
return /* @__PURE__ */
|
|
5802
|
+
return /* @__PURE__ */ jsx103("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: (_a = config.project.name) != null ? _a : config.name });
|
|
5708
5803
|
}
|
|
5709
5804
|
|
|
5710
5805
|
// src/theme/default/flows/login.tsx
|
|
@@ -5713,7 +5808,7 @@ import {
|
|
|
5713
5808
|
OryProvider,
|
|
5714
5809
|
OryTwoStepCard as OryTwoStepCard2
|
|
5715
5810
|
} from "@ory/elements-react";
|
|
5716
|
-
import { jsx as
|
|
5811
|
+
import { jsx as jsx104 } from "react/jsx-runtime";
|
|
5717
5812
|
function Login({
|
|
5718
5813
|
flow,
|
|
5719
5814
|
config,
|
|
@@ -5721,14 +5816,14 @@ function Login({
|
|
|
5721
5816
|
components: flowOverrideComponents
|
|
5722
5817
|
}) {
|
|
5723
5818
|
const components = getOryComponents(flowOverrideComponents);
|
|
5724
|
-
return /* @__PURE__ */
|
|
5819
|
+
return /* @__PURE__ */ jsx104(
|
|
5725
5820
|
OryProvider,
|
|
5726
5821
|
{
|
|
5727
5822
|
config,
|
|
5728
5823
|
flow,
|
|
5729
5824
|
flowType: FlowType18.Login,
|
|
5730
5825
|
components,
|
|
5731
|
-
children: children != null ? children : /* @__PURE__ */
|
|
5826
|
+
children: children != null ? children : /* @__PURE__ */ jsx104(OryTwoStepCard2, {})
|
|
5732
5827
|
}
|
|
5733
5828
|
);
|
|
5734
5829
|
}
|
|
@@ -5739,7 +5834,7 @@ import {
|
|
|
5739
5834
|
OryProvider as OryProvider2,
|
|
5740
5835
|
OryTwoStepCard as OryTwoStepCard3
|
|
5741
5836
|
} from "@ory/elements-react";
|
|
5742
|
-
import { jsx as
|
|
5837
|
+
import { jsx as jsx105 } from "react/jsx-runtime";
|
|
5743
5838
|
function Recovery({
|
|
5744
5839
|
flow,
|
|
5745
5840
|
config,
|
|
@@ -5747,14 +5842,14 @@ function Recovery({
|
|
|
5747
5842
|
components: flowOverrideComponents
|
|
5748
5843
|
}) {
|
|
5749
5844
|
const components = getOryComponents(flowOverrideComponents);
|
|
5750
|
-
return /* @__PURE__ */
|
|
5845
|
+
return /* @__PURE__ */ jsx105(
|
|
5751
5846
|
OryProvider2,
|
|
5752
5847
|
{
|
|
5753
5848
|
config,
|
|
5754
5849
|
flow,
|
|
5755
5850
|
flowType: FlowType19.Recovery,
|
|
5756
5851
|
components,
|
|
5757
|
-
children: children != null ? children : /* @__PURE__ */
|
|
5852
|
+
children: children != null ? children : /* @__PURE__ */ jsx105(OryTwoStepCard3, {})
|
|
5758
5853
|
}
|
|
5759
5854
|
);
|
|
5760
5855
|
}
|
|
@@ -5765,7 +5860,7 @@ import {
|
|
|
5765
5860
|
OryProvider as OryProvider3,
|
|
5766
5861
|
OryTwoStepCard as OryTwoStepCard4
|
|
5767
5862
|
} from "@ory/elements-react";
|
|
5768
|
-
import { jsx as
|
|
5863
|
+
import { jsx as jsx106 } from "react/jsx-runtime";
|
|
5769
5864
|
function Registration({
|
|
5770
5865
|
flow,
|
|
5771
5866
|
children,
|
|
@@ -5773,14 +5868,14 @@ function Registration({
|
|
|
5773
5868
|
config
|
|
5774
5869
|
}) {
|
|
5775
5870
|
const components = getOryComponents(flowOverrideComponents);
|
|
5776
|
-
return /* @__PURE__ */
|
|
5871
|
+
return /* @__PURE__ */ jsx106(
|
|
5777
5872
|
OryProvider3,
|
|
5778
5873
|
{
|
|
5779
5874
|
config,
|
|
5780
5875
|
flow,
|
|
5781
5876
|
flowType: FlowType20.Registration,
|
|
5782
5877
|
components,
|
|
5783
|
-
children: children != null ? children : /* @__PURE__ */
|
|
5878
|
+
children: children != null ? children : /* @__PURE__ */ jsx106(OryTwoStepCard4, {})
|
|
5784
5879
|
}
|
|
5785
5880
|
);
|
|
5786
5881
|
}
|
|
@@ -5792,7 +5887,7 @@ import {
|
|
|
5792
5887
|
OryProvider as OryProvider4,
|
|
5793
5888
|
OrySettingsCard
|
|
5794
5889
|
} from "@ory/elements-react";
|
|
5795
|
-
import { Fragment as Fragment13, jsx as
|
|
5890
|
+
import { Fragment as Fragment13, jsx as jsx107, jsxs as jsxs48 } from "react/jsx-runtime";
|
|
5796
5891
|
function Settings({
|
|
5797
5892
|
flow,
|
|
5798
5893
|
config,
|
|
@@ -5800,16 +5895,16 @@ function Settings({
|
|
|
5800
5895
|
components: flowOverrideComponents
|
|
5801
5896
|
}) {
|
|
5802
5897
|
const components = getOryComponents(flowOverrideComponents);
|
|
5803
|
-
return /* @__PURE__ */
|
|
5898
|
+
return /* @__PURE__ */ jsx107(
|
|
5804
5899
|
OryProvider4,
|
|
5805
5900
|
{
|
|
5806
5901
|
config,
|
|
5807
5902
|
flow,
|
|
5808
5903
|
flowType: FlowType21.Settings,
|
|
5809
5904
|
components,
|
|
5810
|
-
children: children != null ? children : /* @__PURE__ */
|
|
5811
|
-
/* @__PURE__ */
|
|
5812
|
-
/* @__PURE__ */
|
|
5905
|
+
children: children != null ? children : /* @__PURE__ */ jsxs48(Fragment13, { children: [
|
|
5906
|
+
/* @__PURE__ */ jsx107(HeadlessPageHeader, {}),
|
|
5907
|
+
/* @__PURE__ */ jsx107(OrySettingsCard, {})
|
|
5813
5908
|
] })
|
|
5814
5909
|
}
|
|
5815
5910
|
);
|
|
@@ -5821,7 +5916,7 @@ import {
|
|
|
5821
5916
|
OryProvider as OryProvider5,
|
|
5822
5917
|
OryTwoStepCard as OryTwoStepCard5
|
|
5823
5918
|
} from "@ory/elements-react";
|
|
5824
|
-
import { jsx as
|
|
5919
|
+
import { jsx as jsx108 } from "react/jsx-runtime";
|
|
5825
5920
|
function Verification({
|
|
5826
5921
|
flow,
|
|
5827
5922
|
config,
|
|
@@ -5829,14 +5924,14 @@ function Verification({
|
|
|
5829
5924
|
components: flowOverrideComponents
|
|
5830
5925
|
}) {
|
|
5831
5926
|
const components = getOryComponents(flowOverrideComponents);
|
|
5832
|
-
return /* @__PURE__ */
|
|
5927
|
+
return /* @__PURE__ */ jsx108(
|
|
5833
5928
|
OryProvider5,
|
|
5834
5929
|
{
|
|
5835
5930
|
config,
|
|
5836
5931
|
flow,
|
|
5837
5932
|
flowType: FlowType22.Verification,
|
|
5838
5933
|
components,
|
|
5839
|
-
children: children != null ? children : /* @__PURE__ */
|
|
5934
|
+
children: children != null ? children : /* @__PURE__ */ jsx108(OryTwoStepCard5, {})
|
|
5840
5935
|
}
|
|
5841
5936
|
);
|
|
5842
5937
|
}
|
|
@@ -5989,7 +6084,7 @@ function challengeNode(challenge) {
|
|
|
5989
6084
|
}
|
|
5990
6085
|
|
|
5991
6086
|
// src/theme/default/flows/consent.tsx
|
|
5992
|
-
import { jsx as
|
|
6087
|
+
import { jsx as jsx109 } from "react/jsx-runtime";
|
|
5993
6088
|
function Consent({
|
|
5994
6089
|
consentChallenge,
|
|
5995
6090
|
session,
|
|
@@ -6006,14 +6101,14 @@ function Consent({
|
|
|
6006
6101
|
formActionUrl,
|
|
6007
6102
|
session
|
|
6008
6103
|
);
|
|
6009
|
-
return /* @__PURE__ */
|
|
6104
|
+
return /* @__PURE__ */ jsx109(
|
|
6010
6105
|
OryProvider6,
|
|
6011
6106
|
{
|
|
6012
6107
|
config,
|
|
6013
6108
|
flow,
|
|
6014
6109
|
flowType: FlowType23.OAuth2Consent,
|
|
6015
6110
|
components,
|
|
6016
|
-
children: children != null ? children : /* @__PURE__ */
|
|
6111
|
+
children: children != null ? children : /* @__PURE__ */ jsx109(OryConsentCard2, {})
|
|
6017
6112
|
}
|
|
6018
6113
|
);
|
|
6019
6114
|
}
|