@edifice.io/react 2.0.0-develop-rc.3

package/dist/index.js

@@ -0,0 +1,227 @@
+import { default as default2 } from "./core/useAvatar/useAvatar.js";
+import { default as default3 } from "./core/useBookmark/useBookmark.js";
+import { default as default4 } from "./core/useConf/useConf.js";
+import { default as default5 } from "./core/useDate/useDate.js";
+import { default as default6 } from "./core/useHasWorkflow/useHasWorkflow.js";
+import { default as default7 } from "./core/useHeader/useHeader.js";
+import { default as default8 } from "./core/useIsAdml/useIsAdml.js";
+import { default as default9 } from "./core/useOdeIcons/useOdeIcons.js";
+import { default as default10 } from "./core/usePaths/usePaths.js";
+import { default as default11 } from "./core/useSession/useSession.js";
+import { default as default12 } from "./core/useUser/useUser.js";
+import { default as default13 } from "./core/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default14 } from "./core/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default15 } from "./core/useZendeskGuide/useZendeskGuide.js";
+import { default as default16 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default17 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default18 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default19 } from "./hooks/useToast/useToast.js";
+import { default as default20 } from "./hooks/useImage/useImage.js";
+import { default as default21 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default22 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default23 } from "./hooks/useTitle/useTitle.js";
+import { default as default24 } from "./hooks/useToggle/useToggle.js";
+import { default as default25 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default26 } from "./widgets/Widget/Widget.js";
+import { default as default27 } from "./components/ActionBar/ActionBar.js";
+import { default as default28 } from "./components/Alert/Alert.js";
+import { default as default29 } from "./components/AppHeader/AppHeader.js";
+import { AppIcon } from "./components/AppIcon/AppIcon.js";
+import { default as default30 } from "./components/Attachment/Attachment.js";
+import { default as default31 } from "./components/Avatar/Avatar.js";
+import { default as default32 } from "./components/Badge/Badge.js";
+import { Breadcrumb } from "./components/Breadcrumb/Breadcrumb.js";
+import { default as default33 } from "./components/Button/Button.js";
+import { default as default34 } from "./components/Button/IconButton.js";
+import { default as default35 } from "./components/Button/SearchButton.js";
+import { default as default36 } from "./components/Card/Card.js";
+import { default as default37 } from "./components/Checkbox/Checkbox.js";
+import { default as default38 } from "./components/ColorPicker/ColorPicker.js";
+import { default as default39 } from "./components/ColorPicker/ColorPickerItem.js";
+import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
+import { default as default40 } from "./components/Combobox/Combobox.js";
+import { default as default41 } from "./components/Dropdown/Dropdown.js";
+import { default as default42 } from "./components/Dropzone/Dropzone.js";
+import { default as default43 } from "./components/EmptyScreen/EmptyScreen.js";
+import { default as default44 } from "./components/FileCard/FileCard.js";
+import { default as default45 } from "./components/Form/FormText.js";
+import { default as default46 } from "./components/Form/FormControl.js";
+import { Column, Grid } from "./components/Grid/Grid.js";
+import { default as default47 } from "./components/Heading/Heading.js";
+import { Icon } from "./components/Icon/Icon.js";
+import { default as default48 } from "./components/Image/Image.js";
+import { ImagePicker } from "./components/ImagePicker/ImagePicker.js";
+import { default as default49 } from "./components/Input/Input.js";
+import { default as default50 } from "./components/Label/Label.js";
+import { default as default51 } from "./components/Loading/Loading.js";
+import { default as default52 } from "./components/LoadingScreen/LoadingScreen.js";
+import { default as default53 } from "./components/Logo/Logo.js";
+import { Menu } from "./components/Menu/Menu.js";
+import { default as default54 } from "./components/Modal/Modal.js";
+import { Popover, PopoverBody, PopoverFooter, PopoverHeader } from "./components/Popover/Popover.js";
+import { default as default55 } from "./components/Radio/Radio.js";
+import { default as default56 } from "./components/SearchBar/SearchBar.js";
+import { default as default57 } from "./components/Select/Select.js";
+import { default as default58 } from "./components/Table/TableExplorer.js";
+import { default as default59 } from "./components/Tabs/Tabs.js";
+import { default as default60 } from "./components/TextArea/TextArea.js";
+import { default as default61 } from "./components/Toolbar/Toolbar.js";
+import { default as default62 } from "./components/Tooltip/Tooltip.js";
+import { default as default63 } from "./components/TreeView/TreeView.js";
+import { UploadCard } from "./components/UploadCard/UploadCard.js";
+import { default as default64 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { OdeClientContext, OdeClientProvider, useOdeClient } from "./core/OdeClientProvider/OdeClientProvider.js";
+import { ThemeContext, ThemeProvider, useOdeTheme } from "./core/ThemeProvider/ThemeProvider.js";
+import { default as default65 } from "./core/useConversation/useConversation.js";
+import { useHttpErrorToast } from "./core/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default66 } from "./core/useLibraryUrl/useLibraryUrl.js";
+import { default as default67 } from "./core/useMediaLibrary/useMediaLibrary.js";
+import { useResourceSearch } from "./core/useResourceSearch/useResourceSearch.js";
+import { default as default68 } from "./core/useTrashedResource/useTrashedResource.js";
+import { default as default69 } from "./core/useUploadFiles/useUploadFiles.js";
+import { default as default70 } from "./core/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default71 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default72 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default73 } from "./hooks/useHover/useHover.js";
+import { default as default74 } from "./portal/Layout/Layout.js";
+import { MockedDataProvider, useMockedData } from "./utils/MockedDataProvider/MockedDataProvider.js";
+import { StringUtils } from "./utils/StringUtils.js";
+import { addTimestampToImageUrl } from "./utils/addTimestampToUrl.js";
+import { getOrGenerateBlobId } from "./utils/blob.js";
+import { checkUserRight } from "./utils/checkUserRight.js";
+import { findTreeNode } from "./utils/findTreeNode.js";
+import { isActionAvailable } from "./utils/isActionAvailable.js";
+import { libraryMaps } from "./utils/libraryMaps.js";
+import { NOOP } from "./utils/noop.js";
+import { mergeRefs, setRef } from "./utils/ref.js";
+import { getThumbnail } from "./utils/thumbnail.js";
+import { convertMsToMS, padTo2Digits } from "./utils/time.js";
+import { TreeNodeFolderWrapper, addNode, arrayUnique, deleteNode, findNodeById, findParentNode, getAncestors, hasChildren, modifyNode, moveNode, updateNode, wrapTreeNode } from "./utils/treeview.js";
+import { getBestSupportedMimeType } from "./utils/video.js";
+import { default as default75 } from "./widgets/BookmarkedApps/BookmarkedApps.js";
+export {
+  AccessiblePalette,
+  default27 as ActionBar,
+  default28 as Alert,
+  default29 as AppHeader,
+  AppIcon,
+  default30 as Attachment,
+  default31 as Avatar,
+  default32 as Badge,
+  default75 as BookmarkedApps,
+  Breadcrumb,
+  default33 as Button,
+  default36 as Card,
+  default37 as Checkbox,
+  default38 as ColorPicker,
+  default39 as ColorPickerItem,
+  Column,
+  default40 as Combobox,
+  DefaultPalette,
+  default41 as Dropdown,
+  default42 as Dropzone,
+  default43 as EmptyScreen,
+  default44 as FileCard,
+  default46 as FormControl,
+  default45 as FormText,
+  Grid,
+  default47 as Heading,
+  Icon,
+  default34 as IconButton,
+  default48 as Image,
+  ImagePicker,
+  default49 as Input,
+  default50 as Label,
+  default74 as Layout,
+  default51 as Loading,
+  default52 as LoadingScreen,
+  default53 as Logo,
+  Menu,
+  MockedDataProvider,
+  default54 as Modal,
+  NOOP,
+  OdeClientContext,
+  OdeClientProvider,
+  Popover,
+  PopoverBody,
+  PopoverFooter,
+  PopoverHeader,
+  default55 as Radio,
+  default56 as SearchBar,
+  default35 as SearchButton,
+  default57 as Select,
+  StringUtils,
+  default58 as TableExplorer,
+  default59 as Tabs,
+  default60 as TextArea,
+  ThemeContext,
+  ThemeProvider,
+  default61 as Toolbar,
+  default62 as Tooltip,
+  TreeNodeFolderWrapper,
+  default63 as TreeView,
+  UploadCard,
+  default64 as VisuallyHidden,
+  default26 as Widget,
+  addNode,
+  addTimestampToImageUrl,
+  arrayUnique,
+  checkUserRight,
+  convertMsToMS,
+  deleteNode,
+  findNodeById,
+  findParentNode,
+  findTreeNode,
+  getAncestors,
+  getBestSupportedMimeType,
+  getOrGenerateBlobId,
+  getThumbnail,
+  hasChildren,
+  isActionAvailable,
+  libraryMaps,
+  mergeRefs,
+  modifyNode,
+  moveNode,
+  padTo2Digits,
+  setRef,
+  updateNode,
+  default2 as useAvatar,
+  default3 as useBookmark,
+  default16 as useBrowserInfo,
+  default17 as useClickOutside,
+  default4 as useConf,
+  default65 as useConversation,
+  default5 as useDate,
+  default18 as useDebounce,
+  default71 as useDropdown,
+  default72 as useDropzone,
+  default6 as useHasWorkflow,
+  default7 as useHeader,
+  default73 as useHover,
+  useHttpErrorToast,
+  default20 as useImage,
+  default8 as useIsAdml,
+  default21 as useKeyPress,
+  default66 as useLibraryUrl,
+  default67 as useMediaLibrary,
+  useMockedData,
+  useOdeClient,
+  default9 as useOdeIcons,
+  useOdeTheme,
+  default10 as usePaths,
+  useResourceSearch,
+  default22 as useScrollToTop,
+  default11 as useSession,
+  default23 as useTitle,
+  default19 as useToast,
+  default24 as useToggle,
+  default25 as useTrapFocus,
+  default68 as useTrashedResource,
+  default69 as useUploadFiles,
+  default12 as useUser,
+  default70 as useWorkspaceFile,
+  default13 as useWorkspaceSearch,
+  default14 as useXitiTrackPageLoad,
+  default15 as useZendeskGuide,
+  wrapTreeNode
+};

package/dist/modals.js

@@ -0,0 +1,18 @@
+import { default as default2 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default3 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default4 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default5 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default6 } from "./modules/modals/ResourceModal/ResourceModal.js";
+import { default as default7 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default8 } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
+import { default as default9 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+export {
+  default8 as BlogPublic,
+  default5 as OnboardingModal,
+  default2 as PublishModal,
+  default6 as ResourceModal,
+  default4 as ShareBlog,
+  default3 as ShareModal,
+  default9 as useShareMutation,
+  default7 as useUpdateMutation
+};

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

@@ -0,0 +1,11 @@
+import { ReactionSummaryData, ReactionType } from 'edifice-ts-client';
+export interface ReactionChoiceProps {
+    availableReactions: ReactionType[];
+    summary?: ReactionSummaryData;
+    onChange?: (chosenReaction?: ReactionType) => void;
+}
+declare const ReactionChoice: {
+    ({ availableReactions, summary, onChange, }: ReactionChoiceProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ReactionChoice;

package/dist/modules/audience/ReactionChoice.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import useReactionIcons from "./hooks/useReactionIcons.js";
+import Dropdown from "../../components/Dropdown/Dropdown.js";
+import Tooltip from "../../components/Tooltip/Tooltip.js";
+import IconButton from "../../components/Button/IconButton.js";
+const ReactionChoice = ({
+  availableReactions,
+  summary = {
+    totalReactionsCounter: 0,
+    userReaction: null
+  },
+  onChange
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    getReactionIcon,
+    getReactionLabel
+  } = useReactionIcons(), {
+    userReaction
+  } = summary, classes = clsx({
+    "fw-bold": !!userReaction
+  });
+  return /* @__PURE__ */ jsx("div", { className: "reaction-choice", children: /* @__PURE__ */ jsxs(Dropdown, { placement: "top-start", isTriggerHovered: !0, children: [
+    /* @__PURE__ */ jsx(Dropdown.Trigger, { className: classes, color: "tertiary", variant: "ghost", size: "sm", icon: getReactionIcon(userReaction), hideCarret: !0, label: t(getReactionLabel(userReaction)) }),
+    /* @__PURE__ */ jsx(Dropdown.Menu, { unstyled: !0, className: "bg-white shadow rounded-8 overflow-visible", children: /* @__PURE__ */ jsx("div", { className: "d-flex align-items-center justify-content-between", children: availableReactions == null ? void 0 : availableReactions.map((reactionType) => /* @__PURE__ */ jsx(Dropdown.Item, { className: "p-0", children: /* @__PURE__ */ jsx(Tooltip, { message: t(getReactionLabel(reactionType)), placement: "top", children: /* @__PURE__ */ jsx(IconButton, { className: "reaction-available m-4", variant: "ghost", size: "sm", icon: getReactionIcon(reactionType), onClick: () => onChange == null ? void 0 : onChange(reactionType) }) }) }, reactionType)) }) })
+  ] }) });
+}, ReactionChoice$1 = ReactionChoice;
+export {
+  ReactionChoice$1 as default
+};

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

@@ -0,0 +1,4 @@
+import { ReactionDetailsData } from 'edifice-ts-client';
+export declare function ReactionModalCard({ reaction, }: {
+    reaction: ReactionDetailsData['userReactions'][number];
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,34 @@
+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
+}) {
+  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) })
+    ] }),
+    /* @__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__ */ jsx("p", { className: "caption text-gray-700", children: t(getReactionLabel(reaction.reactionType)) })
+    ] })
+  ] });
+}
+export {
+  ReactionModalCard
+};

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

@@ -0,0 +1,20 @@
+import { ReactionDetailsData } from 'edifice-ts-client';
+import { ReactionModalCard } from './ReactionModal.Card';
+export interface ReactionModalProps {
+    /** Id of resource. */
+    resourceId: string;
+    /** Number of results per page, defaults to 30. */
+    pageSize?: number;
+    /** Display modal ? */
+    isOpen: boolean;
+    /** Close button handler. */
+    onModalClose(): void;
+    /** Function for loading reactions to the resource. */
+    reactionDetailsLoader: (resourceId: string, page: number, size: number) => Promise<ReactionDetailsData | undefined>;
+}
+declare const ReactionModal: {
+    ({ resourceId, pageSize, reactionDetailsLoader: loadReactionDetails, onModalClose, ...restProps }: ReactionModalProps): import('react').ReactPortal;
+    displayName: string;
+    Card: typeof ReactionModalCard;
+};
+export default ReactionModal;

package/dist/modules/audience/ReactionModal.js

@@ -0,0 +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 Modal from "../../components/Modal/Modal.js";
+import Tabs from "../../components/Tabs/Tabs.js";
+import Button from "../../components/Button/Button.js";
+import { StringUtils } from "../../utils/StringUtils.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 /* @__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") })
+    ] })
+  ] }), document.getElementById("portal"));
+};
+ReactionModal.Card = ReactionModalCard;
+const ReactionModal$1 = ReactionModal;
+export {
+  ReactionModal$1 as default
+};

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

@@ -0,0 +1,10 @@
+import { ReactionSummaryData } from 'edifice-ts-client';
+export interface ReactionSummaryProps {
+    summary?: ReactionSummaryData;
+    onClick?: () => void;
+}
+declare const ReactionSummary: {
+    ({ summary, onClick, }: ReactionSummaryProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ReactionSummary;

package/dist/modules/audience/ReactionSummary.js

@@ -0,0 +1,27 @@
+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 = {
+    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))
+  ] }) });
+}, ReactionSummary$1 = ReactionSummary;
+export {
+  ReactionSummary$1 as default
+};

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

@@ -0,0 +1,9 @@
+import { ViewsDetailsProfile } from 'edifice-ts-client';
+export interface ViewsCardProps {
+    viewsByProfile: ViewsDetailsProfile;
+}
+declare const ViewsByProfileCard: {
+    ({ viewsByProfile }: ViewsCardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ViewsByProfileCard;

package/dist/modules/audience/ViewsByProfileCard.js

@@ -0,0 +1,35 @@
+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
+}) => {
+  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(Icon, { name: "audience/views/student" });
+      case "relative":
+        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/parent" });
+      case "teacher":
+        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/teacher" });
+      case "personnel":
+        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/personnel" });
+      case "guest":
+        return /* @__PURE__ */ jsx(Icon, { name: "audience/views/guest" });
+      default:
+        return /* @__PURE__ */ jsx(Icon, { 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);
+};
+export {
+  ViewsByProfileCard as default
+};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ViewsCounterProps {
+    viewsCounter: number;
+    onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+}
+declare const ViewsCounter: {
+    ({ viewsCounter, onClick, className, }: ViewsCounterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default ViewsCounter;

package/dist/modules/audience/ViewsCounter.js

@@ -0,0 +1,18 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Button from "../../components/Button/Button.js";
+import { StringUtils } from "../../utils/StringUtils.js";
+import { Icon } from "../../components/Icon/Icon.js";
+const ViewsCounter = ({
+  viewsCounter,
+  onClick,
+  className
+}) => {
+  const handleButtonClick = (event) => {
+    event.preventDefault(), event.stopPropagation(), onClick == null || onClick();
+  };
+  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;
+export {
+  ViewsCounter$1 as default
+};

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

@@ -0,0 +1,11 @@
+import { ViewsDetails } from 'edifice-ts-client';
+export interface ViewsModalProps {
+    viewsDetails: ViewsDetails;
+    isOpen: boolean;
+    onModalClose: () => void;
+}
+declare const ViewsModal: {
+    ({ viewsDetails, isOpen, onModalClose, }: ViewsModalProps): import('react').ReactPortal;
+    displayName: string;
+};
+export default ViewsModal;

package/dist/modules/audience/ViewsModal.js

@@ -0,0 +1,40 @@
+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 Button from "../../components/Button/Button.js";
+import { Icon } from "../../components/Icon/Icon.js";
+import { StringUtils } from "../../utils/StringUtils.js";
+const ViewsModal = ({
+  viewsDetails,
+  isOpen,
+  onModalClose
+}) => {
+  var _a;
+  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") })
+      ] }),
+      /* @__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") })
+      ] }),
+      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"));
+}, ViewsModal$1 = ViewsModal;
+export {
+  ViewsModal$1 as default
+};

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

@@ -0,0 +1,5 @@
+import { ReactionType } from 'edifice-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

@@ -0,0 +1,37 @@
+import { jsx } from "react/jsx-runtime";
+import { Icon } from "../../../components/Icon/Icon.js";
+function useReactionIcons() {
+  return {
+    getReactionIcon: (reactionType, asCounter) => {
+      switch (reactionType) {
+        case "REACTION_1":
+          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/thanks-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/thanks" });
+        case "REACTION_2":
+          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/great-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/great" });
+        case "REACTION_3":
+          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/congrats-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/congrats" });
+        case "REACTION_4":
+          return asCounter ? /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/interesting-counter" }) : /* @__PURE__ */ jsx(Icon, { name: "audience/reactions/interesting" });
+        default:
+          return /* @__PURE__ */ jsx(Icon, { name: "reaction" });
+      }
+    },
+    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
+};