@ory/elements-react 1.0.0-next.30 → 1.0.0-next.32
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 +25 -0
- package/DEVELOPMENT.md +19 -4
- package/babel.config.js +10 -0
- package/dist/index.d.mts +13 -2
- package/dist/index.d.ts +13 -2
- package/dist/index.js +225 -75
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +225 -75
- package/dist/index.mjs.map +1 -1
- package/dist/theme/default/index.css +121 -110
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.js +969 -460
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +940 -381
- package/dist/theme/default/index.mjs.map +1 -1
- package/package.json +6 -1
|
@@ -91,13 +91,15 @@ function DefaultCardContent({ children }) {
|
|
|
91
91
|
}
|
|
92
92
|
|
|
93
93
|
// src/theme/default/components/card/footer.tsx
|
|
94
|
-
var
|
|
94
|
+
var import_client_fetch3 = require("@ory/client-fetch");
|
|
95
95
|
var import_elements_react = require("@ory/elements-react");
|
|
96
96
|
var import_react_hook_form = require("react-hook-form");
|
|
97
97
|
var import_react_intl = require("react-intl");
|
|
98
98
|
|
|
99
99
|
// src/theme/default/utils/url.ts
|
|
100
100
|
function restartFlowUrl(flow, fallback) {
|
|
101
|
+
if (flow.requested_aal === "aal2")
|
|
102
|
+
return appendRefresh(appendAal(fallback, "aal1"), true);
|
|
101
103
|
return flow.request_url || appendReturnTo(fallback, flow.return_to);
|
|
102
104
|
}
|
|
103
105
|
function initFlowUrl(sdkUrl, flowType, flow) {
|
|
@@ -127,48 +129,213 @@ function appendReturnTo(url, returnTo) {
|
|
|
127
129
|
urlObj.searchParams.set("return_to", returnTo);
|
|
128
130
|
return urlObj.toString();
|
|
129
131
|
}
|
|
132
|
+
function appendAal(url, aal) {
|
|
133
|
+
const urlObj = new URL(url);
|
|
134
|
+
urlObj.searchParams.set("aal", aal);
|
|
135
|
+
return urlObj.toString();
|
|
136
|
+
}
|
|
137
|
+
function appendRefresh(url, refresh) {
|
|
138
|
+
const urlObj = new URL(url);
|
|
139
|
+
urlObj.searchParams.set("refresh", refresh ? "true" : "false");
|
|
140
|
+
return urlObj.toString();
|
|
141
|
+
}
|
|
130
142
|
|
|
131
|
-
// src/
|
|
143
|
+
// src/util/ui/index.ts
|
|
144
|
+
var import_client_fetch2 = require("@ory/client-fetch");
|
|
145
|
+
var import_react2 = require("react");
|
|
146
|
+
|
|
147
|
+
// src/context/component.tsx
|
|
148
|
+
var import_client_fetch = require("@ory/client-fetch");
|
|
149
|
+
var import_react = require("react");
|
|
132
150
|
var import_jsx_runtime4 = require("react/jsx-runtime");
|
|
151
|
+
var ComponentContext = (0, import_react.createContext)({
|
|
152
|
+
components: null,
|
|
153
|
+
// fine because we throw an error if it's not provided
|
|
154
|
+
nodeSorter: () => 0,
|
|
155
|
+
groupSorter: () => 0
|
|
156
|
+
});
|
|
157
|
+
function useComponents() {
|
|
158
|
+
const ctx = (0, import_react.useContext)(ComponentContext);
|
|
159
|
+
if (!ctx) {
|
|
160
|
+
throw new Error("useComponents must be used within a ComponentProvider");
|
|
161
|
+
}
|
|
162
|
+
return ctx.components;
|
|
163
|
+
}
|
|
164
|
+
var defaultGroupOrder = [
|
|
165
|
+
import_client_fetch.UiNodeGroupEnum.Default,
|
|
166
|
+
import_client_fetch.UiNodeGroupEnum.Profile,
|
|
167
|
+
import_client_fetch.UiNodeGroupEnum.Password,
|
|
168
|
+
import_client_fetch.UiNodeGroupEnum.Oidc,
|
|
169
|
+
import_client_fetch.UiNodeGroupEnum.Code,
|
|
170
|
+
import_client_fetch.UiNodeGroupEnum.LookupSecret,
|
|
171
|
+
import_client_fetch.UiNodeGroupEnum.Passkey,
|
|
172
|
+
import_client_fetch.UiNodeGroupEnum.Webauthn,
|
|
173
|
+
import_client_fetch.UiNodeGroupEnum.Totp
|
|
174
|
+
];
|
|
175
|
+
|
|
176
|
+
// src/util/ui/index.ts
|
|
177
|
+
function triggerToWindowCall(trigger) {
|
|
178
|
+
if (!trigger) {
|
|
179
|
+
return;
|
|
180
|
+
}
|
|
181
|
+
const fn = triggerToFunction(trigger);
|
|
182
|
+
if (fn) {
|
|
183
|
+
fn();
|
|
184
|
+
return;
|
|
185
|
+
}
|
|
186
|
+
let i = 0;
|
|
187
|
+
const ms = 100;
|
|
188
|
+
const interval = setInterval(() => {
|
|
189
|
+
i++;
|
|
190
|
+
if (i > 100) {
|
|
191
|
+
clearInterval(interval);
|
|
192
|
+
throw new Error(
|
|
193
|
+
"Unable to load Ory's WebAuthn script. Is it being blocked or otherwise failing to load? If you are running an old version of Ory Elements, please upgrade. For more information, please check your browser's developer console."
|
|
194
|
+
);
|
|
195
|
+
}
|
|
196
|
+
const fn2 = triggerToFunction(trigger);
|
|
197
|
+
if (fn2) {
|
|
198
|
+
clearInterval(interval);
|
|
199
|
+
return fn2();
|
|
200
|
+
}
|
|
201
|
+
}, ms);
|
|
202
|
+
return;
|
|
203
|
+
}
|
|
204
|
+
function triggerToFunction(trigger) {
|
|
205
|
+
if (typeof window === "undefined") {
|
|
206
|
+
console.debug(
|
|
207
|
+
"The Ory SDK is missing a required function: window is undefined."
|
|
208
|
+
);
|
|
209
|
+
return void 0;
|
|
210
|
+
}
|
|
211
|
+
const typedWindow = window;
|
|
212
|
+
if (!(trigger in typedWindow) || !typedWindow[trigger]) {
|
|
213
|
+
console.debug(`The Ory SDK is missing a required function: ${trigger}.`);
|
|
214
|
+
return void 0;
|
|
215
|
+
}
|
|
216
|
+
const triggerFn = typedWindow[trigger];
|
|
217
|
+
if (typeof triggerFn !== "function") {
|
|
218
|
+
console.debug(
|
|
219
|
+
`The Ory SDK is missing a required function: ${trigger}. It is not a function.`
|
|
220
|
+
);
|
|
221
|
+
return void 0;
|
|
222
|
+
}
|
|
223
|
+
return triggerFn;
|
|
224
|
+
}
|
|
225
|
+
function nodesToAuthMethodGroups(nodes, excludeAuthMethods = []) {
|
|
226
|
+
var _a;
|
|
227
|
+
const groups = {};
|
|
228
|
+
for (const node of nodes) {
|
|
229
|
+
if (node.type === "script") {
|
|
230
|
+
continue;
|
|
231
|
+
}
|
|
232
|
+
const groupNodes = (_a = groups[node.group]) != null ? _a : [];
|
|
233
|
+
groupNodes.push(node);
|
|
234
|
+
groups[node.group] = groupNodes;
|
|
235
|
+
}
|
|
236
|
+
return Object.values(import_client_fetch2.UiNodeGroupEnum).filter((group) => {
|
|
237
|
+
var _a2;
|
|
238
|
+
return (_a2 = groups[group]) == null ? void 0 : _a2.length;
|
|
239
|
+
}).filter(
|
|
240
|
+
(group) => ![
|
|
241
|
+
import_client_fetch2.UiNodeGroupEnum.Default,
|
|
242
|
+
import_client_fetch2.UiNodeGroupEnum.IdentifierFirst,
|
|
243
|
+
import_client_fetch2.UiNodeGroupEnum.Profile,
|
|
244
|
+
import_client_fetch2.UiNodeGroupEnum.Captcha,
|
|
245
|
+
...excludeAuthMethods
|
|
246
|
+
].includes(group)
|
|
247
|
+
);
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
// src/theme/default/components/card/footer.tsx
|
|
251
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
133
252
|
function DefaultCardFooter() {
|
|
134
253
|
const { flowType } = (0, import_elements_react.useOryFlow)();
|
|
135
254
|
switch (flowType) {
|
|
136
|
-
case
|
|
137
|
-
return /* @__PURE__ */ (0,
|
|
138
|
-
case
|
|
139
|
-
return /* @__PURE__ */ (0,
|
|
140
|
-
case
|
|
141
|
-
return /* @__PURE__ */ (0,
|
|
142
|
-
case
|
|
143
|
-
return /* @__PURE__ */ (0,
|
|
255
|
+
case import_client_fetch3.FlowType.Login:
|
|
256
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LoginCardFooter, {});
|
|
257
|
+
case import_client_fetch3.FlowType.Registration:
|
|
258
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RegistrationCardFooter, {});
|
|
259
|
+
case import_client_fetch3.FlowType.Recovery:
|
|
260
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RecoveryCardFooter, {});
|
|
261
|
+
case import_client_fetch3.FlowType.Verification:
|
|
262
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(VerificationCardFooter, {});
|
|
144
263
|
default:
|
|
145
264
|
return null;
|
|
146
265
|
}
|
|
147
266
|
}
|
|
148
267
|
function LoginCardFooter() {
|
|
149
|
-
const { config, formState, flow } = (0, import_elements_react.useOryFlow)();
|
|
268
|
+
const { config, formState, flow, flowType } = (0, import_elements_react.useOryFlow)();
|
|
150
269
|
const intl = (0, import_react_intl.useIntl)();
|
|
151
|
-
|
|
270
|
+
const authMethods = nodesToAuthMethodGroups(flow.ui.nodes);
|
|
271
|
+
if (flowType === import_client_fetch3.FlowType.Login && flow.refresh) {
|
|
152
272
|
return null;
|
|
153
273
|
}
|
|
154
|
-
return /* @__PURE__ */ (0,
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
274
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
275
|
+
formState.current === "provide_identifier" && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
|
|
276
|
+
intl.formatMessage({
|
|
277
|
+
id: "login.registration-label",
|
|
278
|
+
defaultMessage: "No account?"
|
|
279
|
+
}),
|
|
280
|
+
" ",
|
|
281
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
282
|
+
"a",
|
|
283
|
+
{
|
|
284
|
+
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
285
|
+
href: initFlowUrl(config.sdk.url, "registration", flow),
|
|
286
|
+
"data-testid": "ory/screen/registration/action/login",
|
|
287
|
+
children: intl.formatMessage({
|
|
288
|
+
id: "login.registration-button",
|
|
289
|
+
defaultMessage: "Sign up"
|
|
290
|
+
})
|
|
291
|
+
}
|
|
292
|
+
)
|
|
293
|
+
] }),
|
|
294
|
+
authMethods.length > 1 && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
161
295
|
"a",
|
|
162
296
|
{
|
|
163
297
|
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
164
|
-
href:
|
|
165
|
-
"data-testid": "ory/screen/
|
|
298
|
+
href: "",
|
|
299
|
+
"data-testid": "ory/screen/login/mfa/action/selectMethod",
|
|
166
300
|
children: intl.formatMessage({
|
|
167
|
-
id: "login.
|
|
168
|
-
defaultMessage: "Sign up"
|
|
301
|
+
id: "login.2fa.method.go-back"
|
|
169
302
|
})
|
|
170
303
|
}
|
|
171
|
-
)
|
|
304
|
+
) }),
|
|
305
|
+
authMethods.length === 1 && authMethods[0] === "code" && formState.current === "method_active" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
306
|
+
"a",
|
|
307
|
+
{
|
|
308
|
+
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
309
|
+
href: restartFlowUrl(
|
|
310
|
+
flow,
|
|
311
|
+
`${config.sdk.url}/self-service/${flowType}/browser`
|
|
312
|
+
),
|
|
313
|
+
"data-testid": "ory/screen/login/mfa/action/reauthenticate",
|
|
314
|
+
children: intl.formatMessage({
|
|
315
|
+
id: "login.2fa.go-back.link"
|
|
316
|
+
})
|
|
317
|
+
}
|
|
318
|
+
) }),
|
|
319
|
+
flowType === import_client_fetch3.FlowType.Login && flow.requested_aal === "aal2" && (formState.current === "select_method" || authMethods.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { className: "font-normal leading-normal antialiased text-interface-foreground-default-primary", children: [
|
|
320
|
+
intl.formatMessage({
|
|
321
|
+
id: "login.2fa.go-back"
|
|
322
|
+
}),
|
|
323
|
+
" ",
|
|
324
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
325
|
+
"a",
|
|
326
|
+
{
|
|
327
|
+
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
328
|
+
href: restartFlowUrl(
|
|
329
|
+
flow,
|
|
330
|
+
`${config.sdk.url}/self-service/${flowType}/browser`
|
|
331
|
+
),
|
|
332
|
+
"data-testid": "ory/screen/login/mfa/action/reauthenticate",
|
|
333
|
+
children: intl.formatMessage({
|
|
334
|
+
id: "login.2fa.go-back.link"
|
|
335
|
+
})
|
|
336
|
+
}
|
|
337
|
+
)
|
|
338
|
+
] })
|
|
172
339
|
] });
|
|
173
340
|
}
|
|
174
341
|
function findScreenSelectionButton(nodes) {
|
|
@@ -187,27 +354,32 @@ function RegistrationCardFooter() {
|
|
|
187
354
|
function handleScreenSelection() {
|
|
188
355
|
setValue("method", "profile");
|
|
189
356
|
if (screenSelectionNode) {
|
|
190
|
-
setValue(
|
|
357
|
+
setValue(
|
|
358
|
+
screenSelectionNode.attributes.name,
|
|
359
|
+
screenSelectionNode.attributes.value
|
|
360
|
+
);
|
|
191
361
|
}
|
|
192
362
|
}
|
|
193
|
-
return /* @__PURE__ */ (0,
|
|
363
|
+
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "font-normal leading-normal antialiased", children: formState.current === "method_active" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: screenSelectionNode && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
194
364
|
"button",
|
|
195
365
|
{
|
|
196
366
|
className: "font-medium text-button-link-brand-brand hover:text-button-link-brand-brand-hover",
|
|
197
367
|
type: "submit",
|
|
368
|
+
name: screenSelectionNode.attributes.name,
|
|
369
|
+
value: screenSelectionNode.attributes.value,
|
|
198
370
|
onClick: handleScreenSelection,
|
|
199
371
|
children: intl.formatMessage({
|
|
200
372
|
id: "card.footer.select-another-method",
|
|
201
373
|
defaultMessage: "Select another method"
|
|
202
374
|
})
|
|
203
375
|
}
|
|
204
|
-
) }) : /* @__PURE__ */ (0,
|
|
376
|
+
) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
|
|
205
377
|
intl.formatMessage({
|
|
206
378
|
id: "registration.login-label",
|
|
207
379
|
defaultMessage: "Already have an account?"
|
|
208
380
|
}),
|
|
209
381
|
" ",
|
|
210
|
-
/* @__PURE__ */ (0,
|
|
382
|
+
/* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
|
|
211
383
|
"a",
|
|
212
384
|
{
|
|
213
385
|
className: "text-button-link-brand-brand transition-colors hover:text-button-link-brand-brand-hover underline",
|
|
@@ -232,7 +404,7 @@ function VerificationCardFooter() {
|
|
|
232
404
|
var import_elements_react3 = require("@ory/elements-react");
|
|
233
405
|
|
|
234
406
|
// src/theme/default/utils/constructCardHeader.ts
|
|
235
|
-
var
|
|
407
|
+
var import_client_fetch4 = require("@ory/client-fetch");
|
|
236
408
|
var import_react_intl2 = require("react-intl");
|
|
237
409
|
function joinWithCommaOr(list, orText = "or") {
|
|
238
410
|
if (list.length === 0) {
|
|
@@ -245,11 +417,11 @@ function joinWithCommaOr(list, orText = "or") {
|
|
|
245
417
|
}
|
|
246
418
|
}
|
|
247
419
|
function useCardHeaderText(container, opts) {
|
|
248
|
-
var _a, _b;
|
|
420
|
+
var _a, _b, _c;
|
|
249
421
|
const nodes = container.nodes;
|
|
250
422
|
const intl = (0, import_react_intl2.useIntl)();
|
|
251
423
|
switch (opts.flowType) {
|
|
252
|
-
case
|
|
424
|
+
case import_client_fetch4.FlowType.Recovery:
|
|
253
425
|
if (nodes.find(
|
|
254
426
|
(node) => "name" in node.attributes && node.attributes.name === "code"
|
|
255
427
|
)) {
|
|
@@ -270,7 +442,7 @@ function useCardHeaderText(container, opts) {
|
|
|
270
442
|
id: "recovery.subtitle"
|
|
271
443
|
})
|
|
272
444
|
};
|
|
273
|
-
case
|
|
445
|
+
case import_client_fetch4.FlowType.Settings:
|
|
274
446
|
return {
|
|
275
447
|
title: intl.formatMessage({
|
|
276
448
|
id: "settings.title"
|
|
@@ -279,7 +451,7 @@ function useCardHeaderText(container, opts) {
|
|
|
279
451
|
id: "settings.subtitle"
|
|
280
452
|
})
|
|
281
453
|
};
|
|
282
|
-
case
|
|
454
|
+
case import_client_fetch4.FlowType.Verification:
|
|
283
455
|
if (nodes.find(
|
|
284
456
|
(node) => "name" in node.attributes && node.attributes.name === "code"
|
|
285
457
|
)) {
|
|
@@ -300,7 +472,7 @@ function useCardHeaderText(container, opts) {
|
|
|
300
472
|
id: "verification.subtitle"
|
|
301
473
|
})
|
|
302
474
|
};
|
|
303
|
-
case
|
|
475
|
+
case import_client_fetch4.FlowType.Login: {
|
|
304
476
|
const accountLinkingMessage = (_a = container.messages) == null ? void 0 : _a.find(
|
|
305
477
|
(m) => m.id === 1010016
|
|
306
478
|
);
|
|
@@ -322,7 +494,7 @@ function useCardHeaderText(container, opts) {
|
|
|
322
494
|
const parts = [];
|
|
323
495
|
if (nodes.find((node) => node.group === "password")) {
|
|
324
496
|
switch (opts.flowType) {
|
|
325
|
-
case
|
|
497
|
+
case import_client_fetch4.FlowType.Registration:
|
|
326
498
|
parts.push(
|
|
327
499
|
intl.formatMessage(
|
|
328
500
|
{ id: "card.header.parts.password.registration" },
|
|
@@ -359,7 +531,7 @@ function useCardHeaderText(container, opts) {
|
|
|
359
531
|
}
|
|
360
532
|
if (nodes.find((node) => node.group === "identifier_first")) {
|
|
361
533
|
const identifier = nodes.find(
|
|
362
|
-
(node) => (0,
|
|
534
|
+
(node) => (0, import_client_fetch4.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
|
|
363
535
|
);
|
|
364
536
|
if (identifier) {
|
|
365
537
|
parts.push(
|
|
@@ -375,7 +547,7 @@ function useCardHeaderText(container, opts) {
|
|
|
375
547
|
}
|
|
376
548
|
}
|
|
377
549
|
switch (opts.flowType) {
|
|
378
|
-
case
|
|
550
|
+
case import_client_fetch4.FlowType.Login:
|
|
379
551
|
if (opts.flow.refresh) {
|
|
380
552
|
return {
|
|
381
553
|
title: intl.formatMessage({
|
|
@@ -390,6 +562,15 @@ function useCardHeaderText(container, opts) {
|
|
|
390
562
|
}
|
|
391
563
|
)
|
|
392
564
|
};
|
|
565
|
+
} else if (opts.flow.requested_aal === "aal2") {
|
|
566
|
+
return {
|
|
567
|
+
title: intl.formatMessage({
|
|
568
|
+
id: "login.title-aal2"
|
|
569
|
+
}),
|
|
570
|
+
description: intl.formatMessage({
|
|
571
|
+
id: ((_c = opts.formState) == null ? void 0 : _c.current) === "method_active" ? `login.${opts.formState.method}.subtitle` : "login.subtitle-aal2"
|
|
572
|
+
})
|
|
573
|
+
};
|
|
393
574
|
}
|
|
394
575
|
return {
|
|
395
576
|
title: intl.formatMessage({
|
|
@@ -407,7 +588,7 @@ function useCardHeaderText(container, opts) {
|
|
|
407
588
|
}
|
|
408
589
|
) : ""
|
|
409
590
|
};
|
|
410
|
-
case
|
|
591
|
+
case import_client_fetch4.FlowType.Registration:
|
|
411
592
|
return {
|
|
412
593
|
title: intl.formatMessage({
|
|
413
594
|
id: "registration.title"
|
|
@@ -432,15 +613,15 @@ function useCardHeaderText(container, opts) {
|
|
|
432
613
|
}
|
|
433
614
|
|
|
434
615
|
// src/theme/default/components/card/current-identifier-button.tsx
|
|
435
|
-
var
|
|
616
|
+
var import_client_fetch5 = require("@ory/client-fetch");
|
|
436
617
|
var import_elements_react2 = require("@ory/elements-react");
|
|
437
618
|
|
|
438
619
|
// src/theme/default/assets/icons/arrow-left.svg
|
|
439
620
|
var React3 = __toESM(require("react"));
|
|
440
|
-
var
|
|
621
|
+
var import_jsx_runtime6 = require("react/jsx-runtime");
|
|
441
622
|
var SvgArrowLeft = (props) => {
|
|
442
623
|
var _a, _b;
|
|
443
|
-
return /* @__PURE__ */ (0,
|
|
624
|
+
return /* @__PURE__ */ (0, import_jsx_runtime6.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_runtime6.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
|
|
444
625
|
};
|
|
445
626
|
var arrow_left_default = SvgArrowLeft;
|
|
446
627
|
|
|
@@ -454,13 +635,16 @@ function omit(obj, keys) {
|
|
|
454
635
|
}
|
|
455
636
|
|
|
456
637
|
// src/theme/default/components/card/current-identifier-button.tsx
|
|
457
|
-
var
|
|
638
|
+
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
458
639
|
function DefaultCurrentIdentifierButton() {
|
|
459
640
|
const { flow, flowType, config, formState } = (0, import_elements_react2.useOryFlow)();
|
|
460
641
|
const ui = flow.ui;
|
|
461
642
|
if (formState.current === "provide_identifier") {
|
|
462
643
|
return null;
|
|
463
644
|
}
|
|
645
|
+
if (flowType === import_client_fetch5.FlowType.Login && flow.requested_aal === "aal2") {
|
|
646
|
+
return null;
|
|
647
|
+
}
|
|
464
648
|
const nodeBackButton = getBackButtonNode(flowType, ui.nodes);
|
|
465
649
|
if ((nodeBackButton == null ? void 0 : nodeBackButton.attributes.node_type) !== "input" || !nodeBackButton.attributes.value) {
|
|
466
650
|
return null;
|
|
@@ -474,7 +658,7 @@ function DefaultCurrentIdentifierButton() {
|
|
|
474
658
|
"node_type",
|
|
475
659
|
"maxlength"
|
|
476
660
|
]);
|
|
477
|
-
return /* @__PURE__ */ (0,
|
|
661
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
478
662
|
"a",
|
|
479
663
|
{
|
|
480
664
|
className: "group inline-flex max-w-full cursor-pointer items-center gap-1 self-start rounded-identifier border px-[11px] py-[5px] transition-colors border-button-identifier-border-border-default bg-button-identifier-background-default hover:border-button-identifier-border-border-hover hover:bg-button-identifier-background-hover",
|
|
@@ -482,8 +666,8 @@ function DefaultCurrentIdentifierButton() {
|
|
|
482
666
|
href: initFlowUrl2,
|
|
483
667
|
title: `Adjust ${nodeBackButton == null ? void 0 : nodeBackButton.attributes.value}`,
|
|
484
668
|
"data-testid": "ory/screen/login/action/restart",
|
|
485
|
-
children: /* @__PURE__ */ (0,
|
|
486
|
-
/* @__PURE__ */ (0,
|
|
669
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "inline-flex min-h-5 items-center gap-2 overflow-hidden text-ellipsis", children: [
|
|
670
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
|
|
487
671
|
arrow_left_default,
|
|
488
672
|
{
|
|
489
673
|
size: 16,
|
|
@@ -491,7 +675,7 @@ function DefaultCurrentIdentifierButton() {
|
|
|
491
675
|
className: "shrink-0 text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover"
|
|
492
676
|
}
|
|
493
677
|
),
|
|
494
|
-
/* @__PURE__ */ (0,
|
|
678
|
+
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "overflow-hidden text-ellipsis text-nowrap text-sm font-medium text-button-identifier-foreground-default group-hover:text-button-identifier-foreground-hover", children: nodeBackButton == null ? void 0 : nodeBackButton.attributes.value })
|
|
495
679
|
] })
|
|
496
680
|
}
|
|
497
681
|
);
|
|
@@ -499,16 +683,16 @@ function DefaultCurrentIdentifierButton() {
|
|
|
499
683
|
function getBackButtonNode(flowType, nodes) {
|
|
500
684
|
let nodeBackButton;
|
|
501
685
|
switch (flowType) {
|
|
502
|
-
case
|
|
686
|
+
case import_client_fetch5.FlowType.Login:
|
|
503
687
|
nodeBackButton = nodes.find(
|
|
504
688
|
(node) => "name" in node.attributes && node.attributes.name === "identifier" && ["default", "identifier_first"].includes(node.group)
|
|
505
689
|
);
|
|
506
690
|
break;
|
|
507
|
-
case
|
|
691
|
+
case import_client_fetch5.FlowType.Registration:
|
|
508
692
|
nodeBackButton = guessRegistrationBackButton(nodes);
|
|
509
693
|
break;
|
|
510
|
-
case
|
|
511
|
-
case
|
|
694
|
+
case import_client_fetch5.FlowType.Recovery:
|
|
695
|
+
case import_client_fetch5.FlowType.Verification:
|
|
512
696
|
nodeBackButton = nodes.find(
|
|
513
697
|
(n) => "name" in n.attributes && n.attributes.name === "email"
|
|
514
698
|
);
|
|
@@ -528,47 +712,47 @@ function guessRegistrationBackButton(uiNodes) {
|
|
|
528
712
|
}
|
|
529
713
|
|
|
530
714
|
// src/theme/default/components/card/header.tsx
|
|
531
|
-
var
|
|
715
|
+
var import_jsx_runtime8 = require("react/jsx-runtime");
|
|
532
716
|
function InnerCardHeader({ title, text }) {
|
|
533
717
|
const { Card } = (0, import_elements_react3.useComponents)();
|
|
534
|
-
return /* @__PURE__ */ (0,
|
|
535
|
-
/* @__PURE__ */ (0,
|
|
536
|
-
/* @__PURE__ */ (0,
|
|
537
|
-
/* @__PURE__ */ (0,
|
|
538
|
-
/* @__PURE__ */ (0,
|
|
539
|
-
/* @__PURE__ */ (0,
|
|
718
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
|
|
719
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Card.Logo, {}),
|
|
720
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
721
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-lg font-semibold leading-normal text-interface-foreground-default-primary", children: title }),
|
|
722
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "leading-normal text-interface-foreground-default-secondary", children: text }),
|
|
723
|
+
/* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DefaultCurrentIdentifierButton, {})
|
|
540
724
|
] })
|
|
541
725
|
] });
|
|
542
726
|
}
|
|
543
727
|
function DefaultCardHeader() {
|
|
544
728
|
const context = (0, import_elements_react3.useOryFlow)();
|
|
545
729
|
const { title, description } = useCardHeaderText(context.flow.ui, context);
|
|
546
|
-
return /* @__PURE__ */ (0,
|
|
730
|
+
return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(InnerCardHeader, { title, text: description });
|
|
547
731
|
}
|
|
548
732
|
|
|
549
733
|
// src/theme/default/components/card/logo.tsx
|
|
550
734
|
var import_elements_react4 = require("@ory/elements-react");
|
|
551
|
-
var
|
|
735
|
+
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
552
736
|
function DefaultCardLogo() {
|
|
553
737
|
const flow = (0, import_elements_react4.useOryFlow)();
|
|
554
738
|
if (flow.config.logoUrl) {
|
|
555
|
-
return /* @__PURE__ */ (0,
|
|
739
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("img", { src: flow.config.logoUrl, width: 100, height: 36, alt: "Logo" });
|
|
556
740
|
}
|
|
557
|
-
return /* @__PURE__ */ (0,
|
|
741
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "text-xl font-semibold leading-normal text-interface-foreground-default-primary", children: flow.config.name });
|
|
558
742
|
}
|
|
559
743
|
|
|
560
744
|
// src/theme/default/components/card/layout.tsx
|
|
561
|
-
var
|
|
745
|
+
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
562
746
|
function DefaultCardLayout({ children }) {
|
|
563
|
-
return /* @__PURE__ */ (0,
|
|
747
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("main", { className: "p-4 pb-8 flex items-center justify-center flex-col gap-8 min-h-screen", children });
|
|
564
748
|
}
|
|
565
749
|
|
|
566
750
|
// src/theme/default/components/card/index.tsx
|
|
567
|
-
var
|
|
751
|
+
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
568
752
|
function DefaultCard({ children }) {
|
|
569
|
-
return /* @__PURE__ */ (0,
|
|
753
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex flex-1 sm:items-center justify-center font-sans items-start w-full sm:w-[480px] sm:max-w-[480px]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "relative grid grid-cols-1 gap-8 sm:rounded-cards sm:border border-form-border-default bg-form-background-default px-8 py-12 sm:px-12 sm:py-14 border-b w-full", children: [
|
|
570
754
|
children,
|
|
571
|
-
/* @__PURE__ */ (0,
|
|
755
|
+
/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Badge, {})
|
|
572
756
|
] }) });
|
|
573
757
|
}
|
|
574
758
|
|
|
@@ -582,52 +766,56 @@ function cn(...inputs) {
|
|
|
582
766
|
// src/theme/default/components/form/index.tsx
|
|
583
767
|
var import_react_intl4 = require("react-intl");
|
|
584
768
|
var import_elements_react6 = require("@ory/elements-react");
|
|
585
|
-
var
|
|
769
|
+
var import_client_fetch6 = require("@ory/client-fetch");
|
|
586
770
|
|
|
587
771
|
// src/theme/default/components/form/social.tsx
|
|
588
772
|
var import_elements_react5 = require("@ory/elements-react");
|
|
773
|
+
var import_react3 = require("react");
|
|
774
|
+
var import_react_hook_form2 = require("react-hook-form");
|
|
775
|
+
var import_react_intl3 = require("react-intl");
|
|
776
|
+
var import_usehooks_ts = require("usehooks-ts");
|
|
589
777
|
|
|
590
778
|
// src/theme/default/provider-logos/apple.svg
|
|
591
779
|
var React4 = __toESM(require("react"));
|
|
592
|
-
var
|
|
780
|
+
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
593
781
|
var SvgApple = (props) => {
|
|
594
782
|
var _a, _b;
|
|
595
|
-
return /* @__PURE__ */ (0,
|
|
783
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.jsx)("path", { fill: "#283544", d: "M27.734 11.55c-.134.078-3.317 1.724-3.317 5.374.15 4.162 4.017 5.621 4.083 5.621-.066.078-.584 1.988-2.116 3.991C25.167 28.261 23.817 30 21.767 30c-1.95 0-2.65-1.15-4.9-1.15-2.416 0-3.1 1.15-4.95 1.15-2.05 0-3.5-1.832-4.782-3.541-1.667-2.236-3.083-5.746-3.133-9.116-.034-1.786.334-3.54 1.266-5.032 1.317-2.081 3.667-3.494 6.233-3.54 1.966-.063 3.716 1.257 4.916 1.257 1.15 0 3.3-1.258 5.733-1.258 1.05.001 3.85.296 5.584 2.78M16.25 8.414c-.35-1.631.616-3.262 1.516-4.302C18.917 2.854 20.734 2 22.3 2c.1 1.63-.534 3.23-1.666 4.395-1.017 1.258-2.767 2.205-4.383 2.019" }) });
|
|
596
784
|
};
|
|
597
785
|
var apple_default = SvgApple;
|
|
598
786
|
|
|
599
787
|
// src/theme/default/provider-logos/auth0.svg
|
|
600
788
|
var React5 = __toESM(require("react"));
|
|
601
|
-
var
|
|
789
|
+
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
602
790
|
var SvgAuth0 = (props) => {
|
|
603
791
|
var _a, _b;
|
|
604
|
-
return /* @__PURE__ */ (0,
|
|
792
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.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_runtime13.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" }) });
|
|
605
793
|
};
|
|
606
794
|
var auth0_default = SvgAuth0;
|
|
607
795
|
|
|
608
796
|
// src/theme/default/provider-logos/discord.svg
|
|
609
797
|
var React6 = __toESM(require("react"));
|
|
610
|
-
var
|
|
798
|
+
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
611
799
|
var SvgDiscord = (props) => {
|
|
612
800
|
var _a, _b;
|
|
613
|
-
return /* @__PURE__ */ (0,
|
|
614
|
-
/* @__PURE__ */ (0,
|
|
615
|
-
/* @__PURE__ */ (0,
|
|
801
|
+
return /* @__PURE__ */ (0, import_jsx_runtime14.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: [
|
|
802
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.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" }),
|
|
803
|
+
/* @__PURE__ */ (0, import_jsx_runtime14.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" })
|
|
616
804
|
] });
|
|
617
805
|
};
|
|
618
806
|
var discord_default = SvgDiscord;
|
|
619
807
|
|
|
620
808
|
// src/theme/default/provider-logos/facebook.svg
|
|
621
809
|
var React7 = __toESM(require("react"));
|
|
622
|
-
var
|
|
810
|
+
var import_jsx_runtime15 = require("react/jsx-runtime");
|
|
623
811
|
var SvgFacebook = (props) => {
|
|
624
812
|
var _a, _b;
|
|
625
|
-
return /* @__PURE__ */ (0,
|
|
626
|
-
/* @__PURE__ */ (0,
|
|
627
|
-
/* @__PURE__ */ (0,
|
|
628
|
-
/* @__PURE__ */ (0,
|
|
629
|
-
/* @__PURE__ */ (0,
|
|
630
|
-
/* @__PURE__ */ (0,
|
|
813
|
+
return /* @__PURE__ */ (0, import_jsx_runtime15.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: [
|
|
814
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "url(#facebook_svg__a)" }),
|
|
815
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("path", { fill: "#fff", d: "m21.214 20.282.622-3.952h-3.89v-2.563c0-1.081.542-2.136 2.284-2.136H22V8.267S20.395 8 18.86 8c-3.205 0-5.298 1.893-5.298 5.318v3.012H10v3.952h3.562v9.552q1.073.165 2.191.166 1.12 0 2.192-.166v-9.552z" }),
|
|
816
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("linearGradient", { id: "facebook_svg__a", x1: 16, x2: 16, y1: 2, y2: 29.917, gradientUnits: "userSpaceOnUse", children: [
|
|
817
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("stop", { stopColor: "#18ACFE" }),
|
|
818
|
+
/* @__PURE__ */ (0, import_jsx_runtime15.jsx)("stop", { offset: 1, stopColor: "#0163E0" })
|
|
631
819
|
] }) })
|
|
632
820
|
] });
|
|
633
821
|
};
|
|
@@ -635,124 +823,124 @@ var facebook_default = SvgFacebook;
|
|
|
635
823
|
|
|
636
824
|
// src/theme/default/provider-logos/generic.svg
|
|
637
825
|
var React8 = __toESM(require("react"));
|
|
638
|
-
var
|
|
826
|
+
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
639
827
|
var SvgGeneric = (props) => {
|
|
640
828
|
var _a, _b;
|
|
641
|
-
return /* @__PURE__ */ (0,
|
|
642
|
-
/* @__PURE__ */ (0,
|
|
643
|
-
/* @__PURE__ */ (0,
|
|
644
|
-
/* @__PURE__ */ (0,
|
|
829
|
+
return /* @__PURE__ */ (0, import_jsx_runtime16.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: [
|
|
830
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z" }),
|
|
831
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
|
|
832
|
+
/* @__PURE__ */ (0, import_jsx_runtime16.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" })
|
|
645
833
|
] });
|
|
646
834
|
};
|
|
647
835
|
var generic_default = SvgGeneric;
|
|
648
836
|
|
|
649
837
|
// src/theme/default/provider-logos/github.svg
|
|
650
838
|
var React9 = __toESM(require("react"));
|
|
651
|
-
var
|
|
839
|
+
var import_jsx_runtime17 = require("react/jsx-runtime");
|
|
652
840
|
var SvgGithub = (props) => {
|
|
653
841
|
var _a, _b;
|
|
654
|
-
return /* @__PURE__ */ (0,
|
|
842
|
+
return /* @__PURE__ */ (0, import_jsx_runtime17.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_runtime17.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" }) });
|
|
655
843
|
};
|
|
656
844
|
var github_default = SvgGithub;
|
|
657
845
|
|
|
658
846
|
// src/theme/default/provider-logos/gitlab.svg
|
|
659
847
|
var React10 = __toESM(require("react"));
|
|
660
|
-
var
|
|
848
|
+
var import_jsx_runtime18 = require("react/jsx-runtime");
|
|
661
849
|
var SvgGitlab = (props) => {
|
|
662
850
|
var _a, _b;
|
|
663
|
-
return /* @__PURE__ */ (0,
|
|
664
|
-
/* @__PURE__ */ (0,
|
|
665
|
-
/* @__PURE__ */ (0,
|
|
666
|
-
/* @__PURE__ */ (0,
|
|
667
|
-
/* @__PURE__ */ (0,
|
|
851
|
+
return /* @__PURE__ */ (0, import_jsx_runtime18.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: [
|
|
852
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.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" }),
|
|
853
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.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" }),
|
|
854
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.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" }),
|
|
855
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.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" })
|
|
668
856
|
] });
|
|
669
857
|
};
|
|
670
858
|
var gitlab_default = SvgGitlab;
|
|
671
859
|
|
|
672
860
|
// src/theme/default/provider-logos/google.svg
|
|
673
861
|
var React11 = __toESM(require("react"));
|
|
674
|
-
var
|
|
862
|
+
var import_jsx_runtime19 = require("react/jsx-runtime");
|
|
675
863
|
var SvgGoogle = (props) => {
|
|
676
864
|
var _a, _b;
|
|
677
|
-
return /* @__PURE__ */ (0,
|
|
678
|
-
/* @__PURE__ */ (0,
|
|
679
|
-
/* @__PURE__ */ (0,
|
|
680
|
-
/* @__PURE__ */ (0,
|
|
681
|
-
/* @__PURE__ */ (0,
|
|
865
|
+
return /* @__PURE__ */ (0, import_jsx_runtime19.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: [
|
|
866
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { fill: "#4285F4", d: "M30.001 16.31c0-1.15-.095-1.99-.301-2.861H16.287v5.195h7.873c-.159 1.291-1.016 3.236-2.92 4.542l-.027.174 4.24 3.22.294.029c2.699-2.443 4.254-6.036 4.254-10.298" }),
|
|
867
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { fill: "#34A853", d: "M16.286 30c3.857 0 7.095-1.244 9.46-3.391l-4.507-3.423c-1.207.825-2.826 1.4-4.953 1.4A8.58 8.58 0 0 1 8.16 18.77l-.167.014-4.41 3.344-.058.157C5.874 26.858 10.7 30 16.286 30" }),
|
|
868
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { fill: "#FBBC05", d: "M8.16 18.769a8.5 8.5 0 0 1-.476-2.77c0-.964.174-1.897.46-2.768l-.008-.185-4.465-3.399-.146.068A13.8 13.8 0 0 0 2.001 16c0 2.256.556 4.387 1.524 6.284z" }),
|
|
869
|
+
/* @__PURE__ */ (0, import_jsx_runtime19.jsx)("path", { fill: "#EB4335", d: "M16.286 7.413c2.683 0 4.492 1.136 5.524 2.085l4.032-3.858C23.366 3.384 20.143 2 16.286 2 10.7 2 5.874 5.142 3.524 9.715l4.62 3.516c1.158-3.375 4.365-5.818 8.142-5.818" })
|
|
682
870
|
] });
|
|
683
871
|
};
|
|
684
872
|
var google_default = SvgGoogle;
|
|
685
873
|
|
|
686
874
|
// src/theme/default/provider-logos/linkedin.svg
|
|
687
875
|
var React12 = __toESM(require("react"));
|
|
688
|
-
var
|
|
876
|
+
var import_jsx_runtime20 = require("react/jsx-runtime");
|
|
689
877
|
var SvgLinkedin = (props) => {
|
|
690
878
|
var _a, _b;
|
|
691
|
-
return /* @__PURE__ */ (0,
|
|
692
|
-
/* @__PURE__ */ (0,
|
|
693
|
-
/* @__PURE__ */ (0,
|
|
879
|
+
return /* @__PURE__ */ (0, import_jsx_runtime20.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: [
|
|
880
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.jsx)("rect", { width: 28, height: 28, x: 2, y: 2, fill: "#1275B1", rx: 14 }),
|
|
881
|
+
/* @__PURE__ */ (0, import_jsx_runtime20.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" })
|
|
694
882
|
] });
|
|
695
883
|
};
|
|
696
884
|
var linkedin_default = SvgLinkedin;
|
|
697
885
|
|
|
698
886
|
// src/theme/default/provider-logos/microsoft.svg
|
|
699
887
|
var React13 = __toESM(require("react"));
|
|
700
|
-
var
|
|
888
|
+
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
701
889
|
var SvgMicrosoft = (props) => {
|
|
702
890
|
var _a, _b;
|
|
703
|
-
return /* @__PURE__ */ (0,
|
|
704
|
-
/* @__PURE__ */ (0,
|
|
705
|
-
/* @__PURE__ */ (0,
|
|
706
|
-
/* @__PURE__ */ (0,
|
|
707
|
-
/* @__PURE__ */ (0,
|
|
891
|
+
return /* @__PURE__ */ (0, import_jsx_runtime21.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: [
|
|
892
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
|
|
893
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
|
|
894
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
|
|
895
|
+
/* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
|
|
708
896
|
] });
|
|
709
897
|
};
|
|
710
898
|
var microsoft_default = SvgMicrosoft;
|
|
711
899
|
|
|
712
900
|
// src/theme/default/provider-logos/slack.svg
|
|
713
901
|
var React14 = __toESM(require("react"));
|
|
714
|
-
var
|
|
902
|
+
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
715
903
|
var SvgSlack = (props) => {
|
|
716
904
|
var _a, _b;
|
|
717
|
-
return /* @__PURE__ */ (0,
|
|
718
|
-
/* @__PURE__ */ (0,
|
|
719
|
-
/* @__PURE__ */ (0,
|
|
720
|
-
/* @__PURE__ */ (0,
|
|
721
|
-
/* @__PURE__ */ (0,
|
|
905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime22.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: [
|
|
906
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.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" }),
|
|
907
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.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" }),
|
|
908
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.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" }),
|
|
909
|
+
/* @__PURE__ */ (0, import_jsx_runtime22.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" })
|
|
722
910
|
] });
|
|
723
911
|
};
|
|
724
912
|
var slack_default = SvgSlack;
|
|
725
913
|
|
|
726
914
|
// src/theme/default/provider-logos/spotify.svg
|
|
727
915
|
var React15 = __toESM(require("react"));
|
|
728
|
-
var
|
|
916
|
+
var import_jsx_runtime23 = require("react/jsx-runtime");
|
|
729
917
|
var SvgSpotify = (props) => {
|
|
730
918
|
var _a, _b;
|
|
731
|
-
return /* @__PURE__ */ (0,
|
|
732
|
-
/* @__PURE__ */ (0,
|
|
733
|
-
/* @__PURE__ */ (0,
|
|
919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.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: [
|
|
920
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
|
|
921
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.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" })
|
|
734
922
|
] });
|
|
735
923
|
};
|
|
736
924
|
var spotify_default = SvgSpotify;
|
|
737
925
|
|
|
738
926
|
// src/theme/default/provider-logos/yandex.svg
|
|
739
927
|
var React16 = __toESM(require("react"));
|
|
740
|
-
var
|
|
928
|
+
var import_jsx_runtime24 = require("react/jsx-runtime");
|
|
741
929
|
var SvgYandex = (props) => {
|
|
742
930
|
var _a, _b;
|
|
743
|
-
return /* @__PURE__ */ (0,
|
|
744
|
-
/* @__PURE__ */ (0,
|
|
745
|
-
/* @__PURE__ */ (0,
|
|
931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime24.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: [
|
|
932
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
|
|
933
|
+
/* @__PURE__ */ (0, import_jsx_runtime24.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" })
|
|
746
934
|
] });
|
|
747
935
|
};
|
|
748
936
|
var yandex_default = SvgYandex;
|
|
749
937
|
|
|
750
938
|
// src/theme/default/provider-logos/x.svg
|
|
751
939
|
var React17 = __toESM(require("react"));
|
|
752
|
-
var
|
|
940
|
+
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
753
941
|
var SvgX = (props) => {
|
|
754
942
|
var _a, _b;
|
|
755
|
-
return /* @__PURE__ */ (0,
|
|
943
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.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_runtime25.jsx)("path", { fill: "#0F172A", d: "M24.122 3h4.292L18.99 13.73 30 28.285h-8.64l-6.764-8.845-7.744 8.845H2.56l9.983-11.476L2 3h8.854l6.112 8.08zM22.62 25.766h2.379L9.604 5.426H7.048z" }) });
|
|
756
944
|
};
|
|
757
945
|
var x_default = SvgX;
|
|
758
946
|
|
|
@@ -775,15 +963,10 @@ var logos = {
|
|
|
775
963
|
};
|
|
776
964
|
var provider_logos_default = logos;
|
|
777
965
|
|
|
778
|
-
// src/theme/default/components/form/social.tsx
|
|
779
|
-
var import_react_intl3 = require("react-intl");
|
|
780
|
-
var import_react = require("react");
|
|
781
|
-
var import_react_hook_form2 = require("react-hook-form");
|
|
782
|
-
|
|
783
966
|
// src/theme/default/components/form/spinner.tsx
|
|
784
|
-
var
|
|
967
|
+
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
785
968
|
function Spinner({ className }) {
|
|
786
|
-
return /* @__PURE__ */ (0,
|
|
969
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
|
|
787
970
|
"svg",
|
|
788
971
|
{
|
|
789
972
|
"aria-hidden": "true",
|
|
@@ -796,7 +979,7 @@ function Spinner({ className }) {
|
|
|
796
979
|
fill: "none",
|
|
797
980
|
xmlns: "http://www.w3.org/2000/svg",
|
|
798
981
|
children: [
|
|
799
|
-
/* @__PURE__ */ (0,
|
|
982
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("g", { clipPath: "url(#clip0_2572_1748)", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
800
983
|
"path",
|
|
801
984
|
{
|
|
802
985
|
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",
|
|
@@ -805,7 +988,7 @@ function Spinner({ className }) {
|
|
|
805
988
|
strokeLinejoin: "round"
|
|
806
989
|
}
|
|
807
990
|
) }),
|
|
808
|
-
/* @__PURE__ */ (0,
|
|
991
|
+
/* @__PURE__ */ (0, import_jsx_runtime26.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("clipPath", { id: "clip0_2572_1748", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
|
|
809
992
|
"rect",
|
|
810
993
|
{
|
|
811
994
|
width: "24",
|
|
@@ -820,7 +1003,7 @@ function Spinner({ className }) {
|
|
|
820
1003
|
}
|
|
821
1004
|
|
|
822
1005
|
// src/theme/default/components/form/social.tsx
|
|
823
|
-
var
|
|
1006
|
+
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
824
1007
|
function extractProvider(context) {
|
|
825
1008
|
if (context && typeof context === "object" && "provider" in context && typeof context.provider === "string") {
|
|
826
1009
|
return context.provider;
|
|
@@ -845,7 +1028,7 @@ function DefaultButtonSocial({
|
|
|
845
1028
|
const {
|
|
846
1029
|
flow: { ui }
|
|
847
1030
|
} = (0, import_elements_react5.useOryFlow)();
|
|
848
|
-
const [clicked, setClicked] = (0,
|
|
1031
|
+
const [clicked, setClicked] = (0, import_usehooks_ts.useDebounceValue)(false, 100);
|
|
849
1032
|
const intl = (0, import_react_intl3.useIntl)();
|
|
850
1033
|
const {
|
|
851
1034
|
formState: { isSubmitting }
|
|
@@ -855,15 +1038,15 @@ function DefaultButtonSocial({
|
|
|
855
1038
|
const showLabel = _showLabel != null ? _showLabel : oidcNodeCount % 3 !== 0 && oidcNodeCount % 4 !== 0;
|
|
856
1039
|
const provider = (_c = extractProvider((_b = node.meta.label) == null ? void 0 : _b.context)) != null ? _c : "";
|
|
857
1040
|
const localOnClick = () => {
|
|
858
|
-
setClicked(true);
|
|
859
1041
|
onClick == null ? void 0 : onClick();
|
|
1042
|
+
setClicked(true);
|
|
860
1043
|
};
|
|
861
|
-
(0,
|
|
1044
|
+
(0, import_react3.useEffect)(() => {
|
|
862
1045
|
if (!isSubmitting) {
|
|
863
1046
|
setClicked(false);
|
|
864
1047
|
}
|
|
865
|
-
}, [isSubmitting]);
|
|
866
|
-
return /* @__PURE__ */ (0,
|
|
1048
|
+
}, [isSubmitting, setClicked]);
|
|
1049
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
867
1050
|
"button",
|
|
868
1051
|
{
|
|
869
1052
|
className: "gap-3 border border-button-social-border-default bg-button-social-background-default hover:bg-button-social-background-hover transition-colors rounded-buttons flex items-center justify-center px-4 py-[13px] loading:bg-button-social-background-disabled loading:border-button-social-border-disabled loading:text-button-social-foreground-disabled hover:text-button-social-foreground-hover",
|
|
@@ -876,18 +1059,21 @@ function DefaultButtonSocial({
|
|
|
876
1059
|
"data-loading": clicked,
|
|
877
1060
|
disabled: isSubmitting,
|
|
878
1061
|
children: [
|
|
879
|
-
/* @__PURE__ */ (0,
|
|
880
|
-
showLabel && node.meta.label ? /* @__PURE__ */ (0,
|
|
1062
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "size-5 relative", children: !clicked ? Logo ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Logo, { size: 20 }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "flex aspect-square items-center justify-center rounded-[999px] border text-xs", children: provider.slice(0, 2) }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Spinner, { className: "size-5" }) }),
|
|
1063
|
+
showLabel && node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
|
|
1064
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "grow text-center font-medium leading-none text-button-social-foreground-default", children: (0, import_elements_react5.uiTextToFormattedMessage)(node.meta.label, intl) }),
|
|
1065
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "size-5 block" })
|
|
1066
|
+
] }) : null
|
|
881
1067
|
]
|
|
882
1068
|
}
|
|
883
1069
|
);
|
|
884
1070
|
}
|
|
885
|
-
DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0,
|
|
1071
|
+
DefaultButtonSocial.WithLogos = (logos2) => (props) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(DefaultButtonSocial, { ...props, logos: logos2 });
|
|
886
1072
|
function DefaultSocialButtonContainer({
|
|
887
1073
|
children,
|
|
888
1074
|
nodes
|
|
889
1075
|
}) {
|
|
890
|
-
return /* @__PURE__ */ (0,
|
|
1076
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
891
1077
|
"div",
|
|
892
1078
|
{
|
|
893
1079
|
className: cn("grid gap-3", {
|
|
@@ -902,14 +1088,14 @@ function DefaultSocialButtonContainer({
|
|
|
902
1088
|
}
|
|
903
1089
|
|
|
904
1090
|
// src/theme/default/components/form/index.tsx
|
|
905
|
-
var
|
|
1091
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
906
1092
|
function DefaultFormContainer({
|
|
907
1093
|
children,
|
|
908
1094
|
onSubmit,
|
|
909
1095
|
action,
|
|
910
1096
|
method
|
|
911
1097
|
}) {
|
|
912
|
-
return /* @__PURE__ */ (0,
|
|
1098
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
913
1099
|
"form",
|
|
914
1100
|
{
|
|
915
1101
|
onSubmit,
|
|
@@ -926,11 +1112,11 @@ function DefaultMessageContainer({ children }) {
|
|
|
926
1112
|
if (!children || Array.isArray(children) && children.length === 0) {
|
|
927
1113
|
return null;
|
|
928
1114
|
}
|
|
929
|
-
return /* @__PURE__ */ (0,
|
|
1115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
930
1116
|
"section",
|
|
931
1117
|
{
|
|
932
1118
|
className: cn(
|
|
933
|
-
flowType ===
|
|
1119
|
+
flowType === import_client_fetch6.FlowType.Settings ? "text-center" : "text-left"
|
|
934
1120
|
),
|
|
935
1121
|
children
|
|
936
1122
|
}
|
|
@@ -938,7 +1124,7 @@ function DefaultMessageContainer({ children }) {
|
|
|
938
1124
|
}
|
|
939
1125
|
function DefaultMessage({ message }) {
|
|
940
1126
|
const intl = (0, import_react_intl4.useIntl)();
|
|
941
|
-
return /* @__PURE__ */ (0,
|
|
1127
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
942
1128
|
"span",
|
|
943
1129
|
{
|
|
944
1130
|
className: cn(
|
|
@@ -958,61 +1144,84 @@ var import_react_intl5 = require("react-intl");
|
|
|
958
1144
|
|
|
959
1145
|
// src/theme/default/assets/icons/code.svg
|
|
960
1146
|
var React18 = __toESM(require("react"));
|
|
961
|
-
var
|
|
1147
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
962
1148
|
var SvgCode = (props) => {
|
|
963
1149
|
var _a, _b;
|
|
964
|
-
return /* @__PURE__ */ (0,
|
|
1150
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.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_runtime29.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" }) });
|
|
965
1151
|
};
|
|
966
1152
|
var code_default = SvgCode;
|
|
967
1153
|
|
|
968
1154
|
// src/theme/default/assets/icons/passkey.svg
|
|
969
1155
|
var React19 = __toESM(require("react"));
|
|
970
|
-
var
|
|
1156
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
971
1157
|
var SvgPasskey = (props) => {
|
|
972
1158
|
var _a, _b;
|
|
973
|
-
return /* @__PURE__ */ (0,
|
|
1159
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.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" }) });
|
|
974
1160
|
};
|
|
975
1161
|
var passkey_default = SvgPasskey;
|
|
976
1162
|
|
|
977
1163
|
// src/theme/default/assets/icons/password.svg
|
|
978
1164
|
var React20 = __toESM(require("react"));
|
|
979
|
-
var
|
|
1165
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
980
1166
|
var SvgPassword = (props) => {
|
|
981
1167
|
var _a, _b;
|
|
982
|
-
return /* @__PURE__ */ (0,
|
|
1168
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.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_runtime31.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" }) });
|
|
983
1169
|
};
|
|
984
1170
|
var password_default = SvgPassword;
|
|
985
1171
|
|
|
986
1172
|
// src/theme/default/assets/icons/webauthn.svg
|
|
987
1173
|
var React21 = __toESM(require("react"));
|
|
988
|
-
var
|
|
1174
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
989
1175
|
var SvgWebauthn = (props) => {
|
|
990
1176
|
var _a, _b;
|
|
991
|
-
return /* @__PURE__ */ (0,
|
|
1177
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.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_runtime32.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" }) });
|
|
992
1178
|
};
|
|
993
1179
|
var webauthn_default = SvgWebauthn;
|
|
994
1180
|
|
|
1181
|
+
// src/theme/default/assets/icons/totp.svg
|
|
1182
|
+
var React22 = __toESM(require("react"));
|
|
1183
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
1184
|
+
var SvgTotp = (props) => {
|
|
1185
|
+
var _a, _b;
|
|
1186
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.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_runtime33.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9.333 22.667v.013m0-13.346v.013m13.333-.013v.013m0 9.32h-4v4m8-4v.013m-8 7.987h4m0-4h4v4m-21.333-20a1.333 1.333 0 0 1 1.333-1.333H12a1.333 1.333 0 0 1 1.333 1.333V12A1.334 1.334 0 0 1 12 13.334H6.666A1.334 1.334 0 0 1 5.333 12zm13.333 0A1.333 1.333 0 0 1 20 5.334h5.333a1.333 1.333 0 0 1 1.333 1.333V12a1.333 1.333 0 0 1-1.333 1.334H20A1.333 1.333 0 0 1 18.666 12zM5.333 20a1.333 1.333 0 0 1 1.333-1.333H12A1.333 1.333 0 0 1 13.333 20v5.334A1.333 1.333 0 0 1 12 26.667H6.666a1.333 1.333 0 0 1-1.333-1.334z" }) });
|
|
1187
|
+
};
|
|
1188
|
+
var totp_default = SvgTotp;
|
|
1189
|
+
|
|
1190
|
+
// src/theme/default/assets/icons/code-asterix.svg
|
|
1191
|
+
var React23 = __toESM(require("react"));
|
|
1192
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
1193
|
+
var SvgCodeAsterix = (props) => {
|
|
1194
|
+
var _a, _b;
|
|
1195
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.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_runtime34.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 19.325a2 2 0 0 1-2-2v-4l-1-1 1-1v-4a2 2 0 0 1 2-2m6 6.875 3-1.687M12 12.2v3.375m0-3.375-3-1.687m3 1.687 3 1.688M12 12.2V8.825m0 3.375-3 1.688m9 5.437a2 2 0 0 0 2-2v-4l1-1-1-1v-4a2 2 0 0 0-2-2" }) });
|
|
1196
|
+
};
|
|
1197
|
+
var code_asterix_default = SvgCodeAsterix;
|
|
1198
|
+
|
|
995
1199
|
// src/theme/default/utils/form.ts
|
|
996
1200
|
function isGroupImmediateSubmit(group) {
|
|
997
1201
|
return group === "code";
|
|
998
1202
|
}
|
|
999
1203
|
|
|
1000
1204
|
// src/theme/default/components/card/auth-method-list-item.tsx
|
|
1001
|
-
var
|
|
1205
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
1002
1206
|
var iconsMap = {
|
|
1003
1207
|
code: code_default,
|
|
1004
1208
|
passkey: passkey_default,
|
|
1005
1209
|
password: password_default,
|
|
1006
1210
|
webauthn: webauthn_default,
|
|
1211
|
+
hardware_token: passkey_default,
|
|
1212
|
+
totp: totp_default,
|
|
1213
|
+
lookup_secret: code_asterix_default,
|
|
1007
1214
|
...provider_logos_default
|
|
1008
1215
|
};
|
|
1009
1216
|
function DefaultAuthMethodListItem({
|
|
1010
1217
|
onClick,
|
|
1011
|
-
group
|
|
1218
|
+
group,
|
|
1219
|
+
title
|
|
1012
1220
|
}) {
|
|
1221
|
+
var _a;
|
|
1013
1222
|
const intl = (0, import_react_intl5.useIntl)();
|
|
1014
1223
|
const Icon = iconsMap[group] || null;
|
|
1015
|
-
return /* @__PURE__ */ (0,
|
|
1224
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
|
|
1016
1225
|
"button",
|
|
1017
1226
|
{
|
|
1018
1227
|
className: "flex cursor-pointer gap-3 text-left items-start w-full rounded-buttons p-2 hover:bg-interface-background-default-primary-hover",
|
|
@@ -1020,10 +1229,16 @@ function DefaultAuthMethodListItem({
|
|
|
1020
1229
|
type: isGroupImmediateSubmit(group) ? "submit" : "button",
|
|
1021
1230
|
"data-testid": `ory/form/auth-picker/${group}`,
|
|
1022
1231
|
children: [
|
|
1023
|
-
/* @__PURE__ */ (0,
|
|
1024
|
-
/* @__PURE__ */ (0,
|
|
1025
|
-
/* @__PURE__ */ (0,
|
|
1026
|
-
|
|
1232
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "mt-1", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Icon, { size: 16, className: "text-interface-foreground-brand-primary" }) }),
|
|
1233
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "flex-1 leading-normal inline-flex flex-col w-full", children: [
|
|
1234
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-interface-foreground-default-primary truncate mr-6", children: [
|
|
1235
|
+
intl.formatMessage(
|
|
1236
|
+
{ id: (_a = title == null ? void 0 : title.id) != null ? _a : `two-step.${group}.title` },
|
|
1237
|
+
title == null ? void 0 : title.values
|
|
1238
|
+
),
|
|
1239
|
+
" "
|
|
1240
|
+
] }),
|
|
1241
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-interface-foreground-default-secondary", children: intl.formatMessage({
|
|
1027
1242
|
id: `two-step.${group}.description`
|
|
1028
1243
|
}) })
|
|
1029
1244
|
] })
|
|
@@ -1033,13 +1248,13 @@ function DefaultAuthMethodListItem({
|
|
|
1033
1248
|
}
|
|
1034
1249
|
|
|
1035
1250
|
// src/theme/default/components/form/button.tsx
|
|
1036
|
-
var
|
|
1251
|
+
var import_client_fetch7 = require("@ory/client-fetch");
|
|
1037
1252
|
var import_elements_react7 = require("@ory/elements-react");
|
|
1038
1253
|
var import_class_variance_authority = require("class-variance-authority");
|
|
1039
1254
|
var import_react_hook_form3 = require("react-hook-form");
|
|
1040
1255
|
var import_react_intl6 = require("react-intl");
|
|
1041
|
-
var
|
|
1042
|
-
var
|
|
1256
|
+
var import_react4 = require("react");
|
|
1257
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
1043
1258
|
var buttonStyles = (0, import_class_variance_authority.cva)(
|
|
1044
1259
|
[
|
|
1045
1260
|
"relative flex justify-center gap-3 overflow-hidden rounded-buttons leading-none ring-1 ring-inset font-medium",
|
|
@@ -1086,23 +1301,24 @@ var DefaultButton = ({
|
|
|
1086
1301
|
autocomplete: _ignoredAutocomplete,
|
|
1087
1302
|
label: _ignoredLabel,
|
|
1088
1303
|
node_type: _ignoredNodeType,
|
|
1304
|
+
maxlength: _ignoredMaxLength,
|
|
1089
1305
|
// End of skipped attributes
|
|
1090
1306
|
...rest
|
|
1091
1307
|
} = attributes;
|
|
1092
|
-
const [clicked, setClicked] = (0,
|
|
1308
|
+
const [clicked, setClicked] = (0, import_react4.useState)(false);
|
|
1093
1309
|
const intl = (0, import_react_intl6.useIntl)();
|
|
1094
|
-
const label = (0,
|
|
1310
|
+
const label = (0, import_client_fetch7.getNodeLabel)(node);
|
|
1095
1311
|
const {
|
|
1096
1312
|
formState: { isSubmitting },
|
|
1097
1313
|
setValue
|
|
1098
1314
|
} = (0, import_react_hook_form3.useFormContext)();
|
|
1099
|
-
(0,
|
|
1315
|
+
(0, import_react4.useEffect)(() => {
|
|
1100
1316
|
if (!isSubmitting) {
|
|
1101
1317
|
setClicked(false);
|
|
1102
1318
|
}
|
|
1103
1319
|
}, [isSubmitting]);
|
|
1104
1320
|
const isPrimary = attributes.name === "method" || attributes.name.includes("passkey") || attributes.name.includes("webauthn") || attributes.name.includes("lookup_secret");
|
|
1105
|
-
return /* @__PURE__ */ (0,
|
|
1321
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
1106
1322
|
"button",
|
|
1107
1323
|
{
|
|
1108
1324
|
...rest,
|
|
@@ -1122,8 +1338,8 @@ var DefaultButton = ({
|
|
|
1122
1338
|
disabled: (_a = rest.disabled) != null ? _a : isSubmitting,
|
|
1123
1339
|
"data-loading": clicked,
|
|
1124
1340
|
children: [
|
|
1125
|
-
clicked ? /* @__PURE__ */ (0,
|
|
1126
|
-
label ? /* @__PURE__ */ (0,
|
|
1341
|
+
clicked ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Spinner, {}) : null,
|
|
1342
|
+
label ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { children: (0, import_elements_react7.uiTextToFormattedMessage)(label, intl) }) : ""
|
|
1127
1343
|
]
|
|
1128
1344
|
}
|
|
1129
1345
|
);
|
|
@@ -1131,7 +1347,7 @@ var DefaultButton = ({
|
|
|
1131
1347
|
DefaultButton.displayName = "DefaultButton";
|
|
1132
1348
|
|
|
1133
1349
|
// src/theme/default/components/form/checkbox.tsx
|
|
1134
|
-
var
|
|
1350
|
+
var import_client_fetch8 = require("@ory/client-fetch");
|
|
1135
1351
|
var import_elements_react8 = require("@ory/elements-react");
|
|
1136
1352
|
var import_react_hook_form4 = require("react-hook-form");
|
|
1137
1353
|
var import_react_intl8 = require("react-intl");
|
|
@@ -1196,7 +1412,7 @@ var uiTextToFormattedMessage4 = ({ id, context = {}, text }, intl) => {
|
|
|
1196
1412
|
};
|
|
1197
1413
|
|
|
1198
1414
|
// src/theme/default/components/ui/checkbox-label.tsx
|
|
1199
|
-
var
|
|
1415
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
1200
1416
|
var linkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
|
|
1201
1417
|
function computeLabelElements(labelText) {
|
|
1202
1418
|
const elements = [];
|
|
@@ -1212,7 +1428,7 @@ function computeLabelElements(labelText) {
|
|
|
1212
1428
|
elements.push(labelText.slice(lastIndex, matchStart));
|
|
1213
1429
|
}
|
|
1214
1430
|
elements.push(
|
|
1215
|
-
/* @__PURE__ */ (0,
|
|
1431
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
1216
1432
|
"a",
|
|
1217
1433
|
{
|
|
1218
1434
|
href: url,
|
|
@@ -1237,13 +1453,13 @@ function CheckboxLabel({ label }) {
|
|
|
1237
1453
|
return null;
|
|
1238
1454
|
}
|
|
1239
1455
|
const labelText = uiTextToFormattedMessage4(label, intl);
|
|
1240
|
-
return /* @__PURE__ */ (0,
|
|
1456
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_jsx_runtime37.Fragment, { children: computeLabelElements(labelText) });
|
|
1241
1457
|
}
|
|
1242
1458
|
|
|
1243
1459
|
// src/theme/default/components/form/checkbox.tsx
|
|
1244
|
-
var
|
|
1460
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
1245
1461
|
function CheckboxSVG() {
|
|
1246
|
-
return /* @__PURE__ */ (0,
|
|
1462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1247
1463
|
"svg",
|
|
1248
1464
|
{
|
|
1249
1465
|
className: "absolute hidden size-4 peer-checked:block fill-checkbox-foreground-checked",
|
|
@@ -1252,7 +1468,7 @@ function CheckboxSVG() {
|
|
|
1252
1468
|
height: "16",
|
|
1253
1469
|
viewBox: "0 0 16 16",
|
|
1254
1470
|
fill: "none",
|
|
1255
|
-
children: /* @__PURE__ */ (0,
|
|
1471
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1256
1472
|
"path",
|
|
1257
1473
|
{
|
|
1258
1474
|
fillRule: "evenodd",
|
|
@@ -1278,12 +1494,12 @@ var DefaultCheckbox = ({
|
|
|
1278
1494
|
...attributes
|
|
1279
1495
|
} = initialAttributes;
|
|
1280
1496
|
const intl = (0, import_react_intl8.useIntl)();
|
|
1281
|
-
const label = (0,
|
|
1497
|
+
const label = (0, import_client_fetch8.getNodeLabel)(node);
|
|
1282
1498
|
const { register } = (0, import_react_hook_form4.useForm)();
|
|
1283
1499
|
const hasError = node.messages.some((m) => m.type === "error");
|
|
1284
|
-
return /* @__PURE__ */ (0,
|
|
1285
|
-
/* @__PURE__ */ (0,
|
|
1286
|
-
/* @__PURE__ */ (0,
|
|
1500
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("label", { className: "flex items-start gap-3 self-stretch antialiased", children: [
|
|
1501
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex h-5 items-center", children: [
|
|
1502
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1287
1503
|
"input",
|
|
1288
1504
|
{
|
|
1289
1505
|
...attributes,
|
|
@@ -1297,11 +1513,11 @@ var DefaultCheckbox = ({
|
|
|
1297
1513
|
...register(name, { value })
|
|
1298
1514
|
}
|
|
1299
1515
|
),
|
|
1300
|
-
/* @__PURE__ */ (0,
|
|
1516
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckboxSVG, {})
|
|
1301
1517
|
] }),
|
|
1302
|
-
/* @__PURE__ */ (0,
|
|
1303
|
-
/* @__PURE__ */ (0,
|
|
1304
|
-
node.messages.map((message) => /* @__PURE__ */ (0,
|
|
1518
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { className: "flex flex-col", children: [
|
|
1519
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "font-normal leading-tight text-interface-foreground-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(CheckboxLabel, { label }) }),
|
|
1520
|
+
node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1305
1521
|
"span",
|
|
1306
1522
|
{
|
|
1307
1523
|
className: cn(
|
|
@@ -1318,35 +1534,35 @@ var DefaultCheckbox = ({
|
|
|
1318
1534
|
};
|
|
1319
1535
|
|
|
1320
1536
|
// src/theme/default/components/form/group-container.tsx
|
|
1321
|
-
var
|
|
1537
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1322
1538
|
function DefaultGroupContainer({ children }) {
|
|
1323
|
-
return /* @__PURE__ */ (0,
|
|
1539
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "grid grid-cols-1 gap-8", children });
|
|
1324
1540
|
}
|
|
1325
1541
|
|
|
1326
1542
|
// src/theme/default/components/form/horizontal-divider.tsx
|
|
1327
|
-
var
|
|
1543
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1328
1544
|
function DefaultHorizontalDivider() {
|
|
1329
|
-
return /* @__PURE__ */ (0,
|
|
1545
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("hr", { className: "border-interface-border-default-primary" });
|
|
1330
1546
|
}
|
|
1331
1547
|
|
|
1332
1548
|
// src/theme/default/components/form/image.tsx
|
|
1333
|
-
var
|
|
1549
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1334
1550
|
function DefaultImage({ attributes }) {
|
|
1335
|
-
return /* @__PURE__ */ (0,
|
|
1551
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("figure", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("img", { ...attributes }) });
|
|
1336
1552
|
}
|
|
1337
1553
|
|
|
1338
1554
|
// src/theme/default/components/form/input.tsx
|
|
1339
|
-
var
|
|
1555
|
+
var import_client_fetch9 = require("@ory/client-fetch");
|
|
1340
1556
|
var import_elements_react9 = require("@ory/elements-react");
|
|
1341
1557
|
var import_react_hook_form5 = require("react-hook-form");
|
|
1342
1558
|
var import_react_intl9 = require("react-intl");
|
|
1343
|
-
var
|
|
1559
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1344
1560
|
var DefaultInput = ({
|
|
1345
1561
|
node,
|
|
1346
1562
|
attributes,
|
|
1347
1563
|
onClick
|
|
1348
1564
|
}) => {
|
|
1349
|
-
const label = (0,
|
|
1565
|
+
const label = (0, import_client_fetch9.getNodeLabel)(node);
|
|
1350
1566
|
const { register } = (0, import_react_hook_form5.useFormContext)();
|
|
1351
1567
|
const {
|
|
1352
1568
|
value,
|
|
@@ -1367,7 +1583,7 @@ var DefaultInput = ({
|
|
|
1367
1583
|
placeholder: (0, import_elements_react9.uiTextToFormattedMessage)(label, intl)
|
|
1368
1584
|
}
|
|
1369
1585
|
) : "";
|
|
1370
|
-
return /* @__PURE__ */ (0,
|
|
1586
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
|
|
1371
1587
|
"input",
|
|
1372
1588
|
{
|
|
1373
1589
|
...rest,
|
|
@@ -1384,7 +1600,7 @@ var DefaultInput = ({
|
|
|
1384
1600
|
"hover:bg-input-background-hover hover:border-input-border-hover",
|
|
1385
1601
|
"px-4 py-[13px]",
|
|
1386
1602
|
// The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
|
|
1387
|
-
flowType ===
|
|
1603
|
+
flowType === import_client_fetch9.FlowType.Settings && "max-w-[488px]"
|
|
1388
1604
|
),
|
|
1389
1605
|
...register(name, { value })
|
|
1390
1606
|
}
|
|
@@ -1392,11 +1608,11 @@ var DefaultInput = ({
|
|
|
1392
1608
|
};
|
|
1393
1609
|
|
|
1394
1610
|
// src/theme/default/components/form/label.tsx
|
|
1395
|
-
var
|
|
1611
|
+
var import_client_fetch10 = require("@ory/client-fetch");
|
|
1396
1612
|
var import_elements_react10 = require("@ory/elements-react");
|
|
1397
1613
|
var import_react_hook_form6 = require("react-hook-form");
|
|
1398
1614
|
var import_react_intl10 = require("react-intl");
|
|
1399
|
-
var
|
|
1615
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1400
1616
|
function findResendNode(nodes) {
|
|
1401
1617
|
return nodes.find(
|
|
1402
1618
|
(n) => "name" in n.attributes && (n.attributes.name === "email" && n.attributes.type === "submit" || n.attributes.name === "resend")
|
|
@@ -1409,7 +1625,7 @@ function DefaultLabel({
|
|
|
1409
1625
|
...rest
|
|
1410
1626
|
}) {
|
|
1411
1627
|
const intl = (0, import_react_intl10.useIntl)();
|
|
1412
|
-
const label = (0,
|
|
1628
|
+
const label = (0, import_client_fetch10.getNodeLabel)(node);
|
|
1413
1629
|
const { Message } = (0, import_elements_react10.useComponents)();
|
|
1414
1630
|
const { config, flowType, flow } = (0, import_elements_react10.useOryFlow)();
|
|
1415
1631
|
const { setValue, formState } = (0, import_react_hook_form6.useFormContext)();
|
|
@@ -1421,9 +1637,9 @@ function DefaultLabel({
|
|
|
1421
1637
|
}
|
|
1422
1638
|
};
|
|
1423
1639
|
const fieldError = formState.errors[attributes.name];
|
|
1424
|
-
return /* @__PURE__ */ (0,
|
|
1425
|
-
label && /* @__PURE__ */ (0,
|
|
1426
|
-
/* @__PURE__ */ (0,
|
|
1640
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col gap-1 antialiased", children: [
|
|
1641
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "inline-flex justify-between", children: [
|
|
1642
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1427
1643
|
"label",
|
|
1428
1644
|
{
|
|
1429
1645
|
...(0, import_elements_react10.messageTestId)(label),
|
|
@@ -1434,8 +1650,8 @@ function DefaultLabel({
|
|
|
1434
1650
|
children: (0, import_elements_react10.uiTextToFormattedMessage)(label, intl)
|
|
1435
1651
|
}
|
|
1436
1652
|
),
|
|
1437
|
-
isPassword && config.project.recovery_enabled && flowType ===
|
|
1438
|
-
/* @__PURE__ */ (0,
|
|
1653
|
+
isPassword && config.project.recovery_enabled && flowType === import_client_fetch10.FlowType.Login && // TODO: make it possible to override with a custom component
|
|
1654
|
+
/* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1439
1655
|
"a",
|
|
1440
1656
|
{
|
|
1441
1657
|
href: initFlowUrl(config.sdk.url, "recovery", flow),
|
|
@@ -1446,7 +1662,7 @@ function DefaultLabel({
|
|
|
1446
1662
|
})
|
|
1447
1663
|
}
|
|
1448
1664
|
),
|
|
1449
|
-
(resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0,
|
|
1665
|
+
(resendNode == null ? void 0 : resendNode.attributes.node_type) === "input" && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1450
1666
|
"button",
|
|
1451
1667
|
{
|
|
1452
1668
|
type: "submit",
|
|
@@ -1459,21 +1675,21 @@ function DefaultLabel({
|
|
|
1459
1675
|
)
|
|
1460
1676
|
] }),
|
|
1461
1677
|
children,
|
|
1462
|
-
node.messages.map((message) => /* @__PURE__ */ (0,
|
|
1463
|
-
fieldError && (0,
|
|
1678
|
+
node.messages.map((message) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message.Content, { message }, message.id)),
|
|
1679
|
+
fieldError && (0, import_client_fetch10.instanceOfUiText)(fieldError) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(Message.Content, { message: fieldError })
|
|
1464
1680
|
] });
|
|
1465
1681
|
}
|
|
1466
1682
|
|
|
1467
1683
|
// src/theme/default/components/form/link-button.tsx
|
|
1468
|
-
var
|
|
1684
|
+
var import_client_fetch11 = require("@ory/client-fetch");
|
|
1469
1685
|
var import_elements_react11 = require("@ory/elements-react");
|
|
1470
|
-
var
|
|
1686
|
+
var import_react5 = require("react");
|
|
1471
1687
|
var import_react_intl11 = require("react-intl");
|
|
1472
|
-
var
|
|
1473
|
-
var DefaultLinkButton = (0,
|
|
1688
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1689
|
+
var DefaultLinkButton = (0, import_react5.forwardRef)(({ attributes, node }, ref) => {
|
|
1474
1690
|
const intl = (0, import_react_intl11.useIntl)();
|
|
1475
|
-
const label = (0,
|
|
1476
|
-
return /* @__PURE__ */ (0,
|
|
1691
|
+
const label = (0, import_client_fetch11.getNodeLabel)(node);
|
|
1692
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1477
1693
|
"a",
|
|
1478
1694
|
{
|
|
1479
1695
|
...attributes,
|
|
@@ -1494,9 +1710,9 @@ var import_react_hook_form7 = require("react-hook-form");
|
|
|
1494
1710
|
|
|
1495
1711
|
// src/theme/default/components/form/shadcn/otp-input.tsx
|
|
1496
1712
|
var import_input_otp = require("input-otp");
|
|
1497
|
-
var
|
|
1498
|
-
var
|
|
1499
|
-
var InputOTP =
|
|
1713
|
+
var React24 = __toESM(require("react"));
|
|
1714
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1715
|
+
var InputOTP = React24.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1500
1716
|
import_input_otp.OTPInput,
|
|
1501
1717
|
{
|
|
1502
1718
|
ref,
|
|
@@ -1509,12 +1725,12 @@ var InputOTP = React22.forwardRef(({ className, containerClassName, ...props },
|
|
|
1509
1725
|
}
|
|
1510
1726
|
));
|
|
1511
1727
|
InputOTP.displayName = "InputOTP";
|
|
1512
|
-
var InputOTPGroup =
|
|
1728
|
+
var InputOTPGroup = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { ref, className: cn("flex items-center", className), ...props }));
|
|
1513
1729
|
InputOTPGroup.displayName = "InputOTPGroup";
|
|
1514
|
-
var InputOTPSlot =
|
|
1515
|
-
const inputOTPContext =
|
|
1730
|
+
var InputOTPSlot = React24.forwardRef(({ index, className, ...props }, ref) => {
|
|
1731
|
+
const inputOTPContext = React24.useContext(import_input_otp.OTPInputContext);
|
|
1516
1732
|
const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
|
|
1517
|
-
return /* @__PURE__ */ (0,
|
|
1733
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
|
|
1518
1734
|
"div",
|
|
1519
1735
|
{
|
|
1520
1736
|
ref,
|
|
@@ -1526,8 +1742,8 @@ var InputOTPSlot = React22.forwardRef(({ index, className, ...props }, ref) => {
|
|
|
1526
1742
|
),
|
|
1527
1743
|
...props,
|
|
1528
1744
|
children: [
|
|
1529
|
-
/* @__PURE__ */ (0,
|
|
1530
|
-
hasFakeCaret && /* @__PURE__ */ (0,
|
|
1745
|
+
/* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "inline-block size-4", children: char }),
|
|
1746
|
+
hasFakeCaret && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-4 w-px animate-caret-blink bg-interface-background-brand-primary duration-700" }) })
|
|
1531
1747
|
]
|
|
1532
1748
|
}
|
|
1533
1749
|
);
|
|
@@ -1536,8 +1752,8 @@ InputOTPSlot.displayName = "InputOTPSlot";
|
|
|
1536
1752
|
|
|
1537
1753
|
// src/theme/default/components/form/pin-code-input.tsx
|
|
1538
1754
|
var import_elements_react12 = require("@ory/elements-react");
|
|
1539
|
-
var
|
|
1540
|
-
var
|
|
1755
|
+
var import_client_fetch12 = require("@ory/client-fetch");
|
|
1756
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1541
1757
|
var DefaultPinCodeInput = ({ attributes }) => {
|
|
1542
1758
|
const { setValue, watch } = (0, import_react_hook_form7.useFormContext)();
|
|
1543
1759
|
const { maxlength, name } = attributes;
|
|
@@ -1547,22 +1763,22 @@ var DefaultPinCodeInput = ({ attributes }) => {
|
|
|
1547
1763
|
setValue(name, v);
|
|
1548
1764
|
};
|
|
1549
1765
|
const value = watch(name);
|
|
1550
|
-
return /* @__PURE__ */ (0,
|
|
1766
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1551
1767
|
InputOTP,
|
|
1552
1768
|
{
|
|
1553
1769
|
maxLength: maxlength != null ? maxlength : 6,
|
|
1554
1770
|
onChange: handleInputChange,
|
|
1555
1771
|
name,
|
|
1556
1772
|
value,
|
|
1557
|
-
children: /* @__PURE__ */ (0,
|
|
1773
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1558
1774
|
InputOTPGroup,
|
|
1559
1775
|
{
|
|
1560
1776
|
className: cn(
|
|
1561
1777
|
"w-full flex gap-2 justify-stretch",
|
|
1562
1778
|
// The settings flow input fields are supposed to be dense, so we don't need the extra padding we want on the user flows.
|
|
1563
|
-
flowType ===
|
|
1779
|
+
flowType === import_client_fetch12.FlowType.Settings && "max-w-[488px]"
|
|
1564
1780
|
),
|
|
1565
|
-
children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0,
|
|
1781
|
+
children: [...Array(elements)].map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(InputOTPSlot, { index }, index))
|
|
1566
1782
|
}
|
|
1567
1783
|
)
|
|
1568
1784
|
}
|
|
@@ -1570,13 +1786,13 @@ var DefaultPinCodeInput = ({ attributes }) => {
|
|
|
1570
1786
|
};
|
|
1571
1787
|
|
|
1572
1788
|
// src/theme/default/components/form/section.tsx
|
|
1573
|
-
var
|
|
1789
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1574
1790
|
var DefaultFormSection = ({
|
|
1575
1791
|
children,
|
|
1576
1792
|
nodes: _nodes,
|
|
1577
1793
|
...rest
|
|
1578
1794
|
}) => {
|
|
1579
|
-
return /* @__PURE__ */ (0,
|
|
1795
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1580
1796
|
"form",
|
|
1581
1797
|
{
|
|
1582
1798
|
className: "flex w-full max-w-screen-sm flex-col md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] px-4",
|
|
@@ -1590,10 +1806,10 @@ var DefaultFormSectionContent = ({
|
|
|
1590
1806
|
description,
|
|
1591
1807
|
children
|
|
1592
1808
|
}) => {
|
|
1593
|
-
return /* @__PURE__ */ (0,
|
|
1594
|
-
/* @__PURE__ */ (0,
|
|
1595
|
-
/* @__PURE__ */ (0,
|
|
1596
|
-
/* @__PURE__ */ (0,
|
|
1809
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-8 rounded-t-cards border border-b-0 border-interface-border-default-primary bg-interface-background-default-primary px-6 py-8", children: [
|
|
1810
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col gap-2", children: [
|
|
1811
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { className: "font-medium text-interface-foreground-default-primary", children: title }),
|
|
1812
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-interface-foreground-default-secondary", children: description })
|
|
1597
1813
|
] }),
|
|
1598
1814
|
children
|
|
1599
1815
|
] });
|
|
@@ -1602,14 +1818,14 @@ var DefaultFormSectionFooter = ({
|
|
|
1602
1818
|
children,
|
|
1603
1819
|
text
|
|
1604
1820
|
}) => {
|
|
1605
|
-
return /* @__PURE__ */ (0,
|
|
1821
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
|
|
1606
1822
|
"div",
|
|
1607
1823
|
{
|
|
1608
1824
|
className: cn(
|
|
1609
1825
|
"flex min-h-[72px] items-center justify-between gap-2 rounded-b-cards border border-interface-border-default-primary bg-interface-background-default-secondary px-6 py-4 text-interface-foreground-default-tertiary"
|
|
1610
1826
|
),
|
|
1611
1827
|
children: [
|
|
1612
|
-
/* @__PURE__ */ (0,
|
|
1828
|
+
/* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: text }),
|
|
1613
1829
|
children
|
|
1614
1830
|
]
|
|
1615
1831
|
}
|
|
@@ -1619,21 +1835,35 @@ var DefaultFormSectionFooter = ({
|
|
|
1619
1835
|
// src/theme/default/components/form/text.tsx
|
|
1620
1836
|
var import_elements_react13 = require("@ory/elements-react");
|
|
1621
1837
|
var import_react_intl12 = require("react-intl");
|
|
1622
|
-
var
|
|
1838
|
+
var import_jsx_runtime48 = require("react/jsx-runtime");
|
|
1623
1839
|
function DefaultText({ node, attributes }) {
|
|
1624
1840
|
var _a;
|
|
1625
1841
|
const intl = (0, import_react_intl12.useIntl)();
|
|
1626
|
-
|
|
1627
|
-
|
|
1628
|
-
|
|
1629
|
-
"
|
|
1630
|
-
|
|
1631
|
-
"
|
|
1632
|
-
|
|
1633
|
-
|
|
1634
|
-
|
|
1635
|
-
|
|
1636
|
-
|
|
1842
|
+
const lookup = (_a = attributes.text.context) == null ? void 0 : _a.secrets;
|
|
1843
|
+
if (lookup) {
|
|
1844
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
|
|
1845
|
+
/* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { "data-testid": `ory/form/node/text/${attributes.id}/label`, children: node.meta.label ? (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) : "" }),
|
|
1846
|
+
lookup.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
|
|
1847
|
+
"pre",
|
|
1848
|
+
{
|
|
1849
|
+
"data-testid": `ory/form/node/text/lookup_secret_codes/text`,
|
|
1850
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("code", { children: text ? (0, import_elements_react13.uiTextToFormattedMessage)(text, intl) : "" })
|
|
1851
|
+
},
|
|
1852
|
+
index
|
|
1853
|
+
))
|
|
1854
|
+
] });
|
|
1855
|
+
}
|
|
1856
|
+
return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
|
|
1857
|
+
"p",
|
|
1858
|
+
{
|
|
1859
|
+
"data-testid": `ory/form/node/text/${attributes.id}/label`,
|
|
1860
|
+
id: attributes.id,
|
|
1861
|
+
children: [
|
|
1862
|
+
node.meta.label ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("label", { children: (0, import_elements_react13.uiTextToFormattedMessage)(node.meta.label, intl) }) : null,
|
|
1863
|
+
attributes.text ? (0, import_elements_react13.uiTextToFormattedMessage)(attributes.text, intl) : ""
|
|
1864
|
+
]
|
|
1865
|
+
}
|
|
1866
|
+
) });
|
|
1637
1867
|
}
|
|
1638
1868
|
|
|
1639
1869
|
// src/theme/default/components/generic/page-header.tsx
|
|
@@ -1641,13 +1871,13 @@ var import_elements_react15 = require("@ory/elements-react");
|
|
|
1641
1871
|
|
|
1642
1872
|
// src/theme/default/components/ui/user-menu.tsx
|
|
1643
1873
|
var import_react_dropdown_menu = require("@radix-ui/react-dropdown-menu");
|
|
1644
|
-
var
|
|
1874
|
+
var import_react8 = require("react");
|
|
1645
1875
|
var import_elements_react14 = require("@ory/elements-react");
|
|
1646
1876
|
|
|
1647
1877
|
// src/util/client.ts
|
|
1648
|
-
var
|
|
1878
|
+
var import_client_fetch13 = require("@ory/client-fetch");
|
|
1649
1879
|
function frontendClient(sdkUrl, opts = {}) {
|
|
1650
|
-
const config = new
|
|
1880
|
+
const config = new import_client_fetch13.Configuration({
|
|
1651
1881
|
...opts,
|
|
1652
1882
|
basePath: sdkUrl,
|
|
1653
1883
|
headers: {
|
|
@@ -1655,26 +1885,26 @@ function frontendClient(sdkUrl, opts = {}) {
|
|
|
1655
1885
|
...opts.headers
|
|
1656
1886
|
}
|
|
1657
1887
|
});
|
|
1658
|
-
return new
|
|
1888
|
+
return new import_client_fetch13.FrontendApi(config);
|
|
1659
1889
|
}
|
|
1660
1890
|
|
|
1661
1891
|
// src/theme/default/assets/icons/logout.svg
|
|
1662
|
-
var
|
|
1663
|
-
var
|
|
1892
|
+
var React25 = __toESM(require("react"));
|
|
1893
|
+
var import_jsx_runtime49 = require("react/jsx-runtime");
|
|
1664
1894
|
var SvgLogout = (props) => {
|
|
1665
1895
|
var _a, _b;
|
|
1666
|
-
return /* @__PURE__ */ (0,
|
|
1896
|
+
return /* @__PURE__ */ (0, import_jsx_runtime49.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_runtime49.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" }) });
|
|
1667
1897
|
};
|
|
1668
1898
|
var logout_default = SvgLogout;
|
|
1669
1899
|
|
|
1670
1900
|
// src/theme/default/assets/icons/settings.svg
|
|
1671
|
-
var
|
|
1672
|
-
var
|
|
1901
|
+
var React26 = __toESM(require("react"));
|
|
1902
|
+
var import_jsx_runtime50 = require("react/jsx-runtime");
|
|
1673
1903
|
var SvgSettings = (props) => {
|
|
1674
1904
|
var _a, _b;
|
|
1675
|
-
return /* @__PURE__ */ (0,
|
|
1676
|
-
/* @__PURE__ */ (0,
|
|
1677
|
-
/* @__PURE__ */ (0,
|
|
1905
|
+
return /* @__PURE__ */ (0, import_jsx_runtime50.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_runtime50.jsxs)("g", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
1906
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.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" }),
|
|
1907
|
+
/* @__PURE__ */ (0, import_jsx_runtime50.jsx)("path", { d: "M6 8a2 2 0 1 0 4 0 2 2 0 0 0-4 0" })
|
|
1678
1908
|
] }) });
|
|
1679
1909
|
};
|
|
1680
1910
|
var settings_default = SvgSettings;
|
|
@@ -1719,12 +1949,12 @@ var getUserInitials = (session) => {
|
|
|
1719
1949
|
};
|
|
1720
1950
|
|
|
1721
1951
|
// src/theme/default/components/ui/dropdown-menu.tsx
|
|
1722
|
-
var
|
|
1952
|
+
var import_react6 = require("react");
|
|
1723
1953
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
|
1724
|
-
var
|
|
1954
|
+
var import_jsx_runtime51 = require("react/jsx-runtime");
|
|
1725
1955
|
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
1726
1956
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
1727
|
-
var DropdownMenuContent = (0,
|
|
1957
|
+
var DropdownMenuContent = (0, import_react6.forwardRef)(({ className, sideOffset = 16, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1728
1958
|
DropdownMenuPrimitive.Content,
|
|
1729
1959
|
{
|
|
1730
1960
|
ref,
|
|
@@ -1739,7 +1969,7 @@ var DropdownMenuContent = (0, import_react4.forwardRef)(({ className, sideOffset
|
|
|
1739
1969
|
}
|
|
1740
1970
|
) }));
|
|
1741
1971
|
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
1742
|
-
var DropdownMenuItem = (0,
|
|
1972
|
+
var DropdownMenuItem = (0, import_react6.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1743
1973
|
DropdownMenuPrimitive.Item,
|
|
1744
1974
|
{
|
|
1745
1975
|
ref,
|
|
@@ -1757,7 +1987,7 @@ var DropdownMenuItem = (0, import_react4.forwardRef)(({ className, inset, ...pro
|
|
|
1757
1987
|
}
|
|
1758
1988
|
));
|
|
1759
1989
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
1760
|
-
var DropdownMenuLabel = (0,
|
|
1990
|
+
var DropdownMenuLabel = (0, import_react6.forwardRef)(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
|
|
1761
1991
|
DropdownMenuPrimitive.Label,
|
|
1762
1992
|
{
|
|
1763
1993
|
ref,
|
|
@@ -1772,35 +2002,35 @@ var DropdownMenuLabel = (0, import_react4.forwardRef)(({ className, inset, ...pr
|
|
|
1772
2002
|
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
1773
2003
|
|
|
1774
2004
|
// src/theme/default/components/ui/user-avater.tsx
|
|
1775
|
-
var
|
|
2005
|
+
var import_react7 = require("react");
|
|
1776
2006
|
|
|
1777
2007
|
// src/theme/default/assets/icons/user.svg
|
|
1778
|
-
var
|
|
1779
|
-
var
|
|
2008
|
+
var React27 = __toESM(require("react"));
|
|
2009
|
+
var import_jsx_runtime52 = require("react/jsx-runtime");
|
|
1780
2010
|
var SvgUser = (props) => {
|
|
1781
2011
|
var _a, _b;
|
|
1782
|
-
return /* @__PURE__ */ (0,
|
|
2012
|
+
return /* @__PURE__ */ (0, import_jsx_runtime52.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_runtime52.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" }) });
|
|
1783
2013
|
};
|
|
1784
2014
|
var user_default = SvgUser;
|
|
1785
2015
|
|
|
1786
2016
|
// src/theme/default/components/ui/user-avater.tsx
|
|
1787
|
-
var
|
|
1788
|
-
var UserAvatar = (0,
|
|
2017
|
+
var import_jsx_runtime53 = require("react/jsx-runtime");
|
|
2018
|
+
var UserAvatar = (0, import_react7.forwardRef)(
|
|
1789
2019
|
({ initials, ...rest }, ref) => {
|
|
1790
|
-
return /* @__PURE__ */ (0,
|
|
2020
|
+
return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1791
2021
|
"button",
|
|
1792
2022
|
{
|
|
1793
2023
|
ref,
|
|
1794
2024
|
className: "relative flex size-10 items-center justify-center overflow-hidden rounded-[999px] bg-button-primary-background-default hover:bg-button-primary-background-hover",
|
|
1795
2025
|
...rest,
|
|
1796
|
-
children: /* @__PURE__ */ (0,
|
|
2026
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "relative flex size-full items-center justify-center", children: initials.avatar ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1797
2027
|
"img",
|
|
1798
2028
|
{
|
|
1799
2029
|
src: initials.avatar,
|
|
1800
2030
|
alt: initials.primary,
|
|
1801
2031
|
className: "w-full object-contain"
|
|
1802
2032
|
}
|
|
1803
|
-
) : /* @__PURE__ */ (0,
|
|
2033
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
|
|
1804
2034
|
user_default,
|
|
1805
2035
|
{
|
|
1806
2036
|
size: 24,
|
|
@@ -1814,34 +2044,34 @@ var UserAvatar = (0, import_react5.forwardRef)(
|
|
|
1814
2044
|
UserAvatar.displayName = "UserAvatar";
|
|
1815
2045
|
|
|
1816
2046
|
// src/theme/default/components/ui/user-menu.tsx
|
|
1817
|
-
var
|
|
2047
|
+
var import_jsx_runtime54 = require("react/jsx-runtime");
|
|
1818
2048
|
var UserMenu = ({ session }) => {
|
|
1819
2049
|
const { config } = (0, import_elements_react14.useOryFlow)();
|
|
1820
2050
|
const initials = getUserInitials(session);
|
|
1821
|
-
const [logoutFlow, setLogoutFlow] = (0,
|
|
1822
|
-
const fetchLogoutFlow = (0,
|
|
2051
|
+
const [logoutFlow, setLogoutFlow] = (0, import_react8.useState)();
|
|
2052
|
+
const fetchLogoutFlow = (0, import_react8.useCallback)(async () => {
|
|
1823
2053
|
const flow = await frontendClient(config.sdk.url).createBrowserLogoutFlow();
|
|
1824
2054
|
setLogoutFlow(flow);
|
|
1825
2055
|
}, [config.sdk.url]);
|
|
1826
|
-
(0,
|
|
2056
|
+
(0, import_react8.useEffect)(() => {
|
|
1827
2057
|
void fetchLogoutFlow();
|
|
1828
2058
|
}, [fetchLogoutFlow]);
|
|
1829
|
-
return /* @__PURE__ */ (0,
|
|
1830
|
-
/* @__PURE__ */ (0,
|
|
1831
|
-
/* @__PURE__ */ (0,
|
|
1832
|
-
/* @__PURE__ */ (0,
|
|
1833
|
-
/* @__PURE__ */ (0,
|
|
1834
|
-
/* @__PURE__ */ (0,
|
|
1835
|
-
/* @__PURE__ */ (0,
|
|
1836
|
-
initials.secondary && /* @__PURE__ */ (0,
|
|
2059
|
+
return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DropdownMenu, { children: [
|
|
2060
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UserAvatar, { initials }) }),
|
|
2061
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(DropdownMenuContent, { children: [
|
|
2062
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_react_dropdown_menu.DropdownMenuLabel, { className: "flex gap-3 px-5 py-4.5", children: [
|
|
2063
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(UserAvatar, { disabled: true, initials }),
|
|
2064
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex flex-col justify-center text-sm leading-tight", children: [
|
|
2065
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "text-interface-foreground-default-primary leading-tight font-medium", children: initials.primary }),
|
|
2066
|
+
initials.secondary && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "text-interface-foreground-default-tertiary leading-tight", children: initials.secondary })
|
|
1837
2067
|
] })
|
|
1838
2068
|
] }),
|
|
1839
|
-
/* @__PURE__ */ (0,
|
|
1840
|
-
/* @__PURE__ */ (0,
|
|
2069
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuItem, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("a", { href: "/settings", children: [
|
|
2070
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(settings_default, { size: 16 }),
|
|
1841
2071
|
" User settings"
|
|
1842
2072
|
] }) }),
|
|
1843
|
-
/* @__PURE__ */ (0,
|
|
1844
|
-
/* @__PURE__ */ (0,
|
|
2073
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(DropdownMenuItem, { asChild: true, disabled: !(logoutFlow == null ? void 0 : logoutFlow.logout_url), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("a", { href: logoutFlow == null ? void 0 : logoutFlow.logout_url, children: [
|
|
2074
|
+
/* @__PURE__ */ (0, import_jsx_runtime54.jsx)(logout_default, { size: 16 }),
|
|
1845
2075
|
" Logout"
|
|
1846
2076
|
] }) })
|
|
1847
2077
|
] })
|
|
@@ -1850,41 +2080,42 @@ var UserMenu = ({ session }) => {
|
|
|
1850
2080
|
|
|
1851
2081
|
// src/theme/default/components/generic/page-header.tsx
|
|
1852
2082
|
var import_client2 = require("@ory/elements-react/client");
|
|
1853
|
-
var
|
|
2083
|
+
var import_jsx_runtime55 = require("react/jsx-runtime");
|
|
1854
2084
|
var DefaultPageHeader = (_props) => {
|
|
1855
2085
|
const { Card } = (0, import_elements_react15.useComponents)();
|
|
1856
2086
|
const { session } = (0, import_client2.useSession)();
|
|
1857
|
-
return /* @__PURE__ */ (0,
|
|
1858
|
-
/* @__PURE__ */ (0,
|
|
1859
|
-
/* @__PURE__ */ (0,
|
|
2087
|
+
return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "mt-16 flex max-w-screen-sm w-full md:max-w-[712px] lg:max-w-[802px] xl:max-w-[896px] flex-col gap-3 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "flex flex-col gap-12", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex max-h-10 flex-1 justify-between gap-2", children: [
|
|
2088
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "relative h-10 flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Card.Logo, {}) }),
|
|
2089
|
+
/* @__PURE__ */ (0, import_jsx_runtime55.jsx)(UserMenu, { session })
|
|
1860
2090
|
] }) }) });
|
|
1861
2091
|
};
|
|
1862
2092
|
|
|
1863
2093
|
// src/theme/default/components/settings/settings-oidc.tsx
|
|
1864
|
-
var
|
|
2094
|
+
var import_react9 = require("react");
|
|
1865
2095
|
var import_react_hook_form8 = require("react-hook-form");
|
|
2096
|
+
var import_usehooks_ts2 = require("usehooks-ts");
|
|
1866
2097
|
|
|
1867
2098
|
// src/theme/default/assets/icons/trash.svg
|
|
1868
|
-
var
|
|
1869
|
-
var
|
|
2099
|
+
var React28 = __toESM(require("react"));
|
|
2100
|
+
var import_jsx_runtime56 = require("react/jsx-runtime");
|
|
1870
2101
|
var SvgTrash = (props) => {
|
|
1871
2102
|
var _a, _b;
|
|
1872
|
-
return /* @__PURE__ */ (0,
|
|
2103
|
+
return /* @__PURE__ */ (0, import_jsx_runtime56.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_runtime56.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" }) });
|
|
1873
2104
|
};
|
|
1874
2105
|
var trash_default = SvgTrash;
|
|
1875
2106
|
|
|
1876
2107
|
// src/theme/default/components/settings/settings-oidc.tsx
|
|
1877
|
-
var
|
|
2108
|
+
var import_jsx_runtime57 = require("react/jsx-runtime");
|
|
1878
2109
|
function DefaultSettingsOidc({
|
|
1879
2110
|
linkButtons,
|
|
1880
2111
|
unlinkButtons
|
|
1881
2112
|
}) {
|
|
1882
2113
|
const hasLinkButtons = linkButtons.length > 0;
|
|
1883
2114
|
const hasUnlinkButtons = unlinkButtons.length > 0;
|
|
1884
|
-
return /* @__PURE__ */ (0,
|
|
1885
|
-
hasLinkButtons && /* @__PURE__ */ (0,
|
|
2115
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2116
|
+
hasLinkButtons && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "grid items-start gap-3 grid-cols-1 sm:grid-cols-2 md:grid-cols-3", children: linkButtons.map((button) => {
|
|
1886
2117
|
const attrs = button.attributes;
|
|
1887
|
-
return /* @__PURE__ */ (0,
|
|
2118
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1888
2119
|
DefaultButtonSocial,
|
|
1889
2120
|
{
|
|
1890
2121
|
showLabel: true,
|
|
@@ -1895,41 +2126,39 @@ function DefaultSettingsOidc({
|
|
|
1895
2126
|
attrs.value
|
|
1896
2127
|
);
|
|
1897
2128
|
}) }),
|
|
1898
|
-
hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0,
|
|
2129
|
+
hasUnlinkButtons && hasLinkButtons ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(DefaultHorizontalDivider, {}) : null,
|
|
1899
2130
|
unlinkButtons.map((button) => {
|
|
1900
2131
|
if (button.attributes.node_type !== "input") {
|
|
1901
2132
|
return null;
|
|
1902
2133
|
}
|
|
1903
|
-
return /* @__PURE__ */ (0,
|
|
2134
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(UnlinkRow, { button }, button.attributes.value);
|
|
1904
2135
|
})
|
|
1905
2136
|
] });
|
|
1906
2137
|
}
|
|
1907
2138
|
function UnlinkRow({ button }) {
|
|
1908
2139
|
var _a, _b;
|
|
1909
|
-
const [clicked, setClicked] = (0,
|
|
2140
|
+
const [clicked, setClicked] = (0, import_usehooks_ts2.useDebounceValue)(false, 100);
|
|
1910
2141
|
const {
|
|
1911
2142
|
formState: { isSubmitting }
|
|
1912
2143
|
} = (0, import_react_hook_form8.useFormContext)();
|
|
1913
2144
|
const attrs = button.attributes;
|
|
1914
2145
|
const provider = (_b = extractProvider((_a = button.meta.label) == null ? void 0 : _a.context)) != null ? _b : "";
|
|
1915
|
-
const Logo =
|
|
2146
|
+
const Logo = provider_logos_default[attrs.value.split("-")[0]];
|
|
1916
2147
|
const localOnClick = () => {
|
|
1917
2148
|
button.onClick();
|
|
1918
|
-
|
|
1919
|
-
setClicked(true);
|
|
1920
|
-
}, 100);
|
|
2149
|
+
setClicked(true);
|
|
1921
2150
|
};
|
|
1922
|
-
(0,
|
|
2151
|
+
(0, import_react9.useEffect)(() => {
|
|
1923
2152
|
if (!isSubmitting) {
|
|
1924
2153
|
setClicked(false);
|
|
1925
2154
|
}
|
|
1926
|
-
}, [isSubmitting]);
|
|
1927
|
-
return /* @__PURE__ */ (0,
|
|
1928
|
-
/* @__PURE__ */ (0,
|
|
1929
|
-
/* @__PURE__ */ (0,
|
|
1930
|
-
/* @__PURE__ */ (0,
|
|
2155
|
+
}, [isSubmitting, setClicked]);
|
|
2156
|
+
return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex justify-between", children: [
|
|
2157
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center gap-6", children: [
|
|
2158
|
+
Logo ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Logo, { size: 32 }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(provider_logos_default.generic, { size: 32 }),
|
|
2159
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary", children: provider })
|
|
1931
2160
|
] }),
|
|
1932
|
-
/* @__PURE__ */ (0,
|
|
2161
|
+
/* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1933
2162
|
"button",
|
|
1934
2163
|
{
|
|
1935
2164
|
...attrs,
|
|
@@ -1938,7 +2167,7 @@ function UnlinkRow({ button }) {
|
|
|
1938
2167
|
disabled: isSubmitting,
|
|
1939
2168
|
className: "relative",
|
|
1940
2169
|
title: `Unlink ${provider}`,
|
|
1941
|
-
children: clicked ? /* @__PURE__ */ (0,
|
|
2170
|
+
children: clicked ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
|
|
1942
2171
|
trash_default,
|
|
1943
2172
|
{
|
|
1944
2173
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -1953,7 +2182,7 @@ function UnlinkRow({ button }) {
|
|
|
1953
2182
|
// src/theme/default/components/settings/settings-passkey.tsx
|
|
1954
2183
|
var import_elements_react16 = require("@ory/elements-react");
|
|
1955
2184
|
var import_react_hook_form9 = require("react-hook-form");
|
|
1956
|
-
var
|
|
2185
|
+
var import_jsx_runtime58 = require("react/jsx-runtime");
|
|
1957
2186
|
function DefaultSettingsPasskey({
|
|
1958
2187
|
triggerButton,
|
|
1959
2188
|
removeButtons
|
|
@@ -1961,49 +2190,49 @@ function DefaultSettingsPasskey({
|
|
|
1961
2190
|
const {
|
|
1962
2191
|
formState: { isSubmitting }
|
|
1963
2192
|
} = (0, import_react_hook_form9.useFormContext)();
|
|
1964
|
-
const { Node } = (0, import_elements_react16.useComponents)();
|
|
2193
|
+
const { Node: Node2 } = (0, import_elements_react16.useComponents)();
|
|
1965
2194
|
const hasRemoveButtons = removeButtons.length > 0;
|
|
1966
|
-
return /* @__PURE__ */ (0,
|
|
1967
|
-
/* @__PURE__ */ (0,
|
|
1968
|
-
|
|
2195
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2196
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex max-w-[60%] items-end gap-3", children: triggerButton && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2197
|
+
Node2.Button,
|
|
1969
2198
|
{
|
|
1970
2199
|
node: triggerButton,
|
|
1971
2200
|
attributes: triggerButton.attributes,
|
|
1972
2201
|
onClick: triggerButton.onClick
|
|
1973
2202
|
}
|
|
1974
2203
|
) }),
|
|
1975
|
-
hasRemoveButtons ? /* @__PURE__ */ (0,
|
|
1976
|
-
/* @__PURE__ */ (0,
|
|
1977
|
-
/* @__PURE__ */ (0,
|
|
2204
|
+
hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2205
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(DefaultHorizontalDivider, {}),
|
|
2206
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-col gap-2", children: removeButtons.map((node, i) => {
|
|
1978
2207
|
var _a, _b;
|
|
1979
2208
|
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
1980
2209
|
const addedAt = "added_at" in context ? context.added_at : null;
|
|
1981
2210
|
const displayName = "display_name" in context ? context.display_name : null;
|
|
1982
2211
|
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
1983
|
-
return /* @__PURE__ */ (0,
|
|
2212
|
+
return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
|
|
1984
2213
|
"div",
|
|
1985
2214
|
{
|
|
1986
2215
|
className: "flex justify-between gap-6 md:items-center",
|
|
1987
2216
|
children: [
|
|
1988
|
-
/* @__PURE__ */ (0,
|
|
1989
|
-
/* @__PURE__ */ (0,
|
|
2217
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
|
|
2218
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
1990
2219
|
passkey_default,
|
|
1991
2220
|
{
|
|
1992
2221
|
size: 32,
|
|
1993
2222
|
className: "text-interface-foreground-default-primary"
|
|
1994
2223
|
}
|
|
1995
2224
|
),
|
|
1996
|
-
/* @__PURE__ */ (0,
|
|
1997
|
-
/* @__PURE__ */ (0,
|
|
1998
|
-
/* @__PURE__ */ (0,
|
|
1999
|
-
/* @__PURE__ */ (0,
|
|
2225
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
|
|
2226
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
|
|
2227
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
|
|
2228
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
|
|
2000
2229
|
] }),
|
|
2001
|
-
addedAt && /* @__PURE__ */ (0,
|
|
2230
|
+
addedAt && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
|
|
2002
2231
|
dateStyle: "long"
|
|
2003
2232
|
}).format(new Date(addedAt)) })
|
|
2004
2233
|
] })
|
|
2005
2234
|
] }),
|
|
2006
|
-
/* @__PURE__ */ (0,
|
|
2235
|
+
/* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2007
2236
|
"button",
|
|
2008
2237
|
{
|
|
2009
2238
|
...node.attributes,
|
|
@@ -2011,7 +2240,7 @@ function DefaultSettingsPasskey({
|
|
|
2011
2240
|
onClick: node.onClick,
|
|
2012
2241
|
disabled: isSubmitting,
|
|
2013
2242
|
className: "relative",
|
|
2014
|
-
children: isSubmitting ? /* @__PURE__ */ (0,
|
|
2243
|
+
children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
|
|
2015
2244
|
trash_default,
|
|
2016
2245
|
{
|
|
2017
2246
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -2030,38 +2259,38 @@ function DefaultSettingsPasskey({
|
|
|
2030
2259
|
}
|
|
2031
2260
|
|
|
2032
2261
|
// src/theme/default/assets/icons/download.svg
|
|
2033
|
-
var
|
|
2034
|
-
var
|
|
2262
|
+
var React29 = __toESM(require("react"));
|
|
2263
|
+
var import_jsx_runtime59 = require("react/jsx-runtime");
|
|
2035
2264
|
var SvgDownload = (props) => {
|
|
2036
2265
|
var _a, _b;
|
|
2037
|
-
return /* @__PURE__ */ (0,
|
|
2266
|
+
return /* @__PURE__ */ (0, import_jsx_runtime59.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_runtime59.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" }) });
|
|
2038
2267
|
};
|
|
2039
2268
|
var download_default = SvgDownload;
|
|
2040
2269
|
|
|
2041
2270
|
// src/theme/default/assets/icons/eye.svg
|
|
2042
|
-
var
|
|
2043
|
-
var
|
|
2271
|
+
var React30 = __toESM(require("react"));
|
|
2272
|
+
var import_jsx_runtime60 = require("react/jsx-runtime");
|
|
2044
2273
|
var SvgEye = (props) => {
|
|
2045
2274
|
var _a, _b;
|
|
2046
|
-
return /* @__PURE__ */ (0,
|
|
2047
|
-
/* @__PURE__ */ (0,
|
|
2048
|
-
/* @__PURE__ */ (0,
|
|
2275
|
+
return /* @__PURE__ */ (0, import_jsx_runtime60.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_runtime60.jsxs)("g", { strokeLinecap: "round", strokeLinejoin: "round", children: [
|
|
2276
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { stroke: "currentColor", d: "M10 12a2 2 0 1 0 4 0 2 2 0 0 0-4 0" }),
|
|
2277
|
+
/* @__PURE__ */ (0, import_jsx_runtime60.jsx)("path", { stroke: "#64748B", d: "M21 12q-3.6 6-9 6t-9-6q3.6-6 9-6t9 6" })
|
|
2049
2278
|
] }) });
|
|
2050
2279
|
};
|
|
2051
2280
|
var eye_default = SvgEye;
|
|
2052
2281
|
|
|
2053
2282
|
// src/theme/default/assets/icons/refresh.svg
|
|
2054
|
-
var
|
|
2055
|
-
var
|
|
2283
|
+
var React31 = __toESM(require("react"));
|
|
2284
|
+
var import_jsx_runtime61 = require("react/jsx-runtime");
|
|
2056
2285
|
var SvgRefresh = (props) => {
|
|
2057
2286
|
var _a, _b;
|
|
2058
|
-
return /* @__PURE__ */ (0,
|
|
2287
|
+
return /* @__PURE__ */ (0, import_jsx_runtime61.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_runtime61.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" }) });
|
|
2059
2288
|
};
|
|
2060
2289
|
var refresh_default = SvgRefresh;
|
|
2061
2290
|
|
|
2062
2291
|
// src/theme/default/components/settings/settings-recovery-codes.tsx
|
|
2063
2292
|
var import_react_hook_form10 = require("react-hook-form");
|
|
2064
|
-
var
|
|
2293
|
+
var import_jsx_runtime62 = require("react/jsx-runtime");
|
|
2065
2294
|
function DefaultSettingsRecoveryCodes({
|
|
2066
2295
|
codes,
|
|
2067
2296
|
regnerateButton,
|
|
@@ -2083,12 +2312,12 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2083
2312
|
element.click();
|
|
2084
2313
|
};
|
|
2085
2314
|
const hasCodes = codes.length >= 1;
|
|
2086
|
-
return /* @__PURE__ */ (0,
|
|
2087
|
-
codes.length > 0 && /* @__PURE__ */ (0,
|
|
2088
|
-
/* @__PURE__ */ (0,
|
|
2089
|
-
/* @__PURE__ */ (0,
|
|
2090
|
-
/* @__PURE__ */ (0,
|
|
2091
|
-
regnerateButton && codes.length > 0 && /* @__PURE__ */ (0,
|
|
2315
|
+
return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2316
|
+
codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(DefaultHorizontalDivider, {}),
|
|
2317
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-4 justify-between", children: [
|
|
2318
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-interface-foreground-default-tertiary", children: revealButton && "Reveal recovery codes" }),
|
|
2319
|
+
/* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-2", children: [
|
|
2320
|
+
regnerateButton && codes.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2092
2321
|
"button",
|
|
2093
2322
|
{
|
|
2094
2323
|
...regnerateButton.attributes,
|
|
@@ -2097,7 +2326,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2097
2326
|
onClick: onRegenerate,
|
|
2098
2327
|
disabled: isSubmitting,
|
|
2099
2328
|
"data-loading": isSubmitting,
|
|
2100
|
-
children: /* @__PURE__ */ (0,
|
|
2329
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2101
2330
|
refresh_default,
|
|
2102
2331
|
{
|
|
2103
2332
|
size: 24,
|
|
@@ -2106,7 +2335,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2106
2335
|
)
|
|
2107
2336
|
}
|
|
2108
2337
|
),
|
|
2109
|
-
revealButton && /* @__PURE__ */ (0,
|
|
2338
|
+
revealButton && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_jsx_runtime62.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2110
2339
|
"button",
|
|
2111
2340
|
{
|
|
2112
2341
|
...revealButton.attributes,
|
|
@@ -2114,7 +2343,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2114
2343
|
className: "ml-auto",
|
|
2115
2344
|
onClick: onReveal,
|
|
2116
2345
|
title: "Reveal recovery codes",
|
|
2117
|
-
children: /* @__PURE__ */ (0,
|
|
2346
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2118
2347
|
eye_default,
|
|
2119
2348
|
{
|
|
2120
2349
|
size: 24,
|
|
@@ -2123,7 +2352,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2123
2352
|
)
|
|
2124
2353
|
}
|
|
2125
2354
|
) }),
|
|
2126
|
-
hasCodes && /* @__PURE__ */ (0,
|
|
2355
|
+
hasCodes && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2127
2356
|
"button",
|
|
2128
2357
|
{
|
|
2129
2358
|
onClick: onDownload,
|
|
@@ -2131,7 +2360,7 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2131
2360
|
className: "ml-auto",
|
|
2132
2361
|
"data-testid": "ory/screen/settings/group/recovery_code/download",
|
|
2133
2362
|
title: "Download recovery codes",
|
|
2134
|
-
children: /* @__PURE__ */ (0,
|
|
2363
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2135
2364
|
download_default,
|
|
2136
2365
|
{
|
|
2137
2366
|
size: 24,
|
|
@@ -2142,12 +2371,12 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2142
2371
|
)
|
|
2143
2372
|
] })
|
|
2144
2373
|
] }),
|
|
2145
|
-
hasCodes ? /* @__PURE__ */ (0,
|
|
2374
|
+
hasCodes ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "rounded-general p-6 bg-interface-background-default-secondary border-interface-border-default-primary", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
|
|
2146
2375
|
"div",
|
|
2147
2376
|
{
|
|
2148
2377
|
className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 flex-wrap gap-4 text-sm text-interface-foreground-default-primary",
|
|
2149
2378
|
"data-testid": "ory/screen/settings/group/recovery_code/codes",
|
|
2150
|
-
children: codes.map((code) => /* @__PURE__ */ (0,
|
|
2379
|
+
children: codes.map((code) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { children: code }, code))
|
|
2151
2380
|
}
|
|
2152
2381
|
) }) : null
|
|
2153
2382
|
] });
|
|
@@ -2157,17 +2386,17 @@ function DefaultSettingsRecoveryCodes({
|
|
|
2157
2386
|
var import_elements_react17 = require("@ory/elements-react");
|
|
2158
2387
|
|
|
2159
2388
|
// src/theme/default/assets/icons/qrcode.svg
|
|
2160
|
-
var
|
|
2161
|
-
var
|
|
2389
|
+
var React32 = __toESM(require("react"));
|
|
2390
|
+
var import_jsx_runtime63 = require("react/jsx-runtime");
|
|
2162
2391
|
var SvgQrcode = (props) => {
|
|
2163
2392
|
var _a, _b;
|
|
2164
|
-
return /* @__PURE__ */ (0,
|
|
2393
|
+
return /* @__PURE__ */ (0, import_jsx_runtime63.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_runtime63.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" }) });
|
|
2165
2394
|
};
|
|
2166
2395
|
var qrcode_default = SvgQrcode;
|
|
2167
2396
|
|
|
2168
2397
|
// src/theme/default/components/settings/settings-totp.tsx
|
|
2169
2398
|
var import_react_hook_form11 = require("react-hook-form");
|
|
2170
|
-
var
|
|
2399
|
+
var import_jsx_runtime64 = require("react/jsx-runtime");
|
|
2171
2400
|
function DefaultSettingsTotp({
|
|
2172
2401
|
totpImage,
|
|
2173
2402
|
totpInput,
|
|
@@ -2175,7 +2404,7 @@ function DefaultSettingsTotp({
|
|
|
2175
2404
|
totpUnlink,
|
|
2176
2405
|
onUnlink
|
|
2177
2406
|
}) {
|
|
2178
|
-
const { Node, Card } = (0, import_elements_react17.useComponents)();
|
|
2407
|
+
const { Node: Node2, Card } = (0, import_elements_react17.useComponents)();
|
|
2179
2408
|
const {
|
|
2180
2409
|
formState: { isSubmitting }
|
|
2181
2410
|
} = (0, import_react_hook_form11.useFormContext)();
|
|
@@ -2187,19 +2416,19 @@ function DefaultSettingsTotp({
|
|
|
2187
2416
|
node_type: _ignoredNodeType,
|
|
2188
2417
|
...buttonAttrs
|
|
2189
2418
|
} = totpUnlink.attributes;
|
|
2190
|
-
return /* @__PURE__ */ (0,
|
|
2191
|
-
/* @__PURE__ */ (0,
|
|
2192
|
-
/* @__PURE__ */ (0,
|
|
2193
|
-
/* @__PURE__ */ (0,
|
|
2194
|
-
/* @__PURE__ */ (0,
|
|
2195
|
-
/* @__PURE__ */ (0,
|
|
2419
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
|
|
2420
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Card.Divider, {}) }),
|
|
2421
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "col-span-full flex items-center gap-6", children: [
|
|
2422
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "aspect-square size-8 ", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(qrcode_default, { size: 32 }) }),
|
|
2423
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mr-auto flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-primary", children: "Authenticator app" }) }),
|
|
2424
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2196
2425
|
"button",
|
|
2197
2426
|
{
|
|
2198
2427
|
type: type === "button" ? "button" : "submit",
|
|
2199
2428
|
...buttonAttrs,
|
|
2200
2429
|
onClick: onUnlink,
|
|
2201
2430
|
disabled: isSubmitting,
|
|
2202
|
-
children: isSubmitting ? /* @__PURE__ */ (0,
|
|
2431
|
+
children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2203
2432
|
trash_default,
|
|
2204
2433
|
{
|
|
2205
2434
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -2212,10 +2441,10 @@ function DefaultSettingsTotp({
|
|
|
2212
2441
|
] });
|
|
2213
2442
|
}
|
|
2214
2443
|
if (totpImage && totpSecret && totpInput) {
|
|
2215
|
-
return /* @__PURE__ */ (0,
|
|
2216
|
-
/* @__PURE__ */ (0,
|
|
2217
|
-
/* @__PURE__ */ (0,
|
|
2218
|
-
|
|
2444
|
+
return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "grid grid-cols-1 gap-8 md:grid-cols-2", children: [
|
|
2445
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "col-span-full", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(DefaultHorizontalDivider, {}) }),
|
|
2446
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "flex justify-center rounded-cards bg-interface-background-default-secondary p-8", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "aspect-square h-44 rounded bg-[white]", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "-m-3 antialiased mix-blend-multiply", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2447
|
+
Node2.Image,
|
|
2219
2448
|
{
|
|
2220
2449
|
node: totpImage,
|
|
2221
2450
|
attributes: {
|
|
@@ -2223,14 +2452,14 @@ function DefaultSettingsTotp({
|
|
|
2223
2452
|
}
|
|
2224
2453
|
}
|
|
2225
2454
|
) }) }) }),
|
|
2226
|
-
/* @__PURE__ */ (0,
|
|
2227
|
-
/* @__PURE__ */ (0,
|
|
2228
|
-
|
|
2455
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col gap-6", children: [
|
|
2456
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2457
|
+
Node2.Label,
|
|
2229
2458
|
{
|
|
2230
2459
|
node: totpSecret,
|
|
2231
2460
|
attributes: totpSecret.attributes,
|
|
2232
|
-
children: /* @__PURE__ */ (0,
|
|
2233
|
-
|
|
2461
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2462
|
+
Node2.Input,
|
|
2234
2463
|
{
|
|
2235
2464
|
node: totpSecret,
|
|
2236
2465
|
attributes: {
|
|
@@ -2244,13 +2473,13 @@ function DefaultSettingsTotp({
|
|
|
2244
2473
|
)
|
|
2245
2474
|
}
|
|
2246
2475
|
),
|
|
2247
|
-
/* @__PURE__ */ (0,
|
|
2248
|
-
|
|
2476
|
+
/* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2477
|
+
Node2.Label,
|
|
2249
2478
|
{
|
|
2250
2479
|
attributes: totpInput.attributes,
|
|
2251
2480
|
node: totpInput,
|
|
2252
|
-
children: /* @__PURE__ */ (0,
|
|
2253
|
-
|
|
2481
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
|
|
2482
|
+
Node2.CodeInput,
|
|
2254
2483
|
{
|
|
2255
2484
|
node: totpInput,
|
|
2256
2485
|
attributes: totpInput.attributes
|
|
@@ -2267,17 +2496,17 @@ function DefaultSettingsTotp({
|
|
|
2267
2496
|
var import_elements_react18 = require("@ory/elements-react");
|
|
2268
2497
|
|
|
2269
2498
|
// src/theme/default/assets/icons/key.svg
|
|
2270
|
-
var
|
|
2271
|
-
var
|
|
2499
|
+
var React33 = __toESM(require("react"));
|
|
2500
|
+
var import_jsx_runtime65 = require("react/jsx-runtime");
|
|
2272
2501
|
var SvgKey = (props) => {
|
|
2273
2502
|
var _a, _b;
|
|
2274
|
-
return /* @__PURE__ */ (0,
|
|
2503
|
+
return /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.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" }) });
|
|
2275
2504
|
};
|
|
2276
2505
|
var key_default = SvgKey;
|
|
2277
2506
|
|
|
2278
2507
|
// src/theme/default/components/settings/settings-webauthn.tsx
|
|
2279
2508
|
var import_react_hook_form12 = require("react-hook-form");
|
|
2280
|
-
var
|
|
2509
|
+
var import_jsx_runtime66 = require("react/jsx-runtime");
|
|
2281
2510
|
function DefaultSettingsWebauthn({
|
|
2282
2511
|
nameInput,
|
|
2283
2512
|
triggerButton,
|
|
@@ -2286,17 +2515,17 @@ function DefaultSettingsWebauthn({
|
|
|
2286
2515
|
const {
|
|
2287
2516
|
formState: { isSubmitting }
|
|
2288
2517
|
} = (0, import_react_hook_form12.useFormContext)();
|
|
2289
|
-
const { Node, Card } = (0, import_elements_react18.useComponents)();
|
|
2518
|
+
const { Node: Node2, Card } = (0, import_elements_react18.useComponents)();
|
|
2290
2519
|
const hasRemoveButtons = removeButtons.length > 0;
|
|
2291
|
-
return /* @__PURE__ */ (0,
|
|
2292
|
-
/* @__PURE__ */ (0,
|
|
2293
|
-
/* @__PURE__ */ (0,
|
|
2294
|
-
|
|
2520
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2521
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex md:max-w-96 sm:items-end gap-3 flex-col sm:flex-row", children: [
|
|
2522
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2523
|
+
Node2.Label,
|
|
2295
2524
|
{
|
|
2296
2525
|
node: nameInput,
|
|
2297
2526
|
attributes: nameInput.attributes,
|
|
2298
|
-
children: /* @__PURE__ */ (0,
|
|
2299
|
-
|
|
2527
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2528
|
+
Node2.Input,
|
|
2300
2529
|
{
|
|
2301
2530
|
node: nameInput,
|
|
2302
2531
|
attributes: nameInput.attributes
|
|
@@ -2304,8 +2533,8 @@ function DefaultSettingsWebauthn({
|
|
|
2304
2533
|
)
|
|
2305
2534
|
}
|
|
2306
2535
|
) }),
|
|
2307
|
-
triggerButton ? /* @__PURE__ */ (0,
|
|
2308
|
-
|
|
2536
|
+
triggerButton ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2537
|
+
Node2.Button,
|
|
2309
2538
|
{
|
|
2310
2539
|
node: triggerButton,
|
|
2311
2540
|
attributes: triggerButton.attributes,
|
|
@@ -2313,38 +2542,38 @@ function DefaultSettingsWebauthn({
|
|
|
2313
2542
|
}
|
|
2314
2543
|
) : null
|
|
2315
2544
|
] }),
|
|
2316
|
-
hasRemoveButtons ? /* @__PURE__ */ (0,
|
|
2317
|
-
/* @__PURE__ */ (0,
|
|
2318
|
-
/* @__PURE__ */ (0,
|
|
2545
|
+
hasRemoveButtons ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex flex-col gap-8", children: [
|
|
2546
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Card.Divider, {}),
|
|
2547
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex flex-col gap-4", children: removeButtons.map((node, i) => {
|
|
2319
2548
|
var _a, _b;
|
|
2320
2549
|
const context = (_b = (_a = node.meta.label) == null ? void 0 : _a.context) != null ? _b : {};
|
|
2321
2550
|
const addedAt = "added_at" in context ? context.added_at : null;
|
|
2322
2551
|
const displayName = "display_name" in context ? context.display_name : null;
|
|
2323
2552
|
const keyId = "value" in node.attributes ? node.attributes.value : null;
|
|
2324
|
-
return /* @__PURE__ */ (0,
|
|
2553
|
+
return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
|
|
2325
2554
|
"div",
|
|
2326
2555
|
{
|
|
2327
2556
|
className: "flex justify-between gap-6 md:items-center",
|
|
2328
2557
|
children: [
|
|
2329
|
-
/* @__PURE__ */ (0,
|
|
2330
|
-
/* @__PURE__ */ (0,
|
|
2558
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-2 items-center flex-1 truncate", children: [
|
|
2559
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2331
2560
|
key_default,
|
|
2332
2561
|
{
|
|
2333
2562
|
size: 32,
|
|
2334
2563
|
className: "text-interface-foreground-default-primary"
|
|
2335
2564
|
}
|
|
2336
2565
|
),
|
|
2337
|
-
/* @__PURE__ */ (0,
|
|
2338
|
-
/* @__PURE__ */ (0,
|
|
2339
|
-
/* @__PURE__ */ (0,
|
|
2340
|
-
/* @__PURE__ */ (0,
|
|
2566
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex-1 flex-col md:flex-row md:items-center flex md:justify-between gap-4 truncate", children: [
|
|
2567
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex-1 flex-col truncate", children: [
|
|
2568
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm font-medium text-interface-foreground-default-secondary truncate", children: displayName }),
|
|
2569
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm text-interface-foreground-default-tertiary hidden sm:block truncate", children: keyId })
|
|
2341
2570
|
] }),
|
|
2342
|
-
addedAt && /* @__PURE__ */ (0,
|
|
2571
|
+
addedAt && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm text-interface-foreground-default-tertiary", children: new Intl.DateTimeFormat(void 0, {
|
|
2343
2572
|
dateStyle: "long"
|
|
2344
2573
|
}).format(new Date(addedAt)) })
|
|
2345
2574
|
] })
|
|
2346
2575
|
] }),
|
|
2347
|
-
/* @__PURE__ */ (0,
|
|
2576
|
+
/* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2348
2577
|
"button",
|
|
2349
2578
|
{
|
|
2350
2579
|
...node.attributes,
|
|
@@ -2352,7 +2581,7 @@ function DefaultSettingsWebauthn({
|
|
|
2352
2581
|
onClick: node.onClick,
|
|
2353
2582
|
disabled: isSubmitting,
|
|
2354
2583
|
className: "relative",
|
|
2355
|
-
children: isSubmitting ? /* @__PURE__ */ (0,
|
|
2584
|
+
children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Spinner, { className: "relative" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
|
|
2356
2585
|
trash_default,
|
|
2357
2586
|
{
|
|
2358
2587
|
className: "text-button-link-default-secondary hover:text-button-link-default-secondary-hover",
|
|
@@ -2371,16 +2600,295 @@ function DefaultSettingsWebauthn({
|
|
|
2371
2600
|
}
|
|
2372
2601
|
|
|
2373
2602
|
// src/theme/default/components/card/auth-method-list-container.tsx
|
|
2374
|
-
var
|
|
2603
|
+
var import_jsx_runtime67 = require("react/jsx-runtime");
|
|
2375
2604
|
function DefaultAuthMethodListContainer({
|
|
2376
2605
|
children
|
|
2377
2606
|
}) {
|
|
2378
|
-
return /* @__PURE__ */ (0,
|
|
2607
|
+
return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "grid grid-cols-1 gap-2", children });
|
|
2379
2608
|
}
|
|
2380
2609
|
|
|
2610
|
+
// src/theme/default/components/form/captcha.tsx
|
|
2611
|
+
var import_client_fetch30 = require("@ory/client-fetch");
|
|
2612
|
+
var import_react_turnstile = require("@marsidev/react-turnstile");
|
|
2613
|
+
var import_react13 = require("react");
|
|
2614
|
+
var import_react_hook_form25 = require("react-hook-form");
|
|
2615
|
+
|
|
2616
|
+
// src/context/flow-context.tsx
|
|
2617
|
+
var import_react11 = require("react");
|
|
2618
|
+
|
|
2619
|
+
// src/context/form-state.ts
|
|
2620
|
+
var import_client_fetch15 = require("@ory/client-fetch");
|
|
2621
|
+
var import_react10 = require("react");
|
|
2622
|
+
|
|
2623
|
+
// src/components/card/card-two-step.utils.ts
|
|
2624
|
+
var import_client_fetch14 = require("@ory/client-fetch");
|
|
2625
|
+
|
|
2626
|
+
// src/context/flow-context.tsx
|
|
2627
|
+
var import_jsx_runtime68 = require("react/jsx-runtime");
|
|
2628
|
+
var OryFlowContext = (0, import_react11.createContext)(null);
|
|
2629
|
+
|
|
2630
|
+
// src/context/intl-context.tsx
|
|
2631
|
+
var import_react_intl20 = require("react-intl");
|
|
2632
|
+
|
|
2633
|
+
// src/components/card/header.tsx
|
|
2634
|
+
var import_jsx_runtime69 = require("react/jsx-runtime");
|
|
2635
|
+
|
|
2636
|
+
// src/components/form/form-provider.tsx
|
|
2637
|
+
var import_client_fetch18 = require("@ory/client-fetch");
|
|
2638
|
+
var import_react_hook_form13 = require("react-hook-form");
|
|
2639
|
+
|
|
2640
|
+
// src/components/form/form-helpers.ts
|
|
2641
|
+
var import_client_fetch16 = require("@ory/client-fetch");
|
|
2642
|
+
|
|
2643
|
+
// src/components/form/form-resolver.ts
|
|
2644
|
+
var import_client_fetch17 = require("@ory/client-fetch");
|
|
2645
|
+
|
|
2646
|
+
// src/components/form/form-provider.tsx
|
|
2647
|
+
var import_jsx_runtime70 = require("react/jsx-runtime");
|
|
2648
|
+
|
|
2649
|
+
// src/components/card/card.tsx
|
|
2650
|
+
var import_jsx_runtime71 = require("react/jsx-runtime");
|
|
2651
|
+
|
|
2652
|
+
// src/components/card/footer.tsx
|
|
2653
|
+
var import_jsx_runtime72 = require("react/jsx-runtime");
|
|
2654
|
+
|
|
2655
|
+
// src/components/card/content.tsx
|
|
2656
|
+
var import_jsx_runtime73 = require("react/jsx-runtime");
|
|
2657
|
+
|
|
2658
|
+
// src/components/card/card-two-step.tsx
|
|
2659
|
+
var import_client_fetch27 = require("@ory/client-fetch");
|
|
2660
|
+
var import_react_hook_form17 = require("react-hook-form");
|
|
2661
|
+
|
|
2662
|
+
// src/components/form/form.tsx
|
|
2663
|
+
var import_client_fetch25 = require("@ory/client-fetch");
|
|
2664
|
+
var import_react_hook_form15 = require("react-hook-form");
|
|
2665
|
+
var import_react_intl13 = require("react-intl");
|
|
2666
|
+
|
|
2667
|
+
// src/components/form/useOryFormSubmit.ts
|
|
2668
|
+
var import_client_fetch24 = require("@ory/client-fetch");
|
|
2669
|
+
var import_react_hook_form14 = require("react-hook-form");
|
|
2670
|
+
|
|
2671
|
+
// src/util/onSubmitLogin.ts
|
|
2672
|
+
var import_client_fetch19 = require("@ory/client-fetch");
|
|
2673
|
+
|
|
2674
|
+
// src/util/onSubmitRecovery.ts
|
|
2675
|
+
var import_client_fetch20 = require("@ory/client-fetch");
|
|
2676
|
+
|
|
2677
|
+
// src/util/onSubmitRegistration.ts
|
|
2678
|
+
var import_client_fetch21 = require("@ory/client-fetch");
|
|
2679
|
+
|
|
2680
|
+
// src/util/onSubmitSettings.ts
|
|
2681
|
+
var import_client_fetch22 = require("@ory/client-fetch");
|
|
2682
|
+
|
|
2683
|
+
// src/util/onSubmitVerification.ts
|
|
2684
|
+
var import_client_fetch23 = require("@ory/client-fetch");
|
|
2685
|
+
|
|
2686
|
+
// src/components/form/form.tsx
|
|
2687
|
+
var import_jsx_runtime74 = require("react/jsx-runtime");
|
|
2688
|
+
|
|
2689
|
+
// src/components/form/messages.tsx
|
|
2690
|
+
var import_jsx_runtime75 = require("react/jsx-runtime");
|
|
2691
|
+
|
|
2692
|
+
// src/components/form/nodes/node.tsx
|
|
2693
|
+
var import_client_fetch26 = require("@ory/client-fetch");
|
|
2694
|
+
var import_jsx_runtime76 = require("react/jsx-runtime");
|
|
2695
|
+
|
|
2696
|
+
// src/components/form/social.tsx
|
|
2697
|
+
var import_react_hook_form16 = require("react-hook-form");
|
|
2698
|
+
var import_jsx_runtime77 = require("react/jsx-runtime");
|
|
2699
|
+
|
|
2700
|
+
// src/components/card/card-two-step.tsx
|
|
2701
|
+
var import_jsx_runtime78 = require("react/jsx-runtime");
|
|
2702
|
+
|
|
2703
|
+
// src/components/form/groups.tsx
|
|
2704
|
+
var import_jsx_runtime79 = require("react/jsx-runtime");
|
|
2705
|
+
|
|
2706
|
+
// src/components/form/section.tsx
|
|
2707
|
+
var import_react_hook_form18 = require("react-hook-form");
|
|
2708
|
+
var import_jsx_runtime80 = require("react/jsx-runtime");
|
|
2709
|
+
|
|
2710
|
+
// src/components/generic/divider.tsx
|
|
2711
|
+
var import_jsx_runtime81 = require("react/jsx-runtime");
|
|
2712
|
+
|
|
2713
|
+
// src/components/generic/page-header.tsx
|
|
2714
|
+
var import_jsx_runtime82 = require("react/jsx-runtime");
|
|
2715
|
+
|
|
2716
|
+
// src/components/settings/settings-card.tsx
|
|
2717
|
+
var import_client_fetch28 = require("@ory/client-fetch");
|
|
2718
|
+
var import_react_intl19 = require("react-intl");
|
|
2719
|
+
|
|
2720
|
+
// src/components/settings/oidc-settings.tsx
|
|
2721
|
+
var import_react_intl14 = require("react-intl");
|
|
2722
|
+
var import_react_hook_form19 = require("react-hook-form");
|
|
2723
|
+
var import_jsx_runtime83 = require("react/jsx-runtime");
|
|
2724
|
+
|
|
2725
|
+
// src/components/settings/passkey-settings.tsx
|
|
2726
|
+
var import_react_hook_form20 = require("react-hook-form");
|
|
2727
|
+
var import_react_intl15 = require("react-intl");
|
|
2728
|
+
var import_jsx_runtime84 = require("react/jsx-runtime");
|
|
2729
|
+
|
|
2730
|
+
// src/components/settings/recovery-codes-settings.tsx
|
|
2731
|
+
var import_react_intl16 = require("react-intl");
|
|
2732
|
+
var import_react_hook_form21 = require("react-hook-form");
|
|
2733
|
+
var import_jsx_runtime85 = require("react/jsx-runtime");
|
|
2734
|
+
|
|
2735
|
+
// src/components/settings/totp-settings.tsx
|
|
2736
|
+
var import_react_hook_form22 = require("react-hook-form");
|
|
2737
|
+
var import_react_intl17 = require("react-intl");
|
|
2738
|
+
var import_jsx_runtime86 = require("react/jsx-runtime");
|
|
2739
|
+
|
|
2740
|
+
// src/components/settings/webauthn-settings.tsx
|
|
2741
|
+
var import_react_hook_form23 = require("react-hook-form");
|
|
2742
|
+
var import_react_intl18 = require("react-intl");
|
|
2743
|
+
var import_jsx_runtime87 = require("react/jsx-runtime");
|
|
2744
|
+
|
|
2745
|
+
// src/components/settings/settings-card.tsx
|
|
2746
|
+
var import_jsx_runtime88 = require("react/jsx-runtime");
|
|
2747
|
+
|
|
2748
|
+
// src/context/intl-context.tsx
|
|
2749
|
+
var import_jsx_runtime89 = require("react/jsx-runtime");
|
|
2750
|
+
|
|
2751
|
+
// src/context/provider.tsx
|
|
2752
|
+
var import_jsx_runtime90 = require("react/jsx-runtime");
|
|
2753
|
+
|
|
2754
|
+
// src/components/form/nodes/input.tsx
|
|
2755
|
+
var import_client_fetch29 = require("@ory/client-fetch");
|
|
2756
|
+
var import_react12 = require("react");
|
|
2757
|
+
var import_react_hook_form24 = require("react-hook-form");
|
|
2758
|
+
var import_jsx_runtime91 = require("react/jsx-runtime");
|
|
2759
|
+
var NodeInput = ({
|
|
2760
|
+
node,
|
|
2761
|
+
attributes
|
|
2762
|
+
}) => {
|
|
2763
|
+
var _a;
|
|
2764
|
+
const { Node: Node2 } = useComponents();
|
|
2765
|
+
const { setValue } = (0, import_react_hook_form24.useFormContext)();
|
|
2766
|
+
const {
|
|
2767
|
+
onloadTrigger,
|
|
2768
|
+
onclickTrigger,
|
|
2769
|
+
// These properties do not exist on input fields so we remove them (as we already have handled them).
|
|
2770
|
+
onclick: _ignoredOnclick,
|
|
2771
|
+
onload: _ignoredOnload,
|
|
2772
|
+
//
|
|
2773
|
+
...attrs
|
|
2774
|
+
} = attributes;
|
|
2775
|
+
const isResendNode = ((_a = node.meta.label) == null ? void 0 : _a.id) === 1070008;
|
|
2776
|
+
const isScreenSelectionNode = "name" in node.attributes && node.attributes.name === "screen";
|
|
2777
|
+
const setFormValue = () => {
|
|
2778
|
+
if (attrs.value && !(isResendNode || isScreenSelectionNode)) {
|
|
2779
|
+
setValue(attrs.name, attrs.value);
|
|
2780
|
+
}
|
|
2781
|
+
};
|
|
2782
|
+
const hasRun = (0, import_react12.useRef)(false);
|
|
2783
|
+
(0, import_react12.useEffect)(
|
|
2784
|
+
() => {
|
|
2785
|
+
setFormValue();
|
|
2786
|
+
if (!hasRun.current && onloadTrigger) {
|
|
2787
|
+
hasRun.current = true;
|
|
2788
|
+
triggerToWindowCall(onloadTrigger);
|
|
2789
|
+
}
|
|
2790
|
+
},
|
|
2791
|
+
// TODO(jonas): make sure onloadTrigger is stable
|
|
2792
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps -- ignore onloadTrigger for now, until we make sure this is stable
|
|
2793
|
+
[]
|
|
2794
|
+
);
|
|
2795
|
+
const handleClick = () => {
|
|
2796
|
+
setFormValue();
|
|
2797
|
+
if (onclickTrigger) {
|
|
2798
|
+
triggerToWindowCall(onclickTrigger);
|
|
2799
|
+
}
|
|
2800
|
+
};
|
|
2801
|
+
const isSocial = (attrs.name === "provider" || attrs.name === "link") && node.group === "oidc";
|
|
2802
|
+
const isPinCodeInput = attrs.name === "code" && node.group === "code" || attrs.name === "totp_code" && node.group === "totp";
|
|
2803
|
+
switch (attributes.type) {
|
|
2804
|
+
case import_client_fetch29.UiNodeInputAttributesTypeEnum.Submit:
|
|
2805
|
+
case import_client_fetch29.UiNodeInputAttributesTypeEnum.Button:
|
|
2806
|
+
if (isSocial) {
|
|
2807
|
+
return null;
|
|
2808
|
+
}
|
|
2809
|
+
if (isResendNode || isScreenSelectionNode) {
|
|
2810
|
+
return null;
|
|
2811
|
+
}
|
|
2812
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
2813
|
+
Node2.Label,
|
|
2814
|
+
{
|
|
2815
|
+
attributes: { ...attrs, label: void 0 },
|
|
2816
|
+
node: { ...node, meta: { ...node.meta, label: void 0 } },
|
|
2817
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Node2.Button, { attributes: attrs, node, onClick: handleClick })
|
|
2818
|
+
}
|
|
2819
|
+
);
|
|
2820
|
+
case import_client_fetch29.UiNodeInputAttributesTypeEnum.DatetimeLocal:
|
|
2821
|
+
throw new Error("Not implemented");
|
|
2822
|
+
case import_client_fetch29.UiNodeInputAttributesTypeEnum.Checkbox:
|
|
2823
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
2824
|
+
Node2.Label,
|
|
2825
|
+
{
|
|
2826
|
+
attributes: { ...attrs, label: void 0 },
|
|
2827
|
+
node: { ...node, meta: { ...node.meta, label: void 0 } },
|
|
2828
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Node2.Checkbox, { attributes: attrs, node, onClick: handleClick })
|
|
2829
|
+
}
|
|
2830
|
+
);
|
|
2831
|
+
case import_client_fetch29.UiNodeInputAttributesTypeEnum.Hidden:
|
|
2832
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Node2.Input, { attributes: attrs, node, onClick: handleClick });
|
|
2833
|
+
default:
|
|
2834
|
+
if (isPinCodeInput) {
|
|
2835
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Node2.Label, { attributes: attrs, node, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
|
|
2836
|
+
Node2.CodeInput,
|
|
2837
|
+
{
|
|
2838
|
+
attributes: attrs,
|
|
2839
|
+
node,
|
|
2840
|
+
onClick: handleClick
|
|
2841
|
+
}
|
|
2842
|
+
) });
|
|
2843
|
+
}
|
|
2844
|
+
return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Node2.Label, { attributes: attrs, node, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(Node2.Input, { attributes: attrs, node, onClick: handleClick }) });
|
|
2845
|
+
}
|
|
2846
|
+
};
|
|
2847
|
+
|
|
2848
|
+
// src/theme/default/components/form/captcha.tsx
|
|
2849
|
+
var import_jsx_runtime92 = require("react/jsx-runtime");
|
|
2850
|
+
var DefaultCaptcha = ({ node }) => {
|
|
2851
|
+
const { setValue } = (0, import_react_hook_form25.useFormContext)();
|
|
2852
|
+
const ref = (0, import_react13.useRef)();
|
|
2853
|
+
const nodes = [];
|
|
2854
|
+
if ((0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes)) {
|
|
2855
|
+
if (node.attributes.name === "transient_payload.captcha_turnstile_response") {
|
|
2856
|
+
nodes.push(/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NodeInput, { node, attributes: node.attributes }, 1));
|
|
2857
|
+
}
|
|
2858
|
+
}
|
|
2859
|
+
if ((0, import_client_fetch30.isUiNodeInputAttributes)(node.attributes) && node.attributes.name === "captcha_turnstile_options") {
|
|
2860
|
+
const options = JSON.parse(node.attributes.value);
|
|
2861
|
+
nodes.push(
|
|
2862
|
+
/* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
|
|
2863
|
+
import_react_turnstile.Turnstile,
|
|
2864
|
+
{
|
|
2865
|
+
ref,
|
|
2866
|
+
siteKey: options.sitekey,
|
|
2867
|
+
options: {
|
|
2868
|
+
action: options.action,
|
|
2869
|
+
size: "flexible",
|
|
2870
|
+
theme: options.theme,
|
|
2871
|
+
responseField: false,
|
|
2872
|
+
responseFieldName: options.response_field_name
|
|
2873
|
+
},
|
|
2874
|
+
onExpire: () => {
|
|
2875
|
+
var _a;
|
|
2876
|
+
return (_a = ref.current) == null ? void 0 : _a.reset();
|
|
2877
|
+
},
|
|
2878
|
+
onSuccess: (token) => {
|
|
2879
|
+
setValue(options.response_field_name, token);
|
|
2880
|
+
}
|
|
2881
|
+
},
|
|
2882
|
+
2
|
|
2883
|
+
)
|
|
2884
|
+
);
|
|
2885
|
+
}
|
|
2886
|
+
return nodes;
|
|
2887
|
+
};
|
|
2888
|
+
|
|
2381
2889
|
// src/theme/default/components/default-components.tsx
|
|
2382
2890
|
function getOryComponents(overrides) {
|
|
2383
|
-
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, _ga, _ha;
|
|
2891
|
+
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, _ga, _ha, _ia, _ja;
|
|
2384
2892
|
return {
|
|
2385
2893
|
Card: {
|
|
2386
2894
|
Root: (_b = (_a = overrides == null ? void 0 : overrides.Card) == null ? void 0 : _a.Root) != null ? _b : DefaultCard,
|
|
@@ -2404,41 +2912,42 @@ function getOryComponents(overrides) {
|
|
|
2404
2912
|
Label: (_H = (_G = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _G.Label) != null ? _H : DefaultLabel,
|
|
2405
2913
|
Checkbox: (_J = (_I = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _I.Checkbox) != null ? _J : DefaultCheckbox,
|
|
2406
2914
|
Text: (_L = (_K = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _K.Text) != null ? _L : DefaultText,
|
|
2407
|
-
Anchor: (_N = (_M = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _M.Anchor) != null ? _N : DefaultLinkButton
|
|
2915
|
+
Anchor: (_N = (_M = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _M.Anchor) != null ? _N : DefaultLinkButton,
|
|
2916
|
+
Captcha: (_P = (_O = overrides == null ? void 0 : overrides.Node) == null ? void 0 : _O.Captcha) != null ? _P : DefaultCaptcha
|
|
2408
2917
|
},
|
|
2409
2918
|
Form: {
|
|
2410
|
-
Root: (
|
|
2411
|
-
Group: (
|
|
2412
|
-
OidcRoot: (
|
|
2413
|
-
RecoveryCodesSettings: (
|
|
2414
|
-
TotpSettings: (
|
|
2415
|
-
OidcSettings: (
|
|
2416
|
-
WebauthnSettings: (
|
|
2417
|
-
PasskeySettings: (
|
|
2919
|
+
Root: (_R = (_Q = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Q.Root) != null ? _R : DefaultFormContainer,
|
|
2920
|
+
Group: (_T = (_S = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _S.Group) != null ? _T : DefaultGroupContainer,
|
|
2921
|
+
OidcRoot: (_V = (_U = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _U.OidcRoot) != null ? _V : DefaultSocialButtonContainer,
|
|
2922
|
+
RecoveryCodesSettings: (_X = (_W = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _W.RecoveryCodesSettings) != null ? _X : DefaultSettingsRecoveryCodes,
|
|
2923
|
+
TotpSettings: (_Z = (_Y = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _Y.TotpSettings) != null ? _Z : DefaultSettingsTotp,
|
|
2924
|
+
OidcSettings: (_$ = (__ = overrides == null ? void 0 : overrides.Form) == null ? void 0 : __.OidcSettings) != null ? _$ : DefaultSettingsOidc,
|
|
2925
|
+
WebauthnSettings: (_ba = (_aa = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _aa.WebauthnSettings) != null ? _ba : DefaultSettingsWebauthn,
|
|
2926
|
+
PasskeySettings: (_da = (_ca = overrides == null ? void 0 : overrides.Form) == null ? void 0 : _ca.PasskeySettings) != null ? _da : DefaultSettingsPasskey
|
|
2418
2927
|
},
|
|
2419
2928
|
Message: {
|
|
2420
|
-
Root: (
|
|
2421
|
-
Content: (
|
|
2929
|
+
Root: (_fa = (_ea = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ea.Root) != null ? _fa : DefaultMessageContainer,
|
|
2930
|
+
Content: (_ha = (_ga = overrides == null ? void 0 : overrides.Message) == null ? void 0 : _ga.Content) != null ? _ha : DefaultMessage
|
|
2422
2931
|
},
|
|
2423
2932
|
Page: {
|
|
2424
|
-
Header: (
|
|
2933
|
+
Header: (_ja = (_ia = overrides == null ? void 0 : overrides.Page) == null ? void 0 : _ia.Header) != null ? _ja : DefaultPageHeader
|
|
2425
2934
|
}
|
|
2426
2935
|
};
|
|
2427
2936
|
}
|
|
2428
2937
|
|
|
2429
2938
|
// src/theme/default/flows/error.tsx
|
|
2430
|
-
var
|
|
2939
|
+
var import_jsx_runtime93 = require("react/jsx-runtime");
|
|
2431
2940
|
function Error2({
|
|
2432
2941
|
error,
|
|
2433
2942
|
children
|
|
2434
2943
|
}) {
|
|
2435
|
-
return /* @__PURE__ */ (0,
|
|
2944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { "data-testid": "ory/screen/error/raw", children: JSON.stringify(error) || children });
|
|
2436
2945
|
}
|
|
2437
2946
|
|
|
2438
2947
|
// src/theme/default/flows/login.tsx
|
|
2439
|
-
var
|
|
2948
|
+
var import_client_fetch31 = require("@ory/client-fetch");
|
|
2440
2949
|
var import_elements_react19 = require("@ory/elements-react");
|
|
2441
|
-
var
|
|
2950
|
+
var import_jsx_runtime94 = require("react/jsx-runtime");
|
|
2442
2951
|
function Login({
|
|
2443
2952
|
flow,
|
|
2444
2953
|
config,
|
|
@@ -2446,22 +2955,22 @@ function Login({
|
|
|
2446
2955
|
components: flowOverrideComponents
|
|
2447
2956
|
}) {
|
|
2448
2957
|
const components = getOryComponents(flowOverrideComponents);
|
|
2449
|
-
return /* @__PURE__ */ (0,
|
|
2958
|
+
return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
|
|
2450
2959
|
import_elements_react19.OryProvider,
|
|
2451
2960
|
{
|
|
2452
2961
|
config,
|
|
2453
2962
|
flow,
|
|
2454
|
-
flowType:
|
|
2963
|
+
flowType: import_client_fetch31.FlowType.Login,
|
|
2455
2964
|
components,
|
|
2456
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
2965
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_elements_react19.OryTwoStepCard, {})
|
|
2457
2966
|
}
|
|
2458
2967
|
);
|
|
2459
2968
|
}
|
|
2460
2969
|
|
|
2461
2970
|
// src/theme/default/flows/recovery.tsx
|
|
2462
|
-
var
|
|
2971
|
+
var import_client_fetch32 = require("@ory/client-fetch");
|
|
2463
2972
|
var import_elements_react20 = require("@ory/elements-react");
|
|
2464
|
-
var
|
|
2973
|
+
var import_jsx_runtime95 = require("react/jsx-runtime");
|
|
2465
2974
|
function Recovery({
|
|
2466
2975
|
flow,
|
|
2467
2976
|
config,
|
|
@@ -2469,22 +2978,22 @@ function Recovery({
|
|
|
2469
2978
|
components: flowOverrideComponents
|
|
2470
2979
|
}) {
|
|
2471
2980
|
const components = getOryComponents(flowOverrideComponents);
|
|
2472
|
-
return /* @__PURE__ */ (0,
|
|
2981
|
+
return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
|
|
2473
2982
|
import_elements_react20.OryProvider,
|
|
2474
2983
|
{
|
|
2475
2984
|
config,
|
|
2476
2985
|
flow,
|
|
2477
|
-
flowType:
|
|
2986
|
+
flowType: import_client_fetch32.FlowType.Recovery,
|
|
2478
2987
|
components,
|
|
2479
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
2988
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_elements_react20.OryTwoStepCard, {})
|
|
2480
2989
|
}
|
|
2481
2990
|
);
|
|
2482
2991
|
}
|
|
2483
2992
|
|
|
2484
2993
|
// src/theme/default/flows/registration.tsx
|
|
2485
|
-
var
|
|
2994
|
+
var import_client_fetch33 = require("@ory/client-fetch");
|
|
2486
2995
|
var import_elements_react21 = require("@ory/elements-react");
|
|
2487
|
-
var
|
|
2996
|
+
var import_jsx_runtime96 = require("react/jsx-runtime");
|
|
2488
2997
|
function Registration({
|
|
2489
2998
|
flow,
|
|
2490
2999
|
children,
|
|
@@ -2492,22 +3001,22 @@ function Registration({
|
|
|
2492
3001
|
config
|
|
2493
3002
|
}) {
|
|
2494
3003
|
const components = getOryComponents(flowOverrideComponents);
|
|
2495
|
-
return /* @__PURE__ */ (0,
|
|
3004
|
+
return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
|
|
2496
3005
|
import_elements_react21.OryProvider,
|
|
2497
3006
|
{
|
|
2498
3007
|
config,
|
|
2499
3008
|
flow,
|
|
2500
|
-
flowType:
|
|
3009
|
+
flowType: import_client_fetch33.FlowType.Registration,
|
|
2501
3010
|
components,
|
|
2502
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
3011
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_elements_react21.OryTwoStepCard, {})
|
|
2503
3012
|
}
|
|
2504
3013
|
);
|
|
2505
3014
|
}
|
|
2506
3015
|
|
|
2507
3016
|
// src/theme/default/flows/settings.tsx
|
|
2508
|
-
var
|
|
3017
|
+
var import_client_fetch34 = require("@ory/client-fetch");
|
|
2509
3018
|
var import_elements_react22 = require("@ory/elements-react");
|
|
2510
|
-
var
|
|
3019
|
+
var import_jsx_runtime97 = require("react/jsx-runtime");
|
|
2511
3020
|
function Settings({
|
|
2512
3021
|
flow,
|
|
2513
3022
|
config,
|
|
@@ -2515,25 +3024,25 @@ function Settings({
|
|
|
2515
3024
|
components: flowOverrideComponents
|
|
2516
3025
|
}) {
|
|
2517
3026
|
const components = getOryComponents(flowOverrideComponents);
|
|
2518
|
-
return /* @__PURE__ */ (0,
|
|
3027
|
+
return /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
|
|
2519
3028
|
import_elements_react22.OryProvider,
|
|
2520
3029
|
{
|
|
2521
3030
|
config,
|
|
2522
3031
|
flow,
|
|
2523
|
-
flowType:
|
|
3032
|
+
flowType: import_client_fetch34.FlowType.Settings,
|
|
2524
3033
|
components,
|
|
2525
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
2526
|
-
/* @__PURE__ */ (0,
|
|
2527
|
-
/* @__PURE__ */ (0,
|
|
3034
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_jsx_runtime97.Fragment, { children: [
|
|
3035
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_elements_react22.HeadlessPageHeader, {}),
|
|
3036
|
+
/* @__PURE__ */ (0, import_jsx_runtime97.jsx)(import_elements_react22.OrySettingsCard, {})
|
|
2528
3037
|
] })
|
|
2529
3038
|
}
|
|
2530
3039
|
);
|
|
2531
3040
|
}
|
|
2532
3041
|
|
|
2533
3042
|
// src/theme/default/flows/verification.tsx
|
|
2534
|
-
var
|
|
3043
|
+
var import_client_fetch35 = require("@ory/client-fetch");
|
|
2535
3044
|
var import_elements_react23 = require("@ory/elements-react");
|
|
2536
|
-
var
|
|
3045
|
+
var import_jsx_runtime98 = require("react/jsx-runtime");
|
|
2537
3046
|
function Verification({
|
|
2538
3047
|
flow,
|
|
2539
3048
|
config,
|
|
@@ -2541,14 +3050,14 @@ function Verification({
|
|
|
2541
3050
|
components: flowOverrideComponents
|
|
2542
3051
|
}) {
|
|
2543
3052
|
const components = getOryComponents(flowOverrideComponents);
|
|
2544
|
-
return /* @__PURE__ */ (0,
|
|
3053
|
+
return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
|
|
2545
3054
|
import_elements_react23.OryProvider,
|
|
2546
3055
|
{
|
|
2547
3056
|
config,
|
|
2548
3057
|
flow,
|
|
2549
|
-
flowType:
|
|
3058
|
+
flowType: import_client_fetch35.FlowType.Verification,
|
|
2550
3059
|
components,
|
|
2551
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
3060
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_elements_react23.OryTwoStepCard, {})
|
|
2552
3061
|
}
|
|
2553
3062
|
);
|
|
2554
3063
|
}
|