@ory/elements-react 1.0.0-next.1 → 1.0.0-next.3

package/dist/theme/default/index.mjs

@@ -211,7 +211,7 @@ var require_react_is_development = __commonJS({
         var ContextProvider = REACT_PROVIDER_TYPE;
         var Element = REACT_ELEMENT_TYPE;
         var ForwardRef = REACT_FORWARD_REF_TYPE;
-        var Fragment6 = REACT_FRAGMENT_TYPE;
+        var Fragment7 = REACT_FRAGMENT_TYPE;
         var Lazy = REACT_LAZY_TYPE;
         var Memo = REACT_MEMO_TYPE;
         var Portal = REACT_PORTAL_TYPE;
@@ -270,7 +270,7 @@ var require_react_is_development = __commonJS({
         exports.ContextProvider = ContextProvider;
         exports.Element = Element;
         exports.ForwardRef = ForwardRef;
-        exports.Fragment = Fragment6;
+        exports.Fragment = Fragment7;
         exports.Lazy = Lazy;
         exports.Memo = Memo;
         exports.Portal = Portal;
@@ -8825,7 +8825,7 @@ function LoginCardFooter() {
   if (!config.project.registration_enabled) {
     return null;
   }
-  let registrationLink = `/self-service/registration/browser`;
+  let registrationLink = `${config.sdk.url}/self-service/registration/browser`;
   const returnTo = getReturnToQueryParam();
   if (returnTo) {
     registrationLink += `?return_to=${returnTo}`;
@@ -8851,7 +8851,8 @@ function LoginCardFooter() {
 }
 function RegistrationCardFooter() {
   const intl = useIntl();
-  let loginLink = `/self-service/login/browser`;
+  const { config } = useOryFlow();
+  let loginLink = `${config.sdk.url}/self-service/login/browser`;
   const returnTo = getReturnToQueryParam();
   if (returnTo) {
     loginLink += `?return_to=${returnTo}`;
@@ -10045,11 +10046,16 @@ function DefaultText({ node, attributes }) {
 }
 
 // src/theme/default/components/card/current-identifier-button.tsx
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
 function DefaultCurrentIdentifierButton({
-  attributes
+  attributes,
+  node
 }) {
-  return /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44("span", { className: "py-1 px-3 rounded-full border border-button-identifier-border-default bg-button-identifier-bg-default", children: /* @__PURE__ */ jsx44("span", { className: "text-sm font-medium leading-none", children: attributes.value }) }) });
+  return /* @__PURE__ */ jsxs26("div", { children: [
+    /* @__PURE__ */ jsx44("span", { className: "py-1 px-3 rounded-full border border-button-identifier-border-default bg-button-identifier-bg-default", children: /* @__PURE__ */ jsx44("span", { className: "text-sm font-medium leading-none", children: attributes.value }) }),
+    /* @__PURE__ */ jsx44(DefaultInput, { attributes, node, onClick: () => {
+    } })
+  ] });
 }
 
 // src/theme/default/components/default-components.tsx
@@ -10148,7 +10154,7 @@ import {
   UiNodeInputAttributesTypeEnum
 } from "@ory/client-fetch";
 import { useEffect, useRef } from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 var NodeInput = ({
   node,
   attributes
@@ -10210,17 +10216,23 @@ var NodeInput = ({
         }
       );
     case UiNodeInputAttributesTypeEnum.Hidden:
-      if (isCurrentIdentifier) {
-        return /* @__PURE__ */ jsx46(Components.CurrentIdentifierButton, { attributes: attrs, node });
-      }
-      return /* @__PURE__ */ jsx46(
-        Components.Input,
-        {
-          attributes: attrs,
-          node,
-          onClick: handleClick
-        }
-      );
+      return /* @__PURE__ */ jsxs27(Fragment4, { children: [
+        isCurrentIdentifier && /* @__PURE__ */ jsx46(
+          Components.CurrentIdentifierButton,
+          {
+            attributes: attrs,
+            node
+          }
+        ),
+        /* @__PURE__ */ jsx46(
+          Components.Input,
+          {
+            attributes: attrs,
+            node,
+            onClick: handleClick
+          }
+        )
+      ] });
     default:
       if (isPinCodeInput) {
         return /* @__PURE__ */ jsx46(Components.Label, { attributes: attrs, node, children: /* @__PURE__ */ jsx46(
@@ -10298,7 +10310,7 @@ function OryFormGroups({ children, groups }) {
 }
 
 // src/components/form/social.tsx
-import { Fragment as Fragment4, jsx as jsx49, jsxs as jsxs26 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
 function OryFormSocialButtons({
   children,
   hideDivider
@@ -10314,7 +10326,7 @@ function OryFormSocialButtons({
   const otherNodes = ui.nodes.filter(
     (node) => node.group !== "oidc" && node.group !== "default"
   );
-  return /* @__PURE__ */ jsxs26(Fragment4, { children: [
+  return /* @__PURE__ */ jsxs28(Fragment5, { children: [
     /* @__PURE__ */ jsx49(SocialButtonContainer, { nodes: filteredNodes, children: children != null ? children : filteredNodes.map((node, k) => {
       return /* @__PURE__ */ jsx49(Node, { node }, k);
     }) }),
@@ -10330,7 +10342,7 @@ import {
   isUiNodeInputAttributes as isUiNodeInputAttributes3,
   isUiNodeScriptAttributes as isUiNodeScriptAttributes2
 } from "@ory/client-fetch";
-import { Fragment as Fragment5, jsx as jsx50, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx50, jsxs as jsxs29 } from "react/jsx-runtime";
 function OryForm({ children }) {
   var _a3;
   const { FormContainer } = useComponents();
@@ -10435,7 +10447,7 @@ function OryForm({ children }) {
       action: flowContainer.flow.ui.action,
       method: flowContainer.flow.ui.method,
       onSubmit: () => void methods.handleSubmit(onSubmit),
-      children: children != null ? children : /* @__PURE__ */ jsxs27(Fragment5, { children: [
+      children: children != null ? children : /* @__PURE__ */ jsxs29(Fragment6, { children: [
         /* @__PURE__ */ jsx50(OryFormSocialButtons, {}),
         /* @__PURE__ */ jsx50(
           OryFormGroups,
@@ -10479,15 +10491,15 @@ function OryCardHeader() {
 }
 
 // src/components/card/index.tsx
-import { jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs30 } from "react/jsx-runtime";
 function OryCardContent({ children }) {
   const { CardContent } = useComponents();
   if (children) {
     return /* @__PURE__ */ jsx53(CardContent, { children });
   }
-  return /* @__PURE__ */ jsxs28(CardContent, { children: [
+  return /* @__PURE__ */ jsxs30(CardContent, { children: [
     /* @__PURE__ */ jsx53(OryCardValidationMessages, {}),
-    /* @__PURE__ */ jsxs28(OryForm, { children: [
+    /* @__PURE__ */ jsxs30(OryForm, { children: [
       /* @__PURE__ */ jsx53(OryFormSocialButtons, {}),
       /* @__PURE__ */ jsx53(
         OryFormGroups,
@@ -10516,7 +10528,7 @@ function OryCard({ children }) {
   if (children) {
     return /* @__PURE__ */ jsx53(Card, { children });
   }
-  return /* @__PURE__ */ jsxs28(Card, { children: [
+  return /* @__PURE__ */ jsxs30(Card, { children: [
     /* @__PURE__ */ jsx53(OryCardHeader, {}),
     /* @__PURE__ */ jsx53(OryCardContent, {}),
     /* @__PURE__ */ jsx53(OryCardFooter, {})