@bigbluebutton/tldraw 2.0.0-alpha.19

package/dist-cjs/lib/ui/hooks/useTranslation/useTranslation.js

@@ -0,0 +1,101 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useTranslation_exports = {};
+__export(useTranslation_exports, {
+  TranslationProvider: () => TranslationProvider,
+  untranslated: () => untranslated,
+  useTranslation: () => useTranslation
+});
+module.exports = __toCommonJS(useTranslation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_editor = require("@bigbluebutton/editor");
+var React = __toESM(require("react"));
+var import_useAssetUrls = require("../useAssetUrls");
+var import_defaultTranslation = require("./defaultTranslation");
+var import_translations = require("./translations");
+const TranslationsContext = React.createContext(
+  {}
+);
+const useCurrentTranslation = () => React.useContext(TranslationsContext);
+const TranslationProvider = (0, import_editor.track)(function TranslationProvider2({
+  overrides,
+  children
+}) {
+  const editor = (0, import_editor.useEditor)();
+  const locale = editor.user.getLocale();
+  const getAssetUrl = (0, import_useAssetUrls.useAssetUrls)();
+  const [currentTranslation, setCurrentTranslation] = React.useState(() => {
+    if (overrides && overrides["en"]) {
+      return {
+        locale: "en",
+        label: "English",
+        messages: { ...import_defaultTranslation.DEFAULT_TRANSLATION, ...overrides["en"] }
+      };
+    }
+    return {
+      locale: "en",
+      label: "English",
+      messages: import_defaultTranslation.DEFAULT_TRANSLATION
+    };
+  });
+  React.useEffect(() => {
+    let isCancelled = false;
+    async function loadTranslation() {
+      const translation = await (0, import_translations.fetchTranslation)(locale, getAssetUrl);
+      if (translation && !isCancelled) {
+        if (overrides && overrides[locale]) {
+          setCurrentTranslation({
+            ...translation,
+            messages: { ...translation.messages, ...overrides[locale] }
+          });
+        } else {
+          setCurrentTranslation(translation);
+        }
+      }
+    }
+    loadTranslation();
+    return () => {
+      isCancelled = true;
+    };
+  }, [getAssetUrl, locale, overrides]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TranslationsContext.Provider, { value: currentTranslation, children });
+});
+function useTranslation() {
+  const translation = useCurrentTranslation();
+  return React.useCallback(
+    function msg(id) {
+      return translation.messages[id] ?? id;
+    },
+    [translation]
+  );
+}
+function untranslated(string) {
+  return string;
+}
+//# sourceMappingURL=useTranslation.js.map

package/dist-cjs/lib/ui/hooks/useTranslation/useTranslation.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/lib/ui/hooks/useTranslation/useTranslation.tsx"],
+  "sourcesContent": ["import { track, useEditor } from '@bigbluebutton/editor'\nimport * as React from 'react'\nimport { useAssetUrls } from '../useAssetUrls'\nimport { TLUiTranslationKey } from './TLUiTranslationKey'\nimport { DEFAULT_TRANSLATION } from './defaultTranslation'\nimport { TLUiTranslation, fetchTranslation } from './translations'\n\n/** @public */\nexport interface TLUiTranslationProviderProps {\n\tchildren: any\n\t/**\n\t * A collection of overrides different locales.\n\t *\n\t * @example\n\t *\n\t * ```ts\n\t * <TranslationProvider overrides={{ en: { 'style-panel.styles': 'Properties' } }} />\n\t * ```\n\t */\n\toverrides?: Record<string, Record<string, string>>\n}\n\n/** @public */\nexport type TLUiTranslationContextType = TLUiTranslation\n\nconst TranslationsContext = React.createContext<TLUiTranslationContextType>(\n\t{} as TLUiTranslationContextType\n)\n\nconst useCurrentTranslation = () => React.useContext(TranslationsContext)\n\n/**\n * Provides a translation context to the editor.\n *\n * @internal\n */\nexport const TranslationProvider = track(function TranslationProvider({\n\toverrides,\n\tchildren,\n}: TLUiTranslationProviderProps) {\n\tconst editor = useEditor()\n\tconst locale = editor.user.getLocale()\n\tconst getAssetUrl = useAssetUrls()\n\n\tconst [currentTranslation, setCurrentTranslation] = React.useState<TLUiTranslation>(() => {\n\t\tif (overrides && overrides['en']) {\n\t\t\treturn {\n\t\t\t\tlocale: 'en',\n\t\t\t\tlabel: 'English',\n\t\t\t\tmessages: { ...DEFAULT_TRANSLATION, ...overrides['en'] },\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\tlocale: 'en',\n\t\t\tlabel: 'English',\n\t\t\tmessages: DEFAULT_TRANSLATION,\n\t\t}\n\t})\n\n\tReact.useEffect(() => {\n\t\tlet isCancelled = false\n\n\t\tasync function loadTranslation() {\n\t\t\tconst translation = await fetchTranslation(locale, getAssetUrl)\n\n\t\t\tif (translation && !isCancelled) {\n\t\t\t\tif (overrides && overrides[locale]) {\n\t\t\t\t\tsetCurrentTranslation({\n\t\t\t\t\t\t...translation,\n\t\t\t\t\t\tmessages: { ...translation.messages, ...overrides[locale] },\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\tsetCurrentTranslation(translation)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tloadTranslation()\n\n\t\treturn () => {\n\t\t\tisCancelled = true\n\t\t}\n\t}, [getAssetUrl, locale, overrides])\n\n\treturn (\n\t\t<TranslationsContext.Provider value={currentTranslation}>\n\t\t\t{children}\n\t\t</TranslationsContext.Provider>\n\t)\n})\n\n/**\n * Returns a function to translate a translation key into a string based on the current translation.\n *\n * @example\n *\n * ```ts\n * const msg = useTranslation()\n * const label = msg('style-panel.styles')\n * ```\n *\n * @public\n */\nexport function useTranslation() {\n\tconst translation = useCurrentTranslation()\n\treturn React.useCallback(\n\t\tfunction msg(id: Exclude<string, TLUiTranslationKey> | string) {\n\t\t\treturn translation.messages[id as TLUiTranslationKey] ?? id\n\t\t},\n\t\t[translation]\n\t)\n}\n\nexport function untranslated(string: string) {\n\treturn string as TLUiTranslationKey\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsFE;AAtFF,oBAAiC;AACjC,YAAuB;AACvB,0BAA6B;AAE7B,gCAAoC;AACpC,0BAAkD;AAoBlD,MAAM,sBAAsB,MAAM;AAAA,EACjC,CAAC;AACF;AAEA,MAAM,wBAAwB,MAAM,MAAM,WAAW,mBAAmB;AAOjE,MAAM,0BAAsB,qBAAM,SAASA,qBAAoB;AAAA,EACrE;AAAA,EACA;AACD,GAAiC;AAChC,QAAM,aAAS,yBAAU;AACzB,QAAM,SAAS,OAAO,KAAK,UAAU;AACrC,QAAM,kBAAc,kCAAa;AAEjC,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAA0B,MAAM;AACzF,QAAI,aAAa,UAAU,IAAI,GAAG;AACjC,aAAO;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,UAAU,EAAE,GAAG,+CAAqB,GAAG,UAAU,IAAI,EAAE;AAAA,MACxD;AAAA,IACD;AAEA,WAAO;AAAA,MACN,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,UAAU;AAAA,IACX;AAAA,EACD,CAAC;AAED,QAAM,UAAU,MAAM;AACrB,QAAI,cAAc;AAElB,mBAAe,kBAAkB;AAChC,YAAM,cAAc,UAAM,sCAAiB,QAAQ,WAAW;AAE9D,UAAI,eAAe,CAAC,aAAa;AAChC,YAAI,aAAa,UAAU,MAAM,GAAG;AACnC,gCAAsB;AAAA,YACrB,GAAG;AAAA,YACH,UAAU,EAAE,GAAG,YAAY,UAAU,GAAG,UAAU,MAAM,EAAE;AAAA,UAC3D,CAAC;AAAA,QACF,OAAO;AACN,gCAAsB,WAAW;AAAA,QAClC;AAAA,MACD;AAAA,IACD;AAEA,oBAAgB;AAEhB,WAAO,MAAM;AACZ,oBAAc;AAAA,IACf;AAAA,EACD,GAAG,CAAC,aAAa,QAAQ,SAAS,CAAC;AAEnC,SACC,4CAAC,oBAAoB,UAApB,EAA6B,OAAO,oBACnC,UACF;AAEF,CAAC;AAcM,SAAS,iBAAiB;AAChC,QAAM,cAAc,sBAAsB;AAC1C,SAAO,MAAM;AAAA,IACZ,SAAS,IAAI,IAAkD;AAC9D,aAAO,YAAY,SAAS,EAAwB,KAAK;AAAA,IAC1D;AAAA,IACA,CAAC,WAAW;AAAA,EACb;AACD;AAEO,SAAS,aAAa,QAAgB;AAC5C,SAAO;AACR;",
+  "names": ["TranslationProvider"]
+}

package/dist-cjs/lib/ui/icon-types.js

@@ -0,0 +1,190 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var icon_types_exports = {};
+__export(icon_types_exports, {
+  iconTypes: () => iconTypes
+});
+module.exports = __toCommonJS(icon_types_exports);
+const iconTypes = [
+  "align-bottom-center",
+  "align-bottom-left",
+  "align-bottom-right",
+  "align-bottom",
+  "align-center-center",
+  "align-center-horizontal",
+  "align-center-left",
+  "align-center-right",
+  "align-center-vertical",
+  "align-left",
+  "align-right",
+  "align-top-center",
+  "align-top-left",
+  "align-top-right",
+  "align-top",
+  "arrow-left",
+  "arrowhead-arrow",
+  "arrowhead-bar",
+  "arrowhead-diamond",
+  "arrowhead-dot",
+  "arrowhead-none",
+  "arrowhead-square",
+  "arrowhead-triangle-inverted",
+  "arrowhead-triangle",
+  "aspect-ratio",
+  "avatar",
+  "blob",
+  "bring-forward",
+  "bring-to-front",
+  "check",
+  "checkbox-checked",
+  "checkbox-empty",
+  "chevron-down",
+  "chevron-left",
+  "chevron-right",
+  "chevron-up",
+  "chevrons-ne",
+  "chevrons-sw",
+  "clipboard-copied",
+  "clipboard-copy",
+  "code",
+  "collab",
+  "color",
+  "comment",
+  "cross-2",
+  "cross",
+  "dash-dashed",
+  "dash-dotted",
+  "dash-draw",
+  "dash-solid",
+  "discord",
+  "distribute-horizontal",
+  "distribute-vertical",
+  "dot",
+  "dots-horizontal",
+  "dots-vertical",
+  "drag-handle-dots",
+  "duplicate",
+  "edit",
+  "external-link",
+  "file",
+  "fill-none",
+  "fill-pattern",
+  "fill-semi",
+  "fill-solid",
+  "follow",
+  "following",
+  "font-draw",
+  "font-mono",
+  "font-sans",
+  "font-serif",
+  "geo-arrow-down",
+  "geo-arrow-left",
+  "geo-arrow-right",
+  "geo-arrow-up",
+  "geo-check-box",
+  "geo-cloud",
+  "geo-diamond",
+  "geo-ellipse",
+  "geo-hexagon",
+  "geo-octagon",
+  "geo-oval",
+  "geo-pentagon",
+  "geo-rectangle",
+  "geo-rhombus-2",
+  "geo-rhombus",
+  "geo-star",
+  "geo-trapezoid",
+  "geo-triangle",
+  "geo-x-box",
+  "github",
+  "group",
+  "hidden",
+  "image",
+  "info-circle",
+  "leading",
+  "link",
+  "lock-small",
+  "lock",
+  "menu",
+  "minus",
+  "mixed",
+  "pack",
+  "page",
+  "plus",
+  "question-mark-circle",
+  "question-mark",
+  "redo",
+  "reset-zoom",
+  "rotate-ccw",
+  "rotate-cw",
+  "ruler",
+  "search",
+  "send-backward",
+  "send-to-back",
+  "settings-horizontal",
+  "settings-vertical-1",
+  "settings-vertical",
+  "share-1",
+  "share-2",
+  "size-extra-large",
+  "size-large",
+  "size-medium",
+  "size-small",
+  "spline-cubic",
+  "spline-line",
+  "stack-horizontal",
+  "stack-vertical",
+  "status-offline",
+  "status-online",
+  "stretch-horizontal",
+  "stretch-vertical",
+  "text-align-center",
+  "text-align-justify",
+  "text-align-left",
+  "text-align-right",
+  "tool-arrow",
+  "tool-embed",
+  "tool-eraser",
+  "tool-frame",
+  "tool-hand",
+  "tool-highlight",
+  "tool-laser",
+  "tool-line",
+  "tool-media",
+  "tool-note",
+  "tool-pencil",
+  "tool-pointer",
+  "tool-text",
+  "trash",
+  "triangle-down",
+  "triangle-up",
+  "twitter",
+  "undo",
+  "ungroup",
+  "unlock-small",
+  "unlock",
+  "vertical-align-center",
+  "vertical-align-end",
+  "vertical-align-start",
+  "visible",
+  "warning-triangle",
+  "zoom-in",
+  "zoom-out"
+];
+//# sourceMappingURL=icon-types.js.map

package/dist-cjs/lib/ui/icon-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/icon-types.ts"],
+  "sourcesContent": ["// This file is automatically generated by scripts/refresh-assets.ts.\n// Do not edit manually.\n\n/** @public */\nexport type TLUiIconType =\n\t| 'align-bottom-center'\n\t| 'align-bottom-left'\n\t| 'align-bottom-right'\n\t| 'align-bottom'\n\t| 'align-center-center'\n\t| 'align-center-horizontal'\n\t| 'align-center-left'\n\t| 'align-center-right'\n\t| 'align-center-vertical'\n\t| 'align-left'\n\t| 'align-right'\n\t| 'align-top-center'\n\t| 'align-top-left'\n\t| 'align-top-right'\n\t| 'align-top'\n\t| 'arrow-left'\n\t| 'arrowhead-arrow'\n\t| 'arrowhead-bar'\n\t| 'arrowhead-diamond'\n\t| 'arrowhead-dot'\n\t| 'arrowhead-none'\n\t| 'arrowhead-square'\n\t| 'arrowhead-triangle-inverted'\n\t| 'arrowhead-triangle'\n\t| 'aspect-ratio'\n\t| 'avatar'\n\t| 'blob'\n\t| 'bring-forward'\n\t| 'bring-to-front'\n\t| 'check'\n\t| 'checkbox-checked'\n\t| 'checkbox-empty'\n\t| 'chevron-down'\n\t| 'chevron-left'\n\t| 'chevron-right'\n\t| 'chevron-up'\n\t| 'chevrons-ne'\n\t| 'chevrons-sw'\n\t| 'clipboard-copied'\n\t| 'clipboard-copy'\n\t| 'code'\n\t| 'collab'\n\t| 'color'\n\t| 'comment'\n\t| 'cross-2'\n\t| 'cross'\n\t| 'dash-dashed'\n\t| 'dash-dotted'\n\t| 'dash-draw'\n\t| 'dash-solid'\n\t| 'discord'\n\t| 'distribute-horizontal'\n\t| 'distribute-vertical'\n\t| 'dot'\n\t| 'dots-horizontal'\n\t| 'dots-vertical'\n\t| 'drag-handle-dots'\n\t| 'duplicate'\n\t| 'edit'\n\t| 'external-link'\n\t| 'file'\n\t| 'fill-none'\n\t| 'fill-pattern'\n\t| 'fill-semi'\n\t| 'fill-solid'\n\t| 'follow'\n\t| 'following'\n\t| 'font-draw'\n\t| 'font-mono'\n\t| 'font-sans'\n\t| 'font-serif'\n\t| 'geo-arrow-down'\n\t| 'geo-arrow-left'\n\t| 'geo-arrow-right'\n\t| 'geo-arrow-up'\n\t| 'geo-check-box'\n\t| 'geo-cloud'\n\t| 'geo-diamond'\n\t| 'geo-ellipse'\n\t| 'geo-hexagon'\n\t| 'geo-octagon'\n\t| 'geo-oval'\n\t| 'geo-pentagon'\n\t| 'geo-rectangle'\n\t| 'geo-rhombus-2'\n\t| 'geo-rhombus'\n\t| 'geo-star'\n\t| 'geo-trapezoid'\n\t| 'geo-triangle'\n\t| 'geo-x-box'\n\t| 'github'\n\t| 'group'\n\t| 'hidden'\n\t| 'image'\n\t| 'info-circle'\n\t| 'leading'\n\t| 'link'\n\t| 'lock-small'\n\t| 'lock'\n\t| 'menu'\n\t| 'minus'\n\t| 'mixed'\n\t| 'pack'\n\t| 'page'\n\t| 'plus'\n\t| 'question-mark-circle'\n\t| 'question-mark'\n\t| 'redo'\n\t| 'reset-zoom'\n\t| 'rotate-ccw'\n\t| 'rotate-cw'\n\t| 'ruler'\n\t| 'search'\n\t| 'send-backward'\n\t| 'send-to-back'\n\t| 'settings-horizontal'\n\t| 'settings-vertical-1'\n\t| 'settings-vertical'\n\t| 'share-1'\n\t| 'share-2'\n\t| 'size-extra-large'\n\t| 'size-large'\n\t| 'size-medium'\n\t| 'size-small'\n\t| 'spline-cubic'\n\t| 'spline-line'\n\t| 'stack-horizontal'\n\t| 'stack-vertical'\n\t| 'status-offline'\n\t| 'status-online'\n\t| 'stretch-horizontal'\n\t| 'stretch-vertical'\n\t| 'text-align-center'\n\t| 'text-align-justify'\n\t| 'text-align-left'\n\t| 'text-align-right'\n\t| 'tool-arrow'\n\t| 'tool-embed'\n\t| 'tool-eraser'\n\t| 'tool-frame'\n\t| 'tool-hand'\n\t| 'tool-highlight'\n\t| 'tool-laser'\n\t| 'tool-line'\n\t| 'tool-media'\n\t| 'tool-note'\n\t| 'tool-pencil'\n\t| 'tool-pointer'\n\t| 'tool-text'\n\t| 'trash'\n\t| 'triangle-down'\n\t| 'triangle-up'\n\t| 'twitter'\n\t| 'undo'\n\t| 'ungroup'\n\t| 'unlock-small'\n\t| 'unlock'\n\t| 'vertical-align-center'\n\t| 'vertical-align-end'\n\t| 'vertical-align-start'\n\t| 'visible'\n\t| 'warning-triangle'\n\t| 'zoom-in'\n\t| 'zoom-out'\n\n/** @public */\nexport const iconTypes = [\n\t'align-bottom-center',\n\t'align-bottom-left',\n\t'align-bottom-right',\n\t'align-bottom',\n\t'align-center-center',\n\t'align-center-horizontal',\n\t'align-center-left',\n\t'align-center-right',\n\t'align-center-vertical',\n\t'align-left',\n\t'align-right',\n\t'align-top-center',\n\t'align-top-left',\n\t'align-top-right',\n\t'align-top',\n\t'arrow-left',\n\t'arrowhead-arrow',\n\t'arrowhead-bar',\n\t'arrowhead-diamond',\n\t'arrowhead-dot',\n\t'arrowhead-none',\n\t'arrowhead-square',\n\t'arrowhead-triangle-inverted',\n\t'arrowhead-triangle',\n\t'aspect-ratio',\n\t'avatar',\n\t'blob',\n\t'bring-forward',\n\t'bring-to-front',\n\t'check',\n\t'checkbox-checked',\n\t'checkbox-empty',\n\t'chevron-down',\n\t'chevron-left',\n\t'chevron-right',\n\t'chevron-up',\n\t'chevrons-ne',\n\t'chevrons-sw',\n\t'clipboard-copied',\n\t'clipboard-copy',\n\t'code',\n\t'collab',\n\t'color',\n\t'comment',\n\t'cross-2',\n\t'cross',\n\t'dash-dashed',\n\t'dash-dotted',\n\t'dash-draw',\n\t'dash-solid',\n\t'discord',\n\t'distribute-horizontal',\n\t'distribute-vertical',\n\t'dot',\n\t'dots-horizontal',\n\t'dots-vertical',\n\t'drag-handle-dots',\n\t'duplicate',\n\t'edit',\n\t'external-link',\n\t'file',\n\t'fill-none',\n\t'fill-pattern',\n\t'fill-semi',\n\t'fill-solid',\n\t'follow',\n\t'following',\n\t'font-draw',\n\t'font-mono',\n\t'font-sans',\n\t'font-serif',\n\t'geo-arrow-down',\n\t'geo-arrow-left',\n\t'geo-arrow-right',\n\t'geo-arrow-up',\n\t'geo-check-box',\n\t'geo-cloud',\n\t'geo-diamond',\n\t'geo-ellipse',\n\t'geo-hexagon',\n\t'geo-octagon',\n\t'geo-oval',\n\t'geo-pentagon',\n\t'geo-rectangle',\n\t'geo-rhombus-2',\n\t'geo-rhombus',\n\t'geo-star',\n\t'geo-trapezoid',\n\t'geo-triangle',\n\t'geo-x-box',\n\t'github',\n\t'group',\n\t'hidden',\n\t'image',\n\t'info-circle',\n\t'leading',\n\t'link',\n\t'lock-small',\n\t'lock',\n\t'menu',\n\t'minus',\n\t'mixed',\n\t'pack',\n\t'page',\n\t'plus',\n\t'question-mark-circle',\n\t'question-mark',\n\t'redo',\n\t'reset-zoom',\n\t'rotate-ccw',\n\t'rotate-cw',\n\t'ruler',\n\t'search',\n\t'send-backward',\n\t'send-to-back',\n\t'settings-horizontal',\n\t'settings-vertical-1',\n\t'settings-vertical',\n\t'share-1',\n\t'share-2',\n\t'size-extra-large',\n\t'size-large',\n\t'size-medium',\n\t'size-small',\n\t'spline-cubic',\n\t'spline-line',\n\t'stack-horizontal',\n\t'stack-vertical',\n\t'status-offline',\n\t'status-online',\n\t'stretch-horizontal',\n\t'stretch-vertical',\n\t'text-align-center',\n\t'text-align-justify',\n\t'text-align-left',\n\t'text-align-right',\n\t'tool-arrow',\n\t'tool-embed',\n\t'tool-eraser',\n\t'tool-frame',\n\t'tool-hand',\n\t'tool-highlight',\n\t'tool-laser',\n\t'tool-line',\n\t'tool-media',\n\t'tool-note',\n\t'tool-pencil',\n\t'tool-pointer',\n\t'tool-text',\n\t'trash',\n\t'triangle-down',\n\t'triangle-up',\n\t'twitter',\n\t'undo',\n\t'ungroup',\n\t'unlock-small',\n\t'unlock',\n\t'vertical-align-center',\n\t'vertical-align-end',\n\t'vertical-align-start',\n\t'visible',\n\t'warning-triangle',\n\t'zoom-in',\n\t'zoom-out',\n] as const\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA2KO,MAAM,YAAY;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD;",
+  "names": []
+}

package/dist-cjs/lib/ui/overrides.js

@@ -0,0 +1,178 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var overrides_exports = {};
+__export(overrides_exports, {
+  mergeOverrides: () => mergeOverrides,
+  useDefaultHelpers: () => useDefaultHelpers,
+  useMergedOverrides: () => useMergedOverrides,
+  useMergedTranslationOverrides: () => useMergedTranslationOverrides
+});
+module.exports = __toCommonJS(overrides_exports);
+var import_editor = require("@bigbluebutton/editor");
+var import_react = require("react");
+var import_useBreakpoint = require("./hooks/useBreakpoint");
+var import_useDialogsProvider = require("./hooks/useDialogsProvider");
+var import_useToastsProvider = require("./hooks/useToastsProvider");
+var import_useTranslation = require("./hooks/useTranslation/useTranslation");
+function useDefaultHelpers() {
+  const { addToast, removeToast, clearToasts } = (0, import_useToastsProvider.useToasts)();
+  const { addDialog, clearDialogs, removeDialog, updateDialog } = (0, import_useDialogsProvider.useDialogs)();
+  const breakpoint = (0, import_useBreakpoint.useBreakpoint)();
+  const isMobile = breakpoint < 5;
+  const msg = (0, import_useTranslation.useTranslation)();
+  return (0, import_react.useMemo)(
+    () => ({
+      addToast,
+      removeToast,
+      clearToasts,
+      addDialog,
+      clearDialogs,
+      removeDialog,
+      updateDialog,
+      msg,
+      isMobile
+    }),
+    [
+      addDialog,
+      addToast,
+      clearDialogs,
+      clearToasts,
+      msg,
+      removeDialog,
+      removeToast,
+      updateDialog,
+      isMobile
+    ]
+  );
+}
+function mergeOverrides(overrides, defaultHelpers) {
+  const mergedTranslations = {};
+  for (const override of overrides) {
+    if (override.translations) {
+      for (const [key, value] of (0, import_editor.objectMapEntries)(override.translations)) {
+        let strings = mergedTranslations[key];
+        if (!strings) {
+          strings = mergedTranslations[key] = {};
+        }
+        Object.assign(strings, value);
+      }
+    }
+  }
+  return {
+    actionsMenu: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.actionsMenu) {
+          schema = override.actionsMenu(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    actions: (editor, schema) => {
+      for (const override of overrides) {
+        if (override.actions) {
+          schema = override.actions(editor, schema, defaultHelpers);
+        }
+      }
+      return schema;
+    },
+    contextMenu: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.contextMenu) {
+          schema = override.contextMenu(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    helpMenu: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.helpMenu) {
+          schema = override.helpMenu(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    menu: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.menu) {
+          schema = override.menu(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    toolbar: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.toolbar) {
+          schema = override.toolbar(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    keyboardShortcutsMenu: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.keyboardShortcutsMenu) {
+          schema = override.keyboardShortcutsMenu(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    tools: (editor, schema, helpers) => {
+      for (const override of overrides) {
+        if (override.tools) {
+          schema = override.tools(editor, schema, { ...defaultHelpers, ...helpers });
+        }
+      }
+      return schema;
+    },
+    translations: mergedTranslations
+  };
+}
+function useShallowArrayEquality(array) {
+  return (0, import_react.useMemo)(() => array, array);
+}
+function useMergedTranslationOverrides(overrides) {
+  const overridesArray = useShallowArrayEquality(
+    overrides == null ? [] : Array.isArray(overrides) ? overrides : [overrides]
+  );
+  return (0, import_react.useMemo)(() => {
+    const mergedTranslations = {};
+    for (const override of overridesArray) {
+      if (override.translations) {
+        for (const [key, value] of (0, import_editor.objectMapEntries)(override.translations)) {
+          let strings = mergedTranslations[key];
+          if (!strings) {
+            strings = mergedTranslations[key] = {};
+          }
+          Object.assign(strings, value);
+        }
+      }
+    }
+    return mergedTranslations;
+  }, [overridesArray]);
+}
+function useMergedOverrides(overrides) {
+  const defaultHelpers = useDefaultHelpers();
+  const overridesArray = useShallowArrayEquality(
+    overrides == null ? [] : Array.isArray(overrides) ? overrides : [overrides]
+  );
+  return (0, import_react.useMemo)(
+    () => mergeOverrides(overridesArray, defaultHelpers),
+    [overridesArray, defaultHelpers]
+  );
+}
+//# sourceMappingURL=overrides.js.map

package/dist-cjs/lib/ui/overrides.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/overrides.ts"],
+  "sourcesContent": ["import { Editor, objectMapEntries } from '@bigbluebutton/editor'\nimport { useMemo } from 'react'\nimport { ActionsProviderProps } from './hooks/useActions'\nimport { ActionsMenuSchemaProviderProps } from './hooks/useActionsMenuSchema'\nimport { useBreakpoint } from './hooks/useBreakpoint'\nimport { TLUiContextMenuSchemaProviderProps } from './hooks/useContextMenuSchema'\nimport { useDialogs } from './hooks/useDialogsProvider'\nimport { TLUiHelpMenuSchemaProviderProps } from './hooks/useHelpMenuSchema'\nimport { TLUiKeyboardShortcutsSchemaProviderProps } from './hooks/useKeyboardShortcutsSchema'\nimport { TLUiMenuSchemaProviderProps } from './hooks/useMenuSchema'\nimport { useToasts } from './hooks/useToastsProvider'\nimport { TLUiToolbarSchemaProviderProps } from './hooks/useToolbarSchema'\nimport { TLUiToolsProviderProps } from './hooks/useTools'\nimport { TLUiTranslationProviderProps, useTranslation } from './hooks/useTranslation/useTranslation'\n\n/** @public */\nexport function useDefaultHelpers() {\n\tconst { addToast, removeToast, clearToasts } = useToasts()\n\tconst { addDialog, clearDialogs, removeDialog, updateDialog } = useDialogs()\n\tconst breakpoint = useBreakpoint()\n\tconst isMobile = breakpoint < 5\n\tconst msg = useTranslation()\n\treturn useMemo(\n\t\t() => ({\n\t\t\taddToast,\n\t\t\tremoveToast,\n\t\t\tclearToasts,\n\t\t\taddDialog,\n\t\t\tclearDialogs,\n\t\t\tremoveDialog,\n\t\t\tupdateDialog,\n\t\t\tmsg,\n\t\t\tisMobile,\n\t\t}),\n\t\t[\n\t\t\taddDialog,\n\t\t\taddToast,\n\t\t\tclearDialogs,\n\t\t\tclearToasts,\n\t\t\tmsg,\n\t\t\tremoveDialog,\n\t\t\tremoveToast,\n\t\t\tupdateDialog,\n\t\t\tisMobile,\n\t\t]\n\t)\n}\n\ntype DefaultHelpers = ReturnType<typeof useDefaultHelpers>\n\nexport type TLUiOverride<Type, Helpers> = (editor: Editor, schema: Type, helpers: Helpers) => Type\n\ntype WithDefaultHelpers<T extends TLUiOverride<any, any>> = T extends TLUiOverride<\n\tinfer Type,\n\tinfer Helpers\n>\n\t? TLUiOverride<Type, Helpers extends undefined ? DefaultHelpers : Helpers & DefaultHelpers>\n\t: never\n\n/** @public */\nexport type TLUiOverrides = Partial<{\n\tactionsMenu: WithDefaultHelpers<NonNullable<ActionsMenuSchemaProviderProps['overrides']>>\n\tactions: WithDefaultHelpers<NonNullable<ActionsProviderProps['overrides']>>\n\tcontextMenu: WithDefaultHelpers<NonNullable<TLUiContextMenuSchemaProviderProps['overrides']>>\n\thelpMenu: WithDefaultHelpers<NonNullable<TLUiHelpMenuSchemaProviderProps['overrides']>>\n\tmenu: WithDefaultHelpers<NonNullable<TLUiMenuSchemaProviderProps['overrides']>>\n\ttoolbar: WithDefaultHelpers<NonNullable<TLUiToolbarSchemaProviderProps['overrides']>>\n\tkeyboardShortcutsMenu: WithDefaultHelpers<\n\t\tNonNullable<TLUiKeyboardShortcutsSchemaProviderProps['overrides']>\n\t>\n\ttools: WithDefaultHelpers<NonNullable<TLUiToolsProviderProps['overrides']>>\n\ttranslations: TLUiTranslationProviderProps['overrides']\n}>\n\nexport type TLUiOverridesWithoutDefaults = Partial<{\n\tactionsMenu: ActionsMenuSchemaProviderProps['overrides']\n\tactions: ActionsProviderProps['overrides']\n\tcontextMenu: TLUiContextMenuSchemaProviderProps['overrides']\n\thelpMenu: TLUiHelpMenuSchemaProviderProps['overrides']\n\tmenu: TLUiMenuSchemaProviderProps['overrides']\n\ttoolbar: TLUiToolbarSchemaProviderProps['overrides']\n\tkeyboardShortcutsMenu: TLUiKeyboardShortcutsSchemaProviderProps['overrides']\n\ttools: TLUiToolsProviderProps['overrides']\n\ttranslations: TLUiTranslationProviderProps['overrides']\n}>\n\nexport function mergeOverrides(\n\toverrides: TLUiOverrides[],\n\tdefaultHelpers: DefaultHelpers\n): TLUiOverridesWithoutDefaults {\n\tconst mergedTranslations: TLUiTranslationProviderProps['overrides'] = {}\n\tfor (const override of overrides) {\n\t\tif (override.translations) {\n\t\t\tfor (const [key, value] of objectMapEntries(override.translations)) {\n\t\t\t\tlet strings = mergedTranslations[key]\n\t\t\t\tif (!strings) {\n\t\t\t\t\tstrings = mergedTranslations[key] = {}\n\t\t\t\t}\n\t\t\t\tObject.assign(strings, value)\n\t\t\t}\n\t\t}\n\t}\n\treturn {\n\t\tactionsMenu: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.actionsMenu) {\n\t\t\t\t\tschema = override.actionsMenu(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\tactions: (editor, schema) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.actions) {\n\t\t\t\t\tschema = override.actions(editor, schema, defaultHelpers)\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\tcontextMenu: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.contextMenu) {\n\t\t\t\t\tschema = override.contextMenu(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\thelpMenu: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.helpMenu) {\n\t\t\t\t\tschema = override.helpMenu(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\tmenu: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.menu) {\n\t\t\t\t\tschema = override.menu(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\ttoolbar: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.toolbar) {\n\t\t\t\t\tschema = override.toolbar(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\tkeyboardShortcutsMenu: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.keyboardShortcutsMenu) {\n\t\t\t\t\tschema = override.keyboardShortcutsMenu(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\ttools: (editor, schema, helpers) => {\n\t\t\tfor (const override of overrides) {\n\t\t\t\tif (override.tools) {\n\t\t\t\t\tschema = override.tools(editor, schema, { ...defaultHelpers, ...helpers })\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn schema\n\t\t},\n\t\ttranslations: mergedTranslations,\n\t}\n}\n\nfunction useShallowArrayEquality<T extends unknown[]>(array: T): T {\n\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\treturn useMemo(() => array, array)\n}\n\nexport function useMergedTranslationOverrides(\n\toverrides?: TLUiOverrides[] | TLUiOverrides\n): NonNullable<TLUiTranslationProviderProps['overrides']> {\n\tconst overridesArray = useShallowArrayEquality(\n\t\toverrides == null ? [] : Array.isArray(overrides) ? overrides : [overrides]\n\t)\n\treturn useMemo(() => {\n\t\tconst mergedTranslations: TLUiTranslationProviderProps['overrides'] = {}\n\t\tfor (const override of overridesArray) {\n\t\t\tif (override.translations) {\n\t\t\t\tfor (const [key, value] of objectMapEntries(override.translations)) {\n\t\t\t\t\tlet strings = mergedTranslations[key]\n\t\t\t\t\tif (!strings) {\n\t\t\t\t\t\tstrings = mergedTranslations[key] = {}\n\t\t\t\t\t}\n\t\t\t\t\tObject.assign(strings, value)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn mergedTranslations\n\t}, [overridesArray])\n}\n\nexport function useMergedOverrides(\n\toverrides?: TLUiOverrides[] | TLUiOverrides\n): TLUiOverridesWithoutDefaults {\n\tconst defaultHelpers = useDefaultHelpers()\n\tconst overridesArray = useShallowArrayEquality(\n\t\toverrides == null ? [] : Array.isArray(overrides) ? overrides : [overrides]\n\t)\n\treturn useMemo(\n\t\t() => mergeOverrides(overridesArray, defaultHelpers),\n\t\t[overridesArray, defaultHelpers]\n\t)\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist-cjs/lib/ui/version.js

@@ -0,0 +1,25 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var version_exports = {};
+__export(version_exports, {
+  version: () => version
+});
+module.exports = __toCommonJS(version_exports);
+const version = "2.0.0-alpha.12";
+//# sourceMappingURL=version.js.map

package/dist-cjs/lib/ui/version.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/lib/ui/version.ts"],
+  "sourcesContent": ["export const version = '2.0.0-alpha.12'\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,UAAU;",
+  "names": []
+}

package/dist-cjs/lib/utils/assets/assets.js

@@ -0,0 +1,91 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var assets_exports = {};
+__export(assets_exports, {
+  DEFAULT_ACCEPTED_IMG_TYPE: () => DEFAULT_ACCEPTED_IMG_TYPE,
+  DEFAULT_ACCEPTED_VID_TYPE: () => DEFAULT_ACCEPTED_VID_TYPE,
+  containBoxSize: () => containBoxSize,
+  getResizedImageDataUrl: () => getResizedImageDataUrl,
+  isGifAnimated: () => isGifAnimated
+});
+module.exports = __toCommonJS(assets_exports);
+var import_downscale = __toESM(require("downscale"));
+var import_getBrowserCanvasMaxSize = require("../../shapes/shared/getBrowserCanvasMaxSize");
+var import_is_gif_animated = require("./is-gif-animated");
+function containBoxSize(originalSize, containBoxSize2) {
+  const overByXScale = originalSize.w / containBoxSize2.w;
+  const overByYScale = originalSize.h / containBoxSize2.h;
+  if (overByXScale <= 1 && overByYScale <= 1) {
+    return originalSize;
+  } else if (overByXScale > overByYScale) {
+    return {
+      w: originalSize.w / overByXScale,
+      h: originalSize.h / overByXScale
+    };
+  } else {
+    return {
+      w: originalSize.w / overByYScale,
+      h: originalSize.h / overByYScale
+    };
+  }
+}
+async function getResizedImageDataUrl(dataURLForImage, width, height, opts = {}) {
+  let desiredWidth = width * 2;
+  let desiredHeight = height * 2;
+  const { type = "image/jpeg", quality = 0.92 } = opts;
+  const canvasSizes = await (0, import_getBrowserCanvasMaxSize.getBrowserCanvasMaxSize)();
+  const aspectRatio = width / height;
+  if (desiredWidth > canvasSizes.maxWidth) {
+    desiredWidth = canvasSizes.maxWidth;
+    desiredHeight = desiredWidth / aspectRatio;
+  }
+  if (desiredHeight > canvasSizes.maxHeight) {
+    desiredHeight = canvasSizes.maxHeight;
+    desiredWidth = desiredHeight * aspectRatio;
+  }
+  if (desiredWidth * desiredHeight > canvasSizes.maxArea) {
+    const ratio = Math.sqrt(canvasSizes.maxArea / (desiredWidth * desiredHeight));
+    desiredWidth *= ratio;
+    desiredHeight *= ratio;
+  }
+  return await (0, import_downscale.default)(dataURLForImage, desiredWidth, desiredHeight, { imageType: type, quality });
+}
+const DEFAULT_ACCEPTED_IMG_TYPE = ["image/jpeg", "image/png", "image/gif", "image/svg+xml"];
+const DEFAULT_ACCEPTED_VID_TYPE = ["video/mp4", "video/quicktime"];
+async function isGifAnimated(file) {
+  return await new Promise((resolve, reject) => {
+    const reader = new FileReader();
+    reader.onerror = () => reject(reader.error);
+    reader.onload = () => {
+      resolve(reader.result ? (0, import_is_gif_animated.isAnimated)(reader.result) : false);
+    };
+    reader.readAsArrayBuffer(file);
+  });
+}
+//# sourceMappingURL=assets.js.map