@bigbinary/neeto-molecules 3.16.93 → 3.16.95

package/dist/ShareViaLink.js

@@ -1,4 +1,4 @@
-import { isPresent, noop, isNotPresent, slugify } from '@bigbinary/neeto-cist';
+import { isPresent, noop, isNotEmpty, isNotPresent, slugify } from '@bigbinary/neeto-cist';
 import PrivateRoute from '@bigbinary/neeto-commons-frontend/react-utils/PrivateRoute';
 import { Link as Link$1, useLocation, useHistory, useRouteMatch, Switch, Route } from 'react-router-dom';
 import ErrorPage from './ErrorPage.js';
@@ -565,13 +565,15 @@ var Card = function Card(_ref) {
       children: [Icon && /*#__PURE__*/jsx(Icon, {
         className: "neeto-ui-text-gray-500 flex-shrink-0",
         size: 24
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "min-w-0 flex-grow break-words",
+      }), /*#__PURE__*/jsxs(Typography, {
+        className: "neeto-molecules-share-landing__card-title min-w-0 flex-grow break-words",
         style: "h4",
-        children: title
-      }), helpPopoverProps && /*#__PURE__*/jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
+        children: [title, helpPopoverProps && /*#__PURE__*/jsxs(Fragment, {
+          children: [" ", /*#__PURE__*/jsx(HelpPopover, _objectSpread({}, helpPopoverProps))]
+        })]
+      })]
     }), description && /*#__PURE__*/jsx(Typography, {
-      className: "break-words",
+      className: "neeto-molecules-share-landing__card-desc break-words",
       lineHeight: "normal",
       style: "body2",
       children: description
@@ -585,7 +587,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 = useLocation();
   var history = useHistory();
   var _useTranslation = useTranslation(),
@@ -596,7 +599,9 @@ var ShareBlock = function ShareBlock(_ref) {
   };
   var hasMoreOptions = isPresent(moreOptions);
   return /*#__PURE__*/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": isNotEmpty(urls)
+    }),
     children: [hasMoreOptions && moreOptions.filter(function (_ref2) {
       var permissions = _ref2.permissions;
       return isNotPresent(permissions) || globalProps.permissions.some(includes(__, permissions));
@@ -642,6 +647,7 @@ var ShareBlock = function ShareBlock(_ref) {
 };
 
 var MainPanel = function MainPanel(_ref) {
+  var _urls$;
   var title = _ref.title,
     description = _ref.description,
     qrCodeProps = _ref.qrCodeProps,
@@ -697,11 +703,11 @@ var MainPanel = function MainPanel(_ref) {
       }), /*#__PURE__*/jsxs("div", {
         className: "neeto-ui-rounded-lg neeto-ui-bg-white p-6 sm:p-8",
         "data-testid": "share-via-link",
-        children: [/*#__PURE__*/jsxs("div", {
+        children: [isNotEmpty(urls) && /*#__PURE__*/jsxs("div", {
           className: "space-y-1",
           children: [/*#__PURE__*/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__*/createElement(Link, {
                 enabledOptions: enabledOptions,
                 entityName: entityName,
@@ -724,7 +730,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]
     })
@@ -1664,7 +1671,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}";
 n(css,{});
 
 var SocialMedia = function SocialMedia(_ref) {
@@ -1787,21 +1794,23 @@ var ShareViaLink = function ShareViaLink(_ref) {
       exact: true,
       path: "".concat(sharePath, "/qrcode"),
       render: function render() {
+        var _urls$;
         return /*#__PURE__*/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__*/jsx(Route, {
       exact: true,
       path: "".concat(sharePath, "/social-media"),
       render: function render() {
+        var _urls$2;
         return /*#__PURE__*/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
         });
       }
     }), isPresent(moreOptions) && moreOptions.map(function (_ref2) {