@axos-web-dev/shared-components 1.0.87 → 1.0.89

package/dist/VideoTile/VideoTile.js

@@ -1,6 +1,6 @@
 "use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import "../icons/ArrowIcon/ArrowIcon.css.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import SvgArrowIcon from "../icons/ArrowIcon/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
@@ -12,7 +12,120 @@ import SvgChevronUp from "../icons/ChevronUp.js";
 import ReactMarkdown from "react-markdown";
 import { useToggle } from "react-use";
 import { VideoInit } from "./VideoInit.js";
-import { video_tile, video_container, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, expand_icon, transcript_content, show, hide_transcript } from "./VideoTile.css.js";
+import { video_tile, video_container, mb_8, video_title, vidyard_height, transcript_container, toggle_container, transcript_btn, transcript_content, expand_icon, show, hide_transcript } from "./VideoTile.css.js";
+import { ModalWrapper } from "../ImageBillboard/ExitIntentModal/ModalWrapper.js";
+import { useRef } from "react";
+import { IconBillboard } from "../IconBillboard/IconBillboard.js";
+import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
+import "clsx";
+/* empty css                                          */
+/* empty css                                          */
+import "../Accordion/Accordion.js";
+import "../Accordion/Accordion.css.js";
+import "../AlertBanner/AlertBanner.css.js";
+import "../Article/Article.css.js";
+import "../Interstitial/Interstitial-variants.css.js";
+import "../Chevron/Chevron.css.js";
+/* empty css                                */
+import "../Modal/contextApi/store.js";
+import "../Button/Button.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+import "../Calculators/calculator.css.js";
+import "../Calculators/AnnualFeeCalculator/AnnualFeeCalculator.css.js";
+import "../Calculators/ApyCalculator/ApyCalculator.css.js";
+import "../Table/Table.css.js";
+import "../Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js";
+import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
+import "@hookform/resolvers/zod";
+import "../Input/Checkbox.js";
+import "../Input/CurrencyInput.js";
+import "../Input/Dropdown.js";
+import "../Input/Dropdown.css.js";
+import "../Input/Input.js";
+import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
+import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
+import "../Input/DownPaymentInput.js";
+import "../Input/RadioButton.js";
+import "react-hook-form";
+import "../Forms/Forms.css.js";
+import "../Forms/SalesforceFieldsForm.js";
+import "../Input/RadioButton.css.js";
+import "../Input/Checkbox.css.js";
+import "../LoadingIndicator/LoadingIndicator.css.js";
+import "../Inputs/Input.css.js";
+/* empty css                                                         */
+import "../Hyperlink/Hyperlink.css.js";
+/* empty css                                                      */
+import "iframe-resizer";
+/* empty css                                                                                */
+import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
+import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
+import "../Input/PercentageInput.js";
+import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
+/* empty css                                    */
+import "react-dom";
+/* empty css                                */
+import "../Auth/SignInPassword.js";
+/* empty css                                              */
+/* empty css                                          */
+/* empty css                                                    */
+import "../Carousel/index.js";
+/* empty css                                                                    */
+import "../Comparison/Comparison.css.js";
+import "next/image.js";
+import "../HeroBanner/HeroBanner.css.js";
+import "../HeroBanner/LargeBanner.css.js";
+import "../HeroBanner/SelectionBanner.css.js";
+import "../SetContainer/SetContainer.css.js";
+import "../Tab/Tab.css.js";
+import "../icons/Star/Star.css.js";
+import "../ContentBanner/ContentBanner.css.js";
+/* empty css                                              */
+import "../ExecutiveBio/ExecutiveBio.css.js";
+import "../FaqAccordion/index.js";
+import "../FooterDisclosure/FooterDisclosure.css.js";
+/* empty css                                                          */
+/* empty css                                                         */
+/* empty css                                            */
+import "../ImageBillboard/ImageBillboard.css.js";
+/* empty css                                        */
+/* empty css                                              */
+/* empty css                                                      */
+/* empty css                                            */
+/* empty css                                    */
+import "../LandingPageHeader/LandingPageHeader.css.js";
+/* empty css                                                      */
+import "next/navigation.js";
+/* empty css                                                         */
+/* empty css                                                              */
+/* empty css                                                                 */
+import "next/link.js";
+import "../NavigationMenu/AxosBank/MobileMenu/MobileNavData.js";
+/* empty css                                                   */
+import "../NavigationMenu/AxosBank/NavData.js";
+/* empty css                                                      */
+/* empty css                                                       */
+import "../NavigationMenu/AxosALTS/NavData.js";
+/* empty css                                                   */
+/* empty css                                                     */
+import "../NavigationMenu/LaVictoire/NavData.js";
+import "../PageNavItem/PageNavItem.css.js";
+import "react-slick";
+/* empty css                                                 */
+/* empty css                                          */
+/* empty css                                                    */
+/* empty css                                                  */
+import "../StepItem/StepItem.css.js";
+import "../StepItemSet/StepItemSet.css.js";
+/* empty css                                        */
+/* empty css                                */
+/* empty css                                                  */
+/* empty css                                                */
+/* empty css                                              */
 const VideoTile = ({
   //   ariaLabel,
   title,
@@ -24,13 +137,76 @@ const VideoTile = ({
   transcript,
   id,
   description,
-  internalName
+  internalName,
+  enableModal = false
 }) => {
   const [on, toggle] = useToggle(false);
+  const modalRef = useRef(null);
   const handleToggleClick = (event) => {
     event.preventDefault();
     toggle();
   };
+  let transcriptSection = null;
+  if (transcript) {
+    if (enableModal) {
+      transcriptSection = /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: `${transcript_container}`, children: /* @__PURE__ */ jsx(
+          "a",
+          {
+            className: `${toggle_container}`,
+            "aria-expanded": on,
+            href: "#",
+            "aria-label": "",
+            onClick: handleToggleClick,
+            children: /* @__PURE__ */ jsxs("span", { className: `${transcript_btn}`, children: [
+              "Review transcript ",
+              /* @__PURE__ */ jsx(SvgArrowIcon, { variant: "primary" })
+            ] })
+          }
+        ) }),
+        on && /* @__PURE__ */ jsx(ModalWrapper, { onClose: () => toggle(), modalRef, children: /* @__PURE__ */ jsx(
+          IconBillboard,
+          {
+            body: /* @__PURE__ */ jsx(
+              "div",
+              {
+                style: {
+                  maxHeight: "80vh",
+                  overflowY: "auto",
+                  textAlign: "left"
+                },
+                children: /* @__PURE__ */ jsx(ReactMarkdown, { className: `${transcript_content}`, children: transcript })
+              }
+            )
+          }
+        ) })
+      ] });
+    } else {
+      transcriptSection = /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
+        /* @__PURE__ */ jsxs(
+          "a",
+          {
+            className: `${toggle_container}`,
+            "aria-expanded": on,
+            href: "#",
+            "aria-label": "",
+            onClick: handleToggleClick,
+            children: [
+              /* @__PURE__ */ jsx("span", { className: `${transcript_btn}`, children: "Review transcript" }),
+              /* @__PURE__ */ jsx("span", { className: expand_icon, "aria-hidden": "true", children: on ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+          ReactMarkdown,
+          {
+            className: `${transcript_content} ${on ? show : hide_transcript}`,
+            children: transcript
+          }
+        ) })
+      ] });
+    }
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -68,29 +244,7 @@ const VideoTile = ({
               )
             }
           ),
-          transcript && /* @__PURE__ */ jsxs("div", { className: `${transcript_container}`, children: [
-            /* @__PURE__ */ jsxs(
-              "a",
-              {
-                className: `${toggle_container}`,
-                "aria-expanded": on,
-                href: "#",
-                "aria-label": "",
-                onClick: handleToggleClick,
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: `${transcript_btn}`, children: "Review transcript" }),
-                  /* @__PURE__ */ jsx("span", { className: expand_icon, "aria-hidden": "true", children: on ? /* @__PURE__ */ jsx(SvgChevronUp, {}) : /* @__PURE__ */ jsx(SvgChevronDown, {}) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-              ReactMarkdown,
-              {
-                className: `${transcript_content} ${on ? show : hide_transcript}`,
-                children: transcript
-              }
-            ) })
-          ] })
+          transcriptSection
         ] })
       ]
     },

package/dist/VideoWrapper/index.js

@@ -85,6 +85,9 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
 /* empty css                                                         */
 /* empty css                                            */
 import "../ImageBillboard/ImageBillboard.css.js";
+import "next/script.js";
+import { VideoTile } from "../VideoTile/VideoTile.js";
+/* empty css                                        */
 /* empty css                                        */
 /* empty css                                              */
 /* empty css                                                      */
@@ -118,9 +121,6 @@ import "../StepItemSet/StepItemSet.css.js";
 /* empty css                                */
 /* empty css                                                  */
 /* empty css                                                */
-import "next/script.js";
-import { VideoTile } from "../VideoTile/VideoTile.js";
-/* empty css                                        */
 import { video_tile_set, grid_wrapper, grid_3, grid_2 } from "./VideoWrapper.css.js";
 const VideoWrapper = ({
   title,

package/dist/main.js

@@ -38,7 +38,7 @@ import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
 import { CollectInformationAlert } from "./CollectInformationAlert/index.js";
-import { comaprison_content, comparison, comparison_buttons, comparison_container, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison/Comparison.css.js";
+import { comparison, comparison_buttons, comparison_container, comparison_content, comparison_feature, comparison_layout, comparison_list, comparison_tab_container, feature_header, feature_title, headerComparison } from "./Comparison/Comparison.css.js";
 import { ComparisonSet } from "./Comparison/ComparisonSet.js";
 import { ContentBanner } from "./ContentBanner/index.js";
 import { DownloadTile } from "./DownloadTile/index.js";
@@ -58,11 +58,13 @@ import { ApplyNow, getLink } from "./Forms/ApplyNow.js";
 import { ClearingForm } from "./Forms/ClearingForm.js";
 import { CommercialDeposits } from "./Forms/CommercialDeposits.js";
 import { CommercialLending } from "./Forms/CommercialLending.js";
+import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
 import { ContactCompany } from "./Forms/ContactCompany.js";
 import { ContactCompanyTitle } from "./Forms/ContactCompanyTitle.js";
 import { ContactUs } from "./Forms/ContactUs.js";
 import { ContactUsAAS } from "./Forms/ContactUsAAS.js";
 import { ContactUsBusiness } from "./Forms/ContactUsBusiness.js";
+import { ContactUsBusinessNameAndEmail } from "./Forms/ContactUsBusinessNameEmail.js";
 import { ContactUsLVF } from "./Forms/ContactUsLVF.js";
 import { ContactUsNMLSId } from "./Forms/ContactUsNMLSId.js";
 import { CpraRequest } from "./Forms/CpraRequest.js";
@@ -87,7 +89,6 @@ import { ScheduleCallPremier } from "./Forms/ScheduleCallPremier.js";
 import { SuccesFormWrapper } from "./Forms/SuccesForm.js";
 import { VendorQuestionnaire } from "./Forms/VendorQuestionnaire.js";
 import { WCPLSurvey } from "./Forms/WcplSurvey.js";
-import { CommercialPremiumFinance } from "./Forms/CommercialPremiumFinance.js";
 import { helpArticle_container, helpArticle_headline, helpArticle_p, insight_headline_2 } from "./HelpArticle/HelpArticle.css.js";
 import { HeroBanner } from "./HeroBanner/HeroBanner.js";
 import { headline_text, heroSupertag, hero_banner, hero_btns, hero_content, hero_embedded_image, hero_img, hero_text, hero_wrapper, img_contents, logout, reversed, reversed_lg_image } from "./HeroBanner/HeroBanner.css.js";
@@ -258,6 +259,7 @@ export {
   ContactUs,
   ContactUsAAS,
   ContactUsBusiness,
+  ContactUsBusinessNameAndEmail,
   ContactUsLVF,
   ContactUsNMLSId,
   ContentBanner,
@@ -434,10 +436,10 @@ export {
   center_right,
   checkbox_group,
   columnValues,
-  comaprison_content,
   comparison,
   comparison_buttons,
   comparison_container,
+  comparison_content,
   comparison_feature,
   comparison_layout,
   comparison_list,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "1.0.87",
+  "version": "1.0.89",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",