@axos-web-dev/shared-components 2.2.4 → 2.2.6

package/dist/Chatbot/Chatbot.d.ts

@@ -1,3 +1,6 @@
+import { default as AudioManager } from './AudioManager';
+
+export declare const audioManager: AudioManager;
 export type ChatbotProps = {
     project?: "axos" | "ufb";
     debug?: boolean;

package/dist/Chatbot/Chatbot.js

@@ -1,12 +1,18 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { usePageVisibility } from "../utils/useVisibility.js";
 import { useRef, useState, useEffect } from "react";
 import { useMount, useUnmount } from "react-use";
+import notificationSound from "../assets/notification.mp3.js";
+import AudioManager from "./AudioManager.js";
 import { Bubble } from "./Bubble.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
+const audioManager = new AudioManager();
+audioManager.installUjetAudioOverride(notificationSound);
+audioManager.setSoundEnabled(false);
 const Chatbot = ({
   project = "axos",
   projectEnv = "dev",
@@ -14,6 +20,7 @@ const Chatbot = ({
   config
 }) => {
   const {
+    isOpen,
     hasOpenedOnce,
     toggle,
     reset,
@@ -23,6 +30,7 @@ const Chatbot = ({
     unblockInput,
     blockInput
   } = useOpenChat();
+  const isVisible = usePageVisibility();
   const { addMessage, addMessages, clearMessages, messages } = useMessages();
   const clientRef = useRef(null);
   const menuRef = useRef(null);
@@ -305,6 +313,7 @@ const Chatbot = ({
     }
   };
   const handleClick = async () => {
+    audioManager.setSoundEnabled(true);
     toggle();
     if (hasStarted) return;
     if (!hasOpenedOnce) {
@@ -391,6 +400,19 @@ const Chatbot = ({
       console.error("Error sending preview message:", error);
     }
   };
+  useEffect(() => {
+    if (chatRef.current) {
+      if (isVisible && isOpen) {
+        audioManager.setSoundEnabled(false);
+      }
+      if (isVisible && !isOpen) {
+        audioManager.setSoundEnabled(true);
+      }
+      if (!isVisible) {
+        audioManager.setSoundEnabled(true);
+      }
+    }
+  }, [isOpen, isVisible]);
   return menusLoaded && /* @__PURE__ */ jsxs(
     "div",
     {
@@ -417,5 +439,6 @@ const Chatbot = ({
   );
 };
 export {
-  Chatbot
+  Chatbot,
+  audioManager
 };

package/dist/Chatbot/ExpandChatToggle.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+
+interface ExpandChatToggleProps {
+    isExpanded: boolean;
+    onToggle: () => void;
+}
+export declare const ExpandChatToggle: React.FC<ExpandChatToggleProps>;
+export {};

package/dist/Chatbot/ExpandChatToggle.js

@@ -0,0 +1,74 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { vars } from "../themes/axos.css.js";
+import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+import clsx from "clsx";
+import { button_bar, expandToggleStyle } from "./ChatWindow.css.js";
+const ExpandChatToggle = ({
+  isExpanded,
+  onToggle
+}) => {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: onToggle,
+      className: clsx(button_bar, expandToggleStyle),
+      style: { border: "none", cursor: "pointer", padding: 0, lineHeight: 1 },
+      "aria-label": isExpanded ? "Collapse chat window" : "Expand chat window",
+      title: isExpanded ? "Collapse" : "Expand",
+      children: isExpanded ? (
+        // Collapse: inward corners — shown when panel is expanded (shrink toward bottom-right)
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 16,
+            height: 16,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: vars.chatbot.window.headerText,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "20 14 14 14 14 20" }),
+              /* @__PURE__ */ jsx("polyline", { points: "4 10 10 10 10 4" }),
+              /* @__PURE__ */ jsx("line", { x1: "14", y1: "14", x2: "21", y2: "21" }),
+              /* @__PURE__ */ jsx("line", { x1: "10", y1: "10", x2: "3", y2: "3" })
+            ]
+          }
+        )
+      ) : (
+        // Expand: outward corners — shown when panel is compact (grow toward top-left)
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: 16,
+            height: 16,
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: vars.chatbot.window.headerText,
+            strokeWidth: 2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            "aria-hidden": true,
+            children: [
+              /* @__PURE__ */ jsx("polyline", { points: "9 3 3 3 3 9" }),
+              /* @__PURE__ */ jsx("polyline", { points: "15 21 21 21 21 15" }),
+              /* @__PURE__ */ jsx("line", { x1: "3", y1: "3", x2: "10", y2: "10" }),
+              /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "14", y2: "14" })
+            ]
+          }
+        )
+      )
+    }
+  );
+};
+export {
+  ExpandChatToggle
+};

package/dist/Chatbot/index.js

@@ -1,10 +1,10 @@
 "use client";
 import { Bubble } from "./Bubble.js";
 import { borderHoverGradient, bubbleButton, bubbleText, bubbleWrapper, inner, svgFill } from "./Bubble.css.js";
-import { Chatbot } from "./Chatbot.js";
+import { Chatbot, audioManager } from "./Chatbot.js";
 import { chatbotAXB, chatbotUFB } from "./Chatbot.css.js";
 import { ChatWindow } from "./ChatWindow.js";
-import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
+import { agent_msg, arrowFill, autoResize, button_bar, button_reset, buttonss_section, chatEndCircle, chatEndDialogOverlay, chatFinishDialog, chatNetworkStatus, chat_title, chatbotMenu, chatbotMenuItem, endChatButtonStyle, expandToggleStyle, inline_button, inline_button_wrapper, inputStyle, left_bar_section, messageStyle, messagesContainerStyle, noAnswerButton, notificationStyle, sendButtonStyle, shimmerText, thankyou_image, thankyou_message, thankyou_overlay, user_msg, windowBarStyle, windowExpandedStyle, windowOpenStyle, windowStyle } from "./ChatWindow.css.js";
 import { useOpenChat } from "./store/chat.js";
 import { useMessages } from "./store/messages.js";
 export {
@@ -13,6 +13,7 @@ export {
   Chatbot,
   agent_msg,
   arrowFill,
+  audioManager,
   autoResize,
   borderHoverGradient,
   bubbleButton,
@@ -31,6 +32,7 @@ export {
   chatbotMenuItem,
   chatbotUFB,
   endChatButtonStyle,
+  expandToggleStyle,
   inline_button,
   inline_button_wrapper,
   inner,
@@ -50,6 +52,7 @@ export {
   useOpenChat,
   user_msg,
   windowBarStyle,
+  windowExpandedStyle,
   windowOpenStyle,
   windowStyle
 };

package/dist/Chatbot/store/chat.d.ts

@@ -7,6 +7,7 @@ interface OpenChatState {
     reset: () => void;
     showThankyouMessage: boolean;
     displayThankyouMessage: () => void;
+    hideDisplayThankyouMessage: () => void;
     toggleThankyouMessage?: () => void;
     hasEscalated?: boolean;
     startEscalation?: () => void;
@@ -14,6 +15,13 @@ interface OpenChatState {
     isBlockedInput?: boolean;
     blockInput?: () => void;
     unblockInput?: () => void;
+    hasStarted: boolean;
+    setChatStarted: () => void;
+    resetChatStarted: () => void;
+    chatStatus: "idle" | "connected" | "connecting" | "ending" | "ended";
+    setChatStatus: (status: "idle" | "connected" | "connecting" | "ending" | "ended") => void;
+    isWindowExpanded: boolean;
+    toggleWindowExpanded: () => void;
 }
 export declare const useOpenChat: import('zustand').UseBoundStore<import('zustand').StoreApi<OpenChatState>>;
 export {};

package/dist/Chatbot/store/chat.js

@@ -4,6 +4,10 @@ const useOpenChat = create((set, get) => ({
   hasOpenedOnce: false,
   showThankyouMessage: false,
   hasEscalated: false,
+  hasStarted: false,
+  chatStatus: "idle",
+  isWindowExpanded: false,
+  toggleWindowExpanded: () => set((state) => ({ isWindowExpanded: !state.isWindowExpanded })),
   toggle: () => set((state) => ({ isOpen: !state.isOpen, hasOpenedOnce: true })),
   open: () => {
     const alreadyOpened = get().hasOpenedOnce;
@@ -18,15 +22,23 @@ const useOpenChat = create((set, get) => ({
     isOpen: false,
     showThankyouMessage: false,
     hasEscalated: false,
-    isBlockedInput: false
+    isBlockedInput: false,
+    hasStarted: false,
+    isWindowExpanded: false
   }),
   displayThankyouMessage: () => set({ showThankyouMessage: true }),
+  hideDisplayThankyouMessage: () => set({ showThankyouMessage: false }),
   toggleThankyouMessage: () => set((state) => ({ showThankyouMessage: !state.showThankyouMessage })),
   startEscalation: () => set({ hasEscalated: true }),
   endEscalation: () => set({ hasEscalated: false }),
   isBlockedInput: false,
   blockInput: () => set({ isBlockedInput: true }),
-  unblockInput: () => set({ isBlockedInput: false })
+  unblockInput: () => set({ isBlockedInput: false }),
+  setChatStarted: () => set({ hasStarted: true }),
+  resetChatStarted: () => set({ hasStarted: false }),
+  setChatStatus: (status) => set({
+    chatStatus: status
+  })
 }));
 export {
   useOpenChat

package/dist/Chevron/index.js

@@ -74,6 +74,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Comparison/Comparison.js

@@ -75,6 +75,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/ExecutiveBio/ExecutiveBio.js

@@ -76,6 +76,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/FaqAccordion/index.js

@@ -76,6 +76,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js

@@ -72,6 +72,7 @@ import "../../Carousel/index.js";
 /* empty css                                                      */
 /* empty css                                      */
 import "../../Chatbot/store/chat.js";
+import "../../Chatbot/Chatbot.js";
 /* empty css                                       */
 /* empty css                                          */
 import "../../Chatbot/store/messages.js";
@@ -177,7 +178,7 @@ const AxosFooterSiteMap = ({
             }
           ) }),
           /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/personal/borrow/auto-loans"), children: "Auto Loans" }) }),
-          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "https://lavictoirefinance.com/", children: "Marine Loans" }) })
+          /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/personal/borrow/marine-loans"), children: "Marine Loans" }) })
         ] }),
         /* @__PURE__ */ jsxs("ul", { children: [
           /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -286,7 +287,7 @@ const AxosFooterSiteMap = ({
                 href: resolveUrl(
                   "{AXOSBANK}/commercial/lending/residential-warehouse-lending"
                 ),
-                children: "Residential Warehouse Lending"
+                children: "Mortgage Warehouse Lending"
               }
             ) }),
             /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -535,7 +536,13 @@ const AxosFooterSiteMap = ({
               }
             ) }),
             /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: resolveUrl("{AXOSBANK}/personal/borrow/auto-loans"), children: "Auto Loans" }) }),
-            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", { href: "https://lavictoirefinance.com/", children: "Marine Loans" }) })
+            /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+              "a",
+              {
+                href: resolveUrl("{AXOSBANK}/personal/borrow/marine-loans"),
+                children: "Marine Loans"
+              }
+            ) })
           ] }),
           /* @__PURE__ */ jsxs("ul", { children: [
             /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(

package/dist/Forms/ApplyNow.js

@@ -77,6 +77,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Forms/ContactUsBusiness.js

@@ -78,6 +78,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Forms/ContactUsBusinessNameEmail.js

@@ -78,6 +78,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Forms/ContactUsNMLSId.js

@@ -78,6 +78,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";

package/dist/Forms/ContactUsSchwabAAS.d.ts

@@ -0,0 +1,11 @@
+import { FormProps } from './FormProps';
+
+export type ContactUsSchwabAASInputs = {
+    first_name: string;
+    last_name: string;
+    email: string;
+    phone: string;
+    company: string;
+    Role__c: string;
+};
+export declare const ContactUsSchwabAAS: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, description, callToAction, validateEmail, onValidate, id, }: FormProps) => import("react").JSX.Element;

package/dist/Forms/ContactUsSchwabAAS.js

@@ -0,0 +1,263 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { Button } from "../Button/Button.js";
+import "../Button/Button.css.js";
+import "react";
+import "react-use";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import { Dropdown } from "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import { Input } from "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import { InputPhone } from "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import { LoadingIndicator } from "../LoadingIndicator/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import SvgAxosX from "../icons/AxosX/index.js";
+import SvgComponent from "../icons/AxosX/Blue.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import '../assets/icons/FollowIcon/FollowIcon.css';import '../assets/icons/DownloadIcon/DownloadIcon.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+/* empty css                                   */
+/* empty css                               */
+/* empty css                                    */
+/* empty css                                                    */
+/* empty css                                                */
+import { z } from "zod";
+import { getVariant } from "../utils/getVariant.js";
+import { useCachedEmailValidator } from "../utils/useCachedValidators.js";
+import clsx from "clsx";
+import { useForm, FormProvider } from "react-hook-form";
+import { Roles } from "./FormEnums.js";
+import { iconForm, headerContainer, headerForm, form, descriptionField, formWrapper, disclosureForm, actions, formContainer } from "./Forms.css.js";
+import { honeyPotSchema, isValidHoneyPot, HoneyPot } from "./HoneyPot/index.js";
+import { SalesforceSchema } from "./SalesforceFieldsForm.js";
+const ContactUsSchwabAAS = ({
+  icon = false,
+  children,
+  onSubmit = (values) => {
+    console.log(values);
+  },
+  disclosure,
+  variant: fullVariant = "primary",
+  headline,
+  description,
+  callToAction,
+  validateEmail,
+  onValidate,
+  id
+}) => {
+  const cachedEmailValidator = useCachedEmailValidator(validateEmail);
+  const schema = z.object({
+    first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid first name"
+    }).trim().min(1, { message: "First Name is required." }),
+    last_name: z.string({ message: "Last name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid last name"
+    }).trim().min(1, { message: "Last Name is required." }),
+    email: z.string({ message: "Email is required." }).email({ message: "Email is required." }).refine(cachedEmailValidator, { message: "Invalid email address." }),
+    phone: z.string({ message: "Phone is required." }).regex(/[\d-]{10}/, "Invalid phone number.").min(10, { message: "Phone is required." }).max(12, { message: "Phone is required." }).transform((val, ctx) => {
+      const removeDashes = val.replace(/-/gi, "");
+      if (removeDashes.length !== 10) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Phone must have at least 10 and no more than 10 characters."
+        });
+        return z.NEVER;
+      }
+      if (removeDashes.endsWith("00000") || removeDashes.startsWith("999") || removeDashes.length === 10 && /^[01]/.test(removeDashes)) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: "Invalid phone number."
+        });
+        return z.NEVER;
+      }
+      return removeDashes;
+    }),
+    company: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
+      message: "Invalid company name"
+    }).trim().optional().or(z.literal("")),
+    Current_Assets_Under_Management__c: z.union([z.string(), z.undefined()]),
+    Role__c: z.string().min(1, { message: "Role is required." }).refine((val) => Roles.includes(val), "Role is required"),
+    description: z.optional(z.string().trim().max(32e3))
+  });
+  const gen_schema = schema.merge(SalesforceSchema).merge(honeyPotSchema).superRefine((data, ctx) => {
+    if (!isValidHoneyPot(data)) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "fields are not valid."
+      });
+    }
+  });
+  const methods = useForm({
+    resolver: zodResolver(gen_schema),
+    mode: "all",
+    shouldUnregister: true,
+    defaultValues: {
+      email: ""
+    }
+  });
+  const {
+    handleSubmit,
+    register,
+    formState: { errors, isValid, isSubmitting }
+  } = methods;
+  const submitForm = async (data) => {
+    await onSubmit(data);
+  };
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("section", { id, className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsx("div", { className: clsx("containment"), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
+    icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: `${headerContainer} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: clsx("header_2", headerForm({ variant })), children: headline }),
+      description && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: `${form} ${descriptionField({ variant })} text_center`,
+          children: description
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "form",
+      {
+        className: form,
+        onSubmit: async (e) => {
+          onValidate && onValidate(e);
+          await handleSubmit(submitForm)(e);
+          e.preventDefault();
+        },
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "first_name",
+                ...register("first_name", { required: true }),
+                label: "First Name*",
+                sizes: "medium",
+                placeholder: "",
+                required: true,
+                error: !!errors.first_name,
+                helperText: errors.first_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "last_name",
+                ...register("last_name", { required: true }),
+                label: "Last Name*",
+                sizes: "medium",
+                placeholder: "",
+                required: true,
+                error: !!errors.last_name,
+                helperText: errors.last_name?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "email",
+                ...register("email", {
+                  required: true
+                }),
+                type: "email",
+                label: "Email*",
+                sizes: "medium",
+                placeholder: "",
+                required: true,
+                error: !!errors.email,
+                helperText: errors.email?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "phone",
+                ...register("phone", {
+                  required: true,
+                  maxLength: 12
+                }),
+                label: "Phone*",
+                sizes: "medium",
+                placeholder: "",
+                type: "tel",
+                required: true,
+                error: !!errors.phone,
+                helperText: errors.phone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
+              Input,
+              {
+                id: "company",
+                ...register("company"),
+                label: "Company",
+                sizes: "medium",
+                placeholder: "",
+                error: !!errors.company,
+                helperText: errors.company?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              Dropdown,
+              {
+                id: "Role__c",
+                ...register("Role__c", {
+                  required: true
+                }),
+                label: "What best describes your role?*",
+                sizes: "medium",
+                required: true,
+                error: !!errors.Role__c,
+                helperText: errors.Role__c?.message,
+                variant,
+                defaultValue: "Select option",
+                children: [
+                  /* @__PURE__ */ jsx("option", { value: "Select option", disabled: true, children: "Select Option" }),
+                  /* @__PURE__ */ jsx("option", { value: "RIA Principal", children: "RIA Principal" }),
+                  /* @__PURE__ */ jsx("option", { value: "Advisor (IAR)", children: "Advisor (IAR)" }),
+                  /* @__PURE__ */ jsx("option", { value: "Broker-Dealer Affiliated Advisor", children: "Broker-Dealer Affiliated Advisor" }),
+                  /* @__PURE__ */ jsx("option", { value: "I am not a Financial Advisor", children: "I am not a Financial Advisor" }),
+                  /* @__PURE__ */ jsx("option", { value: "Other", children: "Other" })
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx("div", { className: actions, children: isSubmitting ? /* @__PURE__ */ jsx(
+            LoadingIndicator,
+            {
+              style: { marginInline: "auto" },
+              variant
+            }
+          ) : /* @__PURE__ */ jsx(
+            Button,
+            {
+              color: getVariant(callToAction?.variant),
+              as: "button",
+              type: "submit",
+              disabled: !isValid || isSubmitting,
+              children: callToAction?.displayText
+            }
+          ) }) })
+        ]
+      }
+    )
+  ] }) }) }, id);
+};
+export {
+  ContactUsSchwabAAS
+};

package/dist/Forms/CpraRequest.js

@@ -78,6 +78,7 @@ import "../Carousel/index.js";
 /* empty css                                                   */
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
+import "../Chatbot/Chatbot.js";
 /* empty css                                    */
 /* empty css                                       */
 import "../Chatbot/store/messages.js";