@bigbinary/neeto-molecules 3.16.69 → 3.16.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -151,7 +151,7 @@ var iframeEmbedCode$1 = function iframeEmbedCode(_ref6) {
151
151
  queryParams: queryParams,
152
152
  extraArgs: extraArgs
153
153
  });
154
- return "\n <!-- ".concat(globalProps.appName, " iframe embed code begins -->\n <iframe\n allowfullscreen\n height=\"").concat(height, "%\"\n width=\"").concat(width, "%\"\n frameborder=\"0\"\n title=\"").concat(iframeTitle, "\"\n src=\"").concat(iframeSrc, "\"\n />\n <!-- ").concat(globalProps.appName, " iframe embed code ends -->");
154
+ return "\n <!-- ".concat(globalProps.appName, " iframe embed code begins -->\n <iframe\n allowfullscreen\n height=\"").concat(height, "\"\n width=\"").concat(width, "\"\n frameborder=\"0\"\n title=\"").concat(iframeTitle, "\"\n src=\"").concat(iframeSrc, "\"\n />\n <!-- ").concat(globalProps.appName, " iframe embed code ends -->");
155
155
  };
156
156
  var htmlCodeGenerators = {
157
157
  inline: inlineEmbedCode$1,
@@ -240,7 +240,7 @@ var iframeEmbedCode = function iframeEmbedCode(_ref6) {
240
240
  queryParams: queryParams,
241
241
  extraArgs: extraArgs
242
242
  });
243
- return "\n const App = () => {\n return (\n <>\n {/* ".concat(globalProps.appName, " iframe embed code begins */}\n <iframe\n allowFullScreen\n height=\"").concat(height, "%\"\n width=\"").concat(width, "%\"\n frameBorder=\"0\"\n title=\"").concat(iframeTitle, "\"\n src=\"").concat(iframeSrc, "\"\n />\n {/* ").concat(globalProps.appName, " iframe embed code ends */}\n </>\n );\n };\n ");
243
+ return "\n const App = () => {\n return (\n <>\n {/* ".concat(globalProps.appName, " iframe embed code begins */}\n <iframe\n allowFullScreen\n height=\"").concat(height, "\"\n width=\"").concat(width, "\"\n frameBorder=\"0\"\n title=\"").concat(iframeTitle, "\"\n src=\"").concat(iframeSrc, "\"\n />\n {/* ").concat(globalProps.appName, " iframe embed code ends */}\n </>\n );\n };\n ");
244
244
  };
245
245
  var reactCodeGenerators = {
246
246
  inline: inlineEmbedCode,
@@ -537,23 +537,14 @@ var FloatingPopup$1 = function FloatingPopup(_ref) {
537
537
  };
538
538
 
539
539
  var Iframe$1 = function Iframe(_ref) {
540
- var customization = _ref.customization,
541
- updateCustomization = _ref.updateCustomization,
540
+ var updateCustomization = _ref.updateCustomization,
542
541
  otherCustomizations = _ref.otherCustomizations;
543
- var _useTranslation = useTranslation(),
544
- t = _useTranslation.t;
545
542
  var _useProductEmbedStore = useProductEmbedStore(function (store) {
546
543
  return {
547
544
  isQueryParamsEnabled: store["isQueryParamsEnabled"]
548
545
  };
549
546
  }, shallow),
550
547
  isQueryParamsEnabled = _useProductEmbedStore.isQueryParamsEnabled;
551
- var height = customization.height,
552
- width = customization.width;
553
- var handleInputChange = function handleInputChange(_ref2, attribute) {
554
- var value = _ref2.target.value;
555
- return updateCustomization(_defineProperty({}, attribute, value));
556
- };
557
548
  useEffect(function () {
558
549
  if (isQueryParamsEnabled) return;
559
550
  updateCustomization({
@@ -561,42 +552,7 @@ var Iframe$1 = function Iframe(_ref) {
561
552
  });
562
553
  }, []);
563
554
  return /*#__PURE__*/jsxs(Fragment, {
564
- children: [/*#__PURE__*/jsxs("div", {
565
- className: "flex flex-col gap-2",
566
- children: [/*#__PURE__*/jsx(Label, {
567
- "data-cy": "window-size-text",
568
- children: t("neetoMolecules.productEmbed.iframe.sizeOfIframe")
569
- }), /*#__PURE__*/jsxs("div", {
570
- className: "flex justify-between gap-x-2",
571
- children: [/*#__PURE__*/jsx(Input, {
572
- className: "neeto-molecules-product-embed-size-input",
573
- "data-cy": "iframe-width-input-field",
574
- "data-testid": "iframe-width-input-field",
575
- max: 100,
576
- min: 0,
577
- prefix: "W",
578
- suffix: "%",
579
- type: "number",
580
- value: width,
581
- onChange: function onChange(e) {
582
- return handleInputChange(e, "width");
583
- }
584
- }), /*#__PURE__*/jsx(Input, {
585
- className: "neeto-molecules-product-embed-size-input",
586
- "data-cy": "iframe-height-input-field",
587
- "data-testid": "iframe-height-input-field",
588
- max: 100,
589
- min: 0,
590
- prefix: "H",
591
- suffix: "%",
592
- type: "number",
593
- value: height,
594
- onChange: function onChange(e) {
595
- return handleInputChange(e, "height");
596
- }
597
- })]
598
- })]
599
- }), otherCustomizations(), isQueryParamsEnabled && /*#__PURE__*/jsx(DynamicQueryParams, {
555
+ children: [otherCustomizations(), isQueryParamsEnabled && /*#__PURE__*/jsx(DynamicQueryParams, {
600
556
  updateCustomization: updateCustomization
601
557
  })]
602
558
  });