@edifice.io/react 2.0.0-develop-rc.4 → 2.0.0-develop-rc.10

package/dist/modules/audience/ReactionModal.Card.js

@@ -1,34 +1,35 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import useReactionIcons from "./hooks/useReactionIcons.js";
-import useAvatar from "../../core/useAvatar/useAvatar.js";
-import { Avatar } from "../../components/Avatar/Avatar.js";
-function ReactionModalCard({
-  reaction
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
+import { useTranslation as c } from "react-i18next";
+import n from "./hooks/useReactionIcons.js";
+import d from "../../core/useAvatar/useAvatar.js";
+import { Avatar as m } from "../../components/Avatar/Avatar.js";
+function N({
+  reaction: e
 }) {
   const {
-    t
-  } = useTranslation(), {
-    avatarURL,
-    userbookURL
-  } = useAvatar(reaction.userId, reaction.profile), {
-    getReactionIcon,
-    getReactionLabel
-  } = useReactionIcons();
-  return /* @__PURE__ */ jsxs("div", { className: "reaction-modal-card w-100 d-flex gap-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "position-relative p-8", children: [
-      /* @__PURE__ */ jsx(Avatar, { variant: "circle", size: "md", src: avatarURL, alt: reaction.displayName }),
-      /* @__PURE__ */ jsx("div", { className: "position-absolute end-0 bottom-0", children: getReactionIcon(reaction.reactionType, !0) })
+    t: i
+  } = c(), {
+    avatarURL: r,
+    userbookURL: l
+  } = d(e.userId, e.profile), {
+    getReactionIcon: t,
+    getReactionLabel: o
+  } = n();
+  return /* @__PURE__ */ s("div", { className: "reaction-modal-card w-100 d-flex gap-8", children: [
+    /* @__PURE__ */ s("div", { className: "position-relative p-8", children: [
+      /* @__PURE__ */ a(m, { variant: "circle", size: "md", src: r, alt: e.displayName }),
+      /* @__PURE__ */ a("div", { className: "position-absolute end-0 bottom-0", children: t(e.reactionType, !0) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column w-100 pt-8", children: [
-      /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-baseline", children: [
-        /* @__PURE__ */ jsx("div", { className: "d-flex overflow-hidden", children: /* @__PURE__ */ jsx("a", { href: userbookURL, className: "text-reset flex-shrink-0", children: reaction.displayName }) }),
-        /* @__PURE__ */ jsx("strong", { className: "ms-12 caption text-gray-700", children: t(reaction.profile) })
+    /* @__PURE__ */ s("div", { className: "d-flex flex-column w-100 pt-8", children: [
+      /* @__PURE__ */ s("div", { className: "d-flex align-items-baseline", children: [
+        /* @__PURE__ */ a("div", { className: "d-flex overflow-hidden", children: /* @__PURE__ */ a("a", { href: l, className: "text-reset flex-shrink-0", children: e.displayName }) }),
+        /* @__PURE__ */ a("strong", { className: "ms-12 caption text-gray-700", children: i(e.profile) })
       ] }),
-      /* @__PURE__ */ jsx("p", { className: "caption text-gray-700", children: t(getReactionLabel(reaction.reactionType)) })
+      /* @__PURE__ */ a("p", { className: "caption text-gray-700", children: i(o(e.reactionType)) })
     ] })
   ] });
 }
 export {
-  ReactionModalCard
+  N as ReactionModalCard
 };
+//# sourceMappingURL=ReactionModal.Card.js.map

package/dist/modules/audience/ReactionModal.Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionModal.Card.js","sources":["../../../src/modules/audience/ReactionModal.Card.tsx"],"sourcesContent":["import { ReactionDetailsData } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\nimport { Avatar } from '../../components/Avatar';\nimport { useAvatar } from '../../core';\nimport useReactionIcons from './hooks/useReactionIcons';\n\nexport function ReactionModalCard({\n  reaction,\n}: {\n  reaction: ReactionDetailsData['userReactions'][number];\n}) {\n  const { t } = useTranslation();\n  const { avatarURL, userbookURL } = useAvatar(\n    reaction.userId,\n    reaction.profile,\n  );\n  const { getReactionIcon, getReactionLabel } = useReactionIcons();\n\n  return (\n    <div className=\"reaction-modal-card w-100 d-flex gap-8\">\n      <div className=\"position-relative p-8\">\n        <Avatar\n          variant=\"circle\"\n          size=\"md\"\n          src={avatarURL}\n          alt={reaction.displayName}\n        />\n        <div className=\"position-absolute end-0 bottom-0\">\n          {getReactionIcon(reaction.reactionType, true)}\n        </div>\n      </div>\n      <div className=\"d-flex flex-column w-100 pt-8\">\n        <div className=\"d-flex align-items-baseline\">\n          <div className=\"d-flex overflow-hidden\">\n            <a href={userbookURL} className=\"text-reset flex-shrink-0\">\n              {reaction.displayName}\n            </a>\n          </div>\n          <strong className=\"ms-12 caption text-gray-700\">\n            {t(reaction.profile)}\n          </strong>\n        </div>\n        <p className=\"caption text-gray-700\">\n          {t(getReactionLabel(reaction.reactionType))}\n        </p>\n      </div>\n    </div>\n  );\n}\n"],"names":["ReactionModalCard","reaction","t","useTranslation","avatarURL","userbookURL","useAvatar","userId","profile","getReactionIcon","getReactionLabel","useReactionIcons","jsxs","jsx","Avatar","displayName","reactionType"],"mappings":";;;;;AAMO,SAASA,EAAkB;AAAA,EAChCC,UAAAA;AAGF,GAAG;AACK,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,aAAAA;AAAAA,EAAgBC,IAAAA,EACjCL,EAASM,QACTN,EAASO,OACX,GACM;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,kBAAAA;AAAAA,MAAqBC,EAAiB;AAG7D,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAU,0CACb,UAAA;AAAA,IAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,MAAC,gBAAAC,EAAAC,GAAA,EACC,SAAQ,UACR,MAAK,MACL,KAAKV,GACL,KAAKH,EAASc,YAAY,CAAA;AAAA,MAE5B,gBAAAF,EAAC,SAAI,WAAU,oCACZJ,YAAgBR,EAASe,cAAc,EAAI,GAC9C;AAAA,IAAA,GACF;AAAA,IACA,gBAAAJ,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,MAAC,gBAAAA,EAAA,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,QAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,0BACb,UAAC,gBAAAA,EAAA,KAAA,EAAE,MAAMR,GAAa,WAAU,4BAC7BJ,UAASc,EAAAA,YACZ,CAAA,GACF;AAAA,0BACC,UAAO,EAAA,WAAU,+BACfb,UAAED,EAAAA,EAASO,OAAO,GACrB;AAAA,MAAA,GACF;AAAA,MACA,gBAAAK,EAAC,OAAE,WAAU,yBACVX,YAAEQ,EAAiBT,EAASe,YAAY,CAAC,EAC5C,CAAA;AAAA,IAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/modules/audience/ReactionModal.d.ts

@@ -1,4 +1,4 @@
-import { ReactionDetailsData } from 'edifice-ts-client';
+import { ReactionDetailsData } from '@edifice.io/ts-client';
 import { ReactionModalCard } from './ReactionModal.Card';
 export interface ReactionModalProps {
     /** Id of resource. */

package/dist/modules/audience/ReactionModal.js

@@ -1,73 +1,73 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { ReactionTypes } from "edifice-ts-client";
-import { useState, useId, useCallback, useMemo, useEffect } from "react";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import { ReactionModalCard } from "./ReactionModal.Card.js";
-import useReactionIcons from "./hooks/useReactionIcons.js";
-import { StringUtils } from "../../utils/StringUtils.js";
-import { Modal } from "../../components/Modal/Modal.js";
-import { Tabs } from "../../components/Tabs/Tabs.js";
-import { Button } from "../../components/Button/Button.js";
-const ALL_TAB_ID = "all", ReactionModal = ({
-  resourceId,
-  pageSize = 30,
-  reactionDetailsLoader: loadReactionDetails,
-  onModalClose,
-  ...restProps
+import { jsx as o, jsxs as T } from "react/jsx-runtime";
+import { ReactionTypes as D } from "@edifice.io/ts-client";
+import { useState as c, useId as F, useCallback as H, useMemo as g, useEffect as S } from "react";
+import { createPortal as U } from "react-dom";
+import { useTranslation as q } from "react-i18next";
+import { ReactionModalCard as z } from "./ReactionModal.Card.js";
+import G from "./hooks/useReactionIcons.js";
+import { StringUtils as J } from "../../utils/StringUtils.js";
+import { Modal as i } from "../../components/Modal/Modal.js";
+import { Tabs as K } from "../../components/Tabs/Tabs.js";
+import { Button as I } from "../../components/Button/Button.js";
+const s = "all", B = ({
+  resourceId: f,
+  pageSize: p = 30,
+  reactionDetailsLoader: h,
+  onModalClose: l,
+  ...R
 }) => {
-  const [counters, setCounters] = useState({
+  const [n, x] = c({
     countByType: {},
     allReactionsCounter: 0
-  }), [reactions, setReactions] = useState([]), [currentTabId, setCurrentTabId] = useState(ALL_TAB_ID), id = useId(), {
-    t
-  } = useTranslation(), {
-    getReactionIcon
-  } = useReactionIcons(), [latestPage, setLatestPage] = useState(0), loadNextPage = useCallback(async () => {
-    const nextPage = latestPage + 1;
-    setLatestPage(nextPage);
-    const data = await loadReactionDetails(resourceId, nextPage, pageSize);
-    if (data) {
+  }), [d, P] = c([]), [m, L] = c(s), k = F(), {
+    t: r
+  } = q(), {
+    getReactionIcon: M
+  } = G(), [y, j] = c(0), b = H(async () => {
+    const t = y + 1;
+    j(t);
+    const e = await h(f, t, p);
+    if (e) {
       const {
-        reactionCounters,
-        userReactions
-      } = data;
-      nextPage === 1 && setCounters(reactionCounters), setReactions((old) => [...old, ...userReactions.filter((reaction) => !old.some((oldReaction) => oldReaction.userId === reaction.userId))]);
+        reactionCounters: a,
+        userReactions: E
+      } = e;
+      t === 1 && x(a), P((C) => [...C, ...E.filter((N) => !C.some((_) => _.userId === N.userId))]);
     }
-  }, [latestPage, loadReactionDetails, pageSize, resourceId]), panel = useMemo(() => /* @__PURE__ */ jsx("div", { className: "d-flex flex-column w-100 gap-8 mt-32", children: reactions.filter((reaction) => currentTabId === ALL_TAB_ID || reaction.reactionType === currentTabId).map((reaction) => /* @__PURE__ */ jsx(ReactionModal.Card, { reaction }, reaction.userId)) }), [currentTabId, reactions]), tabs = useMemo(() => {
-    const items = ReactionTypes.filter((type) => {
-      var _a;
-      return typeof ((_a = counters.countByType) == null ? void 0 : _a[type]) == "number";
-    }).map((type) => ({
-      id: type,
-      icon: getReactionIcon(type),
-      label: StringUtils.toCounter(counters.countByType[type]),
-      content: panel
+  }, [y, h, p, f]), u = g(() => /* @__PURE__ */ o("div", { className: "d-flex flex-column w-100 gap-8 mt-32", children: d.filter((t) => m === s || t.reactionType === m).map((t) => /* @__PURE__ */ o(B.Card, { reaction: t }, t.userId)) }), [m, d]), v = g(() => {
+    const t = D.filter((e) => {
+      var a;
+      return typeof ((a = n.countByType) == null ? void 0 : a[e]) == "number";
+    }).map((e) => ({
+      id: e,
+      icon: M(e),
+      label: J.toCounter(n.countByType[e]),
+      content: u
     }));
     return [{
-      id: ALL_TAB_ID,
+      id: s,
       icon: null,
-      label: t("audience.reaction.tab.all"),
-      content: panel
-    }, ...items];
-  }, [counters.countByType, panel]);
-  useEffect(() => {
-    loadNextPage();
+      label: r("audience.reaction.tab.all"),
+      content: u
+    }, ...t];
+  }, [n.countByType, u]);
+  S(() => {
+    b();
   }, []);
-  const handleTabChange = (tab) => {
-    setCurrentTabId(tab.id);
-  }, hasMore = reactions.length < counters.allReactionsCounter;
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id, ...restProps, onModalClose, size: "md", scrollable: !0, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: /* @__PURE__ */ jsx("h2", { children: t("audience.reaction.modal.header") }) }),
-    /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(Tabs, { items: tabs, defaultId: ALL_TAB_ID, onChange: handleTabChange }) }),
-    /* @__PURE__ */ jsxs(Modal.Footer, { children: [
-      hasMore && /* @__PURE__ */ jsx(Button, { color: "tertiary", onClick: loadNextPage, children: t("audience.reaction.modal.more") }),
-      /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("close") })
+  const w = (t) => {
+    L(t.id);
+  }, A = d.length < n.allReactionsCounter;
+  return /* @__PURE__ */ U(/* @__PURE__ */ T(i, { id: k, ...R, onModalClose: l, size: "md", scrollable: !0, children: [
+    /* @__PURE__ */ o(i.Header, { onModalClose: l, children: /* @__PURE__ */ o("h2", { children: r("audience.reaction.modal.header") }) }),
+    /* @__PURE__ */ o(i.Body, { children: /* @__PURE__ */ o(K, { items: v, defaultId: s, onChange: w }) }),
+    /* @__PURE__ */ T(i.Footer, { children: [
+      A && /* @__PURE__ */ o(I, { color: "tertiary", onClick: b, children: r("audience.reaction.modal.more") }),
+      /* @__PURE__ */ o(I, { color: "primary", onClick: l, type: "button", variant: "filled", children: r("close") })
     ] })
   ] }), document.getElementById("portal"));
 };
-ReactionModal.Card = ReactionModalCard;
-const ReactionModal$1 = ReactionModal;
+B.Card = z;
 export {
-  ReactionModal$1 as default
+  B as default
 };
+//# sourceMappingURL=ReactionModal.js.map

package/dist/modules/audience/ReactionModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionModal.js","sources":["../../../src/modules/audience/ReactionModal.tsx"],"sourcesContent":["import {\n  ReactionDetailsData,\n  ReactionType,\n  ReactionTypes,\n} from '@edifice.io/ts-client';\nimport { useCallback, useEffect, useId, useMemo, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../../components/Button';\nimport { Modal } from '../../components/Modal';\nimport { Tabs, TabsItemProps } from '../../components/Tabs';\nimport { StringUtils } from '../../utils';\nimport { ReactionModalCard } from './ReactionModal.Card';\nimport { default as useReactionIcons } from './hooks/useReactionIcons';\n\nexport interface ReactionModalProps {\n  /** Id of resource. */\n  resourceId: string;\n\n  /** Number of results per page, defaults to 30. */\n  pageSize?: number;\n\n  /** Display modal ? */\n  isOpen: boolean;\n\n  /** Close button handler. */\n  onModalClose(): void;\n\n  /** Function for loading reactions to the resource. */\n  reactionDetailsLoader: (\n    resourceId: string,\n    page: number,\n    size: number,\n  ) => Promise<ReactionDetailsData | undefined>;\n}\n\nconst ALL_TAB_ID = 'all';\ntype TabId = ReactionType | typeof ALL_TAB_ID;\n\nconst ReactionModal = ({\n  resourceId,\n  pageSize = 30,\n  reactionDetailsLoader: loadReactionDetails,\n  onModalClose,\n  ...restProps\n}: ReactionModalProps) => {\n  // Reaction counters details.\n  const [counters, setCounters] = useState({\n    countByType: {} as {\n      [type in ReactionType]?: number;\n    },\n    allReactionsCounter: 0,\n  });\n  // Reactions details.\n  const [reactions, setReactions] = useState<\n    ReactionDetailsData['userReactions']\n  >([]);\n  // Currently displayed tab ID.\n  const [currentTabId, setCurrentTabId] = useState<TabId>(ALL_TAB_ID);\n\n  const id = useId();\n  const { t } = useTranslation();\n  const { getReactionIcon } = useReactionIcons();\n\n  const [latestPage, setLatestPage] = useState(0);\n\n  const loadNextPage = useCallback(async () => {\n    const nextPage = latestPage + 1;\n    setLatestPage(nextPage);\n\n    const data = await loadReactionDetails(resourceId, nextPage, pageSize);\n    if (data) {\n      const { reactionCounters, userReactions } = data;\n      if (nextPage === 1) setCounters(reactionCounters);\n      setReactions((old) => [\n        ...old,\n        ...userReactions.filter(\n          (reaction) =>\n            !old.some((oldReaction) => oldReaction.userId === reaction.userId),\n        ),\n      ]);\n    }\n  }, [latestPage, loadReactionDetails, pageSize, resourceId]);\n\n  // Displayed panel.\n  const panel = useMemo(() => {\n    return (\n      <div className=\"d-flex flex-column w-100 gap-8 mt-32\">\n        {reactions\n          .filter(\n            (reaction) =>\n              currentTabId === ALL_TAB_ID ||\n              reaction.reactionType === currentTabId,\n          )\n          .map((reaction) => {\n            return (\n              <ReactionModal.Card key={reaction.userId} reaction={reaction} />\n            );\n          })}\n      </div>\n    );\n  }, [currentTabId, reactions]);\n\n  // Displayed tabs list.\n  const tabs = useMemo(() => {\n    const items: TabsItemProps[] = ReactionTypes.filter(\n      (type) => typeof counters.countByType?.[type] === 'number',\n    ).map((type) => ({\n      id: type,\n      icon: getReactionIcon(type),\n      label: StringUtils.toCounter(counters.countByType[type] as number),\n      content: panel,\n    }));\n\n    return [\n      {\n        id: ALL_TAB_ID,\n        icon: null,\n        label: t('audience.reaction.tab.all'),\n        content: panel,\n      },\n      ...items,\n    ];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [counters.countByType, panel]);\n\n  // Load first page, once\n  useEffect(() => {\n    loadNextPage();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleTabChange = (tab: TabsItemProps) => {\n    setCurrentTabId(tab.id as TabId);\n  };\n\n  const hasMore = reactions.length < counters.allReactionsCounter;\n\n  return createPortal(\n    <Modal\n      id={id}\n      {...restProps}\n      onModalClose={onModalClose}\n      size=\"md\"\n      scrollable\n    >\n      <Modal.Header onModalClose={onModalClose}>\n        <h2>{t('audience.reaction.modal.header')}</h2>\n      </Modal.Header>\n\n      <Modal.Body>\n        <Tabs\n          items={tabs}\n          defaultId={ALL_TAB_ID}\n          onChange={handleTabChange}\n        ></Tabs>\n      </Modal.Body>\n\n      <Modal.Footer>\n        {hasMore && (\n          <Button color=\"tertiary\" onClick={loadNextPage}>\n            {t('audience.reaction.modal.more')}\n          </Button>\n        )}\n        <Button\n          color=\"primary\"\n          onClick={onModalClose}\n          type=\"button\"\n          variant=\"filled\"\n        >\n          {t('close')}\n        </Button>\n      </Modal.Footer>\n    </Modal>,\n    document.getElementById('portal') as HTMLElement,\n  );\n};\n\nReactionModal.displayName = 'ReactionModal';\nReactionModal.Card = ReactionModalCard;\n\nexport default ReactionModal;\n"],"names":["ALL_TAB_ID","ReactionModal","resourceId","pageSize","reactionDetailsLoader","loadReactionDetails","onModalClose","restProps","counters","setCounters","useState","countByType","allReactionsCounter","reactions","setReactions","currentTabId","setCurrentTabId","id","useId","t","useTranslation","getReactionIcon","useReactionIcons","latestPage","setLatestPage","loadNextPage","useCallback","nextPage","data","reactionCounters","userReactions","old","filter","reaction","some","oldReaction","userId","panel","useMemo","jsx","reactionType","map","tabs","items","ReactionTypes","type","icon","label","StringUtils","toCounter","content","useEffect","handleTabChange","tab","hasMore","length","createPortal","jsxs","Modal","Tabs","Button","document","getElementById","Card","ReactionModalCard"],"mappings":"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"}

package/dist/modules/audience/ReactionSummary.d.ts

@@ -1,4 +1,4 @@
-import { ReactionSummaryData } from 'edifice-ts-client';
+import { ReactionSummaryData } from '@edifice.io/ts-client';
 export interface ReactionSummaryProps {
     summary?: ReactionSummaryData;
     onClick?: () => void;

package/dist/modules/audience/ReactionSummary.js

@@ -1,27 +1,28 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import useReactionIcons from "./hooks/useReactionIcons.js";
-import { Button } from "../../components/Button/Button.js";
-import { StringUtils } from "../../utils/StringUtils.js";
-const ReactionSummary = ({
-  summary = {
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import c from "./hooks/useReactionIcons.js";
+import { Button as m } from "../../components/Button/Button.js";
+import { StringUtils as d } from "../../utils/StringUtils.js";
+const v = ({
+  summary: i = {
     userReaction: null,
     totalReactionsCounter: 0
   },
-  onClick
+  onClick: a
 }) => {
   const {
-    getReactionIcon
-  } = useReactionIcons(), {
-    totalReactionsCounter,
-    reactionTypes
-  } = summary, hasNoReactions = totalReactionsCounter === 0;
-  return /* @__PURE__ */ jsx(Button, { variant: "ghost", className: "py-4 px-8 btn-icon", disabled: hasNoReactions, onClick: (event) => {
-    event.preventDefault(), event.stopPropagation(), onClick == null || onClick();
-  }, children: /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-gray-700 fw-normal me-8", children: StringUtils.toCounter(totalReactionsCounter) }),
-    hasNoReactions ? /* @__PURE__ */ jsx("div", { className: "reaction-overlap", children: getReactionIcon("REACTION_1", !0) }) : reactionTypes == null ? void 0 : reactionTypes.map((reactionType) => /* @__PURE__ */ jsx("div", { className: "reaction-overlap", children: getReactionIcon(reactionType, !0) }, reactionType))
+    getReactionIcon: n
+  } = c(), {
+    totalReactionsCounter: r,
+    reactionTypes: o
+  } = i, s = r === 0;
+  return /* @__PURE__ */ e(m, { variant: "ghost", className: "py-4 px-8 btn-icon", disabled: s, onClick: (t) => {
+    t.preventDefault(), t.stopPropagation(), a == null || a();
+  }, children: /* @__PURE__ */ l("div", { className: "d-flex align-items-center", children: [
+    /* @__PURE__ */ e("div", { className: "text-gray-700 fw-normal me-8", children: d.toCounter(r) }),
+    s ? /* @__PURE__ */ e("div", { className: "reaction-overlap", children: n("REACTION_1", !0) }) : o == null ? void 0 : o.map((t) => /* @__PURE__ */ e("div", { className: "reaction-overlap", children: n(t, !0) }, t))
   ] }) });
-}, ReactionSummary$1 = ReactionSummary;
+};
 export {
-  ReactionSummary$1 as default
+  v as default
 };
+//# sourceMappingURL=ReactionSummary.js.map

package/dist/modules/audience/ReactionSummary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactionSummary.js","sources":["../../../src/modules/audience/ReactionSummary.tsx"],"sourcesContent":["import { ReactionSummaryData } from '@edifice.io/ts-client';\nimport { Button } from '../../components/Button';\nimport { StringUtils } from '../../utils';\nimport useReactionIcons from './hooks/useReactionIcons';\n\nexport interface ReactionSummaryProps {\n  summary?: ReactionSummaryData;\n  onClick?: () => void;\n}\n\nconst ReactionSummary = ({\n  summary = { userReaction: null, totalReactionsCounter: 0 },\n  onClick,\n}: ReactionSummaryProps) => {\n  const { getReactionIcon } = useReactionIcons();\n\n  const { totalReactionsCounter, reactionTypes } = summary;\n\n  const hasNoReactions = totalReactionsCounter === 0;\n\n  const handleDetailsClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onClick?.();\n  };\n\n  return (\n    <Button\n      variant=\"ghost\"\n      className=\"py-4 px-8 btn-icon\"\n      disabled={hasNoReactions}\n      onClick={handleDetailsClick}\n    >\n      <div className=\"d-flex align-items-center\">\n        <div className=\"text-gray-700 fw-normal me-8\">\n          {StringUtils.toCounter(totalReactionsCounter)}\n        </div>\n        {hasNoReactions ? (\n          <div className=\"reaction-overlap\">\n            {getReactionIcon('REACTION_1', true)}\n          </div>\n        ) : (\n          reactionTypes?.map((reactionType) => (\n            <div className=\"reaction-overlap\" key={reactionType}>\n              {getReactionIcon(reactionType, true)}\n            </div>\n          ))\n        )}\n      </div>\n    </Button>\n  );\n};\n\nReactionSummary.displayName = 'ReactionSummary';\n\nexport default ReactionSummary;\n"],"names":["ReactionSummary","summary","userReaction","totalReactionsCounter","onClick","getReactionIcon","useReactionIcons","reactionTypes","hasNoReactions","jsx","Button","handleDetailsClick","event","preventDefault","stopPropagation","jsxs","StringUtils","toCounter","map","reactionType"],"mappings":";;;;AAUA,MAAMA,IAAkBA,CAAC;AAAA,EACvBC,SAAAA,IAAU;AAAA,IAAEC,cAAc;AAAA,IAAMC,uBAAuB;AAAA,EAAE;AAAA,EACzDC,SAAAA;AACoB,MAAM;AACpB,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,MAAoBC,EAAiB,GAEvC;AAAA,IAAEH,uBAAAA;AAAAA,IAAuBI,eAAAA;AAAAA,EAAkBN,IAAAA,GAE3CO,IAAiBL,MAA0B;AAQjD,SACG,gBAAAM,EAAAC,GAAA,EACC,SAAQ,SACR,WAAU,sBACV,UAAUF,GACV,SAXuBG,CAACC,MAA+C;AACzEA,IAAAA,EAAMC,eAAe,GACrBD,EAAME,gBAAgB,GACZV,KAAA,QAAAA;AAAA,EAAA,GAUR,UAAC,gBAAAW,EAAA,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,IAAA,gBAAAN,EAAC,SAAI,WAAU,gCACZO,UAAYC,EAAAA,UAAUd,CAAqB,GAC9C;AAAA,IACCK,sBACE,OAAI,EAAA,WAAU,oBACZH,UAAgBA,EAAA,cAAc,EAAI,EACrC,CAAA,IAEAE,KAAAA,gBAAAA,EAAeW,IAAKC,CAClBA,MAAA,gBAAAV,EAAC,SAAI,WAAU,oBACZJ,YAAgBc,GAAc,EAAI,EADEA,GAAAA,CAEvC;AAAA,EACD,EAEL,CAAA,EACF,CAAA;AAEJ;"}

package/dist/modules/audience/ViewsByProfileCard.d.ts

@@ -1,4 +1,4 @@
-import { ViewsDetailsProfile } from 'edifice-ts-client';
+import { ViewsDetailsProfile } from '@edifice.io/ts-client';
 export interface ViewsCardProps {
     viewsByProfile: ViewsDetailsProfile;
 }

package/dist/modules/audience/ViewsByProfileCard.js

@@ -1,35 +1,36 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useTranslation } from "react-i18next";
-import { StringUtils } from "../../utils/StringUtils.js";
-import { Icon } from "../../components/Icon/Icon.js";
-const ViewsByProfileCard = ({
-  viewsByProfile
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { StringUtils as d } from "../../utils/StringUtils.js";
+import { Icon as n } from "../../components/Icon/Icon.js";
+const w = ({
+  viewsByProfile: s
 }) => {
   const {
-    t
-  } = useTranslation(), profile = viewsByProfile.profile.toLowerCase(), classNameIcon = `views-detail-icon rounded p-8 views-detail-icon-${profile}`;
-  function getIcon(profile2) {
-    switch (profile2) {
+    t: i
+  } = u(), r = s.profile.toLowerCase(), t = `views-detail-icon rounded p-8 views-detail-icon-${r}`;
+  function a(c) {
+    switch (c) {
       case "student":
-        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/student" });
+        return /* @__PURE__ */ e(n, { name: "audience/views/student" });
       case "relative":
-        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/parent" });
+        return /* @__PURE__ */ e(n, { name: "audience/views/parent" });
       case "teacher":
-        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/teacher" });
+        return /* @__PURE__ */ e(n, { name: "audience/views/teacher" });
       case "personnel":
-        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/personnel" });
+        return /* @__PURE__ */ e(n, { name: "audience/views/personnel" });
       case "guest":
-        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/guest" });
+        return /* @__PURE__ */ e(n, { name: "audience/views/guest" });
       default:
-        return /* @__PURE__ */ jsx(Icon, { name: "users" });
+        return /* @__PURE__ */ e(n, { name: "users" });
     }
   }
-  return /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 ms-32 mb-12", children: [
-    /* @__PURE__ */ jsx("div", { className: classNameIcon, children: getIcon(profile) }),
-    /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsByProfile.counter) }),
-    /* @__PURE__ */ jsx("div", { children: t(`audience.views.uniqueViewsPerProfile.${profile}`) })
-  ] }, profile);
+  return /* @__PURE__ */ o("div", { className: "views-detail-line p-8 ms-32 mb-12", children: [
+    /* @__PURE__ */ e("div", { className: t, children: a(r) }),
+    /* @__PURE__ */ e("div", { className: "h3", children: d.toCounter(s.counter) }),
+    /* @__PURE__ */ e("div", { children: i(`audience.views.uniqueViewsPerProfile.${r}`) })
+  ] }, r);
 };
 export {
-  ViewsByProfileCard as default
+  w as default
 };
+//# sourceMappingURL=ViewsByProfileCard.js.map

package/dist/modules/audience/ViewsByProfileCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsByProfileCard.js","sources":["../../../src/modules/audience/ViewsByProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nimport { ViewsDetailsProfile } from '@edifice.io/ts-client';\nimport { Icon } from '../../components';\nimport { StringUtils } from '../../utils';\n\nexport interface ViewsCardProps {\n  viewsByProfile: ViewsDetailsProfile;\n}\n\nconst ViewsByProfileCard = ({ viewsByProfile }: ViewsCardProps) => {\n  const { t } = useTranslation();\n  const profile = viewsByProfile.profile.toLowerCase();\n  const classNameIcon = `views-detail-icon rounded p-8 views-detail-icon-${profile}`;\n\n  function getIcon(profile: string) {\n    switch (profile) {\n      case 'student':\n        return <Icon name=\"audience/views/student\" />;\n      case 'relative':\n        return <Icon name=\"audience/views/parent\" />;\n      case 'teacher':\n        return <Icon name=\"audience/views/teacher\" />;\n      case 'personnel':\n        return <Icon name=\"audience/views/personnel\" />;\n      case 'guest':\n        return <Icon name=\"audience/views/guest\" />;\n      default:\n        return <Icon name=\"users\" />;\n    }\n  }\n\n  return (\n    <div key={profile} className=\"views-detail-line p-8 ms-32 mb-12\">\n      <div className={classNameIcon}>{getIcon(profile)}</div>\n      <div className=\"h3\">{StringUtils.toCounter(viewsByProfile.counter)}</div>\n      <div>{t(`audience.views.uniqueViewsPerProfile.${profile}`)}</div>\n    </div>\n  );\n};\n\nViewsByProfileCard.displayName = 'ViewsByProfileCard';\n\nexport default ViewsByProfileCard;\n"],"names":["ViewsByProfileCard","viewsByProfile","t","useTranslation","profile","toLowerCase","classNameIcon","getIcon","jsx","Icon","jsxs","StringUtils","toCounter","counter"],"mappings":";;;;AAUA,MAAMA,IAAqBA,CAAC;AAAA,EAAEC,gBAAAA;AAA+B,MAAM;AAC3D,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAUH,EAAeG,QAAQC,YAAY,GAC7CC,IAAgB,mDAAmDF,CAAO;AAEhF,WAASG,EAAQH,GAAiB;AAChC,YAAQA,GAAO;AAAA,MACb,KAAK;AACI,eAAA,gBAAAI,EAACC,GAAK,EAAA,MAAK,yBAA2B,CAAA;AAAA,MAC/C,KAAK;AACI,eAAA,gBAAAD,EAACC,GAAK,EAAA,MAAK,wBAA0B,CAAA;AAAA,MAC9C,KAAK;AACI,eAAA,gBAAAD,EAACC,GAAK,EAAA,MAAK,yBAA2B,CAAA;AAAA,MAC/C,KAAK;AACI,eAAA,gBAAAD,EAACC,GAAK,EAAA,MAAK,2BAA6B,CAAA;AAAA,MACjD,KAAK;AACI,eAAA,gBAAAD,EAACC,GAAK,EAAA,MAAK,uBAAyB,CAAA;AAAA,MAC7C;AACS,eAAA,gBAAAD,EAACC,GAAK,EAAA,MAAK,QAAU,CAAA;AAAA,IAChC;AAAA,EACF;AAGE,SAAA,gBAAAC,EAAC,OAAkB,EAAA,WAAU,qCAC3B,UAAA;AAAA,IAAA,gBAAAF,EAAC,OAAI,EAAA,WAAWF,GAAgBC,UAAAA,EAAQH,CAAO,GAAE;AAAA,IACjD,gBAAAI,EAAC,SAAI,WAAU,MAAMG,YAAYC,UAAUX,EAAeY,OAAO,GAAE;AAAA,sBAClE,OAAKX,EAAAA,UAAAA,EAAE,wCAAwCE,CAAO,EAAE,GAAE;AAAA,EAAA,EAAA,GAHnDA,CAIV;AAEJ;"}

package/dist/modules/audience/ViewsCounter.js

@@ -1,18 +1,19 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { StringUtils } from "../../utils/StringUtils.js";
-import { Button } from "../../components/Button/Button.js";
-import { Icon } from "../../components/Icon/Icon.js";
-const ViewsCounter = ({
-  viewsCounter,
-  onClick,
-  className
+import { jsx as p } from "react/jsx-runtime";
+import i from "clsx";
+import { StringUtils as m } from "../../utils/StringUtils.js";
+import { Button as a } from "../../components/Button/Button.js";
+import { Icon as f } from "../../components/Icon/Icon.js";
+const h = ({
+  viewsCounter: r,
+  onClick: t,
+  className: o
 }) => {
-  const handleButtonClick = (event) => {
-    event.preventDefault(), event.stopPropagation(), onClick == null || onClick();
+  const e = (n) => {
+    n.preventDefault(), n.stopPropagation(), t == null || t();
   };
-  return className = clsx("text-gray-700 fw-normal py-4 px-8 btn-icon", className), /* @__PURE__ */ jsx(Button, { rightIcon: /* @__PURE__ */ jsx(Icon, { name: "see" }), variant: "ghost", type: "button", className, onClick: handleButtonClick, disabled: !viewsCounter, children: StringUtils.toCounter(viewsCounter) });
-}, ViewsCounter$1 = ViewsCounter;
+  return o = i("text-gray-700 fw-normal py-4 px-8 btn-icon", o), /* @__PURE__ */ p(a, { rightIcon: /* @__PURE__ */ p(f, { name: "see" }), variant: "ghost", type: "button", className: o, onClick: e, disabled: !r, children: m.toCounter(r) });
+};
 export {
-  ViewsCounter$1 as default
+  h as default
 };
+//# sourceMappingURL=ViewsCounter.js.map

package/dist/modules/audience/ViewsCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsCounter.js","sources":["../../../src/modules/audience/ViewsCounter.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { Icon } from '../../components';\nimport { Button } from '../../components/Button';\nimport { StringUtils } from '../../utils';\n\nexport interface ViewsCounterProps {\n  viewsCounter: number;\n  onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;\n  className?: string;\n}\n\nconst ViewsCounter = ({\n  viewsCounter,\n  onClick,\n  className,\n}: ViewsCounterProps) => {\n  const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    onClick?.();\n  };\n\n  className = clsx('text-gray-700 fw-normal py-4 px-8 btn-icon', className);\n\n  return (\n    <Button\n      rightIcon={<Icon name=\"see\" />}\n      variant=\"ghost\"\n      type=\"button\"\n      className={className}\n      onClick={handleButtonClick}\n      disabled={!viewsCounter}\n    >\n      {StringUtils.toCounter(viewsCounter)}\n    </Button>\n  );\n};\n\nViewsCounter.displayName = 'ViewsCounter';\n\nexport default ViewsCounter;\n"],"names":["ViewsCounter","viewsCounter","onClick","className","handleButtonClick","event","preventDefault","stopPropagation","clsx","jsx","Button","Icon","StringUtils","toCounter"],"mappings":";;;;;AAWA,MAAMA,IAAeA,CAAC;AAAA,EACpBC,cAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,WAAAA;AACiB,MAAM;AACjBC,QAAAA,IAAoBA,CAACC,MAA+C;AACxEA,IAAAA,EAAMC,eAAe,GACrBD,EAAME,gBAAgB,GACZL,KAAA,QAAAA;AAAA,EAAA;AAGAM,SAAAA,IAAAA,EAAK,8CAA8CL,CAAS,GAGtE,gBAAAM,EAACC,KACC,WAAW,gBAAAD,EAACE,KAAK,MAAK,MAAA,CAAQ,GAC9B,SAAQ,SACR,MAAK,UACL,WAAAR,GACA,SAASC,GACT,UAAU,CAACH,GAEVW,UAAAA,EAAYC,UAAUZ,CAAY,EACrC,CAAA;AAEJ;"}

package/dist/modules/audience/ViewsModal.d.ts

@@ -1,4 +1,4 @@
-import { ViewsDetails } from 'edifice-ts-client';
+import { ViewsDetails } from '@edifice.io/ts-client';
 export interface ViewsModalProps {
     viewsDetails: ViewsDetails;
     isOpen: boolean;

package/dist/modules/audience/ViewsModal.js

@@ -1,40 +1,41 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-import { useTranslation } from "react-i18next";
-import ViewsByProfileCard from "./ViewsByProfileCard.js";
-import { Modal } from "../../components/Modal/Modal.js";
-import { Icon } from "../../components/Icon/Icon.js";
-import { StringUtils } from "../../utils/StringUtils.js";
-import { Button } from "../../components/Button/Button.js";
-const ViewsModal = ({
-  viewsDetails,
-  isOpen,
-  onModalClose
+import { jsxs as r, jsx as e, Fragment as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+import { useTranslation as p } from "react-i18next";
+import v from "./ViewsByProfileCard.js";
+import { Modal as d } from "../../components/Modal/Modal.js";
+import { Icon as c } from "../../components/Icon/Icon.js";
+import { StringUtils as s } from "../../utils/StringUtils.js";
+import { Button as w } from "../../components/Button/Button.js";
+const x = ({
+  viewsDetails: n,
+  isOpen: u,
+  onModalClose: o
 }) => {
-  var _a;
+  var l;
   const {
-    t
-  } = useTranslation(), hasUniqueViews = viewsDetails.uniqueViewsCounter !== void 0;
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "ViewsModal", isOpen, onModalClose, children: [
-    /* @__PURE__ */ jsx(Modal.Header, { onModalClose, children: t("audience.views.title") }),
-    /* @__PURE__ */ jsxs(Modal.Body, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(Icon, { name: "see" }) }),
-        /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.viewsCounter) }),
-        /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.viewsCounter") })
+    t: i
+  } = p(), t = n.uniqueViewsCounter !== void 0;
+  return /* @__PURE__ */ h(/* @__PURE__ */ r(d, { id: "ViewsModal", isOpen: u, onModalClose: o, children: [
+    /* @__PURE__ */ e(d.Header, { onModalClose: o, children: i("audience.views.title") }),
+    /* @__PURE__ */ r(d.Body, { children: [
+      /* @__PURE__ */ r("div", { className: "views-detail-line p-8 mb-12", children: [
+        /* @__PURE__ */ e("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ e(c, { name: "see" }) }),
+        /* @__PURE__ */ e("div", { className: "h3", children: s.toCounter(n.viewsCounter) }),
+        /* @__PURE__ */ e("div", { children: i("audience.views.detail.viewsCounter") })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "views-detail-line p-8 mb-12", children: [
-        /* @__PURE__ */ jsx("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ jsx(Icon, { name: "users" }) }),
-        hasUniqueViews ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.uniqueViewsCounter) }),
-          /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.uniqueViewsCounter") })
-        ] }) : /* @__PURE__ */ jsx("div", { children: t("audience.views.detail.noUniqueViews") })
+      /* @__PURE__ */ r("div", { className: "views-detail-line p-8 mb-12", children: [
+        /* @__PURE__ */ e("div", { className: "views-detail-icon rounded p-8", children: /* @__PURE__ */ e(c, { name: "users" }) }),
+        t ? /* @__PURE__ */ r(m, { children: [
+          /* @__PURE__ */ e("div", { className: "h3", children: s.toCounter(n.uniqueViewsCounter) }),
+          /* @__PURE__ */ e("div", { children: i("audience.views.detail.uniqueViewsCounter") })
+        ] }) : /* @__PURE__ */ e("div", { children: i("audience.views.detail.noUniqueViews") })
       ] }),
-      hasUniqueViews ? (_a = viewsDetails.uniqueViewsPerProfile) == null ? void 0 : _a.map((viewsByProfile) => /* @__PURE__ */ jsx(ViewsByProfileCard, { viewsByProfile }, viewsByProfile.profile)) : null
+      t ? (l = n.uniqueViewsPerProfile) == null ? void 0 : l.map((a) => /* @__PURE__ */ e(v, { viewsByProfile: a }, a.profile)) : null
     ] }),
-    /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("audience.views.cancel") }) })
+    /* @__PURE__ */ e(d.Footer, { children: /* @__PURE__ */ e(w, { color: "primary", onClick: o, type: "button", variant: "filled", children: i("audience.views.cancel") }) })
   ] }), document.getElementById("portal"));
-}, ViewsModal$1 = ViewsModal;
+};
 export {
-  ViewsModal$1 as default
+  x as default
 };
+//# sourceMappingURL=ViewsModal.js.map

package/dist/modules/audience/ViewsModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsModal.js","sources":["../../../src/modules/audience/ViewsModal.tsx"],"sourcesContent":["import { ViewsDetails } from '@edifice.io/ts-client';\nimport { createPortal } from 'react-dom';\nimport { useTranslation } from 'react-i18next';\nimport { Icon } from '../../components';\nimport { Button } from '../../components/Button';\nimport { Modal } from '../../components/Modal';\nimport { StringUtils } from '../../utils';\nimport ViewsByProfileCard from './ViewsByProfileCard';\n\nexport interface ViewsModalProps {\n  viewsDetails: ViewsDetails;\n  isOpen: boolean;\n  onModalClose: () => void;\n}\n\nconst ViewsModal = ({\n  viewsDetails,\n  isOpen,\n  onModalClose,\n}: ViewsModalProps) => {\n  const { t } = useTranslation();\n\n  const hasUniqueViews = viewsDetails.uniqueViewsCounter !== undefined;\n\n  return createPortal(\n    <Modal id=\"ViewsModal\" isOpen={isOpen} onModalClose={onModalClose}>\n      <Modal.Header onModalClose={onModalClose}>\n        {t('audience.views.title')}\n      </Modal.Header>\n      <Modal.Body>\n        <div className=\"views-detail-line p-8 mb-12\">\n          <div className=\"views-detail-icon rounded p-8\">\n            <Icon name=\"see\" />\n          </div>\n          <div className=\"h3\">\n            {StringUtils.toCounter(viewsDetails.viewsCounter)}\n          </div>\n          <div>{t('audience.views.detail.viewsCounter')}</div>\n        </div>\n        <div className=\"views-detail-line p-8 mb-12\">\n          <div className=\"views-detail-icon rounded p-8\">\n            <Icon name=\"users\" />\n          </div>\n          {hasUniqueViews ? (\n            <>\n              <div className=\"h3\">\n                {StringUtils.toCounter(viewsDetails.uniqueViewsCounter)}\n              </div>\n              <div>{t('audience.views.detail.uniqueViewsCounter')}</div>\n            </>\n          ) : (\n            <div>{t('audience.views.detail.noUniqueViews')}</div>\n          )}\n        </div>\n        {hasUniqueViews\n          ? viewsDetails.uniqueViewsPerProfile?.map((viewsByProfile) => (\n              <ViewsByProfileCard\n                viewsByProfile={viewsByProfile}\n                key={viewsByProfile.profile}\n              />\n            ))\n          : null}\n      </Modal.Body>\n      <Modal.Footer>\n        <Button\n          color=\"primary\"\n          onClick={onModalClose}\n          type=\"button\"\n          variant=\"filled\"\n        >\n          {t('audience.views.cancel')}\n        </Button>\n      </Modal.Footer>\n    </Modal>,\n    document.getElementById('portal') as HTMLElement,\n  );\n};\n\nViewsModal.displayName = 'ViewsModal';\n\nexport default ViewsModal;\n"],"names":["ViewsModal","viewsDetails","isOpen","onModalClose","t","useTranslation","hasUniqueViews","uniqueViewsCounter","undefined","jsxs","Modal","jsx","Icon","StringUtils","toCounter","viewsCounter","Fragment","uniqueViewsPerProfile","map","viewsByProfile","ViewsByProfileCard","profile","Button","document","getElementById"],"mappings":";;;;;;;;AAeA,MAAMA,IAAaA,CAAC;AAAA,EAClBC,cAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,cAAAA;AACe,MAAM;;AACf,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvBC,IAAiBL,EAAaM,uBAAuBC;AAE3D,2BACG,gBAAAC,EAAAC,GAAA,EAAM,IAAG,cAAa,QAAAR,GAAgB,cAAAC,GACrC,UAAA;AAAA,IAAA,gBAAAQ,EAACD,EAAM,QAAN,EAAa,cAAAP,GACXC,UAAAA,EAAE,sBAAsB,GAC3B;AAAA,IACA,gBAAAK,EAACC,EAAM,MAAN,EACC,UAAA;AAAA,MAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,QAAA,gBAAAE,EAAC,SAAI,WAAU,iCACb,4BAACC,GAAK,EAAA,MAAK,OAAK,EAClB,CAAA;AAAA,QACA,gBAAAD,EAAC,SAAI,WAAU,MACZE,YAAYC,UAAUb,EAAac,YAAY,GAClD;AAAA,QACC,gBAAAJ,EAAA,OAAA,EAAKP,UAAEA,EAAA,oCAAoC,EAAE,CAAA;AAAA,MAAA,GAChD;AAAA,MACA,gBAAAK,EAAC,OAAI,EAAA,WAAU,+BACb,UAAA;AAAA,QAAA,gBAAAE,EAAC,SAAI,WAAU,iCACb,4BAACC,GAAK,EAAA,MAAK,SAAO,EACpB,CAAA;AAAA,QACCN,IAEG,gBAAAG,EAAAO,GAAA,EAAA,UAAA;AAAA,UAAA,gBAAAL,EAAC,SAAI,WAAU,MACZE,YAAYC,UAAUb,EAAaM,kBAAkB,GACxD;AAAA,UACC,gBAAAI,EAAA,OAAA,EAAKP,UAAEA,EAAA,0CAA0C,EAAE,CAAA;AAAA,QAAA,EACtD,CAAA,IAEA,gBAAAO,EAAC,OAAKP,EAAAA,UAAAA,EAAE,qCAAqC,GAAE;AAAA,MAAA,GAEnD;AAAA,MACCE,KACGL,IAAAA,EAAagB,0BAAbhB,gBAAAA,EAAoCiB,IAAKC,CAAAA,MACtC,gBAAAR,EAAAS,GAAA,EACC,gBAAAD,EACKA,GAAAA,EAAeE,OAEvB,KACD;AAAA,IAAA,GACN;AAAA,sBACCX,EAAM,QAAN,EACC,UAAA,gBAAAC,EAACW,KACC,OAAM,WACN,SAASnB,GACT,MAAK,UACL,SAAQ,UAEPC,UAAEA,EAAA,uBAAuB,EAC5B,CAAA,GACF;AAAA,EAAA,EAAA,CACF,GACAmB,SAASC,eAAe,QAAQ,CAClC;AACF;"}

package/dist/modules/audience/hooks/useReactionIcons.d.ts

@@ -1,4 +1,4 @@
-import { ReactionType } from 'edifice-ts-client';
+import { ReactionType } from '@edifice.io/ts-client';
 export default function useReactionIcons(): {
     getReactionIcon: (reactionType?: ReactionType | null, asCounter?: boolean) => import("react/jsx-runtime").JSX.Element;
     getReactionLabel: (reactionType?: ReactionType | null) => "audience.reaction.thanks" | "audience.reaction.great" | "audience.reaction.congrats" | "audience.reaction.interesting" | "audience.reaction.default";

package/dist/modules/audience/hooks/useReactionIcons.js

@@ -1,23 +1,23 @@
-import { jsx } from "react/jsx-runtime";
-import { Icon } from "../../../components/Icon/Icon.js";
-function useReactionIcons() {
+import { jsx as e } from "react/jsx-runtime";
+import { Icon as n } from "../../../components/Icon/Icon.js";
+function u() {
   return {
-    getReactionIcon: (reactionType, asCounter) => {
-      switch (reactionType) {
+    getReactionIcon: (t, a) => {
+      switch (t) {
         case "REACTION_1":
-          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/thanks-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/thanks" });
+          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/thanks-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/thanks" });
         case "REACTION_2":
-          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/great-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/great" });
+          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/great-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/great" });
         case "REACTION_3":
-          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/congrats-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/congrats" });
+          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/congrats-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/congrats" });
         case "REACTION_4":
-          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/interesting-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/interesting" });
+          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/interesting-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/interesting" });
         default:
-          return /* @__PURE__ */ jsx(Icon, { name: "reaction" });
+          return /* @__PURE__ */ e(n, { name: "reaction" });
       }
     },
-    getReactionLabel: (reactionType) => {
-      switch (reactionType) {
+    getReactionLabel: (t) => {
+      switch (t) {
         case "REACTION_1":
           return "audience.reaction.thanks";
         case "REACTION_2":
@@ -33,5 +33,6 @@ function useReactionIcons() {
   };
 }
 export {
-  useReactionIcons as default
+  u as default
 };
+//# sourceMappingURL=useReactionIcons.js.map

package/dist/modules/audience/hooks/useReactionIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReactionIcons.js","sources":["../../../../src/modules/audience/hooks/useReactionIcons.tsx"],"sourcesContent":["import { ReactionType } from '@edifice.io/ts-client';\nimport { Icon } from '../../../components';\n\nexport default function useReactionIcons() {\n  /**\n   * Get the Icon corresponding to a ReactionType.\n   *\n   * @param reactionType type\n   * @param asCounter Get the \"counter / rounded\" version of the icon ?\n   * @returns An icon for the type, or <ReactionIcon /> by default.\n   */\n  const getReactionIcon = (\n    reactionType?: ReactionType | null,\n    asCounter?: boolean,\n  ) => {\n    switch (reactionType) {\n      case 'REACTION_1':\n        return asCounter ? (\n          <Icon name=\"audience/reactions/thanks-counter\" />\n        ) : (\n          <Icon name=\"audience/reactions/thanks\" />\n        );\n      case 'REACTION_2':\n        return asCounter ? (\n          <Icon name=\"audience/reactions/great-counter\" />\n        ) : (\n          <Icon name=\"audience/reactions/great\" />\n        );\n      case 'REACTION_3':\n        return asCounter ? (\n          <Icon name=\"audience/reactions/congrats-counter\" />\n        ) : (\n          <Icon name=\"audience/reactions/congrats\" />\n        );\n      case 'REACTION_4':\n        return asCounter ? (\n          <Icon name=\"audience/reactions/interesting-counter\" />\n        ) : (\n          <Icon name=\"audience/reactions/interesting\" />\n        );\n      default:\n        return <Icon name=\"reaction\" />;\n    }\n  };\n\n  /**\n   * Get the i18n key for labelling a ReactionType.\n   * @param reactionType type\n   * @returns An i18n key\n   */\n  const getReactionLabel = (reactionType?: ReactionType | null) => {\n    switch (reactionType) {\n      case 'REACTION_1':\n        return 'audience.reaction.thanks';\n      case 'REACTION_2':\n        return 'audience.reaction.great';\n      case 'REACTION_3':\n        return 'audience.reaction.congrats';\n      case 'REACTION_4':\n        return 'audience.reaction.interesting';\n      default:\n        return 'audience.reaction.default';\n    }\n  };\n\n  return { getReactionIcon, getReactionLabel };\n}\n"],"names":["useReactionIcons","getReactionIcon","reactionType","asCounter","Icon","jsx","getReactionLabel"],"mappings":";;AAGA,SAAwBA,IAAmB;AA8DlC,SAAA;AAAA,IAAEC,iBAtDeA,CACtBC,GACAC,MACG;AACH,cAAQD,GAAY;AAAA,QAClB,KAAK;AACIC,iBAAAA,sBACJC,GAAK,EAAA,MAAK,qCAAsC,IAEjD,gBAAAC,EAACD,GAAK,EAAA,MAAK,4BACZ,CAAA;AAAA,QACH,KAAK;AACID,iBAAAA,sBACJC,GAAK,EAAA,MAAK,oCAAqC,IAEhD,gBAAAC,EAACD,GAAK,EAAA,MAAK,2BACZ,CAAA;AAAA,QACH,KAAK;AACID,iBAAAA,sBACJC,GAAK,EAAA,MAAK,uCAAwC,IAEnD,gBAAAC,EAACD,GAAK,EAAA,MAAK,8BACZ,CAAA;AAAA,QACH,KAAK;AACID,iBAAAA,sBACJC,GAAK,EAAA,MAAK,0CAA2C,IAEtD,gBAAAC,EAACD,GAAK,EAAA,MAAK,iCACZ,CAAA;AAAA,QACH;AACS,iBAAA,gBAAAC,EAACD,GAAK,EAAA,MAAK,WAAa,CAAA;AAAA,MACnC;AAAA,IAAA;AAAA,IAuBwBE,kBAfDA,CAACJ,MAAuC;AAC/D,cAAQA,GAAY;AAAA,QAClB,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT,KAAK;AACI,iBAAA;AAAA,QACT;AACS,iBAAA;AAAA,MACX;AAAA,IAAA;AAAA,EAGwBI;AAC5B;"}