@bigbinary/neeto-molecules 1.1.10 → 1.1.12

package/dist/ShareViaLink.cjs.js

@@ -1,1512 +0,0 @@
-'use strict';
-
-var React = require('react');
-var pure = require('@bigbinary/neeto-commons-frontend/pure');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
-var neetoui = require('@bigbinary/neetoui');
-var reactI18next = require('react-i18next');
-var ramda = require('ramda');
-var formik = require('formik');
-var formik$1 = require('@bigbinary/neetoui/formik');
-var i18next = require('i18next');
-var yup = require('yup');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-var MENU_ITEM_TYPES = {
-  menuItem: "menuItem",
-  divider: "divider"
-};
-var DEFAULT_TOOLTIP_PROPS = {
-  disabled: true,
-  position: "bottom"
-};
-
-var _excluded = ["key", "onClick", "label", "type", "isVisible"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var Menu = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem,
-  Divider = neetoui.Dropdown.Divider;
-var MoreDropdown = function MoreDropdown(_ref) {
-  var _ref$dropdownButtonPr = _ref.dropdownButtonProps,
-    dropdownButtonProps = _ref$dropdownButtonPr === void 0 ? {} : _ref$dropdownButtonPr,
-    _ref$isVertical = _ref.isVertical,
-    isVertical = _ref$isVertical === void 0 ? false : _ref$isVertical,
-    _ref$isDisabled = _ref.isDisabled,
-    isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
-    _ref$dropdownProps = _ref.dropdownProps,
-    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
-    menuTopChildren = _ref.menuTopChildren,
-    menuBottomChildren = _ref.menuBottomChildren,
-    _ref$menuItems = _ref.menuItems,
-    menuItems = _ref$menuItems === void 0 ? [] : _ref$menuItems;
-  var tooltipProps = ramda.mergeRight(DEFAULT_TOOLTIP_PROPS, dropdownButtonProps.tooltipProps);
-  var targetIcon = isVertical ? neetoIcons.MenuVertical : neetoIcons.MenuHorizontal;
-  var isDropdownDisabled = isDisabled || dropdownProps.disabled;
-  if (isDropdownDisabled && !tooltipProps.disabled) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, tooltipProps, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
-      disabled: true,
-      "data-testid": "nui-dropdown-button",
-      icon: targetIcon,
-      iconPosition: "right",
-      size: "medium",
-      style: "text"
-    }, dropdownButtonProps))));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, _extends({
-    autoWidth: true,
-    className: "flex",
-    disabled: isDisabled,
-    icon: targetIcon,
-    buttonProps: _objectSpread({
-      className: "min-h-0 flex-shrink-0",
-      style: "text"
-    }, dropdownButtonProps)
-  }, dropdownProps), /*#__PURE__*/React__default["default"].createElement(Menu, null, menuTopChildren, menuItems.map(function (_ref2) {
-    var key = _ref2.key,
-      onClick = _ref2.onClick,
-      label = _ref2.label,
-      _ref2$type = _ref2.type,
-      type = _ref2$type === void 0 ? MENU_ITEM_TYPES.menuItem : _ref2$type,
-      _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? true : _ref2$isVisible,
-      menuItemProps = _objectWithoutProperties(_ref2, _excluded);
-    if (!isVisible) return null;
-    return type === MENU_ITEM_TYPES.menuItem ? /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, _extends({
-      key: key
-    }, _objectSpread({
-      onClick: onClick
-    }, menuItemProps)), label) : /*#__PURE__*/React__default["default"].createElement(Divider, {
-      key: key
-    });
-  }), menuBottomChildren));
-};
-
-var facebookShareLink = function facebookShareLink(_ref) {
-  var id = _ref.id;
-  return utils.buildUrl("https://www.facebook.com/sharer/sharer.php", {
-    u: "https://".concat(window.location.host, "/").concat(id)
-  });
-};
-var linkedInShareLink = function linkedInShareLink(_ref2) {
-  var id = _ref2.id,
-    title = _ref2.title;
-  return utils.buildUrl("https://www.linkedin.com/shareArticle", {
-    mini: true,
-    url: "https://".concat(window.location.host, "/").concat(id),
-    title: title
-  });
-};
-var twitterShareLink = function twitterShareLink(_ref3) {
-  var id = _ref3.id,
-    title = _ref3.title;
-  return utils.buildUrl("http://twitter.com/share", {
-    text: title,
-    url: "https://".concat(window.location.host, "/").concat(id)
-  });
-};
-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 getPathname = function getPathname(url) {
-  return new URL(url).pathname.slice(1);
-};
-var getPrefixFromUrl = function getPrefixFromUrl(url) {
-  return "".concat(new URL(url).origin, "/");
-};
-var truncatePrefix = function truncatePrefix(url) {
-  return url.length > MAX_PREFIX_SIZE ? "...".concat(url.slice(-MAX_PREFIX_SIZE)) : url;
-};
-
-var SOCIAL_MEDIA_OPTIONS = {
-  FACEBOOK: {
-    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.facebook"),
-    icon: neetoIcons.Facebook,
-    generateShareUrl: facebookShareLink
-  },
-  LINKEDIN: {
-    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.linkedIn"),
-    icon: neetoIcons.Linkedin,
-    generateShareUrl: linkedInShareLink
-  },
-  TWITTER: {
-    label: i18next.t("neetoMolecules.shareViaLink.socialMediaShare.twitter"),
-    icon: neetoIcons.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"))
-});
-var MAX_PREFIX_SIZE = 30;
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".no-padding .neeto-ui-input.neeto-ui-input--medium input{padding:0}.no-padding .neeto-ui-input__prefix{color:rgb(var(--neeto-ui-gray-600))!important}";
-n(css,{});
-
-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 handleSubmit = function handleSubmit(values) {
-    handleEdit(values.path);
-    onClose();
-  };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
-    "data-testid": "edit-url-modal",
-    initialFocusRef: focusRef,
-    isOpen: isOpen,
-    onClose: onClose
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    lineHeight: "normal",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.editUrl.title"))), /*#__PURE__*/React__default["default"].createElement(formik.Formik, {
-    enableReinitialize: true,
-    initialValues: {
-      path: (editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.editablePath) || getPathname(url)
-    },
-    validationSchema: PATH_VALIDATION_SCHEMA,
-    onSubmit: handleSubmit
-  }, function (_ref2) {
-    var isSubmitting = _ref2.isSubmitting,
-      dirty = _ref2.dirty;
-    return /*#__PURE__*/React__default["default"].createElement(formik.Form, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, {
-      className: "w-full space-y-6"
-    }, /*#__PURE__*/React__default["default"].createElement(formik$1.Input, {
-      className: "no-padding",
-      "data-testid": "edit-url-input",
-      label: t("neetoMolecules.shareViaLink.editUrl.inputLabel"),
-      maxLength: editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.maxLength,
-      name: "path",
-      ref: focusRef,
-      prefix: truncatePrefix((editUrlProps === null || editUrlProps === void 0 ? void 0 : editUrlProps.prefix) || getPrefixFromUrl(url))
-    }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      className: "neeto-ui-text-gray-700",
-      lineHeight: "normal",
-      style: "body2"
-    }, t("neetoMolecules.shareViaLink.editUrl.description"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
-      className: "space-x-2"
-    }, /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
-      "data-testid": "edit-url-confirm-button",
-      disabled: isSubmitting || !dirty,
-      loading: isLoading,
-      type: "submit",
-      label: t("neetoMolecules.shareViaLink.editUrl.submitButtonLabel")
-    }), /*#__PURE__*/React__default["default"].createElement(formik$1.Button, {
-      "data-testid": "edit-url-cancel-button",
-      disabled: isSubmitting,
-      style: "text",
-      type: "reset",
-      label: t("neetoMolecules.shareViaLink.editUrl.cancelButtonLabel"),
-      onClick: onClose
-    })));
-  }));
-};
-
-var RegenerateURL = function RegenerateURL(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    url = _ref.url,
-    isLoading = _ref.isLoading,
-    handleRegenerate = _ref.handleRegenerate;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
-    "data-testid": "regenerate-url-modal",
-    isOpen: isOpen,
-    onClose: onClose
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    lineHeight: "normal",
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.regenerateUrl.title"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-full space-y-6"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    disabled: true,
-    label: t("neetoMolecules.shareViaLink.regenerateUrl.inputLabel"),
-    value: url
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-700",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.shareViaLink.regenerateUrl.description")))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
-    className: "space-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-testid": "regenerate-url-confirm-button",
-    loading: isLoading,
-    label: t("neetoMolecules.shareViaLink.regenerateUrl.submitButtonLabel"),
-    onClick: function onClick() {
-      handleRegenerate();
-      onClose();
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-testid": "regenerate-url-cancel-button",
-    style: "text",
-    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 isDropdownEnabled = enabledOptions.regenerate || enabledOptions.edit;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4",
-    "data-testid": "link-block"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-0.5"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    "data-testid": "link-title",
-    lineHeight: "normal",
-    style: "h3",
-    weight: "semibold"
-  }, t("neetoMolecules.shareViaLink.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-700",
-    "data-testid": "link-description",
-    lineHeight: "normal",
-    style: "body2"
-  }, t("neetoMolecules.shareViaLink.description", {
-    entity: entityName
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex items-center gap-1"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
-    readOnly: true,
-    value: url
-  }), /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
-    "data-testid": "link-copy-button",
-    label: t("neetoMolecules.shareViaLink.copyLink"),
-    value: url
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-testid": "preview-button",
-    href: previewUrl || url,
-    icon: neetoIcons.ExternalLink,
-    style: "secondary",
-    target: "_blank",
-    tooltipProps: {
-      content: t("neetoMolecules.shareViaLink.open", {
-        entity: entityName
-      }),
-      position: "top"
-    }
-  }), isDropdownEnabled && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
-    menuItems: [{
-      isVisible: 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__*/React__default["default"].createElement(RegenerateURL, {
-    handleRegenerate: handleRegenerate,
-    isLoading: isLoading,
-    url: url,
-    isOpen: isRegenerateURLModalOpen,
-    onClose: function onClose() {
-      return setIsRegenerateURLModalOpen(false);
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(EditURL, {
-    editUrlProps: editUrlProps,
-    handleEdit: handleEdit,
-    isLoading: isLoading,
-    url: url,
-    isOpen: isEditURLModalOpen,
-    onClose: function onClose() {
-      return setIsEditURLModalOpen(false);
-    }
-  }))));
-};
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-
-// src/third-party/qrcodegen/index.ts
-/**
- * @license QR Code generator library (TypeScript)
- * Copyright (c) Project Nayuki.
- * SPDX-License-Identifier: MIT
- */
-var qrcodegen;
-((qrcodegen2) => {
-  const _QrCode = class {
-    constructor(version, errorCorrectionLevel, dataCodewords, msk) {
-      this.version = version;
-      this.errorCorrectionLevel = errorCorrectionLevel;
-      this.modules = [];
-      this.isFunction = [];
-      if (version < _QrCode.MIN_VERSION || version > _QrCode.MAX_VERSION)
-        throw new RangeError("Version value out of range");
-      if (msk < -1 || msk > 7)
-        throw new RangeError("Mask value out of range");
-      this.size = version * 4 + 17;
-      let row = [];
-      for (let i = 0; i < this.size; i++)
-        row.push(false);
-      for (let i = 0; i < this.size; i++) {
-        this.modules.push(row.slice());
-        this.isFunction.push(row.slice());
-      }
-      this.drawFunctionPatterns();
-      const allCodewords = this.addEccAndInterleave(dataCodewords);
-      this.drawCodewords(allCodewords);
-      if (msk == -1) {
-        let minPenalty = 1e9;
-        for (let i = 0; i < 8; i++) {
-          this.applyMask(i);
-          this.drawFormatBits(i);
-          const penalty = this.getPenaltyScore();
-          if (penalty < minPenalty) {
-            msk = i;
-            minPenalty = penalty;
-          }
-          this.applyMask(i);
-        }
-      }
-      assert(0 <= msk && msk <= 7);
-      this.mask = msk;
-      this.applyMask(msk);
-      this.drawFormatBits(msk);
-      this.isFunction = [];
-    }
-    static encodeText(text, ecl) {
-      const segs = qrcodegen2.QrSegment.makeSegments(text);
-      return _QrCode.encodeSegments(segs, ecl);
-    }
-    static encodeBinary(data, ecl) {
-      const seg = qrcodegen2.QrSegment.makeBytes(data);
-      return _QrCode.encodeSegments([seg], ecl);
-    }
-    static encodeSegments(segs, ecl, minVersion = 1, maxVersion = 40, mask = -1, boostEcl = true) {
-      if (!(_QrCode.MIN_VERSION <= minVersion && minVersion <= maxVersion && maxVersion <= _QrCode.MAX_VERSION) || mask < -1 || mask > 7)
-        throw new RangeError("Invalid value");
-      let version;
-      let dataUsedBits;
-      for (version = minVersion; ; version++) {
-        const dataCapacityBits2 = _QrCode.getNumDataCodewords(version, ecl) * 8;
-        const usedBits = QrSegment.getTotalBits(segs, version);
-        if (usedBits <= dataCapacityBits2) {
-          dataUsedBits = usedBits;
-          break;
-        }
-        if (version >= maxVersion)
-          throw new RangeError("Data too long");
-      }
-      for (const newEcl of [_QrCode.Ecc.MEDIUM, _QrCode.Ecc.QUARTILE, _QrCode.Ecc.HIGH]) {
-        if (boostEcl && dataUsedBits <= _QrCode.getNumDataCodewords(version, newEcl) * 8)
-          ecl = newEcl;
-      }
-      let bb = [];
-      for (const seg of segs) {
-        appendBits(seg.mode.modeBits, 4, bb);
-        appendBits(seg.numChars, seg.mode.numCharCountBits(version), bb);
-        for (const b of seg.getData())
-          bb.push(b);
-      }
-      assert(bb.length == dataUsedBits);
-      const dataCapacityBits = _QrCode.getNumDataCodewords(version, ecl) * 8;
-      assert(bb.length <= dataCapacityBits);
-      appendBits(0, Math.min(4, dataCapacityBits - bb.length), bb);
-      appendBits(0, (8 - bb.length % 8) % 8, bb);
-      assert(bb.length % 8 == 0);
-      for (let padByte = 236; bb.length < dataCapacityBits; padByte ^= 236 ^ 17)
-        appendBits(padByte, 8, bb);
-      let dataCodewords = [];
-      while (dataCodewords.length * 8 < bb.length)
-        dataCodewords.push(0);
-      bb.forEach((b, i) => dataCodewords[i >>> 3] |= b << 7 - (i & 7));
-      return new _QrCode(version, ecl, dataCodewords, mask);
-    }
-    getModule(x, y) {
-      return 0 <= x && x < this.size && 0 <= y && y < this.size && this.modules[y][x];
-    }
-    getModules() {
-      return this.modules;
-    }
-    drawFunctionPatterns() {
-      for (let i = 0; i < this.size; i++) {
-        this.setFunctionModule(6, i, i % 2 == 0);
-        this.setFunctionModule(i, 6, i % 2 == 0);
-      }
-      this.drawFinderPattern(3, 3);
-      this.drawFinderPattern(this.size - 4, 3);
-      this.drawFinderPattern(3, this.size - 4);
-      const alignPatPos = this.getAlignmentPatternPositions();
-      const numAlign = alignPatPos.length;
-      for (let i = 0; i < numAlign; i++) {
-        for (let j = 0; j < numAlign; j++) {
-          if (!(i == 0 && j == 0 || i == 0 && j == numAlign - 1 || i == numAlign - 1 && j == 0))
-            this.drawAlignmentPattern(alignPatPos[i], alignPatPos[j]);
-        }
-      }
-      this.drawFormatBits(0);
-      this.drawVersion();
-    }
-    drawFormatBits(mask) {
-      const data = this.errorCorrectionLevel.formatBits << 3 | mask;
-      let rem = data;
-      for (let i = 0; i < 10; i++)
-        rem = rem << 1 ^ (rem >>> 9) * 1335;
-      const bits = (data << 10 | rem) ^ 21522;
-      assert(bits >>> 15 == 0);
-      for (let i = 0; i <= 5; i++)
-        this.setFunctionModule(8, i, getBit(bits, i));
-      this.setFunctionModule(8, 7, getBit(bits, 6));
-      this.setFunctionModule(8, 8, getBit(bits, 7));
-      this.setFunctionModule(7, 8, getBit(bits, 8));
-      for (let i = 9; i < 15; i++)
-        this.setFunctionModule(14 - i, 8, getBit(bits, i));
-      for (let i = 0; i < 8; i++)
-        this.setFunctionModule(this.size - 1 - i, 8, getBit(bits, i));
-      for (let i = 8; i < 15; i++)
-        this.setFunctionModule(8, this.size - 15 + i, getBit(bits, i));
-      this.setFunctionModule(8, this.size - 8, true);
-    }
-    drawVersion() {
-      if (this.version < 7)
-        return;
-      let rem = this.version;
-      for (let i = 0; i < 12; i++)
-        rem = rem << 1 ^ (rem >>> 11) * 7973;
-      const bits = this.version << 12 | rem;
-      assert(bits >>> 18 == 0);
-      for (let i = 0; i < 18; i++) {
-        const color = getBit(bits, i);
-        const a = this.size - 11 + i % 3;
-        const b = Math.floor(i / 3);
-        this.setFunctionModule(a, b, color);
-        this.setFunctionModule(b, a, color);
-      }
-    }
-    drawFinderPattern(x, y) {
-      for (let dy = -4; dy <= 4; dy++) {
-        for (let dx = -4; dx <= 4; dx++) {
-          const dist = Math.max(Math.abs(dx), Math.abs(dy));
-          const xx = x + dx;
-          const yy = y + dy;
-          if (0 <= xx && xx < this.size && 0 <= yy && yy < this.size)
-            this.setFunctionModule(xx, yy, dist != 2 && dist != 4);
-        }
-      }
-    }
-    drawAlignmentPattern(x, y) {
-      for (let dy = -2; dy <= 2; dy++) {
-        for (let dx = -2; dx <= 2; dx++)
-          this.setFunctionModule(x + dx, y + dy, Math.max(Math.abs(dx), Math.abs(dy)) != 1);
-      }
-    }
-    setFunctionModule(x, y, isDark) {
-      this.modules[y][x] = isDark;
-      this.isFunction[y][x] = true;
-    }
-    addEccAndInterleave(data) {
-      const ver = this.version;
-      const ecl = this.errorCorrectionLevel;
-      if (data.length != _QrCode.getNumDataCodewords(ver, ecl))
-        throw new RangeError("Invalid argument");
-      const numBlocks = _QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
-      const blockEccLen = _QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver];
-      const rawCodewords = Math.floor(_QrCode.getNumRawDataModules(ver) / 8);
-      const numShortBlocks = numBlocks - rawCodewords % numBlocks;
-      const shortBlockLen = Math.floor(rawCodewords / numBlocks);
-      let blocks = [];
-      const rsDiv = _QrCode.reedSolomonComputeDivisor(blockEccLen);
-      for (let i = 0, k = 0; i < numBlocks; i++) {
-        let dat = data.slice(k, k + shortBlockLen - blockEccLen + (i < numShortBlocks ? 0 : 1));
-        k += dat.length;
-        const ecc = _QrCode.reedSolomonComputeRemainder(dat, rsDiv);
-        if (i < numShortBlocks)
-          dat.push(0);
-        blocks.push(dat.concat(ecc));
-      }
-      let result = [];
-      for (let i = 0; i < blocks[0].length; i++) {
-        blocks.forEach((block, j) => {
-          if (i != shortBlockLen - blockEccLen || j >= numShortBlocks)
-            result.push(block[i]);
-        });
-      }
-      assert(result.length == rawCodewords);
-      return result;
-    }
-    drawCodewords(data) {
-      if (data.length != Math.floor(_QrCode.getNumRawDataModules(this.version) / 8))
-        throw new RangeError("Invalid argument");
-      let i = 0;
-      for (let right = this.size - 1; right >= 1; right -= 2) {
-        if (right == 6)
-          right = 5;
-        for (let vert = 0; vert < this.size; vert++) {
-          for (let j = 0; j < 2; j++) {
-            const x = right - j;
-            const upward = (right + 1 & 2) == 0;
-            const y = upward ? this.size - 1 - vert : vert;
-            if (!this.isFunction[y][x] && i < data.length * 8) {
-              this.modules[y][x] = getBit(data[i >>> 3], 7 - (i & 7));
-              i++;
-            }
-          }
-        }
-      }
-      assert(i == data.length * 8);
-    }
-    applyMask(mask) {
-      if (mask < 0 || mask > 7)
-        throw new RangeError("Mask value out of range");
-      for (let y = 0; y < this.size; y++) {
-        for (let x = 0; x < this.size; x++) {
-          let invert;
-          switch (mask) {
-            case 0:
-              invert = (x + y) % 2 == 0;
-              break;
-            case 1:
-              invert = y % 2 == 0;
-              break;
-            case 2:
-              invert = x % 3 == 0;
-              break;
-            case 3:
-              invert = (x + y) % 3 == 0;
-              break;
-            case 4:
-              invert = (Math.floor(x / 3) + Math.floor(y / 2)) % 2 == 0;
-              break;
-            case 5:
-              invert = x * y % 2 + x * y % 3 == 0;
-              break;
-            case 6:
-              invert = (x * y % 2 + x * y % 3) % 2 == 0;
-              break;
-            case 7:
-              invert = ((x + y) % 2 + x * y % 3) % 2 == 0;
-              break;
-            default:
-              throw new Error("Unreachable");
-          }
-          if (!this.isFunction[y][x] && invert)
-            this.modules[y][x] = !this.modules[y][x];
-        }
-      }
-    }
-    getPenaltyScore() {
-      let result = 0;
-      for (let y = 0; y < this.size; y++) {
-        let runColor = false;
-        let runX = 0;
-        let runHistory = [0, 0, 0, 0, 0, 0, 0];
-        for (let x = 0; x < this.size; x++) {
-          if (this.modules[y][x] == runColor) {
-            runX++;
-            if (runX == 5)
-              result += _QrCode.PENALTY_N1;
-            else if (runX > 5)
-              result++;
-          } else {
-            this.finderPenaltyAddHistory(runX, runHistory);
-            if (!runColor)
-              result += this.finderPenaltyCountPatterns(runHistory) * _QrCode.PENALTY_N3;
-            runColor = this.modules[y][x];
-            runX = 1;
-          }
-        }
-        result += this.finderPenaltyTerminateAndCount(runColor, runX, runHistory) * _QrCode.PENALTY_N3;
-      }
-      for (let x = 0; x < this.size; x++) {
-        let runColor = false;
-        let runY = 0;
-        let runHistory = [0, 0, 0, 0, 0, 0, 0];
-        for (let y = 0; y < this.size; y++) {
-          if (this.modules[y][x] == runColor) {
-            runY++;
-            if (runY == 5)
-              result += _QrCode.PENALTY_N1;
-            else if (runY > 5)
-              result++;
-          } else {
-            this.finderPenaltyAddHistory(runY, runHistory);
-            if (!runColor)
-              result += this.finderPenaltyCountPatterns(runHistory) * _QrCode.PENALTY_N3;
-            runColor = this.modules[y][x];
-            runY = 1;
-          }
-        }
-        result += this.finderPenaltyTerminateAndCount(runColor, runY, runHistory) * _QrCode.PENALTY_N3;
-      }
-      for (let y = 0; y < this.size - 1; y++) {
-        for (let x = 0; x < this.size - 1; x++) {
-          const color = this.modules[y][x];
-          if (color == this.modules[y][x + 1] && color == this.modules[y + 1][x] && color == this.modules[y + 1][x + 1])
-            result += _QrCode.PENALTY_N2;
-        }
-      }
-      let dark = 0;
-      for (const row of this.modules)
-        dark = row.reduce((sum, color) => sum + (color ? 1 : 0), dark);
-      const total = this.size * this.size;
-      const k = Math.ceil(Math.abs(dark * 20 - total * 10) / total) - 1;
-      assert(0 <= k && k <= 9);
-      result += k * _QrCode.PENALTY_N4;
-      assert(0 <= result && result <= 2568888);
-      return result;
-    }
-    getAlignmentPatternPositions() {
-      if (this.version == 1)
-        return [];
-      else {
-        const numAlign = Math.floor(this.version / 7) + 2;
-        const step = this.version == 32 ? 26 : Math.ceil((this.version * 4 + 4) / (numAlign * 2 - 2)) * 2;
-        let result = [6];
-        for (let pos = this.size - 7; result.length < numAlign; pos -= step)
-          result.splice(1, 0, pos);
-        return result;
-      }
-    }
-    static getNumRawDataModules(ver) {
-      if (ver < _QrCode.MIN_VERSION || ver > _QrCode.MAX_VERSION)
-        throw new RangeError("Version number out of range");
-      let result = (16 * ver + 128) * ver + 64;
-      if (ver >= 2) {
-        const numAlign = Math.floor(ver / 7) + 2;
-        result -= (25 * numAlign - 10) * numAlign - 55;
-        if (ver >= 7)
-          result -= 36;
-      }
-      assert(208 <= result && result <= 29648);
-      return result;
-    }
-    static getNumDataCodewords(ver, ecl) {
-      return Math.floor(_QrCode.getNumRawDataModules(ver) / 8) - _QrCode.ECC_CODEWORDS_PER_BLOCK[ecl.ordinal][ver] * _QrCode.NUM_ERROR_CORRECTION_BLOCKS[ecl.ordinal][ver];
-    }
-    static reedSolomonComputeDivisor(degree) {
-      if (degree < 1 || degree > 255)
-        throw new RangeError("Degree out of range");
-      let result = [];
-      for (let i = 0; i < degree - 1; i++)
-        result.push(0);
-      result.push(1);
-      let root = 1;
-      for (let i = 0; i < degree; i++) {
-        for (let j = 0; j < result.length; j++) {
-          result[j] = _QrCode.reedSolomonMultiply(result[j], root);
-          if (j + 1 < result.length)
-            result[j] ^= result[j + 1];
-        }
-        root = _QrCode.reedSolomonMultiply(root, 2);
-      }
-      return result;
-    }
-    static reedSolomonComputeRemainder(data, divisor) {
-      let result = divisor.map((_) => 0);
-      for (const b of data) {
-        const factor = b ^ result.shift();
-        result.push(0);
-        divisor.forEach((coef, i) => result[i] ^= _QrCode.reedSolomonMultiply(coef, factor));
-      }
-      return result;
-    }
-    static reedSolomonMultiply(x, y) {
-      if (x >>> 8 != 0 || y >>> 8 != 0)
-        throw new RangeError("Byte out of range");
-      let z = 0;
-      for (let i = 7; i >= 0; i--) {
-        z = z << 1 ^ (z >>> 7) * 285;
-        z ^= (y >>> i & 1) * x;
-      }
-      assert(z >>> 8 == 0);
-      return z;
-    }
-    finderPenaltyCountPatterns(runHistory) {
-      const n = runHistory[1];
-      assert(n <= this.size * 3);
-      const core = n > 0 && runHistory[2] == n && runHistory[3] == n * 3 && runHistory[4] == n && runHistory[5] == n;
-      return (core && runHistory[0] >= n * 4 && runHistory[6] >= n ? 1 : 0) + (core && runHistory[6] >= n * 4 && runHistory[0] >= n ? 1 : 0);
-    }
-    finderPenaltyTerminateAndCount(currentRunColor, currentRunLength, runHistory) {
-      if (currentRunColor) {
-        this.finderPenaltyAddHistory(currentRunLength, runHistory);
-        currentRunLength = 0;
-      }
-      currentRunLength += this.size;
-      this.finderPenaltyAddHistory(currentRunLength, runHistory);
-      return this.finderPenaltyCountPatterns(runHistory);
-    }
-    finderPenaltyAddHistory(currentRunLength, runHistory) {
-      if (runHistory[0] == 0)
-        currentRunLength += this.size;
-      runHistory.pop();
-      runHistory.unshift(currentRunLength);
-    }
-  };
-  let QrCode = _QrCode;
-  QrCode.MIN_VERSION = 1;
-  QrCode.MAX_VERSION = 40;
-  QrCode.PENALTY_N1 = 3;
-  QrCode.PENALTY_N2 = 3;
-  QrCode.PENALTY_N3 = 40;
-  QrCode.PENALTY_N4 = 10;
-  QrCode.ECC_CODEWORDS_PER_BLOCK = [
-    [-1, 7, 10, 15, 20, 26, 18, 20, 24, 30, 18, 20, 24, 26, 30, 22, 24, 28, 30, 28, 28, 28, 28, 30, 30, 26, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
-    [-1, 10, 16, 26, 18, 24, 16, 18, 22, 22, 26, 30, 22, 22, 24, 24, 28, 28, 26, 26, 26, 26, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28, 28],
-    [-1, 13, 22, 18, 26, 18, 24, 18, 22, 20, 24, 28, 26, 24, 20, 30, 24, 28, 28, 26, 30, 28, 30, 30, 30, 30, 28, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30],
-    [-1, 17, 28, 22, 16, 22, 28, 26, 26, 24, 28, 24, 28, 22, 24, 24, 30, 28, 28, 26, 28, 30, 24, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30, 30]
-  ];
-  QrCode.NUM_ERROR_CORRECTION_BLOCKS = [
-    [-1, 1, 1, 1, 1, 1, 2, 2, 2, 2, 4, 4, 4, 4, 4, 6, 6, 6, 6, 7, 8, 8, 9, 9, 10, 12, 12, 12, 13, 14, 15, 16, 17, 18, 19, 19, 20, 21, 22, 24, 25],
-    [-1, 1, 1, 1, 2, 2, 4, 4, 4, 5, 5, 5, 8, 9, 9, 10, 10, 11, 13, 14, 16, 17, 17, 18, 20, 21, 23, 25, 26, 28, 29, 31, 33, 35, 37, 38, 40, 43, 45, 47, 49],
-    [-1, 1, 1, 2, 2, 4, 4, 6, 6, 8, 8, 8, 10, 12, 16, 12, 17, 16, 18, 21, 20, 23, 23, 25, 27, 29, 34, 34, 35, 38, 40, 43, 45, 48, 51, 53, 56, 59, 62, 65, 68],
-    [-1, 1, 1, 2, 4, 4, 4, 5, 6, 8, 8, 11, 11, 16, 16, 18, 16, 19, 21, 25, 25, 25, 34, 30, 32, 35, 37, 40, 42, 45, 48, 51, 54, 57, 60, 63, 66, 70, 74, 77, 81]
-  ];
-  qrcodegen2.QrCode = QrCode;
-  function appendBits(val, len, bb) {
-    if (len < 0 || len > 31 || val >>> len != 0)
-      throw new RangeError("Value out of range");
-    for (let i = len - 1; i >= 0; i--)
-      bb.push(val >>> i & 1);
-  }
-  function getBit(x, i) {
-    return (x >>> i & 1) != 0;
-  }
-  function assert(cond) {
-    if (!cond)
-      throw new Error("Assertion error");
-  }
-  const _QrSegment = class {
-    constructor(mode, numChars, bitData) {
-      this.mode = mode;
-      this.numChars = numChars;
-      this.bitData = bitData;
-      if (numChars < 0)
-        throw new RangeError("Invalid argument");
-      this.bitData = bitData.slice();
-    }
-    static makeBytes(data) {
-      let bb = [];
-      for (const b of data)
-        appendBits(b, 8, bb);
-      return new _QrSegment(_QrSegment.Mode.BYTE, data.length, bb);
-    }
-    static makeNumeric(digits) {
-      if (!_QrSegment.isNumeric(digits))
-        throw new RangeError("String contains non-numeric characters");
-      let bb = [];
-      for (let i = 0; i < digits.length; ) {
-        const n = Math.min(digits.length - i, 3);
-        appendBits(parseInt(digits.substr(i, n), 10), n * 3 + 1, bb);
-        i += n;
-      }
-      return new _QrSegment(_QrSegment.Mode.NUMERIC, digits.length, bb);
-    }
-    static makeAlphanumeric(text) {
-      if (!_QrSegment.isAlphanumeric(text))
-        throw new RangeError("String contains unencodable characters in alphanumeric mode");
-      let bb = [];
-      let i;
-      for (i = 0; i + 2 <= text.length; i += 2) {
-        let temp = _QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)) * 45;
-        temp += _QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i + 1));
-        appendBits(temp, 11, bb);
-      }
-      if (i < text.length)
-        appendBits(_QrSegment.ALPHANUMERIC_CHARSET.indexOf(text.charAt(i)), 6, bb);
-      return new _QrSegment(_QrSegment.Mode.ALPHANUMERIC, text.length, bb);
-    }
-    static makeSegments(text) {
-      if (text == "")
-        return [];
-      else if (_QrSegment.isNumeric(text))
-        return [_QrSegment.makeNumeric(text)];
-      else if (_QrSegment.isAlphanumeric(text))
-        return [_QrSegment.makeAlphanumeric(text)];
-      else
-        return [_QrSegment.makeBytes(_QrSegment.toUtf8ByteArray(text))];
-    }
-    static makeEci(assignVal) {
-      let bb = [];
-      if (assignVal < 0)
-        throw new RangeError("ECI assignment value out of range");
-      else if (assignVal < 1 << 7)
-        appendBits(assignVal, 8, bb);
-      else if (assignVal < 1 << 14) {
-        appendBits(2, 2, bb);
-        appendBits(assignVal, 14, bb);
-      } else if (assignVal < 1e6) {
-        appendBits(6, 3, bb);
-        appendBits(assignVal, 21, bb);
-      } else
-        throw new RangeError("ECI assignment value out of range");
-      return new _QrSegment(_QrSegment.Mode.ECI, 0, bb);
-    }
-    static isNumeric(text) {
-      return _QrSegment.NUMERIC_REGEX.test(text);
-    }
-    static isAlphanumeric(text) {
-      return _QrSegment.ALPHANUMERIC_REGEX.test(text);
-    }
-    getData() {
-      return this.bitData.slice();
-    }
-    static getTotalBits(segs, version) {
-      let result = 0;
-      for (const seg of segs) {
-        const ccbits = seg.mode.numCharCountBits(version);
-        if (seg.numChars >= 1 << ccbits)
-          return Infinity;
-        result += 4 + ccbits + seg.bitData.length;
-      }
-      return result;
-    }
-    static toUtf8ByteArray(str) {
-      str = encodeURI(str);
-      let result = [];
-      for (let i = 0; i < str.length; i++) {
-        if (str.charAt(i) != "%")
-          result.push(str.charCodeAt(i));
-        else {
-          result.push(parseInt(str.substr(i + 1, 2), 16));
-          i += 2;
-        }
-      }
-      return result;
-    }
-  };
-  let QrSegment = _QrSegment;
-  QrSegment.NUMERIC_REGEX = /^[0-9]*$/;
-  QrSegment.ALPHANUMERIC_REGEX = /^[A-Z0-9 $%*+.\/:-]*$/;
-  QrSegment.ALPHANUMERIC_CHARSET = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ $%*+-./:";
-  qrcodegen2.QrSegment = QrSegment;
-})(qrcodegen || (qrcodegen = {}));
-((qrcodegen2) => {
-  ((QrCode2) => {
-    const _Ecc = class {
-      constructor(ordinal, formatBits) {
-        this.ordinal = ordinal;
-        this.formatBits = formatBits;
-      }
-    };
-    let Ecc = _Ecc;
-    Ecc.LOW = new _Ecc(0, 1);
-    Ecc.MEDIUM = new _Ecc(1, 0);
-    Ecc.QUARTILE = new _Ecc(2, 3);
-    Ecc.HIGH = new _Ecc(3, 2);
-    QrCode2.Ecc = Ecc;
-  })(qrcodegen2.QrCode || (qrcodegen2.QrCode = {}));
-})(qrcodegen || (qrcodegen = {}));
-((qrcodegen2) => {
-  ((QrSegment2) => {
-    const _Mode = class {
-      constructor(modeBits, numBitsCharCount) {
-        this.modeBits = modeBits;
-        this.numBitsCharCount = numBitsCharCount;
-      }
-      numCharCountBits(ver) {
-        return this.numBitsCharCount[Math.floor((ver + 7) / 17)];
-      }
-    };
-    let Mode = _Mode;
-    Mode.NUMERIC = new _Mode(1, [10, 12, 14]);
-    Mode.ALPHANUMERIC = new _Mode(2, [9, 11, 13]);
-    Mode.BYTE = new _Mode(4, [8, 16, 16]);
-    Mode.KANJI = new _Mode(8, [8, 10, 12]);
-    Mode.ECI = new _Mode(7, [0, 0, 0]);
-    QrSegment2.Mode = Mode;
-  })(qrcodegen2.QrSegment || (qrcodegen2.QrSegment = {}));
-})(qrcodegen || (qrcodegen = {}));
-var qrcodegen_default = qrcodegen;
-
-// src/index.tsx
-/**
- * @license qrcode.react
- * Copyright (c) Paul O'Shannessy
- * SPDX-License-Identifier: ISC
- */
-var ERROR_LEVEL_MAP = {
-  L: qrcodegen_default.QrCode.Ecc.LOW,
-  M: qrcodegen_default.QrCode.Ecc.MEDIUM,
-  Q: qrcodegen_default.QrCode.Ecc.QUARTILE,
-  H: qrcodegen_default.QrCode.Ecc.HIGH
-};
-var DEFAULT_SIZE = 128;
-var DEFAULT_LEVEL = "L";
-var DEFAULT_BGCOLOR = "#FFFFFF";
-var DEFAULT_FGCOLOR = "#000000";
-var DEFAULT_INCLUDEMARGIN = false;
-var MARGIN_SIZE = 4;
-var DEFAULT_IMG_SCALE = 0.1;
-function generatePath(modules, margin = 0) {
-  const ops = [];
-  modules.forEach(function(row, y) {
-    let start = null;
-    row.forEach(function(cell, x) {
-      if (!cell && start !== null) {
-        ops.push(`M${start + margin} ${y + margin}h${x - start}v1H${start + margin}z`);
-        start = null;
-        return;
-      }
-      if (x === row.length - 1) {
-        if (!cell) {
-          return;
-        }
-        if (start === null) {
-          ops.push(`M${x + margin},${y + margin} h1v1H${x + margin}z`);
-        } else {
-          ops.push(`M${start + margin},${y + margin} h${x + 1 - start}v1H${start + margin}z`);
-        }
-        return;
-      }
-      if (cell && start === null) {
-        start = x;
-      }
-    });
-  });
-  return ops.join("");
-}
-function excavateModules(modules, excavation) {
-  return modules.slice().map((row, y) => {
-    if (y < excavation.y || y >= excavation.y + excavation.h) {
-      return row;
-    }
-    return row.map((cell, x) => {
-      if (x < excavation.x || x >= excavation.x + excavation.w) {
-        return cell;
-      }
-      return false;
-    });
-  });
-}
-function getImageSettings(cells, size, includeMargin, imageSettings) {
-  if (imageSettings == null) {
-    return null;
-  }
-  const margin = includeMargin ? MARGIN_SIZE : 0;
-  const numCells = cells.length + margin * 2;
-  const defaultSize = Math.floor(size * DEFAULT_IMG_SCALE);
-  const scale = numCells / size;
-  const w = (imageSettings.width || defaultSize) * scale;
-  const h = (imageSettings.height || defaultSize) * scale;
-  const x = imageSettings.x == null ? cells.length / 2 - w / 2 : imageSettings.x * scale;
-  const y = imageSettings.y == null ? cells.length / 2 - h / 2 : imageSettings.y * scale;
-  let excavation = null;
-  if (imageSettings.excavate) {
-    let floorX = Math.floor(x);
-    let floorY = Math.floor(y);
-    let ceilW = Math.ceil(w + x - floorX);
-    let ceilH = Math.ceil(h + y - floorY);
-    excavation = { x: floorX, y: floorY, w: ceilW, h: ceilH };
-  }
-  return { x, y, h, w, excavation };
-}
-var SUPPORTS_PATH2D = function() {
-  try {
-    new Path2D().addPath(new Path2D());
-  } catch (e) {
-    return false;
-  }
-  return true;
-}();
-function QRCodeCanvas(props) {
-  const _a = props, {
-    value,
-    size = DEFAULT_SIZE,
-    level = DEFAULT_LEVEL,
-    bgColor = DEFAULT_BGCOLOR,
-    fgColor = DEFAULT_FGCOLOR,
-    includeMargin = DEFAULT_INCLUDEMARGIN,
-    style,
-    imageSettings
-  } = _a, otherProps = __objRest(_a, [
-    "value",
-    "size",
-    "level",
-    "bgColor",
-    "fgColor",
-    "includeMargin",
-    "style",
-    "imageSettings"
-  ]);
-  const imgSrc = imageSettings == null ? void 0 : imageSettings.src;
-  const _canvas = React.useRef(null);
-  const _image = React.useRef(null);
-  const [isImgLoaded, setIsImageLoaded] = React.useState(false);
-  React.useEffect(() => {
-    if (_canvas.current != null) {
-      const canvas = _canvas.current;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) {
-        return;
-      }
-      let cells = qrcodegen_default.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
-      const margin = includeMargin ? MARGIN_SIZE : 0;
-      const numCells = cells.length + margin * 2;
-      const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
-      const image = _image.current;
-      const haveImageToRender = calculatedImageSettings != null && image !== null && image.complete && image.naturalHeight !== 0 && image.naturalWidth !== 0;
-      if (haveImageToRender) {
-        if (calculatedImageSettings.excavation != null) {
-          cells = excavateModules(cells, calculatedImageSettings.excavation);
-        }
-      }
-      const pixelRatio = window.devicePixelRatio || 1;
-      canvas.height = canvas.width = size * pixelRatio;
-      const scale = size / numCells * pixelRatio;
-      ctx.scale(scale, scale);
-      ctx.fillStyle = bgColor;
-      ctx.fillRect(0, 0, numCells, numCells);
-      ctx.fillStyle = fgColor;
-      if (SUPPORTS_PATH2D) {
-        ctx.fill(new Path2D(generatePath(cells, margin)));
-      } else {
-        cells.forEach(function(row, rdx) {
-          row.forEach(function(cell, cdx) {
-            if (cell) {
-              ctx.fillRect(cdx + margin, rdx + margin, 1, 1);
-            }
-          });
-        });
-      }
-      if (haveImageToRender) {
-        ctx.drawImage(image, calculatedImageSettings.x + margin, calculatedImageSettings.y + margin, calculatedImageSettings.w, calculatedImageSettings.h);
-      }
-    }
-  });
-  React.useEffect(() => {
-    setIsImageLoaded(false);
-  }, [imgSrc]);
-  const canvasStyle = __spreadValues({ height: size, width: size }, style);
-  let img = null;
-  if (imgSrc != null) {
-    img = /* @__PURE__ */ React__default["default"].createElement("img", {
-      src: imgSrc,
-      key: imgSrc,
-      style: { display: "none" },
-      onLoad: () => {
-        setIsImageLoaded(true);
-      },
-      ref: _image
-    });
-  }
-  return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement("canvas", __spreadValues({
-    style: canvasStyle,
-    height: size,
-    width: size,
-    ref: _canvas
-  }, otherProps)), img);
-}
-function QRCodeSVG(props) {
-  const _a = props, {
-    value,
-    size = DEFAULT_SIZE,
-    level = DEFAULT_LEVEL,
-    bgColor = DEFAULT_BGCOLOR,
-    fgColor = DEFAULT_FGCOLOR,
-    includeMargin = DEFAULT_INCLUDEMARGIN,
-    imageSettings
-  } = _a, otherProps = __objRest(_a, [
-    "value",
-    "size",
-    "level",
-    "bgColor",
-    "fgColor",
-    "includeMargin",
-    "imageSettings"
-  ]);
-  let cells = qrcodegen_default.QrCode.encodeText(value, ERROR_LEVEL_MAP[level]).getModules();
-  const margin = includeMargin ? MARGIN_SIZE : 0;
-  const numCells = cells.length + margin * 2;
-  const calculatedImageSettings = getImageSettings(cells, size, includeMargin, imageSettings);
-  let image = null;
-  if (imageSettings != null && calculatedImageSettings != null) {
-    if (calculatedImageSettings.excavation != null) {
-      cells = excavateModules(cells, calculatedImageSettings.excavation);
-    }
-    image = /* @__PURE__ */ React__default["default"].createElement("image", {
-      xlinkHref: imageSettings.src,
-      height: calculatedImageSettings.h,
-      width: calculatedImageSettings.w,
-      x: calculatedImageSettings.x + margin,
-      y: calculatedImageSettings.y + margin,
-      preserveAspectRatio: "none"
-    });
-  }
-  const fgPath = generatePath(cells, margin);
-  return /* @__PURE__ */ React__default["default"].createElement("svg", __spreadValues({
-    height: size,
-    width: size,
-    viewBox: `0 0 ${numCells} ${numCells}`
-  }, otherProps), /* @__PURE__ */ React__default["default"].createElement("path", {
-    fill: bgColor,
-    d: `M0,0 h${numCells}v${numCells}H0z`,
-    shapeRendering: "crispEdges"
-  }), /* @__PURE__ */ React__default["default"].createElement("path", {
-    fill: fgColor,
-    d: fgPath,
-    shapeRendering: "crispEdges"
-  }), image);
-}
-var QRCode$1 = (props) => {
-  const _a = props, { renderAs } = _a, otherProps = __objRest(_a, ["renderAs"]);
-  if (renderAs === "svg") {
-    return /* @__PURE__ */ React__default["default"].createElement(QRCodeSVG, __spreadValues({}, otherProps));
-  }
-  return /* @__PURE__ */ React__default["default"].createElement(QRCodeCanvas, __spreadValues({}, otherProps));
-};
-
-var QRCode = function QRCode(_ref) {
-  var entity = _ref.entity,
-    url = _ref.url;
-  if (!entity) return null;
-  var id = entity.id,
-    name = entity.name;
-  var canvasId = "qrcode-share-".concat(id);
-  var handleDownload = function handleDownload() {
-    var canvas = document.getElementById(canvasId);
-    if (canvas) downloadCanvas(canvas, {
-      name: pure.slugify(name)
-    });
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex flex-col space-y-4"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    lineHeight: "normal",
-    style: "body2",
-    weight: "medium"
-  }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-    i18nKey: "neetoMolecules.shareViaLink.socialMediaShare.qrCodeInfo",
-    components: {
-      button: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-        "data-testid": "qr-code-download-button",
-        style: "link",
-        onClick: handleDownload
-      })
-    }
-  })), /*#__PURE__*/React__default["default"].createElement(QRCode$1, {
-    "data-testid": canvasId,
-    id: canvasId,
-    value: url
-  }));
-};
-
-var SocialMedia = function SocialMedia(_ref) {
-  var entity = _ref.entity,
-    postTitle = _ref.postTitle,
-    url = _ref.url;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var socialMediaButtonClasses = "neeto-ui-bg-gray-200 hover:neeto-ui-bg-gray-300 flex h-12 w-12 cursor-pointer items-center justify-center neeto-ui-rounded-md transition-colors duration-300 ease-in-out";
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex space-x-4 divide-x"
-  }, /*#__PURE__*/React__default["default"].createElement(QRCode, {
-    entity: entity,
-    url: url
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4 pl-4",
-    "data-testid": "social-media-block"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-800",
-    lineHeight: "normal",
-    style: "body2",
-    weight: "medium"
-  }, t("neetoMolecules.shareViaLink.socialMediaShare.title")), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "flex gap-4"
-  }, 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__default["default"].createElement("a", {
-      className: socialMediaButtonClasses,
-      "data-testid": "social-media-button-".concat(key),
-      href: generateShareUrl({
-        id: entity.id,
-        title: postTitle
-      }),
-      key: key,
-      rel: "noopener noreferrer",
-      target: "_blank",
-      title: label
-    }, /*#__PURE__*/React__default["default"].createElement(Icon, {
-      size: 24
-    }));
-  }))));
-};
-
-var ShareViaLink = function ShareViaLink(_ref) {
-  var _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$editUrlProps = _ref.editUrlProps,
-    editUrlProps = _ref$editUrlProps === void 0 ? {
-      prefix: "",
-      editablePath: ""
-    } : _ref$editUrlProps,
-    entity = _ref.entity,
-    entityName = _ref.entityName,
-    _ref$handleEdit = _ref.handleEdit,
-    handleEdit = _ref$handleEdit === void 0 ? pure.noop : _ref$handleEdit,
-    _ref$handleRegenerate = _ref.handleRegenerate,
-    handleRegenerate = _ref$handleRegenerate === void 0 ? pure.noop : _ref$handleRegenerate,
-    _ref$previewUrl = _ref.previewUrl,
-    previewUrl = _ref$previewUrl === void 0 ? "" : _ref$previewUrl,
-    socialMediaPostTitle = _ref.socialMediaPostTitle,
-    url = _ref.url;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-ui-border-gray-400 neeto-ui-shadow-xs neeto-ui-rounded-lg neeto-ui-bg-white col-span-2 space-y-4 border p-8",
-    "data-testid": "share-via-link"
-  }, /*#__PURE__*/React__default["default"].createElement(Link, {
-    editUrlProps: editUrlProps,
-    enabledOptions: enabledOptions,
-    entityName: entityName,
-    handleEdit: handleEdit,
-    handleRegenerate: handleRegenerate,
-    isLoading: isLoading,
-    previewUrl: previewUrl,
-    url: url
-  }), /*#__PURE__*/React__default["default"].createElement(SocialMedia, {
-    entity: entity,
-    url: url,
-    postTitle: socialMediaPostTitle
-  }));
-};
-
-module.exports = ShareViaLink;
-//# sourceMappingURL=ShareViaLink.cjs.js.map