@digitaldefiance/express-suite-starter 2.3.5 → 2.3.6

package/scaffolding/lib/src/lib/i18n-setup.ts.mustache

@@ -0,0 +1,99 @@
+import {
+  CoreLanguageCode,
+  LanguageCodes,
+  GlobalActiveContext,
+  IActiveContext,
+  LanguageContextSpace,
+  getCoreLanguageDefinitions,
+  I18nBuilder,
+  I18nEngine,
+} from '@digitaldefiance/i18n-lib';
+import { AppConstants } from './constants';
+import { {{WorkspaceName}}StringKey } from './enumerations/{{workspaceName}}-string-key';
+import { Strings } from './strings-collection';
+import { createSuiteCoreComponentConfig } from '@digitaldefiance/suite-core-lib';
+
+export const ComponentId = '{{WorkspaceName}}';
+
+const componentStrings = {
+  [LanguageCodes.EN_US]: Strings[LanguageCodes.EN_US],
+  [LanguageCodes.EN_GB]: Strings[LanguageCodes.EN_GB],
+  [LanguageCodes.FR]: Strings[LanguageCodes.FR],
+  [LanguageCodes.ES]: Strings[LanguageCodes.ES],
+  [LanguageCodes.DE]: Strings[LanguageCodes.DE],
+  [LanguageCodes.ZH_CN]: Strings[LanguageCodes.ZH_CN],
+  [LanguageCodes.JA]: Strings[LanguageCodes.JA],
+  [LanguageCodes.UK]: Strings[LanguageCodes.UK],
+};
+
+let i18nEngine: I18nEngine;
+if (I18nEngine.hasInstance('default')) {
+  i18nEngine = I18nEngine.getInstance('default');
+  i18nEngine.mergeConstants(AppConstants);
+} else {
+  i18nEngine = I18nBuilder.create()
+    .withLanguages(getCoreLanguageDefinitions())
+    .withDefaultLanguage(LanguageCodes.EN_US)
+    .withFallbackLanguage(LanguageCodes.EN_US)
+    .withValidation({
+      requireCompleteStrings: false,
+      allowPartialRegistration: true,
+    })
+    .withConstants(AppConstants)
+    .withInstanceKey('default')
+    .build();
+
+  i18nEngine.register(createSuiteCoreComponentConfig());
+}
+
+export { i18nEngine };
+
+const registrationResult = i18nEngine.registerIfNotExists({
+  id: ComponentId,
+  strings: componentStrings,
+  aliases: ['{{WorkspaceName}}StringKey'],
+});
+
+if (!registrationResult.isValid) {
+  console.warn('Component has missing translations:', registrationResult.errors);
+}
+
+const globalContext = GlobalActiveContext.getInstance<CoreLanguageCode, IActiveContext<CoreLanguageCode>>();
+globalContext.createContext(LanguageCodes.EN_US, LanguageCodes.EN_US, ComponentId);
+
+export const i18nContext: IActiveContext<CoreLanguageCode> = {
+  get language() {
+    return globalContext.getContext(ComponentId).language;
+  },
+  get adminLanguage() {
+    return globalContext.getContext(ComponentId).adminLanguage;
+  },
+  get currentContext() {
+    return globalContext.getContext(ComponentId).currentContext;
+  },
+  get currencyCode() {
+    return globalContext.getContext(ComponentId).currencyCode;
+  },
+  get timezone() {
+    return globalContext.getContext(ComponentId).timezone;
+  },
+  get adminTimezone() {
+    return globalContext.getContext(ComponentId).adminTimezone;
+  },
+};
+
+export const translate = (
+  name: {{WorkspaceName}}StringKey,
+  variables?: Record<string, string | number>,
+  language?: CoreLanguageCode,
+  context?: LanguageContextSpace,
+): string => {
+  const activeContext = context ?? globalContext.getContext(ComponentId).currentContext;
+  const lang =
+    language ??
+    (activeContext === 'admin'
+      ? globalContext.getContext(ComponentId).adminLanguage
+      : globalContext.getContext(ComponentId).language);
+
+  return i18nEngine.translate(ComponentId, name, variables, lang);
+};

package/scaffolding/lib/src/lib/interfaces/constants.ts

@@ -0,0 +1,13 @@
+import { IConstants as ISuiteCoreConstants } from '@digitaldefiance/suite-core-lib';
+
+export interface IConstants extends ISuiteCoreConstants {
+  readonly Site: string;
+  readonly SiteTagline: string;
+  readonly SiteDescription: string;
+  readonly SiteHostname: string;
+  readonly PasswordRegex: RegExp;
+  readonly UsernameMinLength: number;
+  readonly UsernameMaxLength: number;
+  readonly UsernameRegex: RegExp;
+  readonly PasswordMinLength: number;
+}

package/scaffolding/lib/src/lib/strings-collection.ts.mustache

@@ -0,0 +1,45 @@
+import { LanguageCodes } from '@digitaldefiance/i18n-lib';
+import { {{WorkspaceName}}StringKey } from './enumerations/{{workspaceName}}-string-key';
+
+export const Strings = {
+  [LanguageCodes.EN_US]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isEnUs}}{{siteTitle}}{{/isEnUs}}{{^isEnUs}}Your Site Title{{/isEnUs}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isEnUs}}{{siteDescription}}{{/isEnUs}}{{^isEnUs}}Your description here{{/isEnUs}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isEnUs}}{{siteTagline}}{{/isEnUs}}{{^isEnUs}}Your tagline here{{/isEnUs}}',
+  },
+  [LanguageCodes.EN_GB]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isEnGb}}{{siteTitle}}{{/isEnGb}}{{^isEnGb}}Your Site Title{{/isEnGb}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isEnGb}}{{siteDescription}}{{/isEnGb}}{{^isEnGb}}Your description here{{/isEnGb}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isEnGb}}{{siteTagline}}{{/isEnGb}}{{^isEnGb}}Your tagline here{{/isEnGb}}',
+  },
+  [LanguageCodes.FR]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isFr}}{{siteTitle}}{{/isFr}}{{^isFr}}Titre de votre site{{/isFr}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isFr}}{{siteDescription}}{{/isFr}}{{^isFr}}Votre description ici{{/isFr}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isFr}}{{siteTagline}}{{/isFr}}{{^isFr}}Votre slogan ici{{/isFr}}',
+  },
+  [LanguageCodes.ES]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isEs}}{{siteTitle}}{{/isEs}}{{^isEs}}Título de su sitio{{/isEs}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isEs}}{{siteDescription}}{{/isEs}}{{^isEs}}Su descripción aquí{{/isEs}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isEs}}{{siteTagline}}{{/isEs}}{{^isEs}}Su eslogan aquí{{/isEs}}',
+  },
+  [LanguageCodes.DE]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isDe}}{{siteTitle}}{{/isDe}}{{^isDe}}Ihr Seitentitel{{/isDe}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isDe}}{{siteDescription}}{{/isDe}}{{^isDe}}Ihre Beschreibung hier{{/isDe}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isDe}}{{siteTagline}}{{/isDe}}{{^isDe}}Ihr Slogan hier{{/isDe}}',
+  },
+  [LanguageCodes.ZH_CN]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isZhCn}}{{siteTitle}}{{/isZhCn}}{{^isZhCn}}您的网站标题{{/isZhCn}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isZhCn}}{{siteDescription}}{{/isZhCn}}{{^isZhCn}}您的描述在这里{{/isZhCn}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isZhCn}}{{siteTagline}}{{/isZhCn}}{{^isZhCn}}您的标语在这里{{/isZhCn}}',
+  },
+  [LanguageCodes.JA]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isJa}}{{siteTitle}}{{/isJa}}{{^isJa}}サイトのタイトル{{/isJa}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isJa}}{{siteDescription}}{{/isJa}}{{^isJa}}ここに説明を入力{{/isJa}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isJa}}{{siteTagline}}{{/isJa}}{{^isJa}}ここにキャッチフレーズを入力{{/isJa}}',
+  },
+  [LanguageCodes.UK]: {
+    [{{WorkspaceName}}StringKey.SiteTitle]: '{{#isUk}}{{siteTitle}}{{/isUk}}{{^isUk}}Назва вашого сайту{{/isUk}}',
+    [{{WorkspaceName}}StringKey.SiteDescription]: '{{#isUk}}{{siteDescription}}{{/isUk}}{{^isUk}}Ваш опис тут{{/isUk}}',
+    [{{WorkspaceName}}StringKey.SiteTagline]: '{{#isUk}}{{siteTagline}}{{/isUk}}{{^isUk}}Ваш слоган тут{{/isUk}}',
+  },
+};

package/scaffolding/react/src/app/app.tsx.mustache

@@ -0,0 +1,170 @@
+import { Box, CssBaseline } from '@mui/material';
+import { LocalizationProvider } from '@mui/x-date-pickers';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { FC, useCallback } from 'react';
+import { Route, Routes, useNavigate } from 'react-router-dom';
+import '../styles.scss';
+import SplashPage from './pages/SplashPage';
+import { createAppTheme } from './theme.tsx';
+import { AppThemeProvider, DashboardPage, MenuProvider, I18nProvider as TranslationProvider, AuthProvider, SuiteConfigProvider, ApiAccess, ChangePasswordFormWrapper, VerifyEmailPageWrapper, RegisterFormWrapper, UserSettingsFormWrapper, LogoutPageWrapper, LoginFormWrapper, PrivateRoute, UnAuthRoute, TopMenu, TranslatedTitle, BackupCodeLoginWrapper, BackupCodesWrapper } from '@digitaldefiance/express-suite-react-components';
+import { environment } from '../environments/environment';
+import { {{WorkspaceName}}StringKey, ComponentId, i18nEngine } from '{{namespace}}/lib';
+import AlbatrossLogo from '../assets/albatross.svg';
+import { AppConstants, EciesConfig } from '{{namespace}}/lib';
+import { appMenuConfigs } from './menus';
+import { LanguageRegistry } from '@digitaldefiance/i18n-lib';
+import { SuiteCoreComponentId, SuiteCoreStringKey } from '@digitaldefiance/suite-core-lib';
+
+const getApiBaseUrl = () => {
+  if (
+    typeof window !== 'undefined' &&
+    (window as any).APP_CONFIG &&
+    (window as any).APP_CONFIG.apiUrl
+  ) {
+    return (window as any).APP_CONFIG.apiUrl;
+  }
+  return environment.apiUrl;
+};
+
+const API_BASE_URL = getApiBaseUrl();
+
+const AuthProviderWithNavigation: FC<{ children: React.ReactNode }> = ({
+  children,
+}) => {
+  const navigate = useNavigate();
+
+  const handleLogout = useCallback(() => {
+    navigate('/');
+  }, [navigate]);
+
+  return (
+    <SuiteConfigProvider
+      baseUrl={API_BASE_URL}
+      routes={ {
+        dashboard: '/dashboard',
+        login: '/login',
+        register: '/register',
+        verifyEmail: '/verify-email',
+        settings: '/user-settings',
+      } }
+      languages={LanguageRegistry.getCodeLabelMap()}
+    >
+      <AuthProvider
+        baseUrl={API_BASE_URL}
+        constants={AppConstants}
+        eciesConfig={EciesConfig}
+        onLogout={handleLogout}
+      >
+        {children}
+      </AuthProvider>
+    </SuiteConfigProvider>
+  );
+};
+
+const App: FC = () => {
+  return (
+    <LocalizationProvider dateAdapter={AdapterDateFns}>
+      <TranslationProvider i18nEngine={i18nEngine}>
+        <TranslatedTitle<SuiteCoreStringKey>
+          componentId={SuiteCoreComponentId}
+          stringKey={SuiteCoreStringKey.Common_SiteTemplate} />
+        <AppThemeProvider customTheme={createAppTheme}>
+          <CssBaseline />
+          <AuthProviderWithNavigation>
+            <InnerApp />
+          </AuthProviderWithNavigation>
+        </AppThemeProvider>
+      </TranslationProvider>
+    </LocalizationProvider>
+  );
+};
+
+const LogoComponent = () => <img src={AlbatrossLogo} alt="Logo" />;
+
+const InnerApp: FC = () => {
+  return (
+    <MenuProvider menuConfigs={appMenuConfigs}>
+      <Box className="app-container" sx={ { paddingTop: '64px' } }>
+        <TopMenu Logo={<LogoComponent />} />
+        <Routes>
+          <Route path="/" element={<SplashPage />} />
+          <Route
+            path="/api-access"
+            element={
+              <PrivateRoute>
+                <ApiAccess />
+              </PrivateRoute>
+            }
+          />
+          <Route path="/backup-code" element={<BackupCodeLoginWrapper />} />
+          <Route
+            path="/backup-codes"
+            element={
+              <PrivateRoute>
+                <BackupCodesWrapper />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/login"
+            element={
+              <UnAuthRoute>
+                <LoginFormWrapper />
+              </UnAuthRoute>
+            }
+          />
+          <Route
+            path="/logout"
+            element={
+              <PrivateRoute>
+                <LogoutPageWrapper />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/register"
+            element={
+              <UnAuthRoute>
+                <RegisterFormWrapper />
+              </UnAuthRoute>
+            }
+          />
+          <Route
+            path="/dashboard"
+            element={
+              <PrivateRoute>
+                <DashboardPage />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/change-password"
+            element={
+              <PrivateRoute>
+                <ChangePasswordFormWrapper />
+              </PrivateRoute>
+            }
+          />
+          <Route
+            path="/verify-email"
+            element={
+              <UnAuthRoute>
+                <VerifyEmailPageWrapper />
+              </UnAuthRoute>
+            }
+          />
+          <Route
+            path="/user-settings"
+            element={
+              <PrivateRoute>
+                <UserSettingsFormWrapper />
+              </PrivateRoute>
+            }
+          />
+        </Routes>
+      </Box>
+    </MenuProvider>
+  );
+};
+
+export default App;

package/scaffolding/react/src/app/menus/extraMenu.tsx

@@ -0,0 +1,20 @@
+import { createMenuType, IMenuConfig } from '@digitaldefiance/express-suite-react-components';
+import { Dashboard } from '@mui/icons-material';
+
+const ExtraMenu = createMenuType('ExtraMenu');
+
+export const extraMenuConfig: IMenuConfig = {
+  menuType: ExtraMenu,
+  menuIcon: <Dashboard />,
+  priority: 1,
+  options: [
+    {
+      id: 'extra-option-1',
+      label: 'Extra Option 1',
+      link: '/extra-1',
+      requiresAuth: true,
+      includeOnMenus: [ExtraMenu],
+      index: 0,
+    },
+  ],
+};

package/scaffolding/react/src/app/menus/index.ts

@@ -0,0 +1,5 @@
+import { extraMenuConfig } from './extraMenu';
+
+export { extraMenuConfig } from './extraMenu';
+
+export const appMenuConfigs = [extraMenuConfig];

package/scaffolding/react/src/app/pages/SplashPage.tsx

@@ -0,0 +1,60 @@
+import { Box, Button, Container, Typography } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+import { useAuth } from '@digitaldefiance/express-suite-react-components';
+
+const SplashPage = () => {
+  const navigate = useNavigate();
+  const { isAuthenticated } = useAuth();
+
+  return (
+    <Container maxWidth="md">
+      <Box
+        sx={{
+          display: 'flex',
+          flexDirection: 'column',
+          alignItems: 'center',
+          justifyContent: 'center',
+          minHeight: '80vh',
+          textAlign: 'center',
+        }}
+      >
+        <Typography variant="h2" component="h1" gutterBottom>
+          Welcome to @WORKSPACENAME@
+        </Typography>
+        <Typography variant="h5" color="text.secondary" paragraph>
+          A modern MERN stack application built with Express Suite
+        </Typography>
+        <Box sx={{ mt: 4, display: 'flex', gap: 2 }}>
+          {isAuthenticated ? (
+            <Button
+              variant="contained"
+              size="large"
+              onClick={() => navigate('/dashboard')}
+            >
+              Go to Dashboard
+            </Button>
+          ) : (
+            <>
+              <Button
+                variant="contained"
+                size="large"
+                onClick={() => navigate('/login')}
+              >
+                Login
+              </Button>
+              <Button
+                variant="outlined"
+                size="large"
+                onClick={() => navigate('/register')}
+              >
+                Register
+              </Button>
+            </>
+          )}
+        </Box>
+      </Box>
+    </Container>
+  );
+};
+
+export default SplashPage;

package/scaffolding/react/src/app/theme.tsx.mustache

@@ -0,0 +1,91 @@
+// src/app/theme.tsx
+
+import { AppConstants } from '{{namespace}}/lib';
+import { createTheme, PaletteMode } from '@mui/material/styles';
+
+export const createAppTheme = (mode: PaletteMode) => createTheme({
+  palette: {
+    mode,
+    primary: {
+      main: AppConstants.logo_primary_color,
+      light: AppConstants.primary_text_light,
+      dark: AppConstants.primary_text_dark,
+      contrastText: '#ffffff',
+    },
+    secondary: {
+      main: AppConstants.logo_secondary_text,
+      light: AppConstants.secondary_text_light,
+      dark: AppConstants.secondary_text_dark,
+      contrastText: '#000000',
+    },
+    background: mode === 'light' ? {
+      default: '#f8f9fa',
+      paper: '#ffffff',
+    } : {
+      default: '#121212',
+      paper: '#1e1e1e',
+    },
+    text: {
+      primary: AppConstants.logo_primary_text,
+    },
+    error: {
+      main: AppConstants.failure_color,
+    },
+    warning: {
+      main: AppConstants.warning_color,
+    },
+    success: {
+      main: AppConstants.success_color,
+    },
+  },
+  typography: {
+    fontFamily: "'Roboto', sans-serif",
+    h1: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+    },
+    h2: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+    },
+    h3: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+    },
+    h4: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+    },
+    h5: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+    },
+    h6: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+    },
+    subtitle1: {
+      fontFamily: "'ConneqtRegular', sans-serif",
+      fontWeight: 400,
+      textTransform: 'uppercase',
+    },
+    body1: {
+      fontFamily: "'Roboto', sans-serif",
+      fontWeight: 400,
+    },
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          borderRadius: '4px',
+          textTransform: 'none',
+        },
+      },
+    },
+  },
+});
+
+// Export a light theme as default for backward compatibility
+const theme = createAppTheme('light');
+export default theme;

package/scaffolding/react/src/assets/albatross.svg

@@ -0,0 +1,108 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 800">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #433834;
+      }
+
+      .cls-2, .cls-3, .cls-4, .cls-5, .cls-6 {
+        mix-blend-mode: multiply;
+      }
+
+      .cls-2, .cls-5 {
+        opacity: .2;
+      }
+
+      .cls-2, .cls-7 {
+        fill: #bebfaf;
+      }
+
+      .cls-3, .cls-4, .cls-6 {
+        opacity: .3;
+      }
+
+      .cls-8 {
+        fill: #9ca6b2;
+      }
+
+      .cls-9 {
+        fill: #d5561e;
+      }
+
+      .cls-10 {
+        isolation: isolate;
+      }
+
+      .cls-4 {
+        fill: #60260f;
+      }
+
+      .cls-11 {
+        fill: #fcfcf5;
+      }
+
+      .cls-12 {
+        fill: #352b28;
+      }
+
+      .cls-5 {
+        fill: #a7a9ac;
+      }
+
+      .cls-6 {
+        fill: #4d5156;
+      }
+    </style>
+  </defs>
+  <g class="cls-10">
+    <g id="Layer_2" data-name="Layer 2">
+      <ellipse class="cls-5" cx="422.34" cy="641.36" rx="190.28" ry="38.87"/>
+      <g>
+        <g>
+          <path class="cls-8" d="M474.23,603.27c0-1.54.09-3.07.26-4.59.23-2.03-1.57-3.84-4.11-4.16-5.67-.7-11.71-1.08-17.99-1.08-32.28,0-58.45,10.03-58.45,22.4s26.17,22.4,58.45,22.4c10.62,0,20.57-1.09,29.14-2.98,2.51-.56,3.71-2.83,2.39-4.61-9.33-12.64,11.48-11.25,9.57-17.3-1.28-4.05-19.27-5.77-19.27-10.09Z"/>
+          <g class="cls-3">
+            <path class="cls-7" d="M489.51,617.85c-36.17.26-64.58,2.85-64.58,6,0,2.98,25.23,5.45,58.41,5.94-5.01-7.56,1.45-9.75,6.17-11.94Z"/>
+          </g>
+          <g class="cls-3">
+            <path class="cls-7" d="M424.93,603.63c0,4.4,29.8,7.99,67.21,8.2-4.47-3.03-17.9-4.82-17.9-8.56,0-1.54.09-3.07.26-4.59.12-1.07-.33-2.08-1.15-2.84-28.12,1.08-48.41,4.16-48.41,7.79Z"/>
+          </g>
+          <path class="cls-8" d="M404.26,617.51h0c-4.67,1.15-9.63-.91-11.09-4.6l-31.76-80.65,16.91-4.16,31.76,80.65c1.45,3.69-1.15,7.62-5.82,8.76Z"/>
+          <g class="cls-3">
+            <path class="cls-7" d="M403.4,612.9l-31.76-80.65,7.58-1.87-.9-2.3-16.91,4.16,31.76,80.65c1.45,3.69,6.42,5.75,11.09,4.6.92-.23,1.75-.56,2.49-.98-1.53-.86-2.74-2.1-3.34-3.63Z"/>
+          </g>
+          <path class="cls-8" d="M364.15,554.59c3.13,8.54,10.63,10.08,18.12,8.36,7.49-1.72,12.14-6.03,9.01-14.57-3.13-8.54-12.85-18.07-20.35-16.35s-9.92,14.03-6.79,22.57Z"/>
+          <path class="cls-11" d="M440.5,490.46c0,24.38-11.57,9.98-42.4,49.12-6.99,8.88-40.02,8.39-50.99-1.47-11.39-10.24-.6-30.26-.6-42.67,0-24.38,21.04-44.14,47-44.14s47,14.79,47,39.17Z"/>
+        </g>
+        <path class="cls-6" d="M482.25,627.86s-.03-.06-.04-.09c-.27-.59-.45-1.14-.56-1.66,0-.03-.01-.06-.02-.08-.1-.52-.13-1-.1-1.45,0-.02,0-.03,0-.05.07-.75.31-1.41.68-2,.01-.02.02-.04.04-.06.22-.34.49-.66.79-.96.03-.03.05-.05.08-.08.19-.18.39-.36.61-.52.02-.01.03-.03.05-.04.11-.09.22-.17.34-.25.04-.03.09-.06.14-.09.19-.13.39-.26.59-.38.06-.04.12-.08.19-.11.11-.07.23-.13.34-.2.1-.05.19-.11.29-.16.16-.09.32-.17.48-.26.1-.05.2-.1.29-.15.1-.05.2-.1.3-.15.18-.09.36-.17.53-.25.09-.04.18-.08.27-.13.16-.08.33-.15.49-.22.05-.02.11-.05.16-.07.25-.11.49-.22.74-.33.18-.08.35-.16.53-.24,2.6-1.21,4.68-2.41,4.02-4.51-.84-2.66-8.87-4.31-14.3-6.35,0,0,0,0,0,0-.24-.09-.47-.18-.7-.27-.04-.01-.07-.03-.11-.04-.2-.08-.39-.16-.57-.24-.05-.02-.09-.04-.14-.06-.18-.08-.35-.16-.51-.24-.04-.02-.09-.04-.13-.06-.18-.09-.36-.18-.53-.27-.02,0-.04-.02-.06-.03-.19-.1-.37-.21-.54-.32-.01,0-.02-.01-.03-.02-.15-.1-.29-.19-.42-.29-.04-.03-.08-.06-.12-.1-.09-.07-.18-.15-.27-.23-.04-.04-.08-.08-.12-.12-.07-.07-.14-.14-.2-.21-.04-.04-.07-.09-.1-.13-.05-.07-.1-.15-.14-.22-.03-.04-.05-.09-.08-.13-.04-.08-.07-.16-.1-.24-.01-.04-.03-.08-.04-.12-.03-.12-.05-.25-.05-.37,0-1.54.09-3.07.26-4.59.01-.13.02-.26.02-.39,0-.03,0-.06,0-.1,0-.1-.01-.19-.02-.29,0-.03-.01-.06-.02-.1-.02-.1-.03-.19-.06-.28,0-.03-.02-.05-.02-.08-.03-.1-.06-.2-.1-.29,0-.02-.02-.04-.02-.05-.04-.1-.09-.21-.15-.3,0-.01-.01-.02-.02-.03-.06-.11-.13-.21-.2-.31,0,0,0,0,0-.01-.08-.11-.16-.21-.25-.31,0,0,0,0,0,0-.09-.1-.19-.2-.29-.3,0,0,0,0,0,0h0c-.73-.68-1.76-1.16-2.97-1.31-5.67-.7-11.71-1.08-17.99-1.08-18.17,0-34.4,3.18-45.12,8.16l-16.89-42.89c2.03-2.4,2.59-5.76.91-10.34-.49-1.35-1.15-2.72-1.94-4.06,3.95-1.05,7.09-2.63,8.75-4.73,30.83-39.14,42.4-24.74,42.4-49.12s-21.04-39.17-47-39.17-47,19.76-47,44.14c0,12.41-10.78,32.44.6,42.67,3.52,3.17,9.32,5.36,15.8,6.6-.27,3.34.14,6.85,1.25,9.89,1.88,5.14,5.35,7.74,9.45,8.62l19.57,49.69c.09.23.2.46.31.67.17.31.37.6.58.88-.07.46-.12.92-.12,1.38,0,12.37,26.17,22.4,58.45,22.4,10.62,0,20.57-1.09,29.14-2.98,2.51-.56,3.71-2.83,2.39-4.61-.22-.3-.41-.58-.59-.86h0c-.15-.22-.28-.43-.41-.64-.03-.05-.06-.1-.09-.15-.23-.39-.43-.77-.59-1.13Z"/>
+      </g>
+      <path class="cls-11" d="M583.23,393.7c0-31.91-14.48-151.42-1.02-180.35,3.34-7.17,7.01-12.76,10.69-15.5,4.25-3.17-1.45-27.18-7.16-37.24-9.06-15.95-31.5-32.22-70.35-31.35-49.31,1.11-59.79,65.78-64.66,114.88-1.71,17.22-8.38,33.59-19.28,47.04-24.5,30.22-282.51,32.6-276.03,44.9,87.85,166.81,211.62,187.5,275.59,187.5s152.23-72.02,152.23-129.88Z"/>
+      <path class="cls-12" d="M498.56,164.68c-.74-.4.6-1.19,1.38-.88,8.67,3.44,14.63,6.95,24.89,8.14,3.49.41,21.48-.97,21.97,2.41s-3.04,7.61-4.5,9.11c-1.8,1.84-4.63,3.5-8.28,2.45-11.15-3.21-23.68-14.89-35.46-21.23Z"/>
+      <path class="cls-2" d="M593.41,197.28c.08-.11.15-.23.22-.36.04-.07.07-.16.11-.24.06-.13.11-.27.16-.42.03-.09.06-.19.09-.29.04-.16.08-.33.12-.5.02-.1.04-.21.06-.32.03-.2.06-.4.09-.61.01-.1.03-.2.04-.31.03-.27.05-.55.06-.84,0-.06,0-.12.01-.18.03-.74.02-1.53-.03-2.39,0-.07,0-.14-.01-.21-.02-.36-.05-.72-.08-1.1,0-.09-.02-.19-.03-.28-.03-.37-.07-.74-.12-1.12-.01-.09-.02-.18-.03-.27-.05-.41-.1-.82-.16-1.24,0-.06-.02-.13-.03-.19-.37-2.53-.93-5.28-1.62-8.06-14.52,10.95-7.32,30.8-53.77,48.91-12.21,4.76,26.78,8.73,43.96,147.69-2.82-45.76-11.76-136.83-.24-161.59,3.34-7.17,7.01-12.76,10.69-15.5.14-.11.27-.24.4-.4.04-.05.07-.11.11-.17Z"/>
+      <path class="cls-9" d="M669.22,195.54c-.9-14.38-6.37-22.75-15.74-24.4-11.04-1.94-17.36,4.16-38.14,1.91-11.8-1.28-29.51-16.25-38.23-13.33-.19.06-.36.14-.54.22,1.18,9.92,1.83,20.82,1.83,32.27v.06c0,3.32,2.25,6.03,5.05,6.03h76.86c2.74,0,4.96,2.63,4.96,5.87,2.11,2.13,4.13-5.58,3.94-8.62Z"/>
+      <path class="cls-4" d="M578.17,180.38c.15,3.86.24,7.81.24,11.82v.06c0,3.32,2.25,6.03,5.05,6.03h76.86c.72,0,1.41.19,2.02.52-7.28-6.71-13.11-6.27-51.08-8.31-15.83-.85-21.28-9.62-33.1-10.12Z"/>
+      <path class="cls-4" d="M583.23,167.25s13.22,1.2,12.27,6.47c-.94,5.26-12.27-6.47-12.27-6.47Z"/>
+      <path class="cls-1" d="M475.91,325.57l-44.46-34.39-204.19,5.87c-22.9.66-45.08,8.15-63.69,21.5l-40.55,29.1,245.71,107.73c13.86,6.08,30.06,2.42,39.97-9.01l71.06-82c10.09-11.64,8.32-29.37-3.86-38.79Z"/>
+      <path class="cls-1" d="M228.43,408.36c-46.45-5.79-108.22-20.11-150.98-56.31-5.65-4.78-1.74-13.94,5.62-13.23,37.28,3.59,57.44,2.96,97.7-12.42l47.67,81.96Z"/>
+      <path class="cls-6" d="M144.52,332.23l-21.5,15.43,245.71,107.73c13.86,6.08,30.06,2.42,39.97-9.01l44.62-51.49c-127.73-.17-240.55-24.9-308.8-62.65Z"/>
+      <g>
+        <path class="cls-8" d="M502.63,634.23c0-1.26.09-2.51.26-3.74.23-1.66-1.57-3.14-4.11-3.39-5.67-.57-11.71-.88-17.99-.88-32.28,0-58.45,8.18-58.45,18.28s26.17,18.28,58.45,18.28c10.62,0,20.57-.89,29.14-2.44,2.51-.45,3.71-2.31,2.39-3.76-9.33-10.31,11.48-9.18,9.57-14.12-1.28-3.3-19.27-4.71-19.27-8.23Z"/>
+        <g class="cls-3">
+          <path class="cls-7" d="M517.91,646.13c-36.17.21-64.58,2.32-64.58,4.9,0,2.43,25.23,4.45,58.41,4.85-5.01-6.17,1.45-7.96,6.17-9.75Z"/>
+        </g>
+        <g class="cls-3">
+          <path class="cls-7" d="M453.33,634.53c0,3.59,29.8,6.52,67.21,6.69-4.47-2.47-17.9-3.94-17.9-6.98,0-1.26.09-2.51.26-3.74.12-.88-.33-1.7-1.15-2.32-28.12.88-48.41,3.39-48.41,6.36Z"/>
+        </g>
+        <path class="cls-8" d="M432.66,647.69h0c-4.67,1.28-9.63-1.02-11.09-5.13l-31.76-89.8,16.91-4.63,31.76,89.8c1.45,4.11-1.15,8.48-5.82,9.76Z"/>
+        <g class="cls-3">
+          <path class="cls-7" d="M431.8,642.56l-31.76-89.8,7.58-2.08-.9-2.56-16.91,4.63,31.76,89.8c1.45,4.11,6.42,6.4,11.09,5.13.92-.25,1.75-.62,2.49-1.09-1.53-.95-2.74-2.34-3.34-4.04Z"/>
+        </g>
+        <path class="cls-8" d="M392.55,577.64c3.13,9.51,10.63,11.22,18.12,9.31,7.49-1.91,12.14-6.72,9.01-16.23-3.13-9.51-12.85-20.12-20.35-18.21-7.49,1.91-9.92,15.62-6.79,25.13Z"/>
+        <path class="cls-11" d="M502.59,500.61c-26.16,17.71-45.26,16.73-76.09,60.31-6.99,9.89-40.02,9.35-50.99-1.64-11.39-11.4-.6-33.69-.6-47.51,0-27.15,21.04-49.15,47-49.15s103.17,22.78,80.69,38Z"/>
+        <g class="cls-3">
+          <path class="cls-7" d="M374.9,511.77c0-11.32,3.67-21.73,9.81-30.04-48.73-7.75-103.44-25.32-163.2-51.21,51.77,54.95,107.23,78.18,152.85,87.43.33-2.19.54-4.27.54-6.18Z"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>