@ory/elements-react 1.0.0-next.5 → 1.0.0-next.7
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/.vscode/i18n-ally-reviews.yml +3 -0
- package/.vscode/settings.json +4 -0
- package/CHANGELOG.md +34 -8
- package/README.md +4 -3
- package/dist/index.d.mts +90 -17
- package/dist/index.d.ts +90 -17
- package/dist/index.js +265 -59
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +260 -57
- package/dist/index.mjs.map +1 -1
- package/dist/theme/default/index.css +36 -2
- package/dist/theme/default/index.css.map +1 -1
- package/dist/theme/default/index.js +265 -193
- package/dist/theme/default/index.js.map +1 -1
- package/dist/theme/default/index.mjs +274 -202
- package/dist/theme/default/index.mjs.map +1 -1
- package/package.json +10 -9
- package/tsconfig.json +4 -2
- package/test-results/.last-run.json +0 -4
|
@@ -52,29 +52,33 @@ module.exports = __toCommonJS(default_exports);
|
|
|
52
52
|
// src/theme/default/assets/ory-badge-horizontal.svg
|
|
53
53
|
var React = __toESM(require("react"));
|
|
54
54
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
55
|
-
var SvgOryBadgeHorizontal = (props) =>
|
|
56
|
-
|
|
57
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
58
|
-
|
|
59
|
-
|
|
55
|
+
var SvgOryBadgeHorizontal = (props) => {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("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: [
|
|
58
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#fff", d: "M18.007 8h-1.71l2.007-3.996L16.296 0h1.711l1.145 2.301L20.327 0H22z" }),
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { fill: "#fff", fillRule: "evenodd", d: "M12.902 4.86a2.47 2.47 0 0 0 1.796-2.365v-.038C14.687 1.097 13.592 0 12.245 0H9.037v1.44l1.208 1.985H9.04V8h1.51V4.949h.633L13.04 8h1.775zm-.876-1.431h.223c.52 0 .943-.427.943-.953a.95.95 0 0 0-.943-.952h-1.39zM4 0a4 4 0 1 0-.001 7.999A4 4 0 0 0 4 0M1.524 4a2.476 2.476 0 1 0 4.952 0 2.476 2.476 0 0 0-4.952 0", clipRule: "evenodd" })
|
|
60
|
+
] });
|
|
61
|
+
};
|
|
60
62
|
var ory_badge_horizontal_default = SvgOryBadgeHorizontal;
|
|
61
63
|
|
|
62
64
|
// src/theme/default/assets/ory-badge-vertical.svg
|
|
63
65
|
var React2 = __toESM(require("react"));
|
|
64
66
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
65
|
-
var SvgOryBadgeVertical = (props) =>
|
|
66
|
-
|
|
67
|
-
/* @__PURE__ */ (0, import_jsx_runtime2.
|
|
68
|
-
|
|
69
|
-
|
|
67
|
+
var SvgOryBadgeVertical = (props) => {
|
|
68
|
+
var _a, _b;
|
|
69
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("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: [
|
|
70
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "#fff", d: "M8 3.993v1.71L4.004 3.697 0 5.704V3.993l2.301-1.145L0 1.673V0z" }),
|
|
71
|
+
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { fill: "#fff", fillRule: "evenodd", d: "M4.86 9.099a2.47 2.47 0 0 0-2.365-1.797h-.038C1.097 7.313 0 8.408 0 9.755v3.208h1.44l1.985-1.208v1.204H8v-1.51H4.949v-.633L8 8.96V7.185zm-1.431.875v-.223a.95.95 0 0 0-.953-.943.95.95 0 0 0-.952.943v1.39zM0 18a4 4 0 1 0 8 0 4 4 0 0 0-8 0m4 2.476a2.476 2.476 0 1 0 0-4.952 2.476 2.476 0 0 0 0 4.952", clipRule: "evenodd" })
|
|
72
|
+
] });
|
|
73
|
+
};
|
|
70
74
|
var ory_badge_vertical_default = SvgOryBadgeVertical;
|
|
71
75
|
|
|
72
76
|
// src/theme/default/components/card/badge.tsx
|
|
73
77
|
var import_jsx_runtime3 = require("react/jsx-runtime");
|
|
74
78
|
function Badge() {
|
|
75
79
|
return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "font-bold bg-branding-bg-default absolute max-md:rounded-b-md p-2 max-md:bottom-0 max-md:translate-y-full max-md:left-8 md:right-0 md:translate-x-full md:top-8 md:rounded-r-md", children: [
|
|
76
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ory_badge_horizontal_default, { className: "md:hidden" }),
|
|
77
|
-
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ory_badge_vertical_default, { className: "max-md:hidden" })
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ory_badge_horizontal_default, { width: 22, height: 8, className: "md:hidden" }),
|
|
81
|
+
/* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ory_badge_vertical_default, { width: 8, height: 22, className: "max-md:hidden" })
|
|
78
82
|
] });
|
|
79
83
|
}
|
|
80
84
|
|
|
@@ -174,9 +178,10 @@ function VerificationCardFooter() {
|
|
|
174
178
|
}
|
|
175
179
|
|
|
176
180
|
// src/theme/default/components/card/header.tsx
|
|
177
|
-
var import_client_fetch2 = require("@ory/client-fetch");
|
|
178
181
|
var import_elements_react2 = require("@ory/elements-react");
|
|
179
|
-
|
|
182
|
+
|
|
183
|
+
// src/theme/default/utils/constructCardHeader.ts
|
|
184
|
+
var import_client_fetch2 = require("@ory/client-fetch");
|
|
180
185
|
function joinWithCommaOr(list) {
|
|
181
186
|
if (list.length === 0) {
|
|
182
187
|
return ".";
|
|
@@ -187,11 +192,28 @@ function joinWithCommaOr(list) {
|
|
|
187
192
|
return `${list.join(", ")} or ${last}.`;
|
|
188
193
|
}
|
|
189
194
|
}
|
|
190
|
-
function constructCardHeaderText(
|
|
195
|
+
function constructCardHeaderText(nodes, opts) {
|
|
196
|
+
var _a;
|
|
197
|
+
switch (opts.flowType) {
|
|
198
|
+
case import_client_fetch2.FlowType.Recovery:
|
|
199
|
+
return {
|
|
200
|
+
title: "Recover your account",
|
|
201
|
+
description: "Enter the email address associated with your account to receive a one-time access code"
|
|
202
|
+
};
|
|
203
|
+
case import_client_fetch2.FlowType.Settings:
|
|
204
|
+
return {
|
|
205
|
+
title: "Update your account",
|
|
206
|
+
description: "Update your account settings"
|
|
207
|
+
};
|
|
208
|
+
case import_client_fetch2.FlowType.Verification:
|
|
209
|
+
return {
|
|
210
|
+
title: "Verify your account",
|
|
211
|
+
description: "Enter the email address associated with your account to verify it"
|
|
212
|
+
};
|
|
213
|
+
}
|
|
191
214
|
const parts = [];
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
switch (container.flowType) {
|
|
215
|
+
if (nodes.find((node) => node.group === "password")) {
|
|
216
|
+
switch (opts.flowType) {
|
|
195
217
|
case import_client_fetch2.FlowType.Registration:
|
|
196
218
|
parts.push(`your email and a password`);
|
|
197
219
|
break;
|
|
@@ -199,32 +221,29 @@ function constructCardHeaderText(container) {
|
|
|
199
221
|
parts.push(`your email and password`);
|
|
200
222
|
}
|
|
201
223
|
}
|
|
202
|
-
if (
|
|
224
|
+
if (nodes.find((node) => node.group === "oidc")) {
|
|
203
225
|
parts.push(`a social provider`);
|
|
204
226
|
}
|
|
205
|
-
if (
|
|
227
|
+
if (nodes.find((node) => node.group === "code")) {
|
|
206
228
|
parts.push(`a code sent to your email`);
|
|
207
229
|
}
|
|
208
|
-
if (
|
|
209
|
-
parts.push(`a
|
|
230
|
+
if (nodes.find((node) => node.group === "passkey")) {
|
|
231
|
+
parts.push(`a Passkey`);
|
|
210
232
|
}
|
|
211
|
-
if (
|
|
233
|
+
if (nodes.find((node) => node.group === "webauthn")) {
|
|
212
234
|
parts.push(`a security key`);
|
|
213
235
|
}
|
|
214
|
-
if (
|
|
215
|
-
const
|
|
216
|
-
(node) => (0, import_client_fetch2.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("
|
|
236
|
+
if (nodes.find((node) => node.group === "identifier_first")) {
|
|
237
|
+
const identifier = nodes.find(
|
|
238
|
+
(node) => (0, import_client_fetch2.isUiNodeInputAttributes)(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
|
|
217
239
|
);
|
|
218
|
-
if (
|
|
219
|
-
|
|
220
|
-
if (label) {
|
|
221
|
-
parts.push(`your ${label.text}`);
|
|
222
|
-
}
|
|
240
|
+
if (identifier) {
|
|
241
|
+
parts.push(`your ${(_a = identifier.meta.label) == null ? void 0 : _a.text}`);
|
|
223
242
|
}
|
|
224
243
|
}
|
|
225
|
-
switch (
|
|
244
|
+
switch (opts.flowType) {
|
|
226
245
|
case import_client_fetch2.FlowType.Login:
|
|
227
|
-
if (
|
|
246
|
+
if (opts.flow.refresh) {
|
|
228
247
|
return {
|
|
229
248
|
title: "Reauthenticate",
|
|
230
249
|
description: "Confirm your identity with " + joinWithCommaOr(parts)
|
|
@@ -239,22 +258,15 @@ function constructCardHeaderText(container) {
|
|
|
239
258
|
title: "Sign up",
|
|
240
259
|
description: parts.length > 0 ? "Sign up with " + joinWithCommaOr(parts) : ""
|
|
241
260
|
};
|
|
242
|
-
case import_client_fetch2.FlowType.Recovery:
|
|
243
|
-
return {
|
|
244
|
-
title: "Recover your account",
|
|
245
|
-
description: "Enter the email address associated with your account to receive a one-time access code"
|
|
246
|
-
};
|
|
247
|
-
case import_client_fetch2.FlowType.Settings:
|
|
248
|
-
return {
|
|
249
|
-
title: "Update your account"
|
|
250
|
-
};
|
|
251
|
-
case import_client_fetch2.FlowType.Verification:
|
|
252
|
-
return {
|
|
253
|
-
title: "Verify your account",
|
|
254
|
-
description: "Enter the email address associated with your account to verify it"
|
|
255
|
-
};
|
|
256
261
|
}
|
|
262
|
+
return {
|
|
263
|
+
title: "Error",
|
|
264
|
+
description: "An error occurred"
|
|
265
|
+
};
|
|
257
266
|
}
|
|
267
|
+
|
|
268
|
+
// src/theme/default/components/card/header.tsx
|
|
269
|
+
var import_jsx_runtime5 = require("react/jsx-runtime");
|
|
258
270
|
function InnerCardHeader({ title, text }) {
|
|
259
271
|
const { CardLogo } = (0, import_elements_react2.useComponents)();
|
|
260
272
|
return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("header", { className: "flex flex-col gap-8 antialiased", children: [
|
|
@@ -267,7 +279,10 @@ function InnerCardHeader({ title, text }) {
|
|
|
267
279
|
}
|
|
268
280
|
function DefaultCardHeader() {
|
|
269
281
|
const context = (0, import_elements_react2.useOryFlow)();
|
|
270
|
-
const { title, description } = constructCardHeaderText(
|
|
282
|
+
const { title, description } = constructCardHeaderText(
|
|
283
|
+
context.flow.ui.nodes,
|
|
284
|
+
context
|
|
285
|
+
);
|
|
271
286
|
return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(InnerCardHeader, { title, text: description });
|
|
272
287
|
}
|
|
273
288
|
|
|
@@ -291,7 +306,7 @@ function DefaultCardLogo() {
|
|
|
291
306
|
// src/theme/default/components/card/index.tsx
|
|
292
307
|
var import_jsx_runtime7 = require("react/jsx-runtime");
|
|
293
308
|
function DefaultCard({ children }) {
|
|
294
|
-
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ory-default-theme", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-cols-1 max-w-sm md:max-w-[480px] md:w-[480px] gap-8 bg-dialog-bg-default px-8 md:px-12 py-12 md:py-14 relative rounded-border-radius-cards border border-dialog-border-default", children: [
|
|
309
|
+
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "ory-default-theme font-sans", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "grid grid-cols-1 max-w-sm md:max-w-[480px] md:w-[480px] gap-8 bg-dialog-bg-default px-8 md:px-12 py-12 md:py-14 relative rounded-border-radius-cards border border-dialog-border-default", children: [
|
|
295
310
|
children,
|
|
296
311
|
/* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Badge, {})
|
|
297
312
|
] }) });
|
|
@@ -347,81 +362,73 @@ function DefaultMessage({ message }) {
|
|
|
347
362
|
// src/theme/default/assets/icons/code.svg
|
|
348
363
|
var React3 = __toESM(require("react"));
|
|
349
364
|
var import_jsx_runtime9 = require("react/jsx-runtime");
|
|
350
|
-
var SvgCode = (props) =>
|
|
365
|
+
var SvgCode = (props) => {
|
|
366
|
+
var _a, _b;
|
|
367
|
+
return /* @__PURE__ */ (0, import_jsx_runtime9.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_runtime9.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" }) });
|
|
368
|
+
};
|
|
351
369
|
var code_default = SvgCode;
|
|
352
370
|
|
|
353
371
|
// src/theme/default/assets/icons/passkey.svg
|
|
354
372
|
var React4 = __toESM(require("react"));
|
|
355
373
|
var import_jsx_runtime10 = require("react/jsx-runtime");
|
|
356
|
-
var SvgPasskey = (props) =>
|
|
374
|
+
var SvgPasskey = (props) => {
|
|
375
|
+
var _a, _b;
|
|
376
|
+
return /* @__PURE__ */ (0, import_jsx_runtime10.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_runtime10.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" }) });
|
|
377
|
+
};
|
|
357
378
|
var passkey_default = SvgPasskey;
|
|
358
379
|
|
|
359
380
|
// src/theme/default/assets/icons/password.svg
|
|
360
381
|
var React5 = __toESM(require("react"));
|
|
361
382
|
var import_jsx_runtime11 = require("react/jsx-runtime");
|
|
362
|
-
var SvgPassword = (props) =>
|
|
383
|
+
var SvgPassword = (props) => {
|
|
384
|
+
var _a, _b;
|
|
385
|
+
return /* @__PURE__ */ (0, import_jsx_runtime11.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_runtime11.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" }) });
|
|
386
|
+
};
|
|
363
387
|
var password_default = SvgPassword;
|
|
364
388
|
|
|
365
389
|
// src/theme/default/assets/icons/webauthn.svg
|
|
366
390
|
var React6 = __toESM(require("react"));
|
|
367
391
|
var import_jsx_runtime12 = require("react/jsx-runtime");
|
|
368
|
-
var SvgWebauthn = (props) =>
|
|
392
|
+
var SvgWebauthn = (props) => {
|
|
393
|
+
var _a, _b;
|
|
394
|
+
return /* @__PURE__ */ (0, import_jsx_runtime12.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_runtime12.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" }) });
|
|
395
|
+
};
|
|
369
396
|
var webauthn_default = SvgWebauthn;
|
|
370
397
|
|
|
371
398
|
// src/theme/default/components/card/auth-methods.tsx
|
|
399
|
+
var import_react_intl2 = require("react-intl");
|
|
372
400
|
var import_jsx_runtime13 = require("react/jsx-runtime");
|
|
401
|
+
var iconsMap = {
|
|
402
|
+
code: code_default,
|
|
403
|
+
passkey: passkey_default,
|
|
404
|
+
password: password_default,
|
|
405
|
+
webauthn: webauthn_default
|
|
406
|
+
};
|
|
373
407
|
function DefaultAuthMethodListItem({
|
|
374
|
-
|
|
375
|
-
setStep,
|
|
408
|
+
onClick,
|
|
376
409
|
group
|
|
377
410
|
}) {
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
case "passkey":
|
|
383
|
-
Icon = passkey_default;
|
|
384
|
-
title = "Passkey";
|
|
385
|
-
description = "Use your fingerprint or face to sign in.";
|
|
386
|
-
break;
|
|
387
|
-
case "password":
|
|
388
|
-
Icon = password_default;
|
|
389
|
-
title = "Password";
|
|
390
|
-
description = "Use your password to sign in.";
|
|
391
|
-
break;
|
|
392
|
-
case "webauthn":
|
|
393
|
-
Icon = webauthn_default;
|
|
394
|
-
title = "Security Key";
|
|
395
|
-
description = "Use a security key to sign in.";
|
|
396
|
-
break;
|
|
397
|
-
case "code":
|
|
398
|
-
Icon = code_default;
|
|
399
|
-
title = "Email";
|
|
400
|
-
description = "Enter a code sent to your email.";
|
|
401
|
-
break;
|
|
402
|
-
}
|
|
403
|
-
return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
404
|
-
"div",
|
|
411
|
+
const intl = (0, import_react_intl2.useIntl)();
|
|
412
|
+
const Icon = iconsMap[group] || null;
|
|
413
|
+
return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "w-full hover:bg-forms-bg-hover px-2 py-1 rounded", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
|
|
414
|
+
"button",
|
|
405
415
|
{
|
|
406
|
-
className: "flex py-2 gap-3 cursor-pointer
|
|
407
|
-
onClick
|
|
408
|
-
setGroups([group]);
|
|
409
|
-
setStep(2);
|
|
410
|
-
},
|
|
416
|
+
className: "flex text-left py-2 gap-3 cursor-pointer ",
|
|
417
|
+
onClick,
|
|
411
418
|
children: [
|
|
412
|
-
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex-none w-4 h-4 mt-[2px]", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { className: "
|
|
419
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex-none w-4 h-4 mt-[2px]", children: Icon && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, { size: 20, className: "text-forms-fg-default" }) }),
|
|
413
420
|
/* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex-1 text-sm leading-normal", children: [
|
|
414
|
-
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-forms-fg-default", children: title }),
|
|
415
|
-
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-forms-fg-
|
|
421
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-forms-fg-default text-sm", children: intl.formatMessage({ id: `two-step.${group}.title` }) }),
|
|
422
|
+
/* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "text-forms-fg-mute text-sm", children: intl.formatMessage({ id: `two-step.${group}.description` }) })
|
|
416
423
|
] })
|
|
417
424
|
]
|
|
418
425
|
}
|
|
419
|
-
);
|
|
426
|
+
) });
|
|
420
427
|
}
|
|
421
428
|
|
|
422
429
|
// src/theme/default/components/form/button.tsx
|
|
423
430
|
var import_react_hook_form = require("react-hook-form");
|
|
424
|
-
var
|
|
431
|
+
var import_react_intl3 = require("react-intl");
|
|
425
432
|
|
|
426
433
|
// src/theme/default/components/form/spinner.tsx
|
|
427
434
|
var import_jsx_runtime14 = require("react/jsx-runtime");
|
|
@@ -482,7 +489,7 @@ var DefaultButton = ({
|
|
|
482
489
|
// End of skipped attributes
|
|
483
490
|
...rest
|
|
484
491
|
} = attributes;
|
|
485
|
-
const intl = (0,
|
|
492
|
+
const intl = (0, import_react_intl3.useIntl)();
|
|
486
493
|
const label = (0, import_client_fetch3.getNodeLabel)(node);
|
|
487
494
|
const {
|
|
488
495
|
formState: { isSubmitting },
|
|
@@ -508,9 +515,7 @@ var DefaultButton = ({
|
|
|
508
515
|
}
|
|
509
516
|
},
|
|
510
517
|
className: cn(
|
|
511
|
-
|
|
512
|
-
// "relative antialiased rounded border gap-3 leading-none transition-colors ease-linear duration-100 px-4 py-4.5 text-sm font-medium",
|
|
513
|
-
"antialiased rounded-border-radius-buttons border border-transparent gap-3 bg-button-primary-bg-default hover:bg-button-primary-bg-hover transition-colors text-button-primary-fg-default hover:text-button-primary-fg-hover px-4 py-4.5 text-sm leading-none font-medium",
|
|
518
|
+
"antialiased rounded-border-radius-buttons border border-transparent gap-3 bg-button-primary-bg-default hover:bg-button-primary-bg-hover transition-colors text-button-primary-fg-default hover:text-button-primary-fg-hover px-4 py-3 md:py-4.5 text-sm leading-none font-medium",
|
|
514
519
|
{
|
|
515
520
|
"cursor-not-allowed": isSubmitting,
|
|
516
521
|
"bg-button-primary-bg-hover": isSubmitting,
|
|
@@ -543,7 +548,7 @@ DefaultButton.displayName = "DefaultButton";
|
|
|
543
548
|
// src/theme/default/components/form/checkbox.tsx
|
|
544
549
|
var import_react = require("react");
|
|
545
550
|
var import_react_hook_form2 = require("react-hook-form");
|
|
546
|
-
var
|
|
551
|
+
var import_react_intl4 = require("react-intl");
|
|
547
552
|
var import_elements_react5 = require("@ory/elements-react");
|
|
548
553
|
var import_client_fetch4 = require("@ory/client-fetch");
|
|
549
554
|
var import_jsx_runtime16 = require("react/jsx-runtime");
|
|
@@ -591,7 +596,7 @@ var DefaultCheckbox = ({
|
|
|
591
596
|
// End of skipped attributes
|
|
592
597
|
...attributes
|
|
593
598
|
} = initialAttributes;
|
|
594
|
-
const intl = (0,
|
|
599
|
+
const intl = (0, import_react_intl4.useIntl)();
|
|
595
600
|
const label = (0, import_client_fetch4.getNodeLabel)(node);
|
|
596
601
|
const [checked, setChecked] = (0, import_react.useState)(Boolean(value));
|
|
597
602
|
const { register } = (0, import_react_hook_form2.useForm)();
|
|
@@ -608,7 +613,6 @@ var DefaultCheckbox = ({
|
|
|
608
613
|
"input",
|
|
609
614
|
{
|
|
610
615
|
...attributes,
|
|
611
|
-
defaultChecked: checked,
|
|
612
616
|
checked,
|
|
613
617
|
value: 1,
|
|
614
618
|
type: "checkbox",
|
|
@@ -670,13 +674,14 @@ var DefaultInput = ({
|
|
|
670
674
|
}) => {
|
|
671
675
|
const label = (0, import_client_fetch5.getNodeLabel)(node);
|
|
672
676
|
const { register } = (0, import_react_hook_form3.useFormContext)();
|
|
673
|
-
const { value, autocomplete, name, ...rest } = attributes;
|
|
677
|
+
const { value, autocomplete, name, maxlength, ...rest } = attributes;
|
|
674
678
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
675
679
|
"input",
|
|
676
680
|
{
|
|
677
681
|
...rest,
|
|
678
|
-
autoComplete: autocomplete,
|
|
679
682
|
onClick,
|
|
683
|
+
maxLength: maxlength,
|
|
684
|
+
autoComplete: autocomplete,
|
|
680
685
|
placeholder: (label == null ? void 0 : label.text) ? "Enter your " + (label == null ? void 0 : label.text) : "",
|
|
681
686
|
className: "antialiased bg-forms-bg-default rounded-border-radius-forms border px-3 py-2.5 md:px-4 md:py-4 border-forms-border-default leading-tight hover:border-forms-border-hover transition-colors text-sm",
|
|
682
687
|
...register(name, { value })
|
|
@@ -686,7 +691,7 @@ var DefaultInput = ({
|
|
|
686
691
|
|
|
687
692
|
// src/theme/default/components/form/label.tsx
|
|
688
693
|
var import_client_fetch6 = require("@ory/client-fetch");
|
|
689
|
-
var
|
|
694
|
+
var import_react_intl5 = require("react-intl");
|
|
690
695
|
var import_elements_react6 = require("@ory/elements-react");
|
|
691
696
|
var import_elements_react7 = require("@ory/elements-react");
|
|
692
697
|
var import_jsx_runtime21 = require("react/jsx-runtime");
|
|
@@ -696,7 +701,7 @@ function DefaultLabel({
|
|
|
696
701
|
attributes,
|
|
697
702
|
...rest
|
|
698
703
|
}) {
|
|
699
|
-
const intl = (0,
|
|
704
|
+
const intl = (0, import_react_intl5.useIntl)();
|
|
700
705
|
const label = (0, import_client_fetch6.getNodeLabel)(node);
|
|
701
706
|
const { config, flowType } = (0, import_elements_react6.useOryFlow)();
|
|
702
707
|
const isPassword = attributes.type === "password";
|
|
@@ -753,12 +758,12 @@ function DefaultLabel({
|
|
|
753
758
|
|
|
754
759
|
// src/theme/default/components/form/link-button.tsx
|
|
755
760
|
var import_react2 = require("react");
|
|
756
|
-
var
|
|
761
|
+
var import_react_intl6 = require("react-intl");
|
|
757
762
|
var import_elements_react8 = require("@ory/elements-react");
|
|
758
763
|
var import_client_fetch7 = require("@ory/client-fetch");
|
|
759
764
|
var import_jsx_runtime22 = require("react/jsx-runtime");
|
|
760
765
|
var DefaultLinkButton = (0, import_react2.forwardRef)(({ attributes, node }, ref) => {
|
|
761
|
-
const intl = (0,
|
|
766
|
+
const intl = (0, import_react_intl6.useIntl)();
|
|
762
767
|
const label = (0, import_client_fetch7.getNodeLabel)(node);
|
|
763
768
|
return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
|
|
764
769
|
"a",
|
|
@@ -860,126 +865,163 @@ var import_elements_react9 = require("@ory/elements-react");
|
|
|
860
865
|
// src/theme/default/provider-logos/apple.svg
|
|
861
866
|
var React8 = __toESM(require("react"));
|
|
862
867
|
var import_jsx_runtime25 = require("react/jsx-runtime");
|
|
863
|
-
var SvgApple = (props) =>
|
|
864
|
-
|
|
865
|
-
/* @__PURE__ */ (0, import_jsx_runtime25.
|
|
866
|
-
|
|
868
|
+
var SvgApple = (props) => {
|
|
869
|
+
var _a, _b;
|
|
870
|
+
return /* @__PURE__ */ (0, import_jsx_runtime25.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: [
|
|
871
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { fill: "#283544", d: "M30 16c0 7.728-6.265 14-14 14S2 23.728 2 16C2 8.265 8.265 2 16 2s14 6.265 14 14" }),
|
|
872
|
+
/* @__PURE__ */ (0, import_jsx_runtime25.jsx)("path", { fill: "#fff", d: "M22.562 12.457c-.076.045-1.895.986-1.895 3.07.086 2.38 2.295 3.213 2.333 3.213-.038.045-.334 1.136-1.21 2.28-.694.986-1.466 1.98-2.637 1.98-1.114 0-1.514-.657-2.8-.657-1.381 0-1.772.657-2.829.657-1.171 0-2-1.047-2.733-2.023-.952-1.278-1.761-3.284-1.79-5.21-.02-1.02.19-2.023.724-2.875.752-1.19 2.095-1.997 3.561-2.023 1.124-.036 2.124.719 2.81.719.657 0 1.885-.72 3.275-.72.6.001 2.2.17 3.191 1.59m-6.561-1.792c-.2-.932.352-1.864.866-2.458.657-.72 1.695-1.207 2.59-1.207a3.33 3.33 0 0 1-.952 2.511c-.58.72-1.58 1.26-2.504 1.154" })
|
|
873
|
+
] });
|
|
874
|
+
};
|
|
867
875
|
var apple_default = SvgApple;
|
|
868
876
|
|
|
869
877
|
// src/theme/default/provider-logos/auth0.svg
|
|
870
878
|
var React9 = __toESM(require("react"));
|
|
871
879
|
var import_jsx_runtime26 = require("react/jsx-runtime");
|
|
872
|
-
var SvgAuth0 = (props) =>
|
|
880
|
+
var SvgAuth0 = (props) => {
|
|
881
|
+
var _a, _b;
|
|
882
|
+
return /* @__PURE__ */ (0, import_jsx_runtime26.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_runtime26.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" }) });
|
|
883
|
+
};
|
|
873
884
|
var auth0_default = SvgAuth0;
|
|
874
885
|
|
|
875
886
|
// src/theme/default/provider-logos/discord.svg
|
|
876
887
|
var React10 = __toESM(require("react"));
|
|
877
888
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
878
|
-
var SvgDiscord = (props) =>
|
|
879
|
-
|
|
880
|
-
/* @__PURE__ */ (0, import_jsx_runtime27.
|
|
881
|
-
|
|
889
|
+
var SvgDiscord = (props) => {
|
|
890
|
+
var _a, _b;
|
|
891
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.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: [
|
|
892
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.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" }),
|
|
893
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.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" })
|
|
894
|
+
] });
|
|
895
|
+
};
|
|
882
896
|
var discord_default = SvgDiscord;
|
|
883
897
|
|
|
884
898
|
// src/theme/default/provider-logos/facebook.svg
|
|
885
899
|
var React11 = __toESM(require("react"));
|
|
886
900
|
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
887
|
-
var SvgFacebook = (props) =>
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
/* @__PURE__ */ (0, import_jsx_runtime28.
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
] })
|
|
901
|
+
var SvgFacebook = (props) => {
|
|
902
|
+
var _a, _b;
|
|
903
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.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: [
|
|
904
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("g", { clipPath: "url(#facebook_svg__a)", children: [
|
|
905
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { fill: "#1877F2", d: "M24 12c0-6.627-5.373-12-12-12C5.372 0 0 5.374 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.357c0-3.008 1.791-4.669 4.532-4.669 1.313 0 2.686.234 2.686.234v2.953H15.83c-1.49 0-1.955.925-1.955 1.874V12h3.328l-.532 3.469h-2.796v8.385c5.736-.9 10.124-5.864 10.124-11.854" }),
|
|
906
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { fill: "#fff", d: "M16.67 15.469 17.204 12h-3.328V9.75c0-.95.465-1.875 1.955-1.875h1.513V4.922s-1.373-.234-2.686-.234c-2.74 0-4.532 1.661-4.532 4.669V12H7.078v3.469h3.047v8.385a12.1 12.1 0 0 0 3.75 0V15.47z" })
|
|
907
|
+
] }),
|
|
908
|
+
/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("clipPath", { id: "facebook_svg__a", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("rect", { fill: "#fff" }) }) })
|
|
909
|
+
] });
|
|
910
|
+
};
|
|
894
911
|
var facebook_default = SvgFacebook;
|
|
895
912
|
|
|
896
913
|
// src/theme/default/provider-logos/generic.svg
|
|
897
914
|
var React12 = __toESM(require("react"));
|
|
898
915
|
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
899
|
-
var SvgGeneric = (props) =>
|
|
900
|
-
|
|
901
|
-
/* @__PURE__ */ (0, import_jsx_runtime29.
|
|
902
|
-
|
|
903
|
-
|
|
916
|
+
var SvgGeneric = (props) => {
|
|
917
|
+
var _a, _b;
|
|
918
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.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: [
|
|
919
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { stroke: "none", d: "M0 0h24v24H0z" }),
|
|
920
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
|
|
921
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.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" })
|
|
922
|
+
] });
|
|
923
|
+
};
|
|
904
924
|
var generic_default = SvgGeneric;
|
|
905
925
|
|
|
906
926
|
// src/theme/default/provider-logos/github.svg
|
|
907
927
|
var React13 = __toESM(require("react"));
|
|
908
928
|
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
909
|
-
var SvgGithub = (props) =>
|
|
929
|
+
var SvgGithub = (props) => {
|
|
930
|
+
var _a, _b;
|
|
931
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.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_runtime30.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" }) });
|
|
932
|
+
};
|
|
910
933
|
var github_default = SvgGithub;
|
|
911
934
|
|
|
912
935
|
// src/theme/default/provider-logos/gitlab.svg
|
|
913
936
|
var React14 = __toESM(require("react"));
|
|
914
937
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
915
|
-
var SvgGitlab = (props) =>
|
|
916
|
-
|
|
917
|
-
/* @__PURE__ */ (0, import_jsx_runtime31.
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
938
|
+
var SvgGitlab = (props) => {
|
|
939
|
+
var _a, _b;
|
|
940
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.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: [
|
|
941
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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" }),
|
|
942
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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" }),
|
|
943
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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" }),
|
|
944
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.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" })
|
|
945
|
+
] });
|
|
946
|
+
};
|
|
921
947
|
var gitlab_default = SvgGitlab;
|
|
922
948
|
|
|
923
949
|
// src/theme/default/provider-logos/google.svg
|
|
924
950
|
var React15 = __toESM(require("react"));
|
|
925
951
|
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
926
|
-
var SvgGoogle = (props) =>
|
|
927
|
-
|
|
928
|
-
/* @__PURE__ */ (0, import_jsx_runtime32.
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
952
|
+
var SvgGoogle = (props) => {
|
|
953
|
+
var _a, _b;
|
|
954
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
955
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: "#4285F4", d: "M23.745 12.27c0-.79-.07-1.54-.19-2.27h-11.3v4.51h6.47c-.29 1.48-1.14 2.73-2.4 3.58v3h3.86c2.26-2.09 3.56-5.17 3.56-8.82" }),
|
|
956
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: "#34A853", d: "M12.255 24c3.24 0 5.95-1.08 7.93-2.91l-3.86-3c-1.08.72-2.45 1.16-4.07 1.16-3.13 0-5.78-2.11-6.73-4.96h-3.98v3.09C3.515 21.3 7.565 24 12.255 24" }),
|
|
957
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: "#FBBC05", d: "M5.525 14.29c-.25-.72-.38-1.49-.38-2.29s.14-1.57.38-2.29V6.62h-3.98a11.86 11.86 0 0 0 0 10.76z" }),
|
|
958
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { fill: "#EA4335", d: "M12.255 4.75c1.77 0 3.35.61 4.6 1.8l3.42-3.42C18.205 1.19 15.495 0 12.255 0c-4.69 0-8.74 2.7-10.71 6.62l3.98 3.09c.95-2.85 3.6-4.96 6.73-4.96" })
|
|
959
|
+
] });
|
|
960
|
+
};
|
|
932
961
|
var google_default = SvgGoogle;
|
|
933
962
|
|
|
934
963
|
// src/theme/default/provider-logos/linkedin.svg
|
|
935
964
|
var React16 = __toESM(require("react"));
|
|
936
965
|
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
937
|
-
var SvgLinkedin = (props) =>
|
|
938
|
-
|
|
939
|
-
/* @__PURE__ */ (0, import_jsx_runtime33.
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
] });
|
|
966
|
+
var SvgLinkedin = (props) => {
|
|
967
|
+
var _a, _b;
|
|
968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.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: [
|
|
969
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)("rect", { x: 2, y: 2, fill: "#1275B1", rx: 14 }),
|
|
970
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.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" })
|
|
971
|
+
] });
|
|
972
|
+
};
|
|
943
973
|
var linkedin_default = SvgLinkedin;
|
|
944
974
|
|
|
945
975
|
// src/theme/default/provider-logos/microsoft.svg
|
|
946
976
|
var React17 = __toESM(require("react"));
|
|
947
977
|
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
948
|
-
var SvgMicrosoft = (props) =>
|
|
949
|
-
|
|
950
|
-
/* @__PURE__ */ (0, import_jsx_runtime34.
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
978
|
+
var SvgMicrosoft = (props) => {
|
|
979
|
+
var _a, _b;
|
|
980
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.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: [
|
|
981
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
|
|
982
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
|
|
983
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
|
|
984
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
|
|
985
|
+
] });
|
|
986
|
+
};
|
|
954
987
|
var microsoft_default = SvgMicrosoft;
|
|
955
988
|
|
|
956
989
|
// src/theme/default/provider-logos/slack.svg
|
|
957
990
|
var React18 = __toESM(require("react"));
|
|
958
991
|
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
959
|
-
var SvgSlack = (props) =>
|
|
960
|
-
|
|
961
|
-
/* @__PURE__ */ (0, import_jsx_runtime35.
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
992
|
+
var SvgSlack = (props) => {
|
|
993
|
+
var _a, _b;
|
|
994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.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: [
|
|
995
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.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" }),
|
|
996
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.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" }),
|
|
997
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.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" }),
|
|
998
|
+
/* @__PURE__ */ (0, import_jsx_runtime35.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" })
|
|
999
|
+
] });
|
|
1000
|
+
};
|
|
965
1001
|
var slack_default = SvgSlack;
|
|
966
1002
|
|
|
967
1003
|
// src/theme/default/provider-logos/spotify.svg
|
|
968
1004
|
var React19 = __toESM(require("react"));
|
|
969
1005
|
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
970
|
-
var SvgSpotify = (props) =>
|
|
971
|
-
|
|
972
|
-
/* @__PURE__ */ (0, import_jsx_runtime36.
|
|
973
|
-
|
|
1006
|
+
var SvgSpotify = (props) => {
|
|
1007
|
+
var _a, _b;
|
|
1008
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.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: [
|
|
1009
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
|
|
1010
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.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" })
|
|
1011
|
+
] });
|
|
1012
|
+
};
|
|
974
1013
|
var spotify_default = SvgSpotify;
|
|
975
1014
|
|
|
976
1015
|
// src/theme/default/provider-logos/yandex.svg
|
|
977
1016
|
var React20 = __toESM(require("react"));
|
|
978
1017
|
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
979
|
-
var SvgYandex = (props) =>
|
|
980
|
-
|
|
981
|
-
/* @__PURE__ */ (0, import_jsx_runtime37.
|
|
982
|
-
|
|
1018
|
+
var SvgYandex = (props) => {
|
|
1019
|
+
var _a, _b;
|
|
1020
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
1021
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
|
|
1022
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.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" })
|
|
1023
|
+
] });
|
|
1024
|
+
};
|
|
983
1025
|
var yandex_default = SvgYandex;
|
|
984
1026
|
|
|
985
1027
|
// src/theme/default/provider-logos/index.ts
|
|
@@ -1010,9 +1052,16 @@ function extractProvider(context) {
|
|
|
1010
1052
|
}
|
|
1011
1053
|
function DefaultButtonSocial({
|
|
1012
1054
|
attributes,
|
|
1013
|
-
node
|
|
1055
|
+
node,
|
|
1056
|
+
onClick
|
|
1014
1057
|
}) {
|
|
1015
1058
|
var _a, _b, _c, _d;
|
|
1059
|
+
const {
|
|
1060
|
+
node_type: _ignoredNodeType,
|
|
1061
|
+
type: _ignoredType,
|
|
1062
|
+
name: _ignoredName,
|
|
1063
|
+
...props
|
|
1064
|
+
} = attributes;
|
|
1016
1065
|
const {
|
|
1017
1066
|
flow: { ui }
|
|
1018
1067
|
} = (0, import_elements_react9.useOryFlow)();
|
|
@@ -1030,12 +1079,13 @@ function DefaultButtonSocial({
|
|
|
1030
1079
|
value: attributes.value,
|
|
1031
1080
|
type: "submit",
|
|
1032
1081
|
name: "provider",
|
|
1082
|
+
...props,
|
|
1083
|
+
onClick,
|
|
1033
1084
|
children: [
|
|
1034
1085
|
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "w-5 h-5", children: Logo ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
1035
1086
|
Logo,
|
|
1036
1087
|
{
|
|
1037
|
-
|
|
1038
|
-
height: 20,
|
|
1088
|
+
size: 20,
|
|
1039
1089
|
className: "object-fill w-full h-full"
|
|
1040
1090
|
}
|
|
1041
1091
|
) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "rounded-full aspect-square border flex items-center justify-center text-xs", children: provider.slice(0, 2) }) }),
|
|
@@ -1063,28 +1113,50 @@ function DefaultSocialButtonContainer({
|
|
|
1063
1113
|
}
|
|
1064
1114
|
|
|
1065
1115
|
// src/theme/default/components/form/text.tsx
|
|
1066
|
-
var
|
|
1116
|
+
var import_react_intl7 = require("react-intl");
|
|
1067
1117
|
var import_elements_react10 = require("@ory/elements-react");
|
|
1068
1118
|
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
1069
1119
|
function DefaultText({ node, attributes }) {
|
|
1070
1120
|
var _a;
|
|
1071
|
-
const intl = (0,
|
|
1121
|
+
const intl = (0, import_react_intl7.useIntl)();
|
|
1072
1122
|
return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
|
|
1073
1123
|
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { "data-testid": `node/text/${attributes.id}/label`, children: (0, import_elements_react10.formatMessage)(node.meta.label, intl) }),
|
|
1074
1124
|
(_a = attributes.text.context.secrets) == null ? void 0 : _a.map((text, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("pre", { "data-testid": `node/text/lookup_secret_codes/text`, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("code", { children: (0, import_elements_react10.formatMessage)(text, intl) }) }, index))
|
|
1075
1125
|
] });
|
|
1076
1126
|
}
|
|
1077
1127
|
|
|
1078
|
-
// src/theme/default/
|
|
1128
|
+
// src/theme/default/assets/icons/arrow-left.svg
|
|
1129
|
+
var React21 = __toESM(require("react"));
|
|
1079
1130
|
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
1131
|
+
var SvgArrowLeft = (props) => {
|
|
1132
|
+
var _a, _b;
|
|
1133
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.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_runtime40.jsx)("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
|
|
1134
|
+
};
|
|
1135
|
+
var arrow_left_default = SvgArrowLeft;
|
|
1136
|
+
|
|
1137
|
+
// src/theme/default/components/card/current-identifier-button.tsx
|
|
1138
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
1080
1139
|
function DefaultCurrentIdentifierButton({
|
|
1081
1140
|
attributes,
|
|
1082
|
-
|
|
1141
|
+
onClick,
|
|
1142
|
+
type,
|
|
1143
|
+
href
|
|
1083
1144
|
}) {
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1145
|
+
const Element = onClick ? "button" : "a";
|
|
1146
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
1147
|
+
Element,
|
|
1148
|
+
{
|
|
1149
|
+
className: "cursor-pointer py-1.5 px-3 rounded-full border border-button-identifier-border-default bg-button-identifier-bg-default hover:border-button-identifier-border-hover hover:bg-button-identifier-bg-hover transition-colors inline-flex gap-1 items-center",
|
|
1150
|
+
onClick,
|
|
1151
|
+
...attributes,
|
|
1152
|
+
href,
|
|
1153
|
+
type,
|
|
1154
|
+
children: [
|
|
1155
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(arrow_left_default, { size: 16, className: "text-button-identifier-fg-subtle" }),
|
|
1156
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-sm font-medium leading-none text-button-identifier-fg-default", children: attributes.value })
|
|
1157
|
+
]
|
|
1158
|
+
}
|
|
1159
|
+
) });
|
|
1088
1160
|
}
|
|
1089
1161
|
|
|
1090
1162
|
// src/theme/default/components/default-components.tsx
|
|
@@ -1116,18 +1188,18 @@ var OryDefaultComponents = {
|
|
|
1116
1188
|
};
|
|
1117
1189
|
|
|
1118
1190
|
// src/theme/default/flows/error.tsx
|
|
1119
|
-
var
|
|
1191
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
1120
1192
|
function Error2({
|
|
1121
1193
|
error,
|
|
1122
1194
|
children
|
|
1123
1195
|
}) {
|
|
1124
|
-
return /* @__PURE__ */ (0,
|
|
1196
|
+
return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { children: JSON.stringify(error) || children });
|
|
1125
1197
|
}
|
|
1126
1198
|
|
|
1127
1199
|
// src/theme/default/flows/login.tsx
|
|
1128
1200
|
var import_client_fetch8 = require("@ory/client-fetch");
|
|
1129
1201
|
var import_elements_react11 = require("@ory/elements-react");
|
|
1130
|
-
var
|
|
1202
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
1131
1203
|
function Login({
|
|
1132
1204
|
flow,
|
|
1133
1205
|
config,
|
|
@@ -1138,14 +1210,14 @@ function Login({
|
|
|
1138
1210
|
...OryDefaultComponents,
|
|
1139
1211
|
...flowOverrideComponents
|
|
1140
1212
|
};
|
|
1141
|
-
return /* @__PURE__ */ (0,
|
|
1213
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
1142
1214
|
import_elements_react11.OryProvider,
|
|
1143
1215
|
{
|
|
1144
1216
|
config,
|
|
1145
1217
|
flow,
|
|
1146
1218
|
flowType: import_client_fetch8.FlowType.Login,
|
|
1147
1219
|
components,
|
|
1148
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
1220
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_elements_react11.OryTwoStepCard, {})
|
|
1149
1221
|
}
|
|
1150
1222
|
);
|
|
1151
1223
|
}
|
|
@@ -1153,7 +1225,7 @@ function Login({
|
|
|
1153
1225
|
// src/theme/default/flows/recovery.tsx
|
|
1154
1226
|
var import_client_fetch9 = require("@ory/client-fetch");
|
|
1155
1227
|
var import_elements_react12 = require("@ory/elements-react");
|
|
1156
|
-
var
|
|
1228
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
1157
1229
|
function Recovery({
|
|
1158
1230
|
flow,
|
|
1159
1231
|
config,
|
|
@@ -1164,14 +1236,14 @@ function Recovery({
|
|
|
1164
1236
|
...OryDefaultComponents,
|
|
1165
1237
|
...flowOverrideComponents
|
|
1166
1238
|
};
|
|
1167
|
-
return /* @__PURE__ */ (0,
|
|
1239
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
1168
1240
|
import_elements_react12.OryProvider,
|
|
1169
1241
|
{
|
|
1170
1242
|
config,
|
|
1171
1243
|
flow,
|
|
1172
1244
|
flowType: import_client_fetch9.FlowType.Recovery,
|
|
1173
1245
|
components,
|
|
1174
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
1246
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_elements_react12.OryTwoStepCard, {})
|
|
1175
1247
|
}
|
|
1176
1248
|
);
|
|
1177
1249
|
}
|
|
@@ -1179,7 +1251,7 @@ function Recovery({
|
|
|
1179
1251
|
// src/theme/default/flows/registration.tsx
|
|
1180
1252
|
var import_client_fetch10 = require("@ory/client-fetch");
|
|
1181
1253
|
var import_elements_react13 = require("@ory/elements-react");
|
|
1182
|
-
var
|
|
1254
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
1183
1255
|
function Registration({
|
|
1184
1256
|
flow,
|
|
1185
1257
|
children,
|
|
@@ -1190,14 +1262,14 @@ function Registration({
|
|
|
1190
1262
|
...OryDefaultComponents,
|
|
1191
1263
|
...flowOverrideComponents
|
|
1192
1264
|
};
|
|
1193
|
-
return /* @__PURE__ */ (0,
|
|
1265
|
+
return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
1194
1266
|
import_elements_react13.OryProvider,
|
|
1195
1267
|
{
|
|
1196
1268
|
config,
|
|
1197
1269
|
flow,
|
|
1198
1270
|
flowType: import_client_fetch10.FlowType.Registration,
|
|
1199
1271
|
components,
|
|
1200
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
1272
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_elements_react13.OryTwoStepCard, {})
|
|
1201
1273
|
}
|
|
1202
1274
|
);
|
|
1203
1275
|
}
|
|
@@ -1205,7 +1277,7 @@ function Registration({
|
|
|
1205
1277
|
// src/theme/default/flows/settings.tsx
|
|
1206
1278
|
var import_client_fetch11 = require("@ory/client-fetch");
|
|
1207
1279
|
var import_elements_react14 = require("@ory/elements-react");
|
|
1208
|
-
var
|
|
1280
|
+
var import_jsx_runtime46 = require("react/jsx-runtime");
|
|
1209
1281
|
function Settings({
|
|
1210
1282
|
flow,
|
|
1211
1283
|
config,
|
|
@@ -1216,14 +1288,14 @@ function Settings({
|
|
|
1216
1288
|
...OryDefaultComponents,
|
|
1217
1289
|
...flowOverrideComponents
|
|
1218
1290
|
};
|
|
1219
|
-
return /* @__PURE__ */ (0,
|
|
1291
|
+
return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
|
|
1220
1292
|
import_elements_react14.OryProvider,
|
|
1221
1293
|
{
|
|
1222
1294
|
config,
|
|
1223
1295
|
flow,
|
|
1224
1296
|
flowType: import_client_fetch11.FlowType.Settings,
|
|
1225
1297
|
components,
|
|
1226
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
1298
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_elements_react14.OryTwoStepCard, {})
|
|
1227
1299
|
}
|
|
1228
1300
|
);
|
|
1229
1301
|
}
|
|
@@ -1231,7 +1303,7 @@ function Settings({
|
|
|
1231
1303
|
// src/theme/default/flows/verification.tsx
|
|
1232
1304
|
var import_client_fetch12 = require("@ory/client-fetch");
|
|
1233
1305
|
var import_elements_react15 = require("@ory/elements-react");
|
|
1234
|
-
var
|
|
1306
|
+
var import_jsx_runtime47 = require("react/jsx-runtime");
|
|
1235
1307
|
function Verification({
|
|
1236
1308
|
flow,
|
|
1237
1309
|
config,
|
|
@@ -1242,14 +1314,14 @@ function Verification({
|
|
|
1242
1314
|
...OryDefaultComponents,
|
|
1243
1315
|
...flowOverrideComponents
|
|
1244
1316
|
};
|
|
1245
|
-
return /* @__PURE__ */ (0,
|
|
1317
|
+
return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
|
|
1246
1318
|
import_elements_react15.OryProvider,
|
|
1247
1319
|
{
|
|
1248
1320
|
config,
|
|
1249
1321
|
flow,
|
|
1250
1322
|
flowType: import_client_fetch12.FlowType.Verification,
|
|
1251
1323
|
components,
|
|
1252
|
-
children: children != null ? children : /* @__PURE__ */ (0,
|
|
1324
|
+
children: children != null ? children : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_elements_react15.OryTwoStepCard, {})
|
|
1253
1325
|
}
|
|
1254
1326
|
);
|
|
1255
1327
|
}
|