@bigbinary/neeto-molecules 4.0.118 → 4.0.119

package/dist/cjs/ProductEmbed.js

@@ -1431,11 +1431,11 @@ var ElementPopup = function ElementPopup(_ref) {
     return "popup-button-".concat(Math.random().toString().substring(2, 10));
   }, [iframeURL]);
   React.useEffect(function () {
+    var _window$appName;
     var element = document.getElementById(elementSelectorId);
-    if (element) {
-      var _window$globalProps$a;
-      (_window$globalProps$a = window[globalProps.appName.replace(/^neeto/i, "neeto")]) === null || _window$globalProps$a === void 0 || _window$globalProps$a.embed(element, iframeURL);
-    }
+    if (!element) return;
+    var appName = globalProps.appName.replace(/^neeto/i, "neeto");
+    (_window$appName = window[appName]) === null || _window$appName === void 0 || _window$appName.embed(element, iframeURL);
   }, [iframeURL]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "relative h-full w-full overflow-hidden",
@@ -1470,11 +1470,11 @@ var FloatingPopup = function FloatingPopup(_ref) {
     return "popup-button-".concat(Math.random().toString().substring(2, 10));
   }, [iframeURL]);
   React.useEffect(function () {
+    var _window$appName;
     var element = document.getElementById(elementSelectorId);
-    if (element) {
-      var _window$globalProps$a;
-      (_window$globalProps$a = window[globalProps.appName.replace(/^neeto/i, "neeto")]) === null || _window$globalProps$a === void 0 || _window$globalProps$a.embed(element, iframeURL);
-    }
+    if (!element) return;
+    var appName = globalProps.appName.replace(/^neeto/i, "neeto");
+    (_window$appName = window[appName]) === null || _window$appName === void 0 || _window$appName.embed(element, iframeURL);
   }, [iframeURL]);
   React.useEffect(function () {
     var btn = document.getElementById(elementSelectorId);
@@ -1553,15 +1553,22 @@ var buildQueryParams = function buildQueryParams() {
   }, {});
   return _objectSpread$1(_objectSpread$1({}, existingQueryParams), activeOptions);
 };
-var buildIframeURL = function buildIframeURL(iframeURL, queryParams, customization) {
-  var url = new URL(iframeURL);
+var buildIframeURL = function buildIframeURL(_ref) {
+  var previewURL = _ref.previewURL,
+    selectedEmbed = _ref.selectedEmbed,
+    queryParams = _ref.queryParams,
+    customization = _ref.customization;
+  var url = new URL(previewURL);
   var params = buildQueryParams(customization, queryParams);
-  Object.entries(params).forEach(function (_ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      name = _ref2[0],
-      value = _ref2[1];
+  Object.entries(params).forEach(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 2),
+      name = _ref3[0],
+      value = _ref3[1];
     url.searchParams.append(name, value);
   });
+  if (selectedEmbed === EMBED_OPTIONS.FLOATING_POPUP || selectedEmbed === EMBED_OPTIONS.ELEMENT_POPUP) {
+    url.searchParams.set("dynamicHeight", "true");
+  }
   return url.toString();
 };
 
@@ -1580,7 +1587,12 @@ var Preview = function Preview(_ref) {
     queryParams = _useProductEmbedStore.queryParams;
   var preview = _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, EMBED_OPTIONS.INLINE, Inline), EMBED_OPTIONS.FLOATING_POPUP, FloatingPopup), EMBED_OPTIONS.ELEMENT_POPUP, ElementPopup), EMBED_OPTIONS.IFRAME, Iframe);
   var previewURL = customPreviewIframeUrl || "".concat(location.origin, "/embed/").concat(id);
-  var iframeURL = buildIframeURL(previewURL, queryParams, customization);
+  var iframeURL = buildIframeURL({
+    previewURL: previewURL,
+    selectedEmbed: selectedEmbed,
+    queryParams: queryParams,
+    customization: customization
+  });
   var Component = preview[selectedEmbed];
   if (isScriptLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {