quickblox-react-ui-kit 0.1.0 → 0.1.2

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

@@ -1,255 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,38 +0,0 @@
-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

@@ -1,82 +0,0 @@
-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

@@ -1,41 +0,0 @@
-/*
-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

@@ -1,60 +0,0 @@
-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

@@ -1,74 +0,0 @@
-@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

@@ -1,25 +0,0 @@
-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

@@ -1 +0,0 @@
-<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>