cyberia 2.8.885

package/src/client/ssr/head/Css.js

@@ -0,0 +1,241 @@
+// https://css-loaders.com/pulsing/
+
+SrrComponent = () => html`
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+    }
+
+    .ssr-fl {
+      position: relative;
+      display: flow-root;
+    }
+
+    .ssr-abs,
+    .ssr-in {
+      display: block;
+    }
+
+    .ssr-fll {
+      float: left;
+    }
+
+    .ssr-flr {
+      float: right;
+    }
+
+    .ssr-abs {
+      position: absolute;
+    }
+
+    .ssr-in,
+    .ssr-inl {
+      position: relative;
+    }
+
+    .ssr-inl {
+      display: inline-table;
+      display: -webkit-inline-table;
+      display: -moz-inline-table;
+      display: -ms-inline-table;
+      display: -o-inline-table;
+    }
+
+    .ssr-fix {
+      position: fixed;
+      display: block;
+    }
+
+    .ssr-stq {
+      position: sticky;
+      /* require defined at least top, bottom, left o right */
+    }
+
+    .ssr-wfa {
+      width: fill-available;
+      width: -webkit-fill-available;
+      width: -moz-fill-available;
+      width: -ms-fill-available;
+      width: -o-fill-available;
+    }
+
+    .ssr-wft {
+      width: fit-content;
+      width: -webkit-fit-content;
+      width: -moz-fit-content;
+      width: -ms-fit-content;
+      width: -o-fit-content;
+    }
+
+    .ssr-wfm {
+      width: max-content;
+      width: -webkit-max-content;
+      width: -moz-max-content;
+      width: -ms-max-content;
+      width: -o-max-content;
+    }
+
+    .ssr-negative-color {
+      filter: invert(1);
+      -webkit-filter: invert(1);
+      -moz-filter: invert(1);
+      -ms-filter: invert(1);
+      -o-filter: invert(1);
+    }
+
+    .ssr-no-drag {
+      user-drag: none;
+      -webkit-user-drag: none;
+      -moz-user-drag: none;
+      -ms-user-drag: none;
+      -o-user-drag: none;
+      user-select: none;
+      -webkit-user-select: none;
+      -moz-user-select: none;
+      -ms-user-select: none;
+      -o-user-select: none;
+    }
+
+    .ssr-center {
+      transform: translate(-50%, -50%);
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      text-align: center;
+    }
+    .ssr-gray {
+      filter: grayscale(1);
+    }
+  </style>
+  <style>
+    .ssr-background-image {
+      background-size: cover;
+      background-position: center;
+      height: 100vh;
+      width: 100vw;
+      object-fit: cover;
+      z-index: -1;
+      top: 0px;
+      left: 0px;
+      pointer-events: none;
+    }
+    .ssr-background {
+      top: 0px;
+      left: 0px;
+      height: 100%;
+      width: 100%;
+      z-index: 11;
+    }
+    .ssr-shimmer {
+      height: 100%;
+      background-image: linear-gradient(
+        to right,
+        rgb(255, 255, 255, 0.5) 0%,
+        rgba(200, 200, 200, 0.5) 30%,
+        rgba(220, 220, 220, 0.5) 50%,
+        rgba(255, 255, 255, 0.5) 100%
+      );
+      animation: ssr-shimmer 3s linear infinite;
+    }
+    @keyframes ssr-shimmer {
+      0% {
+        background-position: -30px 0;
+      }
+      100% {
+        background-position: 80px 0;
+      }
+    }
+    .ssr-shimmer-dark {
+      height: 100%;
+      background-image: linear-gradient(
+        to right,
+        rgb(5, 5, 5, 0.5) 0%,
+        rgba(10, 10, 10, 0.5) 30%,
+        rgba(15, 15, 15, 0.5) 40%,
+        rgba(10, 10, 10, 0.5) 70%,
+        rgba(5, 5, 5, 0.5) 100%
+      );
+      animation: ssr-shimmer-dark 3s linear infinite;
+    }
+    @keyframes ssr-shimmer-dark {
+      0% {
+        background-position: -30px 0;
+      }
+      100% {
+        background-position: 80px 0;
+      }
+    }
+    .ssr-shimmer-dark-search-box {
+      height: 100%;
+      background-image: linear-gradient(
+        to right,
+        rgb(5, 5, 5, 0.5) 0%,
+        rgba(10, 10, 10, 0.5) 30%,
+        rgba(15, 15, 15, 0.5) 40%,
+        rgba(10, 10, 10, 0.5) 70%,
+        rgba(5, 5, 5, 0.5) 100%
+      );
+      animation: ssr-shimmer-dark-search-box 3s linear infinite;
+    }
+    @keyframes ssr-shimmer-dark-search-box {
+      0% {
+        background-position: -290px 0;
+      }
+      100% {
+        background-position: 400px 0;
+      }
+    }
+    .ssr-shimmer-search-box {
+      height: 100%;
+      background-image: linear-gradient(
+        to right,
+        rgb(255, 255, 255, 0.5) 0%,
+        rgba(200, 200, 200, 0.5) 30%,
+        rgba(220, 220, 220, 0.5) 50%,
+        rgba(255, 255, 255, 0.5) 100%
+      );
+      animation: ssr-shimmer-search-box 3s linear infinite;
+    }
+    @keyframes ssr-shimmer-search-box {
+      0% {
+        background-position: -290px 0;
+      }
+      100% {
+        background-position: 400px 0;
+      }
+    }
+    .ssr-search-box {
+      width: 290px;
+      height: 33.3px;
+      top: 8.5px;
+      left: 100px;
+      border-radius: 8px;
+    }
+
+    .ssr-btn {
+      border-radius: 8px;
+      overflow: hidden;
+      /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
+      color: #606060;
+      /* box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 10px 30px 0 rgba(0, 0, 0, 0.3); */
+    }
+    .ssr-sub-shimmer-loader {
+      background: linear-gradient(
+          90deg,
+          rgba(190, 190, 190, 0.5) 33%,
+          rgba(150, 150, 150, 0.5) 50%,
+          rgba(190, 190, 190, 0.5) 66%
+        )
+        rgba(220, 220, 220, 0.5);
+      background-size: 300% 100%;
+      animation: ssr-sub-shimmer-l1 1s infinite linear;
+      border-radius: 5px;
+    }
+    @keyframes ssr-sub-shimmer-l1 {
+      0% {
+        background-position: right;
+      }
+    }
+  </style>
+`;

package/src/client/ssr/head/CyberiaAdminScripts.js

@@ -0,0 +1,6 @@
+SrrComponent = ({ ssrPath }) => html`
+  <script type="text/javascript" src="${ssrPath}dist/validator/validator.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/ag-grid-community/ag-grid-community.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/easymde/easymde.min.js"></script>
+  <link rel="stylesheet" href="${ssrPath}dist/easymde/easymde.min.css" />
+`;

package/src/client/ssr/head/CyberiaPortalScripts.js

@@ -0,0 +1,6 @@
+SrrComponent = ({ ssrPath }) => html`
+  <script type="text/javascript" src="${ssrPath}dist/validator/validator.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/ag-grid-community/ag-grid-community.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/easymde/easymde.min.js"></script>
+  <link rel="stylesheet" href="${ssrPath}dist/easymde/easymde.min.css" />
+`;

package/src/client/ssr/head/CyberiaScripts.js

@@ -0,0 +1,6 @@
+SrrComponent = ({ ssrPath }) => html`
+  <script type="text/javascript" src="${ssrPath}dist/validator/validator.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/ag-grid-community/ag-grid-community.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/easymde/easymde.min.js"></script>
+  <link rel="stylesheet" href="${ssrPath}dist/easymde/easymde.min.css" />
+`;

package/src/client/ssr/head/DefaultScripts.js

@@ -0,0 +1,6 @@
+SrrComponent = ({ ssrPath }) => html`
+  <script type="text/javascript" src="${ssrPath}dist/validator/validator.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/ag-grid-community/ag-grid-community.min.js"></script>
+  <script type="text/javascript" src="${ssrPath}dist/easymde/easymde.min.js"></script>
+  <link rel="stylesheet" href="${ssrPath}dist/easymde/easymde.min.css" />
+`;

package/src/client/ssr/head/Microdata.js

@@ -0,0 +1,11 @@
+SrrComponent = ({ microdata }) => html`
+  ${microdata
+    .map(
+      (jsonld) => html`
+        <script type="application/ld+json">
+          ${JSON.stringify(jsonld, null, 4)}
+        </script>
+      `,
+    )
+    .join(` `)}
+`;

package/src/client/ssr/head/Production.js

@@ -0,0 +1 @@
+SrrComponent = () => html``;

package/src/client/ssr/head/Pwa.js

@@ -0,0 +1,146 @@
+SrrComponent = ({
+  title,
+  author,
+  keywords,
+  description,
+  themeColor,
+  canonicalURL,
+  ssrPath,
+  thumbnail,
+  pwaAssetsPath,
+}) => html`
+  <link rel="manifest" href="${ssrPath}site.webmanifest" />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="16x16"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}favicon-16x16.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="32x32"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}favicon-32x32.png"
+  />
+  <!-- <link rel="icon" type="image/png" sizes="194x194" href="${ssrPath}${pwaAssetsPath !== undefined
+    ? pwaAssetsPath
+    : 'assets/splash/'}favicon-194x194.png" /> -->
+  <!-- chrome -->
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="36x36"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-36x36.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="48x48"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-48x48.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="72x72"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-72x72.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="96x96"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-96x96.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="144x144"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-144x144.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="256x256"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-256x256.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="384x384"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-384x384.png"
+  />
+  <link
+    rel="icon"
+    type="image/png"
+    sizes="512x512"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-512x512.png"
+  />
+  <!-- apple -->
+  <link
+    rel="apple-touch-icon"
+    sizes="180x180"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}apple-touch-icon.png"
+  />
+  <link
+    rel="mask-icon"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}safari-pinned-tab.svg"
+    color="${themeColor}"
+  />
+  <meta name="apple-mobile-web-app-title" content="${title}" />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="36x36"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-36x36.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="48x48"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-48x48.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="72x72"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-72x72.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="96x96"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-96x96.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="144x144"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-144x144.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="256x256"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-256x256.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="384x384"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-384x384.png"
+  />
+  <link
+    rel="apple-touch-icon"
+    type="image/png"
+    sizes="512x512"
+    href="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}android-chrome-512x512.png"
+  />
+  <!-- microsoft -->
+  <meta name="msapplication-config" content="${ssrPath}browserconfig.xml" />
+  <meta name="application-name" content="${title}" />
+  <meta name="msapplication-TileColor" content="${themeColor}" />
+  <meta
+    name="msapplication-TileImage"
+    content="${ssrPath}${pwaAssetsPath !== undefined ? pwaAssetsPath : 'assets/splash/'}mstile-144x144.png"
+  />
+  <meta name="theme-color" content="${themeColor}" />
+`;

package/src/client/ssr/head/Seo.js

@@ -0,0 +1,15 @@
+SrrComponent = ({ title, author, keywords, description, themeColor, ssrPath, canonicalURL, thumbnail }) => html`
+  <link rel="canonical" href="${canonicalURL}" />
+
+  <meta name="author" content="${author}" />
+  <meta name="keywords" content="${keywords.join(',')}" />
+  <meta name="description" content="${description}" />
+  <meta name="theme-color" content="${themeColor}" />
+
+  <meta property="og:title" content="${title}" />
+  <meta property="og:type" content="website" />
+  <meta property="og:description" content="${description}" />
+  <meta property="og:image" content="${thumbnail}" />
+  <meta property="og:url" content="${canonicalURL}" />
+  <meta name="twitter:card" content="summary_large_image" />
+`;

package/src/client/ssr/mailer/DefaultRecoverEmail.js

@@ -0,0 +1,21 @@
+SrrComponent = (render = { style: {}, renderStyle: () => '' }, options) =>
+  html`
+    <div style="${render.renderStyle('body')}">
+      <div style="${render.renderStyle('.container')}">
+        <h1 style="${render.renderStyle('h1')}">{{H1}}</h1>
+        <p style="${render.renderStyle('p')}">{{P1}}</p>
+        <p style="${render.renderStyle('p')}">
+          <a href="{{RECOVER_WEB_URL}}" style="${render.renderStyle('button')}"
+            ><img
+              src="http${options.transport.secure ? 's' : ''}://${options.host}${options.path === '/'
+                ? ''
+                : options.path}/api/user/recover/{{TOKEN}}"
+            /><br />{{RECOVER_BTN_LABEL}}</a
+          >
+        </p>
+      </div>
+      <div style="${render.renderStyle('.footer')}">
+        <p>{{COMPANY}}</p>
+      </div>
+    </div>
+  `;

package/src/client/ssr/mailer/DefaultVerifyEmail.js

@@ -0,0 +1,17 @@
+SrrComponent = (render = { style: {}, renderStyle: () => '' }, options) =>
+  html`
+    <div style="${render.renderStyle('body')}">
+      <div style="${render.renderStyle('.container')}">
+        <h1 style="${render.renderStyle('h1')}">{{H1}}</h1>
+        <p style="${render.renderStyle('p')}">{{P1}}</p>
+        <img
+          src="http${options.transport.secure ? 's' : ''}://${options.host}${options.path === '/'
+            ? ''
+            : options.path}/api/user/mailer/{{TOKEN}}"
+        />
+      </div>
+      <div style="${render.renderStyle('.footer')}">
+        <p>{{COMPANY}}</p>
+      </div>
+    </div>
+  `;

package/src/client/ssr/offline/Maintenance.js

@@ -0,0 +1,63 @@
+const s = (el) => document.querySelector(el);
+
+const append = (el, html) => s(el).insertAdjacentHTML('beforeend', html);
+
+const getLang = () =>
+  (localStorage.getItem('lang') || navigator.language || navigator.userLanguage || s('html').lang)
+    .slice(0, 2)
+    .toLowerCase();
+
+const main = () => {
+  const Translate = {
+    Data: {
+      ['server-maintenance']: {
+        en: "The server is under maintenance <br> we'll be back soon.",
+        es: 'El servidor está en mantenimiento <br> volveremos pronto.',
+      },
+    },
+    Render: function (id) {
+      return this.Data[id][getLang()] ? this.Data[id][getLang()] : this.Data[id]['en'];
+    },
+  };
+  const icon = html`<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 24 24">
+    <path
+      fill="none"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      d="M3 7a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v2a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3zm9 13H6a3 3 0 0 1-3-3v-2a3 3 0 0 1 3-3h10.5m-.5 6a2 2 0 1 0 4 0a2 2 0 1 0-4 0m2-3.5V16m0 4v1.5m3.032-5.25l-1.299.75m-3.463 2l-1.3.75m0-3.5l1.3.75m3.463 2l1.3.75M7 8v.01M7 16v.01"
+    />
+  </svg>`;
+
+  append(
+    'body',
+    html` <style>
+        body {
+          font-family: arial;
+          font-size: 20px;
+          background-color: #d8d8d8;
+          color: #333;
+        }
+        a {
+          color: black;
+        }
+      </style>
+
+      <div class="abs center" style="top: 45%">
+        ${icon}
+        <br />
+        <br />${Translate.Render('server-maintenance')}
+      </div>`,
+  );
+};
+
+SrrComponent = () => html`<script>
+  {
+    const s = ${s};
+    const append = ${append};
+    const getLang = ${getLang};
+    const main = ${main};
+    window.onload = main;
+  }
+</script>`;

package/src/client/ssr/offline/NoNetworkConnection.js

@@ -0,0 +1,67 @@
+const s = (el) => document.querySelector(el);
+
+const append = (el, html) => s(el).insertAdjacentHTML('beforeend', html);
+
+const getLang = () =>
+  (localStorage.getItem('lang') || navigator.language || navigator.userLanguage || s('html').lang)
+    .slice(0, 2)
+    .toLowerCase();
+
+const main = () => {
+  const Translate = {
+    Data: {
+      ['no-internet-connection']: {
+        en: 'No internet connection <br> verify your network',
+        es: 'Sin conexión a internet <br> verifica tu red',
+      },
+      ['back']: {
+        en: 'Back to <br>  homepage',
+        es: 'Volver a  <br> la pagina principal',
+      },
+    },
+    Render: function (id) {
+      return this.Data[id][getLang()] ? this.Data[id][getLang()] : this.Data[id]['en'];
+    },
+  };
+  const icon = html`
+    <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 20 20">
+      <path
+        fill="currentColor"
+        d="M10 18q.128 0 .254-.004a5.5 5.5 0 0 1-.698-1.083c-.536-.207-1.098-.793-1.578-1.821A9.3 9.3 0 0 1 7.42 13.5h1.672q.096-.52.284-1h-2.17A15 15 0 0 1 7 10c0-.883.073-1.725.206-2.5h5.588c.092.541.156 1.115.186 1.713q.48-.138.992-.188a16 16 0 0 0-.165-1.525h2.733c.251.656.406 1.36.448 2.094q.543.276 1.008.66A8 8 0 1 0 10 18m0-15c.657 0 1.407.59 2.022 1.908c.217.466.406 1.002.559 1.592H7.419c.153-.59.342-1.126.56-1.592C8.592 3.59 9.342 3 10 3M7.072 4.485A10.5 10.5 0 0 0 6.389 6.5H3.936a7.02 7.02 0 0 1 3.778-3.118c-.241.33-.456.704-.642 1.103M6.192 7.5A16 16 0 0 0 6 10c0 .87.067 1.712.193 2.5H3.46A7 7 0 0 1 3 10c0-.88.163-1.724.46-2.5zm.197 6c.176.743.407 1.422.683 2.015c.186.399.401.773.642 1.103A7.02 7.02 0 0 1 3.936 13.5zm5.897-10.118A7.02 7.02 0 0 1 16.064 6.5H13.61a10.5 10.5 0 0 0-.683-2.015a6.6 6.6 0 0 0-.642-1.103M19 14.5a4.5 4.5 0 1 1-9 0a4.5 4.5 0 0 1 9 0M14.5 12a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 1 0v-2a.5.5 0 0 0-.5-.5m0 5.125a.625.625 0 1 0 0-1.25a.625.625 0 0 0 0 1.25"
+      />
+    </svg>
+  `;
+  append(
+    'body',
+    html` <style>
+        body {
+          font-family: arial;
+          font-size: 20px;
+          background-color: #d8d8d8;
+          color: #333;
+        }
+        a {
+          color: black;
+        }
+      </style>
+
+      <div class="abs center" style="top: 45%">
+        ${icon}
+        <br />
+        <br />
+        <br />${Translate.Render('no-internet-connection')} <br />
+        <br />
+        <a href="${location.origin}">${Translate.Render('back')}</a>
+      </div>`,
+  );
+};
+
+SrrComponent = () => html`<script>
+  {
+    const s = ${s};
+    const append = ${append};
+    const getLang = ${getLang};
+    const main = ${main};
+    window.onload = main;
+  }
+</script>`;

package/src/client/ssr/pages/404.js

@@ -0,0 +1,12 @@
+import { e404 } from '../common/Alert.js';
+import { append } from '../common/SsrCore.js';
+import { Translate } from '../common/Translate.js';
+import { Worker } from '../common/Worker.js';
+/*imports*/
+
+window.onload = () =>
+  Worker.instance({
+    render: async () => {
+      append('.page-render', await e404({ Translate }));
+    },
+  });

package/src/client/ssr/pages/500.js

@@ -0,0 +1,12 @@
+import { e500 } from '../common/Alert.js';
+import { append } from '../common/SsrCore.js';
+import { Translate } from '../common/Translate.js';
+import { Worker } from '../common/Worker.js';
+/*imports*/
+
+window.onload = () =>
+  Worker.instance({
+    render: async () => {
+      append('.page-render', await e500({ Translate }));
+    },
+  });