@edifice.io/react 2.3.1 → 2.3.2

package/dist/hooks/useDate/useDate.d.ts

@@ -6,10 +6,23 @@ export type NumberDate = number;
 /** Date formats we are going to deal with. */
 export type CoreDate = IsoDate | MongoDate | NumberDate;
 /**
- * Hook to compute user-friendly dates from various format.
+ * Custom React hook for date parsing, formatting, and localization.
+ *
+ * Provides utility functions to:
+ * - Parse various date formats and timestamps into Dayjs objects, respecting the current language.
+ * - Format dates in user-friendly ways, including "time ago", "yesterday", and localized date strings.
+ * - Compute elapsed durations from a given date to now.
+ *
+ * @returns An object containing:
+ * - `fromNow(date: CoreDate | NumberDate): string` — Returns a human-readable elapsed duration from the given date to now.
+ * - `formatDate(date: CoreDate, format?: 'short' | 'long' | 'abbr' | string): string` — Formats a date according to the specified format and current language.
+ * - `formatTimeAgo(date: CoreDate | NumberDate): string` — Returns a localized string representing how long ago the date was, with special handling for today, yesterday, and recent dates.
+ *
+ * @remarks
+ * - Uses the current language from the Edifice client context for localization.
  */
 export default function useDate(): {
-    fromNow: (date: CoreDate | NumberDate) => string;
+    fromNow: (date: CoreDate) => string;
     formatDate: (date: CoreDate, format?: string) => string;
-    formatTimeAgo: (date: CoreDate | NumberDate) => string;
+    formatTimeAgo: (date: CoreDate) => string;
 };

package/dist/hooks/useDate/useDate.js

@@ -8,8 +8,8 @@ import "dayjs/locale/es.js";
 import "dayjs/locale/fr.js";
 import "dayjs/locale/it.js";
 import "dayjs/locale/pt.js";
-import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
 dayjs.extend(relativeTime);
 dayjs.extend(customParseFormat);
 dayjs.extend(localizedFormat);

package/dist/modules/multimedia/VideoRecorder/VideoRecorder.js

@@ -1,23 +1,18 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { forwardRef, useState, useRef, useImperativeHandle, useEffect, useCallback } from "react";
 import { odeServices } from "@edifice.io/client";
 import { getBestSupportedMimeType, convertMsToMS } from "@edifice.io/utilities";
 import { useTranslation } from "react-i18next";
-import SvgIconPause from "../../icons/components/IconPause.js";
-import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
-import SvgIconRecordStop from "../../icons/components/IconRecordStop.js";
 import SvgIconRecordVideo from "../../icons/components/IconRecordVideo.js";
 import SvgIconRecord from "../../icons/components/IconRecord.js";
-import SvgIconRefresh from "../../icons/components/IconRefresh.js";
-import SvgIconSave from "../../icons/components/IconSave.js";
+import { useCameras } from "./useCameras.js";
+import { VideoRecorderToolbar } from "./VideoRecorderToolbar.js";
 import useUpload from "../../../hooks/useUpload/useUpload.js";
-import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
 import FormControl from "../../../components/Form/FormControl.js";
 import Label from "../../../components/Label/Label.js";
 import Select from "../../../components/Select/Select.js";
 import LoadingScreen from "../../../components/LoadingScreen/LoadingScreen.js";
-import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
-const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwardRef(({
+const VideoRecorder = /* @__PURE__ */ forwardRef(({
   appCode,
   caption,
   onSuccess,
@@ -25,17 +20,14 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
   onRecordUpdated,
   hideSaveAction = !1
 }, ref) => {
-  const [maxDuration, setMaxDuration] = useState(18e4), [inputDevices, setInputDevices] = useState([]), [recording, setRecording] = useState(!1), [recorded, setRecorded] = useState(!1), [playing, setPlaying] = useState(!1), [saving, setSaving] = useState(!1), [saved, setSaved] = useState(!1), [mediaStreamConstraints, setMediaStreamConstraints] = useState({
-    audio: !0,
-    video: {
-      facingMode: "environment",
-      aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT
-    }
-  }), [stream, setStream] = useState(), [mimeType, setMimeType] = useState(""), [recordedChunks, setRecordedChunks] = useState([]), [recordedVideo, setRecordedVideo] = useState(), [recordedTime, setRecordedTime] = useState(0), [playedTime, setPlayedTime] = useState(0), videoRef = useRef(null), recorderRef = useRef(null), {
+  const {
+    inputDevices,
+    setPreferedDevice,
+    restartStream,
+    stream
+  } = useCameras(), [maxDuration, setMaxDuration] = useState(18e4), [recording, setRecording] = useState(!1), [recorded, setRecorded] = useState(!1), [playing, setPlaying] = useState(!1), [saving, setSaving] = useState(!1), [saved, setSaved] = useState(!1), [mimeType, setMimeType] = useState(""), [recordedChunks, setRecordedChunks] = useState([]), [recordedVideo, setRecordedVideo] = useState(), [recordedTime, setRecordedTime] = useState(0), [playedTime, setPlayedTime] = useState(0), videoRef = useRef(null), recorderRef = useRef(null), {
     uploadBlob
-  } = useUpload(void 0, appCode), {
-    device
-  } = useBrowserInfo(navigator.userAgent);
+  } = useUpload(void 0, appCode);
   useImperativeHandle(ref, () => ({
     save: handleSave
   }));
@@ -43,10 +35,23 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     t
   } = useTranslation();
   useEffect(() => {
-    initMaxDuration(), initInputDevices();
-  }, []), useEffect(() => (stream || enableStream(mediaStreamConstraints), () => {
-    stream && stream.getTracks().forEach((track) => track.stop());
-  }), [stream]), useEffect(() => {
+    initMaxDuration();
+  }, []);
+  async function initMaxDuration() {
+    try {
+      const videoConfResponse = await odeServices.video().getVideoConf();
+      setMaxDuration(videoConfResponse.maxDuration * 60 * 1e3);
+    } catch {
+      setMaxDuration(3 * 60 * 1e3);
+    }
+  }
+  useEffect(() => {
+    try {
+      videoRef.current && (videoRef.current.src && (window.URL.revokeObjectURL(videoRef.current.src), videoRef.current.src = ""), videoRef.current.srcObject instanceof MediaStream && (videoRef.current.srcObject = null), stream && (videoRef.current.srcObject = stream, videoRef.current.autoplay = !0, videoRef.current.volume = 1, videoRef.current.muted = !0, videoRef.current.load()));
+    } catch (err) {
+      console.error(err);
+    }
+  }, [stream]), useEffect(() => {
     if (recordedChunks.length && !recording && videoRef.current) {
       const finalVideo = new Blob(recordedChunks, {
         type: mimeType
@@ -76,40 +81,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
       };
     }
   }, [playing]);
-  const initMaxDuration = async () => {
-    const videoConfResponse = await odeServices.video().getVideoConf();
-    setMaxDuration((videoConfResponse.maxDuration ?? 3) * 60 * 1e3);
-  }, initInputDevices = async () => {
-    const videoDevices = (await navigator.mediaDevices.enumerateDevices()).filter((device2) => device2.kind === "videoinput");
-    switch (device.type) {
-      case "mobile":
-      case "tablet": {
-        const backCamera = {
-          deviceId: "environment",
-          label: t("video.back.camera"),
-          groupId: "",
-          kind: "videoinput"
-        }, frontCamera = {
-          deviceId: "user",
-          label: t("video.front.camera"),
-          groupId: "",
-          kind: "videoinput"
-        };
-        (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
-        break;
-      }
-      default:
-        setInputDevices(videoDevices);
-        break;
-    }
-  }, enableStream = async (mediaStreamConstraints2) => {
-    try {
-      const mediaStream = await navigator.mediaDevices.getUserMedia(mediaStreamConstraints2);
-      setStream(mediaStream), videoRef.current && (videoRef.current.src && (window.URL.revokeObjectURL(videoRef.current.src), videoRef.current.src = ""), videoRef.current.srcObject = mediaStream, videoRef.current.autoplay = !0, videoRef.current.volume = 1, videoRef.current.muted = !0);
-    } catch (err) {
-      console.error(err);
-    }
-  }, handleRecord = useCallback(() => {
+  const handleRecord = useCallback(() => {
     setRecording(!0), videoRef && videoRef.current && (videoRef.current.muted = !0);
     const mimeType2 = getBestSupportedMimeType();
     setMimeType(mimeType2), stream && (recorderRef.current = new MediaRecorder(stream, {
@@ -126,7 +98,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
     var _a, _b;
     videoRef && videoRef.current && (videoRef.current.muted = !1), playing ? ((_b = videoRef == null ? void 0 : videoRef.current) == null || _b.pause(), setPlaying(!1)) : ((_a = videoRef == null ? void 0 : videoRef.current) == null || _a.play(), setPlaying(!0));
   }, [playing]), handleReset = () => {
-    setRecorded(!1), setRecording(!1), setPlaying(!1), setSaved(!1), setRecordedTime(0), setRecordedChunks([]), setRecordedVideo(void 0), enableStream(mediaStreamConstraints), onRecordUpdated && onRecordUpdated();
+    setRecorded(!1), setRecording(!1), setPlaying(!1), setSaved(!1), setRecordedTime(0), setRecordedChunks([]), setRecordedVideo(void 0), restartStream(), onRecordUpdated && onRecordUpdated();
   }, handleSave = async () => {
     var _a;
     if ((_a = videoRef == null ? void 0 : videoRef.current) == null || _a.pause(), setSaving(!0), !recordedVideo) {
@@ -144,92 +116,11 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
   }, handleInputDeviceChange = (option) => {
     var _a;
     const selectedDevice = inputDevices.find((inputDevice) => inputDevice.label === option);
-    let mediaStreamConstraints2 = {};
-    selectedDevice != null && selectedDevice.deviceId ? ((selectedDevice == null ? void 0 : selectedDevice.deviceId) === "environment" || (selectedDevice == null ? void 0 : selectedDevice.deviceId) === "user" ? mediaStreamConstraints2 = {
-      audio: !0,
-      video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        facingMode: selectedDevice == null ? void 0 : selectedDevice.deviceId
-      }
-    } : mediaStreamConstraints2 = {
-      audio: !0,
-      video: {
-        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
-        deviceId: selectedDevice.deviceId
-      }
-    }, setMediaStreamConstraints(mediaStreamConstraints2), stream && (((_a = recorderRef.current) == null ? void 0 : _a.state) === "recording" && (recorderRef.current.requestData(), recorderRef.current.stop()), stream.getTracks().forEach((track) => track.stop()), setStream(void 0)), enableStream(mediaStreamConstraints2)) : console.error("Selected input device id is null");
+    ((_a = recorderRef.current) == null ? void 0 : _a.state) === "recording" && (recorderRef.current.requestData(), recorderRef.current.stop()), setPreferedDevice(selectedDevice);
   };
-  useEffect(() => {
+  return useEffect(() => {
     recordedTime >= maxDuration && handleStop();
-  }, [recordedTime, handleStop]);
-  const toolbarItems = [{
-    type: "icon",
-    name: "record",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecord, { color: recording || recorded ? "" : "red" }),
-      color: "danger",
-      disabled: recording || recorded || saving,
-      onClick: handleRecord,
-      "aria-label": t("bbm.video.record.start")
-    },
-    tooltip: t("bbm.video.record.start")
-  }, {
-    type: "icon",
-    name: "stop",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRecordStop, {}),
-      disabled: !recording || recorded || saving,
-      onClick: handleStop,
-      "aria-label": t("bbm.video.record.stop")
-    },
-    tooltip: t("bbm.video.record.stop")
-  }, {
-    type: "icon",
-    name: "play",
-    visibility: playing ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.video.play.start")
-    },
-    tooltip: t("bbm.video.play.start")
-  }, {
-    type: "icon",
-    name: "pause",
-    visibility: playing ? "show" : "hide",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
-      disabled: !recorded || saving,
-      onClick: handlePlayPause,
-      "aria-label": t("bbm.video.play.pause")
-    },
-    tooltip: t("bbm.video.play.pause")
-  }, {
-    type: "divider"
-  }, {
-    type: "icon",
-    name: "reset",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
-      disabled: !recorded || saving,
-      onClick: handleReset,
-      "aria-label": t("bbm.video.record.reset")
-    },
-    tooltip: t("bbm.video.record.reset")
-  }, {
-    type: "icon",
-    name: "save",
-    visibility: hideSaveAction ? "hide" : "show",
-    props: {
-      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
-      disabled: !recorded || saving || saved,
-      onClick: handleSave,
-      "aria-label": t("bbm.video.record.save")
-    },
-    tooltip: t("bbm.video.record.save")
-  }];
-  return /* @__PURE__ */ jsxs("div", { className: "video-recorder d-flex flex-fill flex-column align-items-center pb-8", children: [
+  }, [recordedTime, handleStop]), /* @__PURE__ */ jsxs("div", { className: "video-recorder d-flex flex-fill flex-column align-items-center pb-8", children: [
     /* @__PURE__ */ jsx("div", { className: "video-recorder-caption d-none d-md-block", children: caption }),
     inputDevices.length > 1 && /* @__PURE__ */ jsx("div", { className: "video-recorder-devices mb-12", children: /* @__PURE__ */ jsxs(FormControl, { id: "selectInputDevice", children: [
       /* @__PURE__ */ jsx(Label, { className: "d-none d-md-block", children: t("bbm.video.record.select.devices.label") }),
@@ -255,7 +146,7 @@ const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16, VideoRecorder = /* @__PURE__ */ forwar
           ] })
         ] })
       ] }),
-      stream && /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" })
+      stream && /* @__PURE__ */ jsx(VideoRecorderToolbar, { playing, recording, recorded, saving, saved, hideSaveAction, handleRecord, handleStop, handlePlayPause, handleReset, handleSave })
     ] }),
     saving && /* @__PURE__ */ jsx(LoadingScreen, { position: !1, caption: t("bbm.video.save.loader.caption") })
   ] });

package/dist/modules/multimedia/VideoRecorder/VideoRecorderToolbar.d.ts

@@ -0,0 +1,18 @@
+import { WorkspaceElement } from '@edifice.io/client';
+export interface VideoRecorderToolbarProps {
+    playing: boolean;
+    recording: boolean;
+    recorded: boolean;
+    saving: boolean;
+    saved: boolean;
+    hideSaveAction: boolean;
+    handleRecord: () => void;
+    handleStop: () => void;
+    handlePlayPause: () => void;
+    handleReset: () => void;
+    handleSave: () => void;
+}
+export interface VideoRecorderRef {
+    save: () => Promise<WorkspaceElement | undefined>;
+}
+export declare const VideoRecorderToolbar: ({ playing, recording, recorded, saving, saved, hideSaveAction, handleRecord, handleStop, handlePlayPause, handleReset, handleSave, }: VideoRecorderToolbarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/modules/multimedia/VideoRecorder/VideoRecorderToolbar.js

@@ -0,0 +1,96 @@
+import { jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import SvgIconPause from "../../icons/components/IconPause.js";
+import SvgIconPlayFilled from "../../icons/components/IconPlayFilled.js";
+import SvgIconRecordStop from "../../icons/components/IconRecordStop.js";
+import SvgIconRecord from "../../icons/components/IconRecord.js";
+import SvgIconRefresh from "../../icons/components/IconRefresh.js";
+import SvgIconSave from "../../icons/components/IconSave.js";
+import { Toolbar } from "../../../components/Toolbar/Toolbar.js";
+const VideoRecorderToolbar = ({
+  playing,
+  recording,
+  recorded,
+  saving,
+  saved,
+  hideSaveAction,
+  handleRecord,
+  handleStop,
+  handlePlayPause,
+  handleReset,
+  handleSave
+}) => {
+  const {
+    t
+  } = useTranslation(), toolbarItems = [{
+    type: "icon",
+    name: "record",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRecord, { color: recording || recorded ? "" : "red" }),
+      color: "danger",
+      disabled: recording || recorded || saving,
+      onClick: handleRecord,
+      "aria-label": t("bbm.video.record.start")
+    },
+    tooltip: t("bbm.video.record.start")
+  }, {
+    type: "icon",
+    name: "stop",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRecordStop, {}),
+      disabled: !recording || recorded || saving,
+      onClick: handleStop,
+      "aria-label": t("bbm.video.record.stop")
+    },
+    tooltip: t("bbm.video.record.stop")
+  }, {
+    type: "icon",
+    name: "play",
+    visibility: playing ? "hide" : "show",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconPlayFilled, {}),
+      disabled: !recorded || saving,
+      onClick: handlePlayPause,
+      "aria-label": t("bbm.video.play.start")
+    },
+    tooltip: t("bbm.video.play.start")
+  }, {
+    type: "icon",
+    name: "pause",
+    visibility: playing ? "show" : "hide",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconPause, {}),
+      disabled: !recorded || saving,
+      onClick: handlePlayPause,
+      "aria-label": t("bbm.video.play.pause")
+    },
+    tooltip: t("bbm.video.play.pause")
+  }, {
+    type: "divider"
+  }, {
+    type: "icon",
+    name: "reset",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconRefresh, {}),
+      disabled: !recorded || saving,
+      onClick: handleReset,
+      "aria-label": t("bbm.video.record.reset")
+    },
+    tooltip: t("bbm.video.record.reset")
+  }, {
+    type: "icon",
+    name: "save",
+    visibility: hideSaveAction ? "hide" : "show",
+    props: {
+      icon: /* @__PURE__ */ jsx(SvgIconSave, {}),
+      disabled: !recorded || saving || saved,
+      onClick: handleSave,
+      "aria-label": t("bbm.video.record.save")
+    },
+    tooltip: t("bbm.video.record.save")
+  }];
+  return /* @__PURE__ */ jsx(Toolbar, { items: toolbarItems, className: "position-absolute bottom-0 start-50 bg-white" });
+};
+export {
+  VideoRecorderToolbar
+};

package/dist/modules/multimedia/VideoRecorder/useCameras.d.ts

@@ -0,0 +1,10 @@
+export declare function useCameras(): {
+    /** Readonly list (array) of available video input devices. */
+    inputDevices: MediaDeviceInfo[];
+    /** Select which input video device to use. */
+    setPreferedDevice: (device?: MediaDeviceInfo) => void;
+    /** The current video stream. */
+    stream: MediaStream | undefined;
+    /** Start a video stream from the default or prefered device. */
+    restartStream: () => void;
+};

package/dist/modules/multimedia/VideoRecorder/useCameras.js

@@ -0,0 +1,86 @@
+import { useState, useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import useBrowserInfo from "../../../hooks/useBrowserInfo/useBrowserInfo.js";
+const VIDEO_HEIGHT = 9, VIDEO_WIDTH = 16;
+function useCameras() {
+  const {
+    device
+  } = useBrowserInfo(navigator.userAgent), {
+    t
+  } = useTranslation(), [inputDevices, setInputDevices] = useState([]), [mediaStreamConstraints, setMediaStreamConstraints] = useState({
+    audio: !0,
+    video: !0
+  }), [stream, setStream] = useState();
+  async function getVideoInputDevices() {
+    return (await navigator.mediaDevices.enumerateDevices()).filter((device2) => device2.kind === "videoinput");
+  }
+  const enableStream = async (constraints) => {
+    try {
+      const mediaStream = await navigator.mediaDevices.getUserMedia(constraints);
+      setStream(mediaStream);
+    } catch (err) {
+      console.error(err);
+    }
+  }, restartStream = () => {
+    stream == null || stream.getTracks().forEach((track) => track.stop()), enableStream(mediaStreamConstraints);
+  }, setPreferedDevice = (device2) => {
+    let constraints = {};
+    device2 != null && device2.deviceId ? (device2.deviceId === "environment" || device2.deviceId === "user" ? constraints = {
+      audio: !0,
+      video: {
+        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
+        facingMode: device2 == null ? void 0 : device2.deviceId
+      }
+    } : constraints = {
+      audio: !0,
+      video: {
+        aspectRatio: VIDEO_WIDTH / VIDEO_HEIGHT,
+        deviceId: {
+          exact: device2.deviceId
+        }
+      }
+    }, setMediaStreamConstraints(constraints)) : console.error("Selected input device id is null");
+  };
+  return useEffect(() => {
+    restartStream();
+  }, [mediaStreamConstraints]), useEffect(() => {
+    async function initInputDevices() {
+      await enableStream(mediaStreamConstraints);
+      const videoDevices = await getVideoInputDevices();
+      switch (device.type) {
+        case "mobile":
+        case "tablet": {
+          const backCamera = {
+            deviceId: "environment",
+            label: t("video.back.camera"),
+            groupId: "",
+            kind: "videoinput"
+          }, frontCamera = {
+            deviceId: "user",
+            label: t("video.front.camera"),
+            groupId: "",
+            kind: "videoinput"
+          };
+          (videoDevices == null ? void 0 : videoDevices.length) > 1 ? setInputDevices([backCamera, frontCamera]) : setInputDevices([backCamera]);
+          break;
+        }
+        default:
+          setInputDevices(videoDevices);
+          break;
+      }
+    }
+    initInputDevices();
+  }, []), {
+    /** Readonly list (array) of available video input devices. */
+    inputDevices,
+    /** Select which input video device to use. */
+    setPreferedDevice,
+    /** The current video stream. */
+    stream,
+    /** Start a video stream from the default or prefered device. */
+    restartStream
+  };
+}
+export {
+  useCameras
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.3.1",
-    "@edifice.io/tiptap-extensions": "2.3.1",
-    "@edifice.io/utilities": "2.3.1"
+    "@edifice.io/bootstrap": "2.3.2",
+    "@edifice.io/tiptap-extensions": "2.3.2",
+    "@edifice.io/utilities": "2.3.2"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.3.1",
-    "@edifice.io/config": "2.3.1"
+    "@edifice.io/client": "2.3.2",
+    "@edifice.io/config": "2.3.2"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",