@bigbinary/neeto-molecules 3.3.11 → 3.3.13

package/dist/ShareViaLink.js

@@ -1,6 +1,6 @@
-import React__default, { useRef, useEffect, useState } from 'react';
 import { slugify, isPresent, noop } from '@bigbinary/neeto-cist';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default, { useRef, useEffect, useState, createElement } from 'react';
 import ExternalLink from '@bigbinary/neeto-icons/ExternalLink';
 import Button from '@bigbinary/neetoui/Button';
 import { useTranslation, Trans } from 'react-i18next';
@@ -18,11 +18,11 @@ import Twitter from '@bigbinary/neeto-icons/Twitter';
 import * as yup from 'yup';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { n } from './inject-css-c86de496.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import Modal from '@bigbinary/neetoui/Modal';
 import Input$1 from '@bigbinary/neetoui/Input';
 import classnames from 'classnames';
 import { Link as Link$1 } from 'react-router-dom';
-import '@babel/runtime/helpers/extends';
 import '@babel/runtime/helpers/defineProperty';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-icons/Copy';
@@ -121,59 +121,69 @@ var EditURL = function EditURL(_ref) {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
   }, [isLoading]);
-  return /*#__PURE__*/React__default.createElement(Pane, {
+  return /*#__PURE__*/jsxs(Pane, {
     isOpen: isOpen,
     onClose: onClose,
     "data-testid": "edit-url-modal",
     initialFocusRef: focusRef,
-    size: "large"
-  }, /*#__PURE__*/React__default.createElement(Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    lineHeight: "normal",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.editUrl.title"))), /*#__PURE__*/React__default.createElement(Formik, {
-    enableReinitialize: true,
-    initialValues: {
-      path: (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.editablePath) || getPathname(url)
-    },
-    validationSchema: PATH_VALIDATION_SCHEMA,
-    onSubmit: function onSubmit(_ref2) {
-      var path = _ref2.path;
-      return handleEdit(path);
-    }
-  }, function (_ref3) {
-    var isSubmitting = _ref3.isSubmitting,
-      dirty = _ref3.dirty;
-    return /*#__PURE__*/React__default.createElement(Form, null, /*#__PURE__*/React__default.createElement(Body, {
-      className: "space-y-6"
-    }, /*#__PURE__*/React__default.createElement(Input, {
-      className: "no-padding w-full flex-grow-0",
-      "data-testid": "edit-url-input",
-      label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
-      maxLength: editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.maxLength,
-      name: "path",
-      ref: focusRef,
-      prefix: truncatePrefix((editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url))
-    }), /*#__PURE__*/React__default.createElement(Typography, {
-      className: "neeto-ui-text-gray-700",
-      lineHeight: "normal",
-      style: "body2"
-    }, t("neetoMolecules.shareViaLink.editUrl.description"))), /*#__PURE__*/React__default.createElement(Footer, {
-      className: "space-x-2"
-    }, /*#__PURE__*/React__default.createElement(ActionBlock, {
-      className: "flex items-center space-x-2",
-      cancelButtonProps: {
-        onClick: onClose,
-        disabled: isSubmitting,
-        "data-testid": "edit-url-cancel-button"
+    size: "large",
+    children: [/*#__PURE__*/jsx(Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        lineHeight: "normal",
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoMolecules.shareViaLink.editUrl.title")
+      })
+    }), /*#__PURE__*/jsx(Formik, {
+      enableReinitialize: true,
+      initialValues: {
+        path: (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.editablePath) || getPathname(url)
       },
-      submitButtonProps: {
-        disabled: isSubmitting || !dirty,
-        loading: isLoading,
-        "data-testid": "edit-url-confirm-button"
+      validationSchema: PATH_VALIDATION_SCHEMA,
+      onSubmit: function onSubmit(_ref2) {
+        var path = _ref2.path;
+        return handleEdit(path);
+      },
+      children: function children(_ref3) {
+        var isSubmitting = _ref3.isSubmitting,
+          dirty = _ref3.dirty;
+        return /*#__PURE__*/jsxs(Form, {
+          children: [/*#__PURE__*/jsxs(Body, {
+            className: "space-y-6",
+            children: [/*#__PURE__*/jsx(Input, {
+              className: "no-padding w-full flex-grow-0",
+              "data-testid": "edit-url-input",
+              label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
+              maxLength: editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.maxLength,
+              name: "path",
+              ref: focusRef,
+              prefix: truncatePrefix((editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url))
+            }), /*#__PURE__*/jsx(Typography, {
+              className: "neeto-ui-text-gray-700",
+              lineHeight: "normal",
+              style: "body2",
+              children: t("neetoMolecules.shareViaLink.editUrl.description")
+            })]
+          }), /*#__PURE__*/jsx(Footer, {
+            className: "space-x-2",
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              className: "flex items-center space-x-2",
+              cancelButtonProps: {
+                onClick: onClose,
+                disabled: isSubmitting,
+                "data-testid": "edit-url-cancel-button"
+              },
+              submitButtonProps: {
+                disabled: isSubmitting || !dirty,
+                loading: isLoading,
+                "data-testid": "edit-url-confirm-button"
+              }
+            })
+          })]
+        });
       }
-    })));
-  }));
+    })]
+  });
 };
 
 var RegenerateURL = function RegenerateURL(_ref) {
@@ -189,39 +199,48 @@ var RegenerateURL = function RegenerateURL(_ref) {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
   }, [isLoading]);
-  return /*#__PURE__*/React__default.createElement(Modal, {
+  return /*#__PURE__*/jsxs(Modal, {
     isOpen: isOpen,
     onClose: onClose,
-    "data-testid": "regenerate-url-modal"
-  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    lineHeight: "normal",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.regenerateUrl.title"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "w-full space-y-6"
-  }, /*#__PURE__*/React__default.createElement(Input$1, {
-    disabled: true,
-    label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
-    value: url
-  }), /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-700",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.shareViaLink.regenerateUrl.description")))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
-    className: "space-x-2"
-  }, /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "regenerate-url-confirm-button",
-    "data-testid": "regenerate-url-confirm-button",
-    loading: isLoading,
-    label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
-    onClick: handleRegenerate
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "regenerate-url-cancel-button",
-    "data-testid": "regenerate-url-cancel-button",
-    style: "text",
-    label: t("neetoMolecules.shareViaLink.regenerateUrl.cancelButtonLabel"),
-    onClick: onClose
-  })));
+    "data-testid": "regenerate-url-modal",
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        lineHeight: "normal",
+        style: "h2",
+        weight: "semibold",
+        children: t("neetoMolecules.shareViaLink.regenerateUrl.title")
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "w-full space-y-6",
+        children: [/*#__PURE__*/jsx(Input$1, {
+          disabled: true,
+          label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
+          value: url
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "neeto-ui-text-gray-700",
+          lineHeight: "normal",
+          style: "body2",
+          children: t("neetoMolecules.shareViaLink.regenerateUrl.description")
+        })]
+      })
+    }), /*#__PURE__*/jsxs(Modal.Footer, {
+      className: "space-x-2",
+      children: [/*#__PURE__*/jsx(Button, {
+        "data-cy": "regenerate-url-confirm-button",
+        "data-testid": "regenerate-url-confirm-button",
+        loading: isLoading,
+        label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
+        onClick: handleRegenerate
+      }), /*#__PURE__*/jsx(Button, {
+        "data-cy": "regenerate-url-cancel-button",
+        "data-testid": "regenerate-url-cancel-button",
+        style: "text",
+        label: t("neetoMolecules.shareViaLink.regenerateUrl.cancelButtonLabel"),
+        onClick: onClose
+      })]
+    })]
+  });
 };
 
 var Link = function Link(_ref) {
@@ -244,73 +263,79 @@ var Link = function Link(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var isDropdownEnabled = enabledOptions.regenerate || enabledOptions.edit;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "space-y-4",
     "data-cy": "link-block",
-    "data-testid": "link-block"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-1"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-rounded-md relative min-w-0 flex-grow truncate border p-2 leading-none",
-    "data-cy": "nui-input-field"
-  }, url), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex w-full flex-shrink-0 items-center gap-1 sm:w-auto"
-  }, /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
-    "data-cy": "link-copy-button",
-    "data-testid": "link-copy-button",
-    label: t("neetoMolecules.shareViaLink.copyLink"),
-    value: url
-  }), /*#__PURE__*/React__default.createElement(Button, {
-    "data-cy": "preview-button",
-    "data-testid": "preview-button",
-    href: previewUrl || url,
-    icon: ExternalLink,
-    style: "secondary",
-    target: "_blank",
-    tooltipProps: {
-      content: t("neetoMolecules.shareViaLink.view", {
-        entity: entityName
-      }),
-      position: "top"
-    }
-  }), isDropdownEnabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MoreDropdown, {
-    menuItems: [{
-      isVisible: enabledOptions.regenerate,
-      "data-testid": "regenerate-url-button",
-      "data-cy": "regenerate-url-button",
-      onClick: function onClick() {
-        return setIsRegenerateURLModalOpen(true);
-      },
-      label: t("neetoMolecules.shareViaLink.regenerateUrl.title"),
-      key: "regenerate-url-option"
-    }, {
-      isVisible: enabledOptions.edit,
-      "data-testid": "edit-url-button",
-      "data-cy": "edit-url-button",
-      onClick: function onClick() {
-        return setIsEditURLModalOpen(true);
-      },
-      label: t("neetoMolecules.shareViaLink.editUrl.title"),
-      key: "edit-url-option"
-    }]
-  }), /*#__PURE__*/React__default.createElement(RegenerateURL, {
-    handleRegenerate: handleRegenerate,
-    isLoading: isLoading,
-    url: url,
-    isOpen: isRegenerateURLModalOpen,
-    onClose: function onClose() {
-      return setIsRegenerateURLModalOpen(false);
-    }
-  }), /*#__PURE__*/React__default.createElement(EditURL, {
-    editUrlProps: editUrlProps,
-    handleEdit: handleEdit,
-    isLoading: isLoading,
-    url: url,
-    isOpen: isEditURLModalOpen,
-    onClose: function onClose() {
-      return setIsEditURLModalOpen(false);
-    }
-  })))));
+    "data-testid": "link-block",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-2 sm:flex-row sm:items-center sm:gap-1",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "neeto-ui-rounded-md relative min-w-0 flex-grow truncate border p-2 leading-none",
+        "data-cy": "nui-input-field",
+        children: url
+      }), /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-shrink-0 items-center gap-1 sm:w-auto",
+        children: [/*#__PURE__*/jsx(CopyToClipboardButton, {
+          "data-cy": "link-copy-button",
+          "data-testid": "link-copy-button",
+          label: t("neetoMolecules.shareViaLink.copyLink"),
+          value: url
+        }), /*#__PURE__*/jsx(Button, {
+          "data-cy": "preview-button",
+          "data-testid": "preview-button",
+          href: previewUrl || url,
+          icon: ExternalLink,
+          style: "secondary",
+          target: "_blank",
+          tooltipProps: {
+            content: t("neetoMolecules.shareViaLink.view", {
+              entity: entityName
+            }),
+            position: "top"
+          }
+        }), isDropdownEnabled && /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(MoreDropdown, {
+            menuItems: [{
+              isVisible: enabledOptions.regenerate,
+              "data-testid": "regenerate-url-button",
+              "data-cy": "regenerate-url-button",
+              onClick: function onClick() {
+                return setIsRegenerateURLModalOpen(true);
+              },
+              label: t("neetoMolecules.shareViaLink.regenerateUrl.title"),
+              key: "regenerate-url-option"
+            }, {
+              isVisible: enabledOptions.edit,
+              "data-testid": "edit-url-button",
+              "data-cy": "edit-url-button",
+              onClick: function onClick() {
+                return setIsEditURLModalOpen(true);
+              },
+              label: t("neetoMolecules.shareViaLink.editUrl.title"),
+              key: "edit-url-option"
+            }]
+          }), /*#__PURE__*/jsx(RegenerateURL, {
+            handleRegenerate: handleRegenerate,
+            isLoading: isLoading,
+            url: url,
+            isOpen: isRegenerateURLModalOpen,
+            onClose: function onClose() {
+              return setIsRegenerateURLModalOpen(false);
+            }
+          }), /*#__PURE__*/jsx(EditURL, {
+            editUrlProps: editUrlProps,
+            handleEdit: handleEdit,
+            isLoading: isLoading,
+            url: url,
+            isOpen: isEditURLModalOpen,
+            onClose: function onClose() {
+              return setIsEditURLModalOpen(false);
+            }
+          })]
+        })]
+      })]
+    })
+  });
 };
 
 var __defProp = Object.defineProperty;
@@ -1185,37 +1210,39 @@ var QRCode = function QRCode(_ref) {
       name: slugify(name)
     });
   };
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col justify-center space-y-2 py-3 pl-8 sm:space-y-4 sm:py-2 sm:pl-6",
     "data-cy": "qr-download-block",
-    "data-testid": "qr-download-block"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    lineHeight: "normal",
-    style: "body2",
-    weight: "medium"
-  }, /*#__PURE__*/React__default.createElement(Trans, {
-    i18nKey: "neetoMolecules.shareViaLink.socialMediaShare.qrCodeInfo",
-    components: {
-      button: /*#__PURE__*/React__default.createElement(Button, {
-        "data-cy": "qr-code-download-button",
-        "data-testid": "qr-code-download-button",
-        style: "link",
-        onClick: handleDownload
+    "data-testid": "qr-download-block",
+    children: [/*#__PURE__*/jsx(Typography, {
+      lineHeight: "normal",
+      style: "body2",
+      weight: "medium",
+      children: /*#__PURE__*/jsx(Trans, {
+        i18nKey: "neetoMolecules.shareViaLink.socialMediaShare.qrCodeInfo",
+        components: {
+          button: /*#__PURE__*/jsx(Button, {
+            "data-cy": "qr-code-download-button",
+            "data-testid": "qr-code-download-button",
+            style: "link",
+            onClick: handleDownload
+          })
+        }
       })
-    }
-  })), /*#__PURE__*/React__default.createElement(QRCode$1, {
-    className: "cursor-pointer",
-    "data-cy": "qr-code-image",
-    "data-testid": canvasId,
-    id: canvasId,
-    size: 256,
-    style: {
-      width: 80,
-      height: 80
-    },
-    value: url,
-    onClick: handleDownload
-  }));
+    }), /*#__PURE__*/jsx(QRCode$1, {
+      className: "cursor-pointer",
+      "data-cy": "qr-code-image",
+      "data-testid": canvasId,
+      id: canvasId,
+      size: 256,
+      style: {
+        width: 80,
+        height: 80
+      },
+      value: url,
+      onClick: handleDownload
+    })]
+  });
 };
 
 var ShareBlock = function ShareBlock(_ref) {
@@ -1229,70 +1256,76 @@ var ShareBlock = function ShareBlock(_ref) {
     t = _useTranslation.t;
   var socialMediaButtonClasses = "neeto-ui-bg-gray-200 hover:neeto-ui-bg-gray-300 flex h-10 w-10 cursor-pointer items-center justify-center neeto-ui-rounded-md transition-colors duration-300 ease-in-out";
   var hasMoreOptions = isPresent(moreOptions);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "flex flex-col divide-y sm:flex-row sm:gap-6 sm:divide-x sm:divide-y-0"
-  }, hasMoreOptions && /*#__PURE__*/React__default.createElement("div", {
-    className: "divide-y"
-  }, moreOptions.map(function (_ref2) {
-    var title = _ref2.title,
-      link = _ref2.link,
-      Icon = _ref2.icon,
-      onClick = _ref2.onClick,
-      dataCy = _ref2.dataCy;
-    var Component = isPresent(link) ? Link$1 : "div";
-    return /*#__PURE__*/React__default.createElement(Component, {
-      onClick: onClick,
-      className: "flex cursor-pointer items-center gap-x-2 py-3",
-      "data-cy": dataCy,
-      key: link,
-      to: link
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      className: "neeto-ui-text-gray-500",
-      size: 24
-    }), /*#__PURE__*/React__default.createElement(Typography, {
-      className: "group-hover:underline",
-      style: "body2",
-      weight: "medium"
-    }, title));
-  })), !disableShareSocialMedia && /*#__PURE__*/React__default.createElement("div", {
-    "data-cy": "social-media-block",
-    "data-testid": "social-media-block",
-    className: classnames("space-y-2 py-3 sm:space-y-4 sm:py-2", {
-      "pl-8 sm:pl-6": hasMoreOptions
-    })
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-gray-800",
-    lineHeight: "normal",
-    style: "body2",
-    weight: "medium"
-  }, t("neetoMolecules.shareViaLink.socialMediaShare.title")), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex gap-4"
-  }, Object.entries(SOCIAL_MEDIA_OPTIONS).map(function (_ref3) {
-    var _ref4 = _slicedToArray(_ref3, 2),
-      key = _ref4[0],
-      _ref4$ = _ref4[1],
-      label = _ref4$.label,
-      Icon = _ref4$.icon,
-      generateShareUrl = _ref4$.generateShareUrl;
-    return /*#__PURE__*/React__default.createElement("a", {
-      className: socialMediaButtonClasses,
-      "data-cy": "social-media-button-".concat(key),
-      "data-testid": "social-media-button-".concat(key),
-      href: generateShareUrl({
-        id: entity.id,
-        title: postTitle
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col divide-y sm:flex-row sm:gap-6 sm:divide-x sm:divide-y-0",
+    children: [hasMoreOptions && /*#__PURE__*/jsx("div", {
+      className: "divide-y",
+      children: moreOptions.map(function (_ref2) {
+        var title = _ref2.title,
+          link = _ref2.link,
+          Icon = _ref2.icon,
+          onClick = _ref2.onClick,
+          dataCy = _ref2.dataCy;
+        var Component = isPresent(link) ? Link$1 : "div";
+        return /*#__PURE__*/createElement(Component, {
+          onClick: onClick,
+          className: "flex cursor-pointer items-center gap-x-2 py-3",
+          "data-cy": dataCy,
+          key: link,
+          to: link
+        }, /*#__PURE__*/jsx(Icon, {
+          className: "neeto-ui-text-gray-500",
+          size: 24
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "group-hover:underline",
+          style: "body2",
+          weight: "medium",
+          children: title
+        }));
+      })
+    }), !disableShareSocialMedia && /*#__PURE__*/jsxs("div", {
+      "data-cy": "social-media-block",
+      "data-testid": "social-media-block",
+      className: classnames("space-y-2 py-3 sm:space-y-4 sm:py-2", {
+        "pl-8 sm:pl-6": hasMoreOptions
       }),
-      key: key,
-      rel: "noopener noreferrer",
-      target: "_blank",
-      title: label
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      size: 24
-    }));
-  }))), !disableQRDownload && /*#__PURE__*/React__default.createElement(QRCode, {
-    entity: entity,
-    url: url
-  }));
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-text-gray-800",
+        lineHeight: "normal",
+        style: "body2",
+        weight: "medium",
+        children: t("neetoMolecules.shareViaLink.socialMediaShare.title")
+      }), /*#__PURE__*/jsx("div", {
+        className: "flex gap-4",
+        children: Object.entries(SOCIAL_MEDIA_OPTIONS).map(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            key = _ref4[0],
+            _ref4$ = _ref4[1],
+            label = _ref4$.label,
+            Icon = _ref4$.icon,
+            generateShareUrl = _ref4$.generateShareUrl;
+          return /*#__PURE__*/jsx("a", {
+            className: socialMediaButtonClasses,
+            "data-cy": "social-media-button-".concat(key),
+            "data-testid": "social-media-button-".concat(key),
+            href: generateShareUrl({
+              id: entity.id,
+              title: postTitle
+            }),
+            rel: "noopener noreferrer",
+            target: "_blank",
+            title: label,
+            children: /*#__PURE__*/jsx(Icon, {
+              size: 24
+            })
+          }, key);
+        })
+      })]
+    }), !disableQRDownload && /*#__PURE__*/jsx(QRCode, {
+      entity: entity,
+      url: url
+    })]
+  });
 };
 
 var ShareViaLink = function ShareViaLink(_ref) {
@@ -1325,26 +1358,27 @@ var ShareViaLink = function ShareViaLink(_ref) {
     disableShareSocialMedia = _ref$disableShareSoci === void 0 ? false : _ref$disableShareSoci,
     _ref$disableQRDownloa = _ref.disableQRDownload,
     disableQRDownload = _ref$disableQRDownloa === void 0 ? false : _ref$disableQRDownloa;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsxs("div", {
     className: "neeto-ui-border-gray-300 neeto-ui-rounded-lg neeto-ui-bg-white col-span-2 space-y-4 border p-6 sm:p-8",
-    "data-testid": "share-via-link"
-  }, /*#__PURE__*/React__default.createElement(Link, {
-    editUrlProps: editUrlProps,
-    enabledOptions: enabledOptions,
-    entityName: entityName,
-    handleEdit: handleEdit,
-    handleRegenerate: handleRegenerate,
-    isLoading: isLoading,
-    previewUrl: previewUrl,
-    url: url
-  }), isOtherShareOptionsEnabled && /*#__PURE__*/React__default.createElement(ShareBlock, {
-    disableQRDownload: disableQRDownload,
-    disableShareSocialMedia: disableShareSocialMedia,
-    entity: entity,
-    moreOptions: moreOptions,
-    url: url,
-    postTitle: socialMediaPostTitle
-  }));
+    "data-testid": "share-via-link",
+    children: [/*#__PURE__*/jsx(Link, {
+      editUrlProps: editUrlProps,
+      enabledOptions: enabledOptions,
+      entityName: entityName,
+      handleEdit: handleEdit,
+      handleRegenerate: handleRegenerate,
+      isLoading: isLoading,
+      previewUrl: previewUrl,
+      url: url
+    }), isOtherShareOptionsEnabled && /*#__PURE__*/jsx(ShareBlock, {
+      disableQRDownload: disableQRDownload,
+      disableShareSocialMedia: disableShareSocialMedia,
+      entity: entity,
+      moreOptions: moreOptions,
+      url: url,
+      postTitle: socialMediaPostTitle
+    })]
+  });
 };
 
 export { ShareViaLink as default };