Integrate migrated services [copilot]

Author: andrewscfc

.storybook/preview.tsx

@@ -230,7 +230,7 @@ const preview: Preview = {
             >
               <UserContextProvider>
                 <ThemeProviderSCSSModules
-                  service="mundo"
+                  service={context.globals.service.service}
                   variant={context.globals.service.variant}
                 >
                   <ThemeProvider

src/app/components/ThemeProviderSCSSModules/index.tsx

@@ -1,29 +1,35 @@
 import type { PropsWithChildren } from 'react';
 import defaultServiceVariants from '../../lib/config/services/defaultServiceVariants';
-import { Variants } from '../../models/types/global';
+import {
+  ServicesVariantsProps,
+  ServicesWithVariants,
+  Variants,
+} from '../../models/types/global';
+import { LoadableTheme } from '../../models/types/theming';
 import themes from './themes/loadableConfig';
 
-interface Props {
-  service: 'mundo';
+const isLoadableTheme = (theme: unknown): theme is LoadableTheme =>
+  theme !== null && typeof theme === 'object' && 'render' in theme;
+
+type Props = Omit<ServicesVariantsProps, 'variant'> & {
   variant?: Variants | null;
-}
+};
 
 export const ThemeProvider = ({
   children,
   service,
   variant,
 }: PropsWithChildren<Props>) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  let LoadableContextProvider;
+  let LoadableContextProvider: LoadableTheme | undefined;
 
   const serviceVariant: Variants = variant || defaultServiceVariants[service];
+  const serviceTheme = themes[service];
 
-  if (serviceVariant === 'default' || !serviceVariant) {
-    LoadableContextProvider = themes[service];
-  } else {
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore - TODO: come back to this
-    LoadableContextProvider = themes[service][serviceVariant];
+  if (isLoadableTheme(serviceTheme)) {
+    LoadableContextProvider = serviceTheme;
+  } else if (serviceVariant !== 'default') {
+    LoadableContextProvider =
+      serviceTheme[serviceVariant as ServicesWithVariants['variant']];
   }
 
   if (!LoadableContextProvider) {

ws-nextjs-app/pages/_app.page.tsx

@@ -201,7 +201,10 @@ export default class CustomApp extends App<Props> {
                   </ThemeProvider>
                 ) : (
                   <UserContextProvider>
-                    <ThemeProviderSCSSModules service="mundo">
+                    <ThemeProviderSCSSModules
+                      service={service}
+                      variant={variant}
+                    >
                       <ThemeProvider service={service} variant={variant}>
                         <PageWrapper
                           navItems={navItems}