@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
|
@@ -3,29 +3,33 @@
|
|
|
3
3
|
// src/theme/default/assets/ory-badge-horizontal.svg
|
|
4
4
|
import * as React from "react";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
var SvgOryBadgeHorizontal = (props) =>
|
|
7
|
-
|
|
8
|
-
/* @__PURE__ */
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
var SvgOryBadgeHorizontal = (props) => {
|
|
7
|
+
var _a, _b;
|
|
8
|
+
return /* @__PURE__ */ 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: [
|
|
9
|
+
/* @__PURE__ */ jsx("path", { fill: "#fff", d: "M18.007 8h-1.71l2.007-3.996L16.296 0h1.711l1.145 2.301L20.327 0H22z" }),
|
|
10
|
+
/* @__PURE__ */ 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" })
|
|
11
|
+
] });
|
|
12
|
+
};
|
|
11
13
|
var ory_badge_horizontal_default = SvgOryBadgeHorizontal;
|
|
12
14
|
|
|
13
15
|
// src/theme/default/assets/ory-badge-vertical.svg
|
|
14
16
|
import * as React2 from "react";
|
|
15
17
|
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
16
|
-
var SvgOryBadgeVertical = (props) =>
|
|
17
|
-
|
|
18
|
-
/* @__PURE__ */
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
var SvgOryBadgeVertical = (props) => {
|
|
19
|
+
var _a, _b;
|
|
20
|
+
return /* @__PURE__ */ jsxs2("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: [
|
|
21
|
+
/* @__PURE__ */ jsx2("path", { fill: "#fff", d: "M8 3.993v1.71L4.004 3.697 0 5.704V3.993l2.301-1.145L0 1.673V0z" }),
|
|
22
|
+
/* @__PURE__ */ jsx2("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" })
|
|
23
|
+
] });
|
|
24
|
+
};
|
|
21
25
|
var ory_badge_vertical_default = SvgOryBadgeVertical;
|
|
22
26
|
|
|
23
27
|
// src/theme/default/components/card/badge.tsx
|
|
24
28
|
import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
25
29
|
function Badge() {
|
|
26
30
|
return /* @__PURE__ */ jsxs3("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: [
|
|
27
|
-
/* @__PURE__ */ jsx3(ory_badge_horizontal_default, { className: "md:hidden" }),
|
|
28
|
-
/* @__PURE__ */ jsx3(ory_badge_vertical_default, { className: "max-md:hidden" })
|
|
31
|
+
/* @__PURE__ */ jsx3(ory_badge_horizontal_default, { width: 22, height: 8, className: "md:hidden" }),
|
|
32
|
+
/* @__PURE__ */ jsx3(ory_badge_vertical_default, { width: 8, height: 22, className: "max-md:hidden" })
|
|
29
33
|
] });
|
|
30
34
|
}
|
|
31
35
|
|
|
@@ -125,9 +129,10 @@ function VerificationCardFooter() {
|
|
|
125
129
|
}
|
|
126
130
|
|
|
127
131
|
// src/theme/default/components/card/header.tsx
|
|
128
|
-
import { FlowType as FlowType2, isUiNodeInputAttributes } from "@ory/client-fetch";
|
|
129
132
|
import { useComponents, useOryFlow as useOryFlow2 } from "@ory/elements-react";
|
|
130
|
-
|
|
133
|
+
|
|
134
|
+
// src/theme/default/utils/constructCardHeader.ts
|
|
135
|
+
import { FlowType as FlowType2, isUiNodeInputAttributes } from "@ory/client-fetch";
|
|
131
136
|
function joinWithCommaOr(list) {
|
|
132
137
|
if (list.length === 0) {
|
|
133
138
|
return ".";
|
|
@@ -138,11 +143,28 @@ function joinWithCommaOr(list) {
|
|
|
138
143
|
return `${list.join(", ")} or ${last}.`;
|
|
139
144
|
}
|
|
140
145
|
}
|
|
141
|
-
function constructCardHeaderText(
|
|
146
|
+
function constructCardHeaderText(nodes, opts) {
|
|
147
|
+
var _a;
|
|
148
|
+
switch (opts.flowType) {
|
|
149
|
+
case FlowType2.Recovery:
|
|
150
|
+
return {
|
|
151
|
+
title: "Recover your account",
|
|
152
|
+
description: "Enter the email address associated with your account to receive a one-time access code"
|
|
153
|
+
};
|
|
154
|
+
case FlowType2.Settings:
|
|
155
|
+
return {
|
|
156
|
+
title: "Update your account",
|
|
157
|
+
description: "Update your account settings"
|
|
158
|
+
};
|
|
159
|
+
case FlowType2.Verification:
|
|
160
|
+
return {
|
|
161
|
+
title: "Verify your account",
|
|
162
|
+
description: "Enter the email address associated with your account to verify it"
|
|
163
|
+
};
|
|
164
|
+
}
|
|
142
165
|
const parts = [];
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
switch (container.flowType) {
|
|
166
|
+
if (nodes.find((node) => node.group === "password")) {
|
|
167
|
+
switch (opts.flowType) {
|
|
146
168
|
case FlowType2.Registration:
|
|
147
169
|
parts.push(`your email and a password`);
|
|
148
170
|
break;
|
|
@@ -150,32 +172,29 @@ function constructCardHeaderText(container) {
|
|
|
150
172
|
parts.push(`your email and password`);
|
|
151
173
|
}
|
|
152
174
|
}
|
|
153
|
-
if (
|
|
175
|
+
if (nodes.find((node) => node.group === "oidc")) {
|
|
154
176
|
parts.push(`a social provider`);
|
|
155
177
|
}
|
|
156
|
-
if (
|
|
178
|
+
if (nodes.find((node) => node.group === "code")) {
|
|
157
179
|
parts.push(`a code sent to your email`);
|
|
158
180
|
}
|
|
159
|
-
if (
|
|
160
|
-
parts.push(`a
|
|
181
|
+
if (nodes.find((node) => node.group === "passkey")) {
|
|
182
|
+
parts.push(`a Passkey`);
|
|
161
183
|
}
|
|
162
|
-
if (
|
|
184
|
+
if (nodes.find((node) => node.group === "webauthn")) {
|
|
163
185
|
parts.push(`a security key`);
|
|
164
186
|
}
|
|
165
|
-
if (
|
|
166
|
-
const
|
|
167
|
-
(node) => isUiNodeInputAttributes(node.attributes) && node.attributes.name.startsWith("
|
|
187
|
+
if (nodes.find((node) => node.group === "identifier_first")) {
|
|
188
|
+
const identifier = nodes.find(
|
|
189
|
+
(node) => isUiNodeInputAttributes(node.attributes) && node.attributes.name.startsWith("identifier") && node.attributes.type !== "hidden"
|
|
168
190
|
);
|
|
169
|
-
if (
|
|
170
|
-
|
|
171
|
-
if (label) {
|
|
172
|
-
parts.push(`your ${label.text}`);
|
|
173
|
-
}
|
|
191
|
+
if (identifier) {
|
|
192
|
+
parts.push(`your ${(_a = identifier.meta.label) == null ? void 0 : _a.text}`);
|
|
174
193
|
}
|
|
175
194
|
}
|
|
176
|
-
switch (
|
|
195
|
+
switch (opts.flowType) {
|
|
177
196
|
case FlowType2.Login:
|
|
178
|
-
if (
|
|
197
|
+
if (opts.flow.refresh) {
|
|
179
198
|
return {
|
|
180
199
|
title: "Reauthenticate",
|
|
181
200
|
description: "Confirm your identity with " + joinWithCommaOr(parts)
|
|
@@ -190,22 +209,15 @@ function constructCardHeaderText(container) {
|
|
|
190
209
|
title: "Sign up",
|
|
191
210
|
description: parts.length > 0 ? "Sign up with " + joinWithCommaOr(parts) : ""
|
|
192
211
|
};
|
|
193
|
-
case FlowType2.Recovery:
|
|
194
|
-
return {
|
|
195
|
-
title: "Recover your account",
|
|
196
|
-
description: "Enter the email address associated with your account to receive a one-time access code"
|
|
197
|
-
};
|
|
198
|
-
case FlowType2.Settings:
|
|
199
|
-
return {
|
|
200
|
-
title: "Update your account"
|
|
201
|
-
};
|
|
202
|
-
case FlowType2.Verification:
|
|
203
|
-
return {
|
|
204
|
-
title: "Verify your account",
|
|
205
|
-
description: "Enter the email address associated with your account to verify it"
|
|
206
|
-
};
|
|
207
212
|
}
|
|
213
|
+
return {
|
|
214
|
+
title: "Error",
|
|
215
|
+
description: "An error occurred"
|
|
216
|
+
};
|
|
208
217
|
}
|
|
218
|
+
|
|
219
|
+
// src/theme/default/components/card/header.tsx
|
|
220
|
+
import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
209
221
|
function InnerCardHeader({ title, text }) {
|
|
210
222
|
const { CardLogo } = useComponents();
|
|
211
223
|
return /* @__PURE__ */ jsxs5("header", { className: "flex flex-col gap-8 antialiased", children: [
|
|
@@ -218,7 +230,10 @@ function InnerCardHeader({ title, text }) {
|
|
|
218
230
|
}
|
|
219
231
|
function DefaultCardHeader() {
|
|
220
232
|
const context = useOryFlow2();
|
|
221
|
-
const { title, description } = constructCardHeaderText(
|
|
233
|
+
const { title, description } = constructCardHeaderText(
|
|
234
|
+
context.flow.ui.nodes,
|
|
235
|
+
context
|
|
236
|
+
);
|
|
222
237
|
return /* @__PURE__ */ jsx5(InnerCardHeader, { title, text: description });
|
|
223
238
|
}
|
|
224
239
|
|
|
@@ -242,7 +257,7 @@ function DefaultCardLogo() {
|
|
|
242
257
|
// src/theme/default/components/card/index.tsx
|
|
243
258
|
import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
244
259
|
function DefaultCard({ children }) {
|
|
245
|
-
return /* @__PURE__ */ jsx7("div", { className: "ory-default-theme", children: /* @__PURE__ */ jsxs6("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: [
|
|
260
|
+
return /* @__PURE__ */ jsx7("div", { className: "ory-default-theme font-sans", children: /* @__PURE__ */ jsxs6("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: [
|
|
246
261
|
children,
|
|
247
262
|
/* @__PURE__ */ jsx7(Badge, {})
|
|
248
263
|
] }) });
|
|
@@ -298,81 +313,73 @@ function DefaultMessage({ message }) {
|
|
|
298
313
|
// src/theme/default/assets/icons/code.svg
|
|
299
314
|
import * as React3 from "react";
|
|
300
315
|
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
301
|
-
var SvgCode = (props) =>
|
|
316
|
+
var SvgCode = (props) => {
|
|
317
|
+
var _a, _b;
|
|
318
|
+
return /* @__PURE__ */ jsx9("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__ */ jsx9("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" }) });
|
|
319
|
+
};
|
|
302
320
|
var code_default = SvgCode;
|
|
303
321
|
|
|
304
322
|
// src/theme/default/assets/icons/passkey.svg
|
|
305
323
|
import * as React4 from "react";
|
|
306
324
|
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
307
|
-
var SvgPasskey = (props) =>
|
|
325
|
+
var SvgPasskey = (props) => {
|
|
326
|
+
var _a, _b;
|
|
327
|
+
return /* @__PURE__ */ jsx10("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__ */ jsx10("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" }) });
|
|
328
|
+
};
|
|
308
329
|
var passkey_default = SvgPasskey;
|
|
309
330
|
|
|
310
331
|
// src/theme/default/assets/icons/password.svg
|
|
311
332
|
import * as React5 from "react";
|
|
312
333
|
import { jsx as jsx11 } from "react/jsx-runtime";
|
|
313
|
-
var SvgPassword = (props) =>
|
|
334
|
+
var SvgPassword = (props) => {
|
|
335
|
+
var _a, _b;
|
|
336
|
+
return /* @__PURE__ */ jsx11("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__ */ jsx11("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" }) });
|
|
337
|
+
};
|
|
314
338
|
var password_default = SvgPassword;
|
|
315
339
|
|
|
316
340
|
// src/theme/default/assets/icons/webauthn.svg
|
|
317
341
|
import * as React6 from "react";
|
|
318
342
|
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
319
|
-
var SvgWebauthn = (props) =>
|
|
343
|
+
var SvgWebauthn = (props) => {
|
|
344
|
+
var _a, _b;
|
|
345
|
+
return /* @__PURE__ */ jsx12("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__ */ jsx12("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" }) });
|
|
346
|
+
};
|
|
320
347
|
var webauthn_default = SvgWebauthn;
|
|
321
348
|
|
|
322
349
|
// src/theme/default/components/card/auth-methods.tsx
|
|
350
|
+
import { useIntl as useIntl2 } from "react-intl";
|
|
323
351
|
import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
352
|
+
var iconsMap = {
|
|
353
|
+
code: code_default,
|
|
354
|
+
passkey: passkey_default,
|
|
355
|
+
password: password_default,
|
|
356
|
+
webauthn: webauthn_default
|
|
357
|
+
};
|
|
324
358
|
function DefaultAuthMethodListItem({
|
|
325
|
-
|
|
326
|
-
setStep,
|
|
359
|
+
onClick,
|
|
327
360
|
group
|
|
328
361
|
}) {
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
case "passkey":
|
|
334
|
-
Icon = passkey_default;
|
|
335
|
-
title = "Passkey";
|
|
336
|
-
description = "Use your fingerprint or face to sign in.";
|
|
337
|
-
break;
|
|
338
|
-
case "password":
|
|
339
|
-
Icon = password_default;
|
|
340
|
-
title = "Password";
|
|
341
|
-
description = "Use your password to sign in.";
|
|
342
|
-
break;
|
|
343
|
-
case "webauthn":
|
|
344
|
-
Icon = webauthn_default;
|
|
345
|
-
title = "Security Key";
|
|
346
|
-
description = "Use a security key to sign in.";
|
|
347
|
-
break;
|
|
348
|
-
case "code":
|
|
349
|
-
Icon = code_default;
|
|
350
|
-
title = "Email";
|
|
351
|
-
description = "Enter a code sent to your email.";
|
|
352
|
-
break;
|
|
353
|
-
}
|
|
354
|
-
return /* @__PURE__ */ jsxs7(
|
|
355
|
-
"div",
|
|
362
|
+
const intl = useIntl2();
|
|
363
|
+
const Icon = iconsMap[group] || null;
|
|
364
|
+
return /* @__PURE__ */ jsx13("div", { className: "w-full hover:bg-forms-bg-hover px-2 py-1 rounded", children: /* @__PURE__ */ jsxs7(
|
|
365
|
+
"button",
|
|
356
366
|
{
|
|
357
|
-
className: "flex py-2 gap-3 cursor-pointer
|
|
358
|
-
onClick
|
|
359
|
-
setGroups([group]);
|
|
360
|
-
setStep(2);
|
|
361
|
-
},
|
|
367
|
+
className: "flex text-left py-2 gap-3 cursor-pointer ",
|
|
368
|
+
onClick,
|
|
362
369
|
children: [
|
|
363
|
-
/* @__PURE__ */ jsx13("div", { className: "flex-none w-4 h-4 mt-[2px]", children: Icon && /* @__PURE__ */ jsx13(Icon, { className: "
|
|
370
|
+
/* @__PURE__ */ jsx13("div", { className: "flex-none w-4 h-4 mt-[2px]", children: Icon && /* @__PURE__ */ jsx13(Icon, { size: 20, className: "text-forms-fg-default" }) }),
|
|
364
371
|
/* @__PURE__ */ jsxs7("div", { className: "flex-1 text-sm leading-normal", children: [
|
|
365
|
-
/* @__PURE__ */ jsx13("div", { className: "text-forms-fg-default", children: title }),
|
|
366
|
-
/* @__PURE__ */ jsx13("div", { className: "text-forms-fg-
|
|
372
|
+
/* @__PURE__ */ jsx13("div", { className: "text-forms-fg-default text-sm", children: intl.formatMessage({ id: `two-step.${group}.title` }) }),
|
|
373
|
+
/* @__PURE__ */ jsx13("div", { className: "text-forms-fg-mute text-sm", children: intl.formatMessage({ id: `two-step.${group}.description` }) })
|
|
367
374
|
] })
|
|
368
375
|
]
|
|
369
376
|
}
|
|
370
|
-
);
|
|
377
|
+
) });
|
|
371
378
|
}
|
|
372
379
|
|
|
373
380
|
// src/theme/default/components/form/button.tsx
|
|
374
381
|
import { useFormContext } from "react-hook-form";
|
|
375
|
-
import { useIntl as
|
|
382
|
+
import { useIntl as useIntl3 } from "react-intl";
|
|
376
383
|
|
|
377
384
|
// src/theme/default/components/form/spinner.tsx
|
|
378
385
|
import { jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
@@ -433,7 +440,7 @@ var DefaultButton = ({
|
|
|
433
440
|
// End of skipped attributes
|
|
434
441
|
...rest
|
|
435
442
|
} = attributes;
|
|
436
|
-
const intl =
|
|
443
|
+
const intl = useIntl3();
|
|
437
444
|
const label = getNodeLabel(node);
|
|
438
445
|
const {
|
|
439
446
|
formState: { isSubmitting },
|
|
@@ -459,9 +466,7 @@ var DefaultButton = ({
|
|
|
459
466
|
}
|
|
460
467
|
},
|
|
461
468
|
className: cn(
|
|
462
|
-
|
|
463
|
-
// "relative antialiased rounded border gap-3 leading-none transition-colors ease-linear duration-100 px-4 py-4.5 text-sm font-medium",
|
|
464
|
-
"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",
|
|
469
|
+
"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",
|
|
465
470
|
{
|
|
466
471
|
"cursor-not-allowed": isSubmitting,
|
|
467
472
|
"bg-button-primary-bg-hover": isSubmitting,
|
|
@@ -494,7 +499,7 @@ DefaultButton.displayName = "DefaultButton";
|
|
|
494
499
|
// src/theme/default/components/form/checkbox.tsx
|
|
495
500
|
import { useState } from "react";
|
|
496
501
|
import { useForm } from "react-hook-form";
|
|
497
|
-
import { useIntl as
|
|
502
|
+
import { useIntl as useIntl4 } from "react-intl";
|
|
498
503
|
import { formatMessage as formatMessage2, messageTestId } from "@ory/elements-react";
|
|
499
504
|
import { getNodeLabel as getNodeLabel2 } from "@ory/client-fetch";
|
|
500
505
|
import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
@@ -542,7 +547,7 @@ var DefaultCheckbox = ({
|
|
|
542
547
|
// End of skipped attributes
|
|
543
548
|
...attributes
|
|
544
549
|
} = initialAttributes;
|
|
545
|
-
const intl =
|
|
550
|
+
const intl = useIntl4();
|
|
546
551
|
const label = getNodeLabel2(node);
|
|
547
552
|
const [checked, setChecked] = useState(Boolean(value));
|
|
548
553
|
const { register } = useForm();
|
|
@@ -559,7 +564,6 @@ var DefaultCheckbox = ({
|
|
|
559
564
|
"input",
|
|
560
565
|
{
|
|
561
566
|
...attributes,
|
|
562
|
-
defaultChecked: checked,
|
|
563
567
|
checked,
|
|
564
568
|
value: 1,
|
|
565
569
|
type: "checkbox",
|
|
@@ -621,13 +625,14 @@ var DefaultInput = ({
|
|
|
621
625
|
}) => {
|
|
622
626
|
const label = getNodeLabel3(node);
|
|
623
627
|
const { register } = useFormContext2();
|
|
624
|
-
const { value, autocomplete, name, ...rest } = attributes;
|
|
628
|
+
const { value, autocomplete, name, maxlength, ...rest } = attributes;
|
|
625
629
|
return /* @__PURE__ */ jsx20(
|
|
626
630
|
"input",
|
|
627
631
|
{
|
|
628
632
|
...rest,
|
|
629
|
-
autoComplete: autocomplete,
|
|
630
633
|
onClick,
|
|
634
|
+
maxLength: maxlength,
|
|
635
|
+
autoComplete: autocomplete,
|
|
631
636
|
placeholder: (label == null ? void 0 : label.text) ? "Enter your " + (label == null ? void 0 : label.text) : "",
|
|
632
637
|
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",
|
|
633
638
|
...register(name, { value })
|
|
@@ -637,7 +642,7 @@ var DefaultInput = ({
|
|
|
637
642
|
|
|
638
643
|
// src/theme/default/components/form/label.tsx
|
|
639
644
|
import { FlowType as FlowType3, getNodeLabel as getNodeLabel4 } from "@ory/client-fetch";
|
|
640
|
-
import { useIntl as
|
|
645
|
+
import { useIntl as useIntl5 } from "react-intl";
|
|
641
646
|
import { useOryFlow as useOryFlow4 } from "@ory/elements-react";
|
|
642
647
|
import { formatMessage as formatMessage3, messageTestId as messageTestId2 } from "@ory/elements-react";
|
|
643
648
|
import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
@@ -647,7 +652,7 @@ function DefaultLabel({
|
|
|
647
652
|
attributes,
|
|
648
653
|
...rest
|
|
649
654
|
}) {
|
|
650
|
-
const intl =
|
|
655
|
+
const intl = useIntl5();
|
|
651
656
|
const label = getNodeLabel4(node);
|
|
652
657
|
const { config, flowType } = useOryFlow4();
|
|
653
658
|
const isPassword = attributes.type === "password";
|
|
@@ -704,12 +709,12 @@ function DefaultLabel({
|
|
|
704
709
|
|
|
705
710
|
// src/theme/default/components/form/link-button.tsx
|
|
706
711
|
import { forwardRef } from "react";
|
|
707
|
-
import { useIntl as
|
|
712
|
+
import { useIntl as useIntl6 } from "react-intl";
|
|
708
713
|
import { formatMessage as formatMessage4 } from "@ory/elements-react";
|
|
709
714
|
import { getNodeLabel as getNodeLabel5 } from "@ory/client-fetch";
|
|
710
715
|
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
711
716
|
var DefaultLinkButton = forwardRef(({ attributes, node }, ref) => {
|
|
712
|
-
const intl =
|
|
717
|
+
const intl = useIntl6();
|
|
713
718
|
const label = getNodeLabel5(node);
|
|
714
719
|
return /* @__PURE__ */ jsx22(
|
|
715
720
|
"a",
|
|
@@ -813,126 +818,163 @@ import {
|
|
|
813
818
|
// src/theme/default/provider-logos/apple.svg
|
|
814
819
|
import * as React8 from "react";
|
|
815
820
|
import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
816
|
-
var SvgApple = (props) =>
|
|
817
|
-
|
|
818
|
-
/* @__PURE__ */
|
|
819
|
-
|
|
821
|
+
var SvgApple = (props) => {
|
|
822
|
+
var _a, _b;
|
|
823
|
+
return /* @__PURE__ */ jsxs13("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: [
|
|
824
|
+
/* @__PURE__ */ jsx25("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" }),
|
|
825
|
+
/* @__PURE__ */ jsx25("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" })
|
|
826
|
+
] });
|
|
827
|
+
};
|
|
820
828
|
var apple_default = SvgApple;
|
|
821
829
|
|
|
822
830
|
// src/theme/default/provider-logos/auth0.svg
|
|
823
831
|
import * as React9 from "react";
|
|
824
832
|
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
825
|
-
var SvgAuth0 = (props) =>
|
|
833
|
+
var SvgAuth0 = (props) => {
|
|
834
|
+
var _a, _b;
|
|
835
|
+
return /* @__PURE__ */ jsx26("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__ */ jsx26("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" }) });
|
|
836
|
+
};
|
|
826
837
|
var auth0_default = SvgAuth0;
|
|
827
838
|
|
|
828
839
|
// src/theme/default/provider-logos/discord.svg
|
|
829
840
|
import * as React10 from "react";
|
|
830
841
|
import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
831
|
-
var SvgDiscord = (props) =>
|
|
832
|
-
|
|
833
|
-
/* @__PURE__ */
|
|
834
|
-
|
|
842
|
+
var SvgDiscord = (props) => {
|
|
843
|
+
var _a, _b;
|
|
844
|
+
return /* @__PURE__ */ jsxs14("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: [
|
|
845
|
+
/* @__PURE__ */ jsx27("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" }),
|
|
846
|
+
/* @__PURE__ */ jsx27("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" })
|
|
847
|
+
] });
|
|
848
|
+
};
|
|
835
849
|
var discord_default = SvgDiscord;
|
|
836
850
|
|
|
837
851
|
// src/theme/default/provider-logos/facebook.svg
|
|
838
852
|
import * as React11 from "react";
|
|
839
853
|
import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
840
|
-
var SvgFacebook = (props) =>
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
/* @__PURE__ */
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
] })
|
|
854
|
+
var SvgFacebook = (props) => {
|
|
855
|
+
var _a, _b;
|
|
856
|
+
return /* @__PURE__ */ jsxs15("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: [
|
|
857
|
+
/* @__PURE__ */ jsxs15("g", { clipPath: "url(#facebook_svg__a)", children: [
|
|
858
|
+
/* @__PURE__ */ jsx28("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" }),
|
|
859
|
+
/* @__PURE__ */ jsx28("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" })
|
|
860
|
+
] }),
|
|
861
|
+
/* @__PURE__ */ jsx28("defs", { children: /* @__PURE__ */ jsx28("clipPath", { id: "facebook_svg__a", children: /* @__PURE__ */ jsx28("rect", { fill: "#fff" }) }) })
|
|
862
|
+
] });
|
|
863
|
+
};
|
|
847
864
|
var facebook_default = SvgFacebook;
|
|
848
865
|
|
|
849
866
|
// src/theme/default/provider-logos/generic.svg
|
|
850
867
|
import * as React12 from "react";
|
|
851
868
|
import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
852
|
-
var SvgGeneric = (props) =>
|
|
853
|
-
|
|
854
|
-
/* @__PURE__ */
|
|
855
|
-
|
|
856
|
-
|
|
869
|
+
var SvgGeneric = (props) => {
|
|
870
|
+
var _a, _b;
|
|
871
|
+
return /* @__PURE__ */ jsxs16("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: [
|
|
872
|
+
/* @__PURE__ */ jsx29("path", { stroke: "none", d: "M0 0h24v24H0z" }),
|
|
873
|
+
/* @__PURE__ */ jsx29("path", { d: "M2 12a10 10 0 1 0 20 0 10 10 0 1 0-20 0" }),
|
|
874
|
+
/* @__PURE__ */ jsx29("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" })
|
|
875
|
+
] });
|
|
876
|
+
};
|
|
857
877
|
var generic_default = SvgGeneric;
|
|
858
878
|
|
|
859
879
|
// src/theme/default/provider-logos/github.svg
|
|
860
880
|
import * as React13 from "react";
|
|
861
881
|
import { jsx as jsx30 } from "react/jsx-runtime";
|
|
862
|
-
var SvgGithub = (props) =>
|
|
882
|
+
var SvgGithub = (props) => {
|
|
883
|
+
var _a, _b;
|
|
884
|
+
return /* @__PURE__ */ jsx30("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__ */ jsx30("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" }) });
|
|
885
|
+
};
|
|
863
886
|
var github_default = SvgGithub;
|
|
864
887
|
|
|
865
888
|
// src/theme/default/provider-logos/gitlab.svg
|
|
866
889
|
import * as React14 from "react";
|
|
867
890
|
import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
868
|
-
var SvgGitlab = (props) =>
|
|
869
|
-
|
|
870
|
-
/* @__PURE__ */
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
891
|
+
var SvgGitlab = (props) => {
|
|
892
|
+
var _a, _b;
|
|
893
|
+
return /* @__PURE__ */ jsxs17("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: [
|
|
894
|
+
/* @__PURE__ */ jsx31("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" }),
|
|
895
|
+
/* @__PURE__ */ jsx31("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" }),
|
|
896
|
+
/* @__PURE__ */ jsx31("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" }),
|
|
897
|
+
/* @__PURE__ */ jsx31("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" })
|
|
898
|
+
] });
|
|
899
|
+
};
|
|
874
900
|
var gitlab_default = SvgGitlab;
|
|
875
901
|
|
|
876
902
|
// src/theme/default/provider-logos/google.svg
|
|
877
903
|
import * as React15 from "react";
|
|
878
904
|
import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
879
|
-
var SvgGoogle = (props) =>
|
|
880
|
-
|
|
881
|
-
/* @__PURE__ */
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
905
|
+
var SvgGoogle = (props) => {
|
|
906
|
+
var _a, _b;
|
|
907
|
+
return /* @__PURE__ */ jsxs18("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: [
|
|
908
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
909
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
910
|
+
/* @__PURE__ */ jsx32("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" }),
|
|
911
|
+
/* @__PURE__ */ jsx32("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" })
|
|
912
|
+
] });
|
|
913
|
+
};
|
|
885
914
|
var google_default = SvgGoogle;
|
|
886
915
|
|
|
887
916
|
// src/theme/default/provider-logos/linkedin.svg
|
|
888
917
|
import * as React16 from "react";
|
|
889
918
|
import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
890
|
-
var SvgLinkedin = (props) =>
|
|
891
|
-
|
|
892
|
-
/* @__PURE__ */
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
] });
|
|
919
|
+
var SvgLinkedin = (props) => {
|
|
920
|
+
var _a, _b;
|
|
921
|
+
return /* @__PURE__ */ jsxs19("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: [
|
|
922
|
+
/* @__PURE__ */ jsx33("rect", { x: 2, y: 2, fill: "#1275B1", rx: 14 }),
|
|
923
|
+
/* @__PURE__ */ jsx33("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" })
|
|
924
|
+
] });
|
|
925
|
+
};
|
|
896
926
|
var linkedin_default = SvgLinkedin;
|
|
897
927
|
|
|
898
928
|
// src/theme/default/provider-logos/microsoft.svg
|
|
899
929
|
import * as React17 from "react";
|
|
900
930
|
import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
901
|
-
var SvgMicrosoft = (props) =>
|
|
902
|
-
|
|
903
|
-
/* @__PURE__ */
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
931
|
+
var SvgMicrosoft = (props) => {
|
|
932
|
+
var _a, _b;
|
|
933
|
+
return /* @__PURE__ */ jsxs20("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: [
|
|
934
|
+
/* @__PURE__ */ jsx34("path", { fill: "#F35325", d: "M1 1h10v10H1z" }),
|
|
935
|
+
/* @__PURE__ */ jsx34("path", { fill: "#81BC06", d: "M12 1h10v10H12z" }),
|
|
936
|
+
/* @__PURE__ */ jsx34("path", { fill: "#05A6F0", d: "M1 12h10v10H1z" }),
|
|
937
|
+
/* @__PURE__ */ jsx34("path", { fill: "#FFBA08", d: "M12 12h10v10H12z" })
|
|
938
|
+
] });
|
|
939
|
+
};
|
|
907
940
|
var microsoft_default = SvgMicrosoft;
|
|
908
941
|
|
|
909
942
|
// src/theme/default/provider-logos/slack.svg
|
|
910
943
|
import * as React18 from "react";
|
|
911
944
|
import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
912
|
-
var SvgSlack = (props) =>
|
|
913
|
-
|
|
914
|
-
/* @__PURE__ */
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
945
|
+
var SvgSlack = (props) => {
|
|
946
|
+
var _a, _b;
|
|
947
|
+
return /* @__PURE__ */ jsxs21("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: [
|
|
948
|
+
/* @__PURE__ */ jsx35("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" }),
|
|
949
|
+
/* @__PURE__ */ jsx35("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" }),
|
|
950
|
+
/* @__PURE__ */ jsx35("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" }),
|
|
951
|
+
/* @__PURE__ */ jsx35("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" })
|
|
952
|
+
] });
|
|
953
|
+
};
|
|
918
954
|
var slack_default = SvgSlack;
|
|
919
955
|
|
|
920
956
|
// src/theme/default/provider-logos/spotify.svg
|
|
921
957
|
import * as React19 from "react";
|
|
922
958
|
import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
923
|
-
var SvgSpotify = (props) =>
|
|
924
|
-
|
|
925
|
-
/* @__PURE__ */
|
|
926
|
-
|
|
959
|
+
var SvgSpotify = (props) => {
|
|
960
|
+
var _a, _b;
|
|
961
|
+
return /* @__PURE__ */ jsxs22("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
962
|
+
/* @__PURE__ */ jsx36("circle", { cx: 16, cy: 16, r: 14, fill: "#1ED760" }),
|
|
963
|
+
/* @__PURE__ */ jsx36("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" })
|
|
964
|
+
] });
|
|
965
|
+
};
|
|
927
966
|
var spotify_default = SvgSpotify;
|
|
928
967
|
|
|
929
968
|
// src/theme/default/provider-logos/yandex.svg
|
|
930
969
|
import * as React20 from "react";
|
|
931
970
|
import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
932
|
-
var SvgYandex = (props) =>
|
|
933
|
-
|
|
934
|
-
/* @__PURE__ */
|
|
935
|
-
|
|
971
|
+
var SvgYandex = (props) => {
|
|
972
|
+
var _a, _b;
|
|
973
|
+
return /* @__PURE__ */ jsxs23("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 32 32", width: (props == null ? void 0 : props.width) ? props.width : (_a = props == null ? void 0 : props.size) != null ? _a : 20, height: (props == null ? void 0 : props.height) ? props.height : (_b = props == null ? void 0 : props.size) != null ? _b : 20, ...props, children: [
|
|
974
|
+
/* @__PURE__ */ jsx37("circle", { cx: 16, cy: 16, r: 14, fill: "#fff" }),
|
|
975
|
+
/* @__PURE__ */ jsx37("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" })
|
|
976
|
+
] });
|
|
977
|
+
};
|
|
936
978
|
var yandex_default = SvgYandex;
|
|
937
979
|
|
|
938
980
|
// src/theme/default/provider-logos/index.ts
|
|
@@ -963,9 +1005,16 @@ function extractProvider(context) {
|
|
|
963
1005
|
}
|
|
964
1006
|
function DefaultButtonSocial({
|
|
965
1007
|
attributes,
|
|
966
|
-
node
|
|
1008
|
+
node,
|
|
1009
|
+
onClick
|
|
967
1010
|
}) {
|
|
968
1011
|
var _a, _b, _c, _d;
|
|
1012
|
+
const {
|
|
1013
|
+
node_type: _ignoredNodeType,
|
|
1014
|
+
type: _ignoredType,
|
|
1015
|
+
name: _ignoredName,
|
|
1016
|
+
...props
|
|
1017
|
+
} = attributes;
|
|
969
1018
|
const {
|
|
970
1019
|
flow: { ui }
|
|
971
1020
|
} = useOryFlow5();
|
|
@@ -983,12 +1032,13 @@ function DefaultButtonSocial({
|
|
|
983
1032
|
value: attributes.value,
|
|
984
1033
|
type: "submit",
|
|
985
1034
|
name: "provider",
|
|
1035
|
+
...props,
|
|
1036
|
+
onClick,
|
|
986
1037
|
children: [
|
|
987
1038
|
/* @__PURE__ */ jsx38("span", { className: "w-5 h-5", children: Logo ? /* @__PURE__ */ jsx38(
|
|
988
1039
|
Logo,
|
|
989
1040
|
{
|
|
990
|
-
|
|
991
|
-
height: 20,
|
|
1041
|
+
size: 20,
|
|
992
1042
|
className: "object-fill w-full h-full"
|
|
993
1043
|
}
|
|
994
1044
|
) : /* @__PURE__ */ jsx38("span", { className: "rounded-full aspect-square border flex items-center justify-center text-xs", children: provider.slice(0, 2) }) }),
|
|
@@ -1016,28 +1066,50 @@ function DefaultSocialButtonContainer({
|
|
|
1016
1066
|
}
|
|
1017
1067
|
|
|
1018
1068
|
// src/theme/default/components/form/text.tsx
|
|
1019
|
-
import { useIntl as
|
|
1069
|
+
import { useIntl as useIntl7 } from "react-intl";
|
|
1020
1070
|
import { formatMessage as formatMessage5 } from "@ory/elements-react";
|
|
1021
1071
|
import { Fragment, jsx as jsx39, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
1022
1072
|
function DefaultText({ node, attributes }) {
|
|
1023
1073
|
var _a;
|
|
1024
|
-
const intl =
|
|
1074
|
+
const intl = useIntl7();
|
|
1025
1075
|
return /* @__PURE__ */ jsxs25(Fragment, { children: [
|
|
1026
1076
|
/* @__PURE__ */ jsx39("p", { "data-testid": `node/text/${attributes.id}/label`, children: formatMessage5(node.meta.label, intl) }),
|
|
1027
1077
|
(_a = attributes.text.context.secrets) == null ? void 0 : _a.map((text, index) => /* @__PURE__ */ jsx39("pre", { "data-testid": `node/text/lookup_secret_codes/text`, children: /* @__PURE__ */ jsx39("code", { children: formatMessage5(text, intl) }) }, index))
|
|
1028
1078
|
] });
|
|
1029
1079
|
}
|
|
1030
1080
|
|
|
1081
|
+
// src/theme/default/assets/icons/arrow-left.svg
|
|
1082
|
+
import * as React21 from "react";
|
|
1083
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
1084
|
+
var SvgArrowLeft = (props) => {
|
|
1085
|
+
var _a, _b;
|
|
1086
|
+
return /* @__PURE__ */ jsx40("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__ */ jsx40("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M5 12.325h14m-14 0 6 6m-6-6 6-6" }) });
|
|
1087
|
+
};
|
|
1088
|
+
var arrow_left_default = SvgArrowLeft;
|
|
1089
|
+
|
|
1031
1090
|
// src/theme/default/components/card/current-identifier-button.tsx
|
|
1032
|
-
import { jsx as
|
|
1091
|
+
import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
1033
1092
|
function DefaultCurrentIdentifierButton({
|
|
1034
1093
|
attributes,
|
|
1035
|
-
|
|
1094
|
+
onClick,
|
|
1095
|
+
type,
|
|
1096
|
+
href
|
|
1036
1097
|
}) {
|
|
1037
|
-
|
|
1038
|
-
|
|
1039
|
-
|
|
1040
|
-
|
|
1098
|
+
const Element = onClick ? "button" : "a";
|
|
1099
|
+
return /* @__PURE__ */ jsx41("div", { children: /* @__PURE__ */ jsxs26(
|
|
1100
|
+
Element,
|
|
1101
|
+
{
|
|
1102
|
+
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",
|
|
1103
|
+
onClick,
|
|
1104
|
+
...attributes,
|
|
1105
|
+
href,
|
|
1106
|
+
type,
|
|
1107
|
+
children: [
|
|
1108
|
+
/* @__PURE__ */ jsx41(arrow_left_default, { size: 16, className: "text-button-identifier-fg-subtle" }),
|
|
1109
|
+
/* @__PURE__ */ jsx41("span", { className: "text-sm font-medium leading-none text-button-identifier-fg-default", children: attributes.value })
|
|
1110
|
+
]
|
|
1111
|
+
}
|
|
1112
|
+
) });
|
|
1041
1113
|
}
|
|
1042
1114
|
|
|
1043
1115
|
// src/theme/default/components/default-components.tsx
|
|
@@ -1069,21 +1141,21 @@ var OryDefaultComponents = {
|
|
|
1069
1141
|
};
|
|
1070
1142
|
|
|
1071
1143
|
// src/theme/default/flows/error.tsx
|
|
1072
|
-
import { jsx as
|
|
1144
|
+
import { jsx as jsx42 } from "react/jsx-runtime";
|
|
1073
1145
|
function Error({
|
|
1074
1146
|
error,
|
|
1075
1147
|
children
|
|
1076
1148
|
}) {
|
|
1077
|
-
return /* @__PURE__ */
|
|
1149
|
+
return /* @__PURE__ */ jsx42("div", { children: JSON.stringify(error) || children });
|
|
1078
1150
|
}
|
|
1079
1151
|
|
|
1080
1152
|
// src/theme/default/flows/login.tsx
|
|
1081
1153
|
import { FlowType as FlowType4 } from "@ory/client-fetch";
|
|
1082
1154
|
import {
|
|
1083
|
-
|
|
1084
|
-
|
|
1155
|
+
OryProvider,
|
|
1156
|
+
OryTwoStepCard
|
|
1085
1157
|
} from "@ory/elements-react";
|
|
1086
|
-
import { jsx as
|
|
1158
|
+
import { jsx as jsx43 } from "react/jsx-runtime";
|
|
1087
1159
|
function Login({
|
|
1088
1160
|
flow,
|
|
1089
1161
|
config,
|
|
@@ -1094,14 +1166,14 @@ function Login({
|
|
|
1094
1166
|
...OryDefaultComponents,
|
|
1095
1167
|
...flowOverrideComponents
|
|
1096
1168
|
};
|
|
1097
|
-
return /* @__PURE__ */
|
|
1169
|
+
return /* @__PURE__ */ jsx43(
|
|
1098
1170
|
OryProvider,
|
|
1099
1171
|
{
|
|
1100
1172
|
config,
|
|
1101
1173
|
flow,
|
|
1102
1174
|
flowType: FlowType4.Login,
|
|
1103
1175
|
components,
|
|
1104
|
-
children: children != null ? children : /* @__PURE__ */
|
|
1176
|
+
children: children != null ? children : /* @__PURE__ */ jsx43(OryTwoStepCard, {})
|
|
1105
1177
|
}
|
|
1106
1178
|
);
|
|
1107
1179
|
}
|
|
@@ -1109,10 +1181,10 @@ function Login({
|
|
|
1109
1181
|
// src/theme/default/flows/recovery.tsx
|
|
1110
1182
|
import { FlowType as FlowType5 } from "@ory/client-fetch";
|
|
1111
1183
|
import {
|
|
1112
|
-
|
|
1113
|
-
|
|
1184
|
+
OryProvider as OryProvider2,
|
|
1185
|
+
OryTwoStepCard as OryTwoStepCard2
|
|
1114
1186
|
} from "@ory/elements-react";
|
|
1115
|
-
import { jsx as
|
|
1187
|
+
import { jsx as jsx44 } from "react/jsx-runtime";
|
|
1116
1188
|
function Recovery({
|
|
1117
1189
|
flow,
|
|
1118
1190
|
config,
|
|
@@ -1123,14 +1195,14 @@ function Recovery({
|
|
|
1123
1195
|
...OryDefaultComponents,
|
|
1124
1196
|
...flowOverrideComponents
|
|
1125
1197
|
};
|
|
1126
|
-
return /* @__PURE__ */
|
|
1198
|
+
return /* @__PURE__ */ jsx44(
|
|
1127
1199
|
OryProvider2,
|
|
1128
1200
|
{
|
|
1129
1201
|
config,
|
|
1130
1202
|
flow,
|
|
1131
1203
|
flowType: FlowType5.Recovery,
|
|
1132
1204
|
components,
|
|
1133
|
-
children: children != null ? children : /* @__PURE__ */
|
|
1205
|
+
children: children != null ? children : /* @__PURE__ */ jsx44(OryTwoStepCard2, {})
|
|
1134
1206
|
}
|
|
1135
1207
|
);
|
|
1136
1208
|
}
|
|
@@ -1138,10 +1210,10 @@ function Recovery({
|
|
|
1138
1210
|
// src/theme/default/flows/registration.tsx
|
|
1139
1211
|
import { FlowType as FlowType6 } from "@ory/client-fetch";
|
|
1140
1212
|
import {
|
|
1141
|
-
|
|
1142
|
-
|
|
1213
|
+
OryProvider as OryProvider3,
|
|
1214
|
+
OryTwoStepCard as OryTwoStepCard3
|
|
1143
1215
|
} from "@ory/elements-react";
|
|
1144
|
-
import { jsx as
|
|
1216
|
+
import { jsx as jsx45 } from "react/jsx-runtime";
|
|
1145
1217
|
function Registration({
|
|
1146
1218
|
flow,
|
|
1147
1219
|
children,
|
|
@@ -1152,14 +1224,14 @@ function Registration({
|
|
|
1152
1224
|
...OryDefaultComponents,
|
|
1153
1225
|
...flowOverrideComponents
|
|
1154
1226
|
};
|
|
1155
|
-
return /* @__PURE__ */
|
|
1227
|
+
return /* @__PURE__ */ jsx45(
|
|
1156
1228
|
OryProvider3,
|
|
1157
1229
|
{
|
|
1158
1230
|
config,
|
|
1159
1231
|
flow,
|
|
1160
1232
|
flowType: FlowType6.Registration,
|
|
1161
1233
|
components,
|
|
1162
|
-
children: children != null ? children : /* @__PURE__ */
|
|
1234
|
+
children: children != null ? children : /* @__PURE__ */ jsx45(OryTwoStepCard3, {})
|
|
1163
1235
|
}
|
|
1164
1236
|
);
|
|
1165
1237
|
}
|
|
@@ -1168,9 +1240,9 @@ function Registration({
|
|
|
1168
1240
|
import { FlowType as FlowType7 } from "@ory/client-fetch";
|
|
1169
1241
|
import {
|
|
1170
1242
|
OryProvider as OryProvider4,
|
|
1171
|
-
|
|
1243
|
+
OryTwoStepCard as OryTwoStepCard4
|
|
1172
1244
|
} from "@ory/elements-react";
|
|
1173
|
-
import { jsx as
|
|
1245
|
+
import { jsx as jsx46 } from "react/jsx-runtime";
|
|
1174
1246
|
function Settings({
|
|
1175
1247
|
flow,
|
|
1176
1248
|
config,
|
|
@@ -1181,14 +1253,14 @@ function Settings({
|
|
|
1181
1253
|
...OryDefaultComponents,
|
|
1182
1254
|
...flowOverrideComponents
|
|
1183
1255
|
};
|
|
1184
|
-
return /* @__PURE__ */
|
|
1256
|
+
return /* @__PURE__ */ jsx46(
|
|
1185
1257
|
OryProvider4,
|
|
1186
1258
|
{
|
|
1187
1259
|
config,
|
|
1188
1260
|
flow,
|
|
1189
1261
|
flowType: FlowType7.Settings,
|
|
1190
1262
|
components,
|
|
1191
|
-
children: children != null ? children : /* @__PURE__ */
|
|
1263
|
+
children: children != null ? children : /* @__PURE__ */ jsx46(OryTwoStepCard4, {})
|
|
1192
1264
|
}
|
|
1193
1265
|
);
|
|
1194
1266
|
}
|
|
@@ -1196,10 +1268,10 @@ function Settings({
|
|
|
1196
1268
|
// src/theme/default/flows/verification.tsx
|
|
1197
1269
|
import { FlowType as FlowType8 } from "@ory/client-fetch";
|
|
1198
1270
|
import {
|
|
1199
|
-
|
|
1200
|
-
|
|
1271
|
+
OryProvider as OryProvider5,
|
|
1272
|
+
OryTwoStepCard as OryTwoStepCard5
|
|
1201
1273
|
} from "@ory/elements-react";
|
|
1202
|
-
import { jsx as
|
|
1274
|
+
import { jsx as jsx47 } from "react/jsx-runtime";
|
|
1203
1275
|
function Verification({
|
|
1204
1276
|
flow,
|
|
1205
1277
|
config,
|
|
@@ -1210,14 +1282,14 @@ function Verification({
|
|
|
1210
1282
|
...OryDefaultComponents,
|
|
1211
1283
|
...flowOverrideComponents
|
|
1212
1284
|
};
|
|
1213
|
-
return /* @__PURE__ */
|
|
1285
|
+
return /* @__PURE__ */ jsx47(
|
|
1214
1286
|
OryProvider5,
|
|
1215
1287
|
{
|
|
1216
1288
|
config,
|
|
1217
1289
|
flow,
|
|
1218
1290
|
flowType: FlowType8.Verification,
|
|
1219
1291
|
components,
|
|
1220
|
-
children: children != null ? children : /* @__PURE__ */
|
|
1292
|
+
children: children != null ? children : /* @__PURE__ */ jsx47(OryTwoStepCard5, {})
|
|
1221
1293
|
}
|
|
1222
1294
|
);
|
|
1223
1295
|
}
|