@octaviaflow/core 3.1.0-beta.80 → 3.1.0-beta.81

package/dist/index.js

@@ -1186,7 +1186,7 @@ import {
   useId as useId4,
   useState as useState3
 } from "react";
-import { CheckmarkFilledIcon } from "@octaviaflow/icons";
+import { ArrowLeftIcon, CheckmarkFilledIcon } from "@octaviaflow/icons";
 
 // src/components/SocialButton/SocialButton.tsx
 import { LogoGithubIcon, LogoLinkedinIcon, LogoXIcon } from "@octaviaflow/icons";
@@ -1754,7 +1754,9 @@ function AuthSignupForm({
   passwordStrengthRules,
   submitLabel = "Create account",
   showTerms = true,
-  termsLabel = "I agree to the Terms of Service and Privacy Policy",
+  termsLabel,
+  termsHref = "https://octaviaflow.com/terms-and-conditions",
+  privacyHref = "https://octaviaflow.com/privacy-policy",
   socialProviders = ["google"],
   onSocialClick,
   socialDividerLabel = "Or, sign up with",
@@ -1788,6 +1790,35 @@ function AuthSignupForm({
     const at = email.indexOf("@");
     if (at > -1 && at < email.length - 1) setDomain(email.slice(at + 1));
   }, [showCompanyToggle, isCompanyAccount, email, domain]);
+  const termsContent = termsLabel ?? /* @__PURE__ */ jsxs6(Fragment4, { children: [
+    "I agree to the",
+    " ",
+    /* @__PURE__ */ jsx6(
+      "a",
+      {
+        className: "ods-auth-form__terms-link",
+        href: termsHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: (e) => e.stopPropagation(),
+        children: "Terms of Service"
+      }
+    ),
+    " ",
+    "and",
+    " ",
+    /* @__PURE__ */ jsx6(
+      "a",
+      {
+        className: "ods-auth-form__terms-link",
+        href: privacyHref,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        onClick: (e) => e.stopPropagation(),
+        children: "Privacy Policy"
+      }
+    )
+  ] });
   const handleSubmit = (event) => {
     event.preventDefault();
     const combinedName = nameLayout === "split" ? `${firstName} ${lastName}`.trim() : name;
@@ -1854,14 +1885,17 @@ function AuthSignupForm({
           )) })
         ] }),
         !choiceScreen && /* @__PURE__ */ jsxs6(Fragment4, { children: [
-          layout === "choice-first" && /* @__PURE__ */ jsx6(
+          layout === "choice-first" && /* @__PURE__ */ jsxs6(
             "button",
             {
               type: "button",
               className: "ods-auth-form__back",
               onClick: () => setEntryMode("choice"),
               disabled: loading,
-              children: backLabel
+              children: [
+                /* @__PURE__ */ jsx6(ArrowLeftIcon, { size: "sm", "aria-hidden": "true" }),
+                backLabel
+              ]
             }
           ),
           /* @__PURE__ */ jsxs6("div", { className: "ods-auth-form__fields", children: [
@@ -1979,7 +2013,7 @@ function AuthSignupForm({
           showTerms && /* @__PURE__ */ jsx6(
             Checkbox,
             {
-              label: termsLabel,
+              label: termsContent,
               checked: acceptTerms,
               onChange: setAcceptTerms,
               required: true,