@axos-web-dev/shared-components 1.0.100-dev.11 → 1.0.100-dev.13

package/dist/Avatar/Avatar.module.js

@@ -1,10 +1,10 @@
-import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_wf36a_1";
-const container = "_container_wf36a_9";
-const image = "_image_wf36a_27";
-const text = "_text_wf36a_45";
-const name = "_name_wf36a_57";
-const title = "_title_wf36a_73";
-const description = "_description_wf36a_87";
+import '../assets/Avatar/Avatar.css.css';const avatar_sec = "_avatar_sec_1bnm9_1";
+const container = "_container_1bnm9_5";
+const image = "_image_1bnm9_14";
+const text = "_text_1bnm9_23";
+const name = "_name_1bnm9_29";
+const title = "_title_1bnm9_37";
+const description = "_description_1bnm9_44";
 const css = {
   avatar_sec,
   container,

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1r8g1_1";
-const author = "_author_1r8g1_13";
-const quote = "_quote_1r8g1_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
+const author = "_author_1mzku_7";
+const quote = "_quote_1mzku_1";
 const css = {
   quote_spacer,
   author,

package/dist/Calculators/BuyDownCalculator/index.d.ts

@@ -19,8 +19,11 @@ export type BuyDownCalculatorInputs = {
     fullTimeCharter: boolean;
     mooringOutsideContinentalUS: boolean;
     operatingAccount: boolean;
-    ltvAbove60: boolean;
     floorplanDealerIncentive: boolean;
     dealerCommercialDeposit: boolean;
+    vesselOver15Years: boolean;
+    highPerformanceBoats: boolean;
+    retailCheckingAccount: boolean;
+    electricMotorHybrid: boolean;
 };
 export declare const BuyDownCalculator: FC<BuyDownCalculatorProps>;

package/dist/Calculators/BuyDownCalculator/index.js

@@ -16,14 +16,14 @@ import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "../../Input/DownPaymentInput.js";
-import { RadioButtonSet, RadioButton } from "../../Input/RadioButton.js";
+import "../../Input/RadioButton.js";
 import { PercentageInput } from "../../Input/PercentageInput.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
 import { useForm, FormProvider } from "react-hook-form";
 import { z } from "zod";
-import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, limit_one, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
+import { calc_container, calculator_section, section_header, theme_header, mt_8, buydown_calculator_form, row_form, calculate_row, form_wrapper, form_disclosure } from "./BuyDownCalculator.css.js";
 const BuyDownCalculator = ({
   header,
   body,
@@ -45,12 +45,12 @@ const BuyDownCalculator = ({
   const [dealerContributionAmount, setDealerContributionAmount] = useState("");
   const [enableFullTimeCharter, setEnableFullTimeCharter] = useState(false);
   const [disableMooringOutside, setDisableMooringOutside] = useState(false);
-  const [disableLTVAbove60, setDisableLTVAbove60] = useState(true);
   const [isDealerContributionDisabled, setIsDealerContributionDisabled] = useState(false);
   const [
     isManufacturerContributionDisabled,
     setIsManufacturerContributionDisabled
   ] = useState(false);
+  const [ltvDiscountApplied, setLtvDiscountApplied] = useState(false);
   const schema = z.object({
     purchasePrice: z.string().min(1, { message: "Loan amount is required." }).transform((val) => {
       return formatToNumber(val);
@@ -111,7 +111,6 @@ const BuyDownCalculator = ({
     if (purchasePrice && downpayment) {
       const financedAmount2 = purchasePrice - downpayment;
       const range = getRange(financedAmount2);
-      const disableLTV = checkLTVStatus(downpayment, purchasePrice);
       if (financedAmount2 < 0) {
         ctx.addIssue({
           code: z.ZodIssueCode.custom,
@@ -123,11 +122,6 @@ const BuyDownCalculator = ({
           const loanRange2 = getRange(financedAmount2, program);
           setLoanRange(loanRange2);
         }
-        if (!disableLTV) {
-          setDisableLTVAbove60(false);
-        } else {
-          setDisableLTVAbove60(true);
-        }
       }
       if (updateFicoRequirements(range, program) === false) {
         ctx.addIssue({
@@ -166,7 +160,6 @@ const BuyDownCalculator = ({
     }
   }, [watchedFields]);
   const calculator_variant = getVariant(variant);
-  const enableDependentInputs = enableFullTimeCharter;
   const formatToNumber = (value) => {
     const cleanValue = value.replace(/[%$, ]/gi, "");
     return parseFloat(cleanValue);
@@ -189,7 +182,7 @@ const BuyDownCalculator = ({
     const percentage = downpayment / purchasePrice * 100;
     const loanToValue2 = 100 - percentage;
     if (loanToValue2 <= 60) return false;
-    else return true;
+    return true;
   };
   const getRange = (financedAmount2, program, forRates) => {
     let range = "";
@@ -358,23 +351,34 @@ const BuyDownCalculator = ({
     }
     return rate;
   };
-  const calculateAdjustments = () => {
+  const calculateAdjustments = (purchasePrice, downpayment) => {
     let total = 0;
     const checkboxes = document.querySelectorAll(
-      'input[type="checkbox"]:checked, input[type="radio"]:checked'
+      'input[type="checkbox"]:checked'
     );
     checkboxes.forEach((checkbox) => {
       total += parseFloat(checkbox.value);
     });
+    if (purchasePrice && downpayment && purchasePrice > 0 && downpayment >= 0) {
+      const ltvStatus = checkLTVStatus(downpayment, purchasePrice);
+      if (!ltvStatus) {
+        total += -0.35;
+        setLtvDiscountApplied(true);
+      } else {
+        setLtvDiscountApplied(false);
+      }
+    } else {
+      setLtvDiscountApplied(false);
+    }
     return total;
   };
-  const calculateRates = (program, fico, financedAmount2, buydownRate) => {
+  const calculateRates = (program, fico, financedAmount2, buydownRate, purchasePrice, downpayment) => {
     const minRate = 6.94;
     const loanRange2 = getRange(financedAmount2, program, true);
     const startingRate = parseFloat(
       getInterestRate(program, fico, loanRange2).replace(/[%,]/g, "")
     );
-    const rateAdjustments = calculateAdjustments();
+    const rateAdjustments = calculateAdjustments(purchasePrice, downpayment);
     const adjustedRate = startingRate + rateAdjustments;
     const finalNoteRateValue = Math.max(minRate, adjustedRate);
     const finalNoteRate2 = formatToPercentage(finalNoteRateValue);
@@ -469,13 +473,19 @@ const BuyDownCalculator = ({
     setManuContributionPercentage(percentage);
     return manufacturerContribution;
   };
-  const calculateDealerContributionAmount = (dealerContribution, totalBuydownCost2) => {
-    const dealerContributionValue = totalBuydownCost2 * (dealerContribution / 100);
+  const calculateDealerContributionAmount = (dealerContribution, manufacturerContributionAmount, totalBuydownCost2) => {
+    let dealerContributionValue;
+    if (dealerContribution > 0) {
+      dealerContributionValue = totalBuydownCost2 * (dealerContribution / 100);
+    } else {
+      dealerContributionValue = totalBuydownCost2 - manufacturerContributionAmount;
+    }
     const formattedAmount = formatToCurrency(dealerContributionValue);
     setDealerContributionAmount(formattedAmount);
   };
   const onSubmit = (data) => {
     if (isValid) {
+      setLtvDiscountApplied(false);
       const {
         buydownRate,
         buydownTerm,
@@ -495,7 +505,9 @@ const BuyDownCalculator = ({
         program,
         fico,
         financedAmountValue,
-        buydownRate
+        buydownRate,
+        purchasePrice,
+        downpayment
       );
       const buydownPayment2 = calculateBuydownPayment(
         buydownRate,
@@ -517,7 +529,11 @@ const BuyDownCalculator = ({
         manufacturerContributionAmount,
         totalBuydownCost2
       );
-      calculateDealerContributionAmount(dealerContribution, totalBuydownCost2);
+      calculateDealerContributionAmount(
+        dealerContribution,
+        manufacturerContributionAmount,
+        totalBuydownCost2
+      );
     }
   };
   return /* @__PURE__ */ jsxs("section", { className: `${calc_container({ variant: calculator_variant })}`, children: [
@@ -689,7 +705,7 @@ const BuyDownCalculator = ({
                   required: true,
                   deps: ["program"]
                 }),
-                label: "Buydown Term (1-5 Years)",
+                label: "Buydown Term",
                 sizes: "medium",
                 required: true,
                 error: !!errors.buydownTerm,
@@ -700,56 +716,57 @@ const BuyDownCalculator = ({
                 children: BuydownTerm.map((item) => /* @__PURE__ */ jsx("option", { value: item.value, children: item.text }, item.value))
               }
             ) }) }),
-            /* @__PURE__ */ jsx("div", { className: `${row_form}`, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("label", { children: "Loan Level Rate Adjustments" }) }) }),
+            /* @__PURE__ */ jsx("div", { className: `${row_form}`, children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("label", { children: "Loan Level Rate Adjustments. Rate Adjustments are subject to change, are limited, and restricted by floor rate." }) }) }),
             /* @__PURE__ */ jsxs("div", { className: `${row_form}`, children: [
-              /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("div", { className: row_form, children: /* @__PURE__ */ jsxs(
-                RadioButtonSet,
-                {
-                  id: "dependentInputs",
-                  label: "Limit One",
-                  sizes: "medium",
-                  variant,
-                  direction: "column",
-                  disabled: !enableDependentInputs,
-                  className: limit_one,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      RadioButton,
-                      {
-                        id: "mooringOutsideContinentalUS",
-                        ...register("mooringOutsideContinentalUS"),
-                        value: 0.5,
-                        radioText: "Mooring Outside Continental U.S. (Includes Puerto Rico,\n                                    Hawaii, and Alaska) (Does not apply to Full Time Charter)\n                                    +0.500",
-                        groupName: "dependentInputs",
-                        disabled: disableMooringOutside
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      RadioButton,
-                      {
-                        id: "operatingAccount",
-                        ...register("operatingAccount"),
-                        value: -0.25,
-                        radioText: "Open and fund an LLC Operating Account with Axos - 0.25",
-                        groupName: "dependentInputs"
-                      }
-                    )
-                  ]
-                }
-              ) }) }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("div", { className: row_form, children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "mooringOutsideContinentalUS",
+                    ...register("mooringOutsideContinentalUS"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: 0.5,
+                    disabled: !enableFullTimeCharter || disableMooringOutside,
+                    children: "Mooring Outside Continental U.S. (Includes Puerto Rico, Hawaii, and Alaska) (Does not apply to Full Time Charter) +0.500"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "operatingAccount",
+                    ...register("operatingAccount"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.25,
+                    disabled: !enableFullTimeCharter,
+                    children: "Open and fund an LLC Operating Account with Axos - 0.25"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                   Checkbox,
                   {
-                    id: "ltvAbove60",
-                    ...register("ltvAbove60"),
+                    id: "vesselOver15Years",
+                    ...register("vesselOver15Years"),
                     sizes: "medium",
-                    variant,
-                    value: -0.35,
-                    disabled: disableLTVAbove60,
-                    children: "LTV ≤ 60% (If not required by program) -0.350"
+                    variant: calculator_variant,
+                    value: 1.25,
+                    children: "Vessel > 15 Years +1.250"
                   }
                 ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "highPerformanceBoats",
+                    ...register("highPerformanceBoats"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: 0.5,
+                    children: "High Performance Boats (>4 Engines) +0.500"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { children: [
                 /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
                   Checkbox,
                   {
@@ -758,7 +775,29 @@ const BuyDownCalculator = ({
                     sizes: "medium",
                     variant: calculator_variant,
                     value: -0.125,
-                    children: "Floorplan dealer incentive -0.125"
+                    children: "Floor Plan Dealer Incentive -0.125"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "retailCheckingAccount",
+                    ...register("retailCheckingAccount"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.125,
+                    children: "Retail Checking Account w/ACH and Minimum of 3 Months P&I Balance -0.125"
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    id: "electricMotorHybrid",
+                    ...register("electricMotorHybrid"),
+                    sizes: "medium",
+                    variant: calculator_variant,
+                    value: -0.25,
+                    children: "100% Electric Motor / Hybrid -0.250"
                   }
                 ) }),
                 /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
@@ -853,7 +892,8 @@ const BuyDownCalculator = ({
                 label: "Final Note Rate",
                 disabled: true,
                 variant: calculator_variant,
-                value: finalNoteRate
+                value: finalNoteRate,
+                helperText: ltvDiscountApplied && "LTV discount applied"
               }
             ) })
           ] }),
@@ -874,7 +914,7 @@ const BuyDownCalculator = ({
               {
                 id: "buydownPayment",
                 sizes: "medium",
-                label: "Buydown Payment",
+                label: "Monthly payment WITH buydown",
                 disabled: true,
                 variant: calculator_variant,
                 value: buydownPayment
@@ -887,7 +927,7 @@ const BuyDownCalculator = ({
               {
                 id: "nonBuydownPayment",
                 sizes: "medium",
-                label: "Non-buydown Payment",
+                label: "Monthly Payment WITHOUT buydown",
                 disabled: true,
                 variant: calculator_variant,
                 value: nonBuydownPayment

package/dist/Calculators/Calculator.js

@@ -51,8 +51,8 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "react-use";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/Chatbot/ChatWindow.css.js

@@ -1,4 +1,3 @@
-import "./Chatbot.css.ts.vanilla.css.js";
 import '../assets/Chatbot/ChatWindow.css';/* empty css                              */
 var windowStyle = "_13n1jqk0";
 var windowOpenStyle = "_13n1jqk1";

package/dist/Chatbot/Chatbot.css.js

@@ -1,3 +1,4 @@
+import "./Chatbot.css.ts.vanilla.css.js";
 var chatbotAXB = "_1hpv6vm0";
 var chatbotUFB = "_1hpv6vm1";
 export {

package/dist/Chatbot/useHeadlessChat.d.ts

@@ -8,6 +8,7 @@ interface UseHeadlessChatOptions {
     channelId?: string;
     projectId?: "axos" | "" | "ufb" | string;
     debug?: boolean;
+    menuOption?: string;
 }
 export interface ChatMessage {
     id: string;
@@ -15,7 +16,7 @@ export interface ChatMessage {
     sender?: string;
     timestamp?: string;
 }
-export declare function useHeadlessChat({ companyId, tenant, host, getToken, projectId, debug, }: UseHeadlessChatOptions): {
+export declare function useHeadlessChat({ companyId, tenant, host, getToken, projectId, debug, menuOption, }: UseHeadlessChatOptions): {
     status: "error" | "idle" | "connected" | "connecting" | "finished";
     sendMessage: (body: string) => Promise<void>;
     showReconnect: boolean;

package/dist/Chatbot/useHeadlessChat.js

@@ -12,7 +12,8 @@ function useHeadlessChat({
   host,
   getToken,
   projectId = "axos",
-  debug = false
+  debug = false,
+  menuOption = "Support Virtual Agent"
 }) {
   const addMessage = useMessages((state) => state.addMessage);
   const addMessages = useMessages((state) => state.addMessages);
@@ -33,9 +34,11 @@ function useHeadlessChat({
     if (chatRef.current) {
       await clientRef.current?.finishChat();
       clearMessages();
-      clientRef.current?.createChat(menuRef.current.menus[5].id);
+      clientRef.current?.createChat(
+        menuRef.current.menus.find((menu) => menu.name === menuOption)?.id
+      );
     }
-  }, [clearMessages]);
+  }, [clearMessages, menuOption]);
   useEffect(() => {
     let messageHandler;
     let chatReadyHandler;
@@ -66,7 +69,11 @@ function useHeadlessChat({
       }
       menuRef.current = await clientRef.current?.getMenus();
       if (debug) console.log("channelId:", menuRef.current);
-      if (debug) console.log("channelId:", menuRef.current?.menus[5].id);
+      if (debug)
+        console.log(
+          "channelId:",
+          menuRef.current?.menus.find((menu) => menu.name === menuOption)?.id
+        );
       try {
         chatRef.current = await clientRef.current?.loadOngoingChat();
         if (chatRef.current != null) {
@@ -80,11 +87,19 @@ function useHeadlessChat({
               facingBrandId: {
                 label: "facingBrandId",
                 value: brandMap.get(projectId) || 1
+              },
+              channel: {
+                label: "channel",
+                value: "in_web"
+              },
+              user_auth: {
+                label: "user_auth",
+                value: false
               }
             }
           };
           chatRef.current = await clientRef.current?.createChat(
-            menuRef.current.menus[5].id,
+            menuRef.current.menus.find((menu) => menu.name === menuOption)?.id,
             {
               custom_data
             }
@@ -179,7 +194,8 @@ function useHeadlessChat({
     addMessage,
     addMessages,
     debug,
-    projectId
+    projectId,
+    menuOption
   ]);
   return {
     status,

package/dist/Forms/SuccesForm.js

@@ -60,8 +60,8 @@ import "../Carousel/index.js";
 /* empty css                                   */
 import "../Chatbot/store/chat.js";
 import "../Chatbot/authenticate.js";
-import "react-use";
 import "../Chatbot/Chatbot.css.ts.vanilla.css.js";
+import "react-use";
 /* empty css                                       */
 import "../Chatbot/store/messages.js";
 /* empty css                                                                    */

package/dist/NavigationMenu/AxosAdvisor/NavBar.module.js

@@ -1,55 +1,55 @@
-import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_18tu3_1";
-const wrapper = "_wrapper_18tu3_9";
-const header_main_row = "_header_main_row_18tu3_19";
-const mobile_header = "_mobile_header_18tu3_21";
-const logo_wrap = "_logo_wrap_18tu3_33";
-const primary_links = "_primary_links_18tu3_41";
-const main_nav_link = "_main_nav_link_18tu3_49";
-const sub_nav_link = "_sub_nav_link_18tu3_93";
-const signin_wrap = "_signin_wrap_18tu3_97";
-const signin_btn = "_signin_btn_18tu3_99";
-const header_sub_row = "_header_sub_row_18tu3_175";
-const signin_dropdown = "_signin_dropdown_18tu3_213";
-const shadow = "_shadow_18tu3_233";
-const signin_header = "_signin_header_18tu3_249";
-const signin_subheader = "_signin_subheader_18tu3_263";
-const opacity = "_opacity_18tu3_307";
-const fadeInDown = "_fadeInDown_18tu3_1";
-const footer = "_footer_18tu3_319";
-const open = "_open_18tu3_351";
-const dd_wrapper = "_dd_wrapper_18tu3_375";
-const dd_media = "_dd_media_18tu3_385";
-const dd_media_img = "_dd_media_img_18tu3_395";
-const dd_site_navs = "_dd_site_navs_18tu3_403";
-const dd_media_header = "_dd_media_header_18tu3_417";
-const mt_8 = "_mt_8_18tu3_435";
-const mt_16 = "_mt_16_18tu3_443";
-const ml_8 = "_ml_8_18tu3_451";
-const dd_media_cta = "_dd_media_cta_18tu3_459";
-const reversed_row = "_reversed_row_18tu3_487";
-const headline = "_headline_18tu3_519";
-const nav_anchor = "_nav_anchor_18tu3_531";
-const headline_cta = "_headline_cta_18tu3_547";
-const site_lists = "_site_lists_18tu3_577";
-const hamburger = "_hamburger_18tu3_647";
-const mobile_only = "_mobile_only_18tu3_675";
-const mobile_logo = "_mobile_logo_18tu3_687";
-const highlight = "_highlight_18tu3_697";
-const mobile_nav = "_mobile_nav_18tu3_769";
-const mobile_opened = "_mobile_opened_18tu3_791";
-const mobile_nav_item = "_mobile_nav_item_18tu3_807";
-const has_dropdown = "_has_dropdown_18tu3_837";
-const icon_wrap = "_icon_wrap_18tu3_879";
-const mobile_footer = "_mobile_footer_18tu3_889";
-const mobile_footer_content = "_mobile_footer_content_18tu3_899";
-const mobile_footer_media = "_mobile_footer_media_18tu3_927";
-const footer_cta = "_footer_cta_18tu3_939";
-const inner_wrapper = "_inner_wrapper_18tu3_995";
-const btn = "_btn_18tu3_1005";
-const sub_menu = "_sub_menu_18tu3_1015";
-const main = "_main_18tu3_49";
-const dd_footer = "_dd_footer_18tu3_1065";
-const desktop_only = "_desktop_only_18tu3_1103";
+import '../../assets/NavigationMenu/AxosAdvisor/NavBar.css.css';const header = "_header_6da2u_1";
+const wrapper = "_wrapper_6da2u_5";
+const header_main_row = "_header_main_row_6da2u_10";
+const mobile_header = "_mobile_header_6da2u_11";
+const logo_wrap = "_logo_wrap_6da2u_17";
+const primary_links = "_primary_links_6da2u_21";
+const main_nav_link = "_main_nav_link_6da2u_25";
+const sub_nav_link = "_sub_nav_link_6da2u_47";
+const signin_wrap = "_signin_wrap_6da2u_49";
+const signin_btn = "_signin_btn_6da2u_50";
+const header_sub_row = "_header_sub_row_6da2u_88";
+const signin_dropdown = "_signin_dropdown_6da2u_107";
+const shadow = "_shadow_6da2u_117";
+const signin_header = "_signin_header_6da2u_125";
+const signin_subheader = "_signin_subheader_6da2u_132";
+const opacity = "_opacity_6da2u_154";
+const fadeInDown = "_fadeInDown_6da2u_1";
+const footer = "_footer_6da2u_160";
+const open = "_open_6da2u_176";
+const dd_wrapper = "_dd_wrapper_6da2u_188";
+const dd_media = "_dd_media_6da2u_193";
+const dd_media_img = "_dd_media_img_6da2u_198";
+const dd_site_navs = "_dd_site_navs_6da2u_202";
+const dd_media_header = "_dd_media_header_6da2u_209";
+const mt_8 = "_mt_8_6da2u_218";
+const mt_16 = "_mt_16_6da2u_222";
+const ml_8 = "_ml_8_6da2u_226";
+const dd_media_cta = "_dd_media_cta_6da2u_230";
+const reversed_row = "_reversed_row_6da2u_244";
+const headline = "_headline_6da2u_260";
+const nav_anchor = "_nav_anchor_6da2u_266";
+const headline_cta = "_headline_cta_6da2u_274";
+const site_lists = "_site_lists_6da2u_289";
+const hamburger = "_hamburger_6da2u_324";
+const mobile_only = "_mobile_only_6da2u_338";
+const mobile_logo = "_mobile_logo_6da2u_344";
+const highlight = "_highlight_6da2u_349";
+const mobile_nav = "_mobile_nav_6da2u_385";
+const mobile_opened = "_mobile_opened_6da2u_396";
+const mobile_nav_item = "_mobile_nav_item_6da2u_404";
+const has_dropdown = "_has_dropdown_6da2u_419";
+const icon_wrap = "_icon_wrap_6da2u_440";
+const mobile_footer = "_mobile_footer_6da2u_445";
+const mobile_footer_content = "_mobile_footer_content_6da2u_450";
+const mobile_footer_media = "_mobile_footer_media_6da2u_464";
+const footer_cta = "_footer_cta_6da2u_470";
+const inner_wrapper = "_inner_wrapper_6da2u_498";
+const btn = "_btn_6da2u_503";
+const sub_menu = "_sub_menu_6da2u_508";
+const main = "_main_6da2u_25";
+const dd_footer = "_dd_footer_6da2u_533";
+const desktop_only = "_desktop_only_6da2u_552";
 const styles = {
   header,
   wrapper,