@octaviaflow/core 3.1.0-beta.71 → 3.1.0-beta.72

package/dist/marketing/components/BetaAccessForm/BetaAccessForm.d.ts

@@ -2,6 +2,10 @@ import { type ReactNode } from "react";
 export interface BetaAccessValues {
     email: string;
     name?: string;
+    /** Present when `nameLayout="split"`. */
+    firstName?: string;
+    /** Present when `nameLayout="split"`. */
+    lastName?: string;
     company?: string;
     /** Present when `teamSizes` are configured. */
     teamSize?: string;
@@ -18,6 +22,8 @@ export interface BetaAccessFormProps {
     subtitle?: ReactNode;
     /** "email" = single-field band (default). "full" = name + email + company. */
     fields?: "email" | "full";
+    /** "single" (default) = one Full-name field; "split" = First + Last name. */
+    nameLayout?: "single" | "split";
     /** "card" (default) = bordered band. "inline" = chromeless, for footers. */
     appearance?: "card" | "inline";
     /** Team-size choices (full mode). Required when provided. */
@@ -42,5 +48,5 @@ export interface BetaAccessFormProps {
     disabled?: boolean;
     className?: string;
 }
-export declare function BetaAccessForm({ title, subtitle, fields, appearance, teamSizes, plans, defaultPlan, useCases, showDetails, detailsLabel, detailsPlaceholder, submitLabel, footnote, onSubmit, successTitle, successBody, disabled, className, }: BetaAccessFormProps): import("react/jsx-runtime").JSX.Element;
+export declare function BetaAccessForm({ title, subtitle, fields, nameLayout, appearance, teamSizes, plans, defaultPlan, useCases, showDetails, detailsLabel, detailsPlaceholder, submitLabel, footnote, onSubmit, successTitle, successBody, disabled, className, }: BetaAccessFormProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BetaAccessForm.d.ts.map

package/dist/marketing/components/BetaAccessForm/BetaAccessForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BetaAccessForm.d.ts","sourceRoot":"","sources":["../../../../src/marketing/components/BetaAccessForm/BetaAccessForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAgBxE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAA8B,EAC9B,QAAyE,EACzE,MAAgB,EAChB,UAAmB,EACnB,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,YAA8C,EAC9C,kBAAsE,EACtE,WAAgC,EAChC,QAA0D,EAC1D,QAAQ,EACR,YAAkC,EAClC,WAAgF,EAChF,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CAiNrB"}
+{"version":3,"file":"BetaAccessForm.d.ts","sourceRoot":"","sources":["../../../../src/marketing/components/BetaAccessForm/BetaAccessForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAgBxE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAChC,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC/B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC9D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,cAAc,CAAC,EAC7B,KAA8B,EAC9B,QAAyE,EACzE,MAAgB,EAChB,UAAqB,EACrB,UAAmB,EACnB,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,WAAmB,EACnB,YAA8C,EAC9C,kBAAsE,EACtE,WAAgC,EAChC,QAA0D,EAC1D,QAAQ,EACR,YAAkC,EAClC,WAAgF,EAChF,QAAgB,EAChB,SAAS,GACV,EAAE,mBAAmB,2CAqPrB"}

package/dist/marketing/components/ContactForm/ContactForm.d.ts

@@ -12,6 +12,8 @@ export interface ContactFormTopic {
     label: string;
     /** Contextual hint shown under the select when this topic is chosen. */
     hint?: ReactNode;
+    /** Message-textarea placeholder while this topic is selected. */
+    messagePlaceholder?: string;
 }
 export interface ContactFormProps {
     title?: ReactNode;

package/dist/marketing/components/ContactForm/ContactForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactForm.d.ts","sourceRoot":"","sources":["../../../../src/marketing/components/ContactForm/ContactForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAcxE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,WAAW,CAAC,EAC1B,KAAoB,EACpB,QAAsE,EACtE,MAAM,EACN,WAA8B,EAC9B,QAAqD,EACrD,QAAQ,EACR,YAA8B,EAC9B,WAAyE,EACzE,QAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,2CAiKlB"}
+{"version":3,"file":"ContactForm.d.ts","sourceRoot":"","sources":["../../../../src/marketing/components/ContactForm/ContactForm.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,SAAS,EAAmB,MAAM,OAAO,CAAC;AAcxE,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4EAA4E;IAC5E,MAAM,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC5B,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID,wBAAgB,WAAW,CAAC,EAC1B,KAAoB,EACpB,QAAsE,EACtE,MAAM,EACN,WAA8B,EAC9B,QAAqD,EACrD,QAAQ,EACR,YAA8B,EAC9B,WAAyE,EACzE,QAAgB,EAChB,SAAS,GACV,EAAE,gBAAgB,2CAiKlB"}

package/dist/marketing.cjs

@@ -3372,6 +3372,7 @@ function BetaAccessForm({
   title = "Request early access",
   subtitle = "CURRENTLY IN PRIVATE BETA \u2014 WE REVIEW ACCESS REQUESTS WEEKLY",
   fields = "email",
+  nameLayout = "single",
   appearance = "card",
   teamSizes,
   plans,
@@ -3392,6 +3393,8 @@ function BetaAccessForm({
   const [values, setValues] = (0, import_react21.useState)({
     email: "",
     name: "",
+    firstName: "",
+    lastName: "",
     company: "",
     teamSize: "",
     plan: defaultPlan ?? "",
@@ -3407,10 +3410,14 @@ function BetaAccessForm({
       setError("Please enter a valid work email.");
       return;
     }
-    if (fields === "full" && !values.name?.trim()) {
+    if (fields === "full" && nameLayout === "single" && !values.name?.trim()) {
       setError("Please enter your name.");
       return;
     }
+    if (fields === "full" && nameLayout === "split" && !values.firstName?.trim()) {
+      setError("Please enter your first name.");
+      return;
+    }
     if (fields === "full" && teamSizes?.length && !values.teamSize) {
       setError("Please select your team size.");
       return;
@@ -3471,7 +3478,7 @@ function BetaAccessForm({
               fields === "full" && "ods-mkt-access__fields--full"
             ),
             children: [
-              fields === "full" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ods-mkt-access__field", children: [
+              fields === "full" && nameLayout === "single" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ods-mkt-access__field", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-name`, children: "Full name" }),
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   Input,
@@ -3485,6 +3492,36 @@ function BetaAccessForm({
                   }
                 )
               ] }),
+              fields === "full" && nameLayout === "split" && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ods-mkt-access__field", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-firstname`, children: "First name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    Input,
+                    {
+                      id: `${uid}-firstname`,
+                      autoComplete: "given-name",
+                      placeholder: "Ada",
+                      value: values.firstName ?? "",
+                      onChange: (e) => setValues((v) => ({ ...v, firstName: e.target.value })),
+                      disabled: busy
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ods-mkt-access__field", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-lastname`, children: "Last name" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                    Input,
+                    {
+                      id: `${uid}-lastname`,
+                      autoComplete: "family-name",
+                      placeholder: "Lovelace",
+                      value: values.lastName ?? "",
+                      onChange: (e) => setValues((v) => ({ ...v, lastName: e.target.value })),
+                      disabled: busy
+                    }
+                  )
+                ] })
+              ] }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "ods-mkt-access__field", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "ods-mkt-access__label", htmlFor: `${uid}-email`, children: "Work email" }),
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -4203,7 +4240,7 @@ function ContactForm({
           {
             id: `${uid}-message`,
             "aria-labelledby": `${uid}-message-label`,
-            placeholder: "What are you trying to build?",
+            placeholder: selectedTopic?.messagePlaceholder ?? "What are you trying to build?",
             rows: 4,
             value: values.message,
             onChange: (e) => setValues((v) => ({ ...v, message: e.target.value })),