@bigbinary/neeto-molecules 5.3.10 → 5.3.11

package/dist/ProductEmbed.js

@@ -1,11 +1,10 @@
 import { useShallow } from 'zustand/shallow';
-import { useEffect, useState, useMemo, useRef } from 'react';
+import { useEffect, useState, useMemo, useRef, createElement } 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';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import classnames from 'classnames';
-import useStateWithDependency from '@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency';
 import LeftArrow from '@bigbinary/neeto-icons/LeftArrow';
 import Button from '@bigbinary/neetoui/Button';
 import Typography from '@bigbinary/neetoui/Typography';
@@ -1644,12 +1643,23 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isScriptLoading = _useState2[0],
     setIsScriptLoading = _useState2[1];
-  var _useStateWithDependen = useStateWithDependency(function () {
+  var _useState3 = useState(function () {
       return buildDefaultCustomization(options);
-    }, [options === null || options === void 0 || (_options$iframe = options.iframe) === null || _options$iframe === void 0 ? void 0 : _options$iframe.iframeUrl]),
-    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
-    customizations = _useStateWithDependen2[0],
-    setCustomizations = _useStateWithDependen2[1];
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    customizations = _useState4[0],
+    setCustomizations = _useState4[1];
+  var iframeUrl = options === null || options === void 0 || (_options$iframe = options.iframe) === null || _options$iframe === void 0 ? void 0 : _options$iframe.iframeUrl;
+  useEffect(function () {
+    setCustomizations(function (prevState) {
+      var _prevState$iframe;
+      return ((_prevState$iframe = prevState.iframe) === null || _prevState$iframe === void 0 ? void 0 : _prevState$iframe.iframeUrl) === iframeUrl ? prevState : _objectSpread$1(_objectSpread$1({}, prevState), {}, {
+        iframe: _objectSpread$1(_objectSpread$1({}, prevState.iframe), {}, {
+          iframeUrl: iframeUrl
+        })
+      });
+    });
+  }, [iframeUrl]);
   var description = customizations[selectedEmbed].description;
   var customization = customizations[selectedEmbed];
   var CustomizationComponent = EMBED_CUSTOMIZATION_COMPONENTS[selectedEmbed];
@@ -1851,7 +1861,7 @@ var ProductEmbed = function ProductEmbed(_ref) {
       queryParamsProps: queryParamsProps
     });
   }, []);
-  return selectedEmbed ? /*#__PURE__*/jsx(EmbedRenderer, {
+  return selectedEmbed ? /*#__PURE__*/createElement(EmbedRenderer, {
     className: className,
     customEmbedScriptPath: customEmbedScriptPath,
     customPreviewIframeUrl: customPreviewIframeUrl,
@@ -1863,7 +1873,8 @@ var ProductEmbed = function ProductEmbed(_ref) {
     otherCustomizations: otherCustomizations,
     queryParamsProps: queryParamsProps,
     selectedEmbed: selectedEmbed,
-    supportedLanguages: supportedLanguages
+    supportedLanguages: supportedLanguages,
+    key: id
   }) : /*#__PURE__*/jsx(EmbedSelector, {
     goBackLink: goBackLink,
     options: options,