@bigbinary/neeto-molecules 3.16.93 → 3.16.95

package/dist/cjs/ShareViaLink.js

@@ -586,13 +586,15 @@ var Card = function Card(_ref) {
       children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
         className: "neeto-ui-text-gray-500 flex-shrink-0",
         size: 24
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
-        className: "min-w-0 flex-grow break-words",
+      }), /*#__PURE__*/jsxRuntime.jsxs(Typography, {
+        className: "neeto-molecules-share-landing__card-title min-w-0 flex-grow break-words",
         style: "h4",
-        children: title
-      }), helpPopoverProps && /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
+        children: [title, helpPopoverProps && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [" ", /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
+        })]
+      })]
     }), description && /*#__PURE__*/jsxRuntime.jsx(Typography, {
-      className: "break-words",
+      className: "neeto-molecules-share-landing__card-desc break-words",
       lineHeight: "normal",
       style: "body2",
       children: description
@@ -606,7 +608,8 @@ var ShareBlock = function ShareBlock(_ref) {
     disableQRDownload = _ref.disableQRDownload,
     socialMediaProps = _ref.socialMediaProps,
     qrCodeProps = _ref.qrCodeProps,
-    entity = _ref.entity;
+    entity = _ref.entity,
+    urls = _ref.urls;
   var location = reactRouterDom.useLocation();
   var history = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
@@ -617,7 +620,9 @@ var ShareBlock = function ShareBlock(_ref) {
   };
   var hasMoreOptions = neetoCist.isPresent(moreOptions);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-ui-border-gray-200 mt-8 grid grid-cols-1 gap-4 border-t pt-8 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4",
+    className: classnames("grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3", {
+      "neeto-ui-border-gray-200 mt-8 border-t pt-8": neetoCist.isNotEmpty(urls)
+    }),
     children: [hasMoreOptions && moreOptions.filter(function (_ref2) {
       var permissions = _ref2.permissions;
       return neetoCist.isNotPresent(permissions) || globalProps.permissions.some(ramda.includes(ramda.__, permissions));
@@ -663,6 +668,7 @@ var ShareBlock = function ShareBlock(_ref) {
 };
 
 var MainPanel = function MainPanel(_ref) {
+  var _urls$;
   var title = _ref.title,
     description = _ref.description,
     qrCodeProps = _ref.qrCodeProps,
@@ -718,11 +724,11 @@ var MainPanel = function MainPanel(_ref) {
       }), /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "neeto-ui-rounded-lg neeto-ui-bg-white p-6 sm:p-8",
         "data-testid": "share-via-link",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        children: [neetoCist.isNotEmpty(urls) && /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "space-y-1",
           children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             className: "inline-flex max-w-full flex-col space-y-4",
-            children: urls.map(function (urlOption) {
+            children: urls === null || urls === void 0 ? void 0 : urls.map(function (urlOption) {
               return /*#__PURE__*/React.createElement(Link, {
                 enabledOptions: enabledOptions,
                 entityName: entityName,
@@ -745,7 +751,8 @@ var MainPanel = function MainPanel(_ref) {
           moreOptions: moreOptions,
           qrCodeProps: qrCodeProps,
           socialMediaProps: socialMediaProps,
-          url: urls[0].url
+          urls: urls,
+          url: (_urls$ = urls[0]) === null || _urls$ === void 0 ? void 0 : _urls$.url
         })]
       }), customBottomContent]
     })
@@ -1685,7 +1692,7 @@ var QRCode = function QRCode(_ref) {
   });
 };
 
-var css = ".neeto-molecules-share-landing__card{outline:1px solid rgb(var(--neeto-ui-white))!important;transition:all .3s!important}.neeto-molecules-share-landing__card:hover{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:1px solid rgb(var(--neeto-ui-primary-500))!important}";
+var css = ".neeto-molecules-share-landing__card{outline:1px solid rgb(var(--neeto-ui-white))!important;transition:all .3s!important}.neeto-molecules-share-landing__card:hover{border-color:rgb(var(--neeto-ui-primary-500))!important;outline:1px solid rgb(var(--neeto-ui-primary-500))!important}.neeto-molecules-share-landing__card-title .neeto-molecule-help-popover-trigger{display:inline-block!important;vertical-align:middle}";
 injectCss.n(css,{});
 
 var SocialMedia = function SocialMedia(_ref) {
@@ -1808,21 +1815,23 @@ var ShareViaLink = function ShareViaLink(_ref) {
       exact: true,
       path: "".concat(sharePath, "/qrcode"),
       render: function render() {
+        var _urls$;
         return /*#__PURE__*/jsxRuntime.jsx(QRCode, {
           entity: entity,
           qrCodeProps: qrCodeProps,
           shareUrl: shareUrl,
-          url: urls[0].url
+          url: (_urls$ = urls[0]) === null || _urls$ === void 0 ? void 0 : _urls$.url
         });
       }
     }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
       exact: true,
       path: "".concat(sharePath, "/social-media"),
       render: function render() {
+        var _urls$2;
         return /*#__PURE__*/jsxRuntime.jsx(SocialMedia, {
           shareUrl: shareUrl,
           socialMediaProps: socialMediaProps,
-          url: urls[0].url
+          url: (_urls$2 = urls[0]) === null || _urls$2 === void 0 ? void 0 : _urls$2.url
         });
       }
     }), neetoCist.isPresent(moreOptions) && moreOptions.map(function (_ref2) {