@flamingo-stack/openframe-frontend-core 0.0.399 → 0.0.400

package/dist/{chunk-2XVOYDRF.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,
@@ -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();
@@ -25896,8 +25901,9 @@ function CompleteAccountForm({
             label: "First Name",
             placeholder: "Enter First Name",
             value: firstName,
-            error: errors?.firstName,
+            error: firstNameErr.error,
             disabled: fieldsDisabled,
+            onBlur: firstNameErr.onBlur,
             onChange: (event) => onFirstNameChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -25908,8 +25914,9 @@ function CompleteAccountForm({
             label: "Last Name",
             placeholder: "Enter Last Name",
             value: lastName,
-            error: errors?.lastName,
+            error: lastNameErr.error,
             disabled: fieldsDisabled,
+            onBlur: lastNameErr.onBlur,
             onChange: (event) => onLastNameChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -25920,8 +25927,9 @@ function CompleteAccountForm({
             label: "Password",
             placeholder: "Enter Password",
             value: password,
-            error: errors?.password,
+            error: passwordErr.error,
             disabled: fieldsDisabled,
+            onBlur: passwordErr.onBlur,
             onChange: (event) => onPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -25932,8 +25940,9 @@ function CompleteAccountForm({
             label: "Confirm Password",
             placeholder: "Confirm Password",
             value: confirmPassword,
-            error: errors?.confirmPassword,
+            error: confirmErr.error,
             disabled: fieldsDisabled,
+            onBlur: confirmErr.onBlur,
             onChange: (event) => onConfirmPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26040,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();
@@ -26064,9 +26076,10 @@ function CreateOrganizationForm({
             label: "Email",
             placeholder: "username@mail.com",
             value: email,
-            error: errors?.email ?? emailStatus?.message,
-            errorVariant: errors?.email ? "error" : emailStatus?.variant,
+            error: emailErr.error ?? emailStatus?.message,
+            errorVariant: emailErr.error ? "error" : emailStatus?.variant,
             disabled: fieldsDisabled,
+            onBlur: emailErr.onBlur,
             onChange: (event) => onEmailChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26077,8 +26090,9 @@ function CreateOrganizationForm({
             label: "Organization Name",
             placeholder: "Your Company Name",
             value: organizationName,
-            error: errors?.organizationName,
+            error: orgNameErr.error,
             disabled: fieldsDisabled,
+            onBlur: orgNameErr.onBlur,
             onChange: (event) => onOrganizationNameChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26090,9 +26104,10 @@ 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
@@ -26189,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();
@@ -26213,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
           }
@@ -26288,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();
@@ -26312,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
           }
@@ -26324,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
           }
@@ -26392,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();
@@ -26416,8 +26442,9 @@ 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
           }
@@ -26428,8 +26455,9 @@ function OpenFrameSsoSignUpForm({
             label: "First Name",
             placeholder: "Enter First Name",
             value: firstName,
-            error: errors?.firstName,
+            error: firstNameErr.error,
             disabled: fieldsDisabled,
+            onBlur: firstNameErr.onBlur,
             onChange: (event) => onFirstNameChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26440,8 +26468,9 @@ function OpenFrameSsoSignUpForm({
             label: "Last Name",
             placeholder: "Enter Last Name",
             value: lastName,
-            error: errors?.lastName,
+            error: lastNameErr.error,
             disabled: fieldsDisabled,
+            onBlur: lastNameErr.onBlur,
             onChange: (event) => onLastNameChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26452,8 +26481,9 @@ function OpenFrameSsoSignUpForm({
             label: "Password",
             placeholder: "Enter Password",
             value: password,
-            error: errors?.password,
+            error: passwordErr.error,
             disabled: fieldsDisabled,
+            onBlur: passwordErr.onBlur,
             onChange: (event) => onPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26464,8 +26494,9 @@ function OpenFrameSsoSignUpForm({
             label: "Confirm Password",
             placeholder: "Confirm Password",
             value: confirmPassword,
-            error: errors?.confirmPassword,
+            error: confirmErr.error,
             disabled: fieldsDisabled,
+            onBlur: confirmErr.onBlur,
             onChange: (event) => onConfirmPasswordChange(event.target.value),
             onKeyDown: handleKeyDown
           }
@@ -26529,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();
@@ -26553,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
           }
@@ -26566,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
           }
@@ -53265,4 +53300,4 @@ export {
   LogsList,
   assets
 };
-//# sourceMappingURL=chunk-2XVOYDRF.js.map
+//# sourceMappingURL=chunk-UYBNOHTC.js.map