@bigbinary/neeto-molecules 3.16.68 → 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.
- package/dist/ProductEmbed.js +4 -48
- package/dist/ProductEmbed.js.map +1 -1
- package/dist/SessionEnvironment.js +1 -0
- package/dist/SessionEnvironment.js.map +1 -1
- package/dist/cjs/ProductEmbed.js +4 -48
- package/dist/cjs/ProductEmbed.js.map +1 -1
- package/dist/cjs/SessionEnvironment.js +1 -0
- package/dist/cjs/SessionEnvironment.js.map +1 -1
- package/package.json +1 -1
package/dist/ProductEmbed.js
CHANGED
|
@@ -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, "
|
|
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, "
|
|
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
|
|
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__*/
|
|
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
|
});
|