@wix/ricos 11.24.1 → 11.26.0

package/dist/cjs/plugin-gallery/viewer/layout-slider-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-gallery/viewer/layout-slider.scss"],
-  "sourcesContent": ["export default {\n  \"slider\": \"M3vEg\",\n  \"sliderViewport\": \"Zldy-\",\n  \"sliderTrack\": \"kMoIp\",\n  \"sliderCell\": \"IYyqD\",\n  \"sliderFill\": \"ZbUU3\",\n  \"sliderFit\": \"wd4CH\"\n};"],
+  "sourcesContent": ["export default {\n  \"slider\": \"Fi22Y\",\n  \"sliderViewport\": \"dZ4V2\",\n  \"sliderTrack\": \"Uxm-F\",\n  \"sliderCell\": \"EC39H\",\n  \"sliderFill\": \"Rjvrx\",\n  \"sliderFit\": \"q-Kq2\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/plugin-gallery/viewer/layout-thumbnail-scss.js

@@ -22,16 +22,16 @@ __export(layout_thumbnail_exports, {
 });
 module.exports = __toCommonJS(layout_thumbnail_exports);
 var layout_thumbnail_default = {
-  "thumbnailContainer": "hzvr1",
-  "thumbnail": "_-0NtI",
-  "placementTOP": "oQfrW",
-  "placementBOTTOM": "xMq-P",
-  "placementLEFT": "GWUlT",
-  "placementRIGHT": "-Pce3",
-  "placementNONE": "VaFcV",
-  "thumbnailNavigation": "-fYG2",
-  "thumbnailList": "_0eqS0",
-  "thumbnailItem": "agBxG",
-  "thumbnailButton": "dGwEG"
+  "thumbnailContainer": "fsb1v",
+  "thumbnail": "GvQMy",
+  "placementTOP": "GS55t",
+  "placementBOTTOM": "_9asUr",
+  "placementLEFT": "_6-gat",
+  "placementRIGHT": "Er9Jh",
+  "placementNONE": "_6k-TY",
+  "thumbnailNavigation": "ILyqH",
+  "thumbnailList": "RelVA",
+  "thumbnailItem": "e9-tD",
+  "thumbnailButton": "_0XZhJ"
 };
 //# sourceMappingURL=layout-thumbnail-scss.js.map

package/dist/cjs/plugin-gallery/viewer/layout-thumbnail-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-gallery/viewer/layout-thumbnail.scss"],
-  "sourcesContent": ["export default {\n  \"thumbnailContainer\": \"hzvr1\",\n  \"thumbnail\": \"_-0NtI\",\n  \"placementTOP\": \"oQfrW\",\n  \"placementBOTTOM\": \"xMq-P\",\n  \"placementLEFT\": \"GWUlT\",\n  \"placementRIGHT\": \"-Pce3\",\n  \"placementNONE\": \"VaFcV\",\n  \"thumbnailNavigation\": \"-fYG2\",\n  \"thumbnailList\": \"_0eqS0\",\n  \"thumbnailItem\": \"agBxG\",\n  \"thumbnailButton\": \"dGwEG\"\n};"],
+  "sourcesContent": ["export default {\n  \"thumbnailContainer\": \"fsb1v\",\n  \"thumbnail\": \"GvQMy\",\n  \"placementTOP\": \"GS55t\",\n  \"placementBOTTOM\": \"_9asUr\",\n  \"placementLEFT\": \"_6-gat\",\n  \"placementRIGHT\": \"Er9Jh\",\n  \"placementNONE\": \"_6k-TY\",\n  \"thumbnailNavigation\": \"ILyqH\",\n  \"thumbnailList\": \"RelVA\",\n  \"thumbnailItem\": \"e9-tD\",\n  \"thumbnailButton\": \"_0XZhJ\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,2BAAQ;AAAA,EACb,sBAAsB;AAAA,EACtB,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/plugin-giphy/components/giphy-selector-scss.js

@@ -22,14 +22,14 @@ __export(giphy_selector_exports, {
 });
 module.exports = __toCommonJS(giphy_selector_exports);
 var giphy_selector_default = {
-  "giphy_selector_infinite_scroll_container": "v5hD1",
-  "giphySelectorErrorContainer": "_-5vlK",
-  "mobile": "nzgdk",
-  "giphy_selector_infinite_scroll": "Q608J",
-  "giphy_selector_powerdByGiphy": "J-Wz-",
-  "giphy_selector_gif_img_container": "QoWL-",
-  "giphy_selector_spinner_load_more": "_-2oo6",
-  "giphy_selector_spinner_empty_modal": "qjR83",
-  "searchInput": "_9LySF"
+  "giphy_selector_infinite_scroll_container": "sfdtn",
+  "giphySelectorErrorContainer": "_6uL7D",
+  "mobile": "uX3ba",
+  "giphy_selector_infinite_scroll": "eTcKI",
+  "giphy_selector_powerdByGiphy": "JIOwD",
+  "giphy_selector_gif_img_container": "BBCia",
+  "giphy_selector_spinner_load_more": "UHcC1",
+  "giphy_selector_spinner_empty_modal": "ury3A",
+  "searchInput": "p-bB7"
 };
 //# sourceMappingURL=giphy-selector-scss.js.map

package/dist/cjs/plugin-giphy/components/giphy-selector-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/components/giphy-selector.scss"],
-  "sourcesContent": ["export default {\n  \"giphy_selector_infinite_scroll_container\": \"v5hD1\",\n  \"giphySelectorErrorContainer\": \"_-5vlK\",\n  \"mobile\": \"nzgdk\",\n  \"giphy_selector_infinite_scroll\": \"Q608J\",\n  \"giphy_selector_powerdByGiphy\": \"J-Wz-\",\n  \"giphy_selector_gif_img_container\": \"QoWL-\",\n  \"giphy_selector_spinner_load_more\": \"_-2oo6\",\n  \"giphy_selector_spinner_empty_modal\": \"qjR83\",\n  \"searchInput\": \"_9LySF\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphy_selector_infinite_scroll_container\": \"sfdtn\",\n  \"giphySelectorErrorContainer\": \"_6uL7D\",\n  \"mobile\": \"uX3ba\",\n  \"giphy_selector_infinite_scroll\": \"eTcKI\",\n  \"giphy_selector_powerdByGiphy\": \"JIOwD\",\n  \"giphy_selector_gif_img_container\": \"BBCia\",\n  \"giphy_selector_spinner_load_more\": \"UHcC1\",\n  \"giphy_selector_spinner_empty_modal\": \"ury3A\",\n  \"searchInput\": \"p-bB7\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,4CAA4C;AAAA,EAC5C,+BAA+B;AAAA,EAC/B,UAAU;AAAA,EACV,kCAAkC;AAAA,EAClC,gCAAgC;AAAA,EAChC,oCAAoC;AAAA,EACpC,oCAAoC;AAAA,EACpC,sCAAsC;AAAA,EACtC,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-giphy/viewer/giphy-viewer-scss.js

@@ -22,9 +22,9 @@ __export(giphy_viewer_exports, {
 });
 module.exports = __toCommonJS(giphy_viewer_exports);
 var giphy_viewer_default = {
-  "giphyWrapper": "XvGCW",
-  "giphy_player": "vBTSU",
-  "playIcon": "BZp7O",
-  "gifRatio": "_9q8os"
+  "giphyWrapper": "-Fidk",
+  "giphy_player": "zmS6p",
+  "playIcon": "zuJ0U",
+  "gifRatio": "Kn8Ng"
 };
 //# sourceMappingURL=giphy-viewer-scss.js.map

package/dist/cjs/plugin-giphy/viewer/giphy-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/viewer/giphy-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"giphyWrapper\": \"XvGCW\",\n  \"giphy_player\": \"vBTSU\",\n  \"playIcon\": \"BZp7O\",\n  \"gifRatio\": \"_9q8os\"\n};"],
+  "sourcesContent": ["export default {\n  \"giphyWrapper\": \"-Fidk\",\n  \"giphy_player\": \"zmS6p\",\n  \"playIcon\": \"zuJ0U\",\n  \"gifRatio\": \"Kn8Ng\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/plugin-giphy/viewer/play-icon-scss.js

@@ -22,7 +22,7 @@ __export(play_icon_exports, {
 });
 module.exports = __toCommonJS(play_icon_exports);
 var play_icon_default = {
-  "shadow": "pKYGI",
-  "playIcon": "_6idJq"
+  "shadow": "_5piKs",
+  "playIcon": "_5GxoG"
 };
 //# sourceMappingURL=play-icon-scss.js.map

package/dist/cjs/plugin-giphy/viewer/play-icon-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-giphy/viewer/play-icon.scss"],
-  "sourcesContent": ["export default {\n  \"shadow\": \"pKYGI\",\n  \"playIcon\": \"_6idJq\"\n};"],
+  "sourcesContent": ["export default {\n  \"shadow\": \"_5piKs\",\n  \"playIcon\": \"_5GxoG\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oBAAQ;AAAA,EACb,UAAU;AAAA,EACV,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/plugin-hashtag/statics/hashtag-scss.js

@@ -22,7 +22,7 @@ __export(hashtag_exports, {
 });
 module.exports = __toCommonJS(hashtag_exports);
 var hashtag_default = {
-  "fontElementMap": "pD2dO",
-  "hashtag": "OI-J3"
+  "fontElementMap": "rLzDt",
+  "hashtag": "XDRM6"
 };
 //# sourceMappingURL=hashtag-scss.js.map

package/dist/cjs/plugin-hashtag/statics/hashtag-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-hashtag/statics/hashtag.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"pD2dO\",\n  \"hashtag\": \"OI-J3\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"rLzDt\",\n  \"hashtag\": \"XDRM6\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-headings/dropdown/headings-dropdown-scss.js

@@ -22,10 +22,10 @@ __export(headings_dropdown_exports, {
 });
 module.exports = __toCommonJS(headings_dropdown_exports);
 var headings_dropdown_default = {
-  "dropdown": "Ac8es",
-  "panel": "c1mY7",
-  "option": "Yr2fS",
-  "infoIcon": "DN8gU",
-  "mobileContent": "_1f-oQ"
+  "dropdown": "kkTbt",
+  "panel": "hSVX3",
+  "option": "DZp1l",
+  "infoIcon": "byQ4S",
+  "mobileContent": "VFidJ"
 };
 //# sourceMappingURL=headings-dropdown-scss.js.map

package/dist/cjs/plugin-headings/dropdown/headings-dropdown-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-headings/dropdown/headings-dropdown.scss"],
-  "sourcesContent": ["export default {\n  \"dropdown\": \"Ac8es\",\n  \"panel\": \"c1mY7\",\n  \"option\": \"Yr2fS\",\n  \"infoIcon\": \"DN8gU\",\n  \"mobileContent\": \"_1f-oQ\"\n};"],
+  "sourcesContent": ["export default {\n  \"dropdown\": \"kkTbt\",\n  \"panel\": \"hSVX3\",\n  \"option\": \"DZp1l\",\n  \"infoIcon\": \"byQ4S\",\n  \"mobileContent\": \"VFidJ\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/plugin-html/statics/styles/HtmlComponent-scss.js

@@ -22,7 +22,7 @@ __export(HtmlComponent_exports, {
 });
 module.exports = __toCommonJS(HtmlComponent_exports);
 var HtmlComponent_default = {
-  "htmlComponent": "dtNk7",
-  "htmlComponent_placeholder": "X6B5s"
+  "htmlComponent": "_1xOvm",
+  "htmlComponent_placeholder": "tC7p1"
 };
 //# sourceMappingURL=HtmlComponent-scss.js.map

package/dist/cjs/plugin-html/statics/styles/HtmlComponent-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/HtmlComponent.scss"],
-  "sourcesContent": ["export default {\n  \"htmlComponent\": \"dtNk7\",\n  \"htmlComponent_placeholder\": \"X6B5s\"\n};"],
+  "sourcesContent": ["export default {\n  \"htmlComponent\": \"_1xOvm\",\n  \"htmlComponent_placeholder\": \"tC7p1\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,iBAAiB;AAAA,EACjB,6BAA6B;AAC/B;",
   "names": []
 }

package/dist/cjs/plugin-html/statics/styles/Iframe-scss.js

@@ -22,6 +22,6 @@ __export(Iframe_exports, {
 });
 module.exports = __toCommonJS(Iframe_exports);
 var Iframe_default = {
-  "iframe": "pF8gB"
+  "iframe": "B7hAB"
 };
 //# sourceMappingURL=Iframe-scss.js.map

package/dist/cjs/plugin-html/statics/styles/Iframe-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/statics/styles/Iframe.scss"],
-  "sourcesContent": ["export default {\n  \"iframe\": \"pF8gB\"\n};"],
+  "sourcesContent": ["export default {\n  \"iframe\": \"B7hAB\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/plugin-html/tiptap/ai-widget-scss.js

@@ -22,7 +22,7 @@ __export(ai_widget_exports, {
 });
 module.exports = __toCommonJS(ai_widget_exports);
 var ai_widget_default = {
-  "wrapper": "_3jdFW",
-  "promptInputArea": "Nfhzb"
+  "wrapper": "_3ok-X",
+  "promptInputArea": "gguBo"
 };
 //# sourceMappingURL=ai-widget-scss.js.map

package/dist/cjs/plugin-html/tiptap/ai-widget-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/tiptap/ai-widget.scss"],
-  "sourcesContent": ["export default {\n  \"wrapper\": \"_3jdFW\",\n  \"promptInputArea\": \"Nfhzb\"\n};"],
+  "sourcesContent": ["export default {\n  \"wrapper\": \"_3ok-X\",\n  \"promptInputArea\": \"gguBo\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oBAAQ;AAAA,EACb,WAAW;AAAA,EACX,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/plugin-html/tiptap/loader-scss.js

@@ -22,14 +22,14 @@ __export(loader_exports, {
 });
 module.exports = __toCommonJS(loader_exports);
 var loader_default = {
-  "root": "DbmWI",
-  "leftSide": "ZiR9t",
-  "scroller": "Xxv9w",
-  "scrollerInner": "hJSQ8",
-  "scroll": "nWSkw",
-  "icon": "Z27O-",
-  "visible": "_5VApl",
-  "lifecycle": "I0ab6",
-  "line": "D-ymF"
+  "root": "a8YSo",
+  "leftSide": "jgK0s",
+  "scroller": "ZjnWi",
+  "scrollerInner": "_2HazR",
+  "scroll": "_8kT8M",
+  "icon": "Hwgdk",
+  "visible": "oHa6x",
+  "lifecycle": "_8JAGB",
+  "line": "KzVto"
 };
 //# sourceMappingURL=loader-scss.js.map

package/dist/cjs/plugin-html/tiptap/loader-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/tiptap/loader.scss"],
-  "sourcesContent": ["export default {\n  \"root\": \"DbmWI\",\n  \"leftSide\": \"ZiR9t\",\n  \"scroller\": \"Xxv9w\",\n  \"scrollerInner\": \"hJSQ8\",\n  \"scroll\": \"nWSkw\",\n  \"icon\": \"Z27O-\",\n  \"visible\": \"_5VApl\",\n  \"lifecycle\": \"I0ab6\",\n  \"line\": \"D-ymF\"\n};"],
+  "sourcesContent": ["export default {\n  \"root\": \"a8YSo\",\n  \"leftSide\": \"jgK0s\",\n  \"scroller\": \"ZjnWi\",\n  \"scrollerInner\": \"_2HazR\",\n  \"scroll\": \"_8kT8M\",\n  \"icon\": \"Hwgdk\",\n  \"visible\": \"oHa6x\",\n  \"lifecycle\": \"_8JAGB\",\n  \"line\": \"KzVto\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,aAAa;AAAA,EACb,QAAQ;AACV;",
   "names": []
 }

package/dist/cjs/plugin-html/tiptap/preset-bar/preset-bar-scss.js

@@ -22,7 +22,7 @@ __export(preset_bar_exports, {
 });
 module.exports = __toCommonJS(preset_bar_exports);
 var preset_bar_default = {
-  "root": "Ynyzh",
-  "presetListItem": "Wlfpw"
+  "root": "_4A5SX",
+  "presetListItem": "h3qGf"
 };
 //# sourceMappingURL=preset-bar-scss.js.map

package/dist/cjs/plugin-html/tiptap/preset-bar/preset-bar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/tiptap/preset-bar/preset-bar.scss"],
-  "sourcesContent": ["export default {\n  \"root\": \"Ynyzh\",\n  \"presetListItem\": \"Wlfpw\"\n};"],
+  "sourcesContent": ["export default {\n  \"root\": \"_4A5SX\",\n  \"presetListItem\": \"h3qGf\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/plugin-html/viewer/html-viewer.js

@@ -44,6 +44,22 @@ var import_iframe_widget = require("../iframe-widget.js");
 var import_HtmlComponent_scss = __toESM(require("../statics/styles/HtmlComponent-scss.js"));
 const LAZY_ROOT_MARGIN = "100% 0px";
 const HEIGHT_SETTLE_MS = 2e3;
+const MAX_USED_EMBEDS = 3;
+const FOCUS_POLL_MS = 1e3;
+const usedEmbeds = [];
+const setEmbedUsed = (setIsUsed, isUsed) => {
+  const index = usedEmbeds.indexOf(setIsUsed);
+  if (index !== -1) {
+    usedEmbeds.splice(index, 1);
+  }
+  if (isUsed) {
+    usedEmbeds.push(setIsUsed);
+    if (usedEmbeds.length > MAX_USED_EMBEDS) {
+      usedEmbeds.shift()?.(false);
+    }
+  }
+  setIsUsed(isUsed);
+};
 const getPageURL = (siteDomain) => {
   if (!siteDomain) {
     return;
@@ -108,6 +124,8 @@ const HtmlViewer = import_react.default.forwardRef(
     const [isNearViewport, setIsNearViewport] = (0, import_react.useState)(!isLazy);
     const [isHeightSettled, setIsHeightSettled] = (0, import_react.useState)(!reportsHeight);
     const [isIframeRendered, setIsIframeRendered] = (0, import_react.useState)(!isLazy);
+    const [isUsed, setIsUsed] = (0, import_react.useState)(false);
+    const hasFocus = () => !!rootRef.current?.contains(document.activeElement);
     (0, import_react.useEffect)(() => {
       const root = rootRef.current;
       if (!isLazy || !root || typeof IntersectionObserver === "undefined") {
@@ -129,17 +147,32 @@ const HtmlViewer = import_react.default.forwardRef(
       const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);
       return () => clearTimeout(timeout);
     }, [isLazy, iframeHeight]);
+    (0, import_react.useEffect)(() => {
+      if (!isLazy || !isIframeRendered) {
+        return;
+      }
+      const interval = setInterval(
+        () => hasFocus() && setEmbedUsed(setIsUsed, true),
+        FOCUS_POLL_MS
+      );
+      return () => clearInterval(interval);
+    }, [isLazy, isIframeRendered]);
     (0, import_react.useEffect)(() => {
       if (isNearViewport) {
         setIsIframeRendered(true);
-      } else if (isHeightSettled) {
+      } else if (isHeightSettled && !isUsed) {
+        if (hasFocus()) {
+          setEmbedUsed(setIsUsed, true);
+          return;
+        }
         clearTimeout(heightLockRef.current?.release);
         heightLockRef.current = iframeHeight && rootRef.current ? { height: iframeHeight, width: rootRef.current.offsetWidth } : void 0;
         setIsIframeRendered(false);
       }
-    }, [isNearViewport, isHeightSettled]);
+    }, [isNearViewport, isHeightSettled, isUsed]);
     (0, import_react.useEffect)(
       () => () => {
+        setEmbedUsed(setIsUsed, false);
         clearTimeout(heightLockRef.current?.release);
         heightLockRef.current = void 0;
       },

package/dist/cjs/plugin-html/viewer/html-viewer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/viewer/html-viewer.tsx"],
-  "sourcesContent": ["import React, {\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { HTMLData } from './../../ricos-schema/next-schema/index.js';\nimport type { LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { containsUrl } from './../../_shared/link/contains-url.js';\nimport { normalizeUrl } from './../../_shared/link/normalize-url.js';\n\nimport { HTML_VIEWER_ROOT } from '../data-hooks.js';\nimport {\n  INIT_HEIGHT,\n  INIT_WIDTH,\n  SRC_TYPE_HTML,\n  SRC_TYPE_URL,\n  SRC_TYPE_WIDGET,\n} from '../defaults.js';\nimport { htmlFixer } from '../html-fixer.js';\nimport { IframeHtml } from '../iframe-html.js';\nimport { IframeUrl } from '../iframe-url.js';\nimport { IframeWidget } from '../iframe-widget.js';\nimport htmlStyles from '../statics/styles/HtmlComponent-scss.js';\n\n// Mobile Safari kills a tab that keeps dozens of embed iframes alive (RICH-2296), so the mobile\n// viewer keeps an embed's iframe only while the embed is within a screen of the viewport\nconst LAZY_ROOT_MARGIN = '100% 0px';\n// How long a height must stay unchanged to count as final, both before an embed is unloaded\n// and before a reloaded embed's new height replaces the one it kept\nconst HEIGHT_SETTLE_MS = 2000;\n\nconst getPageURL = (siteDomain: string) => {\n  if (!siteDomain) {\n    return;\n  }\n\n  const regex = /http.+com/gm;\n  const res = regex.exec(siteDomain);\n  if (res) {\n    return res[0];\n  }\n};\n\nexport type HtmlViewerProps = {\n  settings: LegacyEditorPluginConfig;\n  htmlData: HTMLData;\n  iframeSandboxDomain?: string;\n  isViewer?: boolean;\n  onIframeHeightChange?: (height: number) => void;\n};\n\nexport const HtmlViewer = React.forwardRef<HTMLDivElement, HtmlViewerProps>(\n  ({ settings, htmlData, iframeSandboxDomain, onIframeHeightChange, isViewer = false }, ref) => {\n    const { isMobile } = useContext(RicosContext);\n    const isLazy = isMobile && isViewer;\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n    const [iframeHeight, setIframeHeight] = useState<number | undefined>();\n    const heightLockRef = useRef<{\n      height: number;\n      width: number;\n      candidate?: number;\n      release?: ReturnType<typeof setTimeout>;\n    }>();\n\n    const setHeight = (height: number) => {\n      // Also drops malformed messages, whose height can be NaN or missing\n      if (!(height > 0)) {\n        return;\n      }\n      const lock = heightLockRef.current;\n      if (lock && lock.width === rootRef.current?.offsetWidth && height !== lock.height) {\n        // A reloaded iframe reports heights before its content renders; keep the measured one\n        // until the reload reports it again or settles on a new one, so reloading never shifts\n        // the page. The sandbox repeats unchanged heights, so only a new one restarts the wait\n        if (height !== lock.candidate) {\n          clearTimeout(lock.release);\n          lock.candidate = height;\n          lock.release = setTimeout(() => {\n            heightLockRef.current = undefined;\n            setIframeHeight(height);\n          }, HEIGHT_SETTLE_MS);\n        }\n        return;\n      }\n      clearTimeout(lock?.release);\n      heightLockRef.current = undefined;\n      setIframeHeight(height);\n    };\n\n    const getIframeHeight = useMemo(() => {\n      const { containerData, autoHeight } = htmlData;\n\n      if (autoHeight !== false && iframeHeight) {\n        onIframeHeightChange?.(iframeHeight);\n\n        return iframeHeight;\n      }\n\n      const customHeight = containerData?.height?.custom;\n\n      const parsedCustomHeight = parseInt(customHeight || '');\n      if (\n        !customHeight ||\n        (typeof customHeight === 'string' && customHeight.endsWith('%')) ||\n        isNaN(parsedCustomHeight)\n      ) {\n        return iframeHeight || settings.height || INIT_HEIGHT;\n      }\n\n      return parsedCustomHeight;\n    }, [htmlData, settings.height, iframeHeight]);\n\n    const style = {\n      width: isMobile\n        ? 'auto'\n        : htmlData.containerData?.width?.custom || settings.width || INIT_WIDTH + 'px',\n      height: getIframeHeight + 'px',\n      maxHeight: getIframeHeight + 'px',\n    };\n\n    const html = useMemo(() => {\n      const pageURL = getPageURL(settings.siteDomain);\n      return htmlFixer(htmlData.html, pageURL);\n    }, [htmlData.html]);\n\n    const reportsHeight = !!htmlData.widgetId || !!html;\n    const [isNearViewport, setIsNearViewport] = useState(!isLazy);\n    const [isHeightSettled, setIsHeightSettled] = useState(!reportsHeight);\n    const [isIframeRendered, setIsIframeRendered] = useState(!isLazy);\n\n    useEffect(() => {\n      const root = rootRef.current;\n      if (!isLazy || !root || typeof IntersectionObserver === 'undefined') {\n        // Also renders embeds that were unloaded before the viewer left mobile mode\n        setIsNearViewport(true);\n        return;\n      }\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsNearViewport(entry.isIntersecting),\n        { rootMargin: LAZY_ROOT_MARGIN }\n      );\n      observer.observe(root);\n      return () => observer.disconnect();\n    }, [isLazy]);\n\n    useEffect(() => {\n      if (!isLazy || !iframeHeight) {\n        return;\n      }\n      setIsHeightSettled(false);\n      const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);\n      return () => clearTimeout(timeout);\n    }, [isLazy, iframeHeight]);\n\n    useEffect(() => {\n      if (isNearViewport) {\n        setIsIframeRendered(true);\n      } else if (isHeightSettled) {\n        // The container keeps its explicit height, so removing the iframe doesn't move the page\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current =\n          iframeHeight && rootRef.current\n            ? { height: iframeHeight, width: rootRef.current.offsetWidth }\n            : undefined;\n        setIsIframeRendered(false);\n      }\n    }, [isNearViewport, isHeightSettled]);\n\n    // A kept height belongs to the content it was measured for\n    useEffect(\n      () => () => {\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current = undefined;\n      },\n      [html, htmlData.url, htmlData.widgetId]\n    );\n\n    return (\n      <div\n        className={htmlStyles.htmlComponent}\n        style={style}\n        data-hook={HTML_VIEWER_ROOT}\n        ref={rootRef}\n      >\n        {!isIframeRendered ? null : htmlData.widgetId ? (\n          <IframeWidget\n            key={SRC_TYPE_WIDGET}\n            widgetId={htmlData.widgetId}\n            isViewer={isViewer}\n            onHeightChange={setHeight}\n            colorPalette={settings.getColorPalette?.()}\n          />\n        ) : html ? (\n          <IframeHtml\n            iframeSandboxDomain={iframeSandboxDomain || 'https://www.filesusr.com'}\n            key={SRC_TYPE_HTML}\n            html={html}\n            onHeightChange={setHeight}\n            isViewer={isViewer}\n          />\n        ) : htmlData.url && containsUrl(htmlData.url) ? (\n          <IframeUrl\n            key={SRC_TYPE_URL}\n            // @ts-ignore\n            tabIndex={0}\n            src={normalizeUrl(htmlData.url)}\n            isViewer={isViewer}\n          />\n        ) : (\n          <div className={htmlStyles.htmlComponent_placeholder} />\n        )}\n      </div>\n    );\n  }\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAOO;AAEP,2BAA6B;AAG7B,0BAA4B;AAC5B,2BAA6B;AAE7B,wBAAiC;AACjC,sBAMO;AACP,wBAA0B;AAC1B,yBAA2B;AAC3B,wBAA0B;AAC1B,2BAA6B;AAC7B,gCAAuB;AAIvB,MAAM,mBAAmB;AAGzB,MAAM,mBAAmB;AAEzB,MAAM,aAAa,CAAC,eAAuB;AACzC,MAAI,CAAC,YAAY;AACf;AAAA,EACF;AAEA,QAAM,QAAQ;AACd,QAAM,MAAM,MAAM,KAAK,UAAU;AACjC,MAAI,KAAK;AACP,WAAO,IAAI,CAAC;AAAA,EACd;AACF;AAUO,MAAM,aAAa,aAAAA,QAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,UAAU,qBAAqB,sBAAsB,WAAW,MAAM,GAAG,QAAQ;AAC5F,UAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,UAAM,SAAS,YAAY;AAC3B,UAAM,cAAU,qBAAuB,IAAI;AAC3C,0CAAoB,KAAK,MAAM,QAAQ,OAAyB;AAChE,UAAM,CAAC,cAAc,eAAe,QAAI,uBAA6B;AACrE,UAAM,oBAAgB,qBAKnB;AAEH,UAAM,YAAY,CAAC,WAAmB;AAEpC,UAAI,EAAE,SAAS,IAAI;AACjB;AAAA,MACF;AACA,YAAM,OAAO,cAAc;AAC3B,UAAI,QAAQ,KAAK,UAAU,QAAQ,SAAS,eAAe,WAAW,KAAK,QAAQ;AAIjF,YAAI,WAAW,KAAK,WAAW;AAC7B,uBAAa,KAAK,OAAO;AACzB,eAAK,YAAY;AACjB,eAAK,UAAU,WAAW,MAAM;AAC9B,0BAAc,UAAU;AACxB,4BAAgB,MAAM;AAAA,UACxB,GAAG,gBAAgB;AAAA,QACrB;AACA;AAAA,MACF;AACA,mBAAa,MAAM,OAAO;AAC1B,oBAAc,UAAU;AACxB,sBAAgB,MAAM;AAAA,IACxB;AAEA,UAAM,sBAAkB,sBAAQ,MAAM;AACpC,YAAM,EAAE,eAAe,WAAW,IAAI;AAEtC,UAAI,eAAe,SAAS,cAAc;AACxC,+BAAuB,YAAY;AAEnC,eAAO;AAAA,MACT;AAEA,YAAM,eAAe,eAAe,QAAQ;AAE5C,YAAM,qBAAqB,SAAS,gBAAgB,EAAE;AACtD,UACE,CAAC,gBACA,OAAO,iBAAiB,YAAY,aAAa,SAAS,GAAG,KAC9D,MAAM,kBAAkB,GACxB;AACA,eAAO,gBAAgB,SAAS,UAAU;AAAA,MAC5C;AAEA,aAAO;AAAA,IACT,GAAG,CAAC,UAAU,SAAS,QAAQ,YAAY,CAAC;AAE5C,UAAM,QAAQ;AAAA,MACZ,OAAO,WACH,SACA,SAAS,eAAe,OAAO,UAAU,SAAS,SAAS,6BAAa;AAAA,MAC5E,QAAQ,kBAAkB;AAAA,MAC1B,WAAW,kBAAkB;AAAA,IAC/B;AAEA,UAAM,WAAO,sBAAQ,MAAM;AACzB,YAAM,UAAU,WAAW,SAAS,UAAU;AAC9C,iBAAO,6BAAU,SAAS,MAAM,OAAO;AAAA,IACzC,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,UAAM,gBAAgB,CAAC,CAAC,SAAS,YAAY,CAAC,CAAC;AAC/C,UAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAS,CAAC,MAAM;AAC5D,UAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,CAAC,aAAa;AACrE,UAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAS,CAAC,MAAM;AAEhE,gCAAU,MAAM;AACd,YAAM,OAAO,QAAQ;AACrB,UAAI,CAAC,UAAU,CAAC,QAAQ,OAAO,yBAAyB,aAAa;AAEnE,0BAAkB,IAAI;AACtB;AAAA,MACF;AACA,YAAM,WAAW,IAAI;AAAA,QACnB,CAAC,CAAC,KAAK,MAAM,kBAAkB,MAAM,cAAc;AAAA,QACnD,EAAE,YAAY,iBAAiB;AAAA,MACjC;AACA,eAAS,QAAQ,IAAI;AACrB,aAAO,MAAM,SAAS,WAAW;AAAA,IACnC,GAAG,CAAC,MAAM,CAAC;AAEX,gCAAU,MAAM;AACd,UAAI,CAAC,UAAU,CAAC,cAAc;AAC5B;AAAA,MACF;AACA,yBAAmB,KAAK;AACxB,YAAM,UAAU,WAAW,MAAM,mBAAmB,IAAI,GAAG,gBAAgB;AAC3E,aAAO,MAAM,aAAa,OAAO;AAAA,IACnC,GAAG,CAAC,QAAQ,YAAY,CAAC;AAEzB,gCAAU,MAAM;AACd,UAAI,gBAAgB;AAClB,4BAAoB,IAAI;AAAA,MAC1B,WAAW,iBAAiB;AAE1B,qBAAa,cAAc,SAAS,OAAO;AAC3C,sBAAc,UACZ,gBAAgB,QAAQ,UACpB,EAAE,QAAQ,cAAc,OAAO,QAAQ,QAAQ,YAAY,IAC3D;AACN,4BAAoB,KAAK;AAAA,MAC3B;AAAA,IACF,GAAG,CAAC,gBAAgB,eAAe,CAAC;AAGpC;AAAA,MACE,MAAM,MAAM;AACV,qBAAa,cAAc,SAAS,OAAO;AAC3C,sBAAc,UAAU;AAAA,MAC1B;AAAA,MACA,CAAC,MAAM,SAAS,KAAK,SAAS,QAAQ;AAAA,IACxC;AAEA,WACE,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,0BAAAC,QAAW;AAAA,QACtB;AAAA,QACA,aAAW;AAAA,QACX,KAAK;AAAA;AAAA,MAEJ,CAAC,mBAAmB,OAAO,SAAS,WACnC,6BAAAD,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,UAAU,SAAS;AAAA,UACnB;AAAA,UACA,gBAAgB;AAAA,UAChB,cAAc,SAAS,kBAAkB;AAAA;AAAA,MAC3C,IACE,OACF,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,qBAAqB,uBAAuB;AAAA,UAC5C,KAAK;AAAA,UACL;AAAA,UACA,gBAAgB;AAAA,UAChB;AAAA;AAAA,MACF,IACE,SAAS,WAAO,iCAAY,SAAS,GAAG,IAC1C,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UAEL,UAAU;AAAA,UACV,SAAK,mCAAa,SAAS,GAAG;AAAA,UAC9B;AAAA;AAAA,MACF,IAEA,6BAAAA,QAAA,cAAC,SAAI,WAAW,0BAAAC,QAAW,2BAA2B;AAAA,IAE1D;AAAA,EAEJ;AACF;",
+  "sourcesContent": ["import React, {\n  useContext,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { HTMLData } from './../../ricos-schema/next-schema/index.js';\nimport type { LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { containsUrl } from './../../_shared/link/contains-url.js';\nimport { normalizeUrl } from './../../_shared/link/normalize-url.js';\n\nimport { HTML_VIEWER_ROOT } from '../data-hooks.js';\nimport {\n  INIT_HEIGHT,\n  INIT_WIDTH,\n  SRC_TYPE_HTML,\n  SRC_TYPE_URL,\n  SRC_TYPE_WIDGET,\n} from '../defaults.js';\nimport { htmlFixer } from '../html-fixer.js';\nimport { IframeHtml } from '../iframe-html.js';\nimport { IframeUrl } from '../iframe-url.js';\nimport { IframeWidget } from '../iframe-widget.js';\nimport htmlStyles from '../statics/styles/HtmlComponent-scss.js';\n\n// Mobile Safari kills a tab that keeps dozens of embed iframes alive (RICH-2296), so the mobile\n// viewer keeps an embed's iframe only while the embed is within a screen of the viewport\nconst LAZY_ROOT_MARGIN = '100% 0px';\n// How long a height must stay unchanged to count as final, both before an embed is unloaded\n// and before a reloaded embed's new height replaces the one it kept\nconst HEIGHT_SETTLE_MS = 2000;\n// Unloading an embed stops the audio or video playing in it, and the page can't see what a\n// cross-origin iframe plays. Sound only starts after a tap, and a tap moves focus into the\n// iframe, so embeds that took focus stay loaded: the latest few, to keep memory bounded.\n// Focus moving from one iframe to another fires no event in the page, so it is polled\nconst MAX_USED_EMBEDS = 3;\nconst FOCUS_POLL_MS = 1000;\nconst usedEmbeds: ((isUsed: boolean) => void)[] = [];\n\nconst setEmbedUsed = (setIsUsed: (isUsed: boolean) => void, isUsed: boolean) => {\n  const index = usedEmbeds.indexOf(setIsUsed);\n  if (index !== -1) {\n    usedEmbeds.splice(index, 1);\n  }\n  if (isUsed) {\n    usedEmbeds.push(setIsUsed);\n    if (usedEmbeds.length > MAX_USED_EMBEDS) {\n      usedEmbeds.shift()?.(false);\n    }\n  }\n  setIsUsed(isUsed);\n};\n\nconst getPageURL = (siteDomain: string) => {\n  if (!siteDomain) {\n    return;\n  }\n\n  const regex = /http.+com/gm;\n  const res = regex.exec(siteDomain);\n  if (res) {\n    return res[0];\n  }\n};\n\nexport type HtmlViewerProps = {\n  settings: LegacyEditorPluginConfig;\n  htmlData: HTMLData;\n  iframeSandboxDomain?: string;\n  isViewer?: boolean;\n  onIframeHeightChange?: (height: number) => void;\n};\n\nexport const HtmlViewer = React.forwardRef<HTMLDivElement, HtmlViewerProps>(\n  ({ settings, htmlData, iframeSandboxDomain, onIframeHeightChange, isViewer = false }, ref) => {\n    const { isMobile } = useContext(RicosContext);\n    const isLazy = isMobile && isViewer;\n    const rootRef = useRef<HTMLDivElement>(null);\n    useImperativeHandle(ref, () => rootRef.current as HTMLDivElement);\n    const [iframeHeight, setIframeHeight] = useState<number | undefined>();\n    const heightLockRef = useRef<{\n      height: number;\n      width: number;\n      candidate?: number;\n      release?: ReturnType<typeof setTimeout>;\n    }>();\n\n    const setHeight = (height: number) => {\n      // Also drops malformed messages, whose height can be NaN or missing\n      if (!(height > 0)) {\n        return;\n      }\n      const lock = heightLockRef.current;\n      if (lock && lock.width === rootRef.current?.offsetWidth && height !== lock.height) {\n        // A reloaded iframe reports heights before its content renders; keep the measured one\n        // until the reload reports it again or settles on a new one, so reloading never shifts\n        // the page. The sandbox repeats unchanged heights, so only a new one restarts the wait\n        if (height !== lock.candidate) {\n          clearTimeout(lock.release);\n          lock.candidate = height;\n          lock.release = setTimeout(() => {\n            heightLockRef.current = undefined;\n            setIframeHeight(height);\n          }, HEIGHT_SETTLE_MS);\n        }\n        return;\n      }\n      clearTimeout(lock?.release);\n      heightLockRef.current = undefined;\n      setIframeHeight(height);\n    };\n\n    const getIframeHeight = useMemo(() => {\n      const { containerData, autoHeight } = htmlData;\n\n      if (autoHeight !== false && iframeHeight) {\n        onIframeHeightChange?.(iframeHeight);\n\n        return iframeHeight;\n      }\n\n      const customHeight = containerData?.height?.custom;\n\n      const parsedCustomHeight = parseInt(customHeight || '');\n      if (\n        !customHeight ||\n        (typeof customHeight === 'string' && customHeight.endsWith('%')) ||\n        isNaN(parsedCustomHeight)\n      ) {\n        return iframeHeight || settings.height || INIT_HEIGHT;\n      }\n\n      return parsedCustomHeight;\n    }, [htmlData, settings.height, iframeHeight]);\n\n    const style = {\n      width: isMobile\n        ? 'auto'\n        : htmlData.containerData?.width?.custom || settings.width || INIT_WIDTH + 'px',\n      height: getIframeHeight + 'px',\n      maxHeight: getIframeHeight + 'px',\n    };\n\n    const html = useMemo(() => {\n      const pageURL = getPageURL(settings.siteDomain);\n      return htmlFixer(htmlData.html, pageURL);\n    }, [htmlData.html]);\n\n    const reportsHeight = !!htmlData.widgetId || !!html;\n    const [isNearViewport, setIsNearViewport] = useState(!isLazy);\n    const [isHeightSettled, setIsHeightSettled] = useState(!reportsHeight);\n    const [isIframeRendered, setIsIframeRendered] = useState(!isLazy);\n    const [isUsed, setIsUsed] = useState(false);\n    const hasFocus = () => !!rootRef.current?.contains(document.activeElement);\n\n    useEffect(() => {\n      const root = rootRef.current;\n      if (!isLazy || !root || typeof IntersectionObserver === 'undefined') {\n        // Also renders embeds that were unloaded before the viewer left mobile mode\n        setIsNearViewport(true);\n        return;\n      }\n      const observer = new IntersectionObserver(\n        ([entry]) => setIsNearViewport(entry.isIntersecting),\n        { rootMargin: LAZY_ROOT_MARGIN }\n      );\n      observer.observe(root);\n      return () => observer.disconnect();\n    }, [isLazy]);\n\n    useEffect(() => {\n      if (!isLazy || !iframeHeight) {\n        return;\n      }\n      setIsHeightSettled(false);\n      const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);\n      return () => clearTimeout(timeout);\n    }, [isLazy, iframeHeight]);\n\n    useEffect(() => {\n      if (!isLazy || !isIframeRendered) {\n        return;\n      }\n      const interval = setInterval(\n        () => hasFocus() && setEmbedUsed(setIsUsed, true),\n        FOCUS_POLL_MS\n      );\n      return () => clearInterval(interval);\n    }, [isLazy, isIframeRendered]);\n\n    useEffect(() => {\n      if (isNearViewport) {\n        setIsIframeRendered(true);\n      } else if (isHeightSettled && !isUsed) {\n        // The embed can leave before the next poll\n        if (hasFocus()) {\n          setEmbedUsed(setIsUsed, true);\n          return;\n        }\n        // The container keeps its explicit height, so removing the iframe doesn't move the page\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current =\n          iframeHeight && rootRef.current\n            ? { height: iframeHeight, width: rootRef.current.offsetWidth }\n            : undefined;\n        setIsIframeRendered(false);\n      }\n    }, [isNearViewport, isHeightSettled, isUsed]);\n\n    // A kept height belongs to the content it was measured for, and so does having been used\n    useEffect(\n      () => () => {\n        setEmbedUsed(setIsUsed, false);\n        clearTimeout(heightLockRef.current?.release);\n        heightLockRef.current = undefined;\n      },\n      [html, htmlData.url, htmlData.widgetId]\n    );\n\n    return (\n      <div\n        className={htmlStyles.htmlComponent}\n        style={style}\n        data-hook={HTML_VIEWER_ROOT}\n        ref={rootRef}\n      >\n        {!isIframeRendered ? null : htmlData.widgetId ? (\n          <IframeWidget\n            key={SRC_TYPE_WIDGET}\n            widgetId={htmlData.widgetId}\n            isViewer={isViewer}\n            onHeightChange={setHeight}\n            colorPalette={settings.getColorPalette?.()}\n          />\n        ) : html ? (\n          <IframeHtml\n            iframeSandboxDomain={iframeSandboxDomain || 'https://www.filesusr.com'}\n            key={SRC_TYPE_HTML}\n            html={html}\n            onHeightChange={setHeight}\n            isViewer={isViewer}\n          />\n        ) : htmlData.url && containsUrl(htmlData.url) ? (\n          <IframeUrl\n            key={SRC_TYPE_URL}\n            // @ts-ignore\n            tabIndex={0}\n            src={normalizeUrl(htmlData.url)}\n            isViewer={isViewer}\n          />\n        ) : (\n          <div className={htmlStyles.htmlComponent_placeholder} />\n        )}\n      </div>\n    );\n  }\n);\n"],
+  "mappings": "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",
   "names": ["React", "htmlStyles"]
 }

package/dist/cjs/plugin-image/components/corner-radius-handles-scss.js

@@ -22,9 +22,9 @@ __export(corner_radius_handles_exports, {
 });
 module.exports = __toCommonJS(corner_radius_handles_exports);
 var corner_radius_handles_default = {
-  "overlay": "wDpI2",
-  "handle": "AS0T8",
-  "handleDot": "_8X1ai",
-  "radiusLabel": "hWgJC"
+  "overlay": "pTcr-",
+  "handle": "VOqU7",
+  "handleDot": "CCYS6",
+  "radiusLabel": "j-9-a"
 };
 //# sourceMappingURL=corner-radius-handles-scss.js.map

package/dist/cjs/plugin-image/components/corner-radius-handles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/components/corner-radius-handles.scss"],
-  "sourcesContent": ["export default {\n  \"overlay\": \"wDpI2\",\n  \"handle\": \"AS0T8\",\n  \"handleDot\": \"_8X1ai\",\n  \"radiusLabel\": \"hWgJC\"\n};"],
+  "sourcesContent": ["export default {\n  \"overlay\": \"pTcr-\",\n  \"handle\": \"VOqU7\",\n  \"handleDot\": \"CCYS6\",\n  \"radiusLabel\": \"j-9-a\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-image/components/crop-edge-handles-scss.js

@@ -22,6 +22,6 @@ __export(crop_edge_handles_exports, {
 });
 module.exports = __toCommonJS(crop_edge_handles_exports);
 var crop_edge_handles_default = {
-  "overlay": "xv4zB"
+  "overlay": "GM-g5"
 };
 //# sourceMappingURL=crop-edge-handles-scss.js.map

package/dist/cjs/plugin-image/components/crop-edge-handles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/components/crop-edge-handles.scss"],
-  "sourcesContent": ["export default {\n  \"overlay\": \"xv4zB\"\n};"],
+  "sourcesContent": ["export default {\n  \"overlay\": \"GM-g5\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-image/crop-overlay/crop-overlay-scss.js

@@ -22,19 +22,19 @@ __export(crop_overlay_exports, {
 });
 module.exports = __toCommonJS(crop_overlay_exports);
 var crop_overlay_default = {
-  "overlay": "HXpQj",
-  "fullLayer": "_3njvz",
-  "fullImage": "bgNR-",
-  "mask": "s-xFS",
-  "shapePreview": "fcrkS",
-  "frame": "odXcB",
-  "frameGrid": "_2KkVI",
-  "handle": "SD89k",
-  "bracket": "eK3Ps",
-  "bracketBorder": "xQyxQ",
-  "bracketBody": "mm1O-",
-  "actions": "_0E7rp",
-  "cancelButton": "EerAc",
-  "applyButton": "GZRAx"
+  "overlay": "tI9g9",
+  "fullLayer": "zHq4T",
+  "fullImage": "_3m1MZ",
+  "mask": "yTFOv",
+  "shapePreview": "aP4-R",
+  "frame": "D8ZsB",
+  "frameGrid": "DVpJp",
+  "handle": "kV-g4",
+  "bracket": "_6jp-i",
+  "bracketBorder": "mm5un",
+  "bracketBody": "HY38C",
+  "actions": "a5CYk",
+  "cancelButton": "zQNwN",
+  "applyButton": "L8dTj"
 };
 //# sourceMappingURL=crop-overlay-scss.js.map

package/dist/cjs/plugin-image/crop-overlay/crop-overlay-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/crop-overlay/crop-overlay.scss"],
-  "sourcesContent": ["export default {\n  \"overlay\": \"HXpQj\",\n  \"fullLayer\": \"_3njvz\",\n  \"fullImage\": \"bgNR-\",\n  \"mask\": \"s-xFS\",\n  \"shapePreview\": \"fcrkS\",\n  \"frame\": \"odXcB\",\n  \"frameGrid\": \"_2KkVI\",\n  \"handle\": \"SD89k\",\n  \"bracket\": \"eK3Ps\",\n  \"bracketBorder\": \"xQyxQ\",\n  \"bracketBody\": \"mm1O-\",\n  \"actions\": \"_0E7rp\",\n  \"cancelButton\": \"EerAc\",\n  \"applyButton\": \"GZRAx\"\n};"],
+  "sourcesContent": ["export default {\n  \"overlay\": \"tI9g9\",\n  \"fullLayer\": \"zHq4T\",\n  \"fullImage\": \"_3m1MZ\",\n  \"mask\": \"yTFOv\",\n  \"shapePreview\": \"aP4-R\",\n  \"frame\": \"D8ZsB\",\n  \"frameGrid\": \"DVpJp\",\n  \"handle\": \"kV-g4\",\n  \"bracket\": \"_6jp-i\",\n  \"bracketBorder\": \"mm5un\",\n  \"bracketBody\": \"HY38C\",\n  \"actions\": \"a5CYk\",\n  \"cancelButton\": \"zQNwN\",\n  \"applyButton\": \"L8dTj\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,aAAa;AAAA,EACb,UAAU;AAAA,EACV,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/plugin-image/statics/styles/image-viewer-scss.js

@@ -22,25 +22,25 @@ __export(image_viewer_exports, {
 });
 module.exports = __toCommonJS(image_viewer_exports);
 var image_viewer_default = {
-  "fontElementMap": "qUKCx",
-  "imageContainer": "RNLi6",
-  "expandButton": "UBmtX",
-  "expandIcon": "nAj3y",
-  "pointer": "Iqlih",
-  "imageWrapper": "Cm-gg",
-  "cropClip": "mSbUw",
-  "imageLayer": "RUjne",
-  "cropFullLayer": "_9HSbX",
-  "cropResetButton": "_4gJyX",
-  "cropResetButtonInner": "_2uUjh",
-  "cropResetIcon": "cvCoa",
-  "cropResetMeasurement": "d2yEd",
-  "iconOnly": "_3e-s1",
-  "image": "_7J7qz",
-  "imageOverlay": "n7jye",
-  "imagePreload": "WLObm",
-  "imageHighres": "QP46E",
-  "onlyHighRes": "_6VwWe",
-  "image_loading": "_6Vuxi"
+  "fontElementMap": "RreF9",
+  "imageContainer": "d3Kkv",
+  "expandButton": "ZBjZI",
+  "expandIcon": "z-ldO",
+  "pointer": "_2bk7H",
+  "imageWrapper": "OfSgs",
+  "cropClip": "xasdq",
+  "imageLayer": "acV-s",
+  "cropFullLayer": "uxt8-",
+  "cropResetButton": "pNtxE",
+  "cropResetButtonInner": "xhoWW",
+  "cropResetIcon": "N8Qxn",
+  "cropResetMeasurement": "NJCcy",
+  "iconOnly": "MwV1a",
+  "image": "j5DU2",
+  "imageOverlay": "IVYO2",
+  "imagePreload": "UxVNn",
+  "imageHighres": "eur6w",
+  "onlyHighRes": "_3jPDo",
+  "image_loading": "EwWyy"
 };
 //# sourceMappingURL=image-viewer-scss.js.map

package/dist/cjs/plugin-image/statics/styles/image-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-image/statics/styles/image-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"qUKCx\",\n  \"imageContainer\": \"RNLi6\",\n  \"expandButton\": \"UBmtX\",\n  \"expandIcon\": \"nAj3y\",\n  \"pointer\": \"Iqlih\",\n  \"imageWrapper\": \"Cm-gg\",\n  \"cropClip\": \"mSbUw\",\n  \"imageLayer\": \"RUjne\",\n  \"cropFullLayer\": \"_9HSbX\",\n  \"cropResetButton\": \"_4gJyX\",\n  \"cropResetButtonInner\": \"_2uUjh\",\n  \"cropResetIcon\": \"cvCoa\",\n  \"cropResetMeasurement\": \"d2yEd\",\n  \"iconOnly\": \"_3e-s1\",\n  \"image\": \"_7J7qz\",\n  \"imageOverlay\": \"n7jye\",\n  \"imagePreload\": \"WLObm\",\n  \"imageHighres\": \"QP46E\",\n  \"onlyHighRes\": \"_6VwWe\",\n  \"image_loading\": \"_6Vuxi\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"RreF9\",\n  \"imageContainer\": \"d3Kkv\",\n  \"expandButton\": \"ZBjZI\",\n  \"expandIcon\": \"z-ldO\",\n  \"pointer\": \"_2bk7H\",\n  \"imageWrapper\": \"OfSgs\",\n  \"cropClip\": \"xasdq\",\n  \"imageLayer\": \"acV-s\",\n  \"cropFullLayer\": \"uxt8-\",\n  \"cropResetButton\": \"pNtxE\",\n  \"cropResetButtonInner\": \"xhoWW\",\n  \"cropResetIcon\": \"N8Qxn\",\n  \"cropResetMeasurement\": \"NJCcy\",\n  \"iconOnly\": \"MwV1a\",\n  \"image\": \"j5DU2\",\n  \"imageOverlay\": \"IVYO2\",\n  \"imagePreload\": \"UxVNn\",\n  \"imageHighres\": \"eur6w\",\n  \"onlyHighRes\": \"_3jPDo\",\n  \"image_loading\": \"EwWyy\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,iBAAiB;AAAA,EACjB,wBAAwB;AAAA,EACxB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/plugin-image/statics/styles/settings-modal-scss.js

@@ -22,6 +22,6 @@ __export(settings_modal_exports, {
 });
 module.exports = __toCommonJS(settings_modal_exports);
 var settings_modal_default = {
-  "tabs": "AfFmQ"
+  "tabs": "N-ph3"
 };
 //# sourceMappingURL=settings-modal-scss.js.map