@bigbinary/neeto-molecules 5.3.9 → 5.3.11

package/dist/cjs/ProductEmbed.js

@@ -7,7 +7,6 @@ var reactRouterDom = require('react-router-dom');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var classnames = require('classnames');
-var useStateWithDependency = require('@bigbinary/neeto-commons-frontend/react-utils/useStateWithDependency');
 var LeftArrow = require('@bigbinary/neeto-icons/LeftArrow');
 var Button = require('@bigbinary/neetoui/Button');
 var Typography = require('@bigbinary/neetoui/Typography');
@@ -1646,12 +1645,23 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
     _useState2 = _slicedToArray(_useState, 2),
     isScriptLoading = _useState2[0],
     setIsScriptLoading = _useState2[1];
-  var _useStateWithDependen = useStateWithDependency(function () {
+  var _useState3 = React.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;
+  React.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];
@@ -1853,7 +1863,7 @@ var ProductEmbed = function ProductEmbed(_ref) {
       queryParamsProps: queryParamsProps
     });
   }, []);
-  return selectedEmbed ? /*#__PURE__*/jsxRuntime.jsx(EmbedRenderer, {
+  return selectedEmbed ? /*#__PURE__*/React.createElement(EmbedRenderer, {
     className: className,
     customEmbedScriptPath: customEmbedScriptPath,
     customPreviewIframeUrl: customPreviewIframeUrl,
@@ -1865,7 +1875,8 @@ var ProductEmbed = function ProductEmbed(_ref) {
     otherCustomizations: otherCustomizations,
     queryParamsProps: queryParamsProps,
     selectedEmbed: selectedEmbed,
-    supportedLanguages: supportedLanguages
+    supportedLanguages: supportedLanguages,
+    key: id
   }) : /*#__PURE__*/jsxRuntime.jsx(EmbedSelector, {
     goBackLink: goBackLink,
     options: options,