@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop.20261013171251

package/dist/modules/audience/ReactionModal.js

@@ -1 +1,75 @@
-import Button from"../../components/Button/Button.js";import Modal from"../../components/Modal/Modal.js";import Tabs from"../../components/Tabs/components/Tabs.js";import useReactionIcons from"./hooks/useReactionIcons.js";import{ReactionModalCard}from"./ReactionModal.Card.js";import{StringUtils}from"@edifice.io/utilities";import{useCallback,useEffect,useId,useMemo,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{ReactionTypes}from"@edifice.io/client";import{createPortal}from"react-dom";var ALL_TAB_ID=`all`,ReactionModal=({resourceId,pageSize=30,reactionDetailsLoader:loadReactionDetails,onModalClose,...restProps})=>{let[counters,setCounters]=useState({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()=>{let nextPage=latestPage+1;setLatestPage(nextPage);let data=await loadReactionDetails(resourceId,nextPage,pageSize);if(data){let{reactionCounters,userReactions}=data;nextPage===1&&setCounters(reactionCounters),setReactions(old=>[...old,...userReactions.filter(reaction=>!old.some(oldReaction=>oldReaction.userId===reaction.userId))])}},[latestPage,loadReactionDetails,pageSize,resourceId]),panel=useMemo(()=>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=>jsx(ReactionModal.Card,{reaction},reaction.userId))}),[currentTabId,reactions]),tabs=useMemo(()=>{let items=ReactionTypes.filter(type=>typeof counters.countByType?.[type]==`number`).map(type=>({id:type,icon:getReactionIcon(type),label:StringUtils.toCounter(counters.countByType[type]),content:panel}));return[{id:ALL_TAB_ID,icon:null,label:t(`audience.reaction.tab.all`),content:panel},...items]},[counters.countByType,panel]);useEffect(()=>{loadNextPage()},[]);let handleTabChange=tab=>{setCurrentTabId(tab.id)},hasMore=reactions.length<counters.allReactionsCounter;return jsx(Fragment$1,{children:createPortal(jsxs(Modal,{id,...restProps,onModalClose,size:`md`,scrollable:!0,children:[jsx(Modal.Header,{onModalClose,children:t(`audience.reaction.modal.header`)}),jsx(Modal.Body,{children:jsx(Tabs,{items:tabs,defaultId:ALL_TAB_ID,onChange:handleTabChange})}),jsxs(Modal.Footer,{children:[hasMore&&jsx(Button,{color:`tertiary`,onClick:loadNextPage,children:t(`audience.reaction.modal.more`)}),jsx(Button,{color:`primary`,onClick:onModalClose,type:`button`,variant:`filled`,children:t(`close`)})]})]}),document.getElementById(`portal`))})};ReactionModal.Card=ReactionModalCard;export{ReactionModal as default};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { ReactionTypes } from "@edifice.io/client";
+import { StringUtils } from "@edifice.io/utilities";
+import { useState, useId, useCallback, useMemo, useEffect } from "react";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import useReactionIcons from "./hooks/useReactionIcons.js";
+import { ReactionModalCard } from "./ReactionModal.Card.js";
+import Modal from "../../components/Modal/Modal.js";
+import Button from "../../components/Button/Button.js";
+import { Tabs } from "../../components/Tabs/components/Tabs.js";
+const ALL_TAB_ID = "all", ReactionModal = ({
+  resourceId,
+  pageSize = 30,
+  reactionDetailsLoader: loadReactionDetails,
+  onModalClose,
+  ...restProps
+}) => {
+  const [counters, setCounters] = useState({
+    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) {
+      const {
+        reactionCounters,
+        userReactions
+      } = data;
+      nextPage === 1 && setCounters(reactionCounters), setReactions((old) => [...old, ...userReactions.filter((reaction) => !old.some((oldReaction) => oldReaction.userId === reaction.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
+    }));
+    return [{
+      id: ALL_TAB_ID,
+      icon: null,
+      label: t("audience.reaction.tab.all"),
+      content: panel
+    }, ...items];
+  }, [counters.countByType, panel]);
+  useEffect(() => {
+    loadNextPage();
+  }, []);
+  const handleTabChange = (tab) => {
+    setCurrentTabId(tab.id);
+  }, hasMore = reactions.length < counters.allReactionsCounter;
+  return (
+    // Using a fragment to ensure Storybook correctly interprets JSDoc comments: https://github.com/storybookjs/storybook/issues/27169
+    /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id, ...restProps, onModalClose, size: "md", scrollable: !0, children: [
+      /* @__PURE__ */ jsx(Modal.Header, { onModalClose, 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") })
+      ] })
+    ] }), document.getElementById("portal")) })
+  );
+};
+ReactionModal.Card = ReactionModalCard;
+export {
+  ReactionModal as default
+};

package/dist/modules/audience/ReactionSummary.js

@@ -1 +1,27 @@
-import Button from"../../components/Button/Button.js";import useReactionIcons from"./hooks/useReactionIcons.js";import{StringUtils}from"@edifice.io/utilities";import{jsx,jsxs}from"react/jsx-runtime";var ReactionSummary=({summary={userReaction:null,totalReactionsCounter:0},onClick})=>{let{getReactionIcon}=useReactionIcons(),{totalReactionsCounter,reactionTypes}=summary,hasNoReactions=totalReactionsCounter===0;return jsx(Button,{variant:`ghost`,className:`py-4 px-8 btn-icon`,disabled:hasNoReactions,onClick:event=>{event.preventDefault(),event.stopPropagation(),onClick?.()},children:jsxs(`div`,{className:`d-flex align-items-center`,children:[jsx(`div`,{className:`text-gray-700 fw-normal me-8`,children:StringUtils.toCounter(totalReactionsCounter)}),hasNoReactions?jsx(`div`,{className:`reaction-overlap`,children:getReactionIcon(`REACTION_1`,!0)}):reactionTypes?.map(reactionType=>jsx(`div`,{className:`reaction-overlap`,children:getReactionIcon(reactionType,!0)},reactionType))]})})};export{ReactionSummary as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { StringUtils } from "@edifice.io/utilities";
+import useReactionIcons from "./hooks/useReactionIcons.js";
+import Button from "../../components/Button/Button.js";
+const ReactionSummary = ({
+  summary = {
+    userReaction: null,
+    totalReactionsCounter: 0
+  },
+  onClick
+}) => {
+  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))
+  ] }) });
+};
+export {
+  ReactionSummary as default
+};

package/dist/modules/audience/ViewsByProfileCard.js

@@ -1 +1,40 @@
-import SvgIconUsers from"../icons/components/IconUsers.js";import SvgIconGuest from"../icons/components/audience/IconGuest.js";import SvgIconParent from"../icons/components/audience/IconParent.js";import SvgIconPersonnel from"../icons/components/audience/IconPersonnel.js";import SvgIconStudent from"../icons/components/audience/IconStudent.js";import SvgIconTeacher from"../icons/components/audience/IconTeacher.js";import{StringUtils}from"@edifice.io/utilities";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ViewsByProfileCard=({viewsByProfile})=>{let{t}=useTranslation(),profile=viewsByProfile.profile.toLowerCase(),classNameIcon=`views-detail-icon rounded p-8 views-detail-icon-${profile}`;function getIcon(profile){switch(profile){case`student`:return jsx(SvgIconStudent,{});case`relative`:return jsx(SvgIconParent,{});case`teacher`:return jsx(SvgIconTeacher,{});case`personnel`:return jsx(SvgIconPersonnel,{});case`guest`:return jsx(SvgIconGuest,{});default:return jsx(SvgIconUsers,{})}}return jsxs(`div`,{className:`views-detail-line p-8 ms-32 mb-12`,children:[jsx(`div`,{className:classNameIcon,children:getIcon(profile)}),jsx(`div`,{className:`h3`,children:StringUtils.toCounter(viewsByProfile.counter)}),jsx(`div`,{children:t(`audience.views.uniqueViewsPerProfile.${profile}`)})]},profile)};export{ViewsByProfileCard as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { StringUtils } from "@edifice.io/utilities";
+import { useTranslation } from "react-i18next";
+import SvgIconUsers from "../icons/components/IconUsers.js";
+import SvgIconGuest from "../icons/components/audience/IconGuest.js";
+import SvgIconParent from "../icons/components/audience/IconParent.js";
+import SvgIconPersonnel from "../icons/components/audience/IconPersonnel.js";
+import SvgIconStudent from "../icons/components/audience/IconStudent.js";
+import SvgIconTeacher from "../icons/components/audience/IconTeacher.js";
+const ViewsByProfileCard = ({
+  viewsByProfile
+}) => {
+  const {
+    t
+  } = useTranslation(), profile = viewsByProfile.profile.toLowerCase(), classNameIcon = `views-detail-icon rounded p-8 views-detail-icon-${profile}`;
+  function getIcon(profile2) {
+    switch (profile2) {
+      case "student":
+        return /* @__PURE__ */ jsx(SvgIconStudent, {});
+      case "relative":
+        return /* @__PURE__ */ jsx(SvgIconParent, {});
+      case "teacher":
+        return /* @__PURE__ */ jsx(SvgIconTeacher, {});
+      case "personnel":
+        return /* @__PURE__ */ jsx(SvgIconPersonnel, {});
+      case "guest":
+        return /* @__PURE__ */ jsx(SvgIconGuest, {});
+      default:
+        return /* @__PURE__ */ jsx(SvgIconUsers, {});
+    }
+  }
+  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);
+};
+export {
+  ViewsByProfileCard as default
+};

package/dist/modules/audience/ViewsCounter.js

@@ -1 +1,20 @@
-import SvgIconSee from"../icons/components/IconSee.js";import Button from"../../components/Button/Button.js";import{StringUtils}from"@edifice.io/utilities";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var ViewsCounter=forwardRef(({viewsCounter,onClick,className,...restProps},ref)=>{let handleButtonClick=event=>{event.preventDefault(),event.stopPropagation(),onClick?.(event)},isDisabled=viewsCounter<=0;return className=clsx$1(`text-gray-700 fw-normal py-4 px-8 btn-icon`,className),jsx(Button,{ref,rightIcon:jsx(SvgIconSee,{}),className,onClick:handleButtonClick,disabled:isDisabled,...restProps,color:`tertiary`,variant:`ghost`,children:StringUtils.toCounter(viewsCounter)})});export{ViewsCounter as default};
+import { jsx } from "react/jsx-runtime";
+import { StringUtils } from "@edifice.io/utilities";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import SvgIconSee from "../icons/components/IconSee.js";
+import Button from "../../components/Button/Button.js";
+const ViewsCounter = /* @__PURE__ */ forwardRef(({
+  viewsCounter,
+  onClick,
+  className,
+  ...restProps
+}, ref) => {
+  const handleButtonClick = (event) => {
+    event.preventDefault(), event.stopPropagation(), onClick == null || onClick(event);
+  }, isDisabled = viewsCounter <= 0;
+  return className = clsx("text-gray-700 fw-normal py-4 px-8 btn-icon", className), /* @__PURE__ */ jsx(Button, { ref, rightIcon: /* @__PURE__ */ jsx(SvgIconSee, {}), className, onClick: handleButtonClick, disabled: isDisabled, ...restProps, color: "tertiary", variant: "ghost", children: StringUtils.toCounter(viewsCounter) });
+});
+export {
+  ViewsCounter as default
+};

package/dist/modules/audience/ViewsModal.js

@@ -1 +1,44 @@
-import SvgIconSee from"../icons/components/IconSee.js";import SvgIconUsers from"../icons/components/IconUsers.js";import Button from"../../components/Button/Button.js";import Modal from"../../components/Modal/Modal.js";import ViewsByProfileCard from"./ViewsByProfileCard.js";import{StringUtils}from"@edifice.io/utilities";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";import{createPortal}from"react-dom";var ViewsModal=({viewsDetails,isOpen,onModalClose})=>{let{t}=useTranslation(),hasUniqueViews=viewsDetails.uniqueViewsCounter!==void 0;return jsx(Fragment,{children:createPortal(jsxs(Modal,{id:`ViewsModal`,isOpen,onModalClose,children:[jsx(Modal.Header,{onModalClose,children:t(`audience.views.title`)}),jsxs(Modal.Body,{children:[jsxs(`div`,{className:`views-detail-line p-8 mb-12`,children:[jsx(`div`,{className:`views-detail-icon rounded p-8`,children:jsx(SvgIconSee,{})}),jsx(`div`,{className:`h3`,children:StringUtils.toCounter(viewsDetails.viewsCounter)}),jsx(`div`,{children:t(`audience.views.detail.viewsCounter`)})]}),jsxs(`div`,{className:`views-detail-line p-8 mb-12`,children:[jsx(`div`,{className:`views-detail-icon rounded p-8`,children:jsx(SvgIconUsers,{})}),hasUniqueViews?jsxs(Fragment,{children:[jsx(`div`,{className:`h3`,children:StringUtils.toCounter(viewsDetails.uniqueViewsCounter)}),jsx(`div`,{children:t(`audience.views.detail.uniqueViewsCounter`)})]}):jsx(`div`,{children:t(`audience.views.detail.noUniqueViews`)})]}),hasUniqueViews?viewsDetails.uniqueViewsPerProfile?.map(viewsByProfile=>jsx(ViewsByProfileCard,{viewsByProfile},viewsByProfile.profile)):null]}),jsx(Modal.Footer,{children:jsx(Button,{color:`primary`,onClick:onModalClose,type:`button`,variant:`filled`,children:t(`audience.views.cancel`)})})]}),document.getElementById(`portal`))})};export{ViewsModal as default};
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { StringUtils } from "@edifice.io/utilities";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import SvgIconSee from "../icons/components/IconSee.js";
+import SvgIconUsers from "../icons/components/IconUsers.js";
+import ViewsByProfileCard from "./ViewsByProfileCard.js";
+import Modal from "../../components/Modal/Modal.js";
+import Button from "../../components/Button/Button.js";
+const ViewsModal = ({
+  viewsDetails,
+  isOpen,
+  onModalClose
+}) => {
+  var _a;
+  const {
+    t
+  } = useTranslation(), hasUniqueViews = viewsDetails.uniqueViewsCounter !== void 0;
+  return (
+    // Using a fragment to ensure Storybook correctly interprets JSDoc comments: https://github.com/storybookjs/storybook/issues/27169
+    /* @__PURE__ */ jsx(Fragment, { children: /* @__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(SvgIconSee, {}) }),
+          /* @__PURE__ */ jsx("div", { className: "h3", children: StringUtils.toCounter(viewsDetails.viewsCounter) }),
+          /* @__PURE__ */ jsx("div", { children: t("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(SvgIconUsers, {}) }),
+          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") })
+        ] }),
+        hasUniqueViews ? (_a = viewsDetails.uniqueViewsPerProfile) == null ? void 0 : _a.map((viewsByProfile) => /* @__PURE__ */ jsx(ViewsByProfileCard, { viewsByProfile }, viewsByProfile.profile)) : null
+      ] }),
+      /* @__PURE__ */ jsx(Modal.Footer, { children: /* @__PURE__ */ jsx(Button, { color: "primary", onClick: onModalClose, type: "button", variant: "filled", children: t("audience.views.cancel") }) })
+    ] }), document.getElementById("portal")) })
+  );
+};
+export {
+  ViewsModal as default
+};

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

@@ -1 +1,45 @@
-import SvgIconReaction from"../../icons/components/IconReaction.js";import SvgIconCongratsCounter from"../../icons/components/audience/IconCongratsCounter.js";import SvgIconCongrats from"../../icons/components/audience/IconCongrats.js";import SvgIconGreatCounter from"../../icons/components/audience/IconGreatCounter.js";import SvgIconGreat from"../../icons/components/audience/IconGreat.js";import SvgIconInterestingCounter from"../../icons/components/audience/IconInterestingCounter.js";import SvgIconInteresting from"../../icons/components/audience/IconInteresting.js";import SvgIconThanksCounter from"../../icons/components/audience/IconThanksCounter.js";import SvgIconThanks from"../../icons/components/audience/IconThanks.js";import{jsx}from"react/jsx-runtime";function useReactionIcons(){return{getReactionIcon:(reactionType,asCounter)=>{switch(reactionType){case`REACTION_1`:return jsx(asCounter?SvgIconThanksCounter:SvgIconThanks,{});case`REACTION_2`:return jsx(asCounter?SvgIconGreatCounter:SvgIconGreat,{});case`REACTION_3`:return jsx(asCounter?SvgIconCongratsCounter:SvgIconCongrats,{});case`REACTION_4`:return jsx(asCounter?SvgIconInterestingCounter:SvgIconInteresting,{});default:return jsx(SvgIconReaction,{})}},getReactionLabel:reactionType=>{switch(reactionType){case`REACTION_1`:return`audience.reaction.thanks`;case`REACTION_2`:return`audience.reaction.great`;case`REACTION_3`:return`audience.reaction.congrats`;case`REACTION_4`:return`audience.reaction.interesting`;default:return`audience.reaction.default`}}}}export{useReactionIcons as default};
+import { jsx } from "react/jsx-runtime";
+import SvgIconReaction from "../../icons/components/IconReaction.js";
+import SvgIconCongratsCounter from "../../icons/components/audience/IconCongratsCounter.js";
+import SvgIconCongrats from "../../icons/components/audience/IconCongrats.js";
+import SvgIconGreatCounter from "../../icons/components/audience/IconGreatCounter.js";
+import SvgIconGreat from "../../icons/components/audience/IconGreat.js";
+import SvgIconInterestingCounter from "../../icons/components/audience/IconInterestingCounter.js";
+import SvgIconInteresting from "../../icons/components/audience/IconInteresting.js";
+import SvgIconThanksCounter from "../../icons/components/audience/IconThanksCounter.js";
+import SvgIconThanks from "../../icons/components/audience/IconThanks.js";
+function useReactionIcons() {
+  return {
+    getReactionIcon: (reactionType, asCounter) => {
+      switch (reactionType) {
+        case "REACTION_1":
+          return asCounter ? /* @__PURE__ */ jsx(SvgIconThanksCounter, {}) : /* @__PURE__ */ jsx(SvgIconThanks, {});
+        case "REACTION_2":
+          return asCounter ? /* @__PURE__ */ jsx(SvgIconGreatCounter, {}) : /* @__PURE__ */ jsx(SvgIconGreat, {});
+        case "REACTION_3":
+          return asCounter ? /* @__PURE__ */ jsx(SvgIconCongratsCounter, {}) : /* @__PURE__ */ jsx(SvgIconCongrats, {});
+        case "REACTION_4":
+          return asCounter ? /* @__PURE__ */ jsx(SvgIconInterestingCounter, {}) : /* @__PURE__ */ jsx(SvgIconInteresting, {});
+        default:
+          return /* @__PURE__ */ jsx(SvgIconReaction, {});
+      }
+    },
+    getReactionLabel: (reactionType) => {
+      switch (reactionType) {
+        case "REACTION_1":
+          return "audience.reaction.thanks";
+        case "REACTION_2":
+          return "audience.reaction.great";
+        case "REACTION_3":
+          return "audience.reaction.congrats";
+        case "REACTION_4":
+          return "audience.reaction.interesting";
+        default:
+          return "audience.reaction.default";
+      }
+    }
+  };
+}
+export {
+  useReactionIcons as default
+};

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

@@ -1 +1,35 @@
-import{useCallback,useEffect,useRef,useState}from"react";import{ERROR_CODE,odeServices}from"@edifice.io/client";function useReactions(module,resourceType){let{reactions}=useRef(odeServices.audience(module,resourceType)).current,[availableReactions,setAvailableReactions]=useState([]);async function loadAvailableReactions(){let results=await reactions.loadAvailableReactions();results&&setAvailableReactions(results)}async function loadReactionSummaries(resourceIds){return await reactions.loadReactionSummaries(resourceIds)}let loadReactionDetails=async(resourceId,page,size=30)=>await reactions.loadReactionDetails(resourceId,page,size),applyReaction=useCallback(async(resourceId,newReaction,oldReaction)=>{if(newReaction!==oldReaction&&availableReactions.indexOf(newReaction)<0)return Promise.reject(ERROR_CODE.MALFORMED_DATA);let result=`+`;return oldReaction?newReaction===oldReaction?(await reactions.deleteReaction(resourceId),result=`-`):(await reactions.updateReaction(resourceId,newReaction),result=`=`):await reactions.createReaction(resourceId,newReaction),odeServices.http().isResponseError()?Promise.reject(ERROR_CODE.UNKNOWN):result},[availableReactions]);return useEffect(()=>{loadAvailableReactions()},[]),{availableReactions,loadReactionDetails,loadReactionSummaries,applyReaction}}export{useReactions as default};
+import { odeServices, ERROR_CODE } from "@edifice.io/client";
+import { useRef, useState, useCallback, useEffect } from "react";
+function useReactions(module, resourceType) {
+  const {
+    reactions
+  } = useRef(odeServices.audience(module, resourceType)).current, [availableReactions, setAvailableReactions] = useState([]);
+  async function loadAvailableReactions() {
+    const results = await reactions.loadAvailableReactions();
+    results && setAvailableReactions(results);
+  }
+  async function loadReactionSummaries(resourceIds) {
+    return await reactions.loadReactionSummaries(resourceIds);
+  }
+  const loadReactionDetails = async (resourceId, page, size = 30) => await reactions.loadReactionDetails(resourceId, page, size), applyReaction = useCallback(
+    async (resourceId, newReaction, oldReaction) => {
+      if (newReaction !== oldReaction && availableReactions.indexOf(newReaction) < 0)
+        return Promise.reject(ERROR_CODE.MALFORMED_DATA);
+      let result = "+";
+      return oldReaction ? newReaction === oldReaction ? (await reactions.deleteReaction(resourceId), result = "-") : (await reactions.updateReaction(resourceId, newReaction), result = "=") : await reactions.createReaction(resourceId, newReaction), odeServices.http().isResponseError() ? Promise.reject(ERROR_CODE.UNKNOWN) : result;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [availableReactions]
+  );
+  return useEffect(() => {
+    loadAvailableReactions();
+  }, []), {
+    availableReactions,
+    loadReactionDetails,
+    loadReactionSummaries,
+    applyReaction
+  };
+}
+export {
+  useReactions as default
+};

package/dist/modules/comments/components/BadgeProfile.js

@@ -1 +1,18 @@
-import Badge from"../../../components/Badge/Badge.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var BadgeProfile=({profile})=>{let{t}=useTranslation();return jsx(Badge,{variant:{type:`user`,profile,background:!0},children:(profile=>t(`${profile}`))(profile)})};export{BadgeProfile};
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import Badge from "../../../components/Badge/Badge.js";
+const BadgeProfile = ({
+  profile
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(Badge, { variant: {
+    type: "user",
+    profile,
+    background: !0
+  }, children: ((profile2) => t(`${profile2}`))(profile) });
+};
+export {
+  BadgeProfile
+};

package/dist/modules/comments/components/Comment.js

@@ -1 +1,94 @@
-import SvgIconSave from"../../icons/components/IconSave.js";import Button from"../../../components/Button/Button.js";import LoadingScreen from"../../../components/LoadingScreen/LoadingScreen.js";import{useAutosizeTextarea}from"../hooks/useAutosizeTextarea.js";import{useCommentsContext}from"../hooks/useCommentsContext.js";import{CommentAvatar}from"./CommentAvatar.js";import{TextCounter}from"./TextCounter.js";import{BadgeProfile}from"./BadgeProfile.js";import{CommentDate}from"./CommentDate.js";import{CommentTitle}from"./CommentTitle.js";import{CommentDeleted}from"./CommentDeleted.js";import{CommentReplies}from"./CommentReplies.js";import{Suspense,lazy,useState}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var DeleteModal=lazy(()=>import(`./DeleteModal.js`)),Comment=({comment,userId,profile})=>{let[value,setValue]=useState(``),{id,authorId,authorName,createdAt,updatedAt,comment:content,replyTo}=comment,[ref,onFocus,resizeTextarea]=useAutosizeTextarea(!0),[isDeleteModalOpen,setIsDeleteModalOpen]=useState(!1),{t}=useTranslation(),{defaultComments,editCommentId,options,type,userRights,handleDeleteComment:onDeleteComment,handleModifyComment,handleReset,handleUpdateComment,handleReplyToComment}=useCommentsContext(),replies=defaultComments?.filter(comm=>comm.replyTo===comment.id)??[],hasReplies=replies.length>0,hasAllDeletedReplies=replies.every(reply=>reply.deleted),isEditing=editCommentId===comment.id,handleChangeContent=event=>{resizeTextarea(),setValue(event.target.value)},handleDeleteComment=id=>{onDeleteComment(id),setIsDeleteModalOpen(!1)};return jsxs(Fragment$1,{children:[comment.deleted&&hasReplies&&!hasAllDeletedReplies&&jsxs(Fragment$1,{children:[jsx(CommentDeleted,{}),jsx(CommentReplies,{parentComment:comment})]}),!comment.deleted&&jsxs(Fragment$1,{children:[jsxs(`div`,{"data-testid":`div-comment-read`,className:`${isEditing?`border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200  my-16`:`border rounded-3 p-12 pb-8 d-flex gap-12 mt-16`}`,children:[jsx(CommentAvatar,{id:authorId}),jsxs(`div`,{className:`flex flex-fill`,children:[jsxs(`div`,{className:`d-flex align-items-center gap-12`,children:[jsx(CommentTitle,{children:authorName}),jsx(BadgeProfile,{profile}),jsx(CommentDate,{createdAt,updatedAt})]}),isEditing?jsxs(Fragment$1,{children:[jsx(`div`,{className:`mt-8 mb-4`,children:jsx(`textarea`,{id:`update-comment`,ref,value,className:`form-control`,placeholder:t(`comment.placeholder`),maxLength:options.maxCommentLength,onChange:handleChangeContent,rows:1,style:{resize:`none`,overflow:`hidden`},onFocus})}),jsxs(`div`,{className:`d-flex justify-content-between align-items-center`,children:[jsx(Button,{variant:`ghost`,color:`tertiary`,size:`sm`,onClick:handleReset,children:t(`comment.cancel`)}),jsxs(`div`,{className:`d-flex justify-content-end align-items-center gap-4`,children:[jsx(TextCounter,{content:value,maxLength:options.maxCommentLength}),jsx(Button,{"data-testid":`comment-save`,type:`submit`,variant:`ghost`,size:`sm`,leftIcon:jsx(SvgIconSave,{}),disabled:!content?.length,onClick:()=>handleUpdateComment(value),children:t(`comment.save`)})]})]})]}):jsxs(Fragment$1,{children:[jsx(`div`,{className:`mt-8 mb-4`,style:{whiteSpace:`pre-line`},children:content}),type===`edit`&&jsxs(`div`,{className:`ms-n8`,children:[!replyTo&&options.allowReplies&&jsx(Button,{variant:`ghost`,color:`tertiary`,size:`sm`,onClick:()=>handleReplyToComment(comment.id),children:t(`comment.reply`)}),userId===authorId&&jsx(Button,{"data-testid":`comment-edit`,variant:`ghost`,color:`tertiary`,size:`sm`,onClick:()=>{handleModifyComment(comment.id),setValue(content)},children:t(`comment.edit`)}),(userId===authorId||userRights?.manager)&&jsx(Button,{"data-testid":`comment-delete`,variant:`ghost`,color:`tertiary`,size:`sm`,onClick:()=>setIsDeleteModalOpen(!0),children:t(`comment.remove`)})]})]})]})]},id),jsx(CommentReplies,{parentComment:comment}),jsx(Suspense,{fallback:jsx(LoadingScreen,{position:!1}),children:isDeleteModalOpen&&jsx(DeleteModal,{isOpen:isDeleteModalOpen,onCancel:()=>setIsDeleteModalOpen(!1),onSuccess:()=>handleDeleteComment(id)})})]})]})};export{Comment};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, Suspense, lazy } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconSave from "../../icons/components/IconSave.js";
+import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
+import { useCommentsContext } from "../hooks/useCommentsContext.js";
+import { BadgeProfile } from "./BadgeProfile.js";
+import { CommentAvatar } from "./CommentAvatar.js";
+import { CommentDate } from "./CommentDate.js";
+import { CommentTitle } from "./CommentTitle.js";
+import { CommentDeleted } from "./CommentDeleted.js";
+import { CommentReplies } from "./CommentReplies.js";
+import { TextCounter } from "./TextCounter.js";
+import Button from "../../../components/Button/Button.js";
+import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
+const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comment = ({
+  comment,
+  userId,
+  profile
+}) => {
+  const [value, setValue] = useState(""), {
+    id,
+    authorId,
+    authorName,
+    createdAt,
+    updatedAt,
+    comment: content,
+    replyTo
+  } = comment, [ref, onFocus, resizeTextarea] = useAutosizeTextarea(!0), [isDeleteModalOpen, setIsDeleteModalOpen] = useState(!1), {
+    t
+  } = useTranslation(), {
+    defaultComments,
+    editCommentId,
+    options,
+    type,
+    userRights,
+    handleDeleteComment: onDeleteComment,
+    handleModifyComment,
+    handleReset,
+    handleUpdateComment,
+    handleReplyToComment
+  } = useCommentsContext(), replies = (defaultComments == null ? void 0 : defaultComments.filter((comm) => comm.replyTo === comment.id)) ?? [], hasReplies = replies.length > 0, hasAllDeletedReplies = replies.every((reply) => reply.deleted), isEditing = editCommentId === comment.id, handleChangeContent = (event) => {
+    resizeTextarea(), setValue(event.target.value);
+  }, handleDeleteComment = (id2) => {
+    onDeleteComment(id2), setIsDeleteModalOpen(!1);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    comment.deleted && hasReplies && !hasAllDeletedReplies && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(CommentDeleted, {}),
+      /* @__PURE__ */ jsx(CommentReplies, { parentComment: comment })
+    ] }),
+    !comment.deleted && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { "data-testid": "div-comment-read", className: `${isEditing ? "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200  my-16" : "border rounded-3 p-12 pb-8 d-flex gap-12 mt-16"}`, children: [
+        /* @__PURE__ */ jsx(CommentAvatar, { id: authorId }),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-fill", children: [
+          /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-12", children: [
+            /* @__PURE__ */ jsx(CommentTitle, { children: authorName }),
+            /* @__PURE__ */ jsx(BadgeProfile, { profile }),
+            /* @__PURE__ */ jsx(CommentDate, { createdAt, updatedAt })
+          ] }),
+          isEditing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", children: /* @__PURE__ */ jsx("textarea", { id: "update-comment", ref, value, className: "form-control", placeholder: t("comment.placeholder"), maxLength: options.maxCommentLength, onChange: handleChangeContent, rows: 1, style: {
+              resize: "none",
+              overflow: "hidden"
+            }, onFocus }) }),
+            /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-between align-items-center", children: [
+              /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: handleReset, children: t("comment.cancel") }),
+              /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end align-items-center gap-4", children: [
+                /* @__PURE__ */ jsx(TextCounter, { content: value, maxLength: options.maxCommentLength }),
+                /* @__PURE__ */ jsx(Button, { "data-testid": "comment-save", type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), disabled: !(content != null && content.length), onClick: () => handleUpdateComment(value), children: t("comment.save") })
+              ] })
+            ] })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "mt-8 mb-4", style: {
+              whiteSpace: "pre-line"
+            }, children: content }),
+            type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
+              !replyTo && options.allowReplies && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
+              userId === authorId && /* @__PURE__ */ jsx(Button, { "data-testid": "comment-edit", variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
+                handleModifyComment(comment.id), setValue(content);
+              }, children: t("comment.edit") }),
+              (userId === authorId || (userRights == null ? void 0 : userRights.manager)) && /* @__PURE__ */ jsx(Button, { "data-testid": "comment-delete", variant: "ghost", color: "tertiary", size: "sm", onClick: () => setIsDeleteModalOpen(!0), children: t("comment.remove") })
+            ] })
+          ] })
+        ] })
+      ] }, id),
+      /* @__PURE__ */ jsx(CommentReplies, { parentComment: comment }),
+      /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingScreen, { position: !1 }), children: isDeleteModalOpen && /* @__PURE__ */ jsx(DeleteModal, { isOpen: isDeleteModalOpen, onCancel: () => setIsDeleteModalOpen(!1), onSuccess: () => handleDeleteComment(id) }) })
+    ] })
+  ] });
+};
+export {
+  Comment
+};

package/dist/modules/comments/components/CommentAvatar.js

@@ -1 +1,17 @@
-import useDirectory from"../../../hooks/useDirectory/useDirectory.js";import Avatar from"../../../components/Avatar/Avatar.js";import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var CommentAvatar=({id})=>{let{getAvatarURL}=useDirectory(),{t}=useTranslation();return jsx(Avatar,{alt:t(`comment.author.avatar`),size:`sm`,src:getAvatarURL(id,`user`),variant:`circle`})};export{CommentAvatar};
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import useDirectory from "../../../hooks/useDirectory/useDirectory.js";
+import Avatar from "../../../components/Avatar/Avatar.js";
+const CommentAvatar = ({
+  id
+}) => {
+  const {
+    getAvatarURL
+  } = useDirectory(), {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx(Avatar, { alt: t("comment.author.avatar"), size: "sm", src: getAvatarURL(id, "user"), variant: "circle" });
+};
+export {
+  CommentAvatar
+};

package/dist/modules/comments/components/CommentDate.js

@@ -1 +1,24 @@
-import useDate from"../../../hooks/useDate/useDate.js";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var CommentDate=({createdAt,updatedAt})=>{let{fromNow}=useDate(),{t}=useTranslation();return updatedAt||createdAt?jsxs(Fragment,{children:[jsx(`span`,{className:`small text-gray-700`,children:`|`}),jsx(`span`,{"data-testid":`comment-info-date`,className:`small text-gray-700`,children:updatedAt?(date=>t(`comment.update.date`,{date:fromNow(date)}))(updatedAt):(date=>t(`comment.publish.date`,{date:fromNow(date)}))(createdAt)})]}):null};export{CommentDate};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import useDate from "../../../hooks/useDate/useDate.js";
+const CommentDate = ({
+  createdAt,
+  updatedAt
+}) => {
+  const {
+    fromNow
+  } = useDate(), {
+    t
+  } = useTranslation();
+  return updatedAt || createdAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
+    /* @__PURE__ */ jsx("span", { "data-testid": "comment-info-date", className: "small text-gray-700", children: updatedAt ? ((date) => t("comment.update.date", {
+      date: fromNow(date)
+    }))(updatedAt) : ((date) => t("comment.publish.date", {
+      date: fromNow(date)
+    }))(createdAt) })
+  ] }) : null;
+};
+export {
+  CommentDate
+};

package/dist/modules/comments/components/CommentDeleted.js

@@ -1 +1,11 @@
-import{jsx}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var CommentDeleted=()=>{let{t}=useTranslation();return jsx(`div`,{"data-testid":`div-comment-deleted`,className:`border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16`,children:t(`comment.deleted`)})};export{CommentDeleted};
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+const CommentDeleted = () => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { "data-testid": "div-comment-deleted", className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
+};
+export {
+  CommentDeleted
+};

package/dist/modules/comments/components/CommentForm.js

@@ -1 +1,41 @@
-import SvgIconSend from"../../icons/components/IconSend.js";import Button from"../../../components/Button/Button.js";import{useAutosizeTextarea}from"../hooks/useAutosizeTextarea.js";import{useCommentsContext}from"../hooks/useCommentsContext.js";import{CommentAvatar}from"./CommentAvatar.js";import{TextCounter}from"./TextCounter.js";import{useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var CommentForm=({userId,replyTo})=>{let[content,setContent]=useState(``),{handleCreateComment,options,type}=useCommentsContext(),[ref,onFocus]=useAutosizeTextarea(),{t}=useTranslation();return type===`edit`&&jsxs(`div`,{"data-testid":`div-comment-create`,className:`border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 d-print-none`,children:[jsx(CommentAvatar,{id:userId}),jsxs(`div`,{className:`d-flex flex-column flex-fill gap-4`,children:[jsx(`textarea`,{id:`add-comment`,"data-testid":`comment-form`,ref,value:content,className:`form-control`,placeholder:t(`comment.placeholder.textarea`),maxLength:options.maxCommentLength,onChange:event=>{setContent(event.target.value)},onFocus,rows:1,style:{resize:`none`,overflow:`hidden`}}),jsxs(`div`,{className:`d-flex justify-content-end align-items-center gap-4`,children:[jsx(TextCounter,{content,maxLength:options.maxCommentLength}),jsx(Button,{"data-testid":`comment-publish`,type:`submit`,variant:`ghost`,size:`sm`,leftIcon:jsx(SvgIconSend,{}),disabled:!content?.length,onClick:()=>{handleCreateComment(content,replyTo),setContent(``)},children:t(`comment.post`)})]})]})]})};export{CommentForm};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+import SvgIconSend from "../../icons/components/IconSend.js";
+import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
+import { useCommentsContext } from "../hooks/useCommentsContext.js";
+import { CommentAvatar } from "./CommentAvatar.js";
+import { TextCounter } from "./TextCounter.js";
+import Button from "../../../components/Button/Button.js";
+const CommentForm = ({
+  userId,
+  replyTo
+}) => {
+  const [content, setContent] = useState(""), {
+    handleCreateComment,
+    options,
+    type
+  } = useCommentsContext(), [ref, onFocus] = useAutosizeTextarea(), {
+    t
+  } = useTranslation(), handleChangeContent = (event) => {
+    setContent(event.target.value);
+  }, handleSubmit = () => {
+    handleCreateComment(content, replyTo), setContent("");
+  };
+  return type === "edit" && /* @__PURE__ */ jsxs("div", { "data-testid": "div-comment-create", className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 d-print-none", children: [
+    /* @__PURE__ */ jsx(CommentAvatar, { id: userId }),
+    /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-4", children: [
+      /* @__PURE__ */ jsx("textarea", { id: "add-comment", "data-testid": "comment-form", ref, value: content, className: "form-control", placeholder: t("comment.placeholder.textarea"), maxLength: options.maxCommentLength, onChange: handleChangeContent, onFocus, rows: 1, style: {
+        resize: "none",
+        overflow: "hidden"
+      } }),
+      /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end align-items-center gap-4", children: [
+        /* @__PURE__ */ jsx(TextCounter, { content, maxLength: options.maxCommentLength }),
+        /* @__PURE__ */ jsx(Button, { "data-testid": "comment-publish", type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSend, {}), disabled: !(content != null && content.length), onClick: handleSubmit, children: t("comment.post") })
+      ] })
+    ] })
+  ] });
+};
+export {
+  CommentForm
+};

package/dist/modules/comments/components/CommentList.js

@@ -1 +1,22 @@
-import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import{useCommentsContext}from"../hooks/useCommentsContext.js";import{Comment}from"./Comment.js";import{jsx}from"react/jsx-runtime";function CommentList(){let{user}=useEdificeClient(),{displayedComments,profiles}=useCommentsContext();return displayedComments?.map(comment=>{let{authorId}=comment,profile=profiles?.find(user=>user?.userId===authorId)?.profile??`Guest`;return jsx(`div`,{id:`comment-${comment.id}`,children:jsx(Comment,{comment,profile,userId:user?.userId})},comment.id)})}export{CommentList};
+import { jsx } from "react/jsx-runtime";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useCommentsContext } from "../hooks/useCommentsContext.js";
+import { Comment } from "./Comment.js";
+function CommentList() {
+  const {
+    user
+  } = useEdificeClient(), {
+    displayedComments,
+    profiles
+  } = useCommentsContext();
+  return displayedComments == null ? void 0 : displayedComments.map((comment) => {
+    var _a;
+    const {
+      authorId
+    } = comment, profile = ((_a = profiles == null ? void 0 : profiles.find((user2) => (user2 == null ? void 0 : user2.userId) === authorId)) == null ? void 0 : _a.profile) ?? "Guest";
+    return /* @__PURE__ */ jsx("div", { id: `comment-${comment.id}`, children: /* @__PURE__ */ jsx(Comment, { comment, profile, userId: user == null ? void 0 : user.userId }) }, comment.id);
+  });
+}
+export {
+  CommentList
+};

package/dist/modules/comments/components/CommentReplies.js

@@ -1 +1,33 @@
-import Button from"../../../components/Button/Button.js";import{CommentForm}from"./CommentForm.js";import{useCommentReplies}from"../hooks/useCommentReplies.js";import{Comment}from"./Comment.js";import{jsx,jsxs}from"react/jsx-runtime";var CommentReplies=({parentComment})=>{let{t,profiles,user,displayedReplies,showCommentForm,showMoreReplies,handleMoreReplies}=useCommentReplies({parentComment});return jsxs(`div`,{className:`comments-replies-container`,children:[showCommentForm&&jsx(`div`,{className:`comments-replies-form`,children:jsx(CommentForm,{userId:user?.userId,replyTo:parentComment.id})}),jsx(`div`,{className:`comments-replies-list`,children:displayedReplies.map(reply=>{let profile=profiles?.find(user=>user?.userId===reply.authorId)?.profile??`Guest`;if(!reply.deleted)return jsx(`div`,{className:`comments-replies-reply`,children:jsx(Comment,{comment:reply,profile,userId:user?.userId})},reply.id)})}),showMoreReplies&&jsx(Button,{variant:`ghost`,color:`tertiary`,onClick:handleMoreReplies,className:`ms-24`,children:t(`comment.more.replies`)})]})};export{CommentReplies};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Comment } from "./Comment.js";
+import { CommentForm } from "./CommentForm.js";
+import { useCommentReplies } from "../hooks/useCommentReplies.js";
+import Button from "../../../components/Button/Button.js";
+const CommentReplies = ({
+  parentComment
+}) => {
+  const {
+    t,
+    profiles,
+    user,
+    displayedReplies,
+    showCommentForm,
+    showMoreReplies,
+    handleMoreReplies
+  } = useCommentReplies({
+    parentComment
+  });
+  return /* @__PURE__ */ jsxs("div", { className: "comments-replies-container", children: [
+    showCommentForm && /* @__PURE__ */ jsx("div", { className: "comments-replies-form", children: /* @__PURE__ */ jsx(CommentForm, { userId: user == null ? void 0 : user.userId, replyTo: parentComment.id }) }),
+    /* @__PURE__ */ jsx("div", { className: "comments-replies-list", children: displayedReplies.map((reply) => {
+      var _a;
+      const profile = ((_a = profiles == null ? void 0 : profiles.find((user2) => (user2 == null ? void 0 : user2.userId) === reply.authorId)) == null ? void 0 : _a.profile) ?? "Guest";
+      if (!reply.deleted)
+        return /* @__PURE__ */ jsx("div", { className: "comments-replies-reply", children: /* @__PURE__ */ jsx(Comment, { comment: reply, profile, userId: user == null ? void 0 : user.userId }) }, reply.id);
+    }) }),
+    showMoreReplies && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreReplies, className: "ms-24", children: t("comment.more.replies") })
+  ] });
+};
+export {
+  CommentReplies
+};

package/dist/modules/comments/components/CommentTitle.js

@@ -1 +1,7 @@
-import{jsx}from"react/jsx-runtime";var CommentTitle=({children})=>jsx(`span`,{"data-testid":`comment-info-author`,className:`small text-gray-800`,children});export{CommentTitle};
+import { jsx } from "react/jsx-runtime";
+const CommentTitle = ({
+  children
+}) => /* @__PURE__ */ jsx("span", { "data-testid": "comment-info-author", className: "small text-gray-800", children });
+export {
+  CommentTitle
+};