npm - @wix/ricos - Versions diffs - 11.20.6 → 11.21.1 - Mend

@wix/ricos 11.20.6 → 11.21.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1121) hide show

package/dist/es/plugin-hashtag/viewer-styles-inject.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = '0b26ed6b';
+var styleDataHash = 'b281b4ce';
 export const injectCss = (() => {
-  var css = `._7ksYS{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.z5w8V{color:var(--ricos-custom-hashtag-color,var(--ricos-action-color,var(--ricos-custom-p-color,#116dff)));font-family:var(--ricos-custom-hashtag-font-family,unset);font-size:var(--ricos-custom-hashtag-font-size,unset);font-style:var(--ricos-custom-hashtag-font-style,unset);font-weight:var(--ricos-custom-hashtag-font-weight,unset);letter-spacing:var(--ricos-custom-hashtag-letter-spacing,unset);line-height:var(--ricos-custom-hashtag-line-height,unset);min-height:var(--ricos-custom-hashtag-min-height,unset);text-decoration:var(--ricos-custom-hashtag-text-decoration,none)}.z5w8V:hover{text-decoration:underline}[data-ricos-font~=hashtag] .z5w8V{font:var(--ricos-custom-hashtag-font)}[data-ricos-font~=hashtag-font-style] .z5w8V{font-style:var(--ricos-custom-hashtag-font-style)}[data-ricos-font~=hashtag-font-weight] .z5w8V{font-weight:var(--ricos-custom-hashtag-font-weight)}[data-ricos-font~=hashtag-font-size] .z5w8V{font-size:var(--ricos-custom-hashtag-font-size)}[data-ricos-font~=hashtag-line-height] .z5w8V{line-height:var(--ricos-custom-hashtag-line-height)}`;
+  var css = `.OmOb7{font-family:var(--ricos-font-family,unset)}.glob_fontElementMap{font-family:var(--ricos-font-family,unset)}.bVQVa{color:var(--ricos-custom-hashtag-color,var(--ricos-action-color,var(--ricos-custom-p-color,#116dff)));font-family:var(--ricos-custom-hashtag-font-family,unset);font-size:var(--ricos-custom-hashtag-font-size,unset);font-style:var(--ricos-custom-hashtag-font-style,unset);font-weight:var(--ricos-custom-hashtag-font-weight,unset);letter-spacing:var(--ricos-custom-hashtag-letter-spacing,unset);line-height:var(--ricos-custom-hashtag-line-height,unset);min-height:var(--ricos-custom-hashtag-min-height,unset);text-decoration:var(--ricos-custom-hashtag-text-decoration,none)}.bVQVa:hover{text-decoration:underline}[data-ricos-font~=hashtag] .bVQVa{font:var(--ricos-custom-hashtag-font)}[data-ricos-font~=hashtag-font-style] .bVQVa{font-style:var(--ricos-custom-hashtag-font-style)}[data-ricos-font~=hashtag-font-weight] .bVQVa{font-weight:var(--ricos-custom-hashtag-font-weight)}[data-ricos-font~=hashtag-font-size] .bVQVa{font-size:var(--ricos-custom-hashtag-font-size)}[data-ricos-font~=hashtag-line-height] .bVQVa{line-height:var(--ricos-custom-hashtag-line-height)}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-headings/dropdown/headings-dropdown-scss.js CHANGED Viewed

@@ -1,10 +1,10 @@
-var styleDataHash = "5f5ac569";
+var styleDataHash = "b3391918";
 const injectCss = (() => {
-  var css = `.iEsmz{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
+  var css = `.Xy5bI{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
     --ricos-settings-text-color,var(--wsr-color-D10,#000624)
-  );box-sizing:border-box;overflow:visible;width:fit-content;z-index:10}.iEsmz *,.iEsmz :after,.iEsmz :before{box-sizing:inherit}.iEsmz input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.iEsmz{width:100%}}}@container (width < 480px){.iEsmz:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.iEsmz:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .iEsmz{width:100%}}.Wokr-{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
+  );box-sizing:border-box;overflow:visible;width:fit-content;z-index:10}.Xy5bI *,.Xy5bI :after,.Xy5bI :before{box-sizing:inherit}.Xy5bI input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.Xy5bI{width:100%}}}@container (width < 480px){.Xy5bI:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.Xy5bI:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Xy5bI{width:100%}}.czKCL{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(
     --ricos-settings-text-color,var(--wsr-color-D10,#000624)
-  );box-sizing:border-box;inset-inline-start:100%;margin-inline-start:8px;position:absolute;top:0;width:max-content}.Wokr- *,.Wokr- :after,.Wokr- :before{box-sizing:inherit}.Wokr- input{box-sizing:border-box}.BjzhR{position:relative}.BjzhR:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.BjzhR [data-hook~=modal-option] [data-hook~=list-item-select-suffix]{align-items:center;align-self:stretch;cursor:pointer;display:flex;margin-block:0!important}.JGrnV{cursor:auto;pointer-events:all}._9QUZM{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;
+  );box-sizing:border-box;inset-inline-start:100%;margin-inline-start:8px;position:absolute;top:0;width:max-content}.czKCL *,.czKCL :after,.czKCL :before{box-sizing:inherit}.czKCL input{box-sizing:border-box}.sn-gp{position:relative}.sn-gp:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.sn-gp [data-hook~=modal-option] [data-hook~=list-item-select-suffix]{align-items:center;align-self:stretch;cursor:pointer;display:flex;margin-block:0!important}.Lnrhb{cursor:auto;pointer-events:all}._7jCBP{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -25,11 +25,11 @@ const injectCss = (() => {
 });
 injectCss();
 var headings_dropdown_default = {
-  "dropdown": "iEsmz",
-  "panel": "Wokr-",
-  "option": "BjzhR",
-  "infoIcon": "JGrnV",
-  "mobileContent": "_9QUZM"
+  "dropdown": "Xy5bI",
+  "panel": "czKCL",
+  "option": "sn-gp",
+  "infoIcon": "Lnrhb",
+  "mobileContent": "_7jCBP"
 };
 export {
   headings_dropdown_default as default,

package/dist/es/plugin-headings/dropdown/headings-dropdown-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-headings/dropdown/headings-dropdown.scss"],
-  "sourcesContent": ["var styleDataHash = '5f5ac569';  \nexport const injectCss = (() => {\n  var css = `.iEsmz{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;overflow:visible;width:fit-content;z-index:10}.iEsmz *,.iEsmz :after,.iEsmz :before{box-sizing:inherit}.iEsmz input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.iEsmz{width:100%}}}@container (width < 480px){.iEsmz:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.iEsmz:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .iEsmz{width:100%}}.Wokr-{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;inset-inline-start:100%;margin-inline-start:8px;position:absolute;top:0;width:max-content}.Wokr- *,.Wokr- :after,.Wokr- :before{box-sizing:inherit}.Wokr- input{box-sizing:border-box}.BjzhR{position:relative}.BjzhR:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.BjzhR [data-hook~=modal-option] [data-hook~=list-item-select-suffix]{align-items:center;align-self:stretch;cursor:pointer;display:flex;margin-block:0!important}.JGrnV{cursor:auto;pointer-events:all}._9QUZM{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"dropdown\": \"iEsmz\",\n  \"panel\": \"Wokr-\",\n  \"option\": \"BjzhR\",\n  \"infoIcon\": \"JGrnV\",\n  \"mobileContent\": \"_9QUZM\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'b3391918';  \nexport const injectCss = (() => {\n  var css = `.Xy5bI{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;overflow:visible;width:fit-content;z-index:10}.Xy5bI *,.Xy5bI :after,.Xy5bI :before{box-sizing:inherit}.Xy5bI input{box-sizing:border-box}@supports not (contain:inline-size){@media only screen and (max-width:480px){.Xy5bI{width:100%}}}@container (width < 480px){.Xy5bI:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){width:100%}}@media (width < 480px){.Xy5bI:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .Xy5bI{width:100%}}.czKCL{background-color:var(--wds-color-fill-surface-overlay,var(--wsr-color-D80,#fff));border-radius:var(--wds-popover-menu-border-radius,var(--ricos-settings-whitebox-border-radius,var(--wds-border-radius-surface-overlay,8px)));box-shadow:var(--ricos-settings-whitebox-box-shadow,var(--wds-shadow-surface-overlay,0 6px 6px 0 rgba(22,45,61,.06),0 0 18px 0 rgba(22,45,61,.12)));height:fit-content;padding:var(--wds-popover-menu-paddings-vertical,var(--wds-space-200,12px)) var(--wds-popover-menu-paddings-horizontal,var(--wds-space-0,0));--wds-list-item-select-title:var(--ricos-settings-text-color,var(--wsr-color-D10,#000624));--wds-color-text-standard-primary:var(\n    --ricos-settings-text-color,var(--wsr-color-D10,#000624)\n  );box-sizing:border-box;inset-inline-start:100%;margin-inline-start:8px;position:absolute;top:0;width:max-content}.czKCL *,.czKCL :after,.czKCL :before{box-sizing:inherit}.czKCL input{box-sizing:border-box}.sn-gp{position:relative}.sn-gp:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.sn-gp [data-hook~=modal-option] [data-hook~=list-item-select-suffix]{align-items:center;align-self:stretch;cursor:pointer;display:flex;margin-block:0!important}.Lnrhb{cursor:auto;pointer-events:all}._7jCBP{--wds-side-panel-content-padding-vertical:12px;--wds-side-panel-content-padding-horizontal:0px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"dropdown\": \"Xy5bI\",\n  \"panel\": \"czKCL\",\n  \"option\": \"sn-gp\",\n  \"infoIcon\": \"Lnrhb\",\n  \"mobileContent\": \"_7jCBP\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AAAA;AAAA;AAAA;AAAA;AAKV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,iBAAiB;AACnB;",
   "names": []
 }

package/dist/es/plugin-html/statics/styles/HtmlComponent-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
 var HtmlComponent_default = {
-  "htmlComponent": "FCyow",
-  "htmlComponent_placeholder": "tvMjK"
+  "htmlComponent": "ARqJw",
+  "htmlComponent_placeholder": "p83dq"
 };
 export {
   HtmlComponent_default as default

package/dist/es/plugin-html/statics/styles/HtmlComponent-scss.js.map CHANGED Viewed

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

package/dist/es/plugin-html/statics/styles/Iframe-scss.js CHANGED Viewed

@@ -1,5 +1,5 @@
 var Iframe_default = {
-  "iframe": "gB2Hi"
+  "iframe": "vmxEd"
 };
 export {
   Iframe_default as default

package/dist/es/plugin-html/statics/styles/Iframe-scss.js.map CHANGED Viewed

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

package/dist/es/plugin-html/tiptap/ai-widget-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "82102b99";
+var styleDataHash = "698deb99";
 const injectCss = (() => {
-  var css = `.W1Nh-{position:relative}.W1Nh-:after{background-color:#fff;border:1px solid #dfe5eb;border-radius:10px;bottom:-12px;box-shadow:0 0 18px 0 rgba(0,6,36,.1);content:"";left:-12px;position:absolute;right:-12px;top:-12px;z-index:-1}.vWhsT{box-shadow:none;margin-inline:-12px}`;
+  var css = `.P9yKu{position:relative}.P9yKu:after{background-color:#fff;border:1px solid #dfe5eb;border-radius:10px;bottom:-12px;box-shadow:0 0 18px 0 rgba(0,6,36,.1);content:"";left:-12px;position:absolute;right:-12px;top:-12px;z-index:-1}._3inc4{box-shadow:none;margin-inline:-12px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var ai_widget_default = {
-  "wrapper": "W1Nh-",
-  "promptInputArea": "vWhsT"
+  "wrapper": "P9yKu",
+  "promptInputArea": "_3inc4"
 };
 export {
   ai_widget_default as default,

package/dist/es/plugin-html/tiptap/ai-widget-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/tiptap/ai-widget.scss"],
-  "sourcesContent": ["var styleDataHash = '82102b99';  \nexport const injectCss = (() => {\n  var css = `.W1Nh-{position:relative}.W1Nh-:after{background-color:#fff;border:1px solid #dfe5eb;border-radius:10px;bottom:-12px;box-shadow:0 0 18px 0 rgba(0,6,36,.1);content:\"\";left:-12px;position:absolute;right:-12px;top:-12px;z-index:-1}.vWhsT{box-shadow:none;margin-inline:-12px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"wrapper\": \"W1Nh-\",\n  \"promptInputArea\": \"vWhsT\"\n};"],
+  "sourcesContent": ["var styleDataHash = '698deb99';  \nexport const injectCss = (() => {\n  var css = `.P9yKu{position:relative}.P9yKu:after{background-color:#fff;border:1px solid #dfe5eb;border-radius:10px;bottom:-12px;box-shadow:0 0 18px 0 rgba(0,6,36,.1);content:\"\";left:-12px;position:absolute;right:-12px;top:-12px;z-index:-1}._3inc4{box-shadow:none;margin-inline:-12px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"wrapper\": \"P9yKu\",\n  \"promptInputArea\": \"_3inc4\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,oBAAQ;AAAA,EACb,WAAW;AAAA,EACX,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/plugin-html/tiptap/loader-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "e52e8c62";
+var styleDataHash = "5078278e";
 const injectCss = (() => {
-  var css = `.QQeo6{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.f5pWO{align-items:center;display:flex;flex-direction:column;gap:8px}.Sdk6t{max-height:162px;width:162px}.Nr68A{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.Sdk6t[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.Sdk6t[data-animated=true] .Nr68A{animation:lqqaa 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes lqqaa{to{transform:translateY(calc(-50% - .5rem))}}.hd3pR{color:#116dff;opacity:0;position:absolute}.hd3pR.EteVJ{animation:_2uj7s 1.5s ease-in-out forwards}@keyframes _2uj7s{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.p22Ab{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;
+  var css = `.qWQ1S{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.WSO28{align-items:center;display:flex;flex-direction:column;gap:8px}.o3i6n{max-height:162px;width:162px}._5YX-I{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.o3i6n[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.o3i6n[data-animated=true] ._5YX-I{animation:Q9UFS 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes Q9UFS{to{transform:translateY(calc(-50% - .5rem))}}.CByOj{color:#116dff;opacity:0;position:absolute}.CByOj.rXEk1{animation:K1UU6 1.5s ease-in-out forwards}@keyframes K1UU6{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.FUi-z{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,15 +21,15 @@ const injectCss = (() => {
 });
 injectCss();
 var loader_default = {
-  "root": "QQeo6",
-  "leftSide": "f5pWO",
-  "scroller": "Sdk6t",
-  "scrollerInner": "Nr68A",
-  "scroll": "lqqaa",
-  "icon": "hd3pR",
-  "visible": "EteVJ",
-  "lifecycle": "_2uj7s",
-  "line": "p22Ab"
+  "root": "qWQ1S",
+  "leftSide": "WSO28",
+  "scroller": "o3i6n",
+  "scrollerInner": "_5YX-I",
+  "scroll": "Q9UFS",
+  "icon": "CByOj",
+  "visible": "rXEk1",
+  "lifecycle": "K1UU6",
+  "line": "FUi-z"
 };
 export {
   loader_default as default,

package/dist/es/plugin-html/tiptap/loader-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/tiptap/loader.scss"],
-  "sourcesContent": ["var styleDataHash = 'e52e8c62';  \nexport const injectCss = (() => {\n  var css = `.QQeo6{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.f5pWO{align-items:center;display:flex;flex-direction:column;gap:8px}.Sdk6t{max-height:162px;width:162px}.Nr68A{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.Sdk6t[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.Sdk6t[data-animated=true] .Nr68A{animation:lqqaa 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes lqqaa{to{transform:translateY(calc(-50% - .5rem))}}.hd3pR{color:#116dff;opacity:0;position:absolute}.hd3pR.EteVJ{animation:_2uj7s 1.5s ease-in-out forwards}@keyframes _2uj7s{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.p22Ab{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"QQeo6\",\n  \"leftSide\": \"f5pWO\",\n  \"scroller\": \"Sdk6t\",\n  \"scrollerInner\": \"Nr68A\",\n  \"scroll\": \"lqqaa\",\n  \"icon\": \"hd3pR\",\n  \"visible\": \"EteVJ\",\n  \"lifecycle\": \"_2uj7s\",\n  \"line\": \"p22Ab\"\n};"],
+  "sourcesContent": ["var styleDataHash = '5078278e';  \nexport const injectCss = (() => {\n  var css = `.qWQ1S{align-items:center;display:flex;flex-direction:row;gap:18px;height:162px}.WSO28{align-items:center;display:flex;flex-direction:column;gap:8px}.o3i6n{max-height:162px;width:162px}._5YX-I{display:flex;flex-direction:column;flex-wrap:wrap;gap:1rem;padding-inline:1rem}.o3i6n[data-animated=true]{mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);-webkit-mask:linear-gradient(180deg,transparent,#fff 20%,#fff 80%,transparent);overflow:hidden}.o3i6n[data-animated=true] ._5YX-I{animation:Q9UFS 5s linear infinite;flex-wrap:nowrap;height:max-content}@keyframes Q9UFS{to{transform:translateY(calc(-50% - .5rem))}}.CByOj{color:#116dff;opacity:0;position:absolute}.CByOj.rXEk1{animation:K1UU6 1.5s ease-in-out forwards}@keyframes K1UU6{0%{opacity:1;transform:rotate(-1turn)}10%{opacity:1;transform:rotate(0deg)}75%{opacity:1;transform:rotate(0deg)}85%{opacity:1;transform:rotate(-45deg)}to{opacity:.5;transform:rotate(45deg)}}.FUi-z{background:linear-gradient(180deg,#e7f0ff 0,#a8caff 70%);border-radius:1px;height:124px;width:2px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"qWQ1S\",\n  \"leftSide\": \"WSO28\",\n  \"scroller\": \"o3i6n\",\n  \"scrollerInner\": \"_5YX-I\",\n  \"scroll\": \"Q9UFS\",\n  \"icon\": \"CByOj\",\n  \"visible\": \"rXEk1\",\n  \"lifecycle\": \"K1UU6\",\n  \"line\": \"FUi-z\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,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/es/plugin-html/tiptap/preset-bar/preset-bar-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "416e652b";
+var styleDataHash = "b03710f4";
 const injectCss = (() => {
-  var css = `._-7goW{white-space:nowrap}._-7goW>:not(hr){flex-shrink:0}._-7goW hr{height:unset;margin-inline:6px}._7-4n5{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}._7-4n5:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}._7-4n5:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}._7-4n5>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;
+  var css = `.QYuAj{white-space:nowrap}.QYuAj>:not(hr){flex-shrink:0}.QYuAj hr{height:unset;margin-inline:6px}.fJ40D{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}.fJ40D:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}.fJ40D:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}.fJ40D>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var preset_bar_default = {
-  "root": "_-7goW",
-  "presetListItem": "_7-4n5"
+  "root": "QYuAj",
+  "presetListItem": "fJ40D"
 };
 export {
   preset_bar_default as default,

package/dist/es/plugin-html/tiptap/preset-bar/preset-bar-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-html/tiptap/preset-bar/preset-bar.scss"],
-  "sourcesContent": ["var styleDataHash = '416e652b';  \nexport const injectCss = (() => {\n  var css = `._-7goW{white-space:nowrap}._-7goW>:not(hr){flex-shrink:0}._-7goW hr{height:unset;margin-inline:6px}._7-4n5{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}._7-4n5:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}._7-4n5:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}._7-4n5>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"_-7goW\",\n  \"presetListItem\": \"_7-4n5\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'b03710f4';  \nexport const injectCss = (() => {\n  var css = `.QYuAj{white-space:nowrap}.QYuAj>:not(hr){flex-shrink:0}.QYuAj hr{height:unset;margin-inline:6px}.fJ40D{align-items:center;appearance:none;background-color:var(--wds-color-fill-standard-tertiary,var(--wsr-color-D80,#fff));block-size:var(--wds-tag-size-small,auto);border-radius:var(--wds-tag-border-radius-small,12px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--wds-tag-label-font-size-small,14px);line-height:var(--wds-tag-label-font-line-height-small,18px);max-block-size:var(--wds-tag-size-small,24px);max-inline-size:stretch;min-block-size:var(--wds-tag-size-tiny,18px);outline:var(--wds-border-width-100,1px) solid var(--wds-color-border-standard-tertiary,var(--wsr-color-D60,#dfe5eb));outline-offset:-1px;padding:var(--wds-tag-padding-vertical-small,3px) var(--wds-tag-padding-horizontal-small,12px);transition:background-color .3s ease;white-space:nowrap}.fJ40D:where(:hover,:focus-visible){background-color:var(--wds-color-fill-standard-tertiary-hover,var(--wsr-color-B50,#e7f0ff));outline-color:var(--wds-color-border-standard-tertiary-hover,var(--wsr-color-B30,#a8caff))}.fJ40D:where(:focus-visible){box-shadow:var(--wds-shadow-focus-standard,0 0 0 3px var(--wsr-color-F00,#a6d0ff))}.fJ40D>svg{block-size:18px;inline-size:18px;margin-inline-end:var(--wds-space-100,3px);margin-inline-start:calc(var(--wds-space-100, 3px)*-.5)}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"QYuAj\",\n  \"presetListItem\": \"fJ40D\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,qBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,kBAAkB;AACpB;",
   "names": []
 }

package/dist/es/plugin-html/viewer/html-viewer.js CHANGED Viewed

@@ -1,4 +1,11 @@
-import React, { useContext, useMemo } from "react";
+import React, {
+  useContext,
+  useEffect,
+  useImperativeHandle,
+  useMemo,
+  useRef,
+  useState
+} from "react";
 import { RicosContext } from "./../../ricos-context/index.js";
 import { containsUrl } from "./../../_shared/link/contains-url.js";
 import { normalizeUrl } from "./../../_shared/link/normalize-url.js";
@@ -15,6 +22,8 @@ import { IframeHtml } from "../iframe-html.js";
 import { IframeUrl } from "../iframe-url.js";
 import { IframeWidget } from "../iframe-widget.js";
 import htmlStyles from "../statics/styles/HtmlComponent-scss.js";
+const LAZY_ROOT_MARGIN = "100% 0px";
+const HEIGHT_SETTLE_MS = 2e3;
 const getPageURL = (siteDomain) => {
   if (!siteDomain) {
     return;
@@ -28,11 +37,30 @@ const getPageURL = (siteDomain) => {
 const HtmlViewer = React.forwardRef(
   ({ settings, htmlData, iframeSandboxDomain, onIframeHeightChange, isViewer = false }, ref) => {
     const { isMobile } = useContext(RicosContext);
-    const [iframeHeight, setIframeHeight] = React.useState();
+    const isLazy = isMobile && isViewer;
+    const rootRef = useRef(null);
+    useImperativeHandle(ref, () => rootRef.current);
+    const [iframeHeight, setIframeHeight] = useState();
+    const heightLockRef = useRef();
     const setHeight = (height) => {
-      if (height > 0 && height !== iframeHeight) {
-        setIframeHeight(height);
+      if (!(height > 0)) {
+        return;
       }
+      const lock = heightLockRef.current;
+      if (lock && lock.width === rootRef.current?.offsetWidth && height !== lock.height) {
+        if (height !== lock.candidate) {
+          clearTimeout(lock.release);
+          lock.candidate = height;
+          lock.release = setTimeout(() => {
+            heightLockRef.current = void 0;
+            setIframeHeight(height);
+          }, HEIGHT_SETTLE_MS);
+        }
+        return;
+      }
+      clearTimeout(lock?.release);
+      heightLockRef.current = void 0;
+      setIframeHeight(height);
     };
     const getIframeHeight = useMemo(() => {
       const { containerData, autoHeight } = htmlData;
@@ -56,15 +84,56 @@ const HtmlViewer = React.forwardRef(
       const pageURL = getPageURL(settings.siteDomain);
       return htmlFixer(htmlData.html, pageURL);
     }, [htmlData.html]);
+    const reportsHeight = !!htmlData.widgetId || !!html;
+    const [isNearViewport, setIsNearViewport] = useState(!isLazy);
+    const [isHeightSettled, setIsHeightSettled] = useState(!reportsHeight);
+    const [isIframeRendered, setIsIframeRendered] = useState(!isLazy);
+    useEffect(() => {
+      const root = rootRef.current;
+      if (!isLazy || !root || typeof IntersectionObserver === "undefined") {
+        setIsNearViewport(true);
+        return;
+      }
+      const observer = new IntersectionObserver(
+        ([entry]) => setIsNearViewport(entry.isIntersecting),
+        { rootMargin: LAZY_ROOT_MARGIN }
+      );
+      observer.observe(root);
+      return () => observer.disconnect();
+    }, [isLazy]);
+    useEffect(() => {
+      if (!isLazy || !iframeHeight) {
+        return;
+      }
+      setIsHeightSettled(false);
+      const timeout = setTimeout(() => setIsHeightSettled(true), HEIGHT_SETTLE_MS);
+      return () => clearTimeout(timeout);
+    }, [isLazy, iframeHeight]);
+    useEffect(() => {
+      if (isNearViewport) {
+        setIsIframeRendered(true);
+      } else if (isHeightSettled) {
+        clearTimeout(heightLockRef.current?.release);
+        heightLockRef.current = iframeHeight && rootRef.current ? { height: iframeHeight, width: rootRef.current.offsetWidth } : void 0;
+        setIsIframeRendered(false);
+      }
+    }, [isNearViewport, isHeightSettled]);
+    useEffect(
+      () => () => {
+        clearTimeout(heightLockRef.current?.release);
+        heightLockRef.current = void 0;
+      },
+      [html, htmlData.url, htmlData.widgetId]
+    );
     return /* @__PURE__ */ React.createElement(
       "div",
       {
         className: htmlStyles.htmlComponent,
         style,
         "data-hook": HTML_VIEWER_ROOT,
-        ref
+        ref: rootRef
       },
-      htmlData.widgetId ? /* @__PURE__ */ React.createElement(
+      !isIframeRendered ? null : htmlData.widgetId ? /* @__PURE__ */ React.createElement(
         IframeWidget,
         {
           key: SRC_TYPE_WIDGET,

package/dist/es/plugin-html/viewer/html-viewer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-html/viewer/html-viewer.tsx"],
-  "sourcesContent": ["import React, { useContext, useMemo } 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\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 [iframeHeight, setIframeHeight] = React.useState<number | undefined>();\n\n    const setHeight = (height: number) => {\n      if (height > 0 && height !== iframeHeight) {\n        setIframeHeight(height);\n      }\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    return (\n      <div\n        className={htmlStyles.htmlComponent}\n        style={style}\n        data-hook={HTML_VIEWER_ROOT}\n        ref={ref}\n      >\n        {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,OAAO,SAAS,YAAY,eAAe;AAE3C,SAAS,oBAAoB;AAG7B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;AAEvB,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,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,UAAU,qBAAqB,sBAAsB,WAAW,MAAM,GAAG,QAAQ;AAC5F,UAAM,EAAE,SAAS,IAAI,WAAW,YAAY;AAC5C,UAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAA6B;AAE3E,UAAM,YAAY,CAAC,WAAmB;AACpC,UAAI,SAAS,KAAK,WAAW,cAAc;AACzC,wBAAgB,MAAM;AAAA,MACxB;AAAA,IACF;AAEA,UAAM,kBAAkB,QAAQ,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,aAAa;AAAA,MAC5E,QAAQ,kBAAkB;AAAA,MAC1B,WAAW,kBAAkB;AAAA,IAC/B;AAEA,UAAM,OAAO,QAAQ,MAAM;AACzB,YAAM,UAAU,WAAW,SAAS,UAAU;AAC9C,aAAO,UAAU,SAAS,MAAM,OAAO;AAAA,IACzC,GAAG,CAAC,SAAS,IAAI,CAAC;AAElB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,QACtB;AAAA,QACA,aAAW;AAAA,QACX;AAAA;AAAA,MAEC,SAAS,WACR;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;AAAA,QAAC;AAAA;AAAA,UACC,qBAAqB,uBAAuB;AAAA,UAC5C,KAAK;AAAA,UACL;AAAA,UACA,gBAAgB;AAAA,UAChB;AAAA;AAAA,MACF,IACE,SAAS,OAAO,YAAY,SAAS,GAAG,IAC1C;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UAEL,UAAU;AAAA,UACV,KAAK,aAAa,SAAS,GAAG;AAAA,UAC9B;AAAA;AAAA,MACF,IAEA,oCAAC,SAAI,WAAW,WAAW,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\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,OAAO;AAAA,EACL;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,oBAAoB;AAG7B,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAE7B,SAAS,wBAAwB;AACjC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAC3B,SAAS,iBAAiB;AAC1B,SAAS,oBAAoB;AAC7B,OAAO,gBAAgB;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,MAAM;AAAA,EAC9B,CAAC,EAAE,UAAU,UAAU,qBAAqB,sBAAsB,WAAW,MAAM,GAAG,QAAQ;AAC5F,UAAM,EAAE,SAAS,IAAI,WAAW,YAAY;AAC5C,UAAM,SAAS,YAAY;AAC3B,UAAM,UAAU,OAAuB,IAAI;AAC3C,wBAAoB,KAAK,MAAM,QAAQ,OAAyB;AAChE,UAAM,CAAC,cAAc,eAAe,IAAI,SAA6B;AACrE,UAAM,gBAAgB,OAKnB;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,kBAAkB,QAAQ,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,aAAa;AAAA,MAC5E,QAAQ,kBAAkB;AAAA,MAC1B,WAAW,kBAAkB;AAAA,IAC/B;AAEA,UAAM,OAAO,QAAQ,MAAM;AACzB,YAAM,UAAU,WAAW,SAAS,UAAU;AAC9C,aAAO,UAAU,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,IAAI,SAAS,CAAC,MAAM;AAC5D,UAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,CAAC,aAAa;AACrE,UAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,CAAC,MAAM;AAEhE,cAAU,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,cAAU,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,cAAU,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;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,WAAW;AAAA,QACtB;AAAA,QACA,aAAW;AAAA,QACX,KAAK;AAAA;AAAA,MAEJ,CAAC,mBAAmB,OAAO,SAAS,WACnC;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;AAAA,QAAC;AAAA;AAAA,UACC,qBAAqB,uBAAuB;AAAA,UAC5C,KAAK;AAAA,UACL;AAAA,UACA,gBAAgB;AAAA,UAChB;AAAA;AAAA,MACF,IACE,SAAS,OAAO,YAAY,SAAS,GAAG,IAC1C;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UAEL,UAAU;AAAA,UACV,KAAK,aAAa,SAAS,GAAG;AAAA,UAC9B;AAAA;AAAA,MACF,IAEA,oCAAC,SAAI,WAAW,WAAW,2BAA2B;AAAA,IAE1D;AAAA,EAEJ;AACF;",
   "names": []
 }

package/dist/es/plugin-html/viewer-styles-inject.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = '1b4f5a6d';
+var styleDataHash = '387743e6';
 export const injectCss = (() => {
-  var css = `.gB2Hi{border:0;height:100%;overflow:hidden;width:100%}.FCyow{height:100%;max-width:100%;position:relative;width:100%}.tvMjK{background:rgba(51,51,51,.05);bottom:0;left:0;position:absolute;right:0;top:0}`;
+  var css = `.vmxEd{border:0;height:100%;overflow:hidden;width:100%}.ARqJw{height:100%;max-width:100%;position:relative;width:100%}.p83dq{background:rgba(51,51,51,.05);bottom:0;left:0;position:absolute;right:0;top:0}`;
   var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';
   if (isTest || !css || typeof document === 'undefined') { return; }

package/dist/es/plugin-image/components/corner-radius-handles-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "a85709e2";
+var styleDataHash = "30147346";
 const injectCss = (() => {
-  var css = `.p3A-d{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}._46iXp{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}._46iXp:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}._46iXp:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}._46iXp:active{cursor:grabbing}.uYaRr{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}._46iXp:active .uYaRr,._46iXp:hover .uYaRr{background:#fff}.GgdgR{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;
+  var css = `.XFyIW{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.RSRS0{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}.RSRS0:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.RSRS0:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.RSRS0:active{cursor:grabbing}.FScIF{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.RSRS0:active .FScIF,.RSRS0:hover .FScIF{background:#fff}.fEmX8{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,10 +21,10 @@ const injectCss = (() => {
 });
 injectCss();
 var corner_radius_handles_default = {
-  "overlay": "p3A-d",
-  "handle": "_46iXp",
-  "handleDot": "uYaRr",
-  "radiusLabel": "GgdgR"
+  "overlay": "XFyIW",
+  "handle": "RSRS0",
+  "handleDot": "FScIF",
+  "radiusLabel": "fEmX8"
 };
 export {
   corner_radius_handles_default as default,

package/dist/es/plugin-image/components/corner-radius-handles-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/components/corner-radius-handles.scss"],
-  "sourcesContent": ["var styleDataHash = 'a85709e2';  \nexport const injectCss = (() => {\n  var css = `.p3A-d{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}._46iXp{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}._46iXp:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}._46iXp:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}._46iXp:active{cursor:grabbing}.uYaRr{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}._46iXp:active .uYaRr,._46iXp:hover .uYaRr{background:#fff}.GgdgR{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"p3A-d\",\n  \"handle\": \"_46iXp\",\n  \"handleDot\": \"uYaRr\",\n  \"radiusLabel\": \"GgdgR\"\n};"],
+  "sourcesContent": ["var styleDataHash = '30147346';  \nexport const injectCss = (() => {\n  var css = `.XFyIW{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}.RSRS0{align-items:center;background:#fff;border-radius:50%;box-shadow:0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#000624;cursor:grab;display:flex;height:10px;justify-content:center;outline:1px solid rgba(0,6,36,.302);outline:1px solid #116dff;pointer-events:auto;position:absolute;transition:color .15s ease,background-color .15s ease;width:10px;z-index:7}.RSRS0:hover{background:#116dff;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.RSRS0:active{background:#0f62e6;box-shadow:0 0 0 2px rgba(0,6,36,.1),0 0 6px 0 rgba(0,6,36,.1),0 2px 4px 0 rgba(0,6,36,.05);color:#fff;outline-color:#fff;outline-width:1.5px}.RSRS0:active{cursor:grabbing}.FScIF{background:#116dff;border-radius:50%;flex-shrink:0;height:4px;width:4px}.RSRS0:active .FScIF,.RSRS0:hover .FScIF{background:#fff}.fEmX8{background:#116dff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;line-height:1.2;padding:2px 6px;pointer-events:none;position:absolute;white-space:nowrap;z-index:8}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"XFyIW\",\n  \"handle\": \"RSRS0\",\n  \"handleDot\": \"FScIF\",\n  \"radiusLabel\": \"fEmX8\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,gCAAQ;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/es/plugin-image/components/crop-edge-handles-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "9dd274d6";
+var styleDataHash = "d4b8e1ba";
 const injectCss = (() => {
-  var css = `.RRGUG{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;
+  var css = `._3LN68{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var crop_edge_handles_default = {
-  "overlay": "RRGUG"
+  "overlay": "_3LN68"
 };
 export {
   crop_edge_handles_default as default,

package/dist/es/plugin-image/components/crop-edge-handles-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-image/components/crop-edge-handles.scss"],
-  "sourcesContent": ["var styleDataHash = '9dd274d6';  \nexport const injectCss = (() => {\n  var css = `.RRGUG{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"RRGUG\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'd4b8e1ba';  \nexport const injectCss = (() => {\n  var css = `._3LN68{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:6}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"_3LN68\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/plugin-image/context.js CHANGED Viewed

@@ -1,5 +1,4 @@
 import React from "react";
-import { useRequestService } from "./../_shared/request-service-provider/request-service-provider.js";
 import { useWixInstanceService } from "./../_shared/request-service-provider/wix-instance-context.js";
 import { useEditorProps } from "./../_shared/some-editor-props-context.js";
 import { fetchMediaToken } from "./fetch-media-token.js";
@@ -7,17 +6,16 @@ const ImagePluginContext = React.createContext(null);
 const ImagePluginContextProvider = ({ children }) => {
   const [cachedSettings, setCachedSettings] = React.useState(null);
   const wixInstance = useWixInstanceService();
-  const { makeRequest } = useRequestService();
   const editorProps = useEditorProps();
   const getImageEditorSettings = React.useCallback(async () => {
     if (cachedSettings) {
       return cachedSettings;
     }
-    const { metaSiteId } = wixInstance();
+    const { metaSiteId, getWixClientPromise } = wixInstance();
     if (!metaSiteId) {
       return null;
     }
-    const token = await fetchMediaToken(makeRequest);
+    const token = await fetchMediaToken(getWixClientPromise);
     const settings = token ? {
       initiator: editorProps.biSettings?.consumer || "ricos-default",
       siteToken: token,

package/dist/es/plugin-image/context.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-image/context.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { useRequestService } from './../_shared/request-service-provider/request-service-provider.js';\nimport { useWixInstanceService } from './../_shared/request-service-provider/wix-instance-context.js';\nimport { useEditorProps } from './../_shared/some-editor-props-context.js';\n\nimport { fetchMediaToken } from './fetch-media-token.js';\nimport type { ImageEditorWixSettings } from './types.js';\n\ntype ImagePluginContextValue = {\n  getImageEditorSettings: () => Promise<ImageEditorWixSettings | null>;\n};\n\nexport const ImagePluginContext = React.createContext<ImagePluginContextValue | null>(null);\n\nexport const ImagePluginContextProvider = ({ children }: { children: React.ReactNode }) => {\n  const [cachedSettings, setCachedSettings] = React.useState<ImageEditorWixSettings | null>(null);\n  const wixInstance = useWixInstanceService();\n  const { makeRequest } = useRequestService();\n  const editorProps = useEditorProps();\n\n  const getImageEditorSettings = React.useCallback(async () => {\n    if (cachedSettings) {\n      return cachedSettings;\n    }\n\n    const { metaSiteId } = wixInstance();\n    if (!metaSiteId) {\n      return null;\n    }\n\n    const token = await fetchMediaToken(makeRequest);\n    const settings = token\n      ? {\n          initiator: editorProps.biSettings?.consumer || 'ricos-default',\n          siteToken: token,\n          metaSiteId,\n          mediaRoot: 'photos',\n        }\n      : null;\n\n    if (settings) {\n      setCachedSettings(settings);\n    }\n    return settings;\n  }, [cachedSettings, wixInstance]);\n\n  return (\n    <ImagePluginContext.Provider\n      value={React.useMemo(() => ({ getImageEditorSettings }), [getImageEditorSettings])}\n    >\n      {children}\n    </ImagePluginContext.Provider>\n  );\n};\n"],
-  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,yBAAyB;AAClC,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAE/B,SAAS,uBAAuB;AAOzB,MAAM,qBAAqB,MAAM,cAA8C,IAAI;AAEnF,MAAM,6BAA6B,CAAC,EAAE,SAAS,MAAqC;AACzF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAwC,IAAI;AAC9F,QAAM,cAAc,sBAAsB;AAC1C,QAAM,EAAE,YAAY,IAAI,kBAAkB;AAC1C,QAAM,cAAc,eAAe;AAEnC,QAAM,yBAAyB,MAAM,YAAY,YAAY;AAC3D,QAAI,gBAAgB;AAClB,aAAO;AAAA,IACT;AAEA,UAAM,EAAE,WAAW,IAAI,YAAY;AACnC,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,MAAM,gBAAgB,WAAW;AAC/C,UAAM,WAAW,QACb;AAAA,MACE,WAAW,YAAY,YAAY,YAAY;AAAA,MAC/C,WAAW;AAAA,MACX;AAAA,MACA,WAAW;AAAA,IACb,IACA;AAEJ,QAAI,UAAU;AACZ,wBAAkB,QAAQ;AAAA,IAC5B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,gBAAgB,WAAW,CAAC;AAEhC,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,OAAO,MAAM,QAAQ,OAAO,EAAE,uBAAuB,IAAI,CAAC,sBAAsB,CAAC;AAAA;AAAA,IAEhF;AAAA,EACH;AAEJ;",
+  "sourcesContent": ["import React from 'react';\n\nimport { useWixInstanceService } from './../_shared/request-service-provider/wix-instance-context.js';\nimport { useEditorProps } from './../_shared/some-editor-props-context.js';\n\nimport { fetchMediaToken } from './fetch-media-token.js';\nimport type { ImageEditorWixSettings } from './types.js';\n\ntype ImagePluginContextValue = {\n  getImageEditorSettings: () => Promise<ImageEditorWixSettings | null>;\n};\n\nexport const ImagePluginContext = React.createContext<ImagePluginContextValue | null>(null);\n\nexport const ImagePluginContextProvider = ({ children }: { children: React.ReactNode }) => {\n  const [cachedSettings, setCachedSettings] = React.useState<ImageEditorWixSettings | null>(null);\n  const wixInstance = useWixInstanceService();\n  const editorProps = useEditorProps();\n\n  const getImageEditorSettings = React.useCallback(async () => {\n    if (cachedSettings) {\n      return cachedSettings;\n    }\n\n    const { metaSiteId, getWixClientPromise } = wixInstance();\n    if (!metaSiteId) {\n      return null;\n    }\n\n    const token = await fetchMediaToken(getWixClientPromise);\n    const settings = token\n      ? {\n          initiator: editorProps.biSettings?.consumer || 'ricos-default',\n          siteToken: token,\n          metaSiteId,\n          mediaRoot: 'photos',\n        }\n      : null;\n\n    if (settings) {\n      setCachedSettings(settings);\n    }\n    return settings;\n  }, [cachedSettings, wixInstance]);\n\n  return (\n    <ImagePluginContext.Provider\n      value={React.useMemo(() => ({ getImageEditorSettings }), [getImageEditorSettings])}\n    >\n      {children}\n    </ImagePluginContext.Provider>\n  );\n};\n"],
+  "mappings": "AAAA,OAAO,WAAW;AAElB,SAAS,6BAA6B;AACtC,SAAS,sBAAsB;AAE/B,SAAS,uBAAuB;AAOzB,MAAM,qBAAqB,MAAM,cAA8C,IAAI;AAEnF,MAAM,6BAA6B,CAAC,EAAE,SAAS,MAAqC;AACzF,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,MAAM,SAAwC,IAAI;AAC9F,QAAM,cAAc,sBAAsB;AAC1C,QAAM,cAAc,eAAe;AAEnC,QAAM,yBAAyB,MAAM,YAAY,YAAY;AAC3D,QAAI,gBAAgB;AAClB,aAAO;AAAA,IACT;AAEA,UAAM,EAAE,YAAY,oBAAoB,IAAI,YAAY;AACxD,QAAI,CAAC,YAAY;AACf,aAAO;AAAA,IACT;AAEA,UAAM,QAAQ,MAAM,gBAAgB,mBAAmB;AACvD,UAAM,WAAW,QACb;AAAA,MACE,WAAW,YAAY,YAAY,YAAY;AAAA,MAC/C,WAAW;AAAA,MACX;AAAA,MACA,WAAW;AAAA,IACb,IACA;AAEJ,QAAI,UAAU;AACZ,wBAAkB,QAAQ;AAAA,IAC5B;AACA,WAAO;AAAA,EACT,GAAG,CAAC,gBAAgB,WAAW,CAAC;AAEhC,SACE;AAAA,IAAC,mBAAmB;AAAA,IAAnB;AAAA,MACC,OAAO,MAAM,QAAQ,OAAO,EAAE,uBAAuB,IAAI,CAAC,sBAAsB,CAAC;AAAA;AAAA,IAEhF;AAAA,EACH;AAEJ;",
   "names": []
 }