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

package/dist/hooks/useImageResizer/useImageResizer.js

@@ -1,43 +0,0 @@
-function z() {
-  const h = (e, n, t, o) => (t > o && (e = Math.round(e * o / t), t = o), e > n && (t = Math.round(t * n / e), e = n), {
-    height: e,
-    width: t
-  }), p = (e, n) => {
-    const t = e.split(".");
-    return t.pop(), t.join(".") + "." + n;
-  }, w = (e, n, t, o, s = "jpeg", g = 80) => {
-    const i = g / 100, r = document.createElement("canvas"), l = `image/${s}`;
-    let c = e.width, m = e.height;
-    const u = h(m, o, c, t);
-    c = u.width, m = u.height;
-    const a = r.getContext("2d");
-    return a && (r.width = c, r.height = m, a.imageSmoothingEnabled && a.imageSmoothingQuality && (a.imageSmoothingQuality = "high"), a.drawImage(e, 0, 0, c, m)), new Promise((f, y) => {
-      r.toBlob((d) => {
-        d ? f(new File([d], n, {
-          type: l,
-          lastModified: (/* @__PURE__ */ new Date()).getTime()
-        })) : y();
-      }, l, i);
-    });
-  };
-  return {
-    resizeImageFile: async (e, n = 1440, t = 1440, o = 80) => {
-      if (!e) throw Error("Image resizer: file not found!");
-      if (!e.type || !e.type.startsWith("image/")) throw Error("Image resizer: the file given is not an image.");
-      const s = "jpeg";
-      return new Promise((g) => {
-        const i = new Image();
-        i.setAttribute("style", "max-width: none;"), i.src = URL.createObjectURL(e), i.onload = async () => {
-          const r = await w(i, p(e.name, s), n, t, s, o);
-          g(r);
-        }, i.onerror = (r) => {
-          throw Error("Image Loading Error: " + r);
-        };
-      });
-    }
-  };
-}
-export {
-  z as default
-};
-//# sourceMappingURL=useImageResizer.js.map

package/dist/hooks/useImageResizer/useImageResizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useImageResizer.js","sources":["../../../src/hooks/useImageResizer/useImageResizer.ts"],"sourcesContent":["/**\n * @module useImageResizer\n * @description This module provides a hook to resize and compress image files.\n * @returns all the action available for the image resizer\n */\nexport default function useImageResizer() {\n  const changeHeightWidth = (\n    height: number,\n    maxHeight: number,\n    width: number,\n    maxWidth: number,\n  ) => {\n    if (width > maxWidth) {\n      height = Math.round((height * maxWidth) / width);\n      width = maxWidth;\n    }\n    if (height > maxHeight) {\n      width = Math.round((width * maxHeight) / height);\n      height = maxHeight;\n    }\n    return { height, width };\n  };\n\n  const renameFileNameExtension = (filename: string, newExtension: string) => {\n    const filenameParts = filename.split('.');\n    filenameParts.pop();\n    return filenameParts.join('.') + '.' + newExtension;\n  };\n\n  const resizeImage = (\n    image: HTMLImageElement,\n    fileName: string,\n    maxWidth: number,\n    maxHeight: number,\n    compressFormat = 'jpeg',\n    quality = 80,\n  ): Promise<File> => {\n    const qualityDecimal = quality / 100;\n    const canvas = document.createElement('canvas');\n    const contentType = `image/${compressFormat}`;\n\n    let width = image.width;\n    let height = image.height;\n\n    const newHeightWidth = changeHeightWidth(\n      height,\n      maxHeight,\n      width,\n      maxWidth,\n    );\n\n    width = newHeightWidth.width;\n    height = newHeightWidth.height;\n\n    const ctx = canvas.getContext('2d');\n    if (ctx) {\n      canvas.width = width;\n      canvas.height = height;\n\n      if (ctx.imageSmoothingEnabled && ctx.imageSmoothingQuality) {\n        ctx.imageSmoothingQuality = 'high';\n      }\n\n      ctx.drawImage(image, 0, 0, width, height);\n    }\n    return new Promise((resolve, reject) => {\n      canvas.toBlob(\n        (blob) => {\n          if (blob) {\n            resolve(\n              new File([blob], fileName, {\n                type: contentType,\n                lastModified: new Date().getTime(),\n              }),\n            );\n          } else {\n            reject();\n          }\n        },\n        contentType,\n        qualityDecimal,\n      );\n    });\n  };\n\n  /**\n   * Resize and compress Image File in JPEG format (other format don't work well with canvas.toBlob() with quality parameter)\n   * @param file  The image file to resize\n   * @param maxWidth  The maximum width of the resized image\n   * @param maxHeight   The maximum height of the resized image\n   * @param quality   The quality of the compressed image\n   * @returns   The resized image file\n   */\n  const resizeImageFile = async (\n    file: File,\n    maxWidth = 1440,\n    maxHeight = 1440,\n    quality = 80,\n  ): Promise<File> => {\n    if (!file) throw Error('Image resizer: file not found!');\n\n    if (!file.type || !file.type.startsWith('image/'))\n      throw Error('Image resizer: the file given is not an image.');\n\n    const compressFormat = 'jpeg';\n\n    return new Promise((resolve) => {\n      const image = new Image();\n      image.setAttribute('style', 'max-width: none;');\n      image.src = URL.createObjectURL(file);\n      image.onload = async () => {\n        const resizedFile = await resizeImage(\n          image,\n          renameFileNameExtension(file.name, compressFormat),\n          maxWidth,\n          maxHeight,\n          compressFormat,\n          quality,\n        );\n        resolve(resizedFile);\n      };\n      image.onerror = (error) => {\n        throw Error('Image Loading Error: ' + error);\n      };\n    });\n  };\n\n  return {\n    resizeImageFile,\n  };\n}\n"],"names":["useImageResizer","changeHeightWidth","height","maxHeight","width","maxWidth","Math","round","renameFileNameExtension","filename","newExtension","filenameParts","split","pop","join","resizeImage","image","fileName","compressFormat","quality","qualityDecimal","canvas","document","createElement","contentType","newHeightWidth","ctx","getContext","imageSmoothingEnabled","imageSmoothingQuality","drawImage","Promise","resolve","reject","toBlob","blob","File","type","lastModified","Date","getTime","resizeImageFile","file","Error","startsWith","Image","setAttribute","src","URL","createObjectURL","onload","resizedFile","name","onerror","error"],"mappings":"AAKA,SAAwBA,IAAkB;AACxC,QAAMC,IAAoBA,CACxBC,GACAC,GACAC,GACAC,OAEID,IAAQC,MACVH,IAASI,KAAKC,MAAOL,IAASG,IAAYD,CAAK,GACvCC,IAAAA,IAENH,IAASC,MACXC,IAAQE,KAAKC,MAAOH,IAAQD,IAAaD,CAAM,GACtCC,IAAAA,IAEJ;AAAA,IAAED,QAAAA;AAAAA,IAAQE,OAAAA;AAAAA,EAAAA,IAGbI,IAA0BA,CAACC,GAAkBC,MAAyB;AACpEC,UAAAA,IAAgBF,EAASG,MAAM,GAAG;AACxCD,WAAAA,EAAcE,IAAI,GACXF,EAAcG,KAAK,GAAG,IAAI,MAAMJ;AAAAA,EAAAA,GAGnCK,IAAcA,CAClBC,GACAC,GACAZ,GACAF,GACAe,IAAiB,QACjBC,IAAU,OACQ;AAClB,UAAMC,IAAiBD,IAAU,KAC3BE,IAASC,SAASC,cAAc,QAAQ,GACxCC,IAAc,SAASN,CAAc;AAE3C,QAAId,IAAQY,EAAMZ,OACdF,IAASc,EAAMd;AAEnB,UAAMuB,IAAiBxB,EACrBC,GACAC,GACAC,GACAC,CACF;AAEAD,IAAAA,IAAQqB,EAAerB,OACvBF,IAASuB,EAAevB;AAElBwB,UAAAA,IAAML,EAAOM,WAAW,IAAI;AAClC,WAAID,MACFL,EAAOjB,QAAQA,GACfiB,EAAOnB,SAASA,GAEZwB,EAAIE,yBAAyBF,EAAIG,0BACnCH,EAAIG,wBAAwB,SAG9BH,EAAII,UAAUd,GAAO,GAAG,GAAGZ,GAAOF,CAAM,IAEnC,IAAI6B,QAAQ,CAACC,GAASC,MAAW;AACtCZ,MAAAA,EAAOa,OACJC,CAASA,MAAA;AACR,QAAIA,IACFH,EACE,IAAII,KAAK,CAACD,CAAI,GAAGlB,GAAU;AAAA,UACzBoB,MAAMb;AAAAA,UACNc,eAAc,oBAAIC,KAAK,GAAEC,QAAQ;AAAA,QAClC,CAAA,CACH,IAEOP;MACT,GAEFT,GACAJ,CACF;AAAA,IAAA,CACD;AAAA,EAAA;AA6CI,SAAA;AAAA,IACLqB,iBAnCsB,OACtBC,GACArC,IAAW,MACXF,IAAY,MACZgB,IAAU,OACQ;AAClB,UAAI,CAACuB,EAAYC,OAAAA,MAAM,gCAAgC;AAEnD,UAAA,CAACD,EAAKL,QAAQ,CAACK,EAAKL,KAAKO,WAAW,QAAQ,EACxCD,OAAAA,MAAM,gDAAgD;AAE9D,YAAMzB,IAAiB;AAEhB,aAAA,IAAIa,QAASC,CAAYA,MAAA;AACxBhB,cAAAA,IAAQ,IAAI6B;AACZC,QAAAA,EAAAA,aAAa,SAAS,kBAAkB,GACxCC,EAAAA,MAAMC,IAAIC,gBAAgBP,CAAI,GACpC1B,EAAMkC,SAAS,YAAY;AACzB,gBAAMC,IAAc,MAAMpC,EACxBC,GACAR,EAAwBkC,EAAKU,MAAMlC,CAAc,GACjDb,GACAF,GACAe,GACAC,CACF;AACAa,UAAAA,EAAQmB,CAAW;AAAA,QAAA,GAErBnC,EAAMqC,UAAWC,CAAUA,MAAA;AACnBX,gBAAAA,MAAM,0BAA0BW,CAAK;AAAA,QAAA;AAAA,MAC7C,CACD;AAAA,IAAA;AAAA,EAIDb;AAEJ;"}

package/dist/hooks/useKeyPress/useKeyPress.js

@@ -1,15 +0,0 @@
-import { useCallback as o, useEffect as s } from "react";
-function i(n, t) {
-  const e = o(({
-    code: r
-  }) => {
-    t.includes(r) && n();
-  }, [n, t]);
-  s(() => (window.addEventListener("keydown", e), () => {
-    window.removeEventListener("keydown", e);
-  }), [e]);
-}
-export {
-  i as default
-};
-//# sourceMappingURL=useKeyPress.js.map

package/dist/hooks/useKeyPress/useKeyPress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useKeyPress.js","sources":["../../../src/hooks/useKeyPress/useKeyPress.ts"],"sourcesContent":["import { useCallback, useEffect } from 'react';\n\nexport default function useKeyPress(\n  callback: () => void,\n  keyCodes: string[],\n): void {\n  const handler = useCallback(\n    ({ code }: KeyboardEvent) => {\n      if (keyCodes.includes(code)) {\n        callback();\n      }\n    },\n    [callback, keyCodes],\n  );\n\n  useEffect(() => {\n    window.addEventListener('keydown', handler);\n    return () => {\n      window.removeEventListener('keydown', handler);\n    };\n  }, [handler]);\n}\n"],"names":["useKeyPress","callback","keyCodes","handler","useCallback","code","includes","useEffect","addEventListener","removeEventListener"],"mappings":";AAEwBA,SAAAA,EACtBC,GACAC,GACM;AACAC,QAAAA,IAAUC,EACd,CAAC;AAAA,IAAEC,MAAAA;AAAAA,EAAAA,MAA0B;AACvBH,IAAAA,EAASI,SAASD,CAAI,KACfJ;EACX,GAEF,CAACA,GAAUC,CAAQ,CACrB;AAEAK,EAAAA,EAAU,OACDC,OAAAA,iBAAiB,WAAWL,CAAO,GACnC,MAAM;AACJM,WAAAA,oBAAoB,WAAWN,CAAO;AAAA,EAAA,IAE9C,CAACA,CAAO,CAAC;AACd;"}

package/dist/hooks/useScrollToTop/useScrollToTop.js

@@ -1,10 +0,0 @@
-function e() {
-  const o = document.querySelector("html");
-  return () => {
-    o && o.scrollIntoView();
-  };
-}
-export {
-  e as default
-};
-//# sourceMappingURL=useScrollToTop.js.map

package/dist/hooks/useScrollToTop/useScrollToTop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useScrollToTop.js","sources":["../../../src/hooks/useScrollToTop/useScrollToTop.ts"],"sourcesContent":["export default function useScrollToTop() {\n  const refToTop = document.querySelector('html');\n\n  const scrollToTop = () => {\n    refToTop && refToTop.scrollIntoView();\n  };\n  return scrollToTop;\n}\n"],"names":["useScrollToTop","refToTop","document","querySelector","scrollToTop","scrollIntoView"],"mappings":"AAAA,SAAwBA,IAAiB;AACjCC,QAAAA,IAAWC,SAASC,cAAc,MAAM;AAKvCC,SAHaA,MAAM;AACxBH,IAAAA,KAAYA,EAASI;EAAe;AAGxC;"}

package/dist/hooks/useThumbnail/useThumbnail.js

@@ -1,30 +0,0 @@
-import { useState as t, useEffect as a } from "react";
-import { useInView as d } from "react-intersection-observer";
-function w(c, r) {
-  const [m, l] = t(null), {
-    ref: u,
-    inView: f
-  } = d({
-    triggerOnce: !0,
-    ...r == null ? void 0 : r.intersectionOptions
-  });
-  return a(() => {
-    var e;
-    (e = r == null ? void 0 : r.ref) != null && e.current && (u == null || u(r.ref.current));
-  }, [r == null ? void 0 : r.ref, u]), a(() => {
-    if ((r == null ? void 0 : r.ref) === void 0 || f) {
-      const e = new Image();
-      return e.src = c, e.onload = () => {
-        l(!0);
-      }, e.onerror = () => {
-        l(!1);
-      }, () => {
-        e.onload = null, e.onerror = null, l(null);
-      };
-    }
-  }, [f]), m;
-}
-export {
-  w as default
-};
-//# sourceMappingURL=useThumbnail.js.map

package/dist/hooks/useThumbnail/useThumbnail.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useThumbnail.js","sources":["../../../src/hooks/useThumbnail/useThumbnail.ts"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { useEffect, useState } from 'react';\n\nimport { IntersectionOptions, useInView } from 'react-intersection-observer';\n\ntype LazyLoadOptions = {\n  ref?: React.RefObject<HTMLElement>;\n  intersectionOptions?: IntersectionOptions;\n};\n\n/**\n * Preload a `src` URL and return true if it is available.\n * @param src the URL to preload\n * @param options if defined, lazy-load the `src` URL when ref is defined and visible,\n *        with respect to the [`intersectionOptions`](https://github.com/thebuilder/react-intersection-observer/tree/dceba7f52aebea4d62d539bc55a1db129226bb6c?tab=readme-ov-file#options)\n * @return `true` if `src` is available, or false otherwise, or `null` while not tested.\n */\nexport default function useThumbnail(src: string, options?: LazyLoadOptions) {\n  const [status, setStatus] = useState<boolean | null>(null);\n\n  // If defined, wait for the currentRef to be \"InView\" to check if its thumbnail exists.\n  const { ref: inViewRef, inView } = useInView({\n    triggerOnce: true,\n    ...options?.intersectionOptions,\n  });\n\n  // This `useEffect` is required to share the ref node with useInView() above\n  useEffect(() => {\n    // Callback refs, like the one from `useInView`, is a function that takes the node as an argument\n    options?.ref?.current && inViewRef?.(options.ref.current);\n  }, [options?.ref, inViewRef]);\n\n  useEffect(() => {\n    if (options?.ref === undefined || inView) {\n      const img = new Image();\n      img.src = src;\n\n      img.onload = () => {\n        setStatus(true);\n      };\n\n      img.onerror = () => {\n        setStatus(false);\n      };\n\n      return () => {\n        img.onload = null;\n        img.onerror = null;\n        setStatus(null);\n      };\n    }\n  }, [inView]);\n\n  return status;\n}\n"],"names":["useThumbnail","src","options","status","setStatus","useState","ref","inViewRef","inView","useInView","triggerOnce","intersectionOptions","useEffect","current","undefined","img","Image","onload","onerror"],"mappings":";;AAiBwBA,SAAAA,EAAaC,GAAaC,GAA2B;AAC3E,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAyB,IAAI,GAGnD;AAAA,IAAEC,KAAKC;AAAAA,IAAWC,QAAAA;AAAAA,MAAWC,EAAU;AAAA,IAC3CC,aAAa;AAAA,IACb,GAAGR,KAAAA,gBAAAA,EAASS;AAAAA,EAAAA,CACb;AAGDC,SAAAA,EAAU,MAAM;;AAEdV,KAAAA,IAAAA,KAAAA,gBAAAA,EAASI,QAATJ,QAAAA,EAAcW,YAAWN,KAAAA,QAAAA,EAAYL,EAAQI,IAAIO;AAAAA,EAChD,GAAA,CAACX,KAAAA,gBAAAA,EAASI,KAAKC,CAAS,CAAC,GAE5BK,EAAU,MAAM;AACVV,SAAAA,KAAAA,gBAAAA,EAASI,SAAQQ,UAAaN,GAAQ;AAClCO,YAAAA,IAAM,IAAIC;AAChBD,aAAAA,EAAId,MAAMA,GAEVc,EAAIE,SAAS,MAAM;AACjBb,QAAAA,EAAU,EAAI;AAAA,MAAA,GAGhBW,EAAIG,UAAU,MAAM;AAClBd,QAAAA,EAAU,EAAK;AAAA,MAAA,GAGV,MAAM;AACXW,QAAAA,EAAIE,SAAS,MACbF,EAAIG,UAAU,MACdd,EAAU,IAAI;AAAA,MAAA;AAAA,IAElB;AAAA,EAAA,GACC,CAACI,CAAM,CAAC,GAEJL;AACT;"}

package/dist/hooks/useTitle/useTitle.js

@@ -1,11 +0,0 @@
-import { useState as u, useEffect as o } from "react";
-function f() {
-  const t = typeof document < "u", [e, n] = u(() => document.title);
-  return o(() => {
-    t && n(document.title);
-  }, [t]), e;
-}
-export {
-  f as default
-};
-//# sourceMappingURL=useTitle.js.map

package/dist/hooks/useTitle/useTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTitle.js","sources":["../../../src/hooks/useTitle/useTitle.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport default function useTitle(): string {\n  const documentDefined = typeof document !== 'undefined';\n\n  const [title, setTitle] = useState<string>(() => document.title);\n\n  useEffect(() => {\n    if (!documentDefined) return;\n\n    setTitle(document.title);\n  }, [documentDefined]);\n\n  return title;\n}\n"],"names":["useTitle","documentDefined","document","title","setTitle","useState","useEffect"],"mappings":";AAEA,SAAwBA,IAAmB;AACnCC,QAAAA,IAAkB,OAAOC,WAAa,KAEtC,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,MAAMH,SAASC,KAAK;AAE/DG,SAAAA,EAAU,MAAM;AACd,IAAKL,KAELG,EAASF,SAASC,KAAK;AAAA,EAAA,GACtB,CAACF,CAAe,CAAC,GAEbE;AACT;"}

package/dist/hooks/useToast/useToast.js

@@ -1,35 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import a from "react-hot-toast";
-import { Alert as d } from "../../components/Alert/Alert.js";
-const u = "top-right";
-function D() {
-  return {
-    success: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "success", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
-      id: e == null ? void 0 : e.id,
-      duration: e == null ? void 0 : e.duration,
-      position: (e == null ? void 0 : e.position) ?? u
-    }),
-    error: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "danger", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
-      id: e == null ? void 0 : e.id,
-      duration: e == null ? void 0 : e.duration,
-      position: (e == null ? void 0 : e.position) ?? u
-    }),
-    info: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "info", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
-      id: e == null ? void 0 : e.id,
-      duration: e == null ? void 0 : e.duration,
-      position: (e == null ? void 0 : e.position) ?? u
-    }),
-    warning: (r, e) => a.custom(/* @__PURE__ */ m(d, { type: "warning", isToast: !0, isDismissible: e == null ? void 0 : e.isDismissible, className: "mb-12", children: r }), {
-      id: e == null ? void 0 : e.id,
-      duration: e == null ? void 0 : e.duration,
-      position: (e == null ? void 0 : e.position) ?? u
-    }),
-    loading: a.loading,
-    dismiss: (r) => a.dismiss(r),
-    remove: (r) => a.remove(r)
-  };
-}
-export {
-  D as default
-};
-//# sourceMappingURL=useToast.js.map

package/dist/hooks/useToast/useToast.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToast.js","sources":["../../../src/hooks/useToast/useToast.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport toast, { ToastPosition } from 'react-hot-toast';\n\nimport Alert from '../../components/Alert/Alert';\n\nexport interface CustomToastOptions {\n  id?: string;\n  isDismissible?: boolean;\n  position?: ToastPosition;\n  duration?: number;\n}\n\nconst DEFAULT_POSITION = 'top-right';\n\nexport default function useToast() {\n  const toasts = {\n    success: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"success\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    error: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"danger\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    info: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"info\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    warning: (message: string | ReactNode, options?: CustomToastOptions) =>\n      toast.custom(\n        <Alert\n          type=\"warning\"\n          isToast={true}\n          isDismissible={options?.isDismissible}\n          className=\"mb-12\"\n        >\n          {message}\n        </Alert>,\n        {\n          id: options?.id,\n          duration: options?.duration,\n          position: options?.position ?? DEFAULT_POSITION,\n        },\n      ),\n    loading: toast.loading,\n    dismiss: (id: string) => toast.dismiss(id),\n    remove: (id: string) => toast.remove(id),\n  };\n\n  return toasts;\n}\n"],"names":["DEFAULT_POSITION","useToast","toasts","success","message","options","toast","custom","Alert","isDismissible","id","duration","position","error","info","warning","loading","dismiss","remove"],"mappings":";;;AAaA,MAAMA,IAAmB;AAEzB,SAAwBC,IAAW;AAuE1BC,SAtEQ;AAAA,IACbC,SAASA,CAACC,GAA6BC,MACrCC,EAAMC,yBACHC,GACC,EAAA,MAAK,WACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFa,OAAOA,CAACT,GAA6BC,MACnCC,EAAMC,yBACHC,GACC,EAAA,MAAK,UACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFc,MAAMA,CAACV,GAA6BC,MAClCC,EAAMC,yBACHC,GACC,EAAA,MAAK,QACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFe,SAASA,CAACX,GAA6BC,MACrCC,EAAMC,yBACHC,GACC,EAAA,MAAK,WACL,SAAS,IACT,eAAeH,KAAAA,gBAAAA,EAASI,eACxB,WAAU,SAETL,aACH,GACA;AAAA,MACEM,IAAIL,KAAAA,gBAAAA,EAASK;AAAAA,MACbC,UAAUN,KAAAA,gBAAAA,EAASM;AAAAA,MACnBC,WAAUP,KAAAA,gBAAAA,EAASO,aAAYZ;AAAAA,IAAAA,CAEnC;AAAA,IACFgB,SAASV,EAAMU;AAAAA,IACfC,SAASA,CAACP,MAAeJ,EAAMW,QAAQP,CAAE;AAAA,IACzCQ,QAAQA,CAACR,MAAeJ,EAAMY,OAAOR,CAAE;AAAA,EAAA;AAI3C;"}

package/dist/hooks/useToggle/useToggle.js

@@ -1,11 +0,0 @@
-import { useState as l, useCallback as u } from "react";
-function r(t = !1) {
-  const [e, s] = l(t), a = u(() => {
-    s((o) => !o);
-  }, []);
-  return [e, a];
-}
-export {
-  r as default
-};
-//# sourceMappingURL=useToggle.js.map

package/dist/hooks/useToggle/useToggle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggle.js","sources":["../../../src/hooks/useToggle/useToggle.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\n// Hook\n// Parameter is the boolean, with default \"false\" value\nexport default function useToggle(initialState = false): [boolean, any] {\n  // Initialize the state\n  const [state, setState] = useState<boolean>(initialState);\n  // Define and memorize toggler function in case we pass down the comopnent,\n  // This function change the boolean value to it's opposite value\n  const toggle = useCallback((): void => {\n    setState((prevState: any) => !prevState);\n  }, []);\n  return [state, toggle];\n}\n"],"names":["useToggle","initialState","state","setState","useState","toggle","useCallback","prevState"],"mappings":";AAGwBA,SAAAA,EAAUC,IAAe,IAAuB;AAEtE,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAkBH,CAAY,GAGlDI,IAASC,EAAY,MAAY;AAC5B,IAAAH,EAAA,CAACI,MAAmB,CAACA,CAAS;AAAA,EACzC,GAAG,CAAE,CAAA;AACE,SAAA,CAACL,GAAOG,CAAM;AACvB;"}

package/dist/hooks/useTrapFocus/useTrapFocus.js

@@ -1,17 +0,0 @@
-import { useRef as u, useEffect as a } from "react";
-function d() {
-  const s = u(null), o = 'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
-  return a(() => {
-    const e = s.current, r = e.querySelectorAll(o)[0], t = e.querySelectorAll(o), l = s && (t == null ? void 0 : t[t.length - 1]), c = (n) => {
-      n.key === "Tab" && (n.shiftKey ? document.activeElement === r && (l.focus(), n.preventDefault()) : document.activeElement === l && (r.focus(), n.preventDefault()));
-    };
-    if (e)
-      return e.addEventListener("keydown", c), () => {
-        e.removeEventListener("keydown", c);
-      };
-  }, []), s;
-}
-export {
-  d as default
-};
-//# sourceMappingURL=useTrapFocus.js.map

package/dist/hooks/useTrapFocus/useTrapFocus.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTrapFocus.js","sources":["../../../src/hooks/useTrapFocus/useTrapFocus.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nexport default function useTrapFocus() {\n  const ref = useRef<HTMLElement | null>(null);\n  const focusableElements =\n    'button:not([disabled]), [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])';\n\n  useEffect(() => {\n    const node: any = ref.current;\n    /** First Focusable Element */\n    const firstFocusableElement = node.querySelectorAll(\n      focusableElements,\n    )[0] as HTMLElement;\n    /** Focusable Content */\n    const focusableContent = node.querySelectorAll(focusableElements);\n    /** Last Focusable Element */\n    const lastFocusableElement =\n      ref && (focusableContent?.[focusableContent.length - 1] as HTMLElement);\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const isTabPressed = event.key === 'Tab';\n\n      if (!isTabPressed) {\n        return;\n      }\n\n      if (event.shiftKey) {\n        /* shift + tab */ if (\n          document.activeElement === firstFocusableElement\n        ) {\n          lastFocusableElement.focus();\n          event.preventDefault();\n        }\n      } /* tab */ else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          event.preventDefault();\n        }\n      }\n    };\n\n    if (node) {\n      node.addEventListener('keydown', handleKeydown);\n      return () => {\n        node.removeEventListener('keydown', handleKeydown);\n      };\n    }\n  }, []);\n\n  return ref;\n}\n"],"names":["useTrapFocus","ref","useRef","focusableElements","useEffect","node","current","firstFocusableElement","querySelectorAll","focusableContent","lastFocusableElement","length","handleKeydown","event","key","shiftKey","document","activeElement","focus","preventDefault","addEventListener","removeEventListener"],"mappings":";AAEA,SAAwBA,IAAe;AAC/BC,QAAAA,IAAMC,EAA2B,IAAI,GACrCC,IACJ;AAEFC,SAAAA,EAAU,MAAM;AACd,UAAMC,IAAYJ,EAAIK,SAEhBC,IAAwBF,EAAKG,iBACjCL,CACF,EAAE,CAAC,GAEGM,IAAmBJ,EAAKG,iBAAiBL,CAAiB,GAE1DO,IACJT,MAAQQ,KAAAA,gBAAAA,EAAmBA,EAAiBE,SAAS,KAEjDC,IAAgBA,CAACC,MAAyB;AAG9C,MAFqBA,EAAMC,QAAQ,UAM/BD,EAAME,WAENC,SAASC,kBAAkBV,MAE3BG,EAAqBQ,MAAM,GAC3BL,EAAMM,eAAe,KAGnBH,SAASC,kBAAkBP,MAC7BH,EAAsBW,MAAM,GAC5BL,EAAMM,eAAe;AAAA,IAEzB;AAGF,QAAId;AACGe,aAAAA,EAAAA,iBAAiB,WAAWR,CAAa,GACvC,MAAM;AACNS,QAAAA,EAAAA,oBAAoB,WAAWT,CAAa;AAAA,MAAA;AAAA,EAGvD,GAAG,CAAE,CAAA,GAEEX;AACT;"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/modals.js

@@ -1,17 +0,0 @@
-import { default as e } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as a } from "./modules/modals/PublishModal/PublishModal.js";
-import { ResourceModal as l } from "./modules/modals/ResourceModal/ResourceModal.js";
-import { BlogPublic as p } from "./modules/modals/ResourceModal/apps/BlogPublic.js";
-import { useUpdateMutation as m } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { ShareBlog as s } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { useShareMutation as M } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-export {
-  p as BlogPublic,
-  e as OnboardingModal,
-  a as PublishModal,
-  l as ResourceModal,
-  s as ShareBlog,
-  M as useShareMutation,
-  m as useUpdateMutation
-};
-//# sourceMappingURL=modals.js.map

package/dist/modals.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"modals.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

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

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

package/dist/modules/audience/ReactionChoice.js

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

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

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

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

package/dist/modules/audience/ReactionModal.js

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

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

package/dist/modules/audience/ReactionSummary.js

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

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

package/dist/modules/audience/ViewsByProfileCard.js

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