@bigbinary/neeto-molecules 3.15.35 → 3.15.36

package/dist/ShareViaLink.js

@@ -22,6 +22,7 @@ import * as yup from 'yup';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { n } from './inject-css-DmrvuTKK.js';
 import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
+import Help from '@bigbinary/neeto-icons/Help';
 import Modal from '@bigbinary/neetoui/Modal';
 import Input$1 from '@bigbinary/neetoui/Input';
 import Select from '@bigbinary/neetoui/Select';
@@ -53,8 +54,8 @@ var ExpiryNotice = function ExpiryNotice(_ref) {
   return /*#__PURE__*/jsx(Typography, {
     "data-testid": "expiry-notice",
     lineHeight: "normal",
-    style: "body2",
-    className: classnames({
+    style: "body3",
+    className: classnames("ml-1", {
       "neeto-ui-text-error-800": daysBeforeExpiry <= 1,
       "neeto-ui-text-gray-700": daysBeforeExpiry > 1
     }),
@@ -243,17 +244,20 @@ var RegenerateURL = function RegenerateURL(_ref) {
     handleRegenerate = _ref.handleRegenerate,
     _ref$regenerateConfig = _ref.regenerateConfig,
     regenerateConfig = _ref$regenerateConfig === void 0 ? {
-      expiresInOptions: []
+      expiresInOptions: [],
+      helpUrl: null
     } : _ref$regenerateConfig;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var prevIsLoadingRef = useRef(isLoading);
   var regenerateStrategy = isPresent(regenerateConfig === null || regenerateConfig === void 0 ? void 0 : regenerateConfig.expiresInOptions) ? "expiryBased" : "basic";
-  var _useState = useState(regenerateConfig === null || regenerateConfig === void 0 || (_regenerateConfig$exp = regenerateConfig.expiresInOptions) === null || _regenerateConfig$exp === void 0 || (_regenerateConfig$exp = _regenerateConfig$exp[0]) === null || _regenerateConfig$exp === void 0 ? void 0 : _regenerateConfig$exp.value),
+  var defaultExpiresInOption = regenerateConfig === null || regenerateConfig === void 0 || (_regenerateConfig$exp = regenerateConfig.expiresInOptions) === null || _regenerateConfig$exp === void 0 || (_regenerateConfig$exp = _regenerateConfig$exp[0]) === null || _regenerateConfig$exp === void 0 ? void 0 : _regenerateConfig$exp.value;
+  var _useState = useState(defaultExpiresInOption),
     _useState2 = _slicedToArray(_useState, 2),
     selectedExpiresInOption = _useState2[0],
     setSelectedExpiresInOption = _useState2[1];
-  var _useState3 = useState(dayjs().add(10, "day").toDate()),
+  var defaultExpiresOnDate = dayjs().add(10, "day").toDate();
+  var _useState3 = useState(defaultExpiresOnDate),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedExpiresOnDate = _useState4[0],
     setSelectedExpiresOnDate = _useState4[1];
@@ -275,6 +279,11 @@ var RegenerateURL = function RegenerateURL(_ref) {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
   }, [isLoading]);
+  useEffect(function () {
+    if (!isOpen) return;
+    setSelectedExpiresInOption(defaultExpiresInOption);
+    setSelectedExpiresOnDate(defaultExpiresOnDate);
+  }, [isOpen]);
   return /*#__PURE__*/jsxs(Modal, {
     isOpen: isOpen,
     onClose: onClose,
@@ -285,7 +294,7 @@ var RegenerateURL = function RegenerateURL(_ref) {
         lineHeight: "normal",
         style: "h2",
         weight: "semibold",
-        children: t("neetoMolecules.shareViaLink.regenerateUrl.title")
+        children: regenerateStrategy === "expiryBased" ? t("neetoMolecules.shareViaLink.regenerateUrl.titleForExpiryBasedRegeneration") : t("neetoMolecules.shareViaLink.regenerateUrl.title")
       })
     }), /*#__PURE__*/jsx(Modal.Body, {
       children: /*#__PURE__*/jsxs("div", {
@@ -305,6 +314,20 @@ var RegenerateURL = function RegenerateURL(_ref) {
               "w-full": !isSelectedExpiresInOptionCustom
             }),
             label: t("neetoMolecules.shareViaLink.regenerateUrl.expiresInLabel"),
+            labelProps: {
+              helpIconProps: isPresent(regenerateConfig === null || regenerateConfig === void 0 ? void 0 : regenerateConfig.helpUrl) && {
+                icon: Help,
+                className: "cursor-pointer opacity-75 hover:opacity-100 transition-opacity duration-300 ease-in-out",
+                popoverProps: {
+                  title: t("neetoMolecules.shareViaLink.regenerateUrl.expiresInHelpTitle"),
+                  helpLinkProps: {
+                    label: t("neetoMolecules.shareViaLink.regenerateUrl.helpLinkLabel"),
+                    href: regenerateConfig === null || regenerateConfig === void 0 ? void 0 : regenerateConfig.helpUrl,
+                    target: "_blank"
+                  }
+                }
+              }
+            },
             onChange: function onChange(option) {
               return setSelectedExpiresInOption(option.value);
             }
@@ -1498,20 +1521,26 @@ var ShareViaLink = function ShareViaLink(_ref) {
   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",
-    children: [urls.map(function (urlOption) {
-      return /*#__PURE__*/createElement(Link, {
-        enabledOptions: enabledOptions,
-        entityName: entityName,
-        handleEdit: handleEdit,
-        handleRegenerate: handleRegenerate,
-        isLoading: isLoading,
-        editUrlProps: omit(["url"], urlOption),
-        key: urlOption.url,
-        previewUrl: urlOption.previewUrl,
-        url: urlOption.url
-      });
-    }), isPresent(publicLinkExpiryConfiguration) && /*#__PURE__*/jsx(ExpiryNotice, {
-      expiryConfiguration: publicLinkExpiryConfiguration
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "space-y-4",
+        children: urls.map(function (urlOption) {
+          return /*#__PURE__*/createElement(Link, {
+            enabledOptions: enabledOptions,
+            entityName: entityName,
+            handleEdit: handleEdit,
+            handleRegenerate: handleRegenerate,
+            isLoading: isLoading,
+            editUrlProps: omit(["url"], urlOption),
+            key: urlOption.url,
+            previewUrl: urlOption.previewUrl,
+            url: urlOption.url
+          });
+        })
+      }), isPresent(publicLinkExpiryConfiguration) && /*#__PURE__*/jsx(ExpiryNotice, {
+        expiryConfiguration: publicLinkExpiryConfiguration
+      })]
     }), isOtherShareOptionsEnabled && /*#__PURE__*/jsx(ShareBlock, {
       disableQRDownload: disableQRDownload,
       disableShareSocialMedia: disableShareSocialMedia,