@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.14

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.d.ts

@@ -1,11 +0,0 @@
-import { ViewsDetails } from '@edifice.io/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

@@ -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.d.ts

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

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

@@ -1,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.d.ts

@@ -1,15 +0,0 @@
-import { ReactionType } from '@edifice.io/ts-client';
-/**
- * This hook implements some logic and provides functions to easily call "audience" backend endpoints.
- * @param module application code, e.g. "blog"
- * @param resourceType type of resource, e.g. "post"
- * @returns functions to easily call "audience" backend endpoints
- */
-export default function useReactions(module: string, resourceType: string): {
-    availableReactions: ("REACTION_1" | "REACTION_2" | "REACTION_3" | "REACTION_4")[];
-    loadReactionDetails: (resourceId: string, page: number, size?: number) => Promise<import('@edifice.io/ts-client').ReactionDetailsData | undefined>;
-    loadReactionSummaries: (resourceIds: string[]) => Promise<{
-        [resourceId: string]: import('@edifice.io/ts-client').ReactionSummaryData | undefined;
-    }>;
-    applyReaction: (resourceId: string, newReaction: ReactionType, oldReaction: ReactionType | null) => Promise<"-" | "+" | "=">;
-};

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/audience/hooks/useViews.d.ts

@@ -1,11 +0,0 @@
-/**
- * This hook provides functions to easily call "audience" backend endpoints.
- * @param module application code, e.g. "blog"
- * @param resourceType type of resource, e.g. "post"
- * @returns functions to easily call "audience" backend endpoints.
- */
-export default function useViews(module: string, resourceType: string): {
-    getViewsCounter: (resourceIds: string[]) => Promise<import('@edifice.io/ts-client').ViewsCounters>;
-    getViewsDetail: (resourceId: string) => Promise<import('@edifice.io/ts-client').ViewsDetails | undefined>;
-    triggerView: (resourceId: string) => Promise<void>;
-};

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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"}

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

@@ -1 +0,0 @@
-export { default as BubbleMenuEditImage } from './BubbleMenuEditImage';

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

@@ -1,45 +0,0 @@
-import { WorkspaceVisibility } from '@edifice.io/ts-client';
-import { Content, FocusPosition, JSONContent } from '@tiptap/react';
-export interface EditorRef {
-    /** Get the current content. */
-    getContent: (as: 'html' | 'json' | 'plain') => undefined | string | JSONContent;
-    /** Get speech synthetisis current state */
-    isSpeeching: () => boolean;
-    /** [De]activate speech synthetisis */
-    toogleSpeechSynthetisis: () => boolean;
-}
-/**
- * Editor component properties
- */
-export interface EditorProps {
-    /**
-     * (Optional) id of the HTML element.
-     * Useful with an external `<FormControl id=...><Label/>`.
-     */
-    id?: string;
-    /** Rich content to render. */
-    content: Content;
-    /**
-     * Rendering mode : `edit` to allow content modifications, or `read` (default)
-     * Switching to `edit` mode will also render the toolbar
-     * (unless `toolbar` property is `none`).
-     */
-    mode?: 'edit' | 'read';
-    /** Toolbar to display in `edit` mode. */
-    toolbar?: 'full' | 'none';
-    /** Display with or without a border */
-    variant?: 'outline' | 'ghost';
-    /** Set focus position to the editor */
-    focus?: FocusPosition;
-    /** Editor placeholder content */
-    placeholder?: string;
-    /** Visibility of the content created
-     *  this will impact where the uploaded files will be upload and the availability of the public media files  */
-    visibility?: WorkspaceVisibility;
-    /** Function to listen if content change */
-    onContentChange?: ({ editor }: {
-        editor: any;
-    }) => void;
-}
-declare const Editor: import('react').ForwardRefExoticComponent<EditorProps & import('react').RefAttributes<EditorRef>>;
-export default Editor;

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

@@ -1,84 +0,0 @@
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
-import { forwardRef as M, useId as k, useImperativeHandle as v, Suspense as H, lazy as h } from "react";
-import "@edifice.io/tiptap-extensions";
-import { EditorContent as j } from "@tiptap/react";
-import f from "clsx";
-import { useMathsStyles as N } from "../../hooks/useMathsStyles.js";
-import { useTipTapEditor as R } from "../../hooks/useTipTapEditor.js";
-import { useMediaLibraryEditor as z } from "../../hooks/useMediaLibraryEditor.js";
-import { useMathsModal as A } from "../../hooks/useMathsModal.js";
-import { useImageModal as B } from "../../hooks/useImageModal.js";
-import { useLinkToolbar as J } from "../../hooks/useLinkToolbar.js";
-import { useSpeechSynthetisis as P } from "../../hooks/useSpeechSynthetisis.js";
-import { EditorContext as U } from "../../hooks/useEditorContext.js";
-import { EditorToolbar as $ } from "../EditorToolbar/EditorToolbar.js";
-import q from "../Toolbar/LinkToolbar.js";
-import D from "../Toolbar/TableToolbar.js";
-import F from "../BubbleMenuEditImage/BubbleMenuEditImage.js";
-import G from "../../../multimedia/MediaLibrary/MediaLibrary.js";
-import { useOdeClient as K } from "../../../../core/OdeClientProvider/OdeClientProvider.js";
-import { LoadingScreen as Q } from "../../../../components/LoadingScreen/LoadingScreen.js";
-const V = /* @__PURE__ */ h(async () => await import("./MathsModal.js")), W = /* @__PURE__ */ h(async () => await import("../../../multimedia/ImageEditor/components/ImageEditor.js")), be = /* @__PURE__ */ M(({
-  id: s,
-  content: b,
-  mode: g = "read",
-  toolbar: E = "full",
-  variant: a = "outline",
-  focus: y = "start",
-  placeholder: I = "",
-  visibility: m = "protected",
-  onContentChange: S
-}, T) => {
-  const l = k(), {
-    appCode: p
-  } = K(), {
-    editor: e,
-    editable: o
-  } = R(g === "edit", b, y, I, S), {
-    ref: n,
-    ...C
-  } = z(e), {
-    toggle: L,
-    ...c
-  } = A(e), r = B(e, "media-library", m), x = J(e, n), d = P(e);
-  if (N(), v(T, () => ({
-    getContent: (u) => {
-      switch (u) {
-        case "html":
-          return e == null ? void 0 : e.getHTML();
-        case "json":
-          return e == null ? void 0 : e.getJSON();
-        case "plain":
-          return e == null ? void 0 : e.getText();
-        default:
-          throw new Error(`[Editor] Unknown content format ${u}`);
-      }
-    },
-    toogleSpeechSynthetisis: d.toggle,
-    isSpeeching: () => d.isActivated
-  })), !e) return null;
-  const w = f(a === "outline" && "border rounded-3"), O = f(a === "outline" && "py-12 px-16");
-  return /* @__PURE__ */ i(U.Provider, { value: {
-    id: s ?? l,
-    appCode: p,
-    editor: e,
-    editable: o
-  }, children: [
-    /* @__PURE__ */ i("div", { className: w, children: [
-      E !== "none" && o && /* @__PURE__ */ t($, { mediaLibraryRef: n, toggleMathsModal: L }),
-      /* @__PURE__ */ t(j, { id: s ?? l, editor: e, className: O })
-    ] }),
-    /* @__PURE__ */ t(q, { editor: e, ...x }),
-    /* @__PURE__ */ t(D, { editor: e }),
-    e && /* @__PURE__ */ t(F, { editor: e, onEditImage: r.handleEdit, openEditImage: r.isOpen, editable: o }),
-    /* @__PURE__ */ i(H, { fallback: /* @__PURE__ */ t(Q, {}), children: [
-      o && /* @__PURE__ */ t(G, { appCode: p, visibility: m, multiple: !0, ref: n, ...C }),
-      o && c.isOpen && /* @__PURE__ */ t(V, { ...c }),
-      o && (r == null ? void 0 : r.isOpen) && (r == null ? void 0 : r.currentImage) && /* @__PURE__ */ t(W, { altText: r == null ? void 0 : r.currentImage.alt, legend: r == null ? void 0 : r.currentImage.title, image: r == null ? void 0 : r.currentImage.src, isOpen: r.isOpen, onCancel: r.handleCancel, onSave: r.handleSave, onError: console.error })
-    ] })
-  ] });
-});
-export {
-  be as default
-};
-//# sourceMappingURL=Editor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Editor.js","sources":["../../../../../src/modules/editor/components/Editor/Editor.tsx"],"sourcesContent":["import {\n  Ref,\n  Suspense,\n  forwardRef,\n  lazy,\n  useId,\n  useImperativeHandle,\n} from 'react';\n\nimport '@edifice.io/tiptap-extensions';\nimport { WorkspaceVisibility } from '@edifice.io/ts-client';\nimport {\n  Content,\n  EditorContent,\n  FocusPosition,\n  JSONContent,\n} from '@tiptap/react';\nimport clsx from 'clsx';\n\nimport {\n  BubbleMenuEditImage,\n  EditorContext,\n  EditorToolbar,\n  LinkToolbar,\n  TableToolbar,\n  useImageModal,\n  useLinkToolbar,\n  useMathsModal,\n  useMediaLibraryEditor,\n  useSpeechSynthetisis,\n  useTipTapEditor,\n} from '../..';\nimport { LoadingScreen, useOdeClient } from '../../../..';\nimport { MediaLibrary } from '../../../multimedia';\nimport { useMathsStyles } from '../../hooks/useMathsStyles';\n\nconst MathsModal = lazy(async () => await import('./MathsModal'));\nconst ImageEditor = lazy(\n  async () =>\n    await import('../../../multimedia/ImageEditor/components/ImageEditor'),\n);\n\nexport interface EditorRef {\n  /** Get the current content. */\n  getContent: (\n    as: 'html' | 'json' | 'plain',\n  ) => undefined | string | JSONContent;\n\n  /** Get speech synthetisis current state */\n  isSpeeching: () => boolean;\n  /** [De]activate speech synthetisis */\n  toogleSpeechSynthetisis: () => boolean;\n}\n\n/**\n * Editor component properties\n */\nexport interface EditorProps {\n  /**\n   * (Optional) id of the HTML element.\n   * Useful with an external `<FormControl id=...><Label/>`.\n   */\n  id?: string;\n  /** Rich content to render. */\n  content: Content;\n  /**\n   * Rendering mode : `edit` to allow content modifications, or `read` (default)\n   * Switching to `edit` mode will also render the toolbar\n   * (unless `toolbar` property is `none`).\n   */\n  mode?: 'edit' | 'read' /* | \"preview\" */;\n  /** Toolbar to display in `edit` mode. */\n  toolbar?: 'full' | 'none';\n  /** Display with or without a border */\n  variant?: 'outline' | 'ghost';\n  /** Set focus position to the editor */\n  focus?: FocusPosition;\n  /** Editor placeholder content */\n  placeholder?: string;\n  /** Visibility of the content created\n   *  this will impact where the uploaded files will be upload and the availability of the public media files  */\n  visibility?: WorkspaceVisibility;\n  /** Function to listen if content change */\n  onContentChange?: ({ editor }: { editor: any }) => void;\n}\n\nconst Editor = forwardRef(\n  (\n    {\n      id,\n      content,\n      mode = 'read',\n      toolbar = 'full',\n      variant = 'outline',\n      focus = 'start',\n      placeholder = '',\n      visibility = 'protected',\n      onContentChange,\n    }: EditorProps,\n    ref: Ref<EditorRef>,\n  ) => {\n    const editorId = useId();\n    const { appCode } = useOdeClient();\n    const { editor, editable } = useTipTapEditor(\n      mode === 'edit',\n      content,\n      focus,\n      placeholder,\n      onContentChange,\n    );\n    const { ref: mediaLibraryModalRef, ...mediaLibraryModalHandlers } =\n      useMediaLibraryEditor(editor);\n    const { toggle: toggleMathsModal, ...mathsModalHandlers } =\n      useMathsModal(editor);\n    const imageModal = useImageModal(editor, 'media-library', visibility);\n    const linkToolbarHandlers = useLinkToolbar(editor, mediaLibraryModalRef);\n    const speechSynthetisis = useSpeechSynthetisis(editor);\n\n    useMathsStyles();\n\n    //----- Editor API\n    useImperativeHandle(ref, () => ({\n      getContent: (as: 'html' | 'json' | 'plain') => {\n        switch (as) {\n          case 'html':\n            return editor?.getHTML();\n          case 'json':\n            return editor?.getJSON();\n          case 'plain':\n            return editor?.getText();\n          default:\n            throw new Error(`[Editor] Unknown content format ${as}`);\n        }\n      },\n      toogleSpeechSynthetisis: speechSynthetisis.toggle,\n      isSpeeching: () => speechSynthetisis.isActivated,\n    }));\n\n    if (!editor) return null;\n\n    const borderClass = clsx(variant === 'outline' && 'border rounded-3');\n    const contentClass = clsx(variant === 'outline' && 'py-12 px-16');\n\n    return (\n      <EditorContext.Provider\n        value={{\n          id: id ?? editorId,\n          appCode,\n          editor,\n          editable,\n        }}\n      >\n        <div className={borderClass}>\n          {toolbar !== 'none' && editable && (\n            <EditorToolbar\n              {...{\n                mediaLibraryRef: mediaLibraryModalRef,\n                toggleMathsModal: toggleMathsModal,\n              }}\n            />\n          )}\n          <EditorContent\n            id={id ?? editorId}\n            editor={editor}\n            className={contentClass}\n          />\n        </div>\n\n        <LinkToolbar editor={editor} {...linkToolbarHandlers} />\n\n        <TableToolbar editor={editor} />\n\n        {editor && (\n          <BubbleMenuEditImage\n            editor={editor}\n            onEditImage={imageModal.handleEdit}\n            openEditImage={imageModal.isOpen}\n            editable={editable}\n          />\n        )}\n\n        <Suspense fallback={<LoadingScreen />}>\n          {editable && (\n            <MediaLibrary\n              appCode={appCode}\n              visibility={visibility}\n              multiple={true}\n              ref={mediaLibraryModalRef}\n              {...mediaLibraryModalHandlers}\n            />\n          )}\n\n          {editable && mathsModalHandlers.isOpen && (\n            <MathsModal {...mathsModalHandlers} />\n          )}\n\n          {editable && imageModal?.isOpen && imageModal?.currentImage && (\n            <ImageEditor\n              altText={imageModal?.currentImage.alt}\n              legend={imageModal?.currentImage.title}\n              image={imageModal?.currentImage.src}\n              isOpen={imageModal.isOpen}\n              onCancel={imageModal.handleCancel}\n              onSave={imageModal.handleSave}\n              onError={console.error}\n            />\n          )}\n        </Suspense>\n      </EditorContext.Provider>\n    );\n  },\n);\n\nexport default Editor;\n"],"names":["MathsModal","lazy","ImageEditor","Editor","id","content","mode","toolbar","variant","focus","placeholder","visibility","onContentChange","ref","editorId","useId","appCode","useOdeClient","editor","editable","useTipTapEditor","mediaLibraryModalRef","mediaLibraryModalHandlers","useMediaLibraryEditor","toggle","toggleMathsModal","mathsModalHandlers","useMathsModal","imageModal","useImageModal","linkToolbarHandlers","useLinkToolbar","speechSynthetisis","useSpeechSynthetisis","useMathsStyles","useImperativeHandle","getContent","as","getHTML","getJSON","getText","Error","toogleSpeechSynthetisis","isSpeeching","isActivated","borderClass","clsx","contentClass","jsxs","EditorContext","jsx","EditorToolbar","mediaLibraryRef","EditorContent","LinkToolbar","TableToolbar","BubbleMenuEditImage","handleEdit","isOpen","Suspense","LoadingScreen","MediaLibrary","currentImage","alt","title","src","handleCancel","handleSave","console","error"],"mappings":"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"}

package/dist/modules/editor/components/Editor/MathsModal.d.ts

@@ -1,7 +0,0 @@
-interface ModalProps {
-    isOpen: boolean;
-    onSuccess?: (formulaEditor: string) => void;
-    onCancel?: () => void;
-}
-declare const MathsModal: ({ isOpen, onSuccess, onCancel }: ModalProps) => import('react').ReactPortal;
-export default MathsModal;

package/dist/modules/editor/components/Editor/MathsModal.js

@@ -1,51 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as b, useEffect as $ } from "react";
-import x from "@tiptap-pro/extension-mathematics";
-import { useEditor as E, EditorContent as C } from "@tiptap/react";
-import M from "@tiptap/starter-kit";
-import { createPortal as g } from "react-dom";
-import { useTranslation as w } from "react-i18next";
-import { Modal as a } from "../../../../components/Modal/Modal.js";
-import { Button as c } from "../../../../components/Button/Button.js";
-const j = ({
-  isOpen: h,
-  onSuccess: l,
-  onCancel: o
-}) => {
-  const i = "\\frac{-b + \\sqrt{b^2 - 4ac}}{2a}", [m, d] = b(`$${i}$`), {
-    t: e
-  } = w(), t = E({
-    extensions: [M, x],
-    content: "",
-    editable: !1
-  });
-  $(() => {
-    t == null || t.commands.setContent(m), t == null || t.commands.enter();
-  }, [t, m]);
-  const f = (u) => {
-    const s = u.target.value.replaceAll(`
-`, "$<br/>$");
-    s ? (t == null || t.commands.setContent(`$${s}$`), d(`$${s}$`)) : (t == null || t.commands.setContent(""), d("")), t == null || t.commands.enter();
-  }, p = () => {
-    o == null || o();
-  };
-  return /* @__PURE__ */ g(/* @__PURE__ */ n(a, { id: "MathsModal", isOpen: h, onModalClose: p, children: [
-    /* @__PURE__ */ r(a.Header, { onModalClose: p, children: e("tiptap.maths.title") }),
-    /* @__PURE__ */ n(a.Subtitle, { children: [
-      e("tiptap.maths.subtitle.1"),
-      /* @__PURE__ */ r("a", { href: e("https://fr.wikibooks.org/wiki/LaTeX/%C3%89crire_des_math%C3%A9matiques"), target: "_blank", rel: "noreferrer", children: e("tiptap.maths.subtitle.2") })
-    ] }),
-    /* @__PURE__ */ n(a.Body, { children: [
-      /* @__PURE__ */ r("textarea", { id: "formulaTextArea", name: "formula", rows: 4, cols: 50, onChange: f, placeholder: `Exemple : ${i}`, className: "border rounded-3 w-100 px-16 py-12" }),
-      /* @__PURE__ */ r(C, { editor: t, className: "pt-24 pb-0 text-center fs-1" })
-    ] }),
-    /* @__PURE__ */ n(a.Footer, { children: [
-      /* @__PURE__ */ r(c, { color: "tertiary", onClick: o, type: "button", variant: "ghost", children: e("tiptap.maths.cancel") }),
-      /* @__PURE__ */ r(c, { color: "primary", onClick: () => l == null ? void 0 : l(m), type: "button", variant: "filled", children: e("tiptap.maths.add") })
-    ] })
-  ] }), document.getElementById("portal"));
-};
-export {
-  j as default
-};
-//# sourceMappingURL=MathsModal.js.map