@bigbinary/neeto-molecules 3.15.34 → 3.15.36

package/dist/StickyRibbonsContainer.js

@@ -5,7 +5,11 @@ import EditorContent from '@bigbinary/neeto-editor/EditorContent';
 import Tag from '@bigbinary/neetoui/Tag';
 import { pluck } from 'ramda';
 import { n } from './inject-css-DmrvuTKK.js';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { useState, useEffect } from 'react';
 import { useQuery } from '@tanstack/react-query';
+import { noop } from '@bigbinary/neeto-cist';
 import axios from 'axios';
 import { BASE_API_V1_URL } from '@bigbinary/neeto-commons-frontend/constants';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -19,12 +23,16 @@ var STICKY_RIBBON_KIND_TO_STYLE = {
   error: "danger"
 };
 var STICKY_RIBBONS_LOCAL_STORAGE_KEY = "dismissedStickyRibbons";
+var POLLING_INTERVAL = 5000;
+var MAX_POLLING_TIME = 60000;
 
 var css = ".neeto-molecules-sticky-ribbon{border-radius:0}";
 n(css,{});
 
 var fetchStickyRibbons = function fetchStickyRibbons() {
-  return axios.get("".concat(BASE_API_V1_URL, "/sticky_ribbons"));
+  return axios.get("".concat(BASE_API_V1_URL, "/sticky_ribbons"), {
+    includeMetadataInResponse: true
+  });
 };
 var stickyRibbonsApi = {
   fetchStickyRibbons: fetchStickyRibbons
@@ -32,9 +40,49 @@ var stickyRibbonsApi = {
 
 var APP_STICKY_RIBBONS_LIST = QUERY_KEYS.APP_STICKY_RIBBONS_LIST;
 var useFetchStickyRibbons = function useFetchStickyRibbons() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPolling = _useState2[0],
+    setIsPolling = _useState2[1];
+  useEffect(function () {
+    if (!isPolling) return noop;
+    var timer = setTimeout(function () {
+      setIsPolling(false);
+    }, MAX_POLLING_TIME);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [isPolling]);
   return useQuery({
     queryKey: [APP_STICKY_RIBBONS_LIST],
-    queryFn: stickyRibbonsApi.fetchStickyRibbons
+    queryFn: function () {
+      var _queryFn = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var response;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return stickyRibbonsApi.fetchStickyRibbons();
+            case 2:
+              response = _context.sent;
+              if (response.status === 202) {
+                setIsPolling(true);
+              } else if (response.status === 200) {
+                setIsPolling(false);
+              }
+              return _context.abrupt("return", response.data);
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function queryFn() {
+        return _queryFn.apply(this, arguments);
+      }
+      return queryFn;
+    }(),
+    refetchInterval: isPolling ? POLLING_INTERVAL : false
   });
 };
 

package/dist/StickyRibbonsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyRibbonsContainer.js","sources":["../src/components/StickyRibbonsContainer/constants.js","../src/components/StickyRibbonsContainer/api.js","../src/components/StickyRibbonsContainer/useStickyRibbonsApi.js","../src/components/StickyRibbonsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  APP_STICKY_RIBBONS_LIST: \"APP_STICKY_RIBBONS_LIST\",\n};\n\nexport const STICKY_RIBBON_KIND_TO_STYLE = {\n  info: \"info\",\n  warning: \"warning\",\n  error: \"danger\",\n};\n\nexport const STICKY_RIBBONS_LOCAL_STORAGE_KEY = \"dismissedStickyRibbons\";\n","import axios from \"axios\";\nimport { BASE_API_V1_URL } from \"neetocommons/constants\";\n\nconst fetchStickyRibbons = () => axios.get(`${BASE_API_V1_URL}/sticky_ribbons`);\n\nconst stickyRibbonsApi = { fetchStickyRibbons };\n\nexport default stickyRibbonsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport stickyRibbonsApi from \"./api\";\nimport { QUERY_KEYS } from \"./constants\";\n\nconst { APP_STICKY_RIBBONS_LIST } = QUERY_KEYS;\n\nconst useFetchStickyRibbons = () =>\n  useQuery({\n    queryKey: [APP_STICKY_RIBBONS_LIST],\n    queryFn: stickyRibbonsApi.fetchStickyRibbons,\n  });\n\nexport { useFetchStickyRibbons };\n","import { useLocalStorage } from \"neetocommons/react-utils\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Tag } from \"neetoui\";\nimport { pluck } from \"ramda\";\n\nimport {\n  STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n  STICKY_RIBBON_KIND_TO_STYLE,\n} from \"./constants\";\nimport \"./sticky-ribbons.scss\";\nimport { useFetchStickyRibbons } from \"./useStickyRibbonsApi\";\n\nconst StickyRibbonsContainer = () => {\n  const [dismissedRibbons, setDismissedRibbons] = useLocalStorage(\n    STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n    []\n  );\n\n  const { data: { stickyRibbons = [] } = {} } = useFetchStickyRibbons();\n\n  const handleDismiss = ribbonId => {\n    const validRibbonIds = pluck(\"id\", stickyRibbons);\n    const updatedDismissedRibbons = dismissedRibbons.filter(id =>\n      validRibbonIds.includes(id)\n    );\n\n    setDismissedRibbons([...updatedDismissedRibbons, ribbonId]);\n  };\n\n  const visibleRibbons = stickyRibbons.filter(\n    ribbon => !dismissedRibbons.includes(ribbon.id)\n  );\n\n  return (\n    <>\n      {visibleRibbons.map(({ id, kind, message }) => (\n        <Tag\n          className=\"neeto-molecules-sticky-ribbon w-full p-2.5 text-center\"\n          key={id}\n          size=\"large\"\n          style={STICKY_RIBBON_KIND_TO_STYLE[kind]}\n          onClose={() => handleDismiss(id)}\n        >\n          <EditorContent className=\"w-full\" content={message} />\n        </Tag>\n      ))}\n    </>\n  );\n};\n\nexport default StickyRibbonsContainer;\n"],"names":["QUERY_KEYS","APP_STICKY_RIBBONS_LIST","STICKY_RIBBON_KIND_TO_STYLE","info","warning","error","STICKY_RIBBONS_LOCAL_STORAGE_KEY","fetchStickyRibbons","axios","get","concat","BASE_API_V1_URL","stickyRibbonsApi","useFetchStickyRibbons","useQuery","queryKey","queryFn","StickyRibbonsContainer","_useLocalStorage","useLocalStorage","_useLocalStorage2","_slicedToArray","dismissedRibbons","setDismissedRibbons","_useFetchStickyRibbon","_useFetchStickyRibbon2","data","_useFetchStickyRibbon3","_useFetchStickyRibbon4","stickyRibbons","handleDismiss","ribbonId","validRibbonIds","pluck","updatedDismissedRibbons","filter","id","includes","_toConsumableArray","visibleRibbons","ribbon","_jsx","_Fragment","children","map","_ref","kind","message","Tag","className","size","style","onClose","EditorContent","content"],"mappings":"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"}
+{"version":3,"file":"StickyRibbonsContainer.js","sources":["../src/components/StickyRibbonsContainer/constants.js","../src/components/StickyRibbonsContainer/api.js","../src/components/StickyRibbonsContainer/useStickyRibbonsApi.js","../src/components/StickyRibbonsContainer/index.jsx"],"sourcesContent":["export const QUERY_KEYS = {\n  APP_STICKY_RIBBONS_LIST: \"APP_STICKY_RIBBONS_LIST\",\n};\n\nexport const STICKY_RIBBON_KIND_TO_STYLE = {\n  info: \"info\",\n  warning: \"warning\",\n  error: \"danger\",\n};\n\nexport const STICKY_RIBBONS_LOCAL_STORAGE_KEY = \"dismissedStickyRibbons\";\n\nexport const POLLING_INTERVAL = 5000;\nexport const MAX_POLLING_TIME = 60000;\n","import axios from \"axios\";\nimport { BASE_API_V1_URL } from \"neetocommons/constants\";\n\nconst fetchStickyRibbons = () =>\n  axios.get(`${BASE_API_V1_URL}/sticky_ribbons`, {\n    includeMetadataInResponse: true,\n  });\n\nconst stickyRibbonsApi = { fetchStickyRibbons };\n\nexport default stickyRibbonsApi;\n","import { useState, useEffect } from \"react\";\n\nimport { useQuery } from \"@tanstack/react-query\";\nimport { noop } from \"neetocist\";\n\nimport stickyRibbonsApi from \"./api\";\nimport { QUERY_KEYS, POLLING_INTERVAL, MAX_POLLING_TIME } from \"./constants\";\n\nconst { APP_STICKY_RIBBONS_LIST } = QUERY_KEYS;\n\nconst useFetchStickyRibbons = () => {\n  const [isPolling, setIsPolling] = useState(false);\n\n  useEffect(() => {\n    if (!isPolling) return noop;\n\n    const timer = setTimeout(() => {\n      setIsPolling(false);\n    }, MAX_POLLING_TIME);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [isPolling]);\n\n  return useQuery({\n    queryKey: [APP_STICKY_RIBBONS_LIST],\n    queryFn: async () => {\n      const response = await stickyRibbonsApi.fetchStickyRibbons();\n\n      if (response.status === 202) {\n        setIsPolling(true);\n      } else if (response.status === 200) {\n        setIsPolling(false);\n      }\n\n      return response.data;\n    },\n    refetchInterval: isPolling ? POLLING_INTERVAL : false,\n  });\n};\n\nexport { useFetchStickyRibbons };\n","import { useLocalStorage } from \"neetocommons/react-utils\";\nimport { EditorContent } from \"neetoeditor\";\nimport { Tag } from \"neetoui\";\nimport { pluck } from \"ramda\";\n\nimport {\n  STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n  STICKY_RIBBON_KIND_TO_STYLE,\n} from \"./constants\";\nimport \"./sticky-ribbons.scss\";\nimport { useFetchStickyRibbons } from \"./useStickyRibbonsApi\";\n\nconst StickyRibbonsContainer = () => {\n  const [dismissedRibbons, setDismissedRibbons] = useLocalStorage(\n    STICKY_RIBBONS_LOCAL_STORAGE_KEY,\n    []\n  );\n\n  const { data: { stickyRibbons = [] } = {} } = useFetchStickyRibbons();\n\n  const handleDismiss = ribbonId => {\n    const validRibbonIds = pluck(\"id\", stickyRibbons);\n    const updatedDismissedRibbons = dismissedRibbons.filter(id =>\n      validRibbonIds.includes(id)\n    );\n\n    setDismissedRibbons([...updatedDismissedRibbons, ribbonId]);\n  };\n\n  const visibleRibbons = stickyRibbons.filter(\n    ribbon => !dismissedRibbons.includes(ribbon.id)\n  );\n\n  return (\n    <>\n      {visibleRibbons.map(({ id, kind, message }) => (\n        <Tag\n          className=\"neeto-molecules-sticky-ribbon w-full p-2.5 text-center\"\n          key={id}\n          size=\"large\"\n          style={STICKY_RIBBON_KIND_TO_STYLE[kind]}\n          onClose={() => handleDismiss(id)}\n        >\n          <EditorContent className=\"w-full\" content={message} />\n        </Tag>\n      ))}\n    </>\n  );\n};\n\nexport default StickyRibbonsContainer;\n"],"names":["QUERY_KEYS","APP_STICKY_RIBBONS_LIST","STICKY_RIBBON_KIND_TO_STYLE","info","warning","error","STICKY_RIBBONS_LOCAL_STORAGE_KEY","POLLING_INTERVAL","MAX_POLLING_TIME","fetchStickyRibbons","axios","get","concat","BASE_API_V1_URL","includeMetadataInResponse","stickyRibbonsApi","useFetchStickyRibbons","_useState","useState","_useState2","_slicedToArray","isPolling","setIsPolling","useEffect","noop","timer","setTimeout","clearTimeout","useQuery","queryKey","queryFn","_queryFn","_asyncToGenerator","_regeneratorRuntime","mark","_callee","response","wrap","_callee$","_context","prev","next","sent","status","abrupt","data","stop","apply","arguments","refetchInterval","StickyRibbonsContainer","_useLocalStorage","useLocalStorage","_useLocalStorage2","dismissedRibbons","setDismissedRibbons","_useFetchStickyRibbon","_useFetchStickyRibbon2","_useFetchStickyRibbon3","_useFetchStickyRibbon4","stickyRibbons","handleDismiss","ribbonId","validRibbonIds","pluck","updatedDismissedRibbons","filter","id","includes","_toConsumableArray","visibleRibbons","ribbon","_jsx","_Fragment","children","map","_ref","kind","message","Tag","className","size","style","onClose","EditorContent","content"],"mappings":";;;;;;;;;;;;;;;;AAAO,IAAMA,UAAU,GAAG;AACxBC,EAAAA,uBAAuB,EAAE,yBAAA;AAC3B,CAAC,CAAA;AAEM,IAAMC,2BAA2B,GAAG;AACzCC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,KAAK,EAAE,QAAA;AACT,CAAC,CAAA;AAEM,IAAMC,gCAAgC,GAAG,wBAAwB,CAAA;AAEjE,IAAMC,gBAAgB,GAAG,IAAI,CAAA;AAC7B,IAAMC,gBAAgB,GAAG,KAAK;;;;;ACVrC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAAA;AAAA,EAAA,OACtBC,KAAK,CAACC,GAAG,IAAAC,MAAA,CAAIC,eAAe,EAAmB,iBAAA,CAAA,EAAA;AAC7CC,IAAAA,yBAAyB,EAAE,IAAA;AAC7B,GAAC,CAAC,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAMC,gBAAgB,GAAG;AAAEN,EAAAA,kBAAkB,EAAlBA,kBAAAA;AAAmB,CAAC;;ACA/C,IAAQR,uBAAuB,GAAKD,UAAU,CAAtCC,uBAAuB,CAAA;AAE/B,IAAMe,qBAAqB,GAAG,SAAxBA,qBAAqBA,GAAS;AAClC,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAE9BI,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAI,CAACF,SAAS,EAAE,OAAOG,IAAI,CAAA;AAE3B,IAAA,IAAMC,KAAK,GAAGC,UAAU,CAAC,YAAM;MAC7BJ,YAAY,CAAC,KAAK,CAAC,CAAA;KACpB,EAAEd,gBAAgB,CAAC,CAAA;AAEpB,IAAA,OAAO,YAAM;MACXmB,YAAY,CAACF,KAAK,CAAC,CAAA;KACpB,CAAA;AACH,GAAC,EAAE,CAACJ,SAAS,CAAC,CAAC,CAAA;AAEf,EAAA,OAAOO,QAAQ,CAAC;IACdC,QAAQ,EAAE,CAAC5B,uBAAuB,CAAC;IACnC6B,OAAO,EAAA,YAAA;MAAA,IAAAC,QAAA,GAAAC,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAE,SAAAC,OAAA,GAAA;AAAA,QAAA,IAAAC,QAAA,CAAA;AAAA,QAAA,OAAAH,mBAAA,CAAAI,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,UAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,YAAA,KAAA,CAAA;AAAAF,cAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA,CAAA;AAAA,cAAA,OACgB1B,gBAAgB,CAACN,kBAAkB,EAAE,CAAA;AAAA,YAAA,KAAA,CAAA;cAAtD2B,QAAQ,GAAAG,QAAA,CAAAG,IAAA,CAAA;AAEd,cAAA,IAAIN,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;gBAC3BrB,YAAY,CAAC,IAAI,CAAC,CAAA;AACpB,eAAC,MAAM,IAAIc,QAAQ,CAACO,MAAM,KAAK,GAAG,EAAE;gBAClCrB,YAAY,CAAC,KAAK,CAAC,CAAA;AACrB,eAAA;AAAC,cAAA,OAAAiB,QAAA,CAAAK,MAAA,CAEMR,QAAAA,EAAAA,QAAQ,CAACS,IAAI,CAAA,CAAA;AAAA,YAAA,KAAA,CAAA,CAAA;AAAA,YAAA,KAAA,KAAA;cAAA,OAAAN,QAAA,CAAAO,IAAA,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA,EAAAX,OAAA,CAAA,CAAA;OACrB,CAAA,CAAA,CAAA;AAAA,MAAA,SAVDL,OAAOA,GAAA;AAAA,QAAA,OAAAC,QAAA,CAAAgB,KAAA,CAAA,IAAA,EAAAC,SAAA,CAAA,CAAA;AAAA,OAAA;AAAA,MAAA,OAAPlB,OAAO,CAAA;KAUN,EAAA;AACDmB,IAAAA,eAAe,EAAE5B,SAAS,GAAGd,gBAAgB,GAAG,KAAA;AAClD,GAAC,CAAC,CAAA;AACJ,CAAC;;AC5BD,IAAM2C,sBAAsB,GAAG,SAAzBA,sBAAsBA,GAAS;AACnC,EAAA,IAAAC,gBAAA,GAAgDC,eAAe,CAC7D9C,gCAAgC,EAChC,EACF,CAAC;IAAA+C,iBAAA,GAAAjC,cAAA,CAAA+B,gBAAA,EAAA,CAAA,CAAA;AAHMG,IAAAA,gBAAgB,GAAAD,iBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,mBAAmB,GAAAF,iBAAA,CAAA,CAAA,CAAA,CAAA;AAK5C,EAAA,IAAAG,qBAAA,GAA8CxC,qBAAqB,EAAE;IAAAyC,sBAAA,GAAAD,qBAAA,CAA7DX,IAAI;AAAAa,IAAAA,sBAAA,GAAAD,sBAAA,KAAA,KAAA,CAAA,GAA2B,EAAE,GAAAA,sBAAA;IAAAE,sBAAA,GAAAD,sBAAA,CAAzBE,aAAa;AAAbA,IAAAA,aAAa,GAAAD,sBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,sBAAA,CAAA;AAElC,EAAA,IAAME,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,QAAQ,EAAI;AAChC,IAAA,IAAMC,cAAc,GAAGC,KAAK,CAAC,IAAI,EAAEJ,aAAa,CAAC,CAAA;AACjD,IAAA,IAAMK,uBAAuB,GAAGX,gBAAgB,CAACY,MAAM,CAAC,UAAAC,EAAE,EAAA;AAAA,MAAA,OACxDJ,cAAc,CAACK,QAAQ,CAACD,EAAE,CAAC,CAAA;AAAA,KAC7B,CAAC,CAAA;IAEDZ,mBAAmB,CAAA,EAAA,CAAA3C,MAAA,CAAAyD,kBAAA,CAAKJ,uBAAuB,CAAA,EAAA,CAAEH,QAAQ,CAAA,CAAC,CAAC,CAAA;GAC5D,CAAA;AAED,EAAA,IAAMQ,cAAc,GAAGV,aAAa,CAACM,MAAM,CACzC,UAAAK,MAAM,EAAA;IAAA,OAAI,CAACjB,gBAAgB,CAACc,QAAQ,CAACG,MAAM,CAACJ,EAAE,CAAC,CAAA;AAAA,GACjD,CAAC,CAAA;EAED,oBACEK,GAAA,CAAAC,QAAA,EAAA;AAAAC,IAAAA,QAAA,EACGJ,cAAc,CAACK,GAAG,CAAC,UAAAC,IAAA,EAAA;AAAA,MAAA,IAAGT,EAAE,GAAAS,IAAA,CAAFT,EAAE;QAAEU,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAA;MAAA,oBACtCN,GAAA,CAACO,GAAG,EAAA;AACFC,QAAAA,SAAS,EAAC,wDAAwD;AAElEC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,KAAK,EAAEhF,2BAA2B,CAAC2E,IAAI,CAAE;QACzCM,OAAO,EAAE,SAATA,OAAOA,GAAA;UAAA,OAAQtB,aAAa,CAACM,EAAE,CAAC,CAAA;SAAC;QAAAO,QAAA,eAEjCF,GAAA,CAACY,aAAa,EAAA;AAACJ,UAAAA,SAAS,EAAC,QAAQ;AAACK,UAAAA,OAAO,EAAEP,OAAAA;SAAU,CAAA;AAAC,OAAA,EALjDX,EAMF,CAAC,CAAA;KACP,CAAA;AAAC,GACF,CAAC,CAAA;AAEP;;;;"}

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,