quickblox-react-ui-kit 0.1.0

package/src/Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider.tsx

@@ -0,0 +1,255 @@
+import React from 'react';
+import { ProviderProps } from '../ProviderProps';
+import ModalContextProvider from '../ModalContextProvider/ModalContextProvider';
+import { LocalDataSource } from '../../../../Data/source/local/LocalDataSource';
+import {
+  LoginData,
+  RemoteDataSource,
+} from '../../../../Data/source/remote/RemoteDataSource';
+import DialogsRepository from '../../../../Data/repository/DialogsRepository';
+import { SyncDialogsUseCase } from '../../../../Domain/use_cases/SyncDialogsUseCase';
+import { BaseUseCase } from '../../../../Domain/use_cases/base/BaseUseCase';
+import { QBConfig } from '../../../../QBconfig';
+import ConnectionRepository from '../../../../Data/repository/ConnectionRepository';
+import EventMessagesRepository from '../../../../Data/repository/EventMessagesRepository';
+
+// import packageInfo from '../../../../../package.json';
+
+const initialValues = {
+  LOCAL_DATA_SOURCE: new LocalDataSource(), // localstorage or session storage
+  REMOTE_DATA_SOURCE: new RemoteDataSource(), // QB instances
+  CONNECTION_REPOSITORY: new ConnectionRepository(),
+};
+
+const initialEvent = {
+  EVENT_MESSAGE_REPOSITORY: new EventMessagesRepository(
+    initialValues.REMOTE_DATA_SOURCE,
+    initialValues.LOCAL_DATA_SOURCE,
+    initialValues.CONNECTION_REPOSITORY,
+  ),
+};
+
+type AccountData = {
+  appId: number;
+  accountKey: string;
+  authSecret?: string;
+  authKey: string;
+  sessionToken?: string;
+};
+
+/*
+{ username: string; password: string }
+ */
+
+export type InitParams = {
+  maxFileSize: number;
+  accountData: AccountData;
+  qbConfig?: QBConfig;
+  loginData?: LoginData;
+};
+
+type QuickBloxProviderProps = ProviderProps & InitParams;
+
+type QBDataStorage = {
+  LOCAL_DATA_SOURCE: LocalDataSource;
+  REMOTE_DATA_SOURCE: RemoteDataSource;
+  SYNC_DIALOGS_USE_CASE: BaseUseCase<boolean, boolean>; // need Factory pattern
+  CONNECTION_REPOSITORY: ConnectionRepository;
+  EVENT_MESSAGE_REPOSITORY: EventMessagesRepository;
+};
+
+export type QBReactUIKitVersionInfo = {
+  version: string;
+  build: string;
+};
+
+export type QBDataContextType = {
+  // authProcessed: boolean;
+  storage: QBDataStorage;
+  InitParams: InitParams;
+  updateStorage: (storage: QBDataStorage) => void;
+  updateQBInitParams: (InitParams: InitParams) => void;
+  // getQBReactUIKitVersionInfo: () => QBReactUIKitVersionInfo;
+};
+const initDataContext: QBDataContextType = {
+  // authProcessed: false,
+  storage: {
+    LOCAL_DATA_SOURCE: initialValues.LOCAL_DATA_SOURCE, // localstorage or session storage
+    REMOTE_DATA_SOURCE: initialValues.REMOTE_DATA_SOURCE, // QB instances
+    CONNECTION_REPOSITORY: initialValues.CONNECTION_REPOSITORY,
+    EVENT_MESSAGE_REPOSITORY: initialEvent.EVENT_MESSAGE_REPOSITORY,
+    SYNC_DIALOGS_USE_CASE: new SyncDialogsUseCase(
+      new DialogsRepository(
+        initialValues.LOCAL_DATA_SOURCE,
+        initialValues.REMOTE_DATA_SOURCE,
+      ),
+      initialValues.CONNECTION_REPOSITORY,
+      initialEvent.EVENT_MESSAGE_REPOSITORY,
+    ),
+  },
+  InitParams: {
+    accountData: QBConfig.credentials,
+    maxFileSize: QBConfig.appConfig.maxFileSize,
+  },
+  updateQBInitParams: (InitParams: InitParams) => {
+    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    console.log(
+      `call function updateQBInitParams with param ${JSON.stringify(
+        InitParams,
+      )}`,
+    );
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    this.InitParams = InitParams;
+  },
+  updateStorage: (storage: QBDataStorage) => {
+    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    console.log(`empty function with param ${storage}`);
+  },
+  // getQBReactUIKitVersionInfo: (): QBReactUIKitVersionInfo => {
+  //   const qbReactUIKitVersionInfo: QBReactUIKitVersionInfo = {
+  //     version: packageInfo.version,
+  //     build: packageInfo.version,
+  //   };
+  //
+  //   return qbReactUIKitVersionInfo;
+  // },
+};
+
+export const qbDataContext =
+  React.createContext<QBDataContextType>(initDataContext);
+
+const { Provider } = qbDataContext;
+
+function QuickBloxUIKitProvider({
+  children,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  accountData,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  qbConfig,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  loginData,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  maxFileSize,
+}: QuickBloxProviderProps) {
+  console.log(
+    'QuickBloxUIKitProvider with account data: ',
+    JSON.stringify(accountData),
+  );
+  console.log(
+    'QuickBloxUIKitProvider with login data: ',
+    JSON.stringify(loginData),
+  );
+  const initStorageState = {
+    LOCAL_DATA_SOURCE: initialValues.LOCAL_DATA_SOURCE, // localstorage or session storage
+    REMOTE_DATA_SOURCE: initialValues.REMOTE_DATA_SOURCE, // QB instances
+    CONNECTION_REPOSITORY: initialValues.CONNECTION_REPOSITORY,
+    EVENT_MESSAGE_REPOSITORY: initialEvent.EVENT_MESSAGE_REPOSITORY,
+    SYNC_DIALOGS_USE_CASE: new SyncDialogsUseCase(
+      new DialogsRepository(
+        initialValues.LOCAL_DATA_SOURCE,
+        initialValues.REMOTE_DATA_SOURCE,
+      ),
+      initialValues.CONNECTION_REPOSITORY,
+      initialEvent.EVENT_MESSAGE_REPOSITORY,
+    ),
+  };
+
+  console.log(
+    'QuickBloxUIKitProvider with storage init data: ',
+    JSON.stringify(initStorageState),
+  );
+  const [storage, setStorage] = React.useState<QBDataStorage>(initStorageState);
+
+  console.log('have storage useState completed');
+  const updateStorage = (dataStorage: QBDataStorage) => {
+    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    setStorage(dataStorage);
+  };
+  // todo: must use accountData if we haves
+  const [InitParams, setInitParams] = React.useState<InitParams>({
+    accountData: {
+      appId: accountData.appId,
+      accountKey: accountData.accountKey,
+      authKey: accountData.authKey,
+      authSecret: accountData.authSecret,
+      sessionToken: accountData.sessionToken,
+    },
+    loginData: {
+      userName: loginData?.userName || '',
+      password: loginData?.password || '',
+    },
+    maxFileSize,
+  });
+
+  console.log('have InitParams useState completed');
+  const updateQBInitParams = (initParams: InitParams) => {
+    console.log(`log updateQBInitParams ${JSON.stringify(initParams)}`);
+    setInitParams(initParams);
+  };
+
+  // const getQBReactUIKitVersionInfo = (): QBReactUIKitVersionInfo => {
+  //   const qbReactUIKitVersionInfo: QBReactUIKitVersionInfo = {
+  //     version: packageInfo.version,
+  //     build: packageInfo.version,
+  //   };
+  //
+  //   return qbReactUIKitVersionInfo;
+  // };
+
+  // todo: temporary off, must turn on
+  // todo: cause of recycle v1
+  // storage.CONNECTION_REPOSITORY.keepALiveChatConnection();
+  // todo: temporary off, must turn on
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  // storage.SYNC_DIALOGS_USE_CASE.execute(() => {});
+
+  // todo: MUST use sessionToken or login/pass to re-init
+  // const remoteDataSourceMock: RemoteDataSource =
+  //   storage.REMOTE_DATA_SOURCE as RemoteDataSource;
+  // // remoteDataSourceMock
+  //   .initSDK({
+  //     appIdOrToken: QBInitParams.accountData.appId,
+  //     authKeyOrAppId: QBInitParams.accountData.authKey,
+  //     authSecret: QBInitParams.accountData.authSecret,
+  //     accountKey: QBInitParams.accountData.accountKey,
+  //   })
+  //   .catch(() => {
+  //     console.log('EXCEPTION remoteDataSourceMock.initSDK');
+  //   });
+  // console.log('!!!-3-after initSDK');
+  // // todo: temporary off, must turn on and reorganize code rows
+  // storage.CONNECTION_REPOSITORY.initializeStates();
+  // // todo: must delete it
+  // remoteDataSourceMock.setUpMockStorage();
+  // // START SYNC MOCK
+  // storage.SYNC_DIALOGS_USE_CASE.execute(() => {
+  //   console.log('SYNC_DIALOGS_USE_CASE_MOCK.execute');
+  // }).catch(() => {
+  //   console.log('EXCEPTION SYNC_DIALOGS_USE_CASE_MOCK.execute');
+  // });
+
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  // const [authProcessed, setAuthProcessed] = React.useState(false);
+  // const updateAuthProcessedStatus = (status: boolean) => {
+  //   console.log('updateAuthProcessedStatus, set ', status);
+  //   setAuthProcessed(status);
+  // };
+
+  return (
+    <Provider
+      value={{
+        InitParams,
+        updateQBInitParams,
+        // authProcessed,
+        // getQBReactUIKitVersionInfo,
+        storage,
+        updateStorage,
+      }}
+    >
+      <ModalContextProvider>{children}</ModalContextProvider>
+    </Provider>
+  );
+}
+
+export default QuickBloxUIKitProvider;

package/src/Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository.ts

@@ -0,0 +1,10 @@
+import EventMessagesRepository from '../../../../Data/repository/EventMessagesRepository';
+import useQbDataContext from './useQbDataContext';
+
+const useEventMessagesRepository = (): EventMessagesRepository => {
+  const currentQbDataContext = useQbDataContext();
+
+  return currentQbDataContext.storage.EVENT_MESSAGE_REPOSITORY;
+};
+
+export default useEventMessagesRepository;

package/src/Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection.ts

@@ -0,0 +1,38 @@
+import React, { useEffect } from 'react';
+import { qbDataContext } from './QuickBloxUIKitProvider';
+import ConnectionRepository from '../../../../Data/repository/ConnectionRepository';
+
+type QBConnectionInfo = {
+  connectionRepository: ConnectionRepository;
+  browserOnline: boolean;
+};
+const useQBConnection = (): QBConnectionInfo => {
+  const currentQbDataContext = React.useContext(qbDataContext);
+  const [navigatorOnline, setNavigatorOnline] = React.useState(
+    navigator.onLine,
+  );
+
+  useEffect(() => {
+    const setOnline = () => {
+      setNavigatorOnline(true);
+    };
+    const setOffline = () => {
+      setNavigatorOnline(false);
+    };
+
+    window.addEventListener('online', setOnline);
+    window.addEventListener('offline', setOffline);
+
+    return () => {
+      window.removeEventListener('online', setOnline);
+      window.removeEventListener('offline', setOffline);
+    };
+  }, []);
+
+  return {
+    browserOnline: navigatorOnline,
+    connectionRepository: currentQbDataContext.storage.CONNECTION_REPOSITORY,
+  };
+};
+
+export default useQBConnection;

package/src/Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import { qbDataContext, QBDataContextType } from './QuickBloxUIKitProvider';
+
+const useQbDataContext = (): QBDataContextType => {
+  const currentQbDataContext = React.useContext(qbDataContext);
+
+  console.log(
+    `call useQbDataContext with init param: ${JSON.stringify(
+      currentQbDataContext.InitParams,
+      // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    )}`,
+  );
+  // todo: throw exception if we have not enough data to start session or login
+  let QuickBloxVersion = '';
+
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  if (!window.QB) {
+    throw new Error('HAVE NO SDK');
+  } else {
+    QuickBloxVersion = `Have SDK lib: version ${QB.version} build ${QB.buildNumber}`;
+    console.log(QuickBloxVersion);
+  }
+  if (!currentQbDataContext) {
+    throw new Error('HAVE NO DATA CONTEXT');
+  }
+  if (!currentQbDataContext.InitParams) {
+    throw new Error('HAVE NO INIT SDK DATA');
+  }
+  // проверять был ли обработан логин
+  // если сведения для логина - ник, пароль или токен сессии
+  console.log(
+    'data context: update init param: ',
+    JSON.stringify(currentQbDataContext.InitParams),
+  );
+  if (
+    currentQbDataContext.InitParams.accountData.appId &&
+    currentQbDataContext.InitParams.accountData.accountKey &&
+    currentQbDataContext.InitParams.accountData.accountKey.length > 0
+  ) {
+    if (
+      currentQbDataContext.InitParams.accountData.sessionToken &&
+      currentQbDataContext.InitParams.accountData.sessionToken.length > 0
+    ) {
+      /* empty */
+    } else if (
+      currentQbDataContext.InitParams.accountData.authSecret &&
+      currentQbDataContext.InitParams.accountData.authSecret.length > 0
+    ) {
+      // проверить был ли проинициализирован репозиторий этими данными
+      // и залогинен юзер
+      // QBInit({
+      //   appIdOrToken: currentQbDataContext.QBInitParams.accountData.appId,
+      //   authKeyOrAppId: currentQbDataContext.QBInitParams.accountData.authKey,
+      //   authSecret: currentQbDataContext.QBInitParams.accountData.authSecret,
+      //   accountKey: currentQbDataContext.QBInitParams.accountData.accountKey,
+      // });
+      // if (
+      //   currentQbDataContext.InitParams.loginData &&
+      //   currentQbDataContext.InitParams.loginData.userName &&
+      //   currentQbDataContext.InitParams.loginData.userName.length > 0 &&
+      //   currentQbDataContext.InitParams.loginData.password &&
+      //   currentQbDataContext.InitParams.loginData.password.length > 0
+      // ) {
+      //   QuickBloxVersion = `Init SDK was success: version ${QB.version} build ${QB.buildNumber}`;
+      //   console.log(QuickBloxVersion);
+      //   console.log('all data to auth is collected');
+      //   // currentQbDataContext.updateAuthProcessedStatus(true);
+      // } else {
+      //   throw new Error('HAVE NO AUTH USER DATA: userName or password');
+      // }
+    } else {
+      throw new Error('HAVE NO AUTH USER or WRONG authSecret');
+    }
+  } else {
+    throw new Error('HAVE NO APPID OR ACCOUNT KEY');
+  }
+
+  return currentQbDataContext;
+};
+
+export default useQbDataContext;

package/src/QBconfig.ts

@@ -0,0 +1,41 @@
+/*
+const configApp = {
+    APPLICATION_ID: 75949,+
+    AUTH_KEY: "DdS7zxMEm5Q7DaS",
+    AUTH_SECRET: "g88RhdOjnDOqFkv",+
+    ACCOUNT_KEY: "uK_8uinNyz8-npTNB6tx",+
+};
+ */
+export const QBConfig = {
+  credentials: {
+    appId: 0,
+    accountKey: '',
+    authKey: '',
+    authSecret: '',
+    sessionToken: '',
+  },
+  appConfig: {
+    maxFileSize: 90 * 1000000,
+    chatProtocol: {
+      active: 2,
+    },
+    debug: {
+      mode: 0,
+      file: null,
+    },
+    endpoints: {
+      api: 'api.quickblox.com',
+      chat: 'chat.quickblox.com',
+    },
+    on: {
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars,@typescript-eslint/require-await
+      async sessionExpired(handleResponse: any, retry: any) {
+        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+        console.log(`Test sessionExpired....${handleResponse} ${retry}`);
+      },
+    },
+    streamManagement: {
+      enable: true,
+    },
+  },
+};

package/src/index-ui.ts

@@ -0,0 +1,60 @@
+import './index.scss';
+import MainButton, {
+  TypeButton,
+} from './Presentation/components/UI/Buttons/MainButton/MainButton';
+import MyButton from './MyButton/MyButton';
+import MyInput from './MyInput/MyInput';
+import QuickBloxUIKitProvider, {
+  qbDataContext,
+} from './Presentation/components/providers/QuickBloxUIKitProvider/QuickBloxUIKitProvider';
+import { LocalDataSource } from './Data/source/local/LocalDataSource';
+import useQBConnection from './Presentation/components/providers/QuickBloxUIKitProvider/useQBConnection';
+import useQbDataContext from './Presentation/components/providers/QuickBloxUIKitProvider/useQbDataContext';
+import useEventMessagesRepository from './Presentation/components/providers/QuickBloxUIKitProvider/useEventMessagesRepository';
+import { DialogsViewModel } from './Presentation/Views/Dialogs/DialogViewModel';
+import useDialogsViewModelWithMockUseCase from './Presentation/Views/Dialogs/useDialogsViewModelWithMockUseCase';
+import { SubscribeToDialogEventsUseCase } from './Domain/use_cases/SubscribeToDialogEventsUseCase';
+import { Pagination } from './Domain/repository/Pagination';
+import { DialogEventInfo } from './Domain/entity/DialogEventInfo';
+import EventMessageType from './Domain/entity/EventMessageType';
+import { NotificationTypes } from './Domain/entity/NotificationTypes';
+import { stringifyError } from './utils/parse';
+import DesktopLayoutForMockModels from './Presentation/components/layouts/Desktop/DesktopLayoutForMockModels';
+import DialogsComponent from './Presentation/Views/Dialogs/Dialogs';
+import MessagesView from './Presentation/components/UI/Dialogs/MessagesView/MessagesView';
+import DialogInformation from './Presentation/components/UI/Dialogs/DialogInformation/DialogInformation';
+import { DialogEntity } from './Domain/entity/DialogEntity';
+import BaseViewModel from './Presentation/Views/Base/BaseViewModel';
+import {
+  LoginData,
+  RemoteDataSource,
+} from './Data/source/remote/RemoteDataSource';
+
+export {
+  MainButton,
+  MyButton,
+  MyInput,
+  TypeButton,
+  type LoginData,
+  QuickBloxUIKitProvider,
+  qbDataContext,
+  RemoteDataSource,
+  LocalDataSource,
+  useQBConnection,
+  useQbDataContext,
+  useEventMessagesRepository,
+  type DialogsViewModel,
+  useDialogsViewModelWithMockUseCase,
+  SubscribeToDialogEventsUseCase,
+  Pagination,
+  type DialogEventInfo,
+  EventMessageType,
+  NotificationTypes,
+  stringifyError,
+  DesktopLayoutForMockModels,
+  DialogsComponent,
+  MessagesView,
+  DialogInformation,
+  type DialogEntity,
+  BaseViewModel,
+};

package/src/index.scss

@@ -0,0 +1,74 @@
+@import "Presentation/assets/styles/reset-styles";
+@import "Presentation/assets/styles/fonts";
+@import "Presentation/assets/styles/theme_colors_scheme";
+@import "Presentation/assets/styles/variables";
+
+
+//start
+* {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: 'Roboto';
+  color: var(--color-font);
+  background-color: var(--main-background);
+}
+
+
+//
+//.main-container{
+//  max-width: 1440px;
+//  display: flex;
+//  flex-flow: row nowrap;
+//  justify-content: space-between;
+//  align-items: center;
+//  margin: 0 auto;
+//}
+//.main-container__item{
+//  flex: 1 1 325px;
+//}
+//.main-container__item__center{
+//  flex: 3 2 720px;
+//}
+//.list-container{
+//  width: 320px;
+//  display: flex;
+//  flex-flow: column nowrap;
+//}
+//.header-container{
+//  display: flex;
+//  height: 64px;
+//  gap: 0 140px;
+//  padding: 16px 16px 16px 20px;
+//  border: 1px solid var(--color-divider);
+//}
+//.list-header-title{
+//  font-family: 'Roboto';
+//  font-style: normal;
+//  font-weight: 500;
+//  font-size: 20px;
+//  line-height: 24px;
+//  letter-spacing: 0.0015em;
+//}
+//.list-header-buttons{
+//  display: flex;
+//  align-items: center;
+//  gap: 29px;
+//  background: none;
+//  color: var(--primary);
+//}
+//
+////end
+//
+//
+//.logo-img path {
+//  fill: #49CF77;
+//}
+//#svg-add{
+//  fill: #FF766E;// "#3978FC"
+//}
+//
+//#svg-add2{
+//  fill: #FF766E;// "#3978FC"
+//}

package/src/index.tsx

@@ -0,0 +1,25 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
+// import 'bootstrap/dist/css/bootstrap.css';
+// import 'bootstrap/dist/css/bootstrap.css';
+import './index.scss';
+import App from './App';
+// import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(
+  document.getElementById('root') as HTMLElement,
+);
+
+root.render(
+  <React.StrictMode>
+    <BrowserRouter>
+      <App />
+    </BrowserRouter>
+  </React.StrictMode>,
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+// reportWebVitals();

package/src/logo.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3"><g fill="#61DAFB"><path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/><circle cx="420.9" cy="296.5" r="45.7"/><path d="M520.5 78.1z"/></g></svg>