@bigbinary/neeto-molecules 4.1.41 → 4.1.43

package/dist/ProductEmbed.js

@@ -1,4 +1,4 @@
-import { shallow } from 'zustand/shallow';
+import { useShallow } from 'zustand/shallow';
 import { useEffect, useState, useMemo, useRef } from 'react';
 import { isPresent, filterBy, hyphenate, noop } from '@bigbinary/neeto-cist';
 import { useLocation, useHistory } from 'react-router-dom';
@@ -333,13 +333,13 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
   var updateCustomization = _ref.updateCustomization;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         queryParamsProps: store["queryParamsProps"],
         queryParams: store["queryParams"],
         setQueryParams: store["setQueryParams"]
       };
-    }, shallow),
+    })),
     queryParamsProps = _useProductEmbedStore.queryParamsProps,
     queryParams = _useProductEmbedStore.queryParams,
     setQueryParams = _useProductEmbedStore.setQueryParams;
@@ -420,11 +420,11 @@ var ElementPopup$1 = function ElementPopup(_ref) {
   var elementSelector = customization.elementSelector;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         isQueryParamsEnabled: store["isQueryParamsEnabled"]
       };
-    }, shallow),
+    })),
     isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   useEffect(function () {
     if (isQueryParamsEnabled) return;
@@ -457,11 +457,11 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
     otherCustomizations = _ref.otherCustomizations;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         isQueryParamsEnabled: store["isQueryParamsEnabled"]
       };
-    }, shallow),
+    })),
     isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   var btnTextColor = customization.btnTextColor,
     showIcon = customization.showIcon,
@@ -596,11 +596,11 @@ var Iframe$1 = function Iframe(_ref) {
   var updateCustomization = _ref.updateCustomization,
     otherCustomizations = _ref.otherCustomizations,
     customization = _ref.customization;
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         isQueryParamsEnabled: store["isQueryParamsEnabled"]
       };
-    }, shallow),
+    })),
     isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   useEffect(function () {
     if (isQueryParamsEnabled) return;
@@ -624,11 +624,11 @@ var Inline$1 = function Inline(_ref) {
     otherCustomizations = _ref.otherCustomizations;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         isQueryParamsEnabled: store["isQueryParamsEnabled"]
       };
-    }, shallow),
+    })),
     isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
   var elementSelector = customization.elementSelector;
   var handleInputChange = function handleInputChange(_ref2, attribute) {
@@ -1566,11 +1566,11 @@ var Preview = function Preview(_ref) {
     customization = _ref.customization,
     _ref$customPreviewIfr = _ref.customPreviewIframeUrl,
     customPreviewIframeUrl = _ref$customPreviewIfr === void 0 ? "" : _ref$customPreviewIfr;
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         queryParams: store["queryParams"]
       };
-    }, shallow),
+    })),
     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);
@@ -1817,11 +1817,11 @@ var ProductEmbed = function ProductEmbed(_ref) {
     search = _useLocation.search;
   var queryParams = new URLSearchParams(search);
   var selectedEmbed = toCamelCasedString(queryParams.get("type"));
-  var _useProductEmbedStore = useProductEmbedStore(function (store) {
+  var _useProductEmbedStore = useProductEmbedStore(useShallow(function (store) {
       return {
         setProductEmbedState: store["setProductEmbedState"]
       };
-    }, shallow),
+    })),
     setProductEmbedState = _useProductEmbedStore.setProductEmbedState;
   useEffect(function () {
     setProductEmbedState({