@flamingo-stack/openframe-frontend-core 0.0.398 → 0.0.399-snapshot.20260710120252

package/dist/{chunk-B2K5COVE.js → chunk-UYBNOHTC.js}

@@ -13,6 +13,7 @@ import {
   useAutoLimitTags,
   useCopyToClipboard,
   useDebounce,
+  useDeferredError,
   useHeaderHeight,
   useHorizontalScrollbar,
   useHumanitySignals,
@@ -25,7 +26,7 @@ import {
   useOgPlaceholderUrl,
   useOnboardingState,
   useToast
-} from "./chunk-ZSZRJWY3.js";
+} from "./chunk-DH6HTYOV.js";
 import {
   AlertCircleIcon,
   AnthropicLogoGreyIcon,
@@ -179,7 +180,7 @@ import {
   init_button2,
   init_split_button,
   usePortalContainer
-} from "./chunk-X2FPWS3P.js";
+} from "./chunk-HGKWTKW7.js";
 import {
   CheckboxCheckmarkIcon,
   SearchIcon
@@ -25639,7 +25640,7 @@ function AuthBenefitsPanel({
   description = DEFAULT_DESCRIPTION,
   benefits = DEFAULT_BENEFITS,
   learnMoreLabel = "Learn More About OpenFrame",
-  learnMoreUrl = "https://openframe.ai",
+  learnMoreUrl = "https://www.flamingo.run/",
   className
 }) {
   return /* @__PURE__ */ jsxs145(
@@ -25857,6 +25858,10 @@ function CompleteAccountForm({
   className
 }) {
   const fieldsDisabled = disabled || loading;
+  const firstNameErr = useDeferredError(errors?.firstName, firstName);
+  const lastNameErr = useDeferredError(errors?.lastName, lastName);
+  const passwordErr = useDeferredError(errors?.password, password);
+  const confirmErr = useDeferredError(errors?.confirmPassword, confirmPassword);
   const handleKeyDown = (event) => {
     if (event.key === "Enter" && !fieldsDisabled && !submitDisabled) {
       onSubmit();
@@ -25890,58 +25895,58 @@ function CompleteAccountForm({
             /* @__PURE__ */ jsx193("div", { className: "h-px flex-1 bg-ods-border" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs148("div", { className: "flex gap-[var(--spacing-system-l)]", children: [
-          /* @__PURE__ */ jsx193("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx193(
-            Input,
-            {
-              label: "First Name",
-              placeholder: "Enter First Name",
-              value: firstName,
-              error: errors?.firstName,
-              disabled: fieldsDisabled,
-              onChange: (event) => onFirstNameChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) }),
-          /* @__PURE__ */ jsx193("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx193(
-            Input,
-            {
-              label: "Last Name",
-              placeholder: "Enter Last Name",
-              value: lastName,
-              error: errors?.lastName,
-              disabled: fieldsDisabled,
-              onChange: (event) => onLastNameChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs148("div", { className: "flex gap-[var(--spacing-system-l)]", children: [
-          /* @__PURE__ */ jsx193("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx193(
-            PasswordInput,
-            {
-              label: "Password",
-              placeholder: "Enter Password",
-              value: password,
-              error: errors?.password,
-              disabled: fieldsDisabled,
-              onChange: (event) => onPasswordChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) }),
-          /* @__PURE__ */ jsx193("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx193(
-            PasswordInput,
-            {
-              label: "Confirm Password",
-              placeholder: "Confirm Password",
-              value: confirmPassword,
-              error: errors?.confirmPassword,
-              disabled: fieldsDisabled,
-              onChange: (event) => onConfirmPasswordChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) })
-        ] }),
+        /* @__PURE__ */ jsx193(
+          Input,
+          {
+            label: "First Name",
+            placeholder: "Enter First Name",
+            value: firstName,
+            error: firstNameErr.error,
+            disabled: fieldsDisabled,
+            onBlur: firstNameErr.onBlur,
+            onChange: (event) => onFirstNameChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx193(
+          Input,
+          {
+            label: "Last Name",
+            placeholder: "Enter Last Name",
+            value: lastName,
+            error: lastNameErr.error,
+            disabled: fieldsDisabled,
+            onBlur: lastNameErr.onBlur,
+            onChange: (event) => onLastNameChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx193(
+          PasswordInput,
+          {
+            label: "Password",
+            placeholder: "Enter Password",
+            value: password,
+            error: passwordErr.error,
+            disabled: fieldsDisabled,
+            onBlur: passwordErr.onBlur,
+            onChange: (event) => onPasswordChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx193(
+          PasswordInput,
+          {
+            label: "Confirm Password",
+            placeholder: "Confirm Password",
+            value: confirmPassword,
+            error: confirmErr.error,
+            disabled: fieldsDisabled,
+            onBlur: confirmErr.onBlur,
+            onChange: (event) => onConfirmPasswordChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
         /* @__PURE__ */ jsxs148("div", { className: "flex items-center gap-[var(--spacing-system-l)]", children: [
           onBack ? /* @__PURE__ */ jsx193(
             Button,
@@ -26044,6 +26049,9 @@ function CreateOrganizationForm({
 }) {
   const isSsoMode = !!ssoProviders && ssoProviders.length > 0;
   const fieldsDisabled = disabled || loading || isSsoMode;
+  const emailErr = useDeferredError(errors?.email, email);
+  const orgNameErr = useDeferredError(errors?.organizationName, organizationName);
+  const domainErr = useDeferredError(errors?.domain, domain);
   const handleKeyDown = (event) => {
     if (event.key === "Enter" && !fieldsDisabled) {
       onSubmit();
@@ -26061,34 +26069,34 @@ function CreateOrganizationForm({
           /* @__PURE__ */ jsx195("h1", { className: "text-h2 text-ods-text-primary tracking-[-0.64px]", children: "Create Organization" }),
           /* @__PURE__ */ jsx195("p", { className: "text-h4 text-ods-text-secondary", children: "Start your journey with OpenFrame." })
         ] }),
-        /* @__PURE__ */ jsxs150("div", { className: "flex gap-[var(--spacing-system-l)]", children: [
-          /* @__PURE__ */ jsx195("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx195(
-            Input,
-            {
-              type: "email",
-              label: "Email",
-              placeholder: "username@mail.com",
-              value: email,
-              error: errors?.email ?? emailStatus?.message,
-              errorVariant: errors?.email ? "error" : emailStatus?.variant,
-              disabled: fieldsDisabled,
-              onChange: (event) => onEmailChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) }),
-          /* @__PURE__ */ jsx195("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx195(
-            Input,
-            {
-              label: "Organization Name",
-              placeholder: "Your Company Name",
-              value: organizationName,
-              error: errors?.organizationName,
-              disabled: fieldsDisabled,
-              onChange: (event) => onOrganizationNameChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) })
-        ] }),
+        /* @__PURE__ */ jsx195(
+          Input,
+          {
+            type: "email",
+            label: "Email",
+            placeholder: "username@mail.com",
+            value: email,
+            error: emailErr.error ?? emailStatus?.message,
+            errorVariant: emailErr.error ? "error" : emailStatus?.variant,
+            disabled: fieldsDisabled,
+            onBlur: emailErr.onBlur,
+            onChange: (event) => onEmailChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx195(
+          Input,
+          {
+            label: "Organization Name",
+            placeholder: "Your Company Name",
+            value: organizationName,
+            error: orgNameErr.error,
+            disabled: fieldsDisabled,
+            onBlur: orgNameErr.onBlur,
+            onChange: (event) => onOrganizationNameChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
         /* @__PURE__ */ jsxs150("div", { className: "flex flex-col", children: [
           /* @__PURE__ */ jsx195(
             Input,
@@ -26096,15 +26104,16 @@ function CreateOrganizationForm({
               label: "Domain",
               placeholder: domainPlaceholder,
               value: domain,
-              error: errors?.domain ?? domainStatus?.message,
-              errorVariant: errors?.domain ? "error" : domainStatus?.variant,
+              error: domainErr.error ?? domainStatus?.message,
+              errorVariant: domainErr.error ? "error" : domainStatus?.variant,
               disabled: fieldsDisabled,
+              onBlur: domainErr.onBlur,
               endAdornment: domainSuffix ? /* @__PURE__ */ jsx195("span", { className: "whitespace-nowrap", children: domainSuffix }) : void 0,
               onChange: (event) => onDomainChange(event.target.value),
               onKeyDown: handleKeyDown
             }
           ),
-          domainSlot && /* @__PURE__ */ jsx195("div", { className: "pt-[var(--spacing-system-l)]", children: domainSlot })
+          domainSlot && /* @__PURE__ */ jsx195("div", { className: "pt-[var(--spacing-system-s)]", children: domainSlot })
         ] }),
         /* @__PURE__ */ jsx195(
           CheckboxBlock,
@@ -26195,6 +26204,7 @@ function LoginForm({
 }) {
   const isSsoMode = !!ssoProviders && ssoProviders.length > 0;
   const fieldDisabled = disabled || loading || isSsoMode;
+  const emailErr = useDeferredError(errors?.email, email);
   const handleKeyDown = (event) => {
     if (event.key === "Enter" && !fieldDisabled) {
       onSubmit();
@@ -26219,8 +26229,9 @@ function LoginForm({
             label: "Email",
             placeholder: emailPlaceholder,
             value: email,
-            error: errors?.email,
+            error: emailErr.error,
             disabled: fieldDisabled,
+            onBlur: emailErr.onBlur,
             onChange: (event) => onEmailChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26294,6 +26305,8 @@ function OpenFrameSsoLoginForm({
   className
 }) {
   const fieldsDisabled = disabled || loading;
+  const emailErr = useDeferredError(errors?.email, email);
+  const passwordErr = useDeferredError(errors?.password, password);
   const handleKeyDown = (event) => {
     if (event.key === "Enter" && !fieldsDisabled && !submitDisabled) {
       onSubmit();
@@ -26318,8 +26331,9 @@ function OpenFrameSsoLoginForm({
             label: emailLabel,
             placeholder: emailPlaceholder,
             value: email,
-            error: errors?.email,
+            error: emailErr.error,
             disabled: fieldsDisabled,
+            onBlur: emailErr.onBlur,
             onChange: (event) => onEmailChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26330,8 +26344,9 @@ function OpenFrameSsoLoginForm({
             label: passwordLabel,
             placeholder: passwordPlaceholder,
             value: password,
-            error: errors?.password,
+            error: passwordErr.error,
             disabled: fieldsDisabled,
+            onBlur: passwordErr.onBlur,
             onChange: (event) => onPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26398,6 +26413,11 @@ function OpenFrameSsoSignUpForm({
   className
 }) {
   const fieldsDisabled = disabled || loading;
+  const emailErr = useDeferredError(errors?.email, email);
+  const firstNameErr = useDeferredError(errors?.firstName, firstName);
+  const lastNameErr = useDeferredError(errors?.lastName, lastName);
+  const passwordErr = useDeferredError(errors?.password, password);
+  const confirmErr = useDeferredError(errors?.confirmPassword, confirmPassword);
   const handleKeyDown = (event) => {
     if (event.key === "Enter" && !fieldsDisabled && !submitDisabled) {
       onSubmit();
@@ -26422,64 +26442,65 @@ function OpenFrameSsoSignUpForm({
             label: emailLabel,
             placeholder: "username@mail.com",
             value: email,
-            error: errors?.email,
+            error: emailErr.error,
             disabled: fieldsDisabled || emailReadOnly,
+            onBlur: emailErr.onBlur,
             onChange: (event) => onEmailChange(event.target.value),
             onKeyDown: handleKeyDown
           }
         ),
-        /* @__PURE__ */ jsxs154("div", { className: "flex gap-[var(--spacing-system-l)]", children: [
-          /* @__PURE__ */ jsx199("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx199(
-            Input,
-            {
-              label: "First Name",
-              placeholder: "Enter First Name",
-              value: firstName,
-              error: errors?.firstName,
-              disabled: fieldsDisabled,
-              onChange: (event) => onFirstNameChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) }),
-          /* @__PURE__ */ jsx199("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx199(
-            Input,
-            {
-              label: "Last Name",
-              placeholder: "Enter Last Name",
-              value: lastName,
-              error: errors?.lastName,
-              disabled: fieldsDisabled,
-              onChange: (event) => onLastNameChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ jsxs154("div", { className: "flex gap-[var(--spacing-system-l)]", children: [
-          /* @__PURE__ */ jsx199("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx199(
-            PasswordInput,
-            {
-              label: "Password",
-              placeholder: "Enter Password",
-              value: password,
-              error: errors?.password,
-              disabled: fieldsDisabled,
-              onChange: (event) => onPasswordChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) }),
-          /* @__PURE__ */ jsx199("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx199(
-            PasswordInput,
-            {
-              label: "Confirm Password",
-              placeholder: "Confirm Password",
-              value: confirmPassword,
-              error: errors?.confirmPassword,
-              disabled: fieldsDisabled,
-              onChange: (event) => onConfirmPasswordChange(event.target.value),
-              onKeyDown: handleKeyDown
-            }
-          ) })
-        ] }),
+        /* @__PURE__ */ jsx199(
+          Input,
+          {
+            label: "First Name",
+            placeholder: "Enter First Name",
+            value: firstName,
+            error: firstNameErr.error,
+            disabled: fieldsDisabled,
+            onBlur: firstNameErr.onBlur,
+            onChange: (event) => onFirstNameChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx199(
+          Input,
+          {
+            label: "Last Name",
+            placeholder: "Enter Last Name",
+            value: lastName,
+            error: lastNameErr.error,
+            disabled: fieldsDisabled,
+            onBlur: lastNameErr.onBlur,
+            onChange: (event) => onLastNameChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx199(
+          PasswordInput,
+          {
+            label: "Password",
+            placeholder: "Enter Password",
+            value: password,
+            error: passwordErr.error,
+            disabled: fieldsDisabled,
+            onBlur: passwordErr.onBlur,
+            onChange: (event) => onPasswordChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
+        /* @__PURE__ */ jsx199(
+          PasswordInput,
+          {
+            label: "Confirm Password",
+            placeholder: "Confirm Password",
+            value: confirmPassword,
+            error: confirmErr.error,
+            disabled: fieldsDisabled,
+            onBlur: confirmErr.onBlur,
+            onChange: (event) => onConfirmPasswordChange(event.target.value),
+            onKeyDown: handleKeyDown
+          }
+        ),
         /* @__PURE__ */ jsxs154("div", { className: "flex items-center gap-[var(--spacing-system-l)]", children: [
           /* @__PURE__ */ jsx199(
             Button,
@@ -26539,6 +26560,8 @@ function PasswordResetForm({
   className
 }) {
   const fieldsDisabled = disabled || loading;
+  const passwordErr = useDeferredError(errors?.password, password);
+  const confirmErr = useDeferredError(errors?.confirmPassword, confirmPassword);
   const handleKeyDown = (event) => {
     if (event.key === "Enter" && !fieldsDisabled && !submitDisabled) {
       onSubmit();
@@ -26563,8 +26586,9 @@ function PasswordResetForm({
             label: newPasswordLabel,
             placeholder: newPasswordPlaceholder,
             value: password,
-            error: errors?.password,
+            error: passwordErr.error,
             disabled: fieldsDisabled,
+            onBlur: passwordErr.onBlur,
             onChange: (event) => onPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26576,8 +26600,9 @@ function PasswordResetForm({
             label: confirmPasswordLabel,
             placeholder: confirmPasswordPlaceholder,
             value: confirmPassword,
-            error: errors?.confirmPassword,
+            error: confirmErr.error,
             disabled: fieldsDisabled,
+            onBlur: confirmErr.onBlur,
             onChange: (event) => onConfirmPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -53275,4 +53300,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-B2K5COVE.js.map
+//# sourceMappingURL=chunk-UYBNOHTC.js.map