@logora/debate 0.4.67 → 0.4.69

package/dist/assets/components/skeleton/page_skeleton/PageSkeleton.module-BqtcAizZ.css

@@ -0,0 +1 @@
+._pageSkeleton_vzch9_3{display:flex;flex-direction:column;gap:var(--space-unit, 1em);width:100%}._header_vzch9_10{display:flex;flex-direction:row;gap:var(--space-unit, 1em);align-items:center}@media(max-width:640px){._header_vzch9_10{flex-direction:column;align-items:flex-start}}._headerLines_vzch9_23{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));flex:1;min-width:120px}._lineMain_vzch9_31{width:70%;height:var(--font-size-extra-large, 22px)}._lineSecondary_vzch9_36{width:45%;height:var(--font-size-normal, 16px)}._photoCircle_vzch9_41{width:80px;height:80px;flex-shrink:0}._photoBox_vzch9_47{width:210px;height:140px;flex-shrink:0;border-radius:var(--box-border-radius, 6px)}@media(max-width:640px){._photoBox_vzch9_47{width:100%}}._tabsRow_vzch9_59{display:flex;flex-direction:row;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5))}._tab_vzch9_59{width:110px;height:32px;border-radius:var(--box-border-radius, 6px)}@media(max-width:640px){._tab_vzch9_59{width:90px}}._contentList_vzch9_76{display:flex;flex-direction:column;gap:var(--space-unit, 1em)}._contentItem_vzch9_82{display:flex;flex-direction:column;gap:var(--spacer-sm, calc(var(--space-unit, 1em) * .5));border-radius:var(--box-border-radius, 6px);box-shadow:var(--box-shadow, 0px 2px 5px rgba(7, 42, 68, .1));border:var(--box-border, 1px solid rgba(7, 42, 68, .1));padding:var(--space-unit, 1em)}._contentLine_vzch9_92{width:100%;height:var(--font-size-normal, 16px)}._contentLineShort_vzch9_97{width:55%;height:var(--font-size-normal, 16px)}

package/dist/components/notification/notification_item/NotificationItem.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import w from "classnames";
 import "react";
 import { useIntl as I } from "react-intl";
@@ -11,21 +11,21 @@ import { useConfig as R } from "../../data/config_provider/useConfig.js";
 const $ = ({
   notification: i,
   notificationDefinitions: a = {},
-  isRead: d
+  isRead: m
 }) => {
-  const { id: m, created_at: f, notify_type: c, is_opened: r } = i, l = I(), p = C(), v = x(), h = N(), _ = y(new Date(f).getTime()), u = R();
+  const { id: f, created_at: l, notify_type: c, is_opened: r } = i, p = I(), v = C(), h = x(), _ = N(), u = y(new Date(l).getTime()), s = R();
   if (!(c in a))
     return null;
   const o = a[c], g = () => {
     if (typeof window < "u") {
       const n = o.getRedirectUrl(
         i,
-        p,
-        u
+        v,
+        s
       );
-      n?.pathname?.startsWith("http") ? window.location.href = n.pathname : h(n);
+      n?.pathname?.startsWith("http") ? window.location.href = n.pathname : _(n);
     }
-    r || v.create(`notifications/read/${m}`, {}).catch(() => {
+    r || h.create(`notifications/read/${f}`, {}).catch(() => {
     });
   };
   return /* @__PURE__ */ e(
@@ -34,12 +34,12 @@ const $ = ({
       className: t.notificationItem,
       tabIndex: "0",
       onClick: () => g(),
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ d(
         "div",
         {
           "data-tid": "action_view_notification",
           className: w(t.notificationItemBody, {
-            [t.read]: r || d
+            [t.read]: r || m
           }),
           children: [
             /* @__PURE__ */ e(
@@ -47,22 +47,22 @@ const $ = ({
               {
                 "data-tid": "action_view_notification",
                 className: t.notificationImageContainer,
-                children: o.getImage(i)
+                children: o.getImage(i, s)
               }
             ),
-            /* @__PURE__ */ s(
+            /* @__PURE__ */ d(
               "div",
               {
                 "data-tid": "action_view_notification",
                 className: t.notificationItemContent,
                 children: [
-                  /* @__PURE__ */ e("div", { "data-tid": "action_view_notification", children: o.getContent(i, l) }),
+                  /* @__PURE__ */ e("div", { "data-tid": "action_view_notification", children: o.getContent(i, p) }),
                   /* @__PURE__ */ e(
                     "div",
                     {
                       "data-tid": "action_view_notification",
                       className: t.notificationItemDate,
-                      children: _
+                      children: u
                     }
                   )
                 ]

package/dist/components/skeleton/page_skeleton/PageSkeleton.js

@@ -0,0 +1,79 @@
+import { jsx as s, jsxs as r } from "react/jsx-runtime";
+import "react";
+import t from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
+import e from "./PageSkeleton.module.scss.js";
+const k = ({
+  photo: a = "right",
+  items: d = 3,
+  tabs: o = !1,
+  enableAnimation: c = !0,
+  className: m
+}) => {
+  const i = /* @__PURE__ */ r("div", { className: e.headerLines, children: [
+    /* @__PURE__ */ s(t, { enableAnimation: c, className: e.lineMain }),
+    /* @__PURE__ */ s(
+      t,
+      {
+        enableAnimation: c,
+        className: e.lineSecondary
+      }
+    )
+  ] }), l = a === "left" ? /* @__PURE__ */ s(
+    t,
+    {
+      enableAnimation: c,
+      circle: !0,
+      className: e.photoCircle
+    }
+  ) : /* @__PURE__ */ s(t, { enableAnimation: c, className: e.photoBox });
+  return /* @__PURE__ */ s("div", { "data-testid": "page-skeleton", className: m, children: /* @__PURE__ */ r("div", { className: e.pageSkeleton, children: [
+    /* @__PURE__ */ r("div", { className: e.header, children: [
+      a === "left" && l,
+      i,
+      a === "right" && l
+    ] }),
+    o && /* @__PURE__ */ r("div", { className: e.tabsRow, children: [
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.tab
+        }
+      ),
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.tab
+        }
+      ),
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.tab
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: e.contentList, children: Array.from({ length: d }).map((N, h) => /* @__PURE__ */ r("div", { className: e.contentItem, children: [
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.contentLine
+        }
+      ),
+      /* @__PURE__ */ s(
+        t,
+        {
+          enableAnimation: c,
+          className: e.contentLineShort
+        }
+      )
+    ] }, h)) })
+  ] }) });
+};
+export {
+  k as PageSkeleton
+};

package/dist/components/skeleton/page_skeleton/PageSkeleton.module.scss.js

@@ -0,0 +1,31 @@
+import '../../../assets/components/skeleton/page_skeleton/PageSkeleton.module-BqtcAizZ.css';const t = "_pageSkeleton_vzch9_3", n = "_header_vzch9_10", e = "_headerLines_vzch9_23", o = "_lineMain_vzch9_31", c = "_lineSecondary_vzch9_36", _ = "_photoCircle_vzch9_41", h = "_photoBox_vzch9_47", s = "_tabsRow_vzch9_59", i = "_tab_vzch9_59", a = "_contentList_vzch9_76", r = "_contentItem_vzch9_82", l = "_contentLine_vzch9_92", v = "_contentLineShort_vzch9_97", z = {
+  pageSkeleton: t,
+  header: n,
+  headerLines: e,
+  lineMain: o,
+  lineSecondary: c,
+  photoCircle: _,
+  photoBox: h,
+  tabsRow: s,
+  tab: i,
+  contentList: a,
+  contentItem: r,
+  contentLine: l,
+  contentLineShort: v
+};
+export {
+  r as contentItem,
+  l as contentLine,
+  v as contentLineShort,
+  a as contentList,
+  z as default,
+  n as header,
+  e as headerLines,
+  o as lineMain,
+  c as lineSecondary,
+  t as pageSkeleton,
+  h as photoBox,
+  _ as photoCircle,
+  i as tab,
+  s as tabsRow
+};