@ory/elements-react 1.0.0-next.13 → 1.0.0-next.15
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 +31 -0
- package/api-report/elements-react-theme.api.json +33 -0
- package/api-report/elements-react-theme.api.md +5 -2
- package/api-report/elements-react.api.json +115 -107
- package/api-report/elements-react.api.md +27 -12
- package/api-report/temp/elements-react-theme.api.md +5 -2
- package/api-report/temp/elements-react.api.md +27 -12
- package/dist/index.d.mts +87 -71
- package/dist/index.d.ts +87 -71
- package/dist/index.js +390 -327
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +393 -330
- package/dist/index.mjs.map +1 -1
- package/dist/theme/default/index.css +53 -2
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.d.mts +3 -1
- package/dist/theme/default/index.d.ts +3 -1
- package/dist/theme/default/index.js +860 -743
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +809 -693
- package/dist/theme/default/index.mjs.map +1 -1
- package/package.json +1 -1
- package/tailwind.config.ts +1 -1
|
@@ -36,6 +36,7 @@ __export(default_exports, {
|
|
|
36
36
|
DefaultCardFooter: () => DefaultCardFooter,
|
|
37
37
|
DefaultCardHeader: () => DefaultCardHeader,
|
|
38
38
|
DefaultCardLogo: () => DefaultCardLogo,
|
|
39
|
+
DefaultCurrentIdentifierButton: () => DefaultCurrentIdentifierButton,
|
|
39
40
|
DefaultFormContainer: () => DefaultFormContainer,
|
|
40
41
|
DefaultMessage: () => DefaultMessage,
|
|
41
42
|
DefaultMessageContainer: () => DefaultMessageContainer,
|
|
@@ -89,8 +90,9 @@ function DefaultCardContent({ children }) {
|
|
|
89
90
|
|
|
90
91
|
// src/theme/default/components/card/footer.tsx
|
|
91
92
|
var import_client_fetch = require("@ory/client-fetch");
|
|
92
|
-
var import_react_intl = require("react-intl");
|
|
93
93
|
var import_elements_react = require("@ory/elements-react");
|
|
94
|
+
var import_react_hook_form = require("react-hook-form");
|
|
95
|
+
var import_react_intl = require("react-intl");
|
|
94
96
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
95
97
|
function DefaultCardFooter() {
|
|
96
98
|
const { flowType } = (0, import_elements_react.useOryFlow)();
|
|
@@ -114,9 +116,9 @@ function getReturnToQueryParam() {
|
|
|
114
116
|
}
|
|
115
117
|
}
|
|
116
118
|
function LoginCardFooter() {
|
|
117
|
-
const { config } = (0, import_elements_react.useOryFlow)();
|
|
119
|
+
const { config, formState } = (0, import_elements_react.useOryFlow)();
|
|
118
120
|
const intl = (0, import_react_intl.useIntl)();
|
|
119
|
-
if (!config.project.registration_enabled) {
|
|
121
|
+
if (!config.project.registration_enabled || formState.current !== "provide_identifier") {
|
|
120
122
|
return null;
|
|
121
123
|
}
|
|
122
124
|
let registrationLink = `${config.sdk.url}/self-service/registration/browser`;
|
|
@@ -143,15 +145,42 @@ function LoginCardFooter() {
|
|
|
143
145
|
)
|
|
144
146
|
] });
|
|
145
147
|
}
|
|
148
|
+
function findScreenSelectionButton(nodes) {
|
|
149
|
+
return nodes.find(
|
|
150
|
+
(node) => node.attributes.node_type === "input" && node.attributes.type === "submit" && node.attributes.name === "screen"
|
|
151
|
+
);
|
|
152
|
+
}
|
|
146
153
|
function RegistrationCardFooter() {
|
|
147
154
|
const intl = (0, import_react_intl.useIntl)();
|
|
148
|
-
const { config } = (0, import_elements_react.useOryFlow)();
|
|
155
|
+
const { config, flow, formState } = (0, import_elements_react.useOryFlow)();
|
|
156
|
+
const { setValue } = (0, import_react_hook_form.useFormContext)();
|
|
157
|
+
if (formState.current === "select_method") {
|
|
158
|
+
return null;
|
|
159
|
+
}
|
|
160
|
+
const screenSelectionNode = findScreenSelectionButton(flow.ui.nodes);
|
|
161
|
+
function handleScreenSelection() {
|
|
162
|
+
setValue("method", "profile");
|
|
163
|
+
if (screenSelectionNode) {
|
|
164
|
+
setValue("screen", "credential-selection");
|
|
165
|
+
}
|
|
166
|
+
}
|
|
149
167
|
let loginLink = `${config.sdk.url}/self-service/login/browser`;
|
|
150
168
|
const returnTo = getReturnToQueryParam();
|
|
151
169
|
if (returnTo) {
|
|
152
170
|
loginLink += `?return_to=${returnTo}`;
|
|
153
171
|
}
|
|
154
|
-
return /* @__PURE__ */ (0, import_jsx_runtime4.
|
|
172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "text-sm font-normal antialiased leading-normal", children: formState.current === "method_active" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children: screenSelectionNode && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
|
|
173
|
+
"button",
|
|
174
|
+
{
|
|
175
|
+
className: "font-medium text-links-link-default",
|
|
176
|
+
type: "submit",
|
|
177
|
+
onClick: handleScreenSelection,
|
|
178
|
+
children: intl.formatMessage({
|
|
179
|
+
id: "card.footer.select-another-method",
|
|
180
|
+
defaultMessage: "Select another method"
|
|
181
|
+
})
|
|
182
|
+
}
|
|
183
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
|
|
155
184
|
intl.formatMessage({
|
|
156
185
|
id: "registration.login-label",
|
|
157
186
|
defaultMessage: "Already have an account?"
|
|
@@ -168,7 +197,7 @@ function RegistrationCardFooter() {
|
|
|
168
197
|
})
|
|
169
198
|
}
|
|
170
199
|
)
|
|
171
|
-
] });
|
|
200
|
+
] }) });
|
|
172
201
|
}
|
|
173
202
|
function RecoveryCardFooter() {
|
|
174
203
|
return null;
|
|
@@ -178,7 +207,7 @@ function VerificationCardFooter() {
|
|
|
178
207
|
}
|
|
179
208
|
|
|
180
209
|
// src/theme/default/components/card/header.tsx
|
|
181
|
-
var
|
|
210
|
+
var import_elements_react3 = require("@ory/elements-react");
|
|
182
211
|
|
|
183
212
|
// src/theme/default/utils/constructCardHeader.ts
|
|
184
213
|
var import_client_fetch2 = require("@ory/client-fetch");
|
|
@@ -198,6 +227,18 @@ function useCardHeaderText(nodes, opts) {
|
|
|
198
227
|
const intl = (0, import_react_intl2.useIntl)();
|
|
199
228
|
switch (opts.flowType) {
|
|
200
229
|
case import_client_fetch2.FlowType.Recovery:
|
|
230
|
+
if (nodes.find(
|
|
231
|
+
(node) => "name" in node.attributes && node.attributes.name === "code"
|
|
232
|
+
)) {
|
|
233
|
+
return {
|
|
234
|
+
title: intl.formatMessage({
|
|
235
|
+
id: "recovery.title"
|
|
236
|
+
}),
|
|
237
|
+
description: intl.formatMessage({
|
|
238
|
+
id: "identities.messages.1060003"
|
|
239
|
+
})
|
|
240
|
+
};
|
|
241
|
+
}
|
|
201
242
|
return {
|
|
202
243
|
title: intl.formatMessage({
|
|
203
244
|
id: "recovery.title"
|
|
@@ -216,6 +257,18 @@ function useCardHeaderText(nodes, opts) {
|
|
|
216
257
|
})
|
|
217
258
|
};
|
|
218
259
|
case import_client_fetch2.FlowType.Verification:
|
|
260
|
+
if (nodes.find(
|
|
261
|
+
(node) => "name" in node.attributes && node.attributes.name === "code"
|
|
262
|
+
)) {
|
|
263
|
+
return {
|
|
264
|
+
title: intl.formatMessage({
|
|
265
|
+
id: "verification.title"
|
|
266
|
+
}),
|
|
267
|
+
description: intl.formatMessage({
|
|
268
|
+
id: "identities.messages.1080003"
|
|
269
|
+
})
|
|
270
|
+
};
|
|
271
|
+
}
|
|
219
272
|
return {
|
|
220
273
|
title: intl.formatMessage({
|
|
221
274
|
id: "verification.title"
|
|
@@ -337,44 +390,133 @@ function useCardHeaderText(nodes, opts) {
|
|
|
337
390
|
};
|
|
338
391
|
}
|
|
339
392
|
|
|
340
|
-
// src/theme/default/components/card/
|
|
393
|
+
// src/theme/default/components/card/current-identifier-button.tsx
|
|
394
|
+
var import_client_fetch3 = require("@ory/client-fetch");
|
|
395
|
+
var import_elements_react2 = require("@ory/elements-react");
|
|
396
|
+
|
|
397
|
+
// src/theme/default/assets/icons/arrow-left.svg
|
|
398
|
+
var React3 = __toESM(require("react"));
|
|
341
399
|
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
400
|
+
var SvgArrowLeft = (props) => {
|
|
401
|
+
var _a, _b;
|
|
402
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("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__ */ (0, import_jsx_runtime5.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
|
|
403
|
+
};
|
|
404
|
+
var arrow_left_default = SvgArrowLeft;
|
|
405
|
+
|
|
406
|
+
// src/theme/default/utils/attributes.ts
|
|
407
|
+
function omit(obj, keys) {
|
|
408
|
+
const ret = { ...obj };
|
|
409
|
+
for (const key of keys) {
|
|
410
|
+
delete ret[key];
|
|
411
|
+
}
|
|
412
|
+
return ret;
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
// src/theme/default/components/card/current-identifier-button.tsx
|
|
416
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
417
|
+
function DefaultCurrentIdentifierButton() {
|
|
418
|
+
const {
|
|
419
|
+
flow: { ui },
|
|
420
|
+
flowType,
|
|
421
|
+
config,
|
|
422
|
+
formState
|
|
423
|
+
} = (0, import_elements_react2.useOryFlow)();
|
|
424
|
+
if (formState.current === "provide_identifier") {
|
|
425
|
+
return null;
|
|
426
|
+
}
|
|
427
|
+
const nodeBackButton = getBackButtonNode(flowType, ui.nodes);
|
|
428
|
+
if ((nodeBackButton == null ? void 0 : nodeBackButton.attributes.node_type) !== "input" || !nodeBackButton.attributes.value) {
|
|
429
|
+
return null;
|
|
430
|
+
}
|
|
431
|
+
const initFlowUrl = `${config.sdk.url}/self-service/${flowType}/browser`;
|
|
432
|
+
const attributes = omit(nodeBackButton.attributes, [
|
|
433
|
+
"autocomplete",
|
|
434
|
+
"node_type"
|
|
435
|
+
]);
|
|
436
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
|
|
437
|
+
"a",
|
|
438
|
+
{
|
|
439
|
+
className: "cursor-pointer py-[5px] px-3 rounded-full border border-button-identifier-border-default bg-button-identifier-bg-default hover:border-button-identifier-border-hover hover:bg-button-identifier-bg-hover transition-colors inline-flex gap-1 items-center",
|
|
440
|
+
...attributes,
|
|
441
|
+
href: initFlowUrl,
|
|
442
|
+
title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.attributes.value}`,
|
|
443
|
+
children: [
|
|
444
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)(arrow_left_default, { size: 16, className: "text-button-identifier-fg-subtle" }),
|
|
445
|
+
/* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-medium text-button-identifier-fg-default text-ellipsis overflow-hidden text-nowrap", children: nodeBackButton == null ? void 0 : nodeBackButton.attributes.value })
|
|
446
|
+
]
|
|
447
|
+
}
|
|
448
|
+
) });
|
|
449
|
+
}
|
|
450
|
+
function getBackButtonNode(flowType, nodes) {
|
|
451
|
+
let nodeBackButton;
|
|
452
|
+
switch (flowType) {
|
|
453
|
+
case import_client_fetch3.FlowType.Login:
|
|
454
|
+
nodeBackButton = nodes.find(
|
|
455
|
+
(node) => "name" in node.attributes && node.attributes.name === "identifier" && node.group === "identifier_first"
|
|
456
|
+
);
|
|
457
|
+
break;
|
|
458
|
+
case import_client_fetch3.FlowType.Registration:
|
|
459
|
+
nodeBackButton = guessRegistrationBackButton(nodes);
|
|
460
|
+
break;
|
|
461
|
+
case import_client_fetch3.FlowType.Recovery:
|
|
462
|
+
case import_client_fetch3.FlowType.Verification:
|
|
463
|
+
nodeBackButton = nodes.find(
|
|
464
|
+
(n) => "name" in n.attributes && n.attributes.name === "email"
|
|
465
|
+
);
|
|
466
|
+
break;
|
|
467
|
+
}
|
|
468
|
+
return nodeBackButton;
|
|
469
|
+
}
|
|
470
|
+
var backButtonCandiates = [
|
|
471
|
+
"traits.email",
|
|
472
|
+
"traits.username",
|
|
473
|
+
"traits.phone_number"
|
|
474
|
+
];
|
|
475
|
+
function guessRegistrationBackButton(uiNodes) {
|
|
476
|
+
return uiNodes.find(
|
|
477
|
+
(node) => "name" in node.attributes && backButtonCandiates.includes(node.attributes.name) && node.group === "default"
|
|
478
|
+
);
|
|
479
|
+
}
|
|
480
|
+
|
|
481
|
+
// src/theme/default/components/card/header.tsx
|
|
482
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
342
483
|
function InnerCardHeader({ title, text }) {
|
|
343
|
-
const { Card } = (0,
|
|
344
|
-
return /* @__PURE__ */ (0,
|
|
345
|
-
/* @__PURE__ */ (0,
|
|
346
|
-
/* @__PURE__ */ (0,
|
|
347
|
-
/* @__PURE__ */ (0,
|
|
348
|
-
/* @__PURE__ */ (0,
|
|
484
|
+
const { Card } = (0, import_elements_react3.useComponents)();
|
|
485
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
|
|
486
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Card.Logo, {}),
|
|
487
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
488
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h2", { className: "font-semibold text-lg text-dialog-fg-default leading-normal", children: title }),
|
|
489
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: "text-sm leading-normal text-dialog-fg-subtle", children: text }),
|
|
490
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DefaultCurrentIdentifierButton, {})
|
|
349
491
|
] })
|
|
350
492
|
] });
|
|
351
493
|
}
|
|
352
494
|
function DefaultCardHeader() {
|
|
353
|
-
const context = (0,
|
|
495
|
+
const context = (0, import_elements_react3.useOryFlow)();
|
|
354
496
|
const { title, description } = useCardHeaderText(
|
|
355
497
|
context.flow.ui.nodes,
|
|
356
498
|
context
|
|
357
499
|
);
|
|
358
|
-
return /* @__PURE__ */ (0,
|
|
500
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(InnerCardHeader, { title, text: description });
|
|
359
501
|
}
|
|
360
502
|
|
|
361
503
|
// src/theme/default/components/card/logo.tsx
|
|
362
|
-
var
|
|
363
|
-
var
|
|
504
|
+
var import_elements_react4 = require("@ory/elements-react");
|
|
505
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
364
506
|
function DefaultCardLogo() {
|
|
365
|
-
const flow = (0,
|
|
507
|
+
const flow = (0, import_elements_react4.useOryFlow)();
|
|
366
508
|
if (flow.config.logoUrl) {
|
|
367
|
-
return /* @__PURE__ */ (0,
|
|
509
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src: flow.config.logoUrl, width: 100, height: 36, alt: "Logo" });
|
|
368
510
|
}
|
|
369
|
-
return /* @__PURE__ */ (0,
|
|
511
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h1", { className: "text-xl font-semibold leading-normal text-dialog-fg-default", children: flow.config.name });
|
|
370
512
|
}
|
|
371
513
|
|
|
372
514
|
// src/theme/default/components/card/index.tsx
|
|
373
|
-
var
|
|
515
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
374
516
|
function DefaultCard({ children }) {
|
|
375
|
-
return /* @__PURE__ */ (0,
|
|
517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 flex-col flex justify-center items-center font-sans", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-1 max-w-sm md:max-w-[480px] md:w-[480px] gap-8 bg-dialog-bg-default px-8 md:px-12 py-12 md:py-14 relative rounded-border-radius-cards border border-dialog-border-default", children: [
|
|
376
518
|
children,
|
|
377
|
-
/* @__PURE__ */ (0,
|
|
519
|
+
/* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Badge, {})
|
|
378
520
|
] }) });
|
|
379
521
|
}
|
|
380
522
|
|
|
@@ -387,16 +529,16 @@ function cn(...inputs) {
|
|
|
387
529
|
|
|
388
530
|
// src/theme/default/components/form/index.tsx
|
|
389
531
|
var import_react_intl3 = require("react-intl");
|
|
390
|
-
var
|
|
391
|
-
var
|
|
392
|
-
var
|
|
532
|
+
var import_elements_react5 = require("@ory/elements-react");
|
|
533
|
+
var import_client_fetch4 = require("@ory/client-fetch");
|
|
534
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
393
535
|
function DefaultFormContainer({
|
|
394
536
|
children,
|
|
395
537
|
onSubmit,
|
|
396
538
|
action,
|
|
397
539
|
method
|
|
398
540
|
}) {
|
|
399
|
-
return /* @__PURE__ */ (0,
|
|
541
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
400
542
|
"form",
|
|
401
543
|
{
|
|
402
544
|
onSubmit,
|
|
@@ -409,15 +551,15 @@ function DefaultFormContainer({
|
|
|
409
551
|
);
|
|
410
552
|
}
|
|
411
553
|
function DefaultMessageContainer({ children }) {
|
|
412
|
-
const { flowType } = (0,
|
|
554
|
+
const { flowType } = (0, import_elements_react5.useOryFlow)();
|
|
413
555
|
if (!children || Array.isArray(children) && children.length === 0) {
|
|
414
556
|
return null;
|
|
415
557
|
}
|
|
416
|
-
return /* @__PURE__ */ (0,
|
|
558
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
417
559
|
"section",
|
|
418
560
|
{
|
|
419
561
|
className: cn(
|
|
420
|
-
flowType ===
|
|
562
|
+
flowType === import_client_fetch4.FlowType.Settings ? "text-center" : "text-left"
|
|
421
563
|
),
|
|
422
564
|
children
|
|
423
565
|
}
|
|
@@ -425,7 +567,7 @@ function DefaultMessageContainer({ children }) {
|
|
|
425
567
|
}
|
|
426
568
|
function DefaultMessage({ message }) {
|
|
427
569
|
const intl = (0, import_react_intl3.useIntl)();
|
|
428
|
-
return /* @__PURE__ */ (0,
|
|
570
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
|
|
429
571
|
"span",
|
|
430
572
|
{
|
|
431
573
|
className: cn("text-sm mt-1 leading-normal", {
|
|
@@ -433,7 +575,7 @@ function DefaultMessage({ message }) {
|
|
|
433
575
|
"text-forms-fg-default": message.type === "info",
|
|
434
576
|
"text-forms-fg-success": message.type === "success"
|
|
435
577
|
}),
|
|
436
|
-
children: (0,
|
|
578
|
+
children: (0, import_elements_react5.uiTextToFormattedMessage)(message, intl)
|
|
437
579
|
}
|
|
438
580
|
);
|
|
439
581
|
}
|
|
@@ -442,38 +584,38 @@ function DefaultMessage({ message }) {
|
|
|
442
584
|
var import_react_intl4 = require("react-intl");
|
|
443
585
|
|
|
444
586
|
// src/theme/default/assets/icons/code.svg
|
|
445
|
-
var
|
|
446
|
-
var
|
|
587
|
+
var React4 = __toESM(require("react"));
|
|
588
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
447
589
|
var SvgCode = (props) => {
|
|
448
590
|
var _a, _b;
|
|
449
|
-
return /* @__PURE__ */ (0,
|
|
591
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("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__ */ (0, import_jsx_runtime11.jsx)("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" }) });
|
|
450
592
|
};
|
|
451
593
|
var code_default = SvgCode;
|
|
452
594
|
|
|
453
595
|
// src/theme/default/assets/icons/passkey.svg
|
|
454
|
-
var
|
|
455
|
-
var
|
|
596
|
+
var React5 = __toESM(require("react"));
|
|
597
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
456
598
|
var SvgPasskey = (props) => {
|
|
457
599
|
var _a, _b;
|
|
458
|
-
return /* @__PURE__ */ (0,
|
|
600
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("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" }) });
|
|
459
601
|
};
|
|
460
602
|
var passkey_default = SvgPasskey;
|
|
461
603
|
|
|
462
604
|
// src/theme/default/assets/icons/password.svg
|
|
463
|
-
var
|
|
464
|
-
var
|
|
605
|
+
var React6 = __toESM(require("react"));
|
|
606
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
465
607
|
var SvgPassword = (props) => {
|
|
466
608
|
var _a, _b;
|
|
467
|
-
return /* @__PURE__ */ (0,
|
|
609
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime13.jsx)("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" }) });
|
|
468
610
|
};
|
|
469
611
|
var password_default = SvgPassword;
|
|
470
612
|
|
|
471
613
|
// src/theme/default/assets/icons/webauthn.svg
|
|
472
|
-
var
|
|
473
|
-
var
|
|
614
|
+
var React7 = __toESM(require("react"));
|
|
615
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
474
616
|
var SvgWebauthn = (props) => {
|
|
475
617
|
var _a, _b;
|
|
476
|
-
return /* @__PURE__ */ (0,
|
|
618
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("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" }) });
|
|
477
619
|
};
|
|
478
620
|
var webauthn_default = SvgWebauthn;
|
|
479
621
|
|
|
@@ -483,7 +625,7 @@ function isGroupImmediateSubmit(group) {
|
|
|
483
625
|
}
|
|
484
626
|
|
|
485
627
|
// src/theme/default/components/card/auth-methods.tsx
|
|
486
|
-
var
|
|
628
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
487
629
|
var iconsMap = {
|
|
488
630
|
code: code_default,
|
|
489
631
|
passkey: passkey_default,
|
|
@@ -496,17 +638,17 @@ function DefaultAuthMethodListItem({
|
|
|
496
638
|
}) {
|
|
497
639
|
const intl = (0, import_react_intl4.useIntl)();
|
|
498
640
|
const Icon = iconsMap[group] || null;
|
|
499
|
-
return /* @__PURE__ */ (0,
|
|
641
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "w-full hover:bg-forms-bg-hover px-2 py-1 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
|
|
500
642
|
"button",
|
|
501
643
|
{
|
|
502
644
|
className: "flex text-left py-2 gap-3 cursor-pointer",
|
|
503
645
|
onClick,
|
|
504
646
|
type: isGroupImmediateSubmit(group) ? "submit" : "button",
|
|
505
647
|
children: [
|
|
506
|
-
/* @__PURE__ */ (0,
|
|
507
|
-
/* @__PURE__ */ (0,
|
|
508
|
-
/* @__PURE__ */ (0,
|
|
509
|
-
/* @__PURE__ */ (0,
|
|
648
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "flex-none w-4 h-4 mt-[2px]", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Icon, { size: 20, className: "text-forms-fg-default" }) }),
|
|
649
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "flex-1 text-sm leading-normal", children: [
|
|
650
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-forms-fg-default text-sm", children: intl.formatMessage({ id: `two-step.${group}.title` }) }),
|
|
651
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "text-forms-fg-mute text-sm", children: intl.formatMessage({ id: `two-step.${group}.description` }) })
|
|
510
652
|
] })
|
|
511
653
|
]
|
|
512
654
|
}
|
|
@@ -514,15 +656,15 @@ function DefaultAuthMethodListItem({
|
|
|
514
656
|
}
|
|
515
657
|
|
|
516
658
|
// src/theme/default/components/form/button.tsx
|
|
517
|
-
var
|
|
518
|
-
var
|
|
519
|
-
var
|
|
659
|
+
var import_client_fetch5 = require("@ory/client-fetch");
|
|
660
|
+
var import_elements_react6 = require("@ory/elements-react");
|
|
661
|
+
var import_react_hook_form2 = require("react-hook-form");
|
|
520
662
|
var import_react_intl5 = require("react-intl");
|
|
521
663
|
|
|
522
664
|
// src/theme/default/components/form/spinner.tsx
|
|
523
|
-
var
|
|
665
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
524
666
|
function Spinner({ className }) {
|
|
525
|
-
return /* @__PURE__ */ (0,
|
|
667
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
|
|
526
668
|
"svg",
|
|
527
669
|
{
|
|
528
670
|
"aria-hidden": "true",
|
|
@@ -535,7 +677,7 @@ function Spinner({ className }) {
|
|
|
535
677
|
fill: "none",
|
|
536
678
|
xmlns: "http://www.w3.org/2000/svg",
|
|
537
679
|
children: [
|
|
538
|
-
/* @__PURE__ */ (0,
|
|
680
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
539
681
|
"path",
|
|
540
682
|
{
|
|
541
683
|
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",
|
|
@@ -544,7 +686,7 @@ function Spinner({ className }) {
|
|
|
544
686
|
strokeLinejoin: "round"
|
|
545
687
|
}
|
|
546
688
|
) }),
|
|
547
|
-
/* @__PURE__ */ (0,
|
|
689
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
548
690
|
"rect",
|
|
549
691
|
{
|
|
550
692
|
width: "24",
|
|
@@ -559,9 +701,9 @@ function Spinner({ className }) {
|
|
|
559
701
|
}
|
|
560
702
|
|
|
561
703
|
// src/theme/default/components/form/button.tsx
|
|
562
|
-
var
|
|
704
|
+
var import_elements_react7 = require("@ory/elements-react");
|
|
563
705
|
var import_class_variance_authority = require("class-variance-authority");
|
|
564
|
-
var
|
|
706
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
565
707
|
var buttonStyles = (0, import_class_variance_authority.cva)(
|
|
566
708
|
[
|
|
567
709
|
"ring-1 relative overflow-hidden ring-inset rounded text-sm leading-none flex gap-3 justify-center",
|
|
@@ -615,15 +757,15 @@ var DefaultButton = ({
|
|
|
615
757
|
...rest
|
|
616
758
|
} = attributes;
|
|
617
759
|
const intl = (0, import_react_intl5.useIntl)();
|
|
618
|
-
const label = (0,
|
|
619
|
-
const { flowType } = (0,
|
|
760
|
+
const label = (0, import_client_fetch5.getNodeLabel)(node);
|
|
761
|
+
const { flowType } = (0, import_elements_react7.useOryFlow)();
|
|
620
762
|
const {
|
|
621
763
|
formState: { isSubmitting },
|
|
622
764
|
setValue
|
|
623
|
-
} = (0,
|
|
765
|
+
} = (0, import_react_hook_form2.useFormContext)();
|
|
624
766
|
const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret");
|
|
625
|
-
const isSmall = flowType ===
|
|
626
|
-
return /* @__PURE__ */ (0,
|
|
767
|
+
const isSmall = flowType === import_client_fetch5.FlowType.Settings && attributes.name !== "webauthn_register_trigger";
|
|
768
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
|
|
627
769
|
"button",
|
|
628
770
|
{
|
|
629
771
|
...rest,
|
|
@@ -646,8 +788,8 @@ var DefaultButton = ({
|
|
|
646
788
|
disabled: (_a = rest.disabled) != null ? _a : true,
|
|
647
789
|
"data-loading": isSubmitting,
|
|
648
790
|
children: [
|
|
649
|
-
isSubmitting ? /* @__PURE__ */ (0,
|
|
650
|
-
label ? (0,
|
|
791
|
+
isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Spinner, {}) : null,
|
|
792
|
+
label ? (0, import_elements_react6.uiTextToFormattedMessage)(label, intl) : ""
|
|
651
793
|
]
|
|
652
794
|
}
|
|
653
795
|
);
|
|
@@ -655,10 +797,10 @@ var DefaultButton = ({
|
|
|
655
797
|
DefaultButton.displayName = "DefaultButton";
|
|
656
798
|
|
|
657
799
|
// src/theme/default/components/form/checkbox.tsx
|
|
658
|
-
var
|
|
659
|
-
var
|
|
800
|
+
var import_client_fetch6 = require("@ory/client-fetch");
|
|
801
|
+
var import_elements_react8 = require("@ory/elements-react");
|
|
660
802
|
var import_react = require("react");
|
|
661
|
-
var
|
|
803
|
+
var import_react_hook_form3 = require("react-hook-form");
|
|
662
804
|
var import_react_intl7 = require("react-intl");
|
|
663
805
|
|
|
664
806
|
// src/theme/default/components/ui/checkbox-label.tsx
|
|
@@ -713,7 +855,7 @@ var uiTextToFormattedMessage3 = ({ id, context = {}, text }, intl) => {
|
|
|
713
855
|
};
|
|
714
856
|
|
|
715
857
|
// src/theme/default/components/ui/checkbox-label.tsx
|
|
716
|
-
var
|
|
858
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
717
859
|
var linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
|
|
718
860
|
function computeLabelElements(labelText) {
|
|
719
861
|
const elements = [];
|
|
@@ -729,7 +871,7 @@ function computeLabelElements(labelText) {
|
|
|
729
871
|
elements.push(labelText.slice(lastIndex, matchStart));
|
|
730
872
|
}
|
|
731
873
|
elements.push(
|
|
732
|
-
/* @__PURE__ */ (0,
|
|
874
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
|
|
733
875
|
"a",
|
|
734
876
|
{
|
|
735
877
|
href: url,
|
|
@@ -754,13 +896,13 @@ function CheckboxLabel({ label }) {
|
|
|
754
896
|
return null;
|
|
755
897
|
}
|
|
756
898
|
const labelText = uiTextToFormattedMessage3(label, intl);
|
|
757
|
-
return /* @__PURE__ */ (0,
|
|
899
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_jsx_runtime18.Fragment, { children: computeLabelElements(labelText) });
|
|
758
900
|
}
|
|
759
901
|
|
|
760
902
|
// src/theme/default/components/form/checkbox.tsx
|
|
761
|
-
var
|
|
903
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
762
904
|
function CheckboxSVG() {
|
|
763
|
-
return /* @__PURE__ */ (0,
|
|
905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
764
906
|
"svg",
|
|
765
907
|
{
|
|
766
908
|
className: "absolute w-4 h-4 hidden peer-checked:block",
|
|
@@ -770,14 +912,14 @@ function CheckboxSVG() {
|
|
|
770
912
|
viewBox: "0 0 16 16",
|
|
771
913
|
fill: "none",
|
|
772
914
|
children: [
|
|
773
|
-
/* @__PURE__ */ (0,
|
|
915
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
774
916
|
"path",
|
|
775
917
|
{
|
|
776
918
|
d: "M0 4C0 1.79086 1.79086 0 4 0H12C14.2091 0 16 1.79086 16 4V12C16 14.2091 14.2091 16 12 16H4C1.79086 16 0 14.2091 0 12V4Z",
|
|
777
919
|
fill: "#0F172A"
|
|
778
920
|
}
|
|
779
921
|
),
|
|
780
|
-
/* @__PURE__ */ (0,
|
|
922
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
781
923
|
"path",
|
|
782
924
|
{
|
|
783
925
|
fillRule: "evenodd",
|
|
@@ -805,10 +947,10 @@ var DefaultCheckbox = ({
|
|
|
805
947
|
...attributes
|
|
806
948
|
} = initialAttributes;
|
|
807
949
|
const intl = (0, import_react_intl7.useIntl)();
|
|
808
|
-
const label = (0,
|
|
950
|
+
const label = (0, import_client_fetch6.getNodeLabel)(node);
|
|
809
951
|
const [checked, setChecked] = (0, import_react.useState)(Boolean(value));
|
|
810
|
-
const { register } = (0,
|
|
811
|
-
return /* @__PURE__ */ (0,
|
|
952
|
+
const { register } = (0, import_react_hook_form3.useForm)();
|
|
953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
|
|
812
954
|
"div",
|
|
813
955
|
{
|
|
814
956
|
className: "flex antialiased gap-3 self-stretch item-start",
|
|
@@ -816,8 +958,8 @@ var DefaultCheckbox = ({
|
|
|
816
958
|
setChecked(!checked);
|
|
817
959
|
},
|
|
818
960
|
children: [
|
|
819
|
-
/* @__PURE__ */ (0,
|
|
820
|
-
/* @__PURE__ */ (0,
|
|
961
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex h-5 items-center", children: [
|
|
962
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
821
963
|
"input",
|
|
822
964
|
{
|
|
823
965
|
...attributes,
|
|
@@ -832,16 +974,16 @@ var DefaultCheckbox = ({
|
|
|
832
974
|
...register(name, { value })
|
|
833
975
|
}
|
|
834
976
|
),
|
|
835
|
-
/* @__PURE__ */ (0,
|
|
977
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxSVG, {})
|
|
836
978
|
] }),
|
|
837
|
-
/* @__PURE__ */ (0,
|
|
838
|
-
/* @__PURE__ */ (0,
|
|
839
|
-
node.messages.map((message) => /* @__PURE__ */ (0,
|
|
979
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-sm items-center", children: [
|
|
980
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("label", { className: "text-sm font-normal leading-normal text-forms-fg-default", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckboxLabel, { label }) }),
|
|
981
|
+
node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
|
|
840
982
|
"span",
|
|
841
983
|
{
|
|
842
984
|
className: "text-sm text-red-900 mt-1",
|
|
843
|
-
...(0,
|
|
844
|
-
children: (0,
|
|
985
|
+
...(0, import_elements_react8.messageTestId)(message),
|
|
986
|
+
children: (0, import_elements_react8.uiTextToFormattedMessage)(message, intl)
|
|
845
987
|
},
|
|
846
988
|
message.id
|
|
847
989
|
))
|
|
@@ -852,49 +994,56 @@ var DefaultCheckbox = ({
|
|
|
852
994
|
};
|
|
853
995
|
|
|
854
996
|
// src/theme/default/components/form/group-container.tsx
|
|
855
|
-
var
|
|
997
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
856
998
|
function DefaultGroupContainer({ children }) {
|
|
857
|
-
return /* @__PURE__ */ (0,
|
|
999
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "grid grid-cols-1 gap-6", children });
|
|
858
1000
|
}
|
|
859
1001
|
|
|
860
1002
|
// src/theme/default/components/form/horizontal-divider.tsx
|
|
861
|
-
var
|
|
1003
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
862
1004
|
function DefaultHorizontalDivider() {
|
|
863
|
-
return /* @__PURE__ */ (0,
|
|
1005
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("hr", { className: "border-dialog-border-default" });
|
|
864
1006
|
}
|
|
865
1007
|
|
|
866
1008
|
// src/theme/default/components/form/image.tsx
|
|
867
|
-
var
|
|
1009
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
868
1010
|
function DefaultImage({ attributes }) {
|
|
869
|
-
return /* @__PURE__ */ (0,
|
|
1011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("img", { ...attributes }) });
|
|
870
1012
|
}
|
|
871
1013
|
|
|
872
1014
|
// src/theme/default/components/form/input.tsx
|
|
873
|
-
var
|
|
874
|
-
var
|
|
875
|
-
var
|
|
1015
|
+
var import_client_fetch7 = require("@ory/client-fetch");
|
|
1016
|
+
var import_elements_react9 = require("@ory/elements-react");
|
|
1017
|
+
var import_react_hook_form4 = require("react-hook-form");
|
|
876
1018
|
var import_react_intl8 = require("react-intl");
|
|
877
|
-
var
|
|
1019
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
878
1020
|
var DefaultInput = ({
|
|
879
1021
|
node,
|
|
880
1022
|
attributes,
|
|
881
1023
|
onClick
|
|
882
1024
|
}) => {
|
|
883
|
-
const label = (0,
|
|
884
|
-
const { register } = (0,
|
|
885
|
-
const {
|
|
1025
|
+
const label = (0, import_client_fetch7.getNodeLabel)(node);
|
|
1026
|
+
const { register } = (0, import_react_hook_form4.useFormContext)();
|
|
1027
|
+
const {
|
|
1028
|
+
value,
|
|
1029
|
+
autocomplete,
|
|
1030
|
+
name,
|
|
1031
|
+
maxlength,
|
|
1032
|
+
node_type: _,
|
|
1033
|
+
...rest
|
|
1034
|
+
} = attributes;
|
|
886
1035
|
const intl = (0, import_react_intl8.useIntl)();
|
|
887
|
-
const { flowType } = (0,
|
|
1036
|
+
const { flowType } = (0, import_elements_react9.useOryFlow)();
|
|
888
1037
|
const formattedLabel = label ? intl.formatMessage(
|
|
889
1038
|
{
|
|
890
1039
|
id: "input.placeholder",
|
|
891
1040
|
defaultMessage: "Enter your {placeholder}"
|
|
892
1041
|
},
|
|
893
1042
|
{
|
|
894
|
-
placeholder: (0,
|
|
1043
|
+
placeholder: (0, import_elements_react9.uiTextToFormattedMessage)(label, intl)
|
|
895
1044
|
}
|
|
896
1045
|
) : "";
|
|
897
|
-
return /* @__PURE__ */ (0,
|
|
1046
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
|
|
898
1047
|
"input",
|
|
899
1048
|
{
|
|
900
1049
|
...rest,
|
|
@@ -906,7 +1055,7 @@ var DefaultInput = ({
|
|
|
906
1055
|
"antialiased disabled:text-forms-fg-disabled disabled:bg-forms-bg-disabled bg-forms-bg-default rounded-border-radius-forms border border-forms-border-default leading-tight hover:border-forms-border-hover transition-colors text-sm",
|
|
907
1056
|
"px-3 py-2.5",
|
|
908
1057
|
// The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
|
|
909
|
-
flowType ===
|
|
1058
|
+
flowType === import_client_fetch7.FlowType.Settings ? "max-w-[488px]" : "md:px-4 md:py-4"
|
|
910
1059
|
),
|
|
911
1060
|
...register(name, { value })
|
|
912
1061
|
}
|
|
@@ -914,10 +1063,10 @@ var DefaultInput = ({
|
|
|
914
1063
|
};
|
|
915
1064
|
|
|
916
1065
|
// src/theme/default/components/form/label.tsx
|
|
917
|
-
var
|
|
918
|
-
var
|
|
1066
|
+
var import_client_fetch8 = require("@ory/client-fetch");
|
|
1067
|
+
var import_elements_react10 = require("@ory/elements-react");
|
|
919
1068
|
var import_react_intl9 = require("react-intl");
|
|
920
|
-
var
|
|
1069
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
921
1070
|
function DefaultLabel({
|
|
922
1071
|
node,
|
|
923
1072
|
children,
|
|
@@ -925,24 +1074,26 @@ function DefaultLabel({
|
|
|
925
1074
|
...rest
|
|
926
1075
|
}) {
|
|
927
1076
|
const intl = (0, import_react_intl9.useIntl)();
|
|
928
|
-
const label = (0,
|
|
929
|
-
const { config, flowType } = (0,
|
|
1077
|
+
const label = (0, import_client_fetch8.getNodeLabel)(node);
|
|
1078
|
+
const { config, flowType, flow } = (0, import_elements_react10.useOryFlow)();
|
|
930
1079
|
const isPassword = attributes.type === "password";
|
|
931
|
-
const
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
1080
|
+
const hasResendNode = flow.ui.nodes.some(
|
|
1081
|
+
(n) => "name" in n.attributes && n.attributes.name === "email" && n.attributes.type === "submit"
|
|
1082
|
+
);
|
|
1083
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col antialiased gap-1", children: [
|
|
1084
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "inline-flex justify-between", children: [
|
|
1085
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
935
1086
|
"label",
|
|
936
1087
|
{
|
|
937
|
-
...(0,
|
|
1088
|
+
...(0, import_elements_react10.messageTestId)(label),
|
|
938
1089
|
className: "text-sm font-medium leading-normal",
|
|
939
1090
|
htmlFor: attributes.name,
|
|
940
1091
|
...rest,
|
|
941
|
-
children: (0,
|
|
1092
|
+
children: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl)
|
|
942
1093
|
}
|
|
943
1094
|
),
|
|
944
|
-
isPassword && config.project.recovery_enabled && flowType ===
|
|
945
|
-
/* @__PURE__ */ (0,
|
|
1095
|
+
isPassword && config.project.recovery_enabled && flowType === import_client_fetch8.FlowType.Login && // TODO: make it possible to override with a custom component
|
|
1096
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
946
1097
|
"a",
|
|
947
1098
|
{
|
|
948
1099
|
href: config.project.recovery_ui_url,
|
|
@@ -953,7 +1104,7 @@ function DefaultLabel({
|
|
|
953
1104
|
})
|
|
954
1105
|
}
|
|
955
1106
|
),
|
|
956
|
-
|
|
1107
|
+
hasResendNode && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
957
1108
|
"button",
|
|
958
1109
|
{
|
|
959
1110
|
type: "submit",
|
|
@@ -965,7 +1116,7 @@ function DefaultLabel({
|
|
|
965
1116
|
)
|
|
966
1117
|
] }),
|
|
967
1118
|
children,
|
|
968
|
-
node.messages.map((message) => /* @__PURE__ */ (0,
|
|
1119
|
+
node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
|
|
969
1120
|
"span",
|
|
970
1121
|
{
|
|
971
1122
|
className: cn("text-sm leading-normal", {
|
|
@@ -973,8 +1124,8 @@ function DefaultLabel({
|
|
|
973
1124
|
"text-forms-fg-default": message.type === "info",
|
|
974
1125
|
"text-forms-fg-success": message.type === "success"
|
|
975
1126
|
}),
|
|
976
|
-
...(0,
|
|
977
|
-
children: (0,
|
|
1127
|
+
...(0, import_elements_react10.messageTestId)(message),
|
|
1128
|
+
children: (0, import_elements_react10.uiTextToFormattedMessage)(message, intl)
|
|
978
1129
|
},
|
|
979
1130
|
message.id
|
|
980
1131
|
))
|
|
@@ -982,37 +1133,37 @@ function DefaultLabel({
|
|
|
982
1133
|
}
|
|
983
1134
|
|
|
984
1135
|
// src/theme/default/components/form/link-button.tsx
|
|
985
|
-
var
|
|
986
|
-
var
|
|
1136
|
+
var import_client_fetch9 = require("@ory/client-fetch");
|
|
1137
|
+
var import_elements_react11 = require("@ory/elements-react");
|
|
987
1138
|
var import_react2 = require("react");
|
|
988
1139
|
var import_react_intl10 = require("react-intl");
|
|
989
|
-
var
|
|
1140
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
990
1141
|
var DefaultLinkButton = (0, import_react2.forwardRef)(({ attributes, node }, ref) => {
|
|
991
1142
|
const intl = (0, import_react_intl10.useIntl)();
|
|
992
|
-
const label = (0,
|
|
993
|
-
return /* @__PURE__ */ (0,
|
|
1143
|
+
const label = (0, import_client_fetch9.getNodeLabel)(node);
|
|
1144
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
|
|
994
1145
|
"a",
|
|
995
1146
|
{
|
|
996
1147
|
...attributes,
|
|
997
1148
|
ref,
|
|
998
|
-
title: label ? (0,
|
|
1149
|
+
title: label ? (0, import_elements_react11.uiTextToFormattedMessage)(label, intl) : "",
|
|
999
1150
|
className: cn(
|
|
1000
1151
|
"antialiased rounded cursor-pointer text-center border border-transparent gap-3 leading-none bg-button-primary-bg-default hover:bg-button-primary-bg-hover transition-colors text-button-primary-fg-default hover:text-button-primary-fg-hover px-4 py-4.5 text-sm font-medium"
|
|
1001
1152
|
),
|
|
1002
|
-
children: label ? (0,
|
|
1153
|
+
children: label ? (0, import_elements_react11.uiTextToFormattedMessage)(label, intl) : ""
|
|
1003
1154
|
}
|
|
1004
1155
|
);
|
|
1005
1156
|
});
|
|
1006
1157
|
DefaultLinkButton.displayName = "DefaultLinkButton";
|
|
1007
1158
|
|
|
1008
1159
|
// src/theme/default/components/form/pin-code-input.tsx
|
|
1009
|
-
var
|
|
1160
|
+
var import_react_hook_form5 = require("react-hook-form");
|
|
1010
1161
|
|
|
1011
1162
|
// src/theme/default/components/form/shadcn/otp-input.tsx
|
|
1012
1163
|
var import_input_otp = require("input-otp");
|
|
1013
|
-
var
|
|
1014
|
-
var
|
|
1015
|
-
var InputOTP =
|
|
1164
|
+
var React8 = __toESM(require("react"));
|
|
1165
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
1166
|
+
var InputOTP = React8.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
1016
1167
|
import_input_otp.OTPInput,
|
|
1017
1168
|
{
|
|
1018
1169
|
ref,
|
|
@@ -1025,12 +1176,12 @@ var InputOTP = React7.forwardRef(({ className, containerClassName, ...props }, r
|
|
|
1025
1176
|
}
|
|
1026
1177
|
));
|
|
1027
1178
|
InputOTP.displayName = "InputOTP";
|
|
1028
|
-
var InputOTPGroup =
|
|
1179
|
+
var InputOTPGroup = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
1029
1180
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
1030
|
-
var InputOTPSlot =
|
|
1031
|
-
const inputOTPContext =
|
|
1181
|
+
var InputOTPSlot = React8.forwardRef(({ index, className, ...props }, ref) => {
|
|
1182
|
+
const inputOTPContext = React8.useContext(import_input_otp.OTPInputContext);
|
|
1032
1183
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
1033
|
-
return /* @__PURE__ */ (0,
|
|
1184
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
1034
1185
|
"div",
|
|
1035
1186
|
{
|
|
1036
1187
|
ref,
|
|
@@ -1042,7 +1193,7 @@ var InputOTPSlot = React7.forwardRef(({ index, className, ...props }, ref) => {
|
|
|
1042
1193
|
...props,
|
|
1043
1194
|
children: [
|
|
1044
1195
|
char,
|
|
1045
|
-
hasFakeCaret && /* @__PURE__ */ (0,
|
|
1196
|
+
hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-branding-bg-default duration-750" }) })
|
|
1046
1197
|
]
|
|
1047
1198
|
}
|
|
1048
1199
|
);
|
|
@@ -1050,23 +1201,23 @@ var InputOTPSlot = React7.forwardRef(({ index, className, ...props }, ref) => {
|
|
|
1050
1201
|
InputOTPSlot.displayName = "InputOTPSlot";
|
|
1051
1202
|
|
|
1052
1203
|
// src/theme/default/components/form/pin-code-input.tsx
|
|
1053
|
-
var
|
|
1204
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
1054
1205
|
var DefaultPinCodeInput = ({ attributes }) => {
|
|
1055
|
-
const { setValue, watch } = (0,
|
|
1206
|
+
const { setValue, watch } = (0, import_react_hook_form5.useFormContext)();
|
|
1056
1207
|
const { maxlength, name } = attributes;
|
|
1057
1208
|
const elements = maxlength != null ? maxlength : 6;
|
|
1058
1209
|
const handleInputChange = (v) => {
|
|
1059
1210
|
setValue(name, v);
|
|
1060
1211
|
};
|
|
1061
1212
|
const value = watch(name);
|
|
1062
|
-
return /* @__PURE__ */ (0,
|
|
1213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
1063
1214
|
InputOTP,
|
|
1064
1215
|
{
|
|
1065
1216
|
maxLength: maxlength != null ? maxlength : 6,
|
|
1066
1217
|
onChange: handleInputChange,
|
|
1067
1218
|
name,
|
|
1068
1219
|
value,
|
|
1069
|
-
children: /* @__PURE__ */ (0,
|
|
1220
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(InputOTPGroup, { className: "w-full space-x-2 justify-between", children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
1070
1221
|
InputOTPSlot,
|
|
1071
1222
|
{
|
|
1072
1223
|
index,
|
|
@@ -1078,167 +1229,189 @@ var DefaultPinCodeInput = ({ attributes }) => {
|
|
|
1078
1229
|
);
|
|
1079
1230
|
};
|
|
1080
1231
|
|
|
1232
|
+
// src/theme/default/components/form/section.tsx
|
|
1233
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
1234
|
+
var DefaultFormSection = ({ children }) => {
|
|
1235
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex flex-col w-80 md:w-[712px] lg:w-[802px] xl:w-[896px]", children });
|
|
1236
|
+
};
|
|
1237
|
+
var DefaultFormSectionContent = ({
|
|
1238
|
+
title,
|
|
1239
|
+
description,
|
|
1240
|
+
children
|
|
1241
|
+
}) => {
|
|
1242
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "border rounded-t-xl border-b-0 border-dialog-border-default bg-forms-bg-default px-6 py-8 flex flex-col gap-8", children: [
|
|
1243
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
1244
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h3", { className: "font-medium text-dialog-fg-default", children: title }),
|
|
1245
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-sm text-dialog-fg-subtle", children: description })
|
|
1246
|
+
] }),
|
|
1247
|
+
children
|
|
1248
|
+
] });
|
|
1249
|
+
};
|
|
1250
|
+
var DefaultFormSectionFooter = ({ children }) => {
|
|
1251
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "rounded-b-xl gap-2 flex justify-end px-6 py-4 bg-dialog-bg-subtle border border-dialog-border-default text-sm text-dialog-fg-mute items-center [&>span]:mr-auto min-h-[72px]", children });
|
|
1252
|
+
};
|
|
1253
|
+
|
|
1081
1254
|
// src/theme/default/components/form/social.tsx
|
|
1082
|
-
var
|
|
1255
|
+
var import_elements_react12 = require("@ory/elements-react");
|
|
1083
1256
|
|
|
1084
1257
|
// src/theme/default/provider-logos/apple.svg
|
|
1085
|
-
var
|
|
1086
|
-
var
|
|
1258
|
+
var React9 = __toESM(require("react"));
|
|
1259
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
1087
1260
|
var SvgApple = (props) => {
|
|
1088
1261
|
var _a, _b;
|
|
1089
|
-
return /* @__PURE__ */ (0,
|
|
1090
|
-
/* @__PURE__ */ (0,
|
|
1091
|
-
/* @__PURE__ */ (0,
|
|
1262
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("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: [
|
|
1263
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { fill: "#283544", d: "M30 16c0 7.728-6.265 14-14 14S2 23.728 2 16C2 8.265 8.265 2 16 2s14 6.265 14 14" }),
|
|
1264
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { fill: "#fff", d: "M22.562 12.457c-.076.045-1.895.986-1.895 3.07.086 2.38 2.295 3.213 2.333 3.213-.038.045-.334 1.136-1.21 2.28-.694.986-1.466 1.98-2.637 1.98-1.114 0-1.514-.657-2.8-.657-1.381 0-1.772.657-2.829.657-1.171 0-2-1.047-2.733-2.023-.952-1.278-1.761-3.284-1.79-5.21-.02-1.02.19-2.023.724-2.875.752-1.19 2.095-1.997 3.561-2.023 1.124-.036 2.124.719 2.81.719.657 0 1.885-.72 3.275-.72.6.001 2.2.17 3.191 1.59m-6.561-1.792c-.2-.932.352-1.864.866-2.458.657-.72 1.695-1.207 2.59-1.207a3.33 3.33 0 0 1-.952 2.511c-.58.72-1.58 1.26-2.504 1.154" })
|
|
1092
1265
|
] });
|
|
1093
1266
|
};
|
|
1094
1267
|
var apple_default = SvgApple;
|
|
1095
1268
|
|
|
1096
1269
|
// src/theme/default/provider-logos/auth0.svg
|
|
1097
|
-
var
|
|
1098
|
-
var
|
|
1270
|
+
var React10 = __toESM(require("react"));
|
|
1271
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
1099
1272
|
var SvgAuth0 = (props) => {
|
|
1100
1273
|
var _a, _b;
|
|
1101
|
-
return /* @__PURE__ */ (0,
|
|
1274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 64 64", 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__ */ (0, import_jsx_runtime30.jsx)("path", { fill: "#eb5424", d: "M49.012 51.774 42.514 32l17.008-12.22h-21.02L32.005 0h21.032l6.506 19.78c3.767 11.468-.118 24.52-10.53 31.993zm-34.023 0L31.998 64l17.015-12.226-17.008-12.22zm-10.516-32c-3.976 12.1.64 24.917 10.5 32.007v-.007L21.482 32 4.474 19.774l21.025.007L31.998 0H10.972z" }) });
|
|
1102
1275
|
};
|
|
1103
1276
|
var auth0_default = SvgAuth0;
|
|
1104
1277
|
|
|
1105
1278
|
// src/theme/default/provider-logos/discord.svg
|
|
1106
|
-
var
|
|
1107
|
-
var
|
|
1279
|
+
var React11 = __toESM(require("react"));
|
|
1280
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
1108
1281
|
var SvgDiscord = (props) => {
|
|
1109
1282
|
var _a, _b;
|
|
1110
|
-
return /* @__PURE__ */ (0,
|
|
1111
|
-
/* @__PURE__ */ (0,
|
|
1112
|
-
/* @__PURE__ */ (0,
|
|
1283
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("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: [
|
|
1284
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { d: "M2 11.6c0-3.36 0-5.04.654-6.324a6 6 0 0 1 2.622-2.622C6.56 2 8.24 2 11.6 2h8.8c3.36 0 5.04 0 6.324.654a6 6 0 0 1 2.622 2.622C30 6.56 30 8.24 30 11.6v8.8c0 3.36 0 5.04-.654 6.324a6 6 0 0 1-2.622 2.622C25.44 30 23.76 30 20.4 30h-8.8c-3.36 0-5.04 0-6.324-.654a6 6 0 0 1-2.622-2.622C2 25.44 2 23.76 2 20.4z" }),
|
|
1285
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("path", { fill: "#5865F2", d: "M23.636 9.34A18.8 18.8 0 0 0 19.097 8c-.195.332-.424.779-.581 1.134a17.7 17.7 0 0 0-5.03 0A12 12 0 0 0 12.897 8a18.7 18.7 0 0 0-4.542 1.343c-2.872 4.078-3.65 8.055-3.262 11.975a18.6 18.6 0 0 0 5.567 2.68c.448-.58.848-1.195 1.192-1.844a12 12 0 0 1-1.877-.859 9 9 0 0 0 .46-.342c3.62 1.59 7.553 1.59 11.13 0q.225.178.46.342c-.595.337-1.225.626-1.88.86q.516.974 1.191 1.845a18.6 18.6 0 0 0 5.57-2.682c.457-4.544-.78-8.484-3.27-11.978m-11.29 9.567c-1.087 0-1.978-.953-1.978-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116.002 1.16-.872 2.113-1.978 2.113m7.308 0c-1.086 0-1.977-.953-1.977-2.113s.872-2.116 1.977-2.116c1.106 0 1.997.953 1.978 2.116 0 1.16-.872 2.113-1.978 2.113" })
|
|
1113
1286
|
] });
|
|
1114
1287
|
};
|
|
1115
1288
|
var discord_default = SvgDiscord;
|
|
1116
1289
|
|
|
1117
1290
|
// src/theme/default/provider-logos/facebook.svg
|
|
1118
|
-
var
|
|
1119
|
-
var
|
|
1291
|
+
var React12 = __toESM(require("react"));
|
|
1292
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
1120
1293
|
var SvgFacebook = (props) => {
|
|
1121
1294
|
var _a, _b;
|
|
1122
|
-
return /* @__PURE__ */ (0,
|
|
1123
|
-
/* @__PURE__ */ (0,
|
|
1124
|
-
/* @__PURE__ */ (0,
|
|
1125
|
-
/* @__PURE__ */ (0,
|
|
1295
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("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: [
|
|
1296
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("g", { clipPath: "url(#facebook_svg__a)", children: [
|
|
1297
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: "#1877F2", d: "M24 12c0-6.627-5.373-12-12-12C5.372 0 0 5.374 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.357c0-3.008 1.791-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.385c5.736-.9 10.124-5.864 10.124-11.854" }),
|
|
1298
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: "#fff", d: "M16.67 15.469 17.204 12h-3.328V9.75c0-.95.465-1.875 1.955-1.875h1.513V4.922s-1.373-.234-2.686-.234c-2.74 0-4.532 1.661-4.532 4.669V12H7.078v3.469h3.047v8.385a12.1 12.1 0 0 0 3.75 0V15.47z" })
|
|
1126
1299
|
] }),
|
|
1127
|
-
/* @__PURE__ */ (0,
|
|
1300
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("clipPath", { id: "facebook_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("rect", { fill: "#fff" }) }) })
|
|
1128
1301
|
] });
|
|
1129
1302
|
};
|
|
1130
1303
|
var facebook_default = SvgFacebook;
|
|
1131
1304
|
|
|
1132
1305
|
// src/theme/default/provider-logos/generic.svg
|
|
1133
|
-
var
|
|
1134
|
-
var
|
|
1306
|
+
var React13 = __toESM(require("react"));
|
|
1307
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1135
1308
|
var SvgGeneric = (props) => {
|
|
1136
1309
|
var _a, _b;
|
|
1137
|
-
return /* @__PURE__ */ (0,
|
|
1138
|
-
/* @__PURE__ */ (0,
|
|
1139
|
-
/* @__PURE__ */ (0,
|
|
1140
|
-
/* @__PURE__ */ (0,
|
|
1310
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("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: [
|
|
1311
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z" }),
|
|
1312
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
|
|
1313
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("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" })
|
|
1141
1314
|
] });
|
|
1142
1315
|
};
|
|
1143
1316
|
var generic_default = SvgGeneric;
|
|
1144
1317
|
|
|
1145
1318
|
// src/theme/default/provider-logos/github.svg
|
|
1146
|
-
var
|
|
1147
|
-
var
|
|
1319
|
+
var React14 = __toESM(require("react"));
|
|
1320
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1148
1321
|
var SvgGithub = (props) => {
|
|
1149
1322
|
var _a, _b;
|
|
1150
|
-
return /* @__PURE__ */ (0,
|
|
1323
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("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" }) });
|
|
1151
1324
|
};
|
|
1152
1325
|
var github_default = SvgGithub;
|
|
1153
1326
|
|
|
1154
1327
|
// src/theme/default/provider-logos/gitlab.svg
|
|
1155
|
-
var
|
|
1156
|
-
var
|
|
1328
|
+
var React15 = __toESM(require("react"));
|
|
1329
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1157
1330
|
var SvgGitlab = (props) => {
|
|
1158
1331
|
var _a, _b;
|
|
1159
|
-
return /* @__PURE__ */ (0,
|
|
1160
|
-
/* @__PURE__ */ (0,
|
|
1161
|
-
/* @__PURE__ */ (0,
|
|
1162
|
-
/* @__PURE__ */ (0,
|
|
1163
|
-
/* @__PURE__ */ (0,
|
|
1332
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("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: [
|
|
1333
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" }),
|
|
1334
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" }),
|
|
1335
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" }),
|
|
1336
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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" })
|
|
1164
1337
|
] });
|
|
1165
1338
|
};
|
|
1166
1339
|
var gitlab_default = SvgGitlab;
|
|
1167
1340
|
|
|
1168
1341
|
// src/theme/default/provider-logos/google.svg
|
|
1169
|
-
var
|
|
1170
|
-
var
|
|
1342
|
+
var React16 = __toESM(require("react"));
|
|
1343
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1171
1344
|
var SvgGoogle = (props) => {
|
|
1172
1345
|
var _a, _b;
|
|
1173
|
-
return /* @__PURE__ */ (0,
|
|
1174
|
-
/* @__PURE__ */ (0,
|
|
1175
|
-
/* @__PURE__ */ (0,
|
|
1176
|
-
/* @__PURE__ */ (0,
|
|
1177
|
-
/* @__PURE__ */ (0,
|
|
1346
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("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: [
|
|
1347
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { fill: "#4285F4", d: "M23.745 12.27c0-.79-.07-1.54-.19-2.27h-11.3v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82" }),
|
|
1348
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { fill: "#34A853", d: "M12.255 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96h-3.98v3.09C3.515 21.3 7.565 24 12.255 24" }),
|
|
1349
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { fill: "#FBBC05", d: "M5.525 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.62h-3.98a11.86 11.86 0 0 0 0 10.76z" }),
|
|
1350
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { fill: "#EA4335", d: "M12.255 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C18.205 1.19 15.495 0 12.255 0c-4.69 0-8.74 2.7-10.71 6.62l3.98 3.09c.95-2.85 3.6-4.96 6.73-4.96" })
|
|
1178
1351
|
] });
|
|
1179
1352
|
};
|
|
1180
1353
|
var google_default = SvgGoogle;
|
|
1181
1354
|
|
|
1182
1355
|
// src/theme/default/provider-logos/linkedin.svg
|
|
1183
|
-
var
|
|
1184
|
-
var
|
|
1356
|
+
var React17 = __toESM(require("react"));
|
|
1357
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1185
1358
|
var SvgLinkedin = (props) => {
|
|
1186
1359
|
var _a, _b;
|
|
1187
|
-
return /* @__PURE__ */ (0,
|
|
1188
|
-
/* @__PURE__ */ (0,
|
|
1189
|
-
/* @__PURE__ */ (0,
|
|
1360
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("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: [
|
|
1361
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("rect", { x: 2, y: 2, fill: "#1275B1", rx: 14 }),
|
|
1362
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("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" })
|
|
1190
1363
|
] });
|
|
1191
1364
|
};
|
|
1192
1365
|
var linkedin_default = SvgLinkedin;
|
|
1193
1366
|
|
|
1194
1367
|
// src/theme/default/provider-logos/microsoft.svg
|
|
1195
|
-
var
|
|
1196
|
-
var
|
|
1368
|
+
var React18 = __toESM(require("react"));
|
|
1369
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1197
1370
|
var SvgMicrosoft = (props) => {
|
|
1198
1371
|
var _a, _b;
|
|
1199
|
-
return /* @__PURE__ */ (0,
|
|
1200
|
-
/* @__PURE__ */ (0,
|
|
1201
|
-
/* @__PURE__ */ (0,
|
|
1202
|
-
/* @__PURE__ */ (0,
|
|
1203
|
-
/* @__PURE__ */ (0,
|
|
1372
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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: [
|
|
1373
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
|
|
1374
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
|
|
1375
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
|
|
1376
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
|
|
1204
1377
|
] });
|
|
1205
1378
|
};
|
|
1206
1379
|
var microsoft_default = SvgMicrosoft;
|
|
1207
1380
|
|
|
1208
1381
|
// src/theme/default/provider-logos/slack.svg
|
|
1209
|
-
var
|
|
1210
|
-
var
|
|
1382
|
+
var React19 = __toESM(require("react"));
|
|
1383
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1211
1384
|
var SvgSlack = (props) => {
|
|
1212
1385
|
var _a, _b;
|
|
1213
|
-
return /* @__PURE__ */ (0,
|
|
1214
|
-
/* @__PURE__ */ (0,
|
|
1215
|
-
/* @__PURE__ */ (0,
|
|
1216
|
-
/* @__PURE__ */ (0,
|
|
1217
|
-
/* @__PURE__ */ (0,
|
|
1386
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("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: [
|
|
1387
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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" }),
|
|
1388
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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" }),
|
|
1389
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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" }),
|
|
1390
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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" })
|
|
1218
1391
|
] });
|
|
1219
1392
|
};
|
|
1220
1393
|
var slack_default = SvgSlack;
|
|
1221
1394
|
|
|
1222
1395
|
// src/theme/default/provider-logos/spotify.svg
|
|
1223
|
-
var
|
|
1224
|
-
var
|
|
1396
|
+
var React20 = __toESM(require("react"));
|
|
1397
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1225
1398
|
var SvgSpotify = (props) => {
|
|
1226
1399
|
var _a, _b;
|
|
1227
|
-
return /* @__PURE__ */ (0,
|
|
1228
|
-
/* @__PURE__ */ (0,
|
|
1229
|
-
/* @__PURE__ */ (0,
|
|
1400
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("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: [
|
|
1401
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
|
|
1402
|
+
/* @__PURE__ */ (0, import_jsx_runtime40.jsx)("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" })
|
|
1230
1403
|
] });
|
|
1231
1404
|
};
|
|
1232
1405
|
var spotify_default = SvgSpotify;
|
|
1233
1406
|
|
|
1234
1407
|
// src/theme/default/provider-logos/yandex.svg
|
|
1235
|
-
var
|
|
1236
|
-
var
|
|
1408
|
+
var React21 = __toESM(require("react"));
|
|
1409
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1237
1410
|
var SvgYandex = (props) => {
|
|
1238
1411
|
var _a, _b;
|
|
1239
|
-
return /* @__PURE__ */ (0,
|
|
1240
|
-
/* @__PURE__ */ (0,
|
|
1241
|
-
/* @__PURE__ */ (0,
|
|
1412
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("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: [
|
|
1413
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
|
|
1414
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("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" })
|
|
1242
1415
|
] });
|
|
1243
1416
|
};
|
|
1244
1417
|
var yandex_default = SvgYandex;
|
|
@@ -1263,7 +1436,7 @@ var provider_logos_default = logos;
|
|
|
1263
1436
|
|
|
1264
1437
|
// src/theme/default/components/form/social.tsx
|
|
1265
1438
|
var import_react_intl11 = require("react-intl");
|
|
1266
|
-
var
|
|
1439
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1267
1440
|
function extractProvider(context) {
|
|
1268
1441
|
if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
|
|
1269
1442
|
return context.provider;
|
|
@@ -1285,13 +1458,13 @@ function DefaultButtonSocial({
|
|
|
1285
1458
|
} = attributes;
|
|
1286
1459
|
const {
|
|
1287
1460
|
flow: { ui }
|
|
1288
|
-
} = (0,
|
|
1461
|
+
} = (0, import_elements_react12.useOryFlow)();
|
|
1289
1462
|
const intl = (0, import_react_intl11.useIntl)();
|
|
1290
1463
|
const oidcNodeCount = (_a = ui.nodes.filter((node2) => node2.group === "oidc").length) != null ? _a : 0;
|
|
1291
1464
|
const Logo = provider_logos_default[attributes.value];
|
|
1292
1465
|
const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
|
|
1293
1466
|
const provider = (_c = extractProvider((_b = node.meta.label) == null ? void 0 : _b.context)) != null ? _c : "";
|
|
1294
|
-
return /* @__PURE__ */ (0,
|
|
1467
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
|
|
1295
1468
|
"button",
|
|
1296
1469
|
{
|
|
1297
1470
|
className: cn(
|
|
@@ -1304,14 +1477,14 @@ function DefaultButtonSocial({
|
|
|
1304
1477
|
...props,
|
|
1305
1478
|
onClick,
|
|
1306
1479
|
children: [
|
|
1307
|
-
/* @__PURE__ */ (0,
|
|
1480
|
+
/* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "w-5 h-5", children: Logo ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1308
1481
|
Logo,
|
|
1309
1482
|
{
|
|
1310
1483
|
size: 20,
|
|
1311
1484
|
className: "object-fill w-full h-full"
|
|
1312
1485
|
}
|
|
1313
|
-
) : /* @__PURE__ */ (0,
|
|
1314
|
-
showLabel && node.meta.label ? /* @__PURE__ */ (0,
|
|
1486
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "rounded-full aspect-square border flex items-center justify-center text-xs", children: provider.slice(0, 2) }) }),
|
|
1487
|
+
showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm text-left leading-none font-medium text-forms-fg-default flex-grow", children: (0, import_elements_react12.uiTextToFormattedMessage)(node.meta.label, intl) }) : null
|
|
1315
1488
|
]
|
|
1316
1489
|
}
|
|
1317
1490
|
);
|
|
@@ -1320,7 +1493,7 @@ function DefaultSocialButtonContainer({
|
|
|
1320
1493
|
children,
|
|
1321
1494
|
nodes
|
|
1322
1495
|
}) {
|
|
1323
|
-
return /* @__PURE__ */ (0,
|
|
1496
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1324
1497
|
"div",
|
|
1325
1498
|
{
|
|
1326
1499
|
className: cn("grid gap-3", {
|
|
@@ -1335,106 +1508,382 @@ function DefaultSocialButtonContainer({
|
|
|
1335
1508
|
}
|
|
1336
1509
|
|
|
1337
1510
|
// src/theme/default/components/form/text.tsx
|
|
1338
|
-
var
|
|
1511
|
+
var import_elements_react13 = require("@ory/elements-react");
|
|
1339
1512
|
var import_react_intl12 = require("react-intl");
|
|
1340
|
-
var
|
|
1513
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1341
1514
|
function DefaultText({ node, attributes }) {
|
|
1342
1515
|
var _a;
|
|
1343
1516
|
const intl = (0, import_react_intl12.useIntl)();
|
|
1344
|
-
return /* @__PURE__ */ (0,
|
|
1345
|
-
/* @__PURE__ */ (0,
|
|
1346
|
-
(_a = attributes.text.context.secrets) == null ? void 0 : _a.map((text, index) => /* @__PURE__ */ (0,
|
|
1517
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
|
|
1518
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { "data-testid": `node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
|
|
1519
|
+
(_a = attributes.text.context.secrets) == null ? void 0 : _a.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("pre", { "data-testid": `node/text/lookup_secret_codes/text`, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("code", { children: text ? (0, import_elements_react13.uiTextToFormattedMessage)(text, intl) : "" }) }, index))
|
|
1347
1520
|
] });
|
|
1348
1521
|
}
|
|
1349
1522
|
|
|
1350
|
-
// src/theme/default/
|
|
1351
|
-
var
|
|
1352
|
-
|
|
1353
|
-
|
|
1523
|
+
// src/theme/default/components/generic/page-header.tsx
|
|
1524
|
+
var import_elements_react15 = require("@ory/elements-react");
|
|
1525
|
+
|
|
1526
|
+
// src/theme/default/components/ui/user-menu.tsx
|
|
1527
|
+
var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
|
|
1528
|
+
var import_react5 = require("react");
|
|
1529
|
+
var import_elements_react14 = require("@ory/elements-react");
|
|
1530
|
+
|
|
1531
|
+
// src/util/client.ts
|
|
1532
|
+
var import_client_fetch10 = require("@ory/client-fetch");
|
|
1533
|
+
function frontendClient(sdkUrl, opts = {}) {
|
|
1534
|
+
const config = new import_client_fetch10.Configuration({
|
|
1535
|
+
...opts,
|
|
1536
|
+
basePath: sdkUrl,
|
|
1537
|
+
headers: {
|
|
1538
|
+
Accept: "application/json",
|
|
1539
|
+
...opts.headers
|
|
1540
|
+
}
|
|
1541
|
+
});
|
|
1542
|
+
return new import_client_fetch10.FrontendApi(config);
|
|
1543
|
+
}
|
|
1544
|
+
|
|
1545
|
+
// src/theme/default/assets/icons/logout.svg
|
|
1546
|
+
var React22 = __toESM(require("react"));
|
|
1547
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1548
|
+
var SvgLogout = (props) => {
|
|
1354
1549
|
var _a, _b;
|
|
1355
|
-
return /* @__PURE__ */ (0,
|
|
1550
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("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__ */ (0, import_jsx_runtime44.jsx)("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" }) });
|
|
1356
1551
|
};
|
|
1357
|
-
var
|
|
1552
|
+
var logout_default = SvgLogout;
|
|
1358
1553
|
|
|
1359
|
-
// src/theme/default/
|
|
1360
|
-
var
|
|
1361
|
-
|
|
1362
|
-
|
|
1363
|
-
|
|
1364
|
-
|
|
1365
|
-
|
|
1366
|
-
|
|
1367
|
-
|
|
1368
|
-
|
|
1369
|
-
|
|
1370
|
-
|
|
1371
|
-
|
|
1372
|
-
|
|
1373
|
-
|
|
1374
|
-
|
|
1375
|
-
|
|
1376
|
-
|
|
1377
|
-
|
|
1378
|
-
|
|
1379
|
-
|
|
1554
|
+
// src/theme/default/assets/icons/settings.svg
|
|
1555
|
+
var React23 = __toESM(require("react"));
|
|
1556
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1557
|
+
var SvgSettings = (props) => {
|
|
1558
|
+
var _a, _b;
|
|
1559
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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__ */ (0, import_jsx_runtime45.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
1560
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("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" }),
|
|
1561
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
|
|
1562
|
+
] }) });
|
|
1563
|
+
};
|
|
1564
|
+
var settings_default = SvgSettings;
|
|
1565
|
+
|
|
1566
|
+
// src/theme/default/utils/user.ts
|
|
1567
|
+
var getUserInitials = (session) => {
|
|
1568
|
+
var _a, _b;
|
|
1569
|
+
const avatar = "";
|
|
1570
|
+
let primary = "";
|
|
1571
|
+
let secondary = "";
|
|
1572
|
+
if (!((_a = session == null ? void 0 : session.identity) == null ? void 0 : _a.traits)) {
|
|
1573
|
+
return {
|
|
1574
|
+
primary,
|
|
1575
|
+
secondary,
|
|
1576
|
+
avatar
|
|
1577
|
+
};
|
|
1578
|
+
}
|
|
1579
|
+
const traits = (_b = session.identity) == null ? void 0 : _b.traits;
|
|
1580
|
+
if (traits.email) {
|
|
1581
|
+
secondary = traits.email;
|
|
1582
|
+
}
|
|
1583
|
+
if (traits.name) {
|
|
1584
|
+
if (typeof traits.name === "string") {
|
|
1585
|
+
primary = traits.name;
|
|
1380
1586
|
}
|
|
1381
|
-
|
|
1382
|
-
|
|
1587
|
+
if (traits.name.first && traits.name.last) {
|
|
1588
|
+
primary = traits.name.first + " " + traits.name.last;
|
|
1589
|
+
}
|
|
1590
|
+
}
|
|
1591
|
+
if (primary === "") {
|
|
1592
|
+
primary = secondary;
|
|
1593
|
+
secondary = "";
|
|
1594
|
+
}
|
|
1595
|
+
return {
|
|
1596
|
+
primary,
|
|
1597
|
+
secondary,
|
|
1598
|
+
avatar
|
|
1599
|
+
};
|
|
1600
|
+
};
|
|
1383
1601
|
|
|
1384
|
-
// src/theme/default/components/
|
|
1385
|
-
var
|
|
1386
|
-
var
|
|
1387
|
-
|
|
1602
|
+
// src/theme/default/components/ui/dropdown-menu.tsx
|
|
1603
|
+
var import_react3 = require("react");
|
|
1604
|
+
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
1605
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1606
|
+
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
1607
|
+
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
1608
|
+
var DropdownMenuContent = (0, import_react3.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1609
|
+
DropdownMenuPrimitive.Content,
|
|
1610
|
+
{
|
|
1611
|
+
ref,
|
|
1612
|
+
sideOffset,
|
|
1613
|
+
align: "end",
|
|
1614
|
+
className: cn(
|
|
1615
|
+
"z-50 min-w-[19rem] overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
1616
|
+
"border border-dialog-border-default bg-dialog-bg-default rounded-border-radius-cards",
|
|
1617
|
+
className
|
|
1618
|
+
),
|
|
1619
|
+
...props
|
|
1620
|
+
}
|
|
1621
|
+
) }));
|
|
1622
|
+
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
1623
|
+
var DropdownMenuItem = (0, import_react3.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1624
|
+
DropdownMenuPrimitive.Item,
|
|
1625
|
+
{
|
|
1626
|
+
ref,
|
|
1627
|
+
className: cn(
|
|
1628
|
+
"relative flex cursor-pointer select-none items-center outline-none transition-colors data-[disabled]:pointer-events-none",
|
|
1629
|
+
"px-8 py-3 lg:py-4.5 text-sm gap-6",
|
|
1630
|
+
"first:border-0 border-t border-button-secondary-border-default hover:border-button-social-border-hover data-[disabled]:border-button-secondary-border-disabled",
|
|
1631
|
+
"text-button-secondary-fg-default bg-button-secondary-bg-default",
|
|
1632
|
+
"hover:text-button-secondary-fg-hover hover:bg-button-secondary-bg-hover",
|
|
1633
|
+
"data-[disabled]:text-button-secondary-fg-disabled data-[disabled]:bg-button-secondary-bg-disabled",
|
|
1634
|
+
inset && "pl-8",
|
|
1635
|
+
className
|
|
1636
|
+
),
|
|
1637
|
+
...props
|
|
1638
|
+
}
|
|
1639
|
+
));
|
|
1640
|
+
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
1641
|
+
var DropdownMenuLabel = (0, import_react3.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1642
|
+
DropdownMenuPrimitive.Label,
|
|
1643
|
+
{
|
|
1644
|
+
ref,
|
|
1645
|
+
className: cn(
|
|
1646
|
+
"px-2 py-1.5 text-sm font-semibold",
|
|
1647
|
+
inset && "pl-8",
|
|
1648
|
+
className
|
|
1649
|
+
),
|
|
1650
|
+
...props
|
|
1651
|
+
}
|
|
1652
|
+
));
|
|
1653
|
+
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1654
|
+
|
|
1655
|
+
// src/theme/default/components/ui/user-avater.tsx
|
|
1656
|
+
var import_react4 = require("react");
|
|
1657
|
+
|
|
1658
|
+
// src/theme/default/assets/icons/user.svg
|
|
1659
|
+
var React24 = __toESM(require("react"));
|
|
1660
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1661
|
+
var SvgUser = (props) => {
|
|
1662
|
+
var _a, _b;
|
|
1663
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime47.jsx)("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" }) });
|
|
1388
1664
|
};
|
|
1389
|
-
var
|
|
1390
|
-
|
|
1391
|
-
|
|
1392
|
-
|
|
1393
|
-
|
|
1394
|
-
|
|
1395
|
-
/* @__PURE__ */ (0,
|
|
1396
|
-
|
|
1397
|
-
|
|
1398
|
-
|
|
1399
|
-
|
|
1665
|
+
var user_default = SvgUser;
|
|
1666
|
+
|
|
1667
|
+
// src/theme/default/components/ui/user-avater.tsx
|
|
1668
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1669
|
+
var UserAvatar = (0, import_react4.forwardRef)(
|
|
1670
|
+
({ initials, ...rest }, ref) => {
|
|
1671
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1672
|
+
"button",
|
|
1673
|
+
{
|
|
1674
|
+
ref,
|
|
1675
|
+
className: "size-10 relative flex overflow-hidden items-center justify-center rounded-full bg-button-primary-bg-default disabled:hover:bg-button-primary-bg-default hover:bg-button-primary-bg-hover",
|
|
1676
|
+
...rest,
|
|
1677
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "relative size-full flex items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1678
|
+
"img",
|
|
1679
|
+
{
|
|
1680
|
+
src: initials.avatar,
|
|
1681
|
+
alt: initials.primary,
|
|
1682
|
+
className: "w-full object-contain"
|
|
1683
|
+
}
|
|
1684
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(user_default, { size: 24, className: "text-button-primary-fg-default" }) })
|
|
1685
|
+
}
|
|
1686
|
+
);
|
|
1687
|
+
}
|
|
1688
|
+
);
|
|
1689
|
+
UserAvatar.displayName = "UserAvatar";
|
|
1690
|
+
|
|
1691
|
+
// src/theme/default/components/ui/user-menu.tsx
|
|
1692
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1693
|
+
var UserMenu = ({ session }) => {
|
|
1694
|
+
const { config } = (0, import_elements_react14.useOryFlow)();
|
|
1695
|
+
const initials = getUserInitials(session);
|
|
1696
|
+
const [logoutFlow, setLogoutFlow] = (0, import_react5.useState)();
|
|
1697
|
+
const fetchLogoutFlow = (0, import_react5.useCallback)(async () => {
|
|
1698
|
+
const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
|
|
1699
|
+
setLogoutFlow(flow);
|
|
1700
|
+
}, [config.sdk.url]);
|
|
1701
|
+
(0, import_react5.useEffect)(() => {
|
|
1702
|
+
void fetchLogoutFlow();
|
|
1703
|
+
}, [fetchLogoutFlow]);
|
|
1704
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu, { children: [
|
|
1705
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(UserAvatar, { initials }) }),
|
|
1706
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenuContent, { children: [
|
|
1707
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "px-5 py-4.5 flex gap-3", children: [
|
|
1708
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(UserAvatar, { disabled: true, initials }),
|
|
1709
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex flex-col text-sm leading-tight justify-center", children: [
|
|
1710
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-dialog-fg-default", children: initials.primary }),
|
|
1711
|
+
initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-dialog-fg-mute", children: initials.secondary })
|
|
1712
|
+
] })
|
|
1713
|
+
] }),
|
|
1714
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("a", { href: "/settings", children: [
|
|
1715
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(settings_default, { size: 16 }),
|
|
1716
|
+
" User settings"
|
|
1717
|
+
] }) }),
|
|
1718
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
|
|
1719
|
+
/* @__PURE__ */ (0, import_jsx_runtime49.jsx)(logout_default, { size: 16 }),
|
|
1720
|
+
" Logout"
|
|
1721
|
+
] }) })
|
|
1722
|
+
] })
|
|
1400
1723
|
] });
|
|
1401
1724
|
};
|
|
1402
|
-
|
|
1403
|
-
|
|
1725
|
+
|
|
1726
|
+
// src/theme/default/components/generic/page-header.tsx
|
|
1727
|
+
var import_client2 = require("@ory/elements-react/client");
|
|
1728
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1729
|
+
var DefaultPageHeader = (_props) => {
|
|
1730
|
+
const { Card } = (0, import_elements_react15.useComponents)();
|
|
1731
|
+
const { session } = (0, import_client2.useSession)();
|
|
1732
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex max-w-[896px] flex-col w-full gap-3 mt-16", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex gap-2 max-h-10 justify-between flex-1", children: [
|
|
1733
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "h-10 flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card.Logo, {}) }),
|
|
1734
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UserMenu, { session })
|
|
1735
|
+
] }) }) });
|
|
1736
|
+
};
|
|
1737
|
+
|
|
1738
|
+
// src/theme/default/assets/icons/trash.svg
|
|
1739
|
+
var React25 = __toESM(require("react"));
|
|
1740
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1741
|
+
var SvgTrash = (props) => {
|
|
1742
|
+
var _a, _b;
|
|
1743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("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__ */ (0, import_jsx_runtime51.jsx)("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" }) });
|
|
1404
1744
|
};
|
|
1745
|
+
var trash_default = SvgTrash;
|
|
1746
|
+
|
|
1747
|
+
// src/theme/default/components/settings/settings-oidc.tsx
|
|
1748
|
+
var import_react_hook_form6 = require("react-hook-form");
|
|
1749
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1750
|
+
function DefaultSettingsOidc({
|
|
1751
|
+
linkButtons,
|
|
1752
|
+
unlinkButtons
|
|
1753
|
+
}) {
|
|
1754
|
+
const hasLinkButtons = linkButtons.length > 0;
|
|
1755
|
+
const hasUnlinkButtons = unlinkButtons.length > 0;
|
|
1756
|
+
const { setValue } = (0, import_react_hook_form6.useFormContext)();
|
|
1757
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1758
|
+
hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "flex gap-3 items-start [&>button]:w-[79px]", children: linkButtons.map((button) => {
|
|
1759
|
+
const attrs = button.attributes;
|
|
1760
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1761
|
+
DefaultButtonSocial,
|
|
1762
|
+
{
|
|
1763
|
+
showLabel: false,
|
|
1764
|
+
node: button,
|
|
1765
|
+
attributes: attrs,
|
|
1766
|
+
onClick: () => {
|
|
1767
|
+
setValue("link", attrs.value);
|
|
1768
|
+
setValue("method", "oidc");
|
|
1769
|
+
}
|
|
1770
|
+
},
|
|
1771
|
+
attrs.value
|
|
1772
|
+
);
|
|
1773
|
+
}) }),
|
|
1774
|
+
hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(DefaultHorizontalDivider, {}) : null,
|
|
1775
|
+
unlinkButtons.map((button) => {
|
|
1776
|
+
var _a, _b;
|
|
1777
|
+
const attrs = button.attributes;
|
|
1778
|
+
const provider = (_b = extractProvider((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
|
|
1779
|
+
const Logo = attrs.value in provider_logos_default ? provider_logos_default[attrs.value] : provider_logos_default.generic;
|
|
1780
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex justify-between", children: [
|
|
1781
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "flex gap-6 items-center", children: [
|
|
1782
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Logo, { size: 32 }),
|
|
1783
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("p", { className: "text-dialog-fg-subtle text-sm font-medium", children: provider })
|
|
1784
|
+
] }),
|
|
1785
|
+
/* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
|
|
1786
|
+
"button",
|
|
1787
|
+
{
|
|
1788
|
+
...attrs,
|
|
1789
|
+
type: "submit",
|
|
1790
|
+
onClick: () => {
|
|
1791
|
+
setValue("unlink", attrs.value);
|
|
1792
|
+
setValue("method", "oidc");
|
|
1793
|
+
},
|
|
1794
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(trash_default, { className: "cursor-pointer text-links-link-mute-default hover:text-links-link-mute-hover" })
|
|
1795
|
+
}
|
|
1796
|
+
)
|
|
1797
|
+
] }, attrs.value);
|
|
1798
|
+
})
|
|
1799
|
+
] });
|
|
1800
|
+
}
|
|
1801
|
+
|
|
1802
|
+
// src/theme/default/components/settings/settings-passkey.tsx
|
|
1803
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1804
|
+
function DefaultSettingsPasskey({
|
|
1805
|
+
triggerButton,
|
|
1806
|
+
removeButtons
|
|
1807
|
+
}) {
|
|
1808
|
+
const hasRemoveButtons = removeButtons.length > 0;
|
|
1809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1810
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex gap-3 items-end max-w-[60%]", children: triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1811
|
+
DefaultButton,
|
|
1812
|
+
{
|
|
1813
|
+
node: triggerButton,
|
|
1814
|
+
attributes: triggerButton.attributes,
|
|
1815
|
+
onClick: triggerButton.onClick
|
|
1816
|
+
}
|
|
1817
|
+
) : null }),
|
|
1818
|
+
hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1819
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DefaultHorizontalDivider, {}),
|
|
1820
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
|
|
1821
|
+
var _a, _b;
|
|
1822
|
+
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
1823
|
+
const addedAt = "added_at" in context ? context.added_at : null;
|
|
1824
|
+
const diaplyName = "display_name" in context ? context.display_name : null;
|
|
1825
|
+
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
1826
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
1827
|
+
"div",
|
|
1828
|
+
{
|
|
1829
|
+
className: "flex justify-between gap-6",
|
|
1830
|
+
children: [
|
|
1831
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(passkey_default, { size: 32, className: "text-dialog-fg-default" }),
|
|
1832
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-1 flex-col", children: [
|
|
1833
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-medium text-dialog-fg-subtle", children: diaplyName }),
|
|
1834
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-dialog-fg-mute", children: keyId })
|
|
1835
|
+
] }),
|
|
1836
|
+
addedAt && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm self-center text-dialog-fg-mute", children: new Date(addedAt).toLocaleDateString() }),
|
|
1837
|
+
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1838
|
+
"button",
|
|
1839
|
+
{
|
|
1840
|
+
...node.attributes,
|
|
1841
|
+
type: "submit",
|
|
1842
|
+
className: "cursor-pointer text-links-link-mute-default hover:text-links-link-mute-hover",
|
|
1843
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(trash_default, { size: 20 })
|
|
1844
|
+
}
|
|
1845
|
+
)
|
|
1846
|
+
]
|
|
1847
|
+
},
|
|
1848
|
+
`webauthn-remove-button-${i}`
|
|
1849
|
+
);
|
|
1850
|
+
}) })
|
|
1851
|
+
] }) : null
|
|
1852
|
+
] });
|
|
1853
|
+
}
|
|
1405
1854
|
|
|
1406
1855
|
// src/theme/default/assets/icons/download.svg
|
|
1407
|
-
var
|
|
1408
|
-
var
|
|
1856
|
+
var React26 = __toESM(require("react"));
|
|
1857
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
1409
1858
|
var SvgDownload = (props) => {
|
|
1410
1859
|
var _a, _b;
|
|
1411
|
-
return /* @__PURE__ */ (0,
|
|
1860
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("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__ */ (0, import_jsx_runtime54.jsx)("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" }) });
|
|
1412
1861
|
};
|
|
1413
1862
|
var download_default = SvgDownload;
|
|
1414
1863
|
|
|
1415
1864
|
// src/theme/default/assets/icons/eye.svg
|
|
1416
|
-
var
|
|
1417
|
-
var
|
|
1865
|
+
var React27 = __toESM(require("react"));
|
|
1866
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1418
1867
|
var SvgEye = (props) => {
|
|
1419
1868
|
var _a, _b;
|
|
1420
|
-
return /* @__PURE__ */ (0,
|
|
1421
|
-
/* @__PURE__ */ (0,
|
|
1422
|
-
/* @__PURE__ */ (0,
|
|
1869
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime55.jsxs)("g", { strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
1870
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { stroke: "currentColor", d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
|
|
1871
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("path", { stroke: "#64748B", d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
|
|
1423
1872
|
] }) });
|
|
1424
1873
|
};
|
|
1425
1874
|
var eye_default = SvgEye;
|
|
1426
1875
|
|
|
1427
1876
|
// src/theme/default/assets/icons/refresh.svg
|
|
1428
|
-
var
|
|
1429
|
-
var
|
|
1877
|
+
var React28 = __toESM(require("react"));
|
|
1878
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1430
1879
|
var SvgRefresh = (props) => {
|
|
1431
1880
|
var _a, _b;
|
|
1432
|
-
return /* @__PURE__ */ (0,
|
|
1881
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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__ */ (0, import_jsx_runtime56.jsx)("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" }) });
|
|
1433
1882
|
};
|
|
1434
1883
|
var refresh_default = SvgRefresh;
|
|
1435
1884
|
|
|
1436
1885
|
// src/theme/default/components/settings/settings-recovery-codes.tsx
|
|
1437
|
-
var
|
|
1886
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1438
1887
|
function DefaultSettingsRecoveryCodes({
|
|
1439
1888
|
codes,
|
|
1440
1889
|
regnerateButton,
|
|
@@ -1451,15 +1900,15 @@ function DefaultSettingsRecoveryCodes({
|
|
|
1451
1900
|
element.click();
|
|
1452
1901
|
};
|
|
1453
1902
|
const hasCodes = codes.length >= 1;
|
|
1454
|
-
return /* @__PURE__ */ (0,
|
|
1455
|
-
/* @__PURE__ */ (0,
|
|
1456
|
-
/* @__PURE__ */ (0,
|
|
1457
|
-
regnerateButton && /* @__PURE__ */ (0,
|
|
1903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1904
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DefaultHorizontalDivider, {}),
|
|
1905
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex justify-end gap-4", children: [
|
|
1906
|
+
regnerateButton && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1458
1907
|
"button",
|
|
1459
1908
|
{
|
|
1460
1909
|
...regnerateButton.attributes,
|
|
1461
1910
|
type: "submit",
|
|
1462
|
-
children: /* @__PURE__ */ (0,
|
|
1911
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1463
1912
|
refresh_default,
|
|
1464
1913
|
{
|
|
1465
1914
|
size: 24,
|
|
@@ -1468,12 +1917,12 @@ function DefaultSettingsRecoveryCodes({
|
|
|
1468
1917
|
)
|
|
1469
1918
|
}
|
|
1470
1919
|
),
|
|
1471
|
-
revealButton && /* @__PURE__ */ (0,
|
|
1920
|
+
revealButton && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1472
1921
|
"button",
|
|
1473
1922
|
{
|
|
1474
1923
|
...revealButton.attributes,
|
|
1475
1924
|
type: "submit",
|
|
1476
|
-
children: /* @__PURE__ */ (0,
|
|
1925
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1477
1926
|
eye_default,
|
|
1478
1927
|
{
|
|
1479
1928
|
size: 24,
|
|
@@ -1482,7 +1931,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
1482
1931
|
)
|
|
1483
1932
|
}
|
|
1484
1933
|
),
|
|
1485
|
-
hasCodes ? /* @__PURE__ */ (0,
|
|
1934
|
+
hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1486
1935
|
download_default,
|
|
1487
1936
|
{
|
|
1488
1937
|
size: 24,
|
|
@@ -1491,30 +1940,21 @@ function DefaultSettingsRecoveryCodes({
|
|
|
1491
1940
|
}
|
|
1492
1941
|
) : null
|
|
1493
1942
|
] }),
|
|
1494
|
-
hasCodes ? /* @__PURE__ */ (0,
|
|
1943
|
+
hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "rounded-border-radius-cards bg-bg-default ring-1 ring-dialog-border-default p-6", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "grid grid-cols-6 gap-4 flex-wrap text-dialog-fg-default text-sm", children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { children: code }, code)) }) }) : null
|
|
1495
1944
|
] });
|
|
1496
1945
|
}
|
|
1497
1946
|
|
|
1498
1947
|
// src/theme/default/assets/icons/qrcode.svg
|
|
1499
|
-
var
|
|
1500
|
-
var
|
|
1948
|
+
var React29 = __toESM(require("react"));
|
|
1949
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
1501
1950
|
var SvgQrcode = (props) => {
|
|
1502
1951
|
var _a, _b;
|
|
1503
|
-
return /* @__PURE__ */ (0,
|
|
1952
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)("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" }) });
|
|
1504
1953
|
};
|
|
1505
1954
|
var qrcode_default = SvgQrcode;
|
|
1506
1955
|
|
|
1507
|
-
// src/theme/default/assets/icons/trash.svg
|
|
1508
|
-
var React26 = __toESM(require("react"));
|
|
1509
|
-
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1510
|
-
var SvgTrash = (props) => {
|
|
1511
|
-
var _a, _b;
|
|
1512
|
-
return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("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__ */ (0, import_jsx_runtime49.jsx)("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" }) });
|
|
1513
|
-
};
|
|
1514
|
-
var trash_default = SvgTrash;
|
|
1515
|
-
|
|
1516
1956
|
// src/theme/default/components/settings/settings-top.tsx
|
|
1517
|
-
var
|
|
1957
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
1518
1958
|
function DefaultSettingsTotp(props) {
|
|
1519
1959
|
var _a;
|
|
1520
1960
|
if ("totpUnlink" in props && props.totpUnlink) {
|
|
@@ -1525,17 +1965,17 @@ function DefaultSettingsTotp(props) {
|
|
|
1525
1965
|
node_type: _ignoredNodeType,
|
|
1526
1966
|
...buttonAttrs
|
|
1527
1967
|
} = (_a = props.totpUnlink) == null ? void 0 : _a.attributes;
|
|
1528
|
-
return /* @__PURE__ */ (0,
|
|
1529
|
-
/* @__PURE__ */ (0,
|
|
1530
|
-
/* @__PURE__ */ (0,
|
|
1531
|
-
/* @__PURE__ */ (0,
|
|
1532
|
-
/* @__PURE__ */ (0,
|
|
1533
|
-
/* @__PURE__ */ (0,
|
|
1968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
|
|
1969
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DefaultHorizontalDivider, {}) }),
|
|
1970
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex gap-6 items-center col-span-full", children: [
|
|
1971
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "size-8 aspect-square ", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(qrcode_default, { size: 32 }) }),
|
|
1972
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "flex flex-col mr-auto", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-dialog-fg-subtle text-sm font-medium", children: "Authenticator app" }) }),
|
|
1973
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1534
1974
|
"button",
|
|
1535
1975
|
{
|
|
1536
1976
|
type: type === "button" ? "button" : "submit",
|
|
1537
1977
|
...buttonAttrs,
|
|
1538
|
-
children: /* @__PURE__ */ (0,
|
|
1978
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1539
1979
|
trash_default,
|
|
1540
1980
|
{
|
|
1541
1981
|
size: 24,
|
|
@@ -1548,9 +1988,9 @@ function DefaultSettingsTotp(props) {
|
|
|
1548
1988
|
] });
|
|
1549
1989
|
}
|
|
1550
1990
|
if ("totpSecret" in props) {
|
|
1551
|
-
return /* @__PURE__ */ (0,
|
|
1552
|
-
/* @__PURE__ */ (0,
|
|
1553
|
-
/* @__PURE__ */ (0,
|
|
1991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", children: [
|
|
1992
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DefaultHorizontalDivider, {}) }),
|
|
1993
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-dialog-bg-subtle p-8 rounded-xl flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "h-44 aspect-square bg-[white] rounded", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "mix-blend-multiply -m-3 antialiased", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1554
1994
|
DefaultImage,
|
|
1555
1995
|
{
|
|
1556
1996
|
node: props.totpImage,
|
|
@@ -1559,13 +1999,13 @@ function DefaultSettingsTotp(props) {
|
|
|
1559
1999
|
}
|
|
1560
2000
|
}
|
|
1561
2001
|
) }) }) }),
|
|
1562
|
-
/* @__PURE__ */ (0,
|
|
1563
|
-
/* @__PURE__ */ (0,
|
|
2002
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
2003
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1564
2004
|
DefaultLabel,
|
|
1565
2005
|
{
|
|
1566
2006
|
node: props.totpSecret,
|
|
1567
2007
|
attributes: props.totpSecret.attributes,
|
|
1568
|
-
children: /* @__PURE__ */ (0,
|
|
2008
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1569
2009
|
DefaultInput,
|
|
1570
2010
|
{
|
|
1571
2011
|
node: props.totpSecret,
|
|
@@ -1580,12 +2020,12 @@ function DefaultSettingsTotp(props) {
|
|
|
1580
2020
|
)
|
|
1581
2021
|
}
|
|
1582
2022
|
),
|
|
1583
|
-
/* @__PURE__ */ (0,
|
|
2023
|
+
/* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1584
2024
|
DefaultLabel,
|
|
1585
2025
|
{
|
|
1586
2026
|
attributes: props.totpInput.attributes,
|
|
1587
2027
|
node: props.totpInput,
|
|
1588
|
-
children: /* @__PURE__ */ (0,
|
|
2028
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1589
2029
|
DefaultInput,
|
|
1590
2030
|
{
|
|
1591
2031
|
node: props.totpInput,
|
|
@@ -1594,187 +2034,79 @@ function DefaultSettingsTotp(props) {
|
|
|
1594
2034
|
)
|
|
1595
2035
|
}
|
|
1596
2036
|
)
|
|
1597
|
-
] })
|
|
1598
|
-
] });
|
|
1599
|
-
}
|
|
1600
|
-
}
|
|
1601
|
-
|
|
1602
|
-
// src/theme/default/components/settings/settings-oidc.tsx
|
|
1603
|
-
var import_react_hook_form5 = require("react-hook-form");
|
|
1604
|
-
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1605
|
-
function DefaultSettingsOidc({
|
|
1606
|
-
linkButtons,
|
|
1607
|
-
unlinkButtons
|
|
1608
|
-
}) {
|
|
1609
|
-
const hasLinkButtons = linkButtons.length > 0;
|
|
1610
|
-
const hasUnlinkButtons = unlinkButtons.length > 0;
|
|
1611
|
-
const { setValue } = (0, import_react_hook_form5.useFormContext)();
|
|
1612
|
-
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1613
|
-
hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex gap-3 items-start [&>button]:w-[79px]", children: linkButtons.map((button) => {
|
|
1614
|
-
const attrs = button.attributes;
|
|
1615
|
-
return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1616
|
-
DefaultButtonSocial,
|
|
1617
|
-
{
|
|
1618
|
-
showLabel: false,
|
|
1619
|
-
node: button,
|
|
1620
|
-
attributes: attrs,
|
|
1621
|
-
onClick: () => {
|
|
1622
|
-
setValue("link", attrs.value);
|
|
1623
|
-
setValue("method", "oidc");
|
|
1624
|
-
}
|
|
1625
|
-
},
|
|
1626
|
-
attrs.value
|
|
1627
|
-
);
|
|
1628
|
-
}) }),
|
|
1629
|
-
hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DefaultHorizontalDivider, {}) : null,
|
|
1630
|
-
unlinkButtons.map((button) => {
|
|
1631
|
-
var _a, _b;
|
|
1632
|
-
const attrs = button.attributes;
|
|
1633
|
-
const provider = (_b = extractProvider((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
|
|
1634
|
-
const Logo = attrs.value in provider_logos_default ? provider_logos_default[attrs.value] : provider_logos_default.generic;
|
|
1635
|
-
return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex justify-between", children: [
|
|
1636
|
-
/* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex gap-6 items-center", children: [
|
|
1637
|
-
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Logo, { size: 32 }),
|
|
1638
|
-
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-dialog-fg-subtle text-sm font-medium", children: provider })
|
|
1639
|
-
] }),
|
|
1640
|
-
/* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1641
|
-
"button",
|
|
1642
|
-
{
|
|
1643
|
-
...attrs,
|
|
1644
|
-
type: "submit",
|
|
1645
|
-
onClick: () => {
|
|
1646
|
-
setValue("unlink", attrs.value);
|
|
1647
|
-
setValue("method", "oidc");
|
|
1648
|
-
},
|
|
1649
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(trash_default, { className: "cursor-pointer text-links-link-mute-default hover:text-links-link-mute-hover" })
|
|
1650
|
-
}
|
|
1651
|
-
)
|
|
1652
|
-
] }, attrs.value);
|
|
1653
|
-
})
|
|
1654
|
-
] });
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
// src/theme/default/assets/icons/key.svg
|
|
1658
|
-
var React27 = __toESM(require("react"));
|
|
1659
|
-
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1660
|
-
var SvgKey = (props) => {
|
|
1661
|
-
var _a, _b;
|
|
1662
|
-
return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("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__ */ (0, import_jsx_runtime52.jsx)("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" }) });
|
|
1663
|
-
};
|
|
1664
|
-
var key_default = SvgKey;
|
|
1665
|
-
|
|
1666
|
-
// src/theme/default/components/settings/settings-webauthn.tsx
|
|
1667
|
-
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
1668
|
-
function DefaultSettingsWebauthn({
|
|
1669
|
-
nameInput,
|
|
1670
|
-
triggerButton,
|
|
1671
|
-
removeButtons
|
|
1672
|
-
}) {
|
|
1673
|
-
const hasRemoveButtons = removeButtons.length > 0;
|
|
1674
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1675
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex gap-3 items-end max-w-[60%]", children: [
|
|
1676
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1677
|
-
DefaultLabel,
|
|
1678
|
-
{
|
|
1679
|
-
node: nameInput,
|
|
1680
|
-
attributes: nameInput.attributes,
|
|
1681
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1682
|
-
DefaultInput,
|
|
1683
|
-
{
|
|
1684
|
-
node: nameInput,
|
|
1685
|
-
attributes: nameInput.attributes
|
|
1686
|
-
}
|
|
1687
|
-
)
|
|
1688
|
-
}
|
|
1689
|
-
) }),
|
|
1690
|
-
triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1691
|
-
DefaultButton,
|
|
1692
|
-
{
|
|
1693
|
-
node: triggerButton,
|
|
1694
|
-
attributes: triggerButton.attributes,
|
|
1695
|
-
onClick: triggerButton.onClick
|
|
1696
|
-
}
|
|
1697
|
-
) : null
|
|
1698
|
-
] }),
|
|
1699
|
-
hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
1700
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DefaultHorizontalDivider, {}),
|
|
1701
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
|
|
1702
|
-
var _a, _b;
|
|
1703
|
-
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
1704
|
-
const addedAt = "added_at" in context ? context.added_at : null;
|
|
1705
|
-
const diaplyName = "display_name" in context ? context.display_name : null;
|
|
1706
|
-
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
1707
|
-
return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
|
|
1708
|
-
"div",
|
|
1709
|
-
{
|
|
1710
|
-
className: "flex justify-between gap-6",
|
|
1711
|
-
children: [
|
|
1712
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(key_default, { size: 32, className: "text-dialog-fg-default" }),
|
|
1713
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex-1 flex-col", children: [
|
|
1714
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-medium text-dialog-fg-subtle", children: diaplyName }),
|
|
1715
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-sm text-dialog-fg-mute", children: keyId })
|
|
1716
|
-
] }),
|
|
1717
|
-
addedAt && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm self-center text-dialog-fg-mute", children: new Date(addedAt).toLocaleDateString() }),
|
|
1718
|
-
/* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1719
|
-
"button",
|
|
1720
|
-
{
|
|
1721
|
-
...node.attributes,
|
|
1722
|
-
type: "submit",
|
|
1723
|
-
className: "cursor-pointer text-links-link-mute-default hover:text-links-link-mute-hover",
|
|
1724
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(trash_default, { size: 20 })
|
|
1725
|
-
}
|
|
1726
|
-
)
|
|
1727
|
-
]
|
|
1728
|
-
},
|
|
1729
|
-
`webauthn-remove-button-${i}`
|
|
1730
|
-
);
|
|
1731
|
-
}) })
|
|
1732
|
-
] }) : null
|
|
1733
|
-
] });
|
|
2037
|
+
] })
|
|
2038
|
+
] });
|
|
2039
|
+
}
|
|
1734
2040
|
}
|
|
1735
2041
|
|
|
1736
|
-
// src/theme/default/
|
|
1737
|
-
var
|
|
1738
|
-
|
|
2042
|
+
// src/theme/default/assets/icons/key.svg
|
|
2043
|
+
var React30 = __toESM(require("react"));
|
|
2044
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2045
|
+
var SvgKey = (props) => {
|
|
2046
|
+
var _a, _b;
|
|
2047
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("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__ */ (0, import_jsx_runtime60.jsx)("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" }) });
|
|
2048
|
+
};
|
|
2049
|
+
var key_default = SvgKey;
|
|
2050
|
+
|
|
2051
|
+
// src/theme/default/components/settings/settings-webauthn.tsx
|
|
2052
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2053
|
+
function DefaultSettingsWebauthn({
|
|
2054
|
+
nameInput,
|
|
1739
2055
|
triggerButton,
|
|
1740
2056
|
removeButtons
|
|
1741
2057
|
}) {
|
|
1742
2058
|
const hasRemoveButtons = removeButtons.length > 0;
|
|
1743
|
-
return /* @__PURE__ */ (0,
|
|
1744
|
-
/* @__PURE__ */ (0,
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
1748
|
-
|
|
1749
|
-
|
|
1750
|
-
|
|
1751
|
-
|
|
1752
|
-
|
|
1753
|
-
|
|
1754
|
-
|
|
2059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2060
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-3 items-end max-w-[60%]", children: [
|
|
2061
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2062
|
+
DefaultLabel,
|
|
2063
|
+
{
|
|
2064
|
+
node: nameInput,
|
|
2065
|
+
attributes: nameInput.attributes,
|
|
2066
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2067
|
+
DefaultInput,
|
|
2068
|
+
{
|
|
2069
|
+
node: nameInput,
|
|
2070
|
+
attributes: nameInput.attributes
|
|
2071
|
+
}
|
|
2072
|
+
)
|
|
2073
|
+
}
|
|
2074
|
+
) }),
|
|
2075
|
+
triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
2076
|
+
DefaultButton,
|
|
2077
|
+
{
|
|
2078
|
+
node: triggerButton,
|
|
2079
|
+
attributes: triggerButton.attributes,
|
|
2080
|
+
onClick: triggerButton.onClick
|
|
2081
|
+
}
|
|
2082
|
+
) : null
|
|
2083
|
+
] }),
|
|
2084
|
+
hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2085
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(DefaultHorizontalDivider, {}),
|
|
2086
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
|
|
1755
2087
|
var _a, _b;
|
|
1756
2088
|
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
1757
2089
|
const addedAt = "added_at" in context ? context.added_at : null;
|
|
1758
2090
|
const diaplyName = "display_name" in context ? context.display_name : null;
|
|
1759
2091
|
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
1760
|
-
return /* @__PURE__ */ (0,
|
|
2092
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(
|
|
1761
2093
|
"div",
|
|
1762
2094
|
{
|
|
1763
2095
|
className: "flex justify-between gap-6",
|
|
1764
2096
|
children: [
|
|
1765
|
-
/* @__PURE__ */ (0,
|
|
1766
|
-
/* @__PURE__ */ (0,
|
|
1767
|
-
/* @__PURE__ */ (0,
|
|
1768
|
-
/* @__PURE__ */ (0,
|
|
2097
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(key_default, { size: 32, className: "text-dialog-fg-default" }),
|
|
2098
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex-1 flex-col", children: [
|
|
2099
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm font-medium text-dialog-fg-subtle", children: diaplyName }),
|
|
2100
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("span", { className: "text-sm text-dialog-fg-mute", children: keyId })
|
|
1769
2101
|
] }),
|
|
1770
|
-
addedAt && /* @__PURE__ */ (0,
|
|
1771
|
-
/* @__PURE__ */ (0,
|
|
2102
|
+
addedAt && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-sm self-center text-dialog-fg-mute", children: new Date(addedAt).toLocaleDateString() }),
|
|
2103
|
+
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
|
|
1772
2104
|
"button",
|
|
1773
2105
|
{
|
|
1774
2106
|
...node.attributes,
|
|
1775
2107
|
type: "submit",
|
|
1776
2108
|
className: "cursor-pointer text-links-link-mute-default hover:text-links-link-mute-hover",
|
|
1777
|
-
children: /* @__PURE__ */ (0,
|
|
2109
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(trash_default, { size: 20 })
|
|
1778
2110
|
}
|
|
1779
2111
|
)
|
|
1780
2112
|
]
|
|
@@ -1786,224 +2118,9 @@ function DefaultSettingsPasskey({
|
|
|
1786
2118
|
] });
|
|
1787
2119
|
}
|
|
1788
2120
|
|
|
1789
|
-
// src/theme/default/components/generic/page-header.tsx
|
|
1790
|
-
var import_elements_react14 = require("@ory/elements-react");
|
|
1791
|
-
|
|
1792
|
-
// src/theme/default/components/ui/user-menu.tsx
|
|
1793
|
-
var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
|
|
1794
|
-
var import_react5 = require("react");
|
|
1795
|
-
var import_elements_react13 = require("@ory/elements-react");
|
|
1796
|
-
|
|
1797
|
-
// src/util/client.ts
|
|
1798
|
-
var import_client_fetch9 = require("@ory/client-fetch");
|
|
1799
|
-
function frontendClient(sdkUrl, opts = {}) {
|
|
1800
|
-
const config = new import_client_fetch9.Configuration({
|
|
1801
|
-
...opts,
|
|
1802
|
-
basePath: sdkUrl,
|
|
1803
|
-
headers: {
|
|
1804
|
-
Accept: "application/json",
|
|
1805
|
-
...opts.headers
|
|
1806
|
-
}
|
|
1807
|
-
});
|
|
1808
|
-
return new import_client_fetch9.FrontendApi(config);
|
|
1809
|
-
}
|
|
1810
|
-
|
|
1811
|
-
// src/theme/default/assets/icons/logout.svg
|
|
1812
|
-
var React28 = __toESM(require("react"));
|
|
1813
|
-
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1814
|
-
var SvgLogout = (props) => {
|
|
1815
|
-
var _a, _b;
|
|
1816
|
-
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime55.jsx)("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" }) });
|
|
1817
|
-
};
|
|
1818
|
-
var logout_default = SvgLogout;
|
|
1819
|
-
|
|
1820
|
-
// src/theme/default/assets/icons/settings.svg
|
|
1821
|
-
var React29 = __toESM(require("react"));
|
|
1822
|
-
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1823
|
-
var SvgSettings = (props) => {
|
|
1824
|
-
var _a, _b;
|
|
1825
|
-
return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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__ */ (0, import_jsx_runtime56.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
1826
|
-
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("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" }),
|
|
1827
|
-
/* @__PURE__ */ (0, import_jsx_runtime56.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
|
|
1828
|
-
] }) });
|
|
1829
|
-
};
|
|
1830
|
-
var settings_default = SvgSettings;
|
|
1831
|
-
|
|
1832
|
-
// src/theme/default/utils/user.ts
|
|
1833
|
-
var getUserInitials = (session) => {
|
|
1834
|
-
var _a, _b;
|
|
1835
|
-
const avatar = "";
|
|
1836
|
-
let primary = "";
|
|
1837
|
-
let secondary = "";
|
|
1838
|
-
if (!((_a = session == null ? void 0 : session.identity) == null ? void 0 : _a.traits)) {
|
|
1839
|
-
return {
|
|
1840
|
-
primary,
|
|
1841
|
-
secondary,
|
|
1842
|
-
avatar
|
|
1843
|
-
};
|
|
1844
|
-
}
|
|
1845
|
-
const traits = (_b = session.identity) == null ? void 0 : _b.traits;
|
|
1846
|
-
if (traits.email) {
|
|
1847
|
-
secondary = traits.email;
|
|
1848
|
-
}
|
|
1849
|
-
if (traits.name) {
|
|
1850
|
-
if (typeof traits.name === "string") {
|
|
1851
|
-
primary = traits.name;
|
|
1852
|
-
}
|
|
1853
|
-
if (traits.name.first && traits.name.last) {
|
|
1854
|
-
primary = traits.name.first + " " + traits.name.last;
|
|
1855
|
-
}
|
|
1856
|
-
}
|
|
1857
|
-
if (primary === "") {
|
|
1858
|
-
primary = secondary;
|
|
1859
|
-
secondary = "";
|
|
1860
|
-
}
|
|
1861
|
-
return {
|
|
1862
|
-
primary,
|
|
1863
|
-
secondary,
|
|
1864
|
-
avatar
|
|
1865
|
-
};
|
|
1866
|
-
};
|
|
1867
|
-
|
|
1868
|
-
// src/theme/default/components/ui/dropdown-menu.tsx
|
|
1869
|
-
var import_react3 = require("react");
|
|
1870
|
-
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
1871
|
-
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1872
|
-
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
1873
|
-
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
1874
|
-
var DropdownMenuContent = (0, import_react3.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1875
|
-
DropdownMenuPrimitive.Content,
|
|
1876
|
-
{
|
|
1877
|
-
ref,
|
|
1878
|
-
sideOffset,
|
|
1879
|
-
align: "end",
|
|
1880
|
-
className: cn(
|
|
1881
|
-
"z-50 min-w-[19rem] overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
|
|
1882
|
-
"border border-dialog-border-default bg-dialog-bg-default rounded-border-radius-cards",
|
|
1883
|
-
className
|
|
1884
|
-
),
|
|
1885
|
-
...props
|
|
1886
|
-
}
|
|
1887
|
-
) }));
|
|
1888
|
-
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
1889
|
-
var DropdownMenuItem = (0, import_react3.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1890
|
-
DropdownMenuPrimitive.Item,
|
|
1891
|
-
{
|
|
1892
|
-
ref,
|
|
1893
|
-
className: cn(
|
|
1894
|
-
"relative flex cursor-pointer select-none items-center outline-none transition-colors data-[disabled]:pointer-events-none",
|
|
1895
|
-
"px-8 py-3 lg:py-4.5 text-sm gap-6",
|
|
1896
|
-
"first:border-0 border-t border-button-secondary-border-default hover:border-button-social-border-hover data-[disabled]:border-button-secondary-border-disabled",
|
|
1897
|
-
"text-button-secondary-fg-default bg-button-secondary-bg-default",
|
|
1898
|
-
"hover:text-button-secondary-fg-hover hover:bg-button-secondary-bg-hover",
|
|
1899
|
-
"data-[disabled]:text-button-secondary-fg-disabled data-[disabled]:bg-button-secondary-bg-disabled",
|
|
1900
|
-
inset && "pl-8",
|
|
1901
|
-
className
|
|
1902
|
-
),
|
|
1903
|
-
...props
|
|
1904
|
-
}
|
|
1905
|
-
));
|
|
1906
|
-
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
1907
|
-
var DropdownMenuLabel = (0, import_react3.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1908
|
-
DropdownMenuPrimitive.Label,
|
|
1909
|
-
{
|
|
1910
|
-
ref,
|
|
1911
|
-
className: cn(
|
|
1912
|
-
"px-2 py-1.5 text-sm font-semibold",
|
|
1913
|
-
inset && "pl-8",
|
|
1914
|
-
className
|
|
1915
|
-
),
|
|
1916
|
-
...props
|
|
1917
|
-
}
|
|
1918
|
-
));
|
|
1919
|
-
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1920
|
-
|
|
1921
|
-
// src/theme/default/components/ui/user-avater.tsx
|
|
1922
|
-
var import_react4 = require("react");
|
|
1923
|
-
|
|
1924
|
-
// src/theme/default/assets/icons/user.svg
|
|
1925
|
-
var React30 = __toESM(require("react"));
|
|
1926
|
-
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
1927
|
-
var SvgUser = (props) => {
|
|
1928
|
-
var _a, _b;
|
|
1929
|
-
return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("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__ */ (0, import_jsx_runtime58.jsx)("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" }) });
|
|
1930
|
-
};
|
|
1931
|
-
var user_default = SvgUser;
|
|
1932
|
-
|
|
1933
|
-
// src/theme/default/components/ui/user-avater.tsx
|
|
1934
|
-
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
1935
|
-
var UserAvatar = (0, import_react4.forwardRef)(
|
|
1936
|
-
({ initials, ...rest }, ref) => {
|
|
1937
|
-
return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1938
|
-
"button",
|
|
1939
|
-
{
|
|
1940
|
-
ref,
|
|
1941
|
-
className: "size-10 relative flex overflow-hidden items-center justify-center rounded-full bg-button-primary-bg-default disabled:hover:bg-button-primary-bg-default hover:bg-button-primary-bg-hover",
|
|
1942
|
-
...rest,
|
|
1943
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "relative size-full flex items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
|
|
1944
|
-
"img",
|
|
1945
|
-
{
|
|
1946
|
-
src: initials.avatar,
|
|
1947
|
-
alt: initials.primary,
|
|
1948
|
-
className: "w-full object-contain"
|
|
1949
|
-
}
|
|
1950
|
-
) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(user_default, { size: 24, className: "text-button-primary-fg-default" }) })
|
|
1951
|
-
}
|
|
1952
|
-
);
|
|
1953
|
-
}
|
|
1954
|
-
);
|
|
1955
|
-
UserAvatar.displayName = "UserAvatar";
|
|
1956
|
-
|
|
1957
|
-
// src/theme/default/components/ui/user-menu.tsx
|
|
1958
|
-
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
1959
|
-
var UserMenu = ({ session }) => {
|
|
1960
|
-
const { config } = (0, import_elements_react13.useOryFlow)();
|
|
1961
|
-
const initials = getUserInitials(session);
|
|
1962
|
-
const [logoutFlow, setLogoutFlow] = (0, import_react5.useState)();
|
|
1963
|
-
const fetchLogoutFlow = (0, import_react5.useCallback)(async () => {
|
|
1964
|
-
const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
|
|
1965
|
-
setLogoutFlow(flow);
|
|
1966
|
-
}, [config.sdk.url]);
|
|
1967
|
-
(0, import_react5.useEffect)(() => {
|
|
1968
|
-
void fetchLogoutFlow();
|
|
1969
|
-
}, [fetchLogoutFlow]);
|
|
1970
|
-
return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenu, { children: [
|
|
1971
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UserAvatar, { initials }) }),
|
|
1972
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(DropdownMenuContent, { children: [
|
|
1973
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "px-5 py-4.5 flex gap-3", children: [
|
|
1974
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(UserAvatar, { disabled: true, initials }),
|
|
1975
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col text-sm leading-tight justify-center", children: [
|
|
1976
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "text-dialog-fg-default", children: initials.primary }),
|
|
1977
|
-
initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "text-dialog-fg-mute", children: initials.secondary })
|
|
1978
|
-
] })
|
|
1979
|
-
] }),
|
|
1980
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("a", { href: "/settings", children: [
|
|
1981
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(settings_default, { size: 16 }),
|
|
1982
|
-
" User settings"
|
|
1983
|
-
] }) }),
|
|
1984
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
|
|
1985
|
-
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)(logout_default, { size: 16 }),
|
|
1986
|
-
" Logout"
|
|
1987
|
-
] }) })
|
|
1988
|
-
] })
|
|
1989
|
-
] });
|
|
1990
|
-
};
|
|
1991
|
-
|
|
1992
|
-
// src/theme/default/components/generic/page-header.tsx
|
|
1993
|
-
var import_client2 = require("@ory/elements-react/client");
|
|
1994
|
-
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
1995
|
-
var DefaultPageHeader = (_props) => {
|
|
1996
|
-
const { Card } = (0, import_elements_react14.useComponents)();
|
|
1997
|
-
const { session } = (0, import_client2.useSession)();
|
|
1998
|
-
return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex max-w-[896px] flex-col w-full gap-3 mt-16", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "flex gap-2 max-h-10 justify-between flex-1", children: [
|
|
1999
|
-
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "h-10 flex-1 relative", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(Card.Logo, {}) }),
|
|
2000
|
-
/* @__PURE__ */ (0, import_jsx_runtime61.jsx)(UserMenu, { session })
|
|
2001
|
-
] }) }) });
|
|
2002
|
-
};
|
|
2003
|
-
|
|
2004
2121
|
// src/theme/default/components/default-components.tsx
|
|
2005
2122
|
function getOryComponents(overrides) {
|
|
2006
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa
|
|
2123
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z, __, _$, _aa, _ba, _ca, _da, _ea, _fa;
|
|
2007
2124
|
return {
|
|
2008
2125
|
Card: {
|
|
2009
2126
|
Root: (_b = (_a = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _a.Root) != null ? _b : DefaultCard,
|
|
@@ -2020,31 +2137,30 @@ function getOryComponents(overrides) {
|
|
|
2020
2137
|
Node: {
|
|
2021
2138
|
Button: (_v = (_u = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _u.Button) != null ? _v : DefaultButton,
|
|
2022
2139
|
OidcButton: (_x = (_w = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _w.OidcButton) != null ? _x : DefaultButtonSocial,
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
Anchor: (_N = (_M = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _M.Anchor) != null ? _N : DefaultLinkButton
|
|
2140
|
+
Input: (_z = (_y = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _y.Input) != null ? _z : DefaultInput,
|
|
2141
|
+
CodeInput: (_B = (_A = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _A.CodeInput) != null ? _B : DefaultPinCodeInput,
|
|
2142
|
+
Image: (_D = (_C = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _C.Image) != null ? _D : DefaultImage,
|
|
2143
|
+
Label: (_F = (_E = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _E.Label) != null ? _F : DefaultLabel,
|
|
2144
|
+
Checkbox: (_H = (_G = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _G.Checkbox) != null ? _H : DefaultCheckbox,
|
|
2145
|
+
Text: (_J = (_I = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _I.Text) != null ? _J : DefaultText,
|
|
2146
|
+
Anchor: (_L = (_K = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _K.Anchor) != null ? _L : DefaultLinkButton
|
|
2031
2147
|
},
|
|
2032
2148
|
Form: {
|
|
2033
|
-
Root: (
|
|
2034
|
-
Group: (
|
|
2035
|
-
OidcRoot: (
|
|
2036
|
-
RecoveryCodesSettings: (
|
|
2037
|
-
TotpSettings: (
|
|
2038
|
-
OidcSettings: (
|
|
2039
|
-
WebauthnSettings: (
|
|
2040
|
-
PasskeySettings: (
|
|
2149
|
+
Root: (_N = (_M = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _M.Root) != null ? _N : DefaultFormContainer,
|
|
2150
|
+
Group: (_P = (_O = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _O.Group) != null ? _P : DefaultGroupContainer,
|
|
2151
|
+
OidcRoot: (_R = (_Q = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Q.OidcRoot) != null ? _R : DefaultSocialButtonContainer,
|
|
2152
|
+
RecoveryCodesSettings: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.RecoveryCodesSettings) != null ? _T : DefaultSettingsRecoveryCodes,
|
|
2153
|
+
TotpSettings: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.TotpSettings) != null ? _V : DefaultSettingsTotp,
|
|
2154
|
+
OidcSettings: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.OidcSettings) != null ? _X : DefaultSettingsOidc,
|
|
2155
|
+
WebauthnSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.WebauthnSettings) != null ? _Z : DefaultSettingsWebauthn,
|
|
2156
|
+
PasskeySettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.PasskeySettings) != null ? _$ : DefaultSettingsPasskey
|
|
2041
2157
|
},
|
|
2042
2158
|
Message: {
|
|
2043
|
-
Root: (
|
|
2044
|
-
Content: (
|
|
2159
|
+
Root: (_ba = (_aa = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _aa.Root) != null ? _ba : DefaultMessageContainer,
|
|
2160
|
+
Content: (_da = (_ca = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ca.Content) != null ? _da : DefaultMessage
|
|
2045
2161
|
},
|
|
2046
2162
|
Page: {
|
|
2047
|
-
Header: (
|
|
2163
|
+
Header: (_fa = (_ea = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ea.Header) != null ? _fa : DefaultPageHeader
|
|
2048
2164
|
}
|
|
2049
2165
|
};
|
|
2050
2166
|
}
|
|
@@ -2059,8 +2175,8 @@ function Error2({
|
|
|
2059
2175
|
}
|
|
2060
2176
|
|
|
2061
2177
|
// src/theme/default/flows/login.tsx
|
|
2062
|
-
var
|
|
2063
|
-
var
|
|
2178
|
+
var import_client_fetch11 = require("@ory/client-fetch");
|
|
2179
|
+
var import_elements_react16 = require("@ory/elements-react");
|
|
2064
2180
|
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2065
2181
|
function Login({
|
|
2066
2182
|
flow,
|
|
@@ -2070,20 +2186,20 @@ function Login({
|
|
|
2070
2186
|
}) {
|
|
2071
2187
|
const components = getOryComponents(flowOverrideComponents);
|
|
2072
2188
|
return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2073
|
-
|
|
2189
|
+
import_elements_react16.OryProvider,
|
|
2074
2190
|
{
|
|
2075
2191
|
config,
|
|
2076
2192
|
flow,
|
|
2077
|
-
flowType:
|
|
2193
|
+
flowType: import_client_fetch11.FlowType.Login,
|
|
2078
2194
|
components,
|
|
2079
|
-
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
|
|
2195
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_elements_react16.OryTwoStepCard, {})
|
|
2080
2196
|
}
|
|
2081
2197
|
);
|
|
2082
2198
|
}
|
|
2083
2199
|
|
|
2084
2200
|
// src/theme/default/flows/recovery.tsx
|
|
2085
|
-
var
|
|
2086
|
-
var
|
|
2201
|
+
var import_client_fetch12 = require("@ory/client-fetch");
|
|
2202
|
+
var import_elements_react17 = require("@ory/elements-react");
|
|
2087
2203
|
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2088
2204
|
function Recovery({
|
|
2089
2205
|
flow,
|
|
@@ -2093,20 +2209,20 @@ function Recovery({
|
|
|
2093
2209
|
}) {
|
|
2094
2210
|
const components = getOryComponents(flowOverrideComponents);
|
|
2095
2211
|
return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2096
|
-
|
|
2212
|
+
import_elements_react17.OryProvider,
|
|
2097
2213
|
{
|
|
2098
2214
|
config,
|
|
2099
2215
|
flow,
|
|
2100
|
-
flowType:
|
|
2216
|
+
flowType: import_client_fetch12.FlowType.Recovery,
|
|
2101
2217
|
components,
|
|
2102
|
-
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2218
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_elements_react17.OryTwoStepCard, {})
|
|
2103
2219
|
}
|
|
2104
2220
|
);
|
|
2105
2221
|
}
|
|
2106
2222
|
|
|
2107
2223
|
// src/theme/default/flows/registration.tsx
|
|
2108
|
-
var
|
|
2109
|
-
var
|
|
2224
|
+
var import_client_fetch13 = require("@ory/client-fetch");
|
|
2225
|
+
var import_elements_react18 = require("@ory/elements-react");
|
|
2110
2226
|
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2111
2227
|
function Registration({
|
|
2112
2228
|
flow,
|
|
@@ -2116,20 +2232,20 @@ function Registration({
|
|
|
2116
2232
|
}) {
|
|
2117
2233
|
const components = getOryComponents(flowOverrideComponents);
|
|
2118
2234
|
return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2119
|
-
|
|
2235
|
+
import_elements_react18.OryProvider,
|
|
2120
2236
|
{
|
|
2121
2237
|
config,
|
|
2122
2238
|
flow,
|
|
2123
|
-
flowType:
|
|
2239
|
+
flowType: import_client_fetch13.FlowType.Registration,
|
|
2124
2240
|
components,
|
|
2125
|
-
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
|
|
2241
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_elements_react18.OryTwoStepCard, {})
|
|
2126
2242
|
}
|
|
2127
2243
|
);
|
|
2128
2244
|
}
|
|
2129
2245
|
|
|
2130
2246
|
// src/theme/default/flows/settings.tsx
|
|
2131
|
-
var
|
|
2132
|
-
var
|
|
2247
|
+
var import_client_fetch14 = require("@ory/client-fetch");
|
|
2248
|
+
var import_elements_react19 = require("@ory/elements-react");
|
|
2133
2249
|
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2134
2250
|
function Settings({
|
|
2135
2251
|
flow,
|
|
@@ -2139,23 +2255,23 @@ function Settings({
|
|
|
2139
2255
|
}) {
|
|
2140
2256
|
const components = getOryComponents(flowOverrideComponents);
|
|
2141
2257
|
return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2142
|
-
|
|
2258
|
+
import_elements_react19.OryProvider,
|
|
2143
2259
|
{
|
|
2144
2260
|
config,
|
|
2145
2261
|
flow,
|
|
2146
|
-
flowType:
|
|
2262
|
+
flowType: import_client_fetch14.FlowType.Settings,
|
|
2147
2263
|
components,
|
|
2148
2264
|
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
|
|
2149
|
-
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2150
|
-
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2265
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_elements_react19.HeadlessPageHeader, {}),
|
|
2266
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_elements_react19.OrySettingsCard, {})
|
|
2151
2267
|
] })
|
|
2152
2268
|
}
|
|
2153
2269
|
);
|
|
2154
2270
|
}
|
|
2155
2271
|
|
|
2156
2272
|
// src/theme/default/flows/verification.tsx
|
|
2157
|
-
var
|
|
2158
|
-
var
|
|
2273
|
+
var import_client_fetch15 = require("@ory/client-fetch");
|
|
2274
|
+
var import_elements_react20 = require("@ory/elements-react");
|
|
2159
2275
|
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2160
2276
|
function Verification({
|
|
2161
2277
|
flow,
|
|
@@ -2165,13 +2281,13 @@ function Verification({
|
|
|
2165
2281
|
}) {
|
|
2166
2282
|
const components = getOryComponents(flowOverrideComponents);
|
|
2167
2283
|
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2168
|
-
|
|
2284
|
+
import_elements_react20.OryProvider,
|
|
2169
2285
|
{
|
|
2170
2286
|
config,
|
|
2171
2287
|
flow,
|
|
2172
|
-
flowType:
|
|
2288
|
+
flowType: import_client_fetch15.FlowType.Verification,
|
|
2173
2289
|
components,
|
|
2174
|
-
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
|
|
2290
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_elements_react20.OryTwoStepCard, {})
|
|
2175
2291
|
}
|
|
2176
2292
|
);
|
|
2177
2293
|
}
|
|
@@ -2182,6 +2298,7 @@ function Verification({
|
|
|
2182
2298
|
DefaultCardFooter,
|
|
2183
2299
|
DefaultCardHeader,
|
|
2184
2300
|
DefaultCardLogo,
|
|
2301
|
+
DefaultCurrentIdentifierButton,
|
|
2185
2302
|
DefaultFormContainer,
|
|
2186
2303
|
DefaultMessage,
|
|
2187
2304
|
DefaultMessageContainer,
|