@axos-web-dev/shared-components 1.0.77-patch.9 → 1.0.77-patch.92-rev.1

package/dist/Forms/WcplSurvey.d.ts

@@ -5,4 +5,4 @@ export type WCPLSruveyInputs = {
     Description_of_Deal_Details: string;
     Telephone: string;
 };
-export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WCPLSurvey: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, onValidate, id, description, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/WcplSurvey.js

@@ -21,8 +21,9 @@ 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/premier.css';import '../assets/themes/axos.css';/* empty css                                */
+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                                                */
@@ -31,6 +32,7 @@ import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import * as z from "zod";
 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 WCPLSurvey = ({
   icon = false,
@@ -42,6 +44,7 @@ const WCPLSurvey = ({
   variant: fullVariant = "primary",
   headline,
   callToAction,
+  onValidate,
   id,
   description
 }) => {
@@ -68,8 +71,16 @@ const WCPLSurvey = ({
       return removeDashes;
     })
   });
+  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(schema.merge(SalesforceSchema), {
+    resolver: zodResolver(gen_schema, {
       async: true
     }),
     mode: "all",
@@ -99,95 +110,107 @@ const WCPLSurvey = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
-      /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant, formType: "email" })), children: [
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-          RadioButtonSet,
-          {
-            id: "Has_Deal",
-            label: "Do You have a potential deal you would like to discuss with an Account Executive?",
-            sizes: "medium",
-            placeholder: "Details",
-            required: true,
-            error: !!errors.Has_Deal,
-            helperText: errors.Has_Deal?.message,
-            variant,
-            children: [
-              /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  ...register("Has_Deal", {
-                    required: true
-                  }),
-                  value: "Yes",
-                  radioText: "Yes",
-                  groupName: "Has_Deal"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                RadioButton,
-                {
-                  ...register("Has_Deal", {
-                    required: true
-                  }),
-                  value: "No",
-                  radioText: "No",
-                  groupName: "Has_Deal"
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputTextArea,
-          {
-            id: "Description_of_Deal_Details",
-            ...register("Description_of_Deal_Details", {
-              required: true
-            }),
-            label: "Write Your Message",
-            sizes: "medium",
-            placeholder: "Details",
-            required: true,
-            error: !!errors.Description_of_Deal_Details,
-            helperText: errors.Description_of_Deal_Details?.message,
-            variant
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          InputPhone,
-          {
-            id: "Telephone",
-            ...register("Telephone", { required: true, maxLength: 12 }),
-            label: "Telephone",
-            sizes: "medium",
-            placeholder: "Phone",
-            required: true,
-            error: !!errors.Telephone,
-            helperText: errors.Telephone?.message,
-            variant
-          }
-        ) })
-      ] }),
-      children,
-      /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
-      /* @__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
-        }
-      ) })
-    ] })
+    /* @__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, formType: "email" })), children: [
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+              RadioButtonSet,
+              {
+                id: "Has_Deal",
+                label: "Do You have a potential deal you would like to discuss with an Account Executive?",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Has_Deal,
+                helperText: errors.Has_Deal?.message,
+                variant,
+                children: [
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "Yes",
+                      radioText: "Yes",
+                      groupName: "Has_Deal"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    RadioButton,
+                    {
+                      ...register("Has_Deal", {
+                        required: true
+                      }),
+                      value: "No",
+                      radioText: "No",
+                      groupName: "Has_Deal"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputTextArea,
+              {
+                id: "Description_of_Deal_Details",
+                ...register("Description_of_Deal_Details", {
+                  required: true
+                }),
+                label: "Write Your Message",
+                sizes: "medium",
+                placeholder: "Details",
+                required: true,
+                error: !!errors.Description_of_Deal_Details,
+                helperText: errors.Description_of_Deal_Details?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+              InputPhone,
+              {
+                id: "Telephone",
+                ...register("Telephone", { required: true, maxLength: 12 }),
+                label: "Telephone",
+                sizes: "medium",
+                placeholder: "Phone",
+                required: true,
+                error: !!errors.Telephone,
+                helperText: errors.Telephone?.message,
+                variant
+              }
+            ) }),
+            /* @__PURE__ */ jsx(HoneyPot, { register, variant })
+          ] }),
+          children,
+          /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
+          /* @__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 {

package/dist/Forms/applynow-utils.d.ts

@@ -0,0 +1 @@
+export declare const getLink: (selection: Array<string>) => string;

package/dist/Forms/applynow-utils.js

@@ -0,0 +1,48 @@
+const getLink = (selection) => {
+  const formSelection = selection.join(" | ");
+  let url = "{LVFMYSITE}/Portal/nPortal__SelfRegistration?core=es5";
+  switch (formSelection) {
+    case "Term | Full-time Charter | LLC":
+      url += "&product=a0u5e000001XiAo";
+      break;
+    case "Term | Limited Charter | LLC":
+      url += "&product=a0u5e000001XiAp";
+      break;
+    case "Term | Personal Use | LLC":
+      url += "&product=a0u5e000001XiB3";
+      break;
+    case "Term | Full-time Charter | Personal":
+      url += "&product=a0u5e000001Wfd5";
+      break;
+    case "Term | Limited Charter | Personal":
+      url += "&product=a0u5e000001WfdA";
+      break;
+    case "Term | Personal Use | Personal":
+      url += "&product=a0u5e000001WfdB";
+      break;
+    case "Credit Line | Full-time Charter | LLC":
+      url += "&product=a0u8W00002DhceX";
+      break;
+    case "Credit Line | Limited Charter | LLC":
+      url += "&product=a0u8W00002DhceY";
+      break;
+    case "Credit Line | Personal Use | LLC":
+      url += "&product=a0u8W00002DhceZ";
+      break;
+    case "Credit Line | Full-time Charter | Personal":
+      url += "&product=a0u8W00002DhceS";
+      break;
+    case "Credit Line | Limited Charter | Personal":
+      url += "&product=a0u8W00002DhceT";
+      break;
+    case "Credit Line | Personal Use | Personal":
+      url += "&product=a0u8W00002DhceU";
+      break;
+    default:
+      url += "&product=a0u5e000000hzHz";
+  }
+  return url;
+};
+export {
+  getLink
+};

package/dist/Forms/index.d.ts

@@ -1,9 +1,12 @@
 export * from './ApplicationStart';
 export * from './ApplyNow';
+export * from './applynow-utils';
 export * from './ClearingForm';
 export * from './CommercialDeposits';
+export * from './CommercialDepositsNoLendingOption';
 export * from './CommercialLending';
 export * from './CommercialPremiumFinance';
+export * from './ConstructionLendingDynamic';
 export * from './ContactCompany';
 export * from './ContactCompanyTitle';
 export * from './ContactUs';
@@ -19,10 +22,12 @@ export * from './EmailOnly';
 export * from './EmailUs';
 export * from './FormProps';
 export * from './Forms.css';
+export * from './HoneyPot';
 export * from './MortgageRate/MortgageRateForm';
 export * from './MortgageRate/MortgageRateModal';
 export * from './MortgageRate/MortgageRateQuoteFilters';
 export * from './MortgageRate/MortgageRateWatch';
+export * from './MortgageWarehouseLending';
 export * from './QuickPricer';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';
@@ -30,3 +35,4 @@ export * from './ScheduleCallPremier';
 export * from './SuccesForm';
 export * from './VendorQuestionnaire';
 export * from './WcplSurvey';
+export * from './BoatMooringLocation';

package/dist/Forms/index.js

@@ -1,10 +1,13 @@
 "use client";
 import { ApplicationStart } from "./ApplicationStart.js";
-import { ApplyNow, getLink } from "./ApplyNow.js";
+import { ApplyNow } from "./ApplyNow.js";
+import { getLink } from "./applynow-utils.js";
 import { ClearingForm } from "./ClearingForm.js";
 import { CommercialDeposits } from "./CommercialDeposits.js";
+import { CommercialDepositsNoLendingOption } from "./CommercialDepositsNoLendingOption.js";
 import { CommercialLending } from "./CommercialLending.js";
 import { CommercialPremiumFinance } from "./CommercialPremiumFinance.js";
+import { ConstructionLendingDynamic } from "./ConstructionLendingDynamic.js";
 import { ContactCompany } from "./ContactCompany.js";
 import { ContactCompanyTitle } from "./ContactCompanyTitle.js";
 import { ContactUs } from "./ContactUs.js";
@@ -18,14 +21,17 @@ import { CraPublicFile } from "./CraPublicFile.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
+import { actions, apply_now_form, axosHeader, back_btn_apply_now, centerSelect, checkbox_group, descriptionField, disclosureForm, dropdown, dynPH, email_only_btn, email_only_h2, email_only_padding, form, formBtns, formContainer, formWrapper, form_nav_apply_now, form_row, fullRowForm, fullRowSelect, headerContainer, headerF, headerForm, hide_options, iconForm, iconbillboards_option_apply_now, modalCheckboxContainer, modalMobile, mt1Rem, mt2rem, mw24, na_cursor, one_row, pl_label, resposiveLabel, ro_input, section_title, show_options, step_title_apply_now, succes_check_mark, success_circle, success_icon, success_wrap, threeColRow, x_input, xc_input } from "./Forms.css.js";
+import { HoneyPot, honeyPotSchema, isValidHoneyPot } from "./HoneyPot/index.js";
 import { MortgageRate } from "./MortgageRate/MortgageRateForm.js";
 import "react/jsx-runtime";
 import { RateWatchForm } from "./MortgageRate/MortgageRateWatch.js";
 import "../utils/allowedAxosDomains.js";
+import "react";
 import "../LoadingIndicator/LoadingIndicator.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import { MortgageRateFilters } from "./MortgageRate/MortgageRateQuoteFilters.js";
+import { MortgageWarehouseLending } from "./MortgageWarehouseLending.js";
 import { QuickPricer } from "./QuickPricer/QuickPricerForm.js";
 import { rate_table_title, results_container } from "./QuickPricer/QuickPricerResults.css.js";
 import { UserInformation } from "./QuickPricer/UserInformation.js";
@@ -36,13 +42,17 @@ import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./SuccesForm.js";
 import { VendorQuestionnaire } from "./VendorQuestionnaire.js";
 import { WCPLSurvey } from "./WcplSurvey.js";
+import { BoatMooringLocation } from "./BoatMooringLocation.js";
 export {
   ApplicationStart,
   ApplyNow,
+  BoatMooringLocation,
   ClearingForm,
   CommercialDeposits,
+  CommercialDepositsNoLendingOption,
   CommercialLending,
   CommercialPremiumFinance,
+  ConstructionLendingDynamic,
   ContactCompany,
   ContactCompanyTitle,
   ContactUs,
@@ -56,8 +66,10 @@ export {
   DealerServices,
   EmailOnly,
   EmailUs,
+  HoneyPot,
   MortgageRate,
   MortgageRateFilters,
+  MortgageWarehouseLending,
   QuickPricer,
   RateWatchForm,
   SalesforceFieldsForm,
@@ -69,6 +81,8 @@ export {
   VendorQuestionnaire,
   WCPLSurvey,
   actions,
+  apply_now_form,
+  axosHeader,
   back_btn_apply_now,
   centerSelect,
   checkbox_group,
@@ -76,6 +90,9 @@ export {
   disclosureForm,
   dropdown,
   dynPH,
+  email_only_btn,
+  email_only_h2,
+  email_only_padding,
   form,
   formBtns,
   formContainer,
@@ -86,10 +103,13 @@ export {
   fullRowSelect,
   getLink,
   headerContainer,
+  headerF,
   headerForm,
   hide_options,
+  honeyPotSchema,
   iconForm,
   iconbillboards_option_apply_now,
+  isValidHoneyPot,
   mb_form,
   modalCheckboxContainer,
   modalMobile,

package/dist/HeroBanner/HeroBanner.css.d.ts

@@ -1,9 +1,10 @@
 export declare const logout: string;
+export declare const xl: string;
 export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})`;
-            borderBottom: "1px solid #d4d4d4";
+            borderBottom: "1px solid #B9C1CE";
             color: `var(--${string})`;
         };
         secondary: {
@@ -30,16 +31,10 @@ export declare const img_contents: string;
 export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;
@@ -52,16 +47,10 @@ export declare const heroSupertag: import('@vanilla-extract/recipes').RuntimeFn<
 export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         secondary: {
-            background: `var(--${string})`;
-            backgroundClip: "text";
-            WebkitTextFillColor: "transparent";
-            textShadow: "0px 0px #00000000";
+            color: `var(--${string})`;
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/HeroBanner/HeroBanner.css.js

@@ -1,25 +1,29 @@
-import '../assets/HeroBanner/HeroBanner.css';import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+import '../assets/HeroBanner/HeroBanner.css';import '../assets/HeroBanner/LargeBanner.css';import '../assets/Insight/Insight.css';import '../assets/HeroBanner/SelectionBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/ufb.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';import '../assets/Typography/Typography.css';/* empty css                                          */
 /* empty css                                */
 /* empty css                                   */
+/* empty css                               */
 /* empty css                                    */
 /* empty css                                   */
+/* empty css                                    */
+/* empty css                               */
 /* empty css                              */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var logout = "_1ye8k3f0";
-var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f1", variantClassNames: { variant: { primary: "_1ye8k3f2", secondary: "_1ye8k3f3", tertiary: "_1ye8k3f4", quaternary: "_1ye8k3f5" } }, defaultVariants: {}, compoundVariants: [] });
-var hero_content = "_1ye8k3f6";
-var reversed = "_1ye8k3f7";
-var reversed_lg_image = "_1ye8k3f8";
-var hero_text = "_1ye8k3f9";
-var hero_wrapper = "_1ye8k3fa";
-var hero_img = "_1ye8k3fb";
-var img_contents = "_1ye8k3fc";
-var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fd", variantClassNames: { variant: { primary: "_1ye8k3fe", secondary: "_1ye8k3ff", tertiary: "_1ye8k3fg", quaternary: "_1ye8k3fh" } }, defaultVariants: {}, compoundVariants: [] });
-var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fi", variantClassNames: { variant: { primary: "_1ye8k3fj", secondary: "_1ye8k3fk", tertiary: "_1ye8k3fl", quaternary: "_1ye8k3fm" } }, defaultVariants: {}, compoundVariants: [] });
-var hero_btns = "_1ye8k3fn";
-var hero_embedded_image = "_1ye8k3fo";
-var hero_sub_bullets = "_1ye8k3fp";
-var hero_bullet_item = "_1ye8k3fq";
+var xl = "_1ye8k3f1";
+var hero_banner = createRuntimeFn({ defaultClassName: "_1ye8k3f2", variantClassNames: { variant: { primary: "_1ye8k3f3", secondary: "_1ye8k3f4", tertiary: "_1ye8k3f5", quaternary: "_1ye8k3f6" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_content = "_1ye8k3f7";
+var reversed = "_1ye8k3f8";
+var reversed_lg_image = "_1ye8k3f9";
+var hero_text = "_1ye8k3fa";
+var hero_wrapper = "_1ye8k3fb";
+var hero_img = "_1ye8k3fc";
+var img_contents = "_1ye8k3fd";
+var heroSupertag = createRuntimeFn({ defaultClassName: "_1ye8k3fe", variantClassNames: { variant: { primary: "_1ye8k3ff", secondary: "_1ye8k3fg", tertiary: "_1ye8k3fh", quaternary: "_1ye8k3fi" } }, defaultVariants: {}, compoundVariants: [] });
+var headline_text = createRuntimeFn({ defaultClassName: "_1ye8k3fj", variantClassNames: { variant: { primary: "_1ye8k3fk", secondary: "_1ye8k3fl", tertiary: "_1ye8k3fm", quaternary: "_1ye8k3fn" } }, defaultVariants: {}, compoundVariants: [] });
+var hero_btns = "_1ye8k3fo";
+var hero_embedded_image = "_1ye8k3fp";
+var hero_sub_bullets = "_1ye8k3fq";
+var hero_bullet_item = "_1ye8k3fr";
 export {
   headline_text,
   heroSupertag,
@@ -35,5 +39,6 @@ export {
   img_contents,
   logout,
   reversed,
-  reversed_lg_image
+  reversed_lg_image,
+  xl
 };

package/dist/HeroBanner/HeroBanner.d.ts

@@ -1,3 +1,3 @@
 import { HeroBannerInterface } from './HeroBanner.interface';
 
-export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, subBodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, selection, isSelectionBanner, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const HeroBanner: ({ id, eyebrow, headline, bodyCopy, bullets, subBodyCopy, callToActionRow, bannerType, image, imagePlacement, variant, selection, isSelectionBanner, video, videoTextPosition, }: HeroBannerInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/HeroBanner/HeroBanner.interface.d.ts

@@ -1,6 +1,7 @@
 import { BulletItemProps } from '../BulletItem';
 import { ChevronProps } from '../Chevron/Chevron.interface';
 import { ReactNode } from 'react';
+import { HeroVideoPosterProps } from './HeroVideoPoster';
 
 export interface HeroImageInterface {
     src: string;
@@ -20,7 +21,7 @@ export type HeroBannerWithSelection = {
 };
 export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWithSelection {
     id?: string;
-    bannerType?: string;
+    bannerType?: "Hero" | "Logout" | "Large" | "Video Poster" | "Extra Large";
     className?: string;
     variant?: string;
     eyebrow?: string | ReactNode;
@@ -29,4 +30,6 @@ export interface HeroBannerInterface extends HeroBannerWithImage, HeroBannerWith
     bullets: BulletItemProps[];
     subBodyCopy?: string | ReactNode;
     callToActionRow?: ChevronProps[];
+    video?: HeroVideoPosterProps;
+    videoTextPosition?: "default" | "top left" | "top right" | "bottom left" | "bottom right";
 }