@bigbinary/neeto-molecules 4.1.2 → 4.1.3

package/dist/ProductEmbed.js

@@ -260,8 +260,8 @@ var reactCodeGenerators = {
 };
 
 var _excluded$1 = ["selectedLanguage", "type"];
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildQueryParams$1 = function buildQueryParams() {
   var customization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var existingQueryParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -271,7 +271,7 @@ var buildQueryParams$1 = function buildQueryParams() {
     if (value) acc[key] = value;
     return acc;
   }, {});
-  var mergedQueryParams = _objectSpread$6(_objectSpread$6({}, existingQueryParams), activeOptions);
+  var mergedQueryParams = _objectSpread$7(_objectSpread$7({}, existingQueryParams), activeOptions);
   if (isEmpty(mergedQueryParams)) return "";
   return JSON.stringify(mergedQueryParams, null, 2).replace(/\n/g, " ").replace(/\s\s+/g, " ");
 };
@@ -282,7 +282,7 @@ var generateCode = function generateCode(options) {
     embeddedCodeOptions = _objectWithoutProperties(options, _excluded$1);
   var queryParams = ((_embeddedCodeOptions$ = embeddedCodeOptions.customization) === null || _embeddedCodeOptions$ === void 0 ? void 0 : _embeddedCodeOptions$.queryParams) || {};
   var customization = embeddedCodeOptions.customization || {};
-  var codeOptions = _objectSpread$6(_objectSpread$6({}, embeddedCodeOptions), {}, {
+  var codeOptions = _objectSpread$7(_objectSpread$7({}, embeddedCodeOptions), {}, {
     queryParams: buildQueryParams$1(customization, queryParams)
   });
   return selectedLanguage === "react" ? (_reactCodeGenerators$ = reactCodeGenerators[type]) === null || _reactCodeGenerators$ === void 0 ? void 0 : _reactCodeGenerators$.call(reactCodeGenerators, codeOptions) : (_htmlCodeGenerators$t = htmlCodeGenerators[type]) === null || _htmlCodeGenerators$t === void 0 ? void 0 : _htmlCodeGenerators$t.call(htmlCodeGenerators, codeOptions);
@@ -327,8 +327,8 @@ var removeHeightFromStyle = function removeHeightFromStyle(style) {
   return style.replace(/height\s*:\s*[^;]+;?\s*/g, "").trim();
 };
 
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DynamicQueryParams = function DynamicQueryParams(_ref) {
   var updateCustomization = _ref.updateCustomization;
   var _useTranslation = useTranslation(),
@@ -354,7 +354,7 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
   };
   var handleInputChange = function handleInputChange(index, field, value) {
     var newQueryParams = queryParams.map(function (param, i) {
-      return i === index ? _objectSpread$5(_objectSpread$5({}, param), {}, _defineProperty({}, field, value)) : param;
+      return i === index ? _objectSpread$6(_objectSpread$6({}, param), {}, _defineProperty({}, field, value)) : param;
     });
     setQueryParams(newQueryParams);
   };
@@ -370,7 +370,7 @@ var DynamicQueryParams = function DynamicQueryParams(_ref) {
       children: [/*#__PURE__*/jsx(Label, {
         "data-testid": "dynamic-query-params-label",
         children: queryParamsProps.label || t("neetoMolecules.productEmbed.queryParam.label")
-      }), isPresent(queryParamsProps.helpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread$5({
+      }), isPresent(queryParamsProps.helpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread$6({
         className: "ms-1"
       }, queryParamsProps.helpPopoverProps))]
     }), queryParams.map(function (param, index) {
@@ -550,8 +550,8 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
 };
 
 var _excluded = ["value", "label", "helpIconProps"];
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SwitchOptions = function SwitchOptions(_ref) {
   var _ref$customization = _ref.customization,
     customization = _ref$customization === void 0 ? {} : _ref$customization,
@@ -576,12 +576,12 @@ var SwitchOptions = function SwitchOptions(_ref) {
         checked: value,
         label: label || SWITCH_OPTIONS[option].label,
         labelProps: helpIconProps && {
-          helpIconProps: _objectSpread$4({
+          helpIconProps: _objectSpread$5({
             "data-testid": "help-icon-button"
           }, helpIconProps)
         },
         onChange: function onChange(e) {
-          return updateCustomization(_defineProperty({}, option, _objectSpread$4(_objectSpread$4({}, rest), {}, {
+          return updateCustomization(_defineProperty({}, option, _objectSpread$5(_objectSpread$5({}, rest), {}, {
             label: label,
             helpIconProps: helpIconProps,
             value: e.target.checked
@@ -664,11 +664,11 @@ var Inline$1 = function Inline(_ref) {
   });
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InlineEmbedIcon = function InlineEmbedIcon(_ref) {
   var other = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsxs("svg", _objectSpread$3(_objectSpread$3({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$4(_objectSpread$4({
     fill: "none",
     height: "163",
     viewBox: "0 0 278 163",
@@ -917,7 +917,7 @@ var InlineEmbedIcon = function InlineEmbedIcon(_ref) {
 };
 var FloatingPopupIcon = function FloatingPopupIcon(_ref2) {
   var other = Object.assign({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  return /*#__PURE__*/jsxs("svg", _objectSpread$3(_objectSpread$3({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$4(_objectSpread$4({
     fill: "none",
     height: "163",
     viewBox: "0 0 278 163",
@@ -1061,7 +1061,7 @@ var FloatingPopupIcon = function FloatingPopupIcon(_ref2) {
 };
 var ElementPopupIcon = function ElementPopupIcon(_ref3) {
   var other = Object.assign({}, (_objectDestructuringEmpty(_ref3), _ref3));
-  return /*#__PURE__*/jsxs("svg", _objectSpread$3(_objectSpread$3({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$4(_objectSpread$4({
     fill: "none",
     height: "163",
     viewBox: "0 0 278 163",
@@ -1287,11 +1287,11 @@ var Code = function Code(_ref) {
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FloatingPopupPlaceholderImage = function FloatingPopupPlaceholderImage(_ref) {
   var other = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/jsxs("svg", _objectSpread$2(_objectSpread$2({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$3(_objectSpread$3({
     fill: "none",
     height: "518",
     viewBox: "0 0 796 518",
@@ -1351,7 +1351,7 @@ var FloatingPopupPlaceholderImage = function FloatingPopupPlaceholderImage(_ref)
 };
 var ElementPopupPlaceholderImage = function ElementPopupPlaceholderImage(_ref2) {
   var other = Object.assign({}, (_objectDestructuringEmpty(_ref2), _ref2));
-  return /*#__PURE__*/jsxs("svg", _objectSpread$2(_objectSpread$2({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$3(_objectSpread$3({
     fill: "none",
     height: "518",
     viewBox: "0 0 748 518",
@@ -1527,8 +1527,8 @@ var Inline = function Inline(_ref) {
   });
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var buildQueryParams = function buildQueryParams() {
   var customization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var existingQueryParams = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -1538,7 +1538,7 @@ var buildQueryParams = function buildQueryParams() {
     if (value) acc[key] = value;
     return acc;
   }, {});
-  return _objectSpread$1(_objectSpread$1({}, existingQueryParams), activeOptions);
+  return _objectSpread$2(_objectSpread$2({}, existingQueryParams), activeOptions);
 };
 var buildIframeURL = function buildIframeURL(_ref) {
   var previewURL = _ref.previewURL,
@@ -1600,8 +1600,8 @@ var Preview = function Preview(_ref) {
 var css = ".neeto-molecules-product-embed-size-input.neeto-ui-input__wrapper .neeto-ui-input__prefix{align-self:stretch;background-color:rgb(var(--neeto-ui-gray-200));margin-inline-start:0!important;padding-inline-end:.75rem;padding-inline-start:.75rem}.neeto-molecules-product-embed-tab{gap:.5rem}.neeto-molecules-product-embed-tab .neeto-ui-tab{border-radius:var(--neeto-ui-btn-border-radius);color:rgb(var(--neeto-ui-gray-800))}.neeto-molecules-product-embed-tab .neeto-ui-tab:not(.active):hover{background-color:rgb(var(--neeto-ui-gray-100))}.neeto-molecules-product-embed-tab .neeto-ui-tab.active{background-color:rgb(var(--neeto-ui-gray-200))}.neeto-molecules-embed__left-sidebar{align-items:flex-start;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;width:100%}@media (min-width:768px){.neeto-molecules-embed__left-sidebar{border-inline-end:1px solid rgb(var(--neeto-ui-gray-200));max-width:25rem}}@media (min-width:1024px){.neeto-molecules-embed__left-sidebar{max-width:30.3125rem}}.neeto-molecules-embed__code-block .neeto-molecules-code-block{font-size:.875rem;height:13.4375rem;margin-block-start:0!important}.neeto-molecules-embed__browser-preview{height:100%;min-height:18.75rem}.neeto-molecules-embed__browser-preview .neeto-molecules-browser-preview__body{position:relative}.neeto-molecules-embed__browser-preview .neeto-molecules-browser-preview__body iframe{height:100%;inset-inline-start:0;position:absolute;top:0;width:100%}.neeto-molecules-embed-landing-page__card{background-color:rgb(var(--neeto-ui-white))!important;border:1px solid rgb(var(--neeto-ui-gray-300))!important;border-radius:.75rem!important;outline:1px solid rgb(var(--neeto-ui-white))!important;padding:1.5rem!important;text-align:start!important;transition:all .3s!important}@media (prefers-reduced-motion:reduce){.neeto-molecules-embed-landing-page__card{transition:none!important}}.neeto-molecules-embed-landing-page__card:hover{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:1px solid rgb(var(--neeto-ui-primary-500))!important}";
 n(css,{});
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmbedRenderer = function EmbedRenderer(_ref) {
   var _options$iframe;
   var className = _ref.className,
@@ -1643,7 +1643,7 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
   };
   var updateCustomization = function updateCustomization(props) {
     return setCustomizations(function (prevState) {
-      return _objectSpread(_objectSpread({}, prevState), {}, _defineProperty({}, selectedEmbed, mergeLeft(props, prevState[selectedEmbed])));
+      return _objectSpread$1(_objectSpread$1({}, prevState), {}, _defineProperty({}, selectedEmbed, mergeLeft(props, prevState[selectedEmbed])));
     });
   };
   useEffect(function () {
@@ -1706,10 +1706,14 @@ var EmbedRenderer = function EmbedRenderer(_ref) {
   });
 };
 
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmbedSelector = function EmbedSelector(_ref) {
   var options = _ref.options,
     goBackLink = _ref.goBackLink,
-    title = _ref.title;
+    title = _ref.title,
+    titleHelpPopoverProps = _ref.titleHelpPopoverProps,
+    subTitleHelpPopoverProps = _ref.subTitleHelpPopoverProps;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var history = useHistory();
@@ -1726,17 +1730,20 @@ var EmbedSelector = function EmbedSelector(_ref) {
       style: "link",
       to: goBackLink
     }), /*#__PURE__*/jsx(Header, {
+      titleHelpPopoverProps: titleHelpPopoverProps,
       className: "py-0",
       "data-testid": "embed-selector-header",
       title: t("neetoMolecules.productEmbed.title")
     }), /*#__PURE__*/jsxs("div", {
       className: "neeto-molecules-embed-landing-page__container mx-auto w-full max-w-5xl py-6 md:py-10",
-      children: [/*#__PURE__*/jsx(Typography, {
+      children: [/*#__PURE__*/jsxs(Typography, {
         className: "mb-2",
         style: "h2",
-        children: title || t("neetoMolecules.productEmbed.embedSelectionTitle", {
+        children: [title || t("neetoMolecules.productEmbed.embedSelectionTitle", {
           productName: globalProps.appName
-        })
+        }), isPresent(subTitleHelpPopoverProps) && /*#__PURE__*/jsx(HelpPopover, _objectSpread(_objectSpread({}, subTitleHelpPopoverProps), {}, {
+          className: classnames("ml-2 align-middle", subTitleHelpPopoverProps === null || subTitleHelpPopoverProps === void 0 ? void 0 : subTitleHelpPopoverProps.className)
+        }))]
       }), /*#__PURE__*/jsx(Typography, {
         className: "mb-8",
         style: "body1",
@@ -1777,6 +1784,10 @@ var EmbedSelector = function EmbedSelector(_ref) {
 
 var ProductEmbed = function ProductEmbed(_ref) {
   var title = _ref.title,
+    _ref$titleHelpPopover = _ref.titleHelpPopoverProps,
+    titleHelpPopoverProps = _ref$titleHelpPopover === void 0 ? {} : _ref$titleHelpPopover,
+    _ref$subTitleHelpPopo = _ref.subTitleHelpPopoverProps,
+    subTitleHelpPopoverProps = _ref$subTitleHelpPopo === void 0 ? {} : _ref$subTitleHelpPopo,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$customEmbedScrip = _ref.customEmbedScriptPath,
@@ -1834,7 +1845,9 @@ var ProductEmbed = function ProductEmbed(_ref) {
   }) : /*#__PURE__*/jsx(EmbedSelector, {
     goBackLink: goBackLink,
     options: options,
-    title: title
+    subTitleHelpPopoverProps: subTitleHelpPopoverProps,
+    title: title,
+    titleHelpPopoverProps: titleHelpPopoverProps
   });
 };