underpost 2.8.0 → 2.8.6

package/src/client/components/core/PanelForm.js

@@ -29,6 +29,8 @@ const PanelForm = {
       Elements: {},
       parentIdModal: undefined,
       route: 'home',
+      htmlFormHeader: async () => '',
+      firsUpdateEvent: async () => {},
     },
   ) {
     const { idPanel, heightTopBar, heightBottomBar, defaultUrlImage, Elements } = options;
@@ -90,16 +92,7 @@ const PanelForm = {
         },
       },
     ];
-    const dateFormat = (date) =>
-      html`<span
-        style="${renderCssAttr({
-          style: {
-            'font-size': '14px',
-            color: '#888',
-          },
-        })}"
-        >${new Date(date).toLocaleString().replaceAll(',', '')}</span
-      >`;
+
     const titleIcon = html`<i class="fa-solid fa-quote-left"></i>`;
     const panelRender = async ({ data }) =>
       await Panel.Render({
@@ -108,6 +101,7 @@ const PanelForm = {
         heightTopBar,
         heightBottomBar,
         data,
+        htmlFormHeader: options.htmlFormHeader,
         parentIdModal: options.parentIdModal,
         originData: () => PanelForm.Data[idPanel].originData,
         filesData: () => PanelForm.Data[idPanel].filesData,
@@ -271,7 +265,7 @@ const PanelForm = {
                 fileId: file ? URL.createObjectURL(file) : undefined,
                 _id: documentData._id,
                 id: documentData._id,
-                createdAt: dateFormat(documentData.createdAt),
+                createdAt: documentData.createdAt,
               };
 
               if (documentStatus === 'error') status = 'error';
@@ -376,7 +370,7 @@ const PanelForm = {
           PanelForm.Data[idPanel].data.push({
             id: documentObject._id,
             title: documentObject.title,
-            createdAt: dateFormat(documentObject.createdAt),
+            createdAt: documentObject.createdAt,
             tags: documentObject.tags.filter((t) => !prefixTags.includes(t)),
             mdFileId: marked.parse(mdFileId),
             userId: documentObject.userId._id,
@@ -430,33 +424,47 @@ const PanelForm = {
           ssr: true,
         })),
       });
-
-    let lastCid;
-    let lasUserId;
+    let delayBlock = false;
+    let firsUpdateEvent = false;
     this.Data[idPanel].updatePanel = async () => {
+      if (delayBlock) return;
+      else {
+        delayBlock = true;
+        setTimeout(() => {
+          delayBlock = false;
+        }, 500);
+      }
       const cid = getQueryParams().cid ? getQueryParams().cid : '';
-      if (lastCid === cid && lasUserId === Elements.Data.user.main.model.user._id) return;
       if (options.route === 'home') Modal.homeCid = newInstance(cid);
-      lastCid = cid;
-      lasUserId = newInstance(Elements.Data.user.main.model.user._id);
       htmls(`.${options.parentIdModal ? 'html-' + options.parentIdModal : 'main-body'}`, await renderSrrPanelData());
       await getPanelData();
       htmls(
         `.${options.parentIdModal ? 'html-' + options.parentIdModal : 'main-body'}`,
         await panelRender({ data: this.Data[idPanel].data }),
       );
+      if (!firsUpdateEvent && options.firsUpdateEvent) {
+        firsUpdateEvent = true;
+        await options.firsUpdateEvent();
+      }
     };
     if (options.route)
       listenQueryPathInstance({
         id: options.parentIdModal ? 'html-' + options.parentIdModal : 'main-body',
         routeId: options.route,
         event: async (path) => {
+          // if (!PanelForm.Data[idPanel].sessionIn)
           await this.Data[idPanel].updatePanel();
         },
       });
 
     // if (options.route === 'home') setTimeout(this.Data[idPanel].updatePanel);
-    if (!Auth.getToken()) setTimeout(this.Data[idPanel].updatePanel);
+    setTimeout(() => {
+      // if (
+      //   options.route !== 'home' &&
+      //   (!PanelForm.Data[idPanel].originData || PanelForm.Data[idPanel].originData.length === 0)
+      // )
+      this.Data[idPanel].updatePanel();
+    });
 
     if (options.parentIdModal) {
       htmls(`.html-${options.parentIdModal}`, await renderSrrPanelData());

package/src/client/components/core/Scroll.js

@@ -39,6 +39,7 @@ const Scroll = {
     delete this.topRefreshEvents[id];
   },
   pullTopRefresh: function () {
+    return;
     append(
       'body',
       html` <style>

package/src/client/components/core/SignUp.js

@@ -52,7 +52,10 @@ const SignUp = {
               : Translate.Render(`no-valid-register`),
           status: result.status,
         });
-        if (result.status === 'success') await Auth.signUpToken(result);
+        if (result.status === 'success') {
+          await Auth.signUpToken(result);
+          s(`.btn-close-${options.idModal}`).click();
+        }
       });
       s(`.btn-sign-up-i-have-account`).onclick = () => {
         s(`.main-btn-log-in`).click();

package/src/client/components/core/Translate.js

@@ -11,35 +11,49 @@ const Translate = {
   Data: {},
   Token: {},
   Event: {},
+  Options: {},
   Parse: function (lang) {
     s('html').lang = lang;
     Object.keys(this.Token).map((translateHash) => {
       if (translateHash in this.Token && lang in this.Token[translateHash]) {
-        if (!('placeholder' in this.Token[translateHash]) && s(`.${translateHash}`))
-          htmls(`.${translateHash}`, textFormatted(this.Token[translateHash][lang]));
+        if (!('placeholder' in this.Options[translateHash]) && s(`.${translateHash}`))
+          htmls(
+            `.${translateHash}`,
+            this.Options[translateHash]?.disableTextFormat
+              ? this.Token[translateHash][lang]
+              : textFormatted(this.Token[translateHash][lang]),
+          );
         else if ('placeholder' in this.Token[translateHash] && s(this.Token[translateHash].placeholder))
-          s(this.Token[translateHash].placeholder).placeholder = textFormatted(this.Token[translateHash][lang]);
+          s(this.Token[translateHash].placeholder).placeholder = this.Options[translateHash]?.disableTextFormat
+            ? this.Token[translateHash][lang]
+            : textFormatted(this.Token[translateHash][lang]);
       }
     });
     for (const keyEvent of Object.keys(this.Event)) this.Event[keyEvent]();
   },
-  Render: function (keyLang, placeholder) {
+  Render: function (keyLang, placeholder, options = { disableTextFormat: false }) {
     if (!(keyLang in this.Data)) {
       // TODO: add translate package or library for this case
       logger.warn('translate key lang does not exist: ', keyLang);
-      return textFormatted(keyLang);
+      return options.disableTextFormat ? keyLang : textFormatted(keyLang);
     }
     if (placeholder) this.Data[keyLang].placeholder = placeholder;
     keyLang = this.Data[keyLang];
     const translateHash = getId(this.Token, 'trans');
+    this.Options[translateHash] = options;
     this.Token[translateHash] = newInstance(keyLang);
     if ('placeholder' in keyLang) {
-      if (s('html').lang in keyLang) return textFormatted(keyLang[s('html').lang]);
-      return textFormatted(keyLang['en']);
+      if (s('html').lang in keyLang)
+        return options.disableTextFormat ? keyLang[s('html').lang] : textFormatted(keyLang[s('html').lang]);
+      return options.disableTextFormat ? keyLang['en'] : textFormatted(keyLang['en']);
     }
     if (s('html').lang in keyLang)
-      return html`<span class="${translateHash}">${textFormatted(keyLang[s('html').lang])}</span>`;
-    return html`<span class="${translateHash}">${textFormatted(keyLang['en'])}</span>`;
+      return html`<span class="${translateHash}"
+        >${options.disableTextFormat ? keyLang[s('html').lang] : textFormatted(keyLang[s('html').lang])}</span
+      >`;
+    return html`<span class="${translateHash}"
+      >${options.disableTextFormat ? keyLang['en'] : textFormatted(keyLang['en'])}</span
+    >`;
   },
   renderLang: function (language) {
     localStorage.setItem('lang', language);
@@ -460,6 +474,44 @@ const TranslateCore = {
       es: 'Carga completada',
     };
     Translate.Data['play'] = { es: 'Jugar', en: 'Play' };
+    Translate.Data['pause'] = { es: 'Pausar', en: 'Pause' };
+    Translate.Data['stop'] = { es: 'Parar', en: 'Stop' };
+    Translate.Data['previous'] = { es: 'Anterior', en: 'Previous' };
+    Translate.Data['next'] = { es: 'Siguiente', en: 'Next' };
+    Translate.Data['buy'] = { es: 'comprar', en: 'Buy' };
+    Translate.Data['sell'] = { es: 'Vender', en: 'sell' };
+
+    Translate.Data['monday'] = { es: 'Lunes', en: 'Monday' };
+    Translate.Data['tuesday'] = { es: 'Martes', en: 'Tuesday' };
+    Translate.Data['wednesday'] = { es: 'Miércoles', en: 'Wednesday' };
+    Translate.Data['thursday'] = { es: 'Jueves', en: 'Thursday' };
+    Translate.Data['friday'] = { es: 'Viernes', en: 'Friday' };
+    Translate.Data['saturday'] = { es: 'Sábado', en: 'Saturday' };
+    Translate.Data['sunday'] = { es: 'Domingo', en: 'Sunday' };
+
+    Translate.Data['description'] = { es: 'Descripción', en: 'Description' };
+    Translate.Data['daysOfWeek'] = { es: 'Días de la semana', en: 'Days of the week' };
+    Translate.Data['startTime'] = { es: 'Hora de inicio', en: 'Start time' };
+    Translate.Data['endTime'] = { es: 'Hora de finalizacion', en: 'End time' };
+    Translate.Data['appointment-scheduled'] = {
+      en: 'Your appointment has been scheduled',
+      es: 'Tu cita ha sido programada',
+    };
+    Translate.Data['info'] = { es: 'Información', en: 'Info' };
+    Translate.Data['complete-name'] = { es: 'Nombre completo', en: 'Complete name' };
+    Translate.Data['identityDocument'] = { es: 'Rut', en: 'Identity document' };
+    Translate.Data['day'] = { es: 'Día', en: 'Day' };
+    Translate.Data['month'] = { es: 'Mes', en: 'Month' };
+    Translate.Data['year'] = { es: 'Año', en: 'Year' };
+    Translate.Data['phone'] = { es: 'Teléfono', en: 'Phone' };
+    Translate.Data['invalid-identity-document'] = {
+      en: 'Invalid identity document',
+      es: 'Documento de identidad inválido',
+    };
+    Translate.Data['expired-session'] = {
+      en: 'Your session has expired. Please log in again.',
+      es: 'Su sesión ha expirado. Por favor, inicie sesión de nuevo.',
+    };
   },
 };
 

package/src/client/components/core/Validator.js

@@ -1,4 +1,4 @@
-import { validatePassword } from './CommonJs.js';
+import { isChileanIdentityDocument, validatePassword } from './CommonJs.js';
 import { renderStatus } from './Css.js';
 import { loggerFactory } from './Logger.js';
 import { textFormatted, Translate } from './Translate.js';
@@ -58,6 +58,14 @@ const Validator = {
                 if (!validator.isLength(s(`.${validatorData.id}`).value, rule.options))
                   errorMessage += this.renderErrorMessage(rule);
                 break;
+
+              case 'isChileanIdentityDocument': {
+                if (!isChileanIdentityDocument(s(`.${validatorData.id}`).value)) {
+                  errorMessage += this.renderErrorMessage(undefined, Translate.Render('invalid-identity-document'));
+                }
+
+                break;
+              }
               default:
                 if (
                   validator[rule.type] &&

package/src/client/components/core/VanillaJs.js

@@ -419,14 +419,6 @@ const isActiveTab = () => document.hasFocus();
 const isActiveElement = (classSearch = '') =>
   document.activeElement?.classList?.value?.match(classSearch) ? true : false;
 
-const getCurrentTrace = () => {
-  try {
-    _stack;
-  } catch (error) {
-    return error.stack.split('is not defined')[1];
-  }
-};
-
 const isDevInstance = () => location.origin.match('localhost') && location.port;
 
 const getDataFromInputFile = async (file) => Array.from(new Uint8Array(await file.arrayBuffer()));
@@ -460,7 +452,6 @@ export {
   isNavigator,
   getTimeZone,
   getAllChildNodes,
-  getCurrentTrace,
   isActiveTab,
   isActiveElement,
   isDevInstance,

package/src/client/components/core/Worker.js

@@ -22,41 +22,44 @@ const Worker = {
     setTimeout(() => {
       if ('onLine' in navigator && navigator.onLine) window.ononline();
     });
-    navigator.serviceWorker.addEventListener('controllerchange', () => {
-      logger.info('The controller of current browsing context has changed.');
-    });
-    navigator.serviceWorker.ready.then((worker) => {
-      logger.info('Ready', worker);
-      // event message
-      navigator.serviceWorker.addEventListener('message', (event) => {
-        logger.info('Received event message', event.data);
-        const { status } = event.data;
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.addEventListener('controllerchange', () => {
+        logger.info('The controller of current browsing context has changed.');
+      });
+      navigator.serviceWorker.ready.then((worker) => {
+        logger.info('Ready', worker);
+        // event message
+        navigator.serviceWorker.addEventListener('message', (event) => {
+          logger.info('Received event message', event.data);
+          const { status } = event.data;
 
-        switch (status) {
-          case 'loader':
-            {
-              LoadingAnimation.RenderCurrentSrcLoad(event);
-            }
-            break;
+          switch (status) {
+            case 'loader':
+              {
+                LoadingAnimation.RenderCurrentSrcLoad(event);
+              }
+              break;
 
-          default:
-            break;
-        }
-      });
+            default:
+              break;
+          }
+        });
 
-      // if (navigator.serviceWorker.controller)
-      //   navigator.serviceWorker.controller.postMessage({
-      //     title: 'Hello from Client event message',
-      //   });
+        // if (navigator.serviceWorker.controller)
+        //   navigator.serviceWorker.controller.postMessage({
+        //     title: 'Hello from Client event message',
+        //   });
+
+        // broadcast message
+        // const channel = new BroadcastChannel('sw-messages');
+        // channel.addEventListener('message', (event) => {
+        //   logger.info('Received broadcast message', event.data);
+        // });
+        // channel.postMessage({ title: 'Hello from Client broadcast message' });
+        // channel.close();
+      });
+    }
 
-      // broadcast message
-      // const channel = new BroadcastChannel('sw-messages');
-      // channel.addEventListener('message', (event) => {
-      //   logger.info('Received broadcast message', event.data);
-      // });
-      // channel.postMessage({ title: 'Hello from Client broadcast message' });
-      // channel.close();
-    });
     this.RouterInstance = router();
     const isInstall = await this.status();
     if (!isInstall) await this.install();