@bigbinary/neeto-molecules 4.0.62 → 4.0.63

package/dist/ProductEmbed.js

@@ -1,5 +1,5 @@
 import { shallow } from 'zustand/shallow';
-import { useEffect, useState, useMemo } from 'react';
+import { useEffect, useState, useMemo, useRef } from 'react';
 import { isPresent, filterBy, hyphenate, noop } from '@bigbinary/neeto-cist';
 import { useLocation, useHistory } from 'react-router-dom';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
@@ -1495,17 +1495,29 @@ var FloatingPopup = function FloatingPopup(_ref) {
   });
 };
 
+function useIframeHeightReset(iframeRef, dynamicHeight) {
+  useEffect(function () {
+    if (!(dynamicHeight !== null && dynamicHeight !== void 0 && dynamicHeight.value) && iframeRef !== null && iframeRef !== void 0 && iframeRef.current) {
+      iframeRef.current.style.height = "";
+    }
+  }, [dynamicHeight === null || dynamicHeight === void 0 ? void 0 : dynamicHeight.value, iframeRef]);
+}
+
 var Iframe = function Iframe(_ref) {
   var iframeURL = _ref.iframeURL,
     customization = _ref.customization;
   var height = customization.height,
     width = customization.width,
-    iframeTitle = customization.iframeTitle;
+    iframeTitle = customization.iframeTitle,
+    dynamicHeight = customization.dynamicHeight;
+  var iframeRef = useRef(null);
+  useIframeHeightReset(iframeRef, dynamicHeight);
   return /*#__PURE__*/jsx("iframe", {
     allowFullScreen: true,
     className: "m-auto",
     frameBorder: "0",
     height: "".concat(height, "%"),
+    ref: iframeRef,
     src: iframeURL,
     title: iframeTitle,
     width: "".concat(width, "%")
@@ -1516,10 +1528,14 @@ var Inline = function Inline(_ref) {
   var iframeURL = _ref.iframeURL,
     customization = _ref.customization;
   var height = customization.height,
-    width = customization.width;
+    width = customization.width,
+    dynamicHeight = customization.dynamicHeight;
+  var iframeRef = useRef(null);
+  useIframeHeightReset(iframeRef, dynamicHeight);
   return /*#__PURE__*/jsx("iframe", {
     className: "m-auto",
     height: "".concat(height, "%"),
+    ref: iframeRef,
     src: iframeURL,
     width: "".concat(width, "%")
   });