@bigbinary/neeto-molecules 3.15.25 → 3.15.26

package/dist/cjs/ShareViaLink.js

@@ -2,15 +2,17 @@
 
 var neetoCist = require('@bigbinary/neeto-cist');
 var ramda = require('ramda');
+var classnames = require('classnames');
+var Typography = require('@bigbinary/neetoui/Typography');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var React = require('react');
 var ExternalLink = require('@bigbinary/neeto-icons/ExternalLink');
 var Button = require('@bigbinary/neetoui/Button');
-var reactI18next = require('react-i18next');
 var CopyToClipboardButton = require('./CopyToClipboardButton.js');
 var MoreDropdown = require('./MoreDropdown.js');
 var formik = require('formik');
-var Typography = require('@bigbinary/neetoui/Typography');
 var Pane = require('@bigbinary/neetoui/Pane');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -21,11 +23,12 @@ var Twitter = require('@bigbinary/neeto-icons/Twitter');
 var yup = require('yup');
 var general = require('@bigbinary/neeto-commons-frontend/utils/general');
 var injectCss = require('./inject-css-vQvjPR2x.js');
-var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var Modal = require('@bigbinary/neetoui/Modal');
 var Input$1 = require('@bigbinary/neetoui/Input');
+var Select = require('@bigbinary/neetoui/Select');
+var DatePicker = require('@bigbinary/neetoui/DatePicker');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var classnames = require('classnames');
 var reactRouterDom = require('react-router-dom');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-icons/Copy');
@@ -54,6 +57,32 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
+var ExpiryNotice = function ExpiryNotice(_ref) {
+  var expiryConfiguration = _ref.expiryConfiguration;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var daysBeforeExpiry = expiryConfiguration.daysBeforeExpiry;
+  var notice = t("neetoMolecules.shareViaLink.expiryNotice.daysRemaining", {
+    count: daysBeforeExpiry
+  });
+  if (daysBeforeExpiry < 1) {
+    notice = t("neetoMolecules.shareViaLink.expiryNotice.expiresToday");
+  }
+  if (daysBeforeExpiry <= 0) {
+    notice = t("neetoMolecules.shareViaLink.expiryNotice.expired");
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Typography, {
+    "data-testid": "expiry-notice",
+    lineHeight: "normal",
+    style: "body2",
+    className: classnames({
+      "neeto-ui-text-error-800": daysBeforeExpiry <= 1,
+      "neeto-ui-text-gray-700": daysBeforeExpiry > 1
+    }),
+    children: notice
+  });
+};
+
 var facebookShareLink = function facebookShareLink(_ref) {
   var url = _ref.url;
   return general.buildUrl("https://www.facebook.com/sharer/sharer.php", {
@@ -227,14 +256,42 @@ var EditURL = function EditURL(_ref) {
 };
 
 var RegenerateURL = function RegenerateURL(_ref) {
+  var _regenerateConfig$exp, _regenerateConfig$exp2, _globalProps$user$dat, _globalProps;
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     url = _ref.url,
     isLoading = _ref.isLoading,
-    handleRegenerate = _ref.handleRegenerate;
+    handleRegenerate = _ref.handleRegenerate,
+    _ref$regenerateConfig = _ref.regenerateConfig,
+    regenerateConfig = _ref$regenerateConfig === void 0 ? {
+      expiresInOptions: []
+    } : _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),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedExpiresInOption = _useState2[0],
+    setSelectedExpiresInOption = _useState2[1];
+  var _useState3 = React.useState(utils.dayjs().add(10, "day").toDate()),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedExpiresOnDate = _useState4[0],
+    setSelectedExpiresOnDate = _useState4[1];
+  var isSelectedExpiresInOptionNever = selectedExpiresInOption === "never";
+  var isSelectedExpiresInOptionCustom = selectedExpiresInOption === "custom";
+  var isSelectedExpiresInOptionValidNumberOfDays = neetoCist.isPresent(selectedExpiresInOption) && !isSelectedExpiresInOptionCustom && !isSelectedExpiresInOptionNever;
+  var isValidExpiryConfig = isSelectedExpiresInOptionNever || isSelectedExpiresInOptionCustom && neetoCist.isPresent(selectedExpiresOnDate) || isSelectedExpiresInOptionValidNumberOfDays;
+  var expiryConfigPayload = isSelectedExpiresInOptionValidNumberOfDays ? {
+    expiresInDays: selectedExpiresInOption
+  } : {
+    expiresOnDate: selectedExpiresOnDate
+  };
+  var onSubmit = function onSubmit() {
+    return regenerateStrategy === "basic" || isSelectedExpiresInOptionNever ? handleRegenerate() : handleRegenerate({
+      payload: expiryConfigPayload
+    });
+  };
   React.useEffect(function () {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
@@ -243,6 +300,7 @@ var RegenerateURL = function RegenerateURL(_ref) {
     isOpen: isOpen,
     onClose: onClose,
     "data-testid": "regenerate-url-modal",
+    size: regenerateStrategy === "basic" ? "medium" : "large",
     children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
       children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
         lineHeight: "normal",
@@ -253,10 +311,36 @@ var RegenerateURL = function RegenerateURL(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
       children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "w-full space-y-6",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Input$1, {
+        children: [regenerateStrategy === "basic" && /*#__PURE__*/jsxRuntime.jsx(Input$1, {
           disabled: true,
           label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
           value: url
+        }), regenerateStrategy === "expiryBased" && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-row gap-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Select, {
+            "data-testid": "expires-in-select",
+            defaultValue: (_regenerateConfig$exp2 = regenerateConfig.expiresInOptions) === null || _regenerateConfig$exp2 === void 0 ? void 0 : _regenerateConfig$exp2[0],
+            options: regenerateConfig.expiresInOptions,
+            className: classnames({
+              "w-1/2": isSelectedExpiresInOptionCustom,
+              "w-full": !isSelectedExpiresInOptionCustom
+            }),
+            label: t("neetoMolecules.shareViaLink.regenerateUrl.expiresInLabel"),
+            onChange: function onChange(option) {
+              return setSelectedExpiresInOption(option.value);
+            }
+          }), isSelectedExpiresInOptionCustom && /*#__PURE__*/jsxRuntime.jsx(DatePicker, {
+            "data-testid": "expires-on-date-picker",
+            dateFormat: (_globalProps$user$dat = (_globalProps = globalProps) === null || _globalProps === void 0 || (_globalProps = _globalProps.user) === null || _globalProps === void 0 ? void 0 : _globalProps.dateFormat) !== null && _globalProps$user$dat !== void 0 ? _globalProps$user$dat : undefined,
+            disabledDate: function disabledDate(d) {
+              return !d || d.isBefore(utils.dayjs());
+            },
+            picker: "date",
+            type: "date",
+            value: selectedExpiresOnDate,
+            label: t("neetoMolecules.shareViaLink.regenerateUrl.expiresOnLabel"),
+            onChange: setSelectedExpiresOnDate
+          })]
         }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           lineHeight: "normal",
@@ -270,8 +354,9 @@ var RegenerateURL = function RegenerateURL(_ref) {
         "data-cy": "regenerate-url-confirm-button",
         "data-testid": "regenerate-url-confirm-button",
         loading: isLoading,
+        disabled: regenerateStrategy === "expiryBased" && !isValidExpiryConfig,
         label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
-        onClick: handleRegenerate
+        onClick: onSubmit
       }), /*#__PURE__*/jsxRuntime.jsx(Button, {
         "data-cy": "regenerate-url-cancel-button",
         "data-testid": "regenerate-url-cancel-button",
@@ -337,7 +422,7 @@ var Link = function Link(_ref) {
         }), isDropdownEnabled && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [/*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
             menuItems: [{
-              isVisible: enabledOptions.regenerate,
+              isVisible: enabledOptions.regenerate || neetoCist.isPresent(enabledOptions.regenerate),
               "data-testid": "regenerate-url-button",
               "data-cy": "regenerate-url-button",
               onClick: function onClick() {
@@ -360,6 +445,7 @@ var Link = function Link(_ref) {
             isLoading: isLoading,
             url: url,
             isOpen: isRegenerateURLModalOpen,
+            regenerateConfig: enabledOptions.regenerate,
             onClose: function onClose() {
               return setIsRegenerateURLModalOpen(false);
             }
@@ -1427,7 +1513,9 @@ var ShareViaLink = function ShareViaLink(_ref) {
     _ref$disableShareSoci = _ref.disableShareSocialMedia,
     disableShareSocialMedia = _ref$disableShareSoci === void 0 ? false : _ref$disableShareSoci,
     _ref$disableQRDownloa = _ref.disableQRDownload,
-    disableQRDownload = _ref$disableQRDownloa === void 0 ? false : _ref$disableQRDownloa;
+    disableQRDownload = _ref$disableQRDownloa === void 0 ? false : _ref$disableQRDownloa,
+    _ref$publicLinkExpiry = _ref.publicLinkExpiryConfiguration,
+    publicLinkExpiryConfiguration = _ref$publicLinkExpiry === void 0 ? {} : _ref$publicLinkExpiry;
   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",
@@ -1443,6 +1531,8 @@ var ShareViaLink = function ShareViaLink(_ref) {
         previewUrl: urlOption.previewUrl,
         url: urlOption.url
       });
+    }), neetoCist.isPresent(publicLinkExpiryConfiguration) && /*#__PURE__*/jsxRuntime.jsx(ExpiryNotice, {
+      expiryConfiguration: publicLinkExpiryConfiguration
     }), isOtherShareOptionsEnabled && /*#__PURE__*/jsxRuntime.jsx(ShareBlock, {
       disableQRDownload: disableQRDownload,
       disableShareSocialMedia: disableShareSocialMedia,