@bigbinary/neeto-molecules 3.15.35 → 3.15.36

package/dist/cjs/ShareViaLink.js

@@ -24,6 +24,7 @@ var yup = require('yup');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var injectCss = require('./inject-css-vQvjPR2x.js');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var Help = require('@bigbinary/neeto-icons/Help');
 var Modal = require('@bigbinary/neetoui/Modal');
 var Input$1 = require('@bigbinary/neetoui/Input');
 var Select = require('@bigbinary/neetoui/Select');
@@ -74,8 +75,8 @@ var ExpiryNotice = function ExpiryNotice(_ref) {
   return /*#__PURE__*/jsxRuntime.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
     }),
@@ -264,17 +265,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var prevIsLoadingRef = React.useRef(isLoading);
   var regenerateStrategy = neetoCist.isPresent(regenerateConfig === null || regenerateConfig === void 0 ? void 0 : regenerateConfig.expiresInOptions) ? "expiryBased" : "basic";
-  var _useState = React.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 = React.useState(defaultExpiresInOption),
     _useState2 = _slicedToArray(_useState, 2),
     selectedExpiresInOption = _useState2[0],
     setSelectedExpiresInOption = _useState2[1];
-  var _useState3 = React.useState(utils.dayjs().add(10, "day").toDate()),
+  var defaultExpiresOnDate = utils.dayjs().add(10, "day").toDate();
+  var _useState3 = React.useState(defaultExpiresOnDate),
     _useState4 = _slicedToArray(_useState3, 2),
     selectedExpiresOnDate = _useState4[0],
     setSelectedExpiresOnDate = _useState4[1];
@@ -296,6 +300,11 @@ var RegenerateURL = function RegenerateURL(_ref) {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
   }, [isLoading]);
+  React.useEffect(function () {
+    if (!isOpen) return;
+    setSelectedExpiresInOption(defaultExpiresInOption);
+    setSelectedExpiresOnDate(defaultExpiresOnDate);
+  }, [isOpen]);
   return /*#__PURE__*/jsxRuntime.jsxs(Modal, {
     isOpen: isOpen,
     onClose: onClose,
@@ -306,7 +315,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__*/jsxRuntime.jsx(Modal.Body, {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -326,6 +335,20 @@ var RegenerateURL = function RegenerateURL(_ref) {
               "w-full": !isSelectedExpiresInOptionCustom
             }),
             label: t("neetoMolecules.shareViaLink.regenerateUrl.expiresInLabel"),
+            labelProps: {
+              helpIconProps: neetoCist.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);
             }
@@ -1519,20 +1542,26 @@ var ShareViaLink = function ShareViaLink(_ref) {
   return /*#__PURE__*/jsxRuntime.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__*/React.createElement(Link, {
-        enabledOptions: enabledOptions,
-        entityName: entityName,
-        handleEdit: handleEdit,
-        handleRegenerate: handleRegenerate,
-        isLoading: isLoading,
-        editUrlProps: ramda.omit(["url"], urlOption),
-        key: urlOption.url,
-        previewUrl: urlOption.previewUrl,
-        url: urlOption.url
-      });
-    }), neetoCist.isPresent(publicLinkExpiryConfiguration) && /*#__PURE__*/jsxRuntime.jsx(ExpiryNotice, {
-      expiryConfiguration: publicLinkExpiryConfiguration
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "space-y-1",
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "space-y-4",
+        children: urls.map(function (urlOption) {
+          return /*#__PURE__*/React.createElement(Link, {
+            enabledOptions: enabledOptions,
+            entityName: entityName,
+            handleEdit: handleEdit,
+            handleRegenerate: handleRegenerate,
+            isLoading: isLoading,
+            editUrlProps: ramda.omit(["url"], urlOption),
+            key: urlOption.url,
+            previewUrl: urlOption.previewUrl,
+            url: urlOption.url
+          });
+        })
+      }), neetoCist.isPresent(publicLinkExpiryConfiguration) && /*#__PURE__*/jsxRuntime.jsx(ExpiryNotice, {
+        expiryConfiguration: publicLinkExpiryConfiguration
+      })]
     }), isOtherShareOptionsEnabled && /*#__PURE__*/jsxRuntime.jsx(ShareBlock, {
       disableQRDownload: disableQRDownload,
       disableShareSocialMedia: disableShareSocialMedia,