@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

package/dist/modules/audience/ReactionChoice.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ReactionChoice.js","sources":["../../../src/modules/audience/ReactionChoice.tsx"],"sourcesContent":["import { ReactionSummaryData, ReactionType } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\nimport { useReactionIcons } from '.';\nimport { IconButton } from '../../components/Button';\nimport { Dropdown } from '../../components/Dropdown';\nimport { Tooltip } from '../../components/Tooltip';\n\nexport interface ReactionChoiceProps {\n  availableReactions: ReactionType[];\n  summary?: ReactionSummaryData;\n  onChange?: (chosenReaction?: ReactionType) => void;\n}\n\nconst ReactionChoice = ({\n  availableReactions,\n  summary = { totalReactionsCounter: 0, userReaction: null },\n  onChange,\n}: ReactionChoiceProps) => {\n  const { t } = useTranslation();\n  const { getReactionIcon, getReactionLabel } = useReactionIcons();\n\n  const { userReaction } = summary;\n  const classes = clsx({\n    'fw-bold': !!userReaction,\n  });\n\n  return (\n    <div className=\"reaction-choice\">\n      <Dropdown placement=\"top-start\" isTriggerHovered>\n        <Dropdown.Trigger\n          className={classes}\n          color=\"tertiary\"\n          variant=\"ghost\"\n          size=\"sm\"\n          icon={getReactionIcon(userReaction)}\n          hideCarret\n          label={t(getReactionLabel(userReaction))}\n        ></Dropdown.Trigger>\n        <Dropdown.Menu\n          unstyled\n          className=\"bg-white shadow rounded-8 overflow-visible\"\n        >\n          <div className=\"d-flex align-items-center justify-content-between\">\n            {availableReactions?.map((reactionType) => (\n              <Dropdown.Item className=\"p-0\" key={reactionType}>\n                <Tooltip\n                  message={t(getReactionLabel(reactionType))}\n                  placement=\"top\"\n                >\n                  <IconButton\n                    className=\"reaction-available m-4\"\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    icon={getReactionIcon(reactionType)}\n                    onClick={() => onChange?.(reactionType)}\n                  />\n                </Tooltip>\n              </Dropdown.Item>\n            ))}\n          </div>\n        </Dropdown.Menu>\n      </Dropdown>\n    </div>\n  );\n};\n\nReactionChoice.displayName = 'ReactionChoice';\n\nexport default ReactionChoice;\n"],"names":["ReactionChoice","availableReactions","summary","totalReactionsCounter","userReaction","onChange","t","useTranslation","getReactionIcon","getReactionLabel","useReactionIcons","classes","clsx","jsx","Dropdown","map","reactionType","Tooltip","IconButton"],"mappings":";;;;;;;AAcA,MAAMA,IAAiBA,CAAC;AAAA,EACtBC,oBAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,IAAEC,uBAAuB;AAAA,IAAGC,cAAc;AAAA,EAAK;AAAA,EACzDC,UAAAA;AACmB,MAAM;AACnB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,kBAAAA;AAAAA,MAAqBC,EAAiB,GAEzD;AAAA,IAAEN,cAAAA;AAAAA,EAAiBF,IAAAA,GACnBS,IAAUC,EAAK;AAAA,IACnB,WAAW,CAAC,CAACR;AAAAA,EAAAA,CACd;AAGC,SAAA,gBAAAS,EAAC,SAAI,WAAU,mBACb,4BAACC,GAAS,EAAA,WAAU,aAAY,kBAAgB,IAC9C,UAAA;AAAA,IAAC,gBAAAD,EAAAC,EAAS,SAAT,EACC,WAAWH,GACX,OAAM,YACN,SAAQ,SACR,MAAK,MACL,MAAMH,EAAgBJ,CAAY,GAClC,YAAU,IACV,OAAOE,EAAEG,EAAiBL,CAAY,CAAC,GACxC;AAAA,IACD,gBAAAS,EAACC,EAAS,MAAT,EACC,UAAQ,IACR,WAAU,8CAEV,UAAC,gBAAAD,EAAA,OAAA,EAAI,WAAU,qDACZZ,iCAAoBc,IAAKC,CAAAA,MACvB,gBAAAH,EAAAC,EAAS,MAAT,EAAc,WAAU,OACvB,UAAA,gBAAAD,EAACI,GACC,EAAA,SAASX,EAAEG,EAAiBO,CAAY,CAAC,GACzC,WAAU,OAEV,UAAC,gBAAAH,EAAAK,GAAA,EACC,WAAU,0BACV,SAAQ,SACR,MAAK,MACL,MAAMV,EAAgBQ,CAAY,GAClC,SAAS,MAAMX,KAAAA,gBAAAA,EAAWW,GAAc,CAAA,EAE5C,CAAA,EAZkCA,GAAAA,CAapC,GACD,CACH,EACF,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;"}

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

@@ -1,35 +0,0 @@
-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: 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__ */ 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__ */ a("p", { className: "caption text-gray-700", children: i(o(e.reactionType)) })
-    ] })
-  ] });
-}
-export {
-  N as ReactionModalCard
-};
-//# sourceMappingURL=ReactionModal.Card.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,73 +0,0 @@
-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 [n, x] = c({
-    countByType: {},
-    allReactionsCounter: 0
-  }), [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: a,
-        userReactions: E
-      } = e;
-      t === 1 && x(a), P((C) => [...C, ...E.filter((N) => !C.some((_) => _.userId === N.userId))]);
-    }
-  }, [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: s,
-      icon: null,
-      label: r("audience.reaction.tab.all"),
-      content: u
-    }, ...t];
-  }, [n.countByType, u]);
-  S(() => {
-    b();
-  }, []);
-  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"));
-};
-B.Card = z;
-export {
-  B as default
-};
-//# sourceMappingURL=ReactionModal.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,28 +0,0 @@
-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: a
-}) => {
-  const {
-    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))
-  ] }) });
-};
-export {
-  v as default
-};
-//# sourceMappingURL=ReactionSummary.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,36 +0,0 @@
-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: 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__ */ e(n, { name: "audience/views/student" });
-      case "relative":
-        return /* @__PURE__ */ e(n, { name: "audience/views/parent" });
-      case "teacher":
-        return /* @__PURE__ */ e(n, { name: "audience/views/teacher" });
-      case "personnel":
-        return /* @__PURE__ */ e(n, { name: "audience/views/personnel" });
-      case "guest":
-        return /* @__PURE__ */ e(n, { name: "audience/views/guest" });
-      default:
-        return /* @__PURE__ */ e(n, { name: "users" });
-    }
-  }
-  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 {
-  w as default
-};
-//# sourceMappingURL=ViewsByProfileCard.js.map

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

@@ -1 +0,0 @@
-{"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,19 +0,0 @@
-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 e = (n) => {
-    n.preventDefault(), n.stopPropagation(), t == null || t();
-  };
-  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 {
-  h as default
-};
-//# sourceMappingURL=ViewsCounter.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,41 +0,0 @@
-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 l;
-  const {
-    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__ */ 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") })
-      ] }),
-      t ? (l = n.uniqueViewsPerProfile) == null ? void 0 : l.map((a) => /* @__PURE__ */ e(v, { viewsByProfile: a }, a.profile)) : null
-    ] }),
-    /* @__PURE__ */ e(d.Footer, { children: /* @__PURE__ */ e(w, { color: "primary", onClick: o, type: "button", variant: "filled", children: i("audience.views.cancel") }) })
-  ] }), document.getElementById("portal"));
-};
-export {
-  x as default
-};
-//# sourceMappingURL=ViewsModal.js.map

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,38 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Icon as n } from "../../../components/Icon/Icon.js";
-function u() {
-  return {
-    getReactionIcon: (t, a) => {
-      switch (t) {
-        case "REACTION_1":
-          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/thanks-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/thanks" });
-        case "REACTION_2":
-          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/great-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/great" });
-        case "REACTION_3":
-          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/congrats-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/congrats" });
-        case "REACTION_4":
-          return a ? /* @__PURE__ */ e(n, { name: "audience/reactions/interesting-counter" }) : /* @__PURE__ */ e(n, { name: "audience/reactions/interesting" });
-        default:
-          return /* @__PURE__ */ e(n, { name: "reaction" });
-      }
-    },
-    getReactionLabel: (t) => {
-      switch (t) {
-        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 {
-  u as default
-};
-//# sourceMappingURL=useReactionIcons.js.map

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

@@ -1 +0,0 @@
-{"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;"}

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

@@ -1,36 +0,0 @@
-import { odeServices as r, ERROR_CODE as o } from "@edifice.io/ts-client";
-import { useRef as p, useState as A, useCallback as b, useEffect as v } from "react";
-function E(c, l) {
-  const {
-    reactions: t
-  } = p(r.audience(c, l)).current, [s, u] = A([]);
-  async function f() {
-    const e = await t.loadAvailableReactions();
-    e && u(e);
-  }
-  async function R(e) {
-    return await t.loadReactionSummaries(e);
-  }
-  const m = async (e, a, i = 30) => await t.loadReactionDetails(e, a, i), d = b(
-    async (e, a, i) => {
-      if (a !== i && s.indexOf(a) < 0)
-        return Promise.reject(o.MALFORMED_DATA);
-      let n = "+";
-      return i ? a === i ? (await t.deleteReaction(e), n = "-") : (await t.updateReaction(e, a), n = "=") : await t.createReaction(e, a), r.http().isResponseError() ? Promise.reject(o.UNKNOWN) : n;
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s]
-  );
-  return v(() => {
-    f();
-  }, []), {
-    availableReactions: s,
-    loadReactionDetails: m,
-    loadReactionSummaries: R,
-    applyReaction: d
-  };
-}
-export {
-  E as default
-};
-//# sourceMappingURL=useReactions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useReactions.js","sources":["../../../../src/modules/audience/hooks/useReactions.ts"],"sourcesContent":["import { ERROR_CODE, ReactionType, odeServices } from '@edifice.io/ts-client';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\n/**\n * This hook implements some logic and provides functions to easily call \"audience\" backend endpoints.\n * @param module application code, e.g. \"blog\"\n * @param resourceType type of resource, e.g. \"post\"\n * @returns functions to easily call \"audience\" backend endpoints\n */\nexport default function useReactions(module: string, resourceType: string) {\n  const { reactions } = useRef(\n    odeServices.audience(module, resourceType),\n  ).current;\n  const [availableReactions, setAvailableReactions] = useState<ReactionType[]>(\n    [],\n  );\n\n  /** Load available reactions types. */\n  async function loadAvailableReactions() {\n    const results = await reactions.loadAvailableReactions();\n    if (results) {\n      setAvailableReactions(results);\n    }\n  }\n\n  /**\n   * Load the reactions summary for a list of resources.\n   * @param resourceIds list of resource ids\n   * @returns map of summaries, indexed by resource id.\n   */\n  async function loadReactionSummaries(resourceIds: string[]) {\n    return await reactions.loadReactionSummaries(resourceIds);\n  }\n\n  /**\n   * Load the reactions details for a resource.\n   * @param resourceId ID of the resource\n   * @param page Page number\n   * @param size Number of results per page.\n   */\n  const loadReactionDetails = async (\n    resourceId: string,\n    page: number,\n    size = 30,\n  ) => {\n    return await reactions.loadReactionDetails(resourceId, page, size);\n  };\n\n  /**\n   * Set, update or remove a reaction to a resource.\n   * @param resourceId id\n   * @param newReaction reaction to set / update / remove\n   * @param oldReaction Previous reaction, or null if none exists.\n   * @returns a promise of \"+\" (reaction added), \"-\" (reaction removed) or \"=\" (reaction changed)\n   */\n  const applyReaction = useCallback(\n    async (\n      resourceId: string,\n      newReaction: ReactionType,\n      oldReaction: ReactionType | null,\n    ) => {\n      // Forbid setting an unavailable reaction, but allow resetting it.\n      if (\n        newReaction !== oldReaction &&\n        availableReactions.indexOf(newReaction) < 0\n      ) {\n        return Promise.reject(ERROR_CODE.MALFORMED_DATA);\n      }\n\n      let result: '+' | '-' | '=' = '+';\n      if (oldReaction) {\n        if (newReaction === oldReaction) {\n          // Reset the reaction\n          await reactions.deleteReaction(resourceId);\n          result = '-';\n        } else {\n          // Change reaction\n          await reactions.updateReaction(resourceId, newReaction);\n          result = '=';\n        }\n      } else {\n        // Post a new reaction\n        await reactions.createReaction(resourceId, newReaction);\n      }\n      if (odeServices.http().isResponseError())\n        return Promise.reject(ERROR_CODE.UNKNOWN);\n      return result;\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [availableReactions],\n  );\n\n  /** Get the available reactions, only once. */\n  useEffect(() => {\n    loadAvailableReactions();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  return {\n    availableReactions,\n    loadReactionDetails,\n    loadReactionSummaries,\n    applyReaction,\n  };\n}\n"],"names":["useReactions","module","resourceType","reactions","useRef","odeServices","audience","current","availableReactions","setAvailableReactions","useState","loadAvailableReactions","results","loadReactionSummaries","resourceIds","loadReactionDetails","resourceId","page","size","applyReaction","useCallback","newReaction","oldReaction","indexOf","Promise","reject","ERROR_CODE","MALFORMED_DATA","result","deleteReaction","updateReaction","createReaction","http","isResponseError","UNKNOWN","useEffect"],"mappings":";;AASwBA,SAAAA,EAAaC,GAAgBC,GAAsB;AACnE,QAAA;AAAA,IAAEC,WAAAA;AAAAA,EAAAA,IAAcC,EACpBC,EAAYC,SAASL,GAAQC,CAAY,CAC3C,EAAEK,SACI,CAACC,GAAoBC,CAAqB,IAAIC,EAClD,CACF,CAAA;AAGA,iBAAeC,IAAyB;AAChCC,UAAAA,IAAU,MAAMT,EAAUQ;AAChC,IAAIC,KACFH,EAAsBG,CAAO;AAAA,EAEjC;AAOA,iBAAeC,EAAsBC,GAAuB;AACnD,WAAA,MAAMX,EAAUU,sBAAsBC,CAAW;AAAA,EAC1D;AAQA,QAAMC,IAAsB,OAC1BC,GACAC,GACAC,IAAO,OAEA,MAAMf,EAAUY,oBAAoBC,GAAYC,GAAMC,CAAI,GAU7DC,IAAgBC;AAAAA,IACpB,OACEJ,GACAK,GACAC,MACG;AAEH,UACED,MAAgBC,KAChBd,EAAmBe,QAAQF,CAAW,IAAI;AAEnCG,eAAAA,QAAQC,OAAOC,EAAWC,cAAc;AAGjD,UAAIC,IAA0B;AAe1BvB,aAdAiB,IACED,MAAgBC,KAEZnB,MAAAA,EAAU0B,eAAeb,CAAU,GAChCY,IAAA,QAGHzB,MAAAA,EAAU2B,eAAed,GAAYK,CAAW,GAC7CO,IAAA,OAILzB,MAAAA,EAAU4B,eAAef,GAAYK,CAAW,GAEpDhB,EAAY2B,KAAOC,EAAAA,oBACdT,QAAQC,OAAOC,EAAWQ,OAAO,IACnCN;AAAAA,IACT;AAAA;AAAA,IAEA,CAACpB,CAAkB;AAAA,EAAA;AAIrB2B,SAAAA,EAAU,MAAM;AACS,IAAAxB;EAEzB,GAAG,CAAE,CAAA,GAEE;AAAA,IACLH,oBAAAA;AAAAA,IACAO,qBAAAA;AAAAA,IACAF,uBAAAA;AAAAA,IACAM,eAAAA;AAAAA,EAAAA;AAEJ;"}

package/dist/modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.d.ts

@@ -1,8 +0,0 @@
-import { Editor } from '@tiptap/react';
-declare const BubbleMenuEditImage: ({ editor, onEditImage, openEditImage, editable, }: {
-    editor: Editor;
-    onEditImage: () => void;
-    openEditImage: boolean;
-    editable: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-export default BubbleMenuEditImage;

package/dist/modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js

@@ -1,133 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import { BubbleMenu as y } from "@tiptap/react";
-import { useTranslation as z } from "react-i18next";
-import { Icon as l } from "../../../../components/Icon/Icon.js";
-import { Toolbar as v } from "../../../../components/Toolbar/Toolbar.js";
-const O = ({
-  editor: e,
-  onEditImage: g,
-  openEditImage: u,
-  editable: h
-}) => {
-  const {
-    t: o
-  } = z(), {
-    selection: w
-  } = e.view.state, t = e.view.state.doc.nodeAt(w.anchor), p = (a) => {
-    e.chain().focus().setAttributes({
-      width: a.width,
-      height: a.height,
-      size: a.size
-    }).run();
-  }, f = b(() => {
-    var a, i, n, m, r, c;
-    return [{
-      type: "button",
-      name: "edit",
-      props: {
-        size: "lg",
-        color: "secondary",
-        leftIcon: /* @__PURE__ */ s(l, { name: "wand" }),
-        "aria-label": o("tiptap.tooltip.bubblemenu.image.edit"),
-        children: o("tiptap.bubblemenu.edit"),
-        onClick: g
-      },
-      tooltip: {
-        message: o("tiptap.tooltip.bubblemenu.image.edit"),
-        position: "top"
-      }
-    }, {
-      type: "divider",
-      name: "div-4"
-    }, {
-      type: "icon",
-      name: "small",
-      props: {
-        icon: /* @__PURE__ */ s(l, { name: "image-size-small" }),
-        "aria-label": o("tiptap.tooltip.bubblemenu.image.small"),
-        color: "tertiary",
-        className: ((a = t == null ? void 0 : t.attrs) == null ? void 0 : a.size) === "small" && ((i = t == null ? void 0 : t.attrs) == null ? void 0 : i.width) === 250 ? "is-selected" : "",
-        onClick: () => p({
-          size: "small",
-          width: 250,
-          height: "auto"
-        })
-      },
-      tooltip: {
-        message: o("tiptap.tooltip.bubblemenu.image.small"),
-        position: "top"
-      }
-    }, {
-      type: "icon",
-      name: "medium",
-      props: {
-        icon: /* @__PURE__ */ s(l, { name: "image-size-medium" }),
-        "aria-label": o("tiptap.tooltip.bubblemenu.image.medium"),
-        color: "tertiary",
-        className: ((n = t == null ? void 0 : t.attrs) == null ? void 0 : n.size) === "medium" && ((m = t == null ? void 0 : t.attrs) == null ? void 0 : m.width) === 350 ? "is-selected" : "",
-        onClick: () => p({
-          size: "medium",
-          width: 350,
-          height: "auto"
-        })
-      },
-      tooltip: {
-        message: o("tiptap.tooltip.bubblemenu.image.medium"),
-        position: "top"
-      }
-    }, {
-      type: "icon",
-      name: "large",
-      props: {
-        icon: /* @__PURE__ */ s(l, { name: "image-size-large" }),
-        "aria-label": o("tiptap.tooltip.bubblemenu.image.big"),
-        color: "tertiary",
-        className: ((r = t == null ? void 0 : t.attrs) == null ? void 0 : r.size) === "large" && ((c = t == null ? void 0 : t.attrs) == null ? void 0 : c.width) === 500 ? "is-selected" : "",
-        onClick: () => p({
-          size: "large",
-          width: 500,
-          height: "auto"
-        })
-      },
-      tooltip: {
-        message: o("tiptap.tooltip.bubblemenu.image.big"),
-        position: "top"
-      }
-    }];
-  }, [o, t]), d = b(() => {
-    function a(i) {
-      let n = 0;
-      if (window.visualViewport) {
-        const m = window.innerHeight || document.documentElement.clientHeight;
-        i.bottom >= m && (n += i.bottom - m - i.height);
-      }
-      return new DOMRect(i.x, i.y - n, i.width, i.height);
-    }
-    return {
-      placement: "bottom-start",
-      offset: [0, 0],
-      zIndex: 999,
-      duration: 100,
-      // Try to get the bounding rect of the table.
-      getReferenceClientRect: () => {
-        const i = e != null && e.isActive("custom-image") ? e.state.selection.$anchor : null;
-        if (i) {
-          const n = e == null ? void 0 : e.view.nodeDOM(i.pos);
-          if (n) {
-            const m = n.firstChild;
-            return a(m.getBoundingClientRect());
-          }
-        }
-        return new DOMRect(0, 0, 100, 100);
-      }
-    };
-  }, [e]);
-  return /* @__PURE__ */ s(y, { className: u ? "d-none" : "", shouldShow: ({
-    editor: a
-  }) => a.isActive("custom-image") && !u, editor: e, tippyOptions: d, children: h && /* @__PURE__ */ s(v, { className: "p-8", items: f }) });
-};
-export {
-  O as default
-};
-//# sourceMappingURL=BubbleMenuEditImage.js.map

package/dist/modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BubbleMenuEditImage.js","sources":["../../../../../src/modules/editor/components/BubbleMenuEditImage/BubbleMenuEditImage.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { BubbleMenu, BubbleMenuProps, Editor } from '@tiptap/react';\nimport { useTranslation } from 'react-i18next';\nimport { Icon, Toolbar, ToolbarItem } from '../../../..';\n\ninterface ButtonSize {\n  size: string;\n  width: string | number;\n  height: string | number;\n}\n\nconst BubbleMenuEditImage = ({\n  editor,\n  onEditImage,\n  openEditImage,\n  editable,\n}: {\n  editor: Editor;\n  onEditImage: () => void;\n  openEditImage: boolean;\n  editable: boolean;\n}) => {\n  const { t } = useTranslation();\n\n  const { selection } = editor.view.state;\n\n  const selectedNode = editor.view.state.doc.nodeAt(selection.anchor);\n\n  const handleButtonClick = (buttonSize: ButtonSize) => {\n    editor\n      .chain()\n      .focus()\n      .setAttributes({\n        width: buttonSize.width,\n        height: buttonSize.height,\n        size: buttonSize.size,\n      })\n      .run();\n  };\n\n  const ImageSizeItems: ToolbarItem[] = useMemo(() => {\n    return [\n      {\n        type: 'button',\n        name: 'edit',\n        props: {\n          size: 'lg',\n          color: 'secondary',\n          leftIcon: <Icon name=\"wand\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.edit'),\n          children: t('tiptap.bubblemenu.edit'),\n          onClick: onEditImage,\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.edit'),\n          position: 'top',\n        },\n      },\n      {\n        type: 'divider',\n        name: 'div-4',\n      },\n      {\n        type: 'icon',\n        name: 'small',\n        props: {\n          icon: <Icon name=\"image-size-small\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.small'),\n          color: 'tertiary',\n          className:\n            selectedNode?.attrs?.size === 'small' &&\n            selectedNode?.attrs?.width === 250\n              ? 'is-selected'\n              : '',\n          onClick: () =>\n            handleButtonClick({\n              size: 'small',\n              width: 250,\n              height: 'auto',\n            }),\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.small'),\n          position: 'top',\n        },\n      },\n      {\n        type: 'icon',\n        name: 'medium',\n        props: {\n          icon: <Icon name=\"image-size-medium\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.medium'),\n          color: 'tertiary',\n          className:\n            selectedNode?.attrs?.size === 'medium' &&\n            selectedNode?.attrs?.width === 350\n              ? 'is-selected'\n              : '',\n          onClick: () =>\n            handleButtonClick({\n              size: 'medium',\n              width: 350,\n              height: 'auto',\n            }),\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.medium'),\n          position: 'top',\n        },\n      },\n      {\n        type: 'icon',\n        name: 'large',\n        props: {\n          icon: <Icon name=\"image-size-large\" />,\n          'aria-label': t('tiptap.tooltip.bubblemenu.image.big'),\n          color: 'tertiary',\n          className:\n            selectedNode?.attrs?.size === 'large' &&\n            selectedNode?.attrs?.width === 500\n              ? 'is-selected'\n              : '',\n          onClick: () =>\n            handleButtonClick({\n              size: 'large',\n              width: 500,\n              height: 'auto',\n            }),\n        },\n        tooltip: {\n          message: t('tiptap.tooltip.bubblemenu.image.big'),\n          position: 'top',\n        },\n      },\n    ];\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [t, selectedNode]);\n\n  const tippyOptions: BubbleMenuProps['tippyOptions'] = useMemo(() => {\n    // Adjust a DOMRect to make it visible at a correct place.\n    function adjustRect(rect: DOMRect) {\n      let yOffset = 0;\n      if (window.visualViewport) {\n        const bottomScreen =\n          window.innerHeight || document.documentElement.clientHeight;\n        if (rect.bottom >= bottomScreen) {\n          yOffset += rect.bottom - bottomScreen - rect.height;\n        }\n      }\n      return new DOMRect(rect.x, rect.y - yOffset, rect.width, rect.height);\n    }\n\n    return {\n      placement: 'bottom-start',\n      offset: [0, 0],\n      zIndex: 999,\n      duration: 100,\n      // Try to get the bounding rect of the table.\n      getReferenceClientRect: () => {\n        const parentDiv = editor?.isActive('custom-image')\n          ? editor.state.selection.$anchor\n          : null;\n\n        if (parentDiv) {\n          const parentDomNode = editor?.view.nodeDOM(parentDiv.pos) as\n            | HTMLElement\n            | undefined;\n\n          if (parentDomNode) {\n            const childDomNode = parentDomNode.firstChild as HTMLElement;\n            return adjustRect(childDomNode.getBoundingClientRect());\n          }\n        }\n\n        // This should never happen... but it keeps the transpiler happy.\n        return new DOMRect(0, 0, 100, 100);\n      },\n    };\n  }, [editor]);\n\n  return (\n    <BubbleMenu\n      className={openEditImage ? 'd-none' : ''}\n      shouldShow={({ editor }) => {\n        return editor.isActive('custom-image') && !openEditImage;\n      }}\n      editor={editor}\n      tippyOptions={tippyOptions}\n    >\n      {editable && <Toolbar className=\"p-8\" items={ImageSizeItems} />}\n    </BubbleMenu>\n  );\n};\n\nexport default BubbleMenuEditImage;\n"],"names":["BubbleMenuEditImage","editor","onEditImage","openEditImage","editable","t","useTranslation","selection","view","state","selectedNode","doc","nodeAt","anchor","handleButtonClick","buttonSize","chain","focus","setAttributes","width","height","size","run","ImageSizeItems","useMemo","type","name","props","color","leftIcon","jsx","Icon","children","onClick","tooltip","message","position","icon","className","attrs","tippyOptions","adjustRect","rect","yOffset","window","visualViewport","bottomScreen","innerHeight","document","documentElement","clientHeight","bottom","DOMRect","x","y","placement","offset","zIndex","duration","getReferenceClientRect","parentDiv","isActive","$anchor","parentDomNode","nodeDOM","pos","childDomNode","firstChild","getBoundingClientRect","BubbleMenu","Toolbar"],"mappings":"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"}