@memori.ai/memori-react 1.0.0-alpha.1

package/src/components/ui/__snapshots__/Modal.test.tsx.snap

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Modal loading unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders Modal non closable unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders Modal open unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders Modal unchanged 1`] = `<div />`;
+
+exports[`renders Modal with custom widths unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders Modal with description unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders Modal with footer unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;
+
+exports[`renders Modal with title unchanged 1`] = `
+<div>
+  <div
+    style="position: fixed; top: 1px; left: 1px; width: 1px; height: 0px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border-width: 0px; display: none;"
+  />
+</div>
+`;

package/src/components/ui/__snapshots__/Spin.test.tsx.snap

@@ -0,0 +1,193 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Spin spinning primary unchanged 1`] = `
+<div>
+  <div
+    class="memori-spin memori-spin--spinning memori-spin--primary"
+  >
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    </p>
+    <h2>
+      Suspendisse a sodales nulla, sed semper nisi.
+    </h2>
+    <p>
+      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
+    </p>
+    <ul>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+    </ul>
+    <p>
+      Nulla at urna diam.
+    </p>
+    <div
+      class="memori-spin--spinner"
+    >
+      <svg
+        aria-hidden="true"
+        class="memori-loading-icon"
+        focusable="false"
+        role="img"
+        viewBox="0 0 1024 1024"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Spin spinning unchanged 1`] = `
+<div>
+  <div
+    class="memori-spin memori-spin--spinning"
+  >
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    </p>
+    <h2>
+      Suspendisse a sodales nulla, sed semper nisi.
+    </h2>
+    <p>
+      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
+    </p>
+    <ul>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+    </ul>
+    <p>
+      Nulla at urna diam.
+    </p>
+    <div
+      class="memori-spin--spinner"
+    >
+      <svg
+        aria-hidden="true"
+        class="memori-loading-icon"
+        focusable="false"
+        role="img"
+        viewBox="0 0 1024 1024"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Spin unchanged 1`] = `
+<div>
+  <div
+    class="memori-spin"
+  >
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    </p>
+    <h2>
+      Suspendisse a sodales nulla, sed semper nisi.
+    </h2>
+    <p>
+      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
+    </p>
+    <ul>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+    </ul>
+    <p>
+      Nulla at urna diam.
+    </p>
+    <div
+      class="memori-spin--spinner"
+    >
+      <svg
+        aria-hidden="true"
+        class="memori-loading-icon"
+        focusable="false"
+        role="img"
+        viewBox="0 0 1024 1024"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Spin with custom className unchanged 1`] = `
+<div>
+  <div
+    class="memori-spin lorem-ipsum"
+  >
+    <p>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+    </p>
+    <h2>
+      Suspendisse a sodales nulla, sed semper nisi.
+    </h2>
+    <p>
+      Proin tincidunt enim in felis aliquet, a ultricies purus bibendum.
+    </p>
+    <ul>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+      <li>
+        Quisque in ultrices lectus.
+      </li>
+    </ul>
+    <p>
+      Nulla at urna diam.
+    </p>
+    <div
+      class="memori-spin--spinner"
+    >
+      <svg
+        aria-hidden="true"
+        class="memori-loading-icon"
+        focusable="false"
+        role="img"
+        viewBox="0 0 1024 1024"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path
+          d="M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z"
+        />
+      </svg>
+    </div>
+  </div>
+</div>
+`;

package/src/components/ui/__snapshots__/Tooltip.test.tsx.snap

@@ -0,0 +1,87 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders Tooltip disabled unchanged 1`] = `
+<div>
+  <div
+    class="memori-tooltip memori-tooltip--disabled"
+  >
+    <div
+      class="memori-tooltip--content"
+    >
+      Here is some tooltip content but I am disabled
+    </div>
+    <div
+      class="memori-tooltip--trigger"
+    >
+      Hover me
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Tooltip unchanged 1`] = `
+<div>
+  <div
+    class="memori-tooltip"
+  >
+    <div
+      class="memori-tooltip--content"
+    >
+      Here is some tooltip content
+    </div>
+    <div
+      class="memori-tooltip--trigger"
+    >
+      Hover me
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Tooltip visible unchanged 1`] = `
+<div>
+  <div
+    class="memori-tooltip memori-tooltip--visible"
+  >
+    <div
+      class="memori-tooltip--content"
+    >
+      Here is some tooltip content by default as I am controlled
+    </div>
+    <div
+      class="memori-tooltip--trigger"
+    >
+      Hover me
+    </div>
+  </div>
+</div>
+`;
+
+exports[`renders Tooltip with jsx content unchanged 1`] = `
+<div>
+  <div
+    class="memori-tooltip"
+  >
+    <div
+      class="memori-tooltip--content"
+    >
+      <p>
+        Here we have some JSX, useful for
+        <a
+          href="https://memori.ai"
+          rel="noopener noreferrer"
+          target="_blank"
+        >
+          links
+        </a>
+        , for example.
+      </p>
+    </div>
+    <div
+      class="memori-tooltip--trigger"
+    >
+      Hover me
+    </div>
+  </div>
+</div>
+`;

package/src/helpers/configuration.ts

@@ -0,0 +1,21 @@
+export const keys: { [key: string]: string } = {
+  muteSpeaker: '@memori:muteSpeaker',
+  continuousSpeech: '@memori:continuousSpeech',
+  continuousSpeechTimeout: '@memori:continuousSpeechTimeout',
+  sendOnEnter: '@memori:sendOnEnter',
+};
+
+export const getLocalConfig = <Type>(key: string, defaultValue: Type): Type => {
+  const value = window.localStorage.getItem(keys[key] ?? key);
+  if (!value) return defaultValue;
+
+  try {
+    return (JSON.parse(value) as unknown) as Type;
+  } catch {
+    return (value as unknown) as Type;
+  }
+};
+
+export const setLocalConfig = (key: string, value: any): void => {
+  window.localStorage.setItem(keys[key] ?? key, value.toString());
+};

package/src/helpers/constants.ts

@@ -0,0 +1,111 @@
+export const chatLanguages = [
+  { value: 'IT', label: 'Italiano' },
+  { value: 'EN', label: 'English' },
+  { value: 'DE', label: 'Deutsch' },
+  { value: 'ES', label: 'Español' },
+  { value: 'FR', label: 'Français' },
+  { value: 'PT', label: 'Português' },
+  { value: 'UK', label: 'Українська' },
+  { value: 'RU', label: 'Русский' },
+];
+
+export const allowedMediaTypes = [
+  'image/jpeg',
+  'image/png',
+  'image/jpg',
+  'image/gif',
+  'application/msword',
+  'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+  'application/vnd.ms-excel',
+  'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+  'application/pdf',
+  'video/mp4',
+  'video/avi',
+  'audio/mpeg3',
+  'audio/wav',
+  'audio/mpeg',
+  'video/mpeg',
+  'model/gltf-binary',
+];
+
+export const anonTag = '👤';
+
+export const prismSyntaxLangs = [
+  {
+    name: 'text',
+    lang: 'text',
+    mimeType: 'text/plain',
+    monacoLang: 'plaintext',
+    executable: true,
+  },
+  {
+    name: 'javascript/jsx',
+    lang: 'jsx',
+    mimeType: 'text/javascript',
+    monacoLang: 'javascript',
+    executable: true,
+  },
+  {
+    name: 'typescript/tsx',
+    lang: 'tsx',
+    mimeType: 'text/ecmascript',
+    monacoLang: 'typescript',
+    executable: true,
+  },
+  {
+    name: 'json',
+    lang: 'json',
+    mimeType: 'application/json',
+    monacoLang: 'json',
+    executable: true,
+  },
+  {
+    name: 'css',
+    lang: 'scss',
+    mimeType: 'text/css',
+    monacoLang: 'css',
+    executable: true,
+  },
+  {
+    name: 'html/xml',
+    lang: 'tsx',
+    mimeType: 'application/xml',
+    monacoLang: 'xml',
+  },
+  {
+    name: 'bash',
+    lang: 'bash',
+    mimeType: 'application/x-sh',
+    monacoLang: 'shell',
+  },
+  {
+    name: 'python',
+    lang: 'python',
+    mimeType: 'text/x-python',
+    monacoLang: 'python',
+  },
+  {
+    name: 'cpp/csharp',
+    lang: 'cpp',
+    mimeType: 'text/x-c++src',
+    monacoLang: 'cpp',
+  },
+  {
+    name: 'php',
+    lang: 'php',
+    mimeType: 'application/x-php',
+    monacoLang: 'php',
+  },
+  {
+    name: 'ruby',
+    lang: 'ruby',
+    mimeType: 'text/x-ruby',
+    monacoLang: 'ruby',
+  },
+  {
+    name: 'sql',
+    lang: 'sql',
+    mimeType: 'text/x-sql',
+    monacoLang: 'sql',
+  },
+];

package/src/helpers/error.ts

@@ -0,0 +1,142 @@
+const errors = {
+  TENANT_NOT_FOUND: -1,
+  TENANT_REGISTRATION_DISABLED: -2,
+  TENANT_MISSING_NAME: -3,
+  TENANT_MAX_USERS_REACHED: -4,
+  TENANT_MAX_ADMINS_REACHED: -5,
+
+  USER_NOT_CONFIRMED: -11,
+  USER_NOT_FOUND: -12,
+  USER_OR_PASSWORD_INVALID: -13,
+  USER_MUST_CHANGE_PASSWORD: -14,
+  USER_MUST_ENTER_VERIFICATION_CODE: -15,
+
+  USER_MISSING_TENANT: -21,
+  USER_MISSING_NAME: -22,
+  USER_MISSING_PASSWORD: -23,
+  USER_MISSING_EMAIL: -24,
+  USER_MISSING_VERIFICATION_CODE: -25,
+  USER_NAME_ALREADY_USED: -26,
+  USER_PASSWORD_NOT_CONFORMING_TO_POLICY: -27,
+  USER_EMAIL_ALREADY_USED: -28,
+  USER_EMAIL_INVALID: -29,
+  USER_VERIFICATION_CODE_INVALID: -30,
+  USER_MISSING_NAME_OR_EMAIL: -31,
+  USER_NAME_INVALID: -32,
+  USER_HAS_ONE_OR_MORE_MEMORI: -33,
+  USER_MISSING_NEW_PASSWORD: -34,
+  USER_CANT_CREATE_MEMORI: -35,
+  USER_MAX_MEMORI_REACHED: -36,
+  USER_CANT_EDIT_INTEGRATIONS: -37,
+
+  MEMORI_NOT_FOUND: -51,
+  MEMORI_NOT_ACCESSIBLE: -52,
+  MEMORI_ONLY_OWNER_CAN_CHANGE_GIVER_TAG_AND_PIN: -53,
+
+  SESSION_NOT_FOUND: -101,
+  SESSION_IS_NOT_ADMINISTRATIVE: -102,
+
+  MEMORI_MISSING_CONFIGURATION: -201,
+  MEMORI_CONFIGURATION_NOT_FOUND: -202,
+  MEMORI_INVALID_PRIVACY_TYPE: -203,
+  MEMORI_MISSING_PASSWORD: -204,
+  MEMORI_INVALID_TOTAL_NUMBER_OF_RECOVERY_TOKENS: -205,
+  MEMORI_INVALID_MINIMUM_NUMBER_OF_RECOVERY_TOKENS: -206,
+  MEMORI_INVALID_VOICE_TYPE: -207,
+  MEMORI_MISSING_NAME: -208,
+  MEMORI_MISSING_PASSWORD_OR_RECOVERY_TOKENS: -209,
+  MEMORI_INVALID_ID: -210,
+  MEMORI_NAME_ALREADY_USED: -211,
+  MEMORI_INVALID_PIN: -212,
+  MEMORI_GIVER_TAG_PIN_CHANGE_REQUIRES_SEPARATE_OPERATION: -213,
+  MEMORI_NO_PASSWORD_WHEN_PUBLIC: -214,
+
+  MEMORI_TRANSFER_MISSING_DESTINATION_USER: -231,
+  MEMORI_TRANSFER_INVALID_DESTINATION_USER_ID: -232,
+  MEMORI_TRANSFER_DESTINATION_USER_DATA_INCONSISTENT: -233,
+  MEMORI_TRANSFER_NOTHING_TO_DO: -234,
+
+  MEMORI_CONFIGURATION_CANT_BE_CHANGED: -251,
+  MEMORI_MISSING_NEW_PASSWORD: -252,
+
+  MEMORI_SESSIONS_INVALID_DATE_FROM_FORMAT: -261,
+  MEMORI_SESSIONS_INVALID_DATE_TO_FORMAT: -262,
+
+  INTEGRATION_NOT_FOUND: -301,
+
+  INTEGRATION_INVALID_TYPE: -401,
+  INTEGRATION_ALREADY_EXISTS: -402,
+  INTEGRATION_MEMORI_IS_NOT_PUBLIC: -403,
+  INTEGRATION_MISSING_INVOCATION_TEXT: -404,
+  INTEGRATION_MISSING_DEVICE_EMAILS: -405,
+  INTEGRATION_MEMORI_IS_EMPTY: -406,
+  INTEGRATION_MISSING_PRIVACY_POLICY: -407,
+  INTEGRATION_MISSING_CATEGORY: -408,
+  INTEGRATION_MISSING_DESCRIPTION: -409,
+  INTEGRATION_INVALID_INVOCATION_TEXT: -410,
+  INTEGRATION_GOOGLE_NO_MORE_AVAILABLE: -411,
+
+  UPLOAD_REQUIRES_MULTIPART_ENCODING: -501,
+  UPLOAD_MISSING_CONTENT_TYPE_BOUNDARY: -502,
+  UPLOAD_MAX_LENGTH_EXCEEDED: -503,
+  UPLOAD_FILE_IS_EMPTY: -504,
+  UPLOAD_INVALID_FILE_TYPE_OR_SIGNATURE: -505,
+  UPLOAD_MISSING_FILE_NAME: -506,
+  UPLOAD_INVALID_MEMORY_ID: -507,
+  UPLOAD_MISSING_FILE_CONTENT: -508,
+
+  ASSET_NOT_FOUND: -601,
+  ASSET_NOT_ACCESSIBLE: -602,
+  ASSET_MISSING_SESSION_ID: -603,
+  ASSET_INVALID_FILE_NAME: -604,
+
+  INVITATION_NOT_FOUND: -701,
+  INVITATION_NOT_ACCESSIBLE: -702,
+  INVITATION_ALREADY_ACCEPTED: -703,
+  INVITATION_ALREADY_REJECTED: -704,
+  INVITATION_MISSING_DESTINATION_EMAIL: -705,
+  INVITATION_DESTINATION_EMAIL_INVALID: -706,
+  INVITATION_MISSING_TAG: -707,
+  INVITATION_MISSING_PIN: -708,
+  INVITATION_INVALID_PIN: -709,
+  INVITATION_INVALID_TYPE: -710,
+  INVITATION_MISSING_DESTINATION_NAME: -711,
+  INVITATION_TAG_PIN_CANT_BE_CHANGED: -712,
+  INVITATION_CANT_BE_CHANGED: -713,
+
+  ACTIONLOG_INVALID_USER_ID: -801,
+  ACTIONLOG_INVALID_DATE_FROM_FORMAT: -802,
+  ACTIONLOG_INVALID_DATE_TO_FORMAT: -803,
+  ACTIONLOG_INVALID_MEMORI_ID: -804,
+
+  CONSUMPTIONLOG_INVALID_TYPE: -901,
+  CONSUMPTIONLOG_INVALID_DATE_FROM_FORMAT: -902,
+  CONSUMPTIONLOG_INVALID_DATE_TO_FORMAT: -903,
+  CONSUMPTIONLOG_INVALID_USER_ID: -904,
+  CONSUMPTIONLOG_INVALID_MEMORI_ID: -905,
+};
+
+export const BACKEND_ERRORS = new Map<number, string>(
+  Object.entries(errors).map(([key, value]) => [value, key])
+);
+
+export const getErrori18nKey = (errorCode: number) => {
+  if (!errorCode) return 'error.generic';
+
+  if (errorCode === 401 || errorCode === 403) {
+    return 'error.unauthorized';
+  } else if (errorCode === 404) {
+    return 'error.notFound';
+  } else if (errorCode === 422) {
+    return 'error.unprocessableEntity';
+  } else if (errorCode === 500) {
+    return 'internal server error';
+  }
+
+  let error = BACKEND_ERRORS.get(errorCode);
+  if (!error) {
+    return 'error.generic';
+  } else {
+    return `errors.${error}`;
+  }
+};

package/src/helpers/media.ts

@@ -0,0 +1,40 @@
+export interface ResourceURLParams {
+  type?: 'avatar' | 'cover';
+  resourceURI?: string;
+  sessionID?: string;
+  baseURL?: string;
+  tenantID?: string;
+}
+export const getResourceUrl = ({
+  type,
+  resourceURI,
+  sessionID,
+  baseURL = '',
+}: ResourceURLParams): string => {
+  let defaultUri =
+    type === 'cover'
+      ? `${baseURL}/images/memoriCover.png`
+      : `${baseURL}/images/memoriAvatar.png`;
+  if (!resourceURI || resourceURI.length === 0) {
+    return defaultUri;
+  } else if (
+    resourceURI.includes('memoriai/memory') &&
+    !resourceURI.includes('memori-ai-session-id') &&
+    sessionID
+  ) {
+    return `${resourceURI}?memori-ai-session-id=${sessionID}`;
+  } else if (
+    resourceURI.startsWith('https://') ||
+    resourceURI.startsWith('http://')
+  ) {
+    return `${resourceURI}${sessionID ? `/${sessionID}` : ''}`;
+  } else if (resourceURI.startsWith('cloud://')) {
+    return `${process.env.NEXT_PUBLIC_API_URL?.replace(/v2/, 'v1') ||
+      ''}/CloudAsset/${resourceURI.replace('cloud://', '')}`;
+  } else if (resourceURI.startsWith('guid://')) {
+    return `${process.env.NEXT_PUBLIC_API_URL?.replace(/v2/, 'v1') ||
+      ''}/GuidAsset/${resourceURI.replace('guid://', '')}`;
+  } else {
+    return defaultUri;
+  }
+};