@bigbinary/neeto-molecules 5.1.25 → 5.1.27

package/dist/cjs/v2/ShareViaLink.js

@@ -0,0 +1,1041 @@
+'use strict';
+
+var neetoCist = require('@bigbinary/neeto-cist');
+var PrivateRoute = require('@bigbinary/neeto-commons-frontend/v2/react-utils/PrivateRoute');
+var reactRouterDom = require('react-router-dom');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var classnames = require('classnames');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var jsxRuntime = require('react/jsx-runtime');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var useBreakpoints = require('@bigbinary/neeto-commons-frontend/v2/react-utils/useBreakpoints');
+var formik$1 = require('@bigbinary/neeto-atoms/formik');
+var formik = require('formik');
+var i18next = require('i18next');
+var constants = require('@bigbinary/neeto-commons-frontend/v2/constants');
+var Facebook = require('@bigbinary/neeto-icons/Facebook');
+var Linkedin = require('@bigbinary/neeto-icons/Linkedin');
+var Twitter = require('@bigbinary/neeto-icons/Twitter');
+var yup = require('yup');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var general = require('@bigbinary/neeto-commons-frontend/v2/utils/general');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var info = require('../info-CpwCcUWd.js');
+var v2_CopyToClipboardButton = require('./CopyToClipboardButton.js');
+var v2_MoreDropdown = require('./MoreDropdown.js');
+var createLucideIcon = require('../createLucideIcon-DBDhE7kE.js');
+var externalLink = require('../external-link-C7Cbtssd.js');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var v2_HelpPopover = require('./HelpPopover.js');
+var v2_Container = require('./Container.js');
+var index = require('../index-Dzzs5KSc.js');
+var v2_CardLayout = require('./CardLayout.js');
+var v2_Header = require('./Header.js');
+var arrowLeft = require('../arrow-left-gtCwH31u.js');
+var v2_ErrorPage = require('./ErrorPage.js');
+require('../check-VgZf0qTr.js');
+require('../copy-CerjTcLL.js');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils');
+require('../ellipsis-BcfLTtl5.js');
+require('../circle-question-mark-kxBMPyWQ.js');
+require('../index-JY2zVpnv.js');
+require('../_commonjsHelpers-BJu3ubxk.js');
+require('./Breadcrumbs.js');
+require('@bigbinary/neeto-atoms/primitives');
+require('./Search.js');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils/useFuncDebounce');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils/useQueryParams');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils/useUpdateEffect');
+require('../search-BBuFYdmG.js');
+require('zustand/shallow');
+require('../purify.es-D81wVm4N.js');
+require('@bigbinary/neeto-commons-frontend/v2/react-utils/useDisplayErrorPage');
+require('react-helmet');
+require('../triangle-alert-De-qkUXK.js');
+require('../chevron-left-DWN80ILn.js');
+require('../house-Bx8edBjy.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$2 = [
+  ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
+  ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
+];
+const Link$1 = createLucideIcon.createLucideIcon("link", __iconNode$2);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode$1 = [
+  ["rect", { width: "5", height: "5", x: "3", y: "3", rx: "1", key: "1tu5fj" }],
+  ["rect", { width: "5", height: "5", x: "16", y: "3", rx: "1", key: "1v8r4q" }],
+  ["rect", { width: "5", height: "5", x: "3", y: "16", rx: "1", key: "1x03jg" }],
+  ["path", { d: "M21 16h-3a2 2 0 0 0-2 2v3", key: "177gqh" }],
+  ["path", { d: "M21 21v.01", key: "ents32" }],
+  ["path", { d: "M12 7v3a2 2 0 0 1-2 2H7", key: "8crl2c" }],
+  ["path", { d: "M3 12h.01", key: "nlz23k" }],
+  ["path", { d: "M12 3h.01", key: "n36tog" }],
+  ["path", { d: "M12 16v.01", key: "133mhm" }],
+  ["path", { d: "M16 12h1", key: "1slzba" }],
+  ["path", { d: "M21 12v.01", key: "1lwtk9" }],
+  ["path", { d: "M12 21v-1", key: "1880an" }]
+];
+const QrCode = createLucideIcon.createLucideIcon("qr-code", __iconNode$1);
+
+/**
+ * @license lucide-react v1.7.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+
+
+const __iconNode = [
+  ["circle", { cx: "18", cy: "5", r: "3", key: "gq8acd" }],
+  ["circle", { cx: "6", cy: "12", r: "3", key: "w7nqdw" }],
+  ["circle", { cx: "18", cy: "19", r: "3", key: "1xt0gg" }],
+  ["line", { x1: "8.59", x2: "15.42", y1: "13.51", y2: "17.49", key: "47mynk" }],
+  ["line", { x1: "15.41", x2: "8.59", y1: "6.51", y2: "10.49", key: "1n3mei" }]
+];
+const Share2 = createLucideIcon.createLucideIcon("share-2", __iconNode);
+
+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(neetoAtoms.Typography, {
+    as: "span",
+    "data-testid": "expiry-notice",
+    variant: "body3",
+    className: classnames("ms-1", {
+      "text-destructive": daysBeforeExpiry <= 1,
+      "text-muted-foreground": daysBeforeExpiry > 1
+    }),
+    children: notice
+  });
+};
+
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+var facebookShareLink = function facebookShareLink(_ref) {
+  var url = _ref.url;
+  return general.buildUrl("https://www.facebook.com/sharer/sharer.php", {
+    u: url
+  });
+};
+var linkedInShareLink = function linkedInShareLink(_ref2) {
+  var url = _ref2.url,
+    title = _ref2.title;
+  return general.buildUrl("https://www.linkedin.com/sharing/share-offsite", {
+    mini: true,
+    text: "".concat(title, " ").concat(url)
+  });
+};
+var twitterShareLink = function twitterShareLink(_ref3) {
+  var url = _ref3.url,
+    title = _ref3.title;
+  return general.buildUrl("http://twitter.com/share", {
+    text: title,
+    url: url
+  });
+};
+var downloadCanvas = function downloadCanvas(canvas) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var _options$name = options.name,
+    name = _options$name === void 0 ? "image" : _options$name,
+    _options$extension = options.extension,
+    extension = _options$extension === void 0 ? "png" : _options$extension;
+  var canvasUrl = canvas.toDataURL("image/".concat(extension));
+  var element = document.createElement("a");
+  element.href = canvasUrl;
+  element.download = "".concat(name, ".").concat(extension);
+  element.click();
+  element.remove();
+};
+var copyCanvasToClipboard = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(canvas, handleDownloadQRCode) {
+    var blob, clipboardItem;
+    return _regenerator().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
+        case 0:
+          if (canvas) {
+            _context.n = 1;
+            break;
+          }
+          return _context.a(2);
+        case 1:
+          _context.p = 1;
+          _context.n = 2;
+          return new Promise(function (resolve) {
+            return canvas.toBlob(resolve);
+          });
+        case 2:
+          blob = _context.v;
+          if (blob) {
+            _context.n = 3;
+            break;
+          }
+          return _context.a(2);
+        case 3:
+          clipboardItem = new ClipboardItem(_defineProperty({}, blob.type, blob));
+          navigator.clipboard.write([clipboardItem]);
+          _context.n = 5;
+          break;
+        case 4:
+          _context.p = 4;
+          _context.v;
+          handleDownloadQRCode();
+        case 5:
+          return _context.a(2);
+      }
+    }, _callee, null, [[1, 4]]);
+  }));
+  return function copyCanvasToClipboard(_x, _x2) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+var getPathname = function getPathname(url) {
+  return new URL(url).pathname.slice(1);
+};
+var getPrefixFromUrl = function getPrefixFromUrl(url) {
+  return "".concat(new URL(url).origin, "/");
+};
+var normalizeEditablePath = ramda.replace(/[^a-z0-9&?=._-]/gi, "");
+
+var SOCIAL_MEDIA_OPTIONS = {
+  FACEBOOK: {
+    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.facebook"),
+    icon: Facebook,
+    generateShareUrl: facebookShareLink
+  },
+  LINKEDIN: {
+    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.linkedIn"),
+    icon: Linkedin,
+    generateShareUrl: linkedInShareLink
+  },
+  TWITTER: {
+    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.twitter"),
+    icon: Twitter,
+    generateShareUrl: twitterShareLink
+  }
+};
+var PATH_VALIDATION_SCHEMA = yup__namespace.object().shape({
+  path: yup__namespace.string().required(i18next.t("neetoMolecules.shareViaLink.editUrl.validationError")).matches(/^[A-Za-z0-9]([\w/-])*$/, i18next.t("neetoMolecules.shareViaLink.editUrl.validationError")).test("reserved-path", i18next.t("neetoMolecules.shareViaLink.editUrl.reservedPathError"), function (value) {
+    return !constants.RESERVED_PATHS.includes(value === null || value === void 0 ? void 0 : value.toLowerCase());
+  })
+});
+
+var EditURL = function EditURL(_ref) {
+  var editUrlProps = _ref.editUrlProps,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    url = _ref.url,
+    isLoading = _ref.isLoading,
+    handleEdit = _ref.handleEdit;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var focusRef = React.useRef(null);
+  var prevIsLoadingRef = React.useRef(isLoading);
+  var observerRef = React.useRef(null);
+  var prefixText = (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url);
+  var _useState = React.useState(prefixText),
+    _useState2 = _slicedToArray(_useState, 2),
+    displayedPrefix = _useState2[0],
+    setDisplayedPrefix = _useState2[1];
+  var updateDisplayedPrefix = React.useCallback(function (inputElement) {
+    if (!inputElement) return;
+    var parentElement = inputElement.parentElement;
+    var _getComputedStyle = getComputedStyle(inputElement),
+      fontSize = _getComputedStyle.fontSize;
+    var averageCharWidth = parseFloat(fontSize) * 0.6;
+    var requiredInputWidth = inputElement.value.length * averageCharWidth;
+    var prefixWidth = parentElement.offsetWidth - requiredInputWidth;
+    var maxPrefixChars = Math.max(Math.floor(prefixWidth / averageCharWidth), 5);
+    setDisplayedPrefix(maxPrefixChars < prefixText.length ? "...".concat(prefixText.slice(-maxPrefixChars)) : prefixText);
+  }, [prefixText]);
+  var setInputRef = React.useCallback(function (inputElement) {
+    focusRef.current = inputElement;
+    if (observerRef.current) {
+      observerRef.current.disconnect();
+      observerRef.current = null;
+    }
+    if (inputElement) {
+      observerRef.current = new ResizeObserver(function () {
+        return requestAnimationFrame(function () {
+          return updateDisplayedPrefix(inputElement);
+        });
+      });
+      observerRef.current.observe(inputElement);
+    }
+  }, [updateDisplayedPrefix]);
+  React.useEffect(function () {
+    if (prevIsLoadingRef.current && !isLoading) onClose();
+    prevIsLoadingRef.current = isLoading;
+  }, [isLoading]);
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    size: "large",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
+        children: t("neetoMolecules.shareViaLink.editUrl.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
+      enableReinitialize: true,
+      initialValues: {
+        path: (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.editablePath) || getPathname(url)
+      },
+      validationSchema: PATH_VALIDATION_SCHEMA,
+      onSubmit: function onSubmit(_ref2) {
+        var path = _ref2.path;
+        return handleEdit(path);
+      },
+      children: function children() {
+        return /*#__PURE__*/jsxRuntime.jsxs(formik.Form, {
+          children: [/*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Body, {
+            className: "flex flex-col gap-y-6",
+            children: [/*#__PURE__*/jsxRuntime.jsx(formik.Field, {
+              name: "path",
+              children: function children(_ref3) {
+                var field = _ref3.field,
+                  meta = _ref3.meta,
+                  form = _ref3.form;
+                return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
+                  "data-testid": "edit-url-input",
+                  error: meta.touched ? meta.error : undefined,
+                  label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
+                  maxLength: editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.maxLength,
+                  name: "path",
+                  prefix: displayedPrefix,
+                  ref: setInputRef,
+                  value: field.value,
+                  onBlur: field.onBlur,
+                  onChange: function onChange(event) {
+                    return form.setFieldValue("path", normalizeEditablePath(event.target.value));
+                  }
+                });
+              }
+            }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+              variant: "body2",
+              children: t("neetoMolecules.shareViaLink.editUrl.description")
+            })]
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Footer, {
+            className: "flex items-center gap-x-2",
+            children: /*#__PURE__*/jsxRuntime.jsx(formik$1.ActionBlock, {
+              cancelButtonProps: {
+                onClick: onClose,
+                "data-testid": "edit-url-cancel-button"
+              },
+              submitButtonProps: {
+                loading: isLoading,
+                "data-testid": "edit-url-confirm-button"
+              }
+            })
+          })]
+        });
+      }
+    })]
+  });
+};
+
+var RegenerateURL = function RegenerateURL(_ref) {
+  var _regenerateConfig$exp;
+  var isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    url = _ref.url,
+    isLoading = _ref.isLoading,
+    handleRegenerate = _ref.handleRegenerate,
+    _ref$regenerateConfig = _ref.regenerateConfig,
+    regenerateConfig = _ref$regenerateConfig === void 0 ? {
+      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 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 defaultExpiresOnDate = utils.dayjs().add(10, "day").toDate();
+  var _useState3 = React.useState(defaultExpiresOnDate),
+    _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;
+  }, [isLoading]);
+  React.useEffect(function () {
+    if (!isOpen) return;
+    setSelectedExpiresInOption(defaultExpiresInOption);
+    setSelectedExpiresOnDate(defaultExpiresOnDate);
+  }, [isOpen]);
+  var expiresInLabel = neetoCist.isPresent(regenerateConfig === null || regenerateConfig === void 0 ? void 0 : regenerateConfig.helpUrl) ? /*#__PURE__*/jsxRuntime.jsxs("span", {
+    className: "inline-flex items-center gap-1",
+    children: [t("neetoMolecules.shareViaLink.regenerateUrl.expiresInLabel"), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
+      position: "top",
+      content: t("neetoMolecules.shareViaLink.regenerateUrl.expiresInHelpTitle"),
+      children: /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: "cursor-pointer opacity-75 transition-opacity duration-300 ease-in-out hover:opacity-100",
+        type: "button",
+        onClick: function onClick() {
+          return window.open(regenerateConfig === null || regenerateConfig === void 0 ? void 0 : regenerateConfig.helpUrl, "_blank");
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx(info.Info, {
+          size: 14
+        })
+      })
+    })]
+  }) : t("neetoMolecules.shareViaLink.regenerateUrl.expiresInLabel");
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    isOpen: isOpen,
+    onClose: onClose,
+    "aria-describedby": undefined,
+    size: regenerateStrategy === "basic" ? "medium" : "large",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: regenerateStrategy === "expiryBased" ? t("neetoMolecules.shareViaLink.regenerateUrl.titleForExpiryBasedRegeneration") : t("neetoMolecules.shareViaLink.regenerateUrl.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex w-full flex-col gap-y-6",
+        children: [regenerateStrategy === "basic" && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
+          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(neetoAtoms.Select, {
+            dataTestId: "expires-in-select",
+            label: expiresInLabel,
+            options: regenerateConfig.expiresInOptions,
+            value: selectedExpiresInOption,
+            className: classnames({
+              "w-1/2": isSelectedExpiresInOptionCustom,
+              "w-full": !isSelectedExpiresInOptionCustom
+            }),
+            onChange: setSelectedExpiresInOption
+          }), isSelectedExpiresInOptionCustom && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "w-1/2",
+            "data-testid": "expires-on-date-picker",
+            children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DatePicker, {
+              disabledDate: function disabledDate(d) {
+                return !d || utils.dayjs(d).isBefore(utils.dayjs());
+              },
+              value: selectedExpiresOnDate,
+              label: t("neetoMolecules.shareViaLink.regenerateUrl.expiresOnLabel"),
+              onChange: setSelectedExpiresOnDate
+            })
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          variant: "body2",
+          children: t("neetoMolecules.shareViaLink.regenerateUrl.description")
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog.Footer, {
+      className: "flex items-center gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        "data-testid": "regenerate-url-confirm-button",
+        loading: isLoading,
+        disabled: regenerateStrategy === "expiryBased" && !isValidExpiryConfig,
+        label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
+        onClick: onSubmit
+      }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        "data-testid": "regenerate-url-cancel-button",
+        variant: "ghost",
+        label: t("neetoMolecules.shareViaLink.regenerateUrl.cancelButtonLabel"),
+        onClick: onClose
+      })]
+    })]
+  });
+};
+
+var Link = function Link(_ref) {
+  var editUrlProps = _ref.editUrlProps,
+    enabledOptions = _ref.enabledOptions,
+    entityName = _ref.entityName,
+    handleEdit = _ref.handleEdit,
+    handleRegenerate = _ref.handleRegenerate,
+    isLoading = _ref.isLoading,
+    previewUrl = _ref.previewUrl,
+    url = _ref.url;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isRegenerateURLModalOpen = _useState2[0],
+    setIsRegenerateURLModalOpen = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isEditURLModalOpen = _useState4[0],
+    setIsEditURLModalOpen = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useBreakpoints = useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
+  var isMobile = isSize("mobile");
+  var isDropdownEnabled = enabledOptions.regenerate || enabledOptions.edit;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "flex flex-col gap-y-4",
+    "data-testid": "link-block",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-1 sm:gap-2",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "relative flex min-w-0 flex-grow items-stretch truncate leading-none",
+        "data-testid": "nui-input-field",
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "border-border bg-muted relative flex min-w-0 flex-grow items-center truncate rounded-l-md rounded-r-none border leading-none rtl:rounded-l-none rtl:rounded-r-md",
+          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            className: "relative min-w-0 flex-grow flex-row justify-start truncate px-2 py-1 leading-none",
+            href: url,
+            icon: Link$1,
+            iconPosition: "left",
+            label: url,
+            target: "_blank",
+            variant: "link"
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(v2_CopyToClipboardButton, {
+          className: "rounded-l-none rtl:rounded-l-md rtl:rounded-r-none",
+          "data-testid": "link-copy-button",
+          label: !isMobile ? t("neetoMolecules.shareViaLink.copyLink") : null,
+          value: url
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-shrink-0 items-center gap-1 sm:gap-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "preview-button",
+          href: previewUrl || url,
+          icon: externalLink.ExternalLink,
+          target: "_blank",
+          variant: "outline",
+          tooltipProps: {
+            content: t("neetoMolecules.shareViaLink.view", {
+              entity: entityName
+            }),
+            position: "top",
+            touch: ["hold", 500]
+          }
+        }), isDropdownEnabled && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(v2_MoreDropdown, {
+            menuItems: [{
+              isVisible: enabledOptions.regenerate || neetoCist.isPresent(enabledOptions.regenerate),
+              "data-testid": "regenerate-url-button",
+              onClick: function onClick() {
+                return setIsRegenerateURLModalOpen(true);
+              },
+              label: t("neetoMolecules.shareViaLink.regenerateUrl.title"),
+              key: "regenerate-url-option"
+            }, {
+              isVisible: enabledOptions.edit,
+              "data-testid": "edit-url-button",
+              onClick: function onClick() {
+                return setIsEditURLModalOpen(true);
+              },
+              label: t("neetoMolecules.shareViaLink.editUrl.title"),
+              key: "edit-url-option"
+            }]
+          }), /*#__PURE__*/jsxRuntime.jsx(RegenerateURL, {
+            handleRegenerate: handleRegenerate,
+            isLoading: isLoading,
+            url: url,
+            isOpen: isRegenerateURLModalOpen,
+            regenerateConfig: enabledOptions.regenerate,
+            onClose: function onClose() {
+              return setIsRegenerateURLModalOpen(false);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(EditURL, {
+            editUrlProps: editUrlProps,
+            handleEdit: handleEdit,
+            isLoading: isLoading,
+            url: url,
+            isOpen: isEditURLModalOpen,
+            onClose: function onClose() {
+              return setIsEditURLModalOpen(false);
+            }
+          })]
+        })]
+      })]
+    })
+  });
+};
+
+var _excluded = ["title", "link", "description", "Icon", "onClick", "helpPopoverProps"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Card = function Card(_ref) {
+  var title = _ref.title,
+    link = _ref.link,
+    description = _ref.description,
+    Icon = _ref.Icon,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? neetoCist.noop : _ref$onClick,
+    helpPopoverProps = _ref.helpPopoverProps,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var Component = neetoCist.isPresent(link) ? reactRouterDom.Link : "div";
+  return /*#__PURE__*/jsxRuntime.jsxs(Component, _objectSpread(_objectSpread({
+    onClick: onClick,
+    className: "border-border hover:border-primary flex cursor-pointer flex-col gap-3 rounded-lg border p-3 transition-all duration-300",
+    to: link
+  }, otherProps), {}, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center gap-2",
+      children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
+        className: "text-muted-foreground flex-shrink-0",
+        size: 24
+      }), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Typography, {
+        className: "min-w-0 flex-grow break-words",
+        "data-testid": "share-card-title",
+        variant: "h4",
+        children: [title, helpPopoverProps && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [" ", /*#__PURE__*/jsxRuntime.jsx(v2_HelpPopover, _objectSpread({}, helpPopoverProps))]
+        })]
+      })]
+    }), description && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+      className: "break-words",
+      "data-testid": "share-card-description",
+      variant: "body2",
+      children: description
+    })]
+  }));
+};
+
+var ShareBlock = function ShareBlock(_ref) {
+  var moreOptions = _ref.moreOptions,
+    disableShareSocialMedia = _ref.disableShareSocialMedia,
+    disableQRDownload = _ref.disableQRDownload,
+    socialMediaProps = _ref.socialMediaProps,
+    qrCodeProps = _ref.qrCodeProps,
+    entity = _ref.entity,
+    urls = _ref.urls;
+  var location = reactRouterDom.useLocation();
+  var history = reactRouterDom.useHistory();
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var handleNavigate = function handleNavigate(subPath) {
+    // eslint-disable-next-line @bigbinary/neeto/use-common-routes
+    history.push("".concat(location.pathname, "/").concat(subPath));
+  };
+  var hasMoreOptions = neetoCist.isPresent(moreOptions);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: classnames("grid grid-cols-1 gap-4 sm:grid-cols-2 md:grid-cols-3", {
+      "border-border mt-8 border-t pt-8": neetoCist.isNotEmpty(urls)
+    }),
+    children: [hasMoreOptions && moreOptions.filter(function (_ref2) {
+      var permissions = _ref2.permissions;
+      return neetoCist.isNotPresent(permissions) || initializers.globalProps.permissions.some(ramda.includes(ramda.__, permissions));
+    }).map(function (_ref3) {
+      var title = _ref3.title,
+        link = _ref3.link,
+        Icon = _ref3.icon,
+        onClick = _ref3.onClick,
+        dataTestid = _ref3.dataTestid,
+        description = _ref3.description,
+        helpPopoverProps = _ref3.helpPopoverProps;
+      return /*#__PURE__*/React.createElement(Card, {
+        Icon: Icon,
+        description: description,
+        helpPopoverProps: helpPopoverProps,
+        link: link,
+        onClick: onClick,
+        title: title,
+        "data-testid": dataTestid,
+        key: link
+      });
+    }), !disableShareSocialMedia && /*#__PURE__*/jsxRuntime.jsx(Card, {
+      Icon: Share2,
+      "data-testid": "social-share-card",
+      description: (socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.cardDescription) || t("neetoMolecules.shareViaLink.socialMediaShare.description"),
+      title: (socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.cardTitle) || t("neetoMolecules.shareViaLink.socialMediaShare.title"),
+      onClick: function onClick() {
+        return handleNavigate("social-media");
+      }
+    }), !disableQRDownload && entity && /*#__PURE__*/jsxRuntime.jsx(Card, {
+      Icon: QrCode,
+      "data-testid": "qr-code-card",
+      description: (qrCodeProps === null || qrCodeProps === void 0 ? void 0 : qrCodeProps.cardDescription) || t("neetoMolecules.shareViaLink.qrCode.description"),
+      title: (qrCodeProps === null || qrCodeProps === void 0 ? void 0 : qrCodeProps.cardTitle) || t("neetoMolecules.shareViaLink.qrCode.title"),
+      onClick: function onClick() {
+        return handleNavigate("qrcode");
+      }
+    })]
+  });
+};
+
+var MainPanel = function MainPanel(_ref) {
+  var _urls$;
+  var title = _ref.title,
+    description = _ref.description,
+    qrCodeProps = _ref.qrCodeProps,
+    socialMediaProps = _ref.socialMediaProps,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$enabledOptions = _ref.enabledOptions,
+    enabledOptions = _ref$enabledOptions === void 0 ? {
+      regenerate: false,
+      edit: false
+    } : _ref$enabledOptions,
+    _ref$urls = _ref.urls,
+    urls = _ref$urls === void 0 ? [] : _ref$urls,
+    entity = _ref.entity,
+    entityName = _ref.entityName,
+    _ref$handleEdit = _ref.handleEdit,
+    handleEdit = _ref$handleEdit === void 0 ? neetoCist.noop : _ref$handleEdit,
+    _ref$handleRegenerate = _ref.handleRegenerate,
+    handleRegenerate = _ref$handleRegenerate === void 0 ? neetoCist.noop : _ref$handleRegenerate,
+    moreOptions = _ref.moreOptions,
+    _ref$disableShareSoci = _ref.disableShareSocialMedia,
+    disableShareSocialMedia = _ref$disableShareSoci === void 0 ? false : _ref$disableShareSoci,
+    _ref$disableQRDownloa = _ref.disableQRDownload,
+    disableQRDownload = _ref$disableQRDownloa === void 0 ? false : _ref$disableQRDownloa,
+    _ref$publicLinkExpiry = _ref.publicLinkExpiryConfiguration,
+    publicLinkExpiryConfiguration = _ref$publicLinkExpiry === void 0 ? {} : _ref$publicLinkExpiry,
+    customTopContent = _ref.customTopContent,
+    customBottomContent = _ref.customBottomContent;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var shouldShowShareBlock = !disableQRDownload || !disableShareSocialMedia || neetoCist.isPresent(moreOptions);
+  return /*#__PURE__*/jsxRuntime.jsx(v2_Container, {
+    className: "bg-muted",
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "mx-auto w-full max-w-5xl py-10",
+      children: [customTopContent, /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        "data-testid": "share-your-meeting-heading",
+        variant: "h2",
+        className: classnames({
+          "mb-2": neetoCist.isPresent(description),
+          "mb-6": !neetoCist.isPresent(description)
+        }),
+        children: title || t("neetoMolecules.shareViaLink.title", {
+          productName: initializers.globalProps.appName
+        })
+      }), description && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        className: "mb-6",
+        "data-testid": "share-your-meeting-heading",
+        variant: "body1",
+        children: description
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "bg-background rounded-lg p-6 sm:p-8",
+        "data-testid": "share-via-link",
+        children: [neetoCist.isNotEmpty(urls) && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-y-1",
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "inline-flex max-w-full flex-col gap-y-4",
+            children: urls === null || urls === void 0 ? void 0 : 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
+          })]
+        }), shouldShowShareBlock && /*#__PURE__*/jsxRuntime.jsx(ShareBlock, {
+          disableQRDownload: disableQRDownload,
+          disableShareSocialMedia: disableShareSocialMedia,
+          entity: entity,
+          moreOptions: moreOptions,
+          qrCodeProps: qrCodeProps,
+          socialMediaProps: socialMediaProps,
+          urls: urls,
+          url: (_urls$ = urls[0]) === null || _urls$ === void 0 ? void 0 : _urls$.url
+        })]
+      }), customBottomContent]
+    })
+  });
+};
+
+var QRCode = function QRCode(_ref) {
+  var entity = _ref.entity,
+    qrCodeProps = _ref.qrCodeProps,
+    url = _ref.url,
+    shareUrl = _ref.shareUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (!entity) return null;
+  var id = entity.id,
+    name = entity.name;
+  var canvasId = "qrcode-share-".concat(id);
+  var handleDownloadQRCode = function handleDownloadQRCode() {
+    var canvas = document.getElementById(canvasId);
+    if (canvas) downloadCanvas(canvas, {
+      name: neetoCist.slugify(name)
+    });
+  };
+  var handleCopyQRCode = function handleCopyQRCode() {
+    var canvas = document.getElementById(canvasId);
+    if (canvas) copyCanvasToClipboard(canvas, handleDownloadQRCode);
+  };
+  var title = (qrCodeProps === null || qrCodeProps === void 0 ? void 0 : qrCodeProps.pageTitle) || (qrCodeProps === null || qrCodeProps === void 0 ? void 0 : qrCodeProps.cardTitle) || t("neetoMolecules.shareViaLink.qrCode.title");
+  var description = (qrCodeProps === null || qrCodeProps === void 0 ? void 0 : qrCodeProps.pageDescription) || (qrCodeProps === null || qrCodeProps === void 0 ? void 0 : qrCodeProps.cardDescription) || t("neetoMolecules.shareViaLink.qrCode.description");
+  return /*#__PURE__*/jsxRuntime.jsxs(v2_Container, {
+    className: "py-8",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+      className: "mb-4",
+      "data-testid": "back-button",
+      icon: arrowLeft.ArrowLeft,
+      iconPosition: "left",
+      label: t("neetoMolecules.productEmbed.backToShare"),
+      size: "sm",
+      to: shareUrl,
+      variant: "link"
+    }), /*#__PURE__*/jsxRuntime.jsx(v2_Header, {
+      className: "py-0",
+      title: t("neetoMolecules.shareViaLink.qrCode.title")
+    }), /*#__PURE__*/jsxRuntime.jsx(v2_CardLayout, {
+      description: description,
+      title: title,
+      actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-wrap items-center gap-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "qr-code-download-button",
+          label: t("neetoMolecules.shareViaLink.qrCode.download"),
+          onClick: handleDownloadQRCode
+        }), /*#__PURE__*/jsxRuntime.jsx(v2_CopyToClipboardButton, {
+          "data-testid": "qr-code-copy-button",
+          label: t("neetoMolecules.shareViaLink.qrCode.copy"),
+          variant: "outline",
+          onClick: handleCopyQRCode
+        })]
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx(index.QRCodeCanvas, {
+        className: "mt-6 cursor-pointer",
+        "data-testid": "qr-code-image",
+        id: canvasId,
+        size: 160,
+        style: {
+          width: 160,
+          height: 160
+        },
+        value: url,
+        onClick: handleDownloadQRCode
+      })
+    })]
+  });
+};
+
+var SocialMedia = function SocialMedia(_ref) {
+  var socialMediaProps = _ref.socialMediaProps,
+    url = _ref.url,
+    shareUrl = _ref.shareUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var title = (socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.pageTitle) || (socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.cardTitle) || t("neetoMolecules.shareViaLink.socialMediaShare.title");
+  var description = (socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.pageDescription) || (socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.cardDescription) || t("neetoMolecules.shareViaLink.socialMediaShare.description");
+  return /*#__PURE__*/jsxRuntime.jsxs(v2_Container, {
+    className: "py-8",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+      className: "mb-4",
+      "data-testid": "back-button",
+      icon: arrowLeft.ArrowLeft,
+      iconPosition: "left",
+      label: t("neetoMolecules.productEmbed.backToShare"),
+      size: "sm",
+      to: shareUrl,
+      variant: "link"
+    }), /*#__PURE__*/jsxRuntime.jsx(v2_Header, {
+      className: "py-0",
+      title: t("neetoMolecules.shareViaLink.socialMediaShare.title")
+    }), /*#__PURE__*/jsxRuntime.jsx(v2_CardLayout, {
+      description: description,
+      title: title,
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "flex flex-wrap items-center gap-3",
+        children: Object.entries(SOCIAL_MEDIA_OPTIONS).map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            key = _ref3[0],
+            _ref3$ = _ref3[1],
+            label = _ref3$.label,
+            Icon = _ref3$.icon,
+            generateShareUrl = _ref3$.generateShareUrl;
+          return /*#__PURE__*/React.createElement(neetoAtoms.Button, {
+            label: label,
+            "data-testid": "social-media-button-".concat(key),
+            icon: Icon,
+            iconPosition: "right",
+            key: key,
+            rel: "noopener noreferrer",
+            target: "_blank",
+            variant: "outline",
+            href: generateShareUrl({
+              url: url,
+              title: socialMediaProps === null || socialMediaProps === void 0 ? void 0 : socialMediaProps.postTitle
+            })
+          });
+        })
+      })
+    })]
+  });
+};
+
+/* eslint-disable @bigbinary/neeto/use-common-routes */
+var ShareViaLink = function ShareViaLink(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$enabledOptions = _ref.enabledOptions,
+    enabledOptions = _ref$enabledOptions === void 0 ? {
+      regenerate: false,
+      edit: false
+    } : _ref$enabledOptions,
+    _ref$urls = _ref.urls,
+    urls = _ref$urls === void 0 ? [] : _ref$urls,
+    entity = _ref.entity,
+    entityName = _ref.entityName,
+    _ref$handleEdit = _ref.handleEdit,
+    handleEdit = _ref$handleEdit === void 0 ? neetoCist.noop : _ref$handleEdit,
+    _ref$handleRegenerate = _ref.handleRegenerate,
+    handleRegenerate = _ref$handleRegenerate === void 0 ? neetoCist.noop : _ref$handleRegenerate,
+    _ref$disableShareSoci = _ref.disableShareSocialMedia,
+    disableShareSocialMedia = _ref$disableShareSoci === void 0 ? false : _ref$disableShareSoci,
+    _ref$disableQRDownloa = _ref.disableQRDownload,
+    disableQRDownload = _ref$disableQRDownloa === void 0 ? false : _ref$disableQRDownloa,
+    socialMediaProps = _ref.socialMediaProps,
+    qrCodeProps = _ref.qrCodeProps,
+    moreOptions = _ref.moreOptions,
+    _ref$publicLinkExpiry = _ref.publicLinkExpiryConfiguration,
+    publicLinkExpiryConfiguration = _ref$publicLinkExpiry === void 0 ? {} : _ref$publicLinkExpiry,
+    customTopContent = _ref.customTopContent,
+    customBottomContent = _ref.customBottomContent;
+  var _useRouteMatch = reactRouterDom.useRouteMatch(),
+    sharePath = _useRouteMatch.path,
+    shareUrl = _useRouteMatch.url;
+  return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Switch, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+      exact: true,
+      path: sharePath,
+      render: function render() {
+        return /*#__PURE__*/jsxRuntime.jsx(MainPanel, {
+          customBottomContent: customBottomContent,
+          customTopContent: customTopContent,
+          description: description,
+          disableQRDownload: disableQRDownload,
+          disableShareSocialMedia: disableShareSocialMedia,
+          enabledOptions: enabledOptions,
+          entity: entity,
+          entityName: entityName,
+          handleEdit: handleEdit,
+          handleRegenerate: handleRegenerate,
+          isLoading: isLoading,
+          moreOptions: moreOptions,
+          publicLinkExpiryConfiguration: publicLinkExpiryConfiguration,
+          qrCodeProps: qrCodeProps,
+          socialMediaProps: socialMediaProps,
+          title: title,
+          urls: urls
+        });
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+      exact: true,
+      path: "".concat(sharePath, "/qrcode"),
+      render: function render() {
+        var _urls$;
+        return /*#__PURE__*/jsxRuntime.jsx(QRCode, {
+          entity: entity,
+          qrCodeProps: qrCodeProps,
+          shareUrl: shareUrl,
+          url: (_urls$ = urls[0]) === null || _urls$ === void 0 ? void 0 : _urls$.url
+        });
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+      exact: true,
+      path: "".concat(sharePath, "/social-media"),
+      render: function render() {
+        var _urls$2;
+        return /*#__PURE__*/jsxRuntime.jsx(SocialMedia, {
+          shareUrl: shareUrl,
+          socialMediaProps: socialMediaProps,
+          url: (_urls$2 = urls[0]) === null || _urls$2 === void 0 ? void 0 : _urls$2.url
+        });
+      }
+    }), neetoCist.isPresent(moreOptions) && moreOptions.map(function (_ref2) {
+      var link = _ref2.link,
+        element = _ref2.element,
+        path = _ref2.path,
+        permissions = _ref2.permissions;
+      if (!link && !path) return null;
+      return /*#__PURE__*/React.createElement(PrivateRoute, {
+        permissions: permissions,
+        exact: true,
+        key: link,
+        path: path || link,
+        render: function render() {
+          return element;
+        }
+      });
+    }), /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Route, {
+      component: v2_ErrorPage,
+      path: "*"
+    })]
+  });
+};
+
+module.exports = ShareViaLink;
+//# sourceMappingURL=ShareViaLink.js.map