@clerk/ui 0.1.9

package/dist/components/sign-up.mjs

@@ -0,0 +1,561 @@
+import { useLocalizations, useAttributes, useDevModeWarning, useCard, Root as Root$1, LOCALIZATION_NEEDED, Content, Header, Logo, Title, Description, GlobalError, Body, UsernameField, PhoneNumberField, EmailField, PasswordField, Actions, Button, CaretRightLegacySm, Footer, FooterAction, FooterActionText, FooterActionLink, useEnabledConnections, useEnvironment, useSignUpAttributes, useDisplayConfig, Connections, EmailOrPhoneNumberField, PenSm, OTPField, LinkButton, Root2, Label, Hint, Input, Animated, Message, parsePhoneString } from '../chunk-GJNJVJGS.mjs';
+import { AppearanceProvider, useAppearance, Separator } from '../chunk-RVVUA25B.mjs';
+import * as SignUp3 from '@clerk/elements/sign-up';
+import { Root } from '@clerk/elements/sign-up';
+import * as Common from '@clerk/elements/common';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useClerk } from '@clerk/shared/react';
+
+function FirstNameField(props) {
+  const { t, translateError } = useLocalizations();
+  return /* @__PURE__ */ jsx(
+    Common.Field,
+    {
+      name: "firstName",
+      asChild: true,
+      children: /* @__PURE__ */ jsxs(Root2, { children: [
+        /* @__PURE__ */ jsx(Common.Label, { asChild: true, children: /* @__PURE__ */ jsxs(Label, { children: [
+          t("formFieldLabel__firstName"),
+          " ",
+          !(props == null ? void 0 : props.required) ? /* @__PURE__ */ jsx(Hint, { children: t("formFieldHintText__optional") }) : null
+        ] }) }),
+        /* @__PURE__ */ jsx(Common.FieldState, { children: ({ state }) => {
+          return /* @__PURE__ */ jsx(
+            Common.Input,
+            {
+              type: "text",
+              ...props,
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Input, { intent: state })
+            }
+          );
+        } }),
+        /* @__PURE__ */ jsx(Animated, { children: /* @__PURE__ */ jsx(Common.FieldError, { asChild: true, children: ({ message, code }) => {
+          return /* @__PURE__ */ jsx(Message, { intent: "error", children: translateError({ message, code, name: "first_name" }) });
+        } }) })
+      ] })
+    }
+  );
+}
+function LastNameField(props) {
+  const { t, translateError } = useLocalizations();
+  return /* @__PURE__ */ jsx(
+    Common.Field,
+    {
+      name: "lastName",
+      asChild: true,
+      children: /* @__PURE__ */ jsxs(Root2, { children: [
+        /* @__PURE__ */ jsx(Common.Label, { asChild: true, children: /* @__PURE__ */ jsxs(Label, { children: [
+          t("formFieldLabel__lastName"),
+          " ",
+          !(props == null ? void 0 : props.required) ? /* @__PURE__ */ jsx(Hint, { children: t("formFieldHintText__optional") }) : null
+        ] }) }),
+        /* @__PURE__ */ jsx(Common.FieldState, { children: ({ state }) => {
+          return /* @__PURE__ */ jsx(
+            Common.Input,
+            {
+              type: "text",
+              ...props,
+              asChild: true,
+              children: /* @__PURE__ */ jsx(Input, { intent: state })
+            }
+          );
+        } }),
+        /* @__PURE__ */ jsx(Animated, { children: /* @__PURE__ */ jsx(Common.FieldError, { asChild: true, children: ({ message, code }) => {
+          return /* @__PURE__ */ jsx(Message, { intent: "error", children: translateError({ message, code, name: "last_name" }) });
+        } }) })
+      ] })
+    }
+  );
+}
+function SignUpContinue() {
+  const { t } = useLocalizations();
+  const { enabled: firstNameEnabled, required: firstNameRequired } = useAttributes("first_name");
+  const { enabled: lastNameEnabled, required: lastNameRequired } = useAttributes("last_name");
+  const { enabled: usernameEnabled, required: usernameRequired } = useAttributes("username");
+  const { enabled: phoneNumberEnabled, required: phoneNumberRequired } = useAttributes("phone_number");
+  const { enabled: passwordEnabled, required: passwordRequired } = useAttributes("password");
+  const isDev = useDevModeWarning();
+  const { logoProps, footerProps } = useCard();
+  return /* @__PURE__ */ jsx(Common.Loading, { scope: "global", children: (isGlobalLoading) => {
+    return /* @__PURE__ */ jsx(
+      SignUp3.Step,
+      {
+        asChild: true,
+        name: "continue",
+        children: /* @__PURE__ */ jsxs(
+          Root$1,
+          {
+            as: "form",
+            banner: isDev ? LOCALIZATION_NEEDED.developmentMode : null,
+            children: [
+              /* @__PURE__ */ jsxs(Content, { children: [
+                /* @__PURE__ */ jsxs(Header, { children: [
+                  /* @__PURE__ */ jsx(Logo, { ...logoProps }),
+                  /* @__PURE__ */ jsx(Title, { children: t("signUp.continue.title") }),
+                  /* @__PURE__ */ jsx(Description, { children: t("signUp.continue.subtitle") })
+                ] }),
+                /* @__PURE__ */ jsx(GlobalError, {}),
+                /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsxs("div", { className: "cl-254f463f", children: [
+                  firstNameEnabled && lastNameEnabled ? /* @__PURE__ */ jsxs("div", { className: "cl-e1e451e8", children: [
+                    /* @__PURE__ */ jsx(
+                      FirstNameField,
+                      {
+                        required: firstNameRequired,
+                        disabled: isGlobalLoading
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      LastNameField,
+                      {
+                        required: lastNameRequired,
+                        disabled: isGlobalLoading
+                      }
+                    )
+                  ] }) : null,
+                  usernameEnabled ? /* @__PURE__ */ jsx(
+                    UsernameField,
+                    {
+                      required: usernameRequired,
+                      disabled: isGlobalLoading
+                    }
+                  ) : null,
+                  phoneNumberEnabled ? /* @__PURE__ */ jsx(
+                    PhoneNumberField,
+                    {
+                      required: phoneNumberRequired,
+                      disabled: isGlobalLoading
+                    }
+                  ) : null,
+                  /* @__PURE__ */ jsx(EmailField, { disabled: isGlobalLoading }),
+                  passwordEnabled && passwordRequired ? /* @__PURE__ */ jsx(
+                    PasswordField,
+                    {
+                      validatePassword: true,
+                      label: t("formFieldLabel__password"),
+                      required: passwordRequired,
+                      disabled: isGlobalLoading
+                    }
+                  ) : null
+                ] }) }),
+                /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Common.Loading, { scope: "submit", children: (isSubmitting) => {
+                  return /* @__PURE__ */ jsx(
+                    SignUp3.Action,
+                    {
+                      submit: true,
+                      asChild: true,
+                      children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          busy: isSubmitting,
+                          disabled: isGlobalLoading,
+                          iconEnd: /* @__PURE__ */ jsx(CaretRightLegacySm, {}),
+                          children: t("formButtonPrimary")
+                        }
+                      )
+                    }
+                  );
+                } }) })
+              ] }),
+              /* @__PURE__ */ jsx(Footer, { ...footerProps, children: /* @__PURE__ */ jsx(FooterAction, { children: /* @__PURE__ */ jsxs(FooterActionText, { children: [
+                t("signUp.continue.actionText"),
+                " ",
+                /* @__PURE__ */ jsx(FooterActionLink, { href: "/sign-in", children: t("signUp.continue.actionLink") })
+              ] }) }) })
+            ]
+          }
+        )
+      }
+    );
+  } });
+}
+function SignUpStart() {
+  const clerk = useClerk();
+  const enabledConnections = useEnabledConnections();
+  const { userSettings } = useEnvironment();
+  const { t } = useLocalizations();
+  const { required: firstNameRequired, show: showFirstName } = useSignUpAttributes("first_name");
+  const { required: lastNameRequired, show: showLastName } = useSignUpAttributes("last_name");
+  const { enabled: usernameEnabled, required: usernameRequired, show: showUserName } = useSignUpAttributes("username");
+  const {
+    enabled: phoneNumberEnabled,
+    required: phoneNumberRequired,
+    show: showPhoneNumber
+  } = useSignUpAttributes("phone_number");
+  const {
+    enabled: emailAddressEnabled,
+    required: emailAddressRequired,
+    show: showEmailAddress
+  } = useSignUpAttributes("email_address");
+  const { required: passwordRequired, show: showPassword } = useSignUpAttributes("password");
+  const { applicationName } = useDisplayConfig();
+  const hasConnection = enabledConnections.length > 0;
+  const hasIdentifier = emailAddressEnabled || usernameEnabled || phoneNumberEnabled;
+  const isDev = useDevModeWarning();
+  const { options } = useAppearance().parsedAppearance;
+  const { logoProps, footerProps } = useCard();
+  return /* @__PURE__ */ jsx(Common.Loading, { scope: "global", children: (isGlobalLoading) => {
+    const connectionsWithSeperator = [
+      /* @__PURE__ */ jsx(
+        Connections,
+        {
+          disabled: isGlobalLoading
+        },
+        "connections"
+      ),
+      hasConnection && hasIdentifier ? /* @__PURE__ */ jsx(Separator, { children: t("dividerText") }, "separator") : null
+    ];
+    return /* @__PURE__ */ jsx(
+      SignUp3.Step,
+      {
+        asChild: true,
+        name: "start",
+        children: /* @__PURE__ */ jsxs(
+          Root$1,
+          {
+            as: "form",
+            banner: isDev ? LOCALIZATION_NEEDED.developmentMode : null,
+            children: [
+              /* @__PURE__ */ jsxs(Content, { children: [
+                /* @__PURE__ */ jsxs(Header, { children: [
+                  /* @__PURE__ */ jsx(Logo, { ...logoProps }),
+                  /* @__PURE__ */ jsx(Title, { children: t("signUp.start.title") }),
+                  /* @__PURE__ */ jsx(Description, { children: t("signUp.start.subtitle", {
+                    applicationName
+                  }) })
+                ] }),
+                /* @__PURE__ */ jsx(GlobalError, {}),
+                /* @__PURE__ */ jsxs(Body, { children: [
+                  options.socialButtonsPlacement === "top" ? connectionsWithSeperator : null,
+                  hasIdentifier ? /* @__PURE__ */ jsxs("div", { className: "cl-7147c693", children: [
+                    showFirstName && showLastName ? /* @__PURE__ */ jsxs("div", { className: "cl-8a585078", children: [
+                      /* @__PURE__ */ jsx(
+                        FirstNameField,
+                        {
+                          required: firstNameRequired,
+                          disabled: isGlobalLoading
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        LastNameField,
+                        {
+                          required: lastNameRequired,
+                          disabled: isGlobalLoading
+                        }
+                      )
+                    ] }) : null,
+                    showUserName ? /* @__PURE__ */ jsx(
+                      UsernameField,
+                      {
+                        required: usernameRequired,
+                        disabled: isGlobalLoading
+                      }
+                    ) : null,
+                    emailAddressEnabled && !emailAddressRequired && phoneNumberEnabled && !phoneNumberRequired ? /* @__PURE__ */ jsx(
+                      EmailOrPhoneNumberField,
+                      {
+                        toggleLabelEmail: t("signUp.start.actionLink__use_email"),
+                        toggleLabelPhoneNumber: t("signUp.start.actionLink__use_phone")
+                      }
+                    ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      showEmailAddress ? /* @__PURE__ */ jsx(EmailField, { disabled: isGlobalLoading }) : null,
+                      showPhoneNumber ? /* @__PURE__ */ jsx(
+                        PhoneNumberField,
+                        {
+                          required: phoneNumberRequired,
+                          disabled: isGlobalLoading,
+                          initPhoneWithCode: clerk.client.signUp.phoneNumber || ""
+                        }
+                      ) : null
+                    ] }),
+                    showPassword ? /* @__PURE__ */ jsx(
+                      PasswordField,
+                      {
+                        validatePassword: true,
+                        label: t("formFieldLabel__password"),
+                        required: passwordRequired,
+                        disabled: isGlobalLoading
+                      }
+                    ) : null
+                  ] }) : null,
+                  options.socialButtonsPlacement === "bottom" ? connectionsWithSeperator.reverse() : null,
+                  userSettings.signUp.captcha_enabled ? /* @__PURE__ */ jsx(SignUp3.Captcha, { className: "cl-7a09f230" }) : null
+                ] }),
+                hasConnection || hasIdentifier ? /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Common.Loading, { scope: "submit", children: (isSubmitting) => {
+                  return /* @__PURE__ */ jsx(
+                    SignUp3.Action,
+                    {
+                      submit: true,
+                      asChild: true,
+                      children: /* @__PURE__ */ jsx(
+                        Button,
+                        {
+                          busy: isSubmitting,
+                          disabled: isGlobalLoading,
+                          iconEnd: /* @__PURE__ */ jsx(CaretRightLegacySm, {}),
+                          children: t("formButtonPrimary")
+                        }
+                      )
+                    }
+                  );
+                } }) }) : null
+              ] }),
+              /* @__PURE__ */ jsx(Footer, { ...footerProps, children: /* @__PURE__ */ jsx(FooterAction, { children: /* @__PURE__ */ jsxs(FooterActionText, { children: [
+                t("signUp.start.actionText"),
+                " ",
+                /* @__PURE__ */ jsx(FooterActionLink, { href: "/sign-in", children: t("signUp.start.actionLink") })
+              ] }) }) })
+            ]
+          }
+        )
+      }
+    );
+  } });
+}
+function SignUpIdentifier({ emailAddress, phoneNumber }) {
+  const { client } = useClerk();
+  if (emailAddress) {
+    return /* @__PURE__ */ jsx("span", { children: client.signUp.emailAddress });
+  }
+  if (phoneNumber) {
+    const { formattedNumberWithCode } = parsePhoneString(client.signUp.phoneNumber || "");
+    return /* @__PURE__ */ jsx("span", { children: formattedNumberWithCode });
+  }
+  return null;
+}
+function SignUpVerifications() {
+  const { t } = useLocalizations();
+  const { applicationName } = useDisplayConfig();
+  const isDev = useDevModeWarning();
+  const { logoProps, footerProps } = useCard();
+  return /* @__PURE__ */ jsx(Common.Loading, { scope: "global", children: (isGlobalLoading) => {
+    return /* @__PURE__ */ jsx(
+      SignUp3.Step,
+      {
+        asChild: true,
+        name: "verifications",
+        children: /* @__PURE__ */ jsxs(
+          Root$1,
+          {
+            as: "form",
+            banner: isDev ? LOCALIZATION_NEEDED.developmentMode : null,
+            children: [
+              /* @__PURE__ */ jsxs(Content, { children: [
+                /* @__PURE__ */ jsxs(SignUp3.Strategy, { name: "phone_code", children: [
+                  /* @__PURE__ */ jsxs(Header, { children: [
+                    /* @__PURE__ */ jsx(Logo, { ...logoProps }),
+                    /* @__PURE__ */ jsx(Title, { children: t("signUp.phoneCode.title") }),
+                    /* @__PURE__ */ jsx(Description, { children: t("signUp.phoneCode.subtitle") }),
+                    /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsxs("span", { className: "cl-6cb778e1", children: [
+                      /* @__PURE__ */ jsx(SignUpIdentifier, { phoneNumber: true }),
+                      /* @__PURE__ */ jsx(
+                        SignUp3.Action,
+                        {
+                          navigate: "start",
+                          asChild: true,
+                          children: /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: "cl-0f165050",
+                              "aria-label": "Start again",
+                              children: /* @__PURE__ */ jsx(PenSm, {})
+                            }
+                          )
+                        }
+                      )
+                    ] }) })
+                  ] }),
+                  /* @__PURE__ */ jsx(GlobalError, {}),
+                  /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(
+                    OTPField,
+                    {
+                      label: t("signUp.phoneCode.formTitle"),
+                      disabled: isGlobalLoading,
+                      resend: /* @__PURE__ */ jsx(
+                        SignUp3.Action,
+                        {
+                          asChild: true,
+                          resend: true,
+                          fallback: ({ resendableAfter }) => /* @__PURE__ */ jsxs(
+                            LinkButton,
+                            {
+                              type: "button",
+                              disabled: true,
+                              children: [
+                                t("signUp.phoneCode.resendButton"),
+                                " (",
+                                /* @__PURE__ */ jsx("span", { className: "cl-ba2d0eea", children: resendableAfter }),
+                                ")"
+                              ]
+                            }
+                          ),
+                          children: /* @__PURE__ */ jsx(LinkButton, { type: "button", children: t("signUp.phoneCode.resendButton") })
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Common.Loading, { scope: "submit", children: (isSubmitting) => {
+                    return /* @__PURE__ */ jsx(
+                      SignUp3.Action,
+                      {
+                        submit: true,
+                        asChild: true,
+                        children: /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            busy: isSubmitting,
+                            disabled: isGlobalLoading,
+                            iconEnd: /* @__PURE__ */ jsx(CaretRightLegacySm, {}),
+                            children: t("formButtonPrimary")
+                          }
+                        )
+                      }
+                    );
+                  } }) })
+                ] }),
+                /* @__PURE__ */ jsxs(SignUp3.Strategy, { name: "email_code", children: [
+                  /* @__PURE__ */ jsxs(Header, { children: [
+                    /* @__PURE__ */ jsx(Logo, { ...logoProps }),
+                    /* @__PURE__ */ jsx(Title, { children: t("signUp.emailCode.title") }),
+                    /* @__PURE__ */ jsx(Description, { children: t("signUp.emailCode.subtitle") }),
+                    /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsxs("span", { className: "cl-6cb778e1", children: [
+                      /* @__PURE__ */ jsx(SignUpIdentifier, { emailAddress: true }),
+                      /* @__PURE__ */ jsx(
+                        SignUp3.Action,
+                        {
+                          navigate: "start",
+                          asChild: true,
+                          children: /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: "cl-0f165050",
+                              "aria-label": "Start again",
+                              children: /* @__PURE__ */ jsx(PenSm, {})
+                            }
+                          )
+                        }
+                      )
+                    ] }) })
+                  ] }),
+                  /* @__PURE__ */ jsx(GlobalError, {}),
+                  /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(
+                    OTPField,
+                    {
+                      label: t("signUp.emailCode.formTitle"),
+                      disabled: isGlobalLoading,
+                      resend: /* @__PURE__ */ jsx(
+                        SignUp3.Action,
+                        {
+                          asChild: true,
+                          resend: true,
+                          fallback: ({ resendableAfter }) => /* @__PURE__ */ jsxs(
+                            LinkButton,
+                            {
+                              type: "button",
+                              disabled: true,
+                              children: [
+                                t("signUp.emailCode.resendButton"),
+                                " (",
+                                /* @__PURE__ */ jsx("span", { className: "cl-ba2d0eea", children: resendableAfter }),
+                                ")"
+                              ]
+                            }
+                          ),
+                          children: /* @__PURE__ */ jsx(LinkButton, { type: "button", children: t("signUp.emailCode.resendButton") })
+                        }
+                      )
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Common.Loading, { scope: "submit", children: (isSubmitting) => {
+                    return /* @__PURE__ */ jsx(
+                      SignUp3.Action,
+                      {
+                        submit: true,
+                        asChild: true,
+                        children: /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            busy: isSubmitting,
+                            disabled: isGlobalLoading,
+                            iconEnd: /* @__PURE__ */ jsx(CaretRightLegacySm, {}),
+                            children: t("formButtonPrimary")
+                          }
+                        )
+                      }
+                    );
+                  } }) })
+                ] }),
+                /* @__PURE__ */ jsxs(SignUp3.Strategy, { name: "email_link", children: [
+                  /* @__PURE__ */ jsxs(Header, { children: [
+                    /* @__PURE__ */ jsx(Logo, { ...logoProps }),
+                    /* @__PURE__ */ jsx(Title, { children: t("signUp.emailLink.title") }),
+                    /* @__PURE__ */ jsx(Description, { children: t("signUp.emailLink.subtitle", {
+                      applicationName
+                    }) }),
+                    /* @__PURE__ */ jsx(Description, { children: /* @__PURE__ */ jsxs("span", { className: "cl-6cb778e1", children: [
+                      /* @__PURE__ */ jsx(SignUpIdentifier, { emailAddress: true }),
+                      /* @__PURE__ */ jsx(
+                        SignUp3.Action,
+                        {
+                          navigate: "start",
+                          asChild: true,
+                          children: /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: "cl-0f165050",
+                              "aria-label": "Start again",
+                              children: /* @__PURE__ */ jsx(PenSm, {})
+                            }
+                          )
+                        }
+                      )
+                    ] }) })
+                  ] }),
+                  /* @__PURE__ */ jsx(GlobalError, {}),
+                  /* @__PURE__ */ jsx(Body, { children: /* @__PURE__ */ jsx(
+                    SignUp3.Action,
+                    {
+                      resend: true,
+                      asChild: true,
+                      fallback: ({ resendableAfter }) => {
+                        return /* @__PURE__ */ jsxs(
+                          LinkButton,
+                          {
+                            type: "button",
+                            disabled: true,
+                            children: [
+                              t("signUp.emailLink.resendButton"),
+                              "(",
+                              /* @__PURE__ */ jsx("span", { className: "cl-ba2d0eea", children: resendableAfter }),
+                              ")"
+                            ]
+                          }
+                        );
+                      },
+                      children: /* @__PURE__ */ jsx(LinkButton, { type: "button", children: t("signUp.emailLink.resendButton") })
+                    }
+                  ) })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(Footer, { ...footerProps })
+            ]
+          }
+        )
+      }
+    );
+  } });
+}
+function SignUp4({ appearance, ...props }) {
+  return /* @__PURE__ */ jsx(AppearanceProvider, { appearance, children: /* @__PURE__ */ jsxs(Root, { ...props, children: [
+    /* @__PURE__ */ jsx(SignUpStart, {}),
+    /* @__PURE__ */ jsx(SignUpVerifications, {}),
+    /* @__PURE__ */ jsx(SignUpContinue, {})
+  ] }) });
+}
+
+export { SignUp4 as SignUp };
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=sign-up.mjs.map

package/dist/components/sign-up.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/sign-up/sign-up.tsx","../../src/components/sign-up/steps/continue.tsx","../../src/common/first-name-field.tsx","../../src/common/last-name-field.tsx","../../src/components/sign-up/steps/start.tsx","../../src/components/sign-up/steps/verifications.tsx"],"names":["Common","Root","jsx","jsxs","SignUp","useClerk"],"mappings":"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","sourcesContent":["import { Root as SignUpRoot } from '@clerk/elements/sign-up';\nimport type { SignUpProps } from '@clerk/types';\n\nimport { SignUpContinue } from '~/components/sign-up/steps/continue';\nimport { SignUpStart } from '~/components/sign-up/steps/start';\n// import { SignUpStatus } from '~/components/sign-up/steps/status';\nimport { SignUpVerifications } from '~/components/sign-up/steps/verifications';\nimport { type Appearance, AppearanceProvider } from '~/contexts';\n\nexport function SignUp({ appearance, ...props }: { appearance?: Appearance } & SignUpProps) {\n  return (\n    <AppearanceProvider appearance={appearance}>\n      <SignUpRoot {...props}>\n        <SignUpStart />\n        <SignUpVerifications />\n        <SignUpContinue />\n        {/* <SignUpStatus /> */}\n      </SignUpRoot>\n    </AppearanceProvider>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\n\nimport { EmailField } from '~/common/email-field';\nimport { FirstNameField } from '~/common/first-name-field';\nimport { GlobalError } from '~/common/global-error';\nimport { LastNameField } from '~/common/last-name-field';\nimport { PasswordField } from '~/common/password-field';\nimport { PhoneNumberField } from '~/common/phone-number-field';\nimport { UsernameField } from '~/common/username-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useAttributes } from '~/hooks/use-attributes';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\n\nexport function SignUpContinue() {\n  const { t } = useLocalizations();\n  const { enabled: firstNameEnabled, required: firstNameRequired } = useAttributes('first_name');\n  const { enabled: lastNameEnabled, required: lastNameRequired } = useAttributes('last_name');\n  const { enabled: usernameEnabled, required: usernameRequired } = useAttributes('username');\n  const { enabled: phoneNumberEnabled, required: phoneNumberRequired } = useAttributes('phone_number');\n  const { enabled: passwordEnabled, required: passwordRequired } = useAttributes('password');\n  const isDev = useDevModeWarning();\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        return (\n          (<SignUp.Step\n            asChild\n            name='continue'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <Card.Header>\n                  <Card.Logo {...logoProps} />\n                  <Card.Title>{t('signUp.continue.title')}</Card.Title>\n                  <Card.Description>{t('signUp.continue.subtitle')}</Card.Description>\n                </Card.Header>\n\n                <GlobalError />\n\n                <Card.Body>\n                  <div className=\"cl-254f463f\">\n                    {firstNameEnabled && lastNameEnabled ? (\n                      <div className=\"cl-e1e451e8\">\n                        <FirstNameField\n                          required={firstNameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                        <LastNameField\n                          required={lastNameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      </div>\n                    ) : null}\n\n                    {usernameEnabled ? (\n                      <UsernameField\n                        required={usernameRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n\n                    {phoneNumberEnabled ? (\n                      <PhoneNumberField\n                        required={phoneNumberRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n\n                    <EmailField disabled={isGlobalLoading} />\n\n                    {passwordEnabled && passwordRequired ? (\n                      <PasswordField\n                        validatePassword\n                        label={t('formFieldLabel__password')}\n                        required={passwordRequired}\n                        disabled={isGlobalLoading}\n                      />\n                    ) : null}\n                  </div>\n                </Card.Body>\n                <Card.Actions>\n                  <Common.Loading scope='submit'>\n                    {isSubmitting => {\n                      return (\n                        <SignUp.Action\n                          submit\n                          asChild\n                        >\n                          <Button\n                            busy={isSubmitting}\n                            disabled={isGlobalLoading}\n                            iconEnd={<CaretRightLegacySm />}\n                          >\n                            {t('formButtonPrimary')}\n                          </Button>\n                        </SignUp.Action>\n                      );\n                    }}\n                  </Common.Loading>\n                </Card.Actions>\n              </Card.Content>\n              <Card.Footer {...footerProps}>\n                <Card.FooterAction>\n                  <Card.FooterActionText>\n                    {t('signUp.continue.actionText')}{' '}\n                    <Card.FooterActionLink href='/sign-in'>{t('signUp.continue.actionLink')}</Card.FooterActionLink>\n                  </Card.FooterActionText>\n                </Card.FooterAction>\n              </Card.Footer>\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport React from 'react';\n\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Animated } from '~/primitives/animated';\nimport * as Field from '~/primitives/field';\n\nexport function FirstNameField(props: Omit<React.ComponentProps<typeof Common.Input>, 'type'>) {\n  const { t, translateError } = useLocalizations();\n\n  return (\n    <Common.Field\n      name='firstName'\n      asChild\n    >\n      <Field.Root>\n        <Common.Label asChild>\n          <Field.Label>\n            {t('formFieldLabel__firstName')}{' '}\n            {!props?.required ? <Field.Hint>{t('formFieldHintText__optional')}</Field.Hint> : null}\n          </Field.Label>\n        </Common.Label>\n        <Common.FieldState>\n          {({ state }) => {\n            return (\n              <Common.Input\n                type='text'\n                {...props}\n                asChild\n              >\n                <Field.Input intent={state} />\n              </Common.Input>\n            );\n          }}\n        </Common.FieldState>\n        <Animated>\n          <Common.FieldError asChild>\n            {({ message, code }) => {\n              return (\n                <Field.Message intent='error'>{translateError({ message, code, name: 'first_name' })}</Field.Message>\n              );\n            }}\n          </Common.FieldError>\n        </Animated>\n      </Field.Root>\n    </Common.Field>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport React from 'react';\n\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Animated } from '~/primitives/animated';\nimport * as Field from '~/primitives/field';\n\nexport function LastNameField(props: Omit<React.ComponentProps<typeof Common.Input>, 'type'>) {\n  const { t, translateError } = useLocalizations();\n\n  return (\n    <Common.Field\n      name='lastName'\n      asChild\n    >\n      <Field.Root>\n        <Common.Label asChild>\n          <Field.Label>\n            {t('formFieldLabel__lastName')}{' '}\n            {!props?.required ? <Field.Hint>{t('formFieldHintText__optional')}</Field.Hint> : null}\n          </Field.Label>\n        </Common.Label>\n        <Common.FieldState>\n          {({ state }) => {\n            return (\n              <Common.Input\n                type='text'\n                {...props}\n                asChild\n              >\n                <Field.Input intent={state} />\n              </Common.Input>\n            );\n          }}\n        </Common.FieldState>\n        <Animated>\n          <Common.FieldError asChild>\n            {({ message, code }) => {\n              return (\n                <Field.Message intent='error'>{translateError({ message, code, name: 'last_name' })}</Field.Message>\n              );\n            }}\n          </Common.FieldError>\n        </Animated>\n      </Field.Root>\n    </Common.Field>\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { Connections } from '~/common/connections';\nimport { EmailField } from '~/common/email-field';\nimport { EmailOrPhoneNumberField } from '~/common/email-or-phone-number-field';\nimport { FirstNameField } from '~/common/first-name-field';\nimport { GlobalError } from '~/common/global-error';\nimport { LastNameField } from '~/common/last-name-field';\nimport { PasswordField } from '~/common/password-field';\nimport { PhoneNumberField } from '~/common/phone-number-field';\nimport { UsernameField } from '~/common/username-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useAppearance } from '~/contexts';\nimport { useSignUpAttributes } from '~/hooks/use-attributes';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useDisplayConfig } from '~/hooks/use-display-config';\nimport { useEnabledConnections } from '~/hooks/use-enabled-connections';\nimport { useEnvironment } from '~/hooks/use-environment';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\nimport { Separator } from '~/primitives/separator';\n\nexport function SignUpStart() {\n  const clerk = useClerk();\n  const enabledConnections = useEnabledConnections();\n  const { userSettings } = useEnvironment();\n  const { t } = useLocalizations();\n  const { required: firstNameRequired, show: showFirstName } = useSignUpAttributes('first_name');\n  const { required: lastNameRequired, show: showLastName } = useSignUpAttributes('last_name');\n  const { enabled: usernameEnabled, required: usernameRequired, show: showUserName } = useSignUpAttributes('username');\n  const {\n    enabled: phoneNumberEnabled,\n    required: phoneNumberRequired,\n    show: showPhoneNumber,\n  } = useSignUpAttributes('phone_number');\n  const {\n    enabled: emailAddressEnabled,\n    required: emailAddressRequired,\n    show: showEmailAddress,\n  } = useSignUpAttributes('email_address');\n  const { required: passwordRequired, show: showPassword } = useSignUpAttributes('password');\n  const { applicationName } = useDisplayConfig();\n\n  const hasConnection = enabledConnections.length > 0;\n  const hasIdentifier = emailAddressEnabled || usernameEnabled || phoneNumberEnabled;\n  const isDev = useDevModeWarning();\n  const { options } = useAppearance().parsedAppearance;\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        const connectionsWithSeperator = [\n          <Connections\n            key='connections'\n            disabled={isGlobalLoading}\n          />,\n          hasConnection && hasIdentifier ? <Separator key='separator'>{t('dividerText')}</Separator> : null,\n        ];\n        return (\n          (<SignUp.Step\n            asChild\n            name='start'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <Card.Header>\n                  <Card.Logo {...logoProps} />\n                  <Card.Title>{t('signUp.start.title')}</Card.Title>\n                  <Card.Description>\n                    {t('signUp.start.subtitle', {\n                      applicationName,\n                    })}\n                  </Card.Description>\n                </Card.Header>\n\n                <GlobalError />\n\n                <Card.Body>\n                  {options.socialButtonsPlacement === 'top' ? connectionsWithSeperator : null}\n\n                  {hasIdentifier ? (\n                    <div className=\"cl-7147c693\">\n                      {showFirstName && showLastName ? (\n                        <div className=\"cl-8a585078\">\n                          <FirstNameField\n                            required={firstNameRequired}\n                            disabled={isGlobalLoading}\n                          />\n                          <LastNameField\n                            required={lastNameRequired}\n                            disabled={isGlobalLoading}\n                          />\n                        </div>\n                      ) : null}\n\n                      {showUserName ? (\n                        <UsernameField\n                          required={usernameRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      ) : null}\n\n                      {emailAddressEnabled && !emailAddressRequired && phoneNumberEnabled && !phoneNumberRequired ? (\n                        <EmailOrPhoneNumberField\n                          toggleLabelEmail={t('signUp.start.actionLink__use_email')}\n                          toggleLabelPhoneNumber={t('signUp.start.actionLink__use_phone')}\n                        />\n                      ) : (\n                        <>\n                          {showEmailAddress ? <EmailField disabled={isGlobalLoading} /> : null}\n\n                          {showPhoneNumber ? (\n                            <PhoneNumberField\n                              required={phoneNumberRequired}\n                              disabled={isGlobalLoading}\n                              initPhoneWithCode={clerk.client.signUp.phoneNumber || ''}\n                            />\n                          ) : null}\n                        </>\n                      )}\n\n                      {showPassword ? (\n                        <PasswordField\n                          validatePassword\n                          label={t('formFieldLabel__password')}\n                          required={passwordRequired}\n                          disabled={isGlobalLoading}\n                        />\n                      ) : null}\n                    </div>\n                  ) : null}\n\n                  {options.socialButtonsPlacement === 'bottom' ? connectionsWithSeperator.reverse() : null}\n\n                  {userSettings.signUp.captcha_enabled ? <SignUp.Captcha className=\"cl-7a09f230\" /> : null}\n                </Card.Body>\n                {hasConnection || hasIdentifier ? (\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                ) : null}\n              </Card.Content>\n              <Card.Footer {...footerProps}>\n                <Card.FooterAction>\n                  <Card.FooterActionText>\n                    {t('signUp.start.actionText')}{' '}\n                    <Card.FooterActionLink href='/sign-in'>{t('signUp.start.actionLink')}</Card.FooterActionLink>\n                  </Card.FooterActionText>\n                </Card.FooterAction>\n              </Card.Footer>\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n","import * as Common from '@clerk/elements/common';\nimport * as SignUp from '@clerk/elements/sign-up';\nimport { useClerk } from '@clerk/shared/react';\n\nimport { GlobalError } from '~/common/global-error';\nimport { OTPField } from '~/common/otp-field';\nimport { LOCALIZATION_NEEDED } from '~/constants/localizations';\nimport { useCard } from '~/hooks/use-card';\nimport { useDevModeWarning } from '~/hooks/use-dev-mode-warning';\nimport { useDisplayConfig } from '~/hooks/use-display-config';\nimport { useLocalizations } from '~/hooks/use-localizations';\nimport { Button } from '~/primitives/button';\nimport * as Card from '~/primitives/card';\nimport CaretRightLegacySm from '~/primitives/icons/caret-right-legacy-sm';\nimport PenSm from '~/primitives/icons/pen-sm';\nimport { LinkButton } from '~/primitives/link';\nimport type { RequireExactlyOne } from '~/types/utils';\nimport { parsePhoneString } from '~/utils/phone-number';\n\n/* Internal\n  ============================================ */\n\ntype Identifiers = {\n  emailAddress: boolean;\n  phoneNumber: boolean;\n};\n\ntype Identifier = RequireExactlyOne<Identifiers>;\n\nfunction SignUpIdentifier({ emailAddress, phoneNumber }: Identifier) {\n  const { client } = useClerk();\n\n  if (emailAddress) {\n    return <span>{client.signUp.emailAddress}</span>;\n  }\n\n  if (phoneNumber) {\n    const { formattedNumberWithCode } = parsePhoneString(client.signUp.phoneNumber || '');\n    return <span>{formattedNumberWithCode}</span>;\n  }\n\n  return null;\n}\n\n/* Public\n  ============================================ */\n\nexport function SignUpVerifications() {\n  const { t } = useLocalizations();\n  const { applicationName } = useDisplayConfig();\n\n  const isDev = useDevModeWarning();\n  const { logoProps, footerProps } = useCard();\n\n  return (\n    (<Common.Loading scope='global'>\n      {isGlobalLoading => {\n        return (\n          (<SignUp.Step\n            asChild\n            name='verifications'\n          >\n            <Card.Root\n              as='form'\n              banner={isDev ? LOCALIZATION_NEEDED.developmentMode : null}\n            >\n              <Card.Content>\n                <SignUp.Strategy name='phone_code'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.phoneCode.title')}</Card.Title>\n                    <Card.Description>{t('signUp.phoneCode.subtitle')}</Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier phoneNumber />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <OTPField\n                      label={t('signUp.phoneCode.formTitle')}\n                      disabled={isGlobalLoading}\n                      resend={\n                        <SignUp.Action\n                          asChild\n                          resend\n                          // eslint-disable-next-line react/no-unstable-nested-components\n                          fallback={({ resendableAfter }) => (\n                            <LinkButton\n                              type='button'\n                              disabled\n                            >\n                              {t('signUp.phoneCode.resendButton')} (\n                              <span className=\"cl-ba2d0eea\">{resendableAfter}</span>)\n                            </LinkButton>\n                          )}\n                        >\n                          <LinkButton type='button'>{t('signUp.phoneCode.resendButton')}</LinkButton>\n                        </SignUp.Action>\n                      }\n                    />\n                  </Card.Body>\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                </SignUp.Strategy>\n\n                <SignUp.Strategy name='email_code'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.emailCode.title')}</Card.Title>\n                    <Card.Description>{t('signUp.emailCode.subtitle')}</Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier emailAddress />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <OTPField\n                      label={t('signUp.emailCode.formTitle')}\n                      disabled={isGlobalLoading}\n                      resend={\n                        <SignUp.Action\n                          asChild\n                          resend\n                          // eslint-disable-next-line react/no-unstable-nested-components\n                          fallback={({ resendableAfter }) => (\n                            <LinkButton\n                              type='button'\n                              disabled\n                            >\n                              {t('signUp.emailCode.resendButton')} (\n                              <span className=\"cl-ba2d0eea\">{resendableAfter}</span>)\n                            </LinkButton>\n                          )}\n                        >\n                          <LinkButton type='button'>{t('signUp.emailCode.resendButton')}</LinkButton>\n                        </SignUp.Action>\n                      }\n                    />\n                  </Card.Body>\n                  <Card.Actions>\n                    <Common.Loading scope='submit'>\n                      {isSubmitting => {\n                        return (\n                          <SignUp.Action\n                            submit\n                            asChild\n                          >\n                            <Button\n                              busy={isSubmitting}\n                              disabled={isGlobalLoading}\n                              iconEnd={<CaretRightLegacySm />}\n                            >\n                              {t('formButtonPrimary')}\n                            </Button>\n                          </SignUp.Action>\n                        );\n                      }}\n                    </Common.Loading>\n                  </Card.Actions>\n                </SignUp.Strategy>\n\n                <SignUp.Strategy name='email_link'>\n                  <Card.Header>\n                    <Card.Logo {...logoProps} />\n                    <Card.Title>{t('signUp.emailLink.title')}</Card.Title>\n                    <Card.Description>\n                      {t('signUp.emailLink.subtitle', {\n                        applicationName,\n                      })}\n                    </Card.Description>\n                    <Card.Description>\n                      <span className=\"cl-6cb778e1\">\n                        <SignUpIdentifier emailAddress />\n                        <SignUp.Action\n                          navigate='start'\n                          asChild\n                        >\n                          <button\n                            type='button'\n                            className=\"cl-0f165050\"\n                            aria-label='Start again'\n                          >\n                            <PenSm />\n                          </button>\n                        </SignUp.Action>\n                      </span>\n                    </Card.Description>\n                  </Card.Header>\n\n                  <GlobalError />\n\n                  <Card.Body>\n                    <SignUp.Action\n                      resend\n                      asChild\n                      // eslint-disable-next-line react/no-unstable-nested-components\n                      fallback={({ resendableAfter }) => {\n                        return (\n                          (<LinkButton\n                            type='button'\n                            disabled\n                          >\n                            {t('signUp.emailLink.resendButton')}(<span className=\"cl-ba2d0eea\">{resendableAfter}</span>)</LinkButton>)\n                        );\n                      }}\n                    >\n                      <LinkButton type='button'>{t('signUp.emailLink.resendButton')}</LinkButton>\n                    </SignUp.Action>\n                  </Card.Body>\n                </SignUp.Strategy>\n              </Card.Content>\n              <Card.Footer {...footerProps} />\n            </Card.Root>\n          </SignUp.Step>)\n        );\n      }}\n    </Common.Loading>)\n  );\n}\n"]}