@bigbinary/neeto-molecules 3.15.25 → 3.15.26

package/dist/ShareViaLink.js

@@ -1,14 +1,16 @@
-import { slugify, isPresent, noop } from '@bigbinary/neeto-cist';
+import { isPresent, slugify, noop } from '@bigbinary/neeto-cist';
 import { omit } from 'ramda';
+import classnames from 'classnames';
+import Typography from '@bigbinary/neetoui/Typography';
+import { useTranslation, Trans } from 'react-i18next';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import React__default, { useRef, useCallback, useEffect, useState, createElement } from 'react';
 import ExternalLink from '@bigbinary/neeto-icons/ExternalLink';
 import Button from '@bigbinary/neetoui/Button';
-import { useTranslation, Trans } from 'react-i18next';
 import CopyToClipboardButton from './CopyToClipboardButton.js';
 import MoreDropdown from './MoreDropdown.js';
 import { Formik, Form } from 'formik';
-import Typography from '@bigbinary/neetoui/Typography';
 import Pane from '@bigbinary/neetoui/Pane';
 import Input from '@bigbinary/neetoui/formik/Input';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
@@ -19,11 +21,12 @@ import Twitter from '@bigbinary/neeto-icons/Twitter';
 import * as yup from 'yup';
 import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils/general';
 import { n } from './inject-css-DmrvuTKK.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
 import Modal from '@bigbinary/neetoui/Modal';
 import Input$1 from '@bigbinary/neetoui/Input';
+import Select from '@bigbinary/neetoui/Select';
+import DatePicker from '@bigbinary/neetoui/DatePicker';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import classnames from 'classnames';
 import { Link as Link$1 } from 'react-router-dom';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-icons/Copy';
@@ -33,6 +36,32 @@ import '@bigbinary/neeto-icons/MenuVertical';
 import '@bigbinary/neetoui/Dropdown';
 import '@bigbinary/neetoui/Tooltip';
 
+var ExpiryNotice = function ExpiryNotice(_ref) {
+  var expiryConfiguration = _ref.expiryConfiguration;
+  var _useTranslation = 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__*/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 buildUrl("https://www.facebook.com/sharer/sharer.php", {
@@ -206,14 +235,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 = 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),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedExpiresInOption = _useState2[0],
+    setSelectedExpiresInOption = _useState2[1];
+  var _useState3 = useState(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 = isPresent(selectedExpiresInOption) && !isSelectedExpiresInOptionCustom && !isSelectedExpiresInOptionNever;
+  var isValidExpiryConfig = isSelectedExpiresInOptionNever || isSelectedExpiresInOptionCustom && isPresent(selectedExpiresOnDate) || isSelectedExpiresInOptionValidNumberOfDays;
+  var expiryConfigPayload = isSelectedExpiresInOptionValidNumberOfDays ? {
+    expiresInDays: selectedExpiresInOption
+  } : {
+    expiresOnDate: selectedExpiresOnDate
+  };
+  var onSubmit = function onSubmit() {
+    return regenerateStrategy === "basic" || isSelectedExpiresInOptionNever ? handleRegenerate() : handleRegenerate({
+      payload: expiryConfigPayload
+    });
+  };
   useEffect(function () {
     if (prevIsLoadingRef.current && !isLoading) onClose();
     prevIsLoadingRef.current = isLoading;
@@ -222,6 +279,7 @@ var RegenerateURL = function RegenerateURL(_ref) {
     isOpen: isOpen,
     onClose: onClose,
     "data-testid": "regenerate-url-modal",
+    size: regenerateStrategy === "basic" ? "medium" : "large",
     children: [/*#__PURE__*/jsx(Modal.Header, {
       children: /*#__PURE__*/jsx(Typography, {
         lineHeight: "normal",
@@ -232,10 +290,36 @@ var RegenerateURL = function RegenerateURL(_ref) {
     }), /*#__PURE__*/jsx(Modal.Body, {
       children: /*#__PURE__*/jsxs("div", {
         className: "w-full space-y-6",
-        children: [/*#__PURE__*/jsx(Input$1, {
+        children: [regenerateStrategy === "basic" && /*#__PURE__*/jsx(Input$1, {
           disabled: true,
           label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
           value: url
+        }), regenerateStrategy === "expiryBased" && /*#__PURE__*/jsxs("div", {
+          className: "flex flex-row gap-2",
+          children: [/*#__PURE__*/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__*/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(dayjs());
+            },
+            picker: "date",
+            type: "date",
+            value: selectedExpiresOnDate,
+            label: t("neetoMolecules.shareViaLink.regenerateUrl.expiresOnLabel"),
+            onChange: setSelectedExpiresOnDate
+          })]
         }), /*#__PURE__*/jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           lineHeight: "normal",
@@ -249,8 +333,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__*/jsx(Button, {
         "data-cy": "regenerate-url-cancel-button",
         "data-testid": "regenerate-url-cancel-button",
@@ -316,7 +401,7 @@ var Link = function Link(_ref) {
         }), isDropdownEnabled && /*#__PURE__*/jsxs(Fragment, {
           children: [/*#__PURE__*/jsx(MoreDropdown, {
             menuItems: [{
-              isVisible: enabledOptions.regenerate,
+              isVisible: enabledOptions.regenerate || isPresent(enabledOptions.regenerate),
               "data-testid": "regenerate-url-button",
               "data-cy": "regenerate-url-button",
               onClick: function onClick() {
@@ -339,6 +424,7 @@ var Link = function Link(_ref) {
             isLoading: isLoading,
             url: url,
             isOpen: isRegenerateURLModalOpen,
+            regenerateConfig: enabledOptions.regenerate,
             onClose: function onClose() {
               return setIsRegenerateURLModalOpen(false);
             }
@@ -1406,7 +1492,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__*/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",
@@ -1422,6 +1510,8 @@ var ShareViaLink = function ShareViaLink(_ref) {
         previewUrl: urlOption.previewUrl,
         url: urlOption.url
       });
+    }), isPresent(publicLinkExpiryConfiguration) && /*#__PURE__*/jsx(ExpiryNotice, {
+      expiryConfiguration: publicLinkExpiryConfiguration
     }), isOtherShareOptionsEnabled && /*#__PURE__*/jsx(ShareBlock, {
       disableQRDownload: disableQRDownload,
       disableShareSocialMedia: disableShareSocialMedia,