add vica to skeleton

packages/components/src/templates/next/components/internal/Vica/index.ts

@@ -0,0 +1 @@
+export * from "./Vica"

packages/components/src/templates/next/components/internal/index.ts

@@ -22,6 +22,7 @@ export { SkipToContent } from "./SkipToContent"
 export { default as TableOfContents } from "./TableOfContents"
 export { default as UnsupportedBrowserBanner } from "./UnsupportedBrowserBanner"
 export { Wogaa } from "./Wogaa"
+export { VicaStylesheet, VicaWidget } from "./Vica"
 export { BackToTopLink } from "./BackToTopLink"
 export {
   GoogleTagManagerHeader,

packages/components/src/templates/next/layouts/Skeleton/Skeleton.tsx

@@ -10,6 +10,8 @@ import {
   Notification,
   SkipToContent,
   UnsupportedBrowserBanner,
+  VicaStylesheet,
+  VicaWidget,
   Wogaa,
 } from "../../components/internal"
 import { SKIP_TO_CONTENT_ANCHOR_ID } from "../../constants"
@@ -48,6 +50,8 @@ export const Skeleton = ({
 
       {!isStaging && <DatadogRum />}
 
+      {site.vica && <VicaStylesheet />}
+
       <header>
         <SkipToContent LinkComponent={LinkComponent} />
 
@@ -92,13 +96,15 @@ export const Skeleton = ({
         {...site.footerItems}
       />
 
-      {/* needs to be the last element in the body */}
       {shouldIncludeGTM && (
         <GoogleTagManagerBody
           siteGtmId={site.siteGtmId}
           isomerGtmId={site.isomerGtmId}
         />
       )}
+
+      {/* Ensures that the webchat widget only loads after the page has loaded */}
+      {site.vica && <VicaWidget {...site.vica} />}
     </>
   )
 }