cozy-sharing 32.3.1 → 32.3.2

package/dist/components/Recipient/RecipientList.js

@@ -4,7 +4,6 @@ import { GroupRecipient } from './GroupRecipient';
 import MemberRecipient from './MemberRecipient';
 import { usePrevious } from '../../helpers/hooks';
 import { filterAndReworkRecipients } from '../../helpers/recipients';
-import SharedDriveRecipient from '../SharedDrive/SharedDriveRecipient';
 
 var RecipientList = function RecipientList(_ref) {
   var recipients = _ref.recipients,
@@ -15,27 +14,13 @@ var RecipientList = function RecipientList(_ref) {
       documentType = _ref.documentType,
       onRevoke = _ref.onRevoke,
       onRevokeSelf = _ref.onRevokeSelf,
-      onSetType = _ref.onSetType,
       verifyRecipient = _ref.verifyRecipient;
   var previousRecipients = usePrevious(recipients);
   var recipientsToDisplay = filterAndReworkRecipients(recipients, previousRecipients);
   return recipientsToDisplay.map(function (recipient) {
-    var _recipient$index;
-
     var recipientConfirmationData = recipientsToBeConfirmed.find(function (user) {
       return user.email === recipient.email;
     });
-    var isSharedDriveRecipient = recipient === null || recipient === void 0 || (_recipient$index = recipient.index) === null || _recipient$index === void 0 ? void 0 : _recipient$index.toString().startsWith('virtual-shared-drive');
-
-    if (isSharedDriveRecipient) {
-      return /*#__PURE__*/React.createElement(SharedDriveRecipient, _extends({}, recipient, {
-        key: recipient.index,
-        onRevoke: onRevoke,
-        onSetType: onSetType,
-        fadeIn: recipient.hasBeenJustAdded
-      }));
-    }
-
     var isGroupRecipient = recipient.members;
 
     if (isGroupRecipient) {

package/dist/components/ShareModal/ShareModal.js

@@ -58,17 +58,17 @@ export var ShareModal = withLocales(function (props) {
     };
   }();
 
-  var isFederatedMode = flag('drive.federated-shared-folder.enabled');
-
-  if (isFederatedMode && allLoaded) {
-    return /*#__PURE__*/React.createElement(FederatedFolderModal, _extends({
-      document: document
-    }, rest));
-  }
-
   var isEditable = !byDocId[document.id] || isOwner(document.id) || canReshare(document.id);
 
   if (isEditable) {
+    var isFederatedMode = flag('drive.federated-shared-folder.enabled');
+
+    if (isFederatedMode && allLoaded) {
+      return /*#__PURE__*/React.createElement(FederatedFolderModal, _extends({
+        document: document
+      }, rest));
+    }
+
     return /*#__PURE__*/React.createElement(EditableSharingModal, _extends({
       document: document
     }, rest));

package/dist/state.js

@@ -412,7 +412,12 @@ export var isSharedDrive = function isSharedDrive(state, docId) {
 export var canReshare = function canReshare(state, docId, instanceUri) {
   var sharing = getDocumentSharing(state, docId);
   var me = sharing.attributes.members.find(matchingInstanceName(instanceUri));
-  return sharing.attributes.open_sharing === true && me && !me.read_only;
+
+  if (sharing.drive) {
+    return me && !me.read_only;
+  } else {
+    return sharing.attributes.open_sharing === true && me && !me.read_only;
+  }
 };
 export var getOwner = function getOwner(state, docId) {
   return getRecipients(state, docId).find(function (r) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cozy-sharing",
-  "version": "32.3.1",
+  "version": "32.3.2",
   "description": "Provides sharing login for React applications.",
   "main": "dist/index.js",
   "author": "Cozy",
@@ -83,5 +83,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4f13f016ce5791e4cd1df4283ff8577ccb0cd58c"
+  "gitHead": "5fd20886ef0dfec91783b81bce0ae59d210a0cfa"
 }

package/src/components/FederatedFolder/FederatedFolderModal.jsx

@@ -3,6 +3,8 @@ import React, { useCallback, useEffect, useMemo, useState } from 'react'
 
 import { useClient } from 'cozy-client'
 import Button from 'cozy-ui/transpiled/react/Buttons'
+import { FixedDialog } from 'cozy-ui/transpiled/react/CozyDialogs'
+import Typography from 'cozy-ui/transpiled/react/Typography'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
 import ConfirmDialogProvider, {
   useConfirmDialog
@@ -13,7 +15,10 @@ import { getOrCreateFromArray } from '../../helpers/contacts'
 import withLocales from '../../hoc/withLocales'
 import { usePendingRecipients } from '../../hooks/usePendingRecipients'
 import { useSharingContext } from '../../hooks/useSharingContext'
-import { DumbBatchSharedFolderModal } from '../SharedFolder/DumbBatchSharedFolderModal'
+import AntivirusAlert from '../AntivirusAlert'
+import { default as DumbShareByEmail } from '../ShareByEmail'
+import ShareByLink from '../ShareByLink'
+import WhoHasAccess from '../WhoHasAccess'
 
 const FederatedFolderModalContent = ({
   onClose,
@@ -121,7 +126,7 @@ const FederatedFolderModalContent = ({
   const folderName = existingDocument?.name || ''
 
   const onSend = async () => {
-    if (pendingRecipients.length === 0) {
+    if (isSending || pendingRecipients.length === 0) {
       onClose()
       return
     }
@@ -171,26 +176,67 @@ const FederatedFolderModalContent = ({
     : []
 
   const modalTitle = t('FederatedFolder.shareTitle', { name: folderName })
-  const isSharedDrive = Boolean(existingDocument?.driveId)
 
   return (
-    <DumbBatchSharedFolderModal
-      title={modalTitle}
-      document={isSending ? frozenDoc : existingDocument}
-      recipients={isSending ? frozenRecipients : existingRecipients}
-      currentRecipients={isSending ? frozenRecipients : existingRecipients}
-      onRevoke={revoke}
-      onSend={onSend}
+    <FixedDialog
+      open
+      disableGutters
       onClose={handleCloseRequest}
-      sharingLink={sharingLink}
-      shareLabel={t('FederatedFolder.share')}
-      showShareByEmail={!isSharedDrive}
-      autoOpenShareRestriction={autoOpenShareRestriction}
-      showGenerateLinkButton={showGenerateLinkButton}
-      pendingRecipients={pendingRecipients}
-      onPendingRecipientsChange={setPendingRecipients}
-      selectedOption={selectedOption}
-      onSelectedOptionChange={setSelectedOption}
+      title={modalTitle}
+      classes={{ paper: 'u-ov-visible' }}
+      componentsProps={{
+        dialogContent: { className: 'u-ov-visible' }
+      }}
+      content={
+        <div>
+          <div className="u-ph-2">
+            <AntivirusAlert
+              document={isSending ? frozenDoc : existingDocument}
+            />
+            <Typography variant="h6" className="u-mt-1-half u-mb-half">
+              {t('Share.contacts.addUsers')}
+            </Typography>
+            <DumbShareByEmail
+              currentRecipients={
+                isSending ? frozenRecipients : existingRecipients
+              }
+              document={isSending ? frozenDoc : existingDocument}
+              documentType="Files"
+              pendingRecipients={pendingRecipients}
+              onPendingRecipientsChange={setPendingRecipients}
+              selectedOption={selectedOption}
+              onSelectedOptionChange={setSelectedOption}
+            />
+          </div>
+          <WhoHasAccess
+            isOwner
+            isSharedDrive
+            recipients={isSending ? frozenRecipients : existingRecipients}
+            document={isSending ? frozenDoc : existingDocument}
+            documentType="Files"
+            className="u-w-100"
+            onRevoke={revoke}
+            link={sharingLink}
+          />
+        </div>
+      }
+      actions={
+        <>
+          <ShareByLink
+            link={sharingLink}
+            document={isSending ? frozenDoc : existingDocument}
+            documentType="Files"
+            showGenerateLinkButton={showGenerateLinkButton}
+            autoOpenShareRestriction={autoOpenShareRestriction}
+          />
+          <Button
+            variant="primary"
+            label={t('FederatedFolder.share')}
+            disabled={isSending}
+            onClick={onSend}
+          />
+        </>
+      }
     />
   )
 }

package/src/components/FederatedFolder/FederatedFolderModal.spec.jsx

@@ -41,41 +41,6 @@ jest.mock('../../hooks/usePendingRecipients', () => ({
   usePendingRecipients: jest.fn()
 }))
 
-jest.mock('../SharedFolder/DumbBatchSharedFolderModal', () => ({
-  DumbBatchSharedFolderModal: ({
-    title,
-    recipients,
-    onRevoke,
-    onSend,
-    onClose,
-    sharingLink,
-    pendingRecipients,
-    selectedOption
-  }) => (
-    <div data-testid="dumb-modal">
-      <span data-testid="title">{title}</span>
-      <span data-testid="sharing-link">{sharingLink}</span>
-      <span data-testid="recipients-count">{recipients.length}</span>
-      <span data-testid="pending-recipients-count">
-        {pendingRecipients.length}
-      </span>
-      <span data-testid="selected-option">{selectedOption}</span>
-      <button data-testid="btn-send" onClick={onSend}>
-        Send
-      </button>
-      <button
-        data-testid="btn-revoke"
-        onClick={() => onRevoke({ _id: 'folder-123' }, 'abc', 1)}
-      >
-        Revoke
-      </button>
-      <button data-testid="btn-close" onClick={onClose}>
-        Close
-      </button>
-    </div>
-  )
-}))
-
 const mockDocument = {
   _id: 'folder-123',
   name: 'My Test Folder',
@@ -145,46 +110,22 @@ describe('FederatedFolderModal', () => {
 
   describe('initialization', () => {
     it('should pass document name as title', async () => {
-      const { getByTestId } = setup()
+      const { findByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('title').textContent).toBe('Share "My Test Folder"')
-      })
+      await findByText('Share "My Test Folder"')
     })
 
     it('should pass default title when document has no name', async () => {
       const documentWithoutName = { _id: 'folder-456', path: '/test' }
-      const { getByTestId } = setup({ document: documentWithoutName })
-
-      await waitFor(() => {
-        expect(getByTestId('title').textContent).toBe('Share ""')
-      })
-    })
-
-    it('should pass sharing link to DumbBatchSharedFolderModal', async () => {
-      const { getByTestId } = setup()
-
-      await waitFor(() => {
-        expect(getByTestId('sharing-link').textContent).toBe(
-          'https://example.com/share/abc123'
-        )
-      })
-    })
+      const { findByText } = setup({ document: documentWithoutName })
 
-    it('should pass null sharing link when document is undefined', async () => {
-      const { getByTestId } = setup({ document: undefined })
-
-      await waitFor(() => {
-        expect(getByTestId('sharing-link').textContent).toBe('')
-      })
+      await findByText('Share ""')
     })
 
-    it('should pass selectedOption from usePendingRecipients', async () => {
-      const { getByTestId } = setup()
+    it('should show Copy link', async () => {
+      const { findByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('selected-option').textContent).toBe('readWrite')
-      })
+      await findByText('Copy link')
     })
   })
 
@@ -193,13 +134,11 @@ describe('FederatedFolderModal', () => {
 
     it('should call onClose and skip share when there are no pending recipients', async () => {
       // pendingRecipients defaults to [] via beforeEach
-      const { getByTestId } = setup()
+      const { findByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-send')).toBeTruthy()
-      })
+      const sendButton = await findByText('Done')
 
-      fireEvent.click(getByTestId('btn-send'))
+      fireEvent.click(sendButton)
 
       await waitFor(() => {
         expect(mockOnClose).toHaveBeenCalled()
@@ -216,13 +155,11 @@ describe('FederatedFolderModal', () => {
       })
       getOrCreateFromArray.mockResolvedValue([pendingRecipient])
       mockShare.mockResolvedValueOnce({})
-      const { getByTestId } = setup()
+      const { findByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-send')).toBeTruthy()
-      })
+      const sendButton = await findByText('Done')
 
-      fireEvent.click(getByTestId('btn-send'))
+      fireEvent.click(sendButton)
 
       await waitFor(() => {
         expect(mockShare).toHaveBeenCalledWith({
@@ -245,13 +182,11 @@ describe('FederatedFolderModal', () => {
       })
       getOrCreateFromArray.mockResolvedValue([pendingRecipient])
       mockShare.mockResolvedValueOnce({})
-      const { getByTestId } = setup()
+      const { findByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-send')).toBeTruthy()
-      })
+      const sendButton = await findByText('Done')
 
-      fireEvent.click(getByTestId('btn-send'))
+      fireEvent.click(sendButton)
 
       await waitFor(() => {
         expect(mockShowAlert).toHaveBeenCalledWith({
@@ -272,13 +207,11 @@ describe('FederatedFolderModal', () => {
       })
       getOrCreateFromArray.mockResolvedValue([pendingRecipient])
       mockShare.mockRejectedValueOnce(new Error('Share failed'))
-      const { getByTestId } = setup()
+      const { findByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-send')).toBeTruthy()
-      })
+      const sendButton = await findByText('Done')
 
-      fireEvent.click(getByTestId('btn-send'))
+      fireEvent.click(sendButton)
 
       await waitFor(() => {
         expect(mockShowAlert).toHaveBeenCalledWith({
@@ -291,32 +224,13 @@ describe('FederatedFolderModal', () => {
     })
   })
 
-  describe('onRevoke callback', () => {
-    it('should call revoke from sharing context for existing members', async () => {
-      mockRevoke.mockResolvedValueOnce({})
-      const { getByTestId } = setup()
-
-      await waitFor(() => {
-        expect(getByTestId('dumb-modal')).toBeTruthy()
-      })
-
-      fireEvent.click(getByTestId('btn-revoke'))
-
-      await waitFor(() => {
-        expect(mockRevoke).toHaveBeenCalledWith({ _id: 'folder-123' }, 'abc', 1)
-      })
-    })
-  })
-
   describe('onClose callback', () => {
     it('should call onClose when close button is clicked', async () => {
-      const { getByTestId } = setup()
+      const { findByRole } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-close')).toBeTruthy()
-      })
+      const closeButton = await findByRole('button', { name: /close/i })
 
-      fireEvent.click(getByTestId('btn-close'))
+      fireEvent.click(closeButton)
 
       expect(mockOnClose).toHaveBeenCalled()
     })
@@ -329,13 +243,11 @@ describe('FederatedFolderModal', () => {
         setSelectedOption: jest.fn()
       })
 
-      const { getByRole, getByTestId, getByText } = setup()
+      const { getByRole, findByRole, getByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-close')).toBeTruthy()
-      })
+      const closeButton = await findByRole('button', { name: /close/i })
 
-      fireEvent.click(getByTestId('btn-close'))
+      fireEvent.click(closeButton)
 
       expect(getByText("Discard the changes you haven't saved?")).toBeTruthy()
       expect(mockOnClose).not.toHaveBeenCalled()
@@ -353,13 +265,11 @@ describe('FederatedFolderModal', () => {
         setSelectedOption: jest.fn()
       })
 
-      const { getByRole, getByTestId, getByText } = setup()
+      const { getByRole, findByRole, getByText } = setup()
 
-      await waitFor(() => {
-        expect(getByTestId('btn-close')).toBeTruthy()
-      })
+      const closeButton = await findByRole('button', { name: /close/i })
 
-      fireEvent.click(getByTestId('btn-close'))
+      fireEvent.click(closeButton)
 
       expect(getByText("Discard the changes you haven't saved?")).toBeTruthy()
 
@@ -368,36 +278,4 @@ describe('FederatedFolderModal', () => {
       expect(mockOnClose).toHaveBeenCalledTimes(1)
     })
   })
-
-  describe('existing recipients', () => {
-    const existingRecipients = [
-      {
-        index: 'sharing-abc-member-0',
-        name: 'Charlie',
-        email: 'charlie@example.com',
-        status: 'owner',
-        type: 'two-way',
-        sharingId: 'abc',
-        memberIndex: 0
-      },
-      {
-        index: 'sharing-abc-member-1',
-        name: 'Diana',
-        email: 'diana@example.com',
-        status: 'ready',
-        type: 'one-way',
-        sharingId: 'abc',
-        memberIndex: 1
-      }
-    ]
-
-    it('should display existing recipients from getRecipients', async () => {
-      mockGetRecipients.mockReturnValue(existingRecipients)
-      const { getByTestId } = setup()
-
-      await waitFor(() => {
-        expect(getByTestId('recipients-count').textContent).toBe('2')
-      })
-    })
-  })
 })

package/src/components/Recipient/RecipientList.jsx

@@ -4,7 +4,6 @@ import { GroupRecipient } from './GroupRecipient'
 import MemberRecipient from './MemberRecipient'
 import { usePrevious } from '../../helpers/hooks'
 import { filterAndReworkRecipients } from '../../helpers/recipients'
-import SharedDriveRecipient from '../SharedDrive/SharedDriveRecipient'
 
 const RecipientList = ({
   recipients,
@@ -15,7 +14,6 @@ const RecipientList = ({
   documentType,
   onRevoke,
   onRevokeSelf,
-  onSetType,
   verifyRecipient
 }) => {
   const previousRecipients = usePrevious(recipients)
@@ -29,22 +27,6 @@ const RecipientList = ({
       user => user.email === recipient.email
     )
 
-    const isSharedDriveRecipient = recipient?.index
-      ?.toString()
-      .startsWith('virtual-shared-drive')
-
-    if (isSharedDriveRecipient) {
-      return (
-        <SharedDriveRecipient
-          {...recipient}
-          key={recipient.index}
-          onRevoke={onRevoke}
-          onSetType={onSetType}
-          fadeIn={recipient.hasBeenJustAdded}
-        />
-      )
-    }
-
     const isGroupRecipient = recipient.members
     if (isGroupRecipient) {
       return (

package/src/components/ShareModal/ShareModal.jsx

@@ -34,15 +34,15 @@ export const ShareModal = withLocales(props => {
     onRevokeSuccess?.(document)
   }
 
-  const isFederatedMode = flag('drive.federated-shared-folder.enabled')
-  if (isFederatedMode && allLoaded) {
-    return <FederatedFolderModal document={document} {...rest} />
-  }
-
   const isEditable =
     !byDocId[document.id] || isOwner(document.id) || canReshare(document.id)
 
   if (isEditable) {
+    const isFederatedMode = flag('drive.federated-shared-folder.enabled')
+    if (isFederatedMode && allLoaded) {
+      return <FederatedFolderModal document={document} {...rest} />
+    }
+
     return <EditableSharingModal document={document} {...rest} />
   }
 

package/src/state.js

@@ -326,7 +326,11 @@ export const isSharedDrive = (state, docId) => {
 export const canReshare = (state, docId, instanceUri) => {
   const sharing = getDocumentSharing(state, docId)
   const me = sharing.attributes.members.find(matchingInstanceName(instanceUri))
-  return sharing.attributes.open_sharing === true && me && !me.read_only
+  if (sharing.drive) {
+    return me && !me.read_only
+  } else {
+    return sharing.attributes.open_sharing === true && me && !me.read_only
+  }
 }
 
 export const getOwner = (state, docId) =>

package/.claude/settings.local.json

@@ -1,27 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "Bash(yarn test:*)",
-      "Bash(git stash)",
-      "Bash(git stash pop)",
-      "Bash(find /home/doubleface/Workspace/cozy-libs -path \"*/node_modules/cozy-client*\" -name \"*.js\" 2>/dev/null | head -3)",
-      "Bash(find /home/doubleface/Workspace/cozy-libs/packages -path \"*/cozy-client/src*\" -name \"*.js\" 2>/dev/null | xargs grep -l \"PermissionsCollection\\\\b\" 2>/dev/null | head -3)",
-      "Bash(find /home/doubleface/Workspace/cozy-libs/packages/cozy-client -name \"PermissionsCollection*\" 2>/dev/null | head -5)",
-      "Bash(find /home/doubleface/Workspace/cozy-libs/packages/cozy-sharing/node_modules -path \"*/cozy-client/dist*\" -name \"collections.js\" 2>/dev/null | head -3)",
-      "Bash(find /home/doubleface/Workspace/cozy-libs/packages/cozy-sharing/node_modules -name \"*.js\" 2>/dev/null | xargs grep -l \"PermissionsCollection\" 2>/dev/null | head -5)",
-      "Bash(find /home/doubleface/Workspace/cozy-libs/node_modules -name \"*.js\" 2>/dev/null | xargs grep -l \"PermissionsCollection\" 2>/dev/null | head -5)",
-      "Bash(find /home/doubleface/.cache/yarn -name \"*.js\" 2>/dev/null | xargs grep -l \"PermissionsCollection\" 2>/dev/null | head -3)",
-      "Bash(find /home/doubleface/.cache/yarn -name \"*.js\" 2>/dev/null | xargs grep -l \"class PermissionsCollection\" 2>/dev/null | head -3)",
-      "Bash(find /home/doubleface/.cache/yarn -path \"*cozy-client-60*\" -name \"*.js\" 2>/dev/null | head -5; find /home/doubleface/.cache/yarn -name \"package.json\" 2>/dev/null | xargs grep -l '\"name\": \"cozy-client\"' 2>/dev/null | head -3)",
-      "Bash(npx jest:*)",
-      "Bash(git:*)",
-      "Bash(grep -v \"^$\")",
-      "Bash(grep -v \"^\\\\-\\\\-$\")",
-      "Bash(grep -v \"console\\\\.\\\\|^--$\\\\|JSS\\\\|CozyThemeContext\")"
-    ]
-  },
-  "sandbox": {
-    "enabled": true,
-    "autoAllowBashIfSandboxed": true
-  }
-}

package/AGENTS.md

@@ -1,7 +0,0 @@
-- Package manager: `yarn`.
-- Run all tests: `corepack yarn test`
-- Run a single test file: `corepack yarn test path/to/file.spec.js`
-- Run eslint (with fix): `corepack yarn lint --fix`
-- Run eslint (with fix) on one file: `corepack yarn lint --fix path/to/file.js`
-
-No need to build the package. The user will handle this

package/dist/RefreshableSharings.spec.js

@@ -1,40 +0,0 @@
-import { mount } from 'enzyme';
-import React from 'react';
-import { createMockClient } from 'cozy-client';
-import { RefreshableSharings } from './RefreshableSharings';
-import { SharingProvider } from './SharingProvider';
-import AppLike from '../test/AppLike';
-
-var DumbComponent = function DumbComponent() {
-  return /*#__PURE__*/React.createElement("div", null, "test ");
-};
-
-var AppWrapper = function AppWrapper(_ref) {
-  var children = _ref.children,
-      client = _ref.client;
-  return /*#__PURE__*/React.createElement(AppLike, {
-    client: client
-  }, /*#__PURE__*/React.createElement(SharingProvider, {
-    client: client
-  }, children));
-};
-
-describe('RefreshableSharings', function () {
-  it('should test', function () {
-    var client = createMockClient({});
-    var component = mount( /*#__PURE__*/React.createElement(AppWrapper, {
-      client: client
-    }, /*#__PURE__*/React.createElement(RefreshableSharings, null, function (_ref2) {
-      var refresh = _ref2.refresh;
-      return /*#__PURE__*/React.createElement(DumbComponent, {
-        client: client,
-        t: function t(x) {
-          return x;
-        },
-        refreshSharings: refresh
-      });
-    })));
-    var refreshMethod = component.find(DumbComponent).prop('refreshSharings');
-    expect(typeof refreshMethod).toBe('function');
-  });
-});

package/dist/assets/illustrations/illustration-shared-drives.svg

@@ -1 +0,0 @@
-<svg width="200" height="136" viewBox="0 0 200 136" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M161 14.592c-1.888.222-7.568-.664-15.182-5.982-9.518-6.647-13.847-8.724-22.434-4.183C115 8.86 115.227 23.012 115 27" stroke="#CEBEF7" stroke-width="4" stroke-linecap="round"/><path d="M165.844 92c5.431-3.51 16.097-12.335 15.315-19.555-.977-9.025-12.708-11.281-22.81-10.78-10.101.502-17.596 4.513-28.349 1.504" stroke="#B9F6F7" stroke-width="4" stroke-linecap="round"/><path d="M23.495 72c-.329 4.729-2.425 21.765 5.479 27.308 9.88 6.928 23.668-1.244 30.831-5.203C66.97 90.146 79.072 83.217 85 85.527" stroke="#FFD799" stroke-width="4" stroke-linecap="round"/><circle cx="100" cy="64" fill="#297EF2" r="48"/><circle cx="148" cy="104" r="24" fill="#B9F6F7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M148 106c-4.418 0-8-4.029-8-9 0-4.97 3.582-9 8-9s8 4.03 8 9c0 4.971-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#38D1D3"/><circle cx="148" cy="104" r="20" stroke="#B9F6F7" stroke-width="8"/><circle cx="24" cy="65" r="24" fill="#FFD799"/><path fill-rule="evenodd" clip-rule="evenodd" d="M24 67c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9ZM8 77c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4H10c-2 0-2-2-2-4Z" fill="#FF9300"/><circle cx="24" cy="65" r="20" stroke="#FFD799" stroke-width="8"/><circle cx="172" cy="28" r="24" fill="#CEBEF7"/><path fill-rule="evenodd" clip-rule="evenodd" d="M172 30c-4.418 0-8-4.03-8-9s3.582-9 8-9 8 4.03 8 9-3.582 9-8 9Zm-16 10c0-2 4-8 8-8s2 2 8 2 4-2 8-2 8 6 8 8 0 4-2 4h-28c-2 0-2-2-2-4Z" fill="#855CEA"/><circle cx="172" cy="28" r="20" stroke="#CEBEF7" stroke-width="8"/><path d="M66.418 133.29a81.818 81.818 0 0 0 16.142 2.244c16.166.948 38.758.424 48.325-1.346 9.567-1.771 10.083-4.465-14.448-5.812-20.925-1.147-45.26.474-50.362 2.894-1.52.648-1.447 1.371.343 2.02Z" fill="#BBD9FD"/><path d="M80.198 64.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.812V76H76v-4.421a4.5 4.5 0 0 1 .986-2.812l3.212-4.015ZM80.198 43.752a6 6 0 0 1 4.686-2.252h30.232c1.823 0 3.547.828 4.685 2.252l3.213 4.015c.638.798.986 1.79.986 2.811V55H76v-4.422a4.5 4.5 0 0 1 .986-2.81l3.212-4.016Z" fill="#fff"/><path d="M76 71.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12ZM76 50.5a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H79a3 3 0 0 1-3-3v-12Z" fill="#B2D3FF"/><path d="M88 77.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM88 56.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill="#fff"/><path d="M194.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.121.969-.242ZM48.112 111.445c1.212-.045 1.17-1.968-.043-1.968-.216 0-.433 0-.65.134v-.627c-.043-.537-.389-.984-.952-.984-.476 0-.995.447-.952.984v.537H45.3c-.13-.044-.217 0-.347 0-.649 0-.952.671-.952 1.164 0 .492.26.715.65.85.259.134.562.044.865.044 0 .135.043.269.043.448.044 1.297 1.992 1.297 1.905 0 0-.134 0-.269-.043-.403.216-.089.476-.089.692-.179ZM176.04 97.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.301 1.03-.121.242-.121.485-.06.788Z" fill="#BBD9FD"/><path d="M185.045 86.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.545 0 .788ZM28.09 29.576c1.695-.06 1.634-2.667-.061-2.667-.303 0-.605 0-.908.182V26.243c-.06-.788-.545-1.394-1.332-1.394-.666 0-1.392.606-1.332 1.333v.727h-.303c-.181-.06-.302 0-.484 0-.908 0-1.332.91-1.332 1.576 0 .667.364.97.908 1.152.364.181.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.182 0-.364-.06-.545.303 0 .666-.06.968-.182ZM78.751 8.667C80.446 8.607 80.386 6 78.691 6c-.303 0-.606 0-.909.182v-.849C77.722 4.606 77.239 4 76.451 4c-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.302-.121.665-.121.968-.242Z" fill="#3281EE"/><path d="M107.751 10.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.303-.06.666-.121.969-.242ZM21.612 7.879h-1.634v-1.03c0-2.304-3.633-2.304-3.572 0 0 .424 0 .848.06 1.272-.181 0-.847-.06-.968-.121-2.18-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.632 2.303 3.572 0v-.97c.484 0 .968-.06 1.513-.06 2.18.06 2.18-3.515-.12-3.515ZM8.9 32.485c.12.424.423.788.665.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03-.121.242-.121.546-.06.788ZM44.04 41.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM58.066 16.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.485-2.363-.908-.546-1.998.06-2.3 1.03a.87.87 0 0 0-.061.788Z" fill="#BBD9FD"/><path d="M43.89 7.576c.12.424.423.788.666.97.666.424 1.695.302 2.179-.425.484-.667.545-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.06.242-.06.545 0 .788ZM84.026 28.97c.12.424.424.787.666.969.666.424 1.695.303 2.18-.424.483-.667.544-1.758-.546-2.364-.908-.545-1.997.06-2.3 1.03a1.73 1.73 0 0 0 0 .788Z" fill="#3281EE"/><path d="M20.04 107.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.546-.061.788ZM5.04 88.024c.12.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.484-2.363-.908-.546-1.998.06-2.3 1.03-.122.242-.122.545-.061.788Z" fill="#BBD9FD"/><path d="M191.311 54.758h-1.634v-1.03c0-2.304-3.632-2.304-3.572 0 0 .423 0 .848.061 1.272-.182 0-.848-.06-.969-.121-2.179-.727-3.148 2.727-.969 3.454.545.182 1.574.182 2.119.182v.788c0 2.303 3.633 2.303 3.572 0v-.97c.484 0 .969-.06 1.513-.06 2.24.06 2.24-3.515-.121-3.515Z" fill="#3281EE"/><path d="M136.045 21.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.485 0 .788Z" fill="#BBD9FD"/><path d="M129.045 10.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788ZM46.07 26.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.546-2.363-.908-.546-1.997.06-2.3 1.03-.06.242-.121.546 0 .788ZM11.751 99.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.607.06 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.06-.546.363-.06.665-.121.968-.242ZM164.751 74.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.606.061 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.061-.545.364-.06.666-.121.969-.242ZM153.045 56.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.998.06-2.301 1.03-.06.242-.06.546 0 .788Z" fill="#3281EE"/><path d="M193.07 73.024c.121.424.424.788.666.97.666.424 1.695.303 2.179-.425.484-.666.545-1.757-.545-2.363-.908-.546-1.997.06-2.3 1.03-.061.242-.121.545 0 .788ZM194.751 7.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.211.06 0 .182.06.364.06.607.061 1.757 2.785 1.757 2.664 0 0-.182 0-.364-.061-.546.303-.121.666-.182.969-.242Z" fill="#BBD9FD"/><path d="M49.751 89.667c1.695-.06 1.635-2.667-.06-2.667-.303 0-.606 0-.909.182v-.849c-.06-.727-.544-1.333-1.331-1.333-.666 0-1.393.606-1.332 1.333v.728h-.303c-.181-.061-.303 0-.484 0-.908 0-1.332.909-1.332 1.575 0 .667.363.97.908 1.152.363.182.787.06 1.21.06 0 .182.061.364.061.606.06 1.758 2.785 1.758 2.664 0 0-.181 0-.363-.06-.545.302-.121.665-.182.968-.242ZM59.045 105.024c.121.424.424.788.666.97.666.424 1.695.303 2.18-.425.484-.666.544-1.757-.545-2.363-.908-.546-1.998.06-2.3 1.03-.061.243-.061.546 0 .788Z" fill="#3281EE"/></svg>