@bigbinary/neeto-molecules 5.1.24 → 5.1.25

package/dist/cjs/v2/ShareRecordingPane.js

@@ -0,0 +1,305 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactI18next = require('react-i18next');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
+var ramda = require('ramda');
+var v2_CopyToClipboardButton = require('./CopyToClipboardButton.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('classnames');
+require('@bigbinary/neeto-commons-frontend/v2/utils/general');
+require('../check-VgZf0qTr.js');
+require('../createLucideIcon-DBDhE7kE.js');
+require('../copy-CerjTcLL.js');
+
+var ONE_SECOND = 1;
+var ONE_MINUTE = 60 * ONE_SECOND;
+var ONE_HOUR = 60 * ONE_MINUTE;
+
+var padZero = function padZero(number) {
+  var length = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
+  var string = String(number);
+  var threshold = Math.pow(10, length - 1);
+  if (number < threshold) {
+    while (String(threshold).length > string.length) {
+      string = "0".concat(number);
+    }
+  }
+  return string;
+};
+var shouldRenderHoursInput = function shouldRenderHoursInput(duration) {
+  var hours = Math.floor(duration / ONE_HOUR);
+  return hours > 0;
+};
+var formatTime = function formatTime(timeInSeconds, showHours) {
+  var hours = Math.floor(timeInSeconds / ONE_HOUR);
+  var minutes = Math.floor(timeInSeconds % ONE_HOUR / ONE_MINUTE);
+  var seconds = timeInSeconds % ONE_MINUTE;
+  return showHours ? "".concat(padZero(hours), ":").concat(padZero(minutes), ":").concat(padZero(seconds)) : "".concat(padZero(minutes), ":").concat(padZero(seconds));
+};
+var parseTime = function parseTime(timeString) {
+  var parts = timeString.split(":").map(function (part) {
+    return part === "" ? NaN : parseInt(part, 10);
+  });
+  if (parts.some(isNaN) || parts.length > 3) {
+    return 0;
+  }
+  if (parts.length === 1) {
+    return parts[0];
+  } else if (parts.length === 2) {
+    return parts[0] * ONE_MINUTE + parts[1];
+  } else if (parts.length === 3) {
+    return parts[0] * ONE_HOUR + parts[1] * ONE_MINUTE + parts[2];
+  }
+  return 0;
+};
+var validateInput = function validateInput(input) {
+  var regex = /^[0-9:]{0,8}$/;
+  var colons = (input.match(/:/g) || []).length;
+  return regex.test(input) && colons <= 2;
+};
+
+var SharePaneBody = function SharePaneBody(_ref) {
+  var recordingUrls = _ref.recordingUrls,
+    totalDuration = _ref.totalDuration,
+    getCurrentTimestamp = _ref.getCurrentTimestamp,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    Preview = _ref.preview,
+    enableAutoplayAndMuteFlags = _ref.enableAutoplayAndMuteFlags;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var currentTimestamp = getCurrentTimestamp();
+  var _useState = React.useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    shareLinks = _useState2[0],
+    setShareLinks = _useState2[1];
+  var _useState3 = React.useState(currentTimestamp),
+    _useState4 = _slicedToArray(_useState3, 2),
+    currentPlaybackTime = _useState4[0],
+    setCurrentPlaybackTime = _useState4[1];
+  var _useState5 = React.useState({
+      muted: false,
+      autoplay: false
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    params = _useState6[0],
+    setParams = _useState6[1];
+  var muted = params.muted,
+    autoplay = params.autoplay;
+  var _useState7 = React.useState(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    rawInput = _useState8[0],
+    setRawInput = _useState8[1];
+  var showHours = shouldRenderHoursInput(totalDuration);
+  var handlePlaybackTimestampChange = function handlePlaybackTimestampChange(e) {
+    var input = e.target.value;
+    if (validateInput(input)) {
+      setRawInput(input);
+    }
+  };
+  var handleFlagsChange = function handleFlagsChange(key, value) {
+    return setParams(ramda.assoc(key, value));
+  };
+  var formatAndSetTime = function formatAndSetTime() {
+    var timeInSeconds = parseTime(rawInput);
+    if (timeInSeconds > totalDuration) {
+      timeInSeconds = totalDuration;
+    }
+    setRawInput(formatTime(timeInSeconds, showHours));
+  };
+  var handleKeyDown = function handleKeyDown(e) {
+    if (e.key !== "Enter") return;
+    formatAndSetTime();
+  };
+  var generateUrls = React.useCallback(function (timeInSeconds, urlParams) {
+    var playbackUrls = recordingUrls.map(function (recordingUrl) {
+      return utils.buildUrl(recordingUrl, {
+        time: timeInSeconds,
+        muted: urlParams.muted ? 1 : undefined,
+        autoplay: urlParams.autoplay ? 1 : undefined
+      });
+    });
+    setShareLinks(playbackUrls);
+  }, [recordingUrls]);
+  var handleRegenerateUrl = function handleRegenerateUrl() {
+    var timeInSeconds = parseTime(rawInput);
+    if (timeInSeconds > totalDuration) {
+      timeInSeconds = totalDuration;
+    }
+    setCurrentPlaybackTime(timeInSeconds);
+    generateUrls(timeInSeconds, params);
+  };
+  React.useEffect(function () {
+    if (ramda.not(isOpen)) return;
+    var initialTime = currentTimestamp > 0 ? currentTimestamp : 0;
+    var initialParams = {
+      muted: false,
+      autoplay: false
+    };
+    setCurrentPlaybackTime(initialTime);
+    setRawInput(formatTime(initialTime, showHours));
+    setParams(initialParams);
+    generateUrls(initialTime, initialParams);
+  }, [isOpen, showHours, currentTimestamp, generateUrls]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full flex-col gap-8",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "border-border flex flex-col gap-8 border-b px-6 pb-8",
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex w-full flex-col gap-6",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-y-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            variant: "h4",
+            children: t("neetoMolecules.shareRecording.configureUrlParameters")
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+            variant: "body3",
+            children: t("neetoMolecules.shareRecording.configureUrlParametersDescription")
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-x-3",
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Label, {
+            children: t("neetoMolecules.shareRecording.startVideoAt")
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
+            unlimitedChars: true,
+            className: "w-full max-w-32",
+            "data-testid": "time-input",
+            placeholder: showHours ? "HH:MM:SS" : "MM:SS",
+            value: rawInput,
+            onBlur: formatAndSetTime,
+            onChange: handlePlaybackTimestampChange,
+            onKeyDown: handleKeyDown
+          })]
+        }), enableAutoplayAndMuteFlags && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col gap-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Switch, {
+            checked: muted,
+            "data-testid": "muted-checkbox",
+            id: "muted",
+            label: t("neetoMolecules.shareRecording.muted"),
+            name: "muted",
+            onCheckedChange: function onCheckedChange(checked) {
+              return handleFlagsChange("muted", checked);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Switch, {
+            checked: autoplay,
+            "data-testid": "autoplay-checkbox",
+            id: "autoplay",
+            label: t("neetoMolecules.shareRecording.autoplay"),
+            name: "autoplay",
+            onCheckedChange: function onCheckedChange(checked) {
+              return handleFlagsChange("autoplay", checked);
+            }
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "mt-2 flex items-center gap-x-3",
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            "data-testid": "regenerate-url-button",
+            label: t("neetoMolecules.shareRecording.regenerateUrl"),
+            size: "sm",
+            onClick: handleRegenerateUrl
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+            "data-testid": "cancel-button",
+            label: t("neetoMolecules.shareRecording.cancel"),
+            size: "sm",
+            variant: "ghost",
+            onClick: onClose
+          })]
+        })]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex flex-col gap-6 px-6",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-y-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          variant: "h4",
+          children: t("neetoMolecules.shareRecording.generatedUrls")
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex flex-col gap-y-3",
+          children: shareLinks.map(function (shareLink, index) {
+            return /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "bg-muted flex w-full items-start justify-between gap-2 rounded p-2",
+              children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+                className: "min-w-0 flex-1 break-words",
+                variant: "body2",
+                children: shareLink
+              }), /*#__PURE__*/jsxRuntime.jsx(v2_CopyToClipboardButton, {
+                className: "flex-shrink-0",
+                value: shareLink,
+                variant: "ghost"
+              })]
+            }, index);
+          })
+        })]
+      }), Preview && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-y-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          variant: "h4",
+          children: t("neetoMolecules.shareRecording.preview")
+        }), /*#__PURE__*/jsxRuntime.jsx(Preview, {
+          currentPlaybackTime: currentPlaybackTime
+        })]
+      })]
+    })]
+  });
+};
+
+var _excluded = ["recordingUrl", "recordingUrls", "totalDuration", "getCurrentTimestamp", "isOpen", "onClose", "isLoading", "preview", "enableAutoplayAndMuteFlags", "size"];
+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 ShareRecordingPane = function ShareRecordingPane(_ref) {
+  var _ref$recordingUrl = _ref.recordingUrl,
+    recordingUrl = _ref$recordingUrl === void 0 ? null : _ref$recordingUrl,
+    _ref$recordingUrls = _ref.recordingUrls,
+    recordingUrls = _ref$recordingUrls === void 0 ? [] : _ref$recordingUrls,
+    totalDuration = _ref.totalDuration,
+    getCurrentTimestamp = _ref.getCurrentTimestamp,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    preview = _ref.preview,
+    _ref$enableAutoplayAn = _ref.enableAutoplayAndMuteFlags,
+    enableAutoplayAndMuteFlags = _ref$enableAutoplayAn === void 0 ? false : _ref$enableAutoplayAn,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "large" : _ref$size,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var recordingUrlsToShare = neetoCist.isNotEmpty(recordingUrls) ? recordingUrls : [recordingUrl];
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet, _objectSpread(_objectSpread({}, _objectSpread({
+    isOpen: isOpen,
+    onClose: onClose,
+    size: size
+  }, otherProps)), {}, {
+    "aria-describedby": undefined,
+    "data-testid": "share-pane",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Title, {
+        children: t("neetoMolecules.shareRecording.title")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
+      className: "border-border border-t px-0 py-6",
+      children: isLoading ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {
+        className: "mx-auto"
+      }) : /*#__PURE__*/jsxRuntime.jsx(SharePaneBody, {
+        enableAutoplayAndMuteFlags: enableAutoplayAndMuteFlags,
+        getCurrentTimestamp: getCurrentTimestamp,
+        isOpen: isOpen,
+        onClose: onClose,
+        preview: preview,
+        totalDuration: totalDuration,
+        recordingUrls: recordingUrlsToShare
+      })
+    })]
+  }));
+};
+
+module.exports = ShareRecordingPane;
+//# sourceMappingURL=ShareRecordingPane.js.map

package/dist/cjs/v2/ShareRecordingPane.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareRecordingPane.js","sources":["../../../src/v2/components/ShareRecordingPane/constants.js","../../../src/v2/components/ShareRecordingPane/utils.js","../../../src/v2/components/ShareRecordingPane/SharePaneBody.jsx","../../../src/v2/components/ShareRecordingPane/index.jsx"],"sourcesContent":["export const ONE_SECOND = 1;\nexport const ONE_MINUTE = 60 * ONE_SECOND;\nexport const ONE_HOUR = 60 * ONE_MINUTE;\n","import { ONE_HOUR, ONE_MINUTE } from \"./constants\";\n\nexport const padZero = (number, length = 2) => {\n  let string = String(number);\n  const threshold = Math.pow(10, length - 1);\n\n  if (number < threshold) {\n    while (String(threshold).length > string.length) {\n      string = `0${number}`;\n    }\n  }\n\n  return string;\n};\n\nexport const shouldRenderHoursInput = duration => {\n  const hours = Math.floor(duration / ONE_HOUR);\n\n  return hours > 0;\n};\n\nexport const formatTime = (timeInSeconds, showHours) => {\n  const hours = Math.floor(timeInSeconds / ONE_HOUR);\n  const minutes = Math.floor((timeInSeconds % ONE_HOUR) / ONE_MINUTE);\n  const seconds = timeInSeconds % ONE_MINUTE;\n\n  return showHours\n    ? `${padZero(hours)}:${padZero(minutes)}:${padZero(seconds)}`\n    : `${padZero(minutes)}:${padZero(seconds)}`;\n};\n\nexport const parseTime = timeString => {\n  const parts = timeString\n    .split(\":\")\n    .map(part => (part === \"\" ? NaN : parseInt(part, 10)));\n  if (parts.some(isNaN) || parts.length > 3) {\n    return 0;\n  }\n\n  if (parts.length === 1) {\n    return parts[0];\n  } else if (parts.length === 2) {\n    return parts[0] * ONE_MINUTE + parts[1];\n  } else if (parts.length === 3) {\n    return parts[0] * ONE_HOUR + parts[1] * ONE_MINUTE + parts[2];\n  }\n\n  return 0;\n};\n\nexport const validateInput = input => {\n  const regex = /^[0-9:]{0,8}$/;\n  const colons = (input.match(/:/g) || []).length;\n\n  return regex.test(input) && colons <= 2;\n};\n","import { useState, useEffect, useCallback } from \"react\";\n\nimport {\n  Label,\n  Typography,\n  Input,\n  Switch,\n  Button,\n} from \"@bigbinary/neeto-atoms\";\nimport { buildUrl } from \"neetocommons/v2/utils\";\nimport { assoc, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport {\n  formatTime,\n  parseTime,\n  shouldRenderHoursInput,\n  validateInput,\n} from \"./utils\";\n\nimport CopyToClipboardButton from \"../CopyToClipboardButton\";\n\nconst SharePaneBody = ({\n  recordingUrls,\n  totalDuration,\n  getCurrentTimestamp,\n  isOpen,\n  onClose,\n  preview: Preview,\n  enableAutoplayAndMuteFlags,\n}) => {\n  const { t } = useTranslation();\n\n  const currentTimestamp = getCurrentTimestamp();\n\n  const [shareLinks, setShareLinks] = useState([]);\n  const [currentPlaybackTime, setCurrentPlaybackTime] =\n    useState(currentTimestamp);\n\n  const [params, setParams] = useState({\n    muted: false,\n    autoplay: false,\n  });\n\n  const { muted, autoplay } = params;\n\n  const [rawInput, setRawInput] = useState(\"\");\n\n  const showHours = shouldRenderHoursInput(totalDuration);\n\n  const handlePlaybackTimestampChange = e => {\n    const input = e.target.value;\n    if (validateInput(input)) {\n      setRawInput(input);\n    }\n  };\n\n  const handleFlagsChange = (key, value) => setParams(assoc(key, value));\n\n  const formatAndSetTime = () => {\n    let timeInSeconds = parseTime(rawInput);\n    if (timeInSeconds > totalDuration) {\n      timeInSeconds = totalDuration;\n    }\n    setRawInput(formatTime(timeInSeconds, showHours));\n  };\n\n  const handleKeyDown = e => {\n    if (e.key !== \"Enter\") return;\n    formatAndSetTime();\n  };\n\n  const generateUrls = useCallback(\n    (timeInSeconds, urlParams) => {\n      const playbackUrls = recordingUrls.map(recordingUrl =>\n        buildUrl(recordingUrl, {\n          time: timeInSeconds,\n          muted: urlParams.muted ? 1 : undefined,\n          autoplay: urlParams.autoplay ? 1 : undefined,\n        })\n      );\n      setShareLinks(playbackUrls);\n    },\n    [recordingUrls]\n  );\n\n  const handleRegenerateUrl = () => {\n    let timeInSeconds = parseTime(rawInput);\n    if (timeInSeconds > totalDuration) {\n      timeInSeconds = totalDuration;\n    }\n    setCurrentPlaybackTime(timeInSeconds);\n    generateUrls(timeInSeconds, params);\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) return;\n\n    const initialTime = currentTimestamp > 0 ? currentTimestamp : 0;\n    const initialParams = { muted: false, autoplay: false };\n\n    setCurrentPlaybackTime(initialTime);\n    setRawInput(formatTime(initialTime, showHours));\n    setParams(initialParams);\n    generateUrls(initialTime, initialParams);\n  }, [isOpen, showHours, currentTimestamp, generateUrls]);\n\n  return (\n    <div className=\"flex w-full flex-col gap-8\">\n      <div className=\"border-border flex flex-col gap-8 border-b px-6 pb-8\">\n        <div className=\"flex w-full flex-col gap-6\">\n          <div className=\"flex flex-col gap-y-2\">\n            <Typography variant=\"h4\">\n              {t(\"neetoMolecules.shareRecording.configureUrlParameters\")}\n            </Typography>\n            <Typography variant=\"body3\">\n              {t(\n                \"neetoMolecules.shareRecording.configureUrlParametersDescription\"\n              )}\n            </Typography>\n          </div>\n          <div className=\"flex items-center gap-x-3\">\n            <Label>{t(\"neetoMolecules.shareRecording.startVideoAt\")}</Label>\n            <Input\n              unlimitedChars\n              className=\"w-full max-w-32\"\n              data-testid=\"time-input\"\n              placeholder={showHours ? \"HH:MM:SS\" : \"MM:SS\"}\n              value={rawInput}\n              onBlur={formatAndSetTime}\n              onChange={handlePlaybackTimestampChange}\n              onKeyDown={handleKeyDown}\n            />\n          </div>\n          {enableAutoplayAndMuteFlags && (\n            <div className=\"flex flex-col gap-4\">\n              <Switch\n                checked={muted}\n                data-testid=\"muted-checkbox\"\n                id=\"muted\"\n                label={t(\"neetoMolecules.shareRecording.muted\")}\n                name=\"muted\"\n                onCheckedChange={checked => handleFlagsChange(\"muted\", checked)}\n              />\n              <Switch\n                checked={autoplay}\n                data-testid=\"autoplay-checkbox\"\n                id=\"autoplay\"\n                label={t(\"neetoMolecules.shareRecording.autoplay\")}\n                name=\"autoplay\"\n                onCheckedChange={checked =>\n                  handleFlagsChange(\"autoplay\", checked)\n                }\n              />\n            </div>\n          )}\n          <div className=\"mt-2 flex items-center gap-x-3\">\n            <Button\n              data-testid=\"regenerate-url-button\"\n              label={t(\"neetoMolecules.shareRecording.regenerateUrl\")}\n              size=\"sm\"\n              onClick={handleRegenerateUrl}\n            />\n            <Button\n              data-testid=\"cancel-button\"\n              label={t(\"neetoMolecules.shareRecording.cancel\")}\n              size=\"sm\"\n              variant=\"ghost\"\n              onClick={onClose}\n            />\n          </div>\n        </div>\n      </div>\n      <div className=\"flex flex-col gap-6 px-6\">\n        <div className=\"flex flex-col gap-y-2\">\n          <Typography variant=\"h4\">\n            {t(\"neetoMolecules.shareRecording.generatedUrls\")}\n          </Typography>\n          <div className=\"flex flex-col gap-y-3\">\n            {shareLinks.map((shareLink, index) => (\n              <div\n                className=\"bg-muted flex w-full items-start justify-between gap-2 rounded p-2\"\n                key={index}\n              >\n                <Typography\n                  className=\"min-w-0 flex-1 break-words\"\n                  variant=\"body2\"\n                >\n                  {shareLink}\n                </Typography>\n                <CopyToClipboardButton\n                  className=\"flex-shrink-0\"\n                  value={shareLink}\n                  variant=\"ghost\"\n                />\n              </div>\n            ))}\n          </div>\n        </div>\n        {Preview && (\n          <div className=\"flex flex-col gap-y-2\">\n            <Typography variant=\"h4\">\n              {t(\"neetoMolecules.shareRecording.preview\")}\n            </Typography>\n            <Preview {...{ currentPlaybackTime }} />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default SharePaneBody;\n","import { Sheet, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { isNotEmpty } from \"neetocist\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SharePaneBody from \"./SharePaneBody\";\n\nconst ShareRecordingPane = ({\n  recordingUrl = null,\n  recordingUrls = [],\n  totalDuration,\n  getCurrentTimestamp,\n  isOpen,\n  onClose,\n  isLoading = false,\n  preview,\n  enableAutoplayAndMuteFlags = false,\n  size = \"large\",\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const recordingUrlsToShare = isNotEmpty(recordingUrls)\n    ? recordingUrls\n    : [recordingUrl];\n\n  return (\n    <Sheet\n      {...{ isOpen, onClose, size, ...otherProps }}\n      aria-describedby={undefined}\n      data-testid=\"share-pane\"\n    >\n      <Sheet.Header>\n        <Sheet.Title>{t(\"neetoMolecules.shareRecording.title\")}</Sheet.Title>\n      </Sheet.Header>\n      <Sheet.Body className=\"border-border border-t px-0 py-6\">\n        {isLoading ? (\n          <Spinner className=\"mx-auto\" />\n        ) : (\n          <SharePaneBody\n            {...{\n              enableAutoplayAndMuteFlags,\n              getCurrentTimestamp,\n              isOpen,\n              onClose,\n              preview,\n              totalDuration,\n            }}\n            recordingUrls={recordingUrlsToShare}\n          />\n        )}\n      </Sheet.Body>\n    </Sheet>\n  );\n};\n\nShareRecordingPane.propTypes = {\n  /**\n   * Recording URL used for building the share link.\n   */\n  recordingUrl: PropTypes.string,\n  /**\n   * Recording URLs used for building the share link.\n   */\n  recordingUrls: PropTypes.array,\n  /**\n   * Total duration of the content being shared.\n   */\n  totalDuration: PropTypes.number.isRequired,\n  /**\n   * A function that returns current playback time of the recorded content in seconds.\n   */\n  getCurrentTimestamp: PropTypes.func.isRequired,\n  /**\n   * Boolean indicating whether the pane is open or not.\n   */\n  isOpen: PropTypes.bool.isRequired,\n  /**\n   * Function to close the pane.\n   */\n  onClose: PropTypes.func.isRequired,\n  /**\n   * Boolean indicating whether content is loading or not.\n   */\n  isLoading: PropTypes.bool,\n  /**\n   * Component to render as a preview of the recording.\n   */\n  preview: PropTypes.elementType,\n  /**\n   * Size of the pane.\n   */\n  size: PropTypes.oneOf([\"extraLarge\", \"large\", \"small\"]),\n};\n\nexport default ShareRecordingPane;\n"],"names":["ONE_SECOND","ONE_MINUTE","ONE_HOUR","padZero","number","length","arguments","undefined","string","String","threshold","Math","pow","concat","shouldRenderHoursInput","duration","hours","floor","formatTime","timeInSeconds","showHours","minutes","seconds","parseTime","timeString","parts","split","map","part","NaN","parseInt","some","isNaN","validateInput","input","regex","colons","match","test","SharePaneBody","_ref","recordingUrls","totalDuration","getCurrentTimestamp","isOpen","onClose","Preview","preview","enableAutoplayAndMuteFlags","_useTranslation","useTranslation","t","currentTimestamp","_useState","useState","_useState2","_slicedToArray","shareLinks","setShareLinks","_useState3","_useState4","currentPlaybackTime","setCurrentPlaybackTime","_useState5","muted","autoplay","_useState6","params","setParams","_useState7","_useState8","rawInput","setRawInput","handlePlaybackTimestampChange","e","target","value","handleFlagsChange","key","assoc","formatAndSetTime","handleKeyDown","generateUrls","useCallback","urlParams","playbackUrls","recordingUrl","buildUrl","time","handleRegenerateUrl","useEffect","not","initialTime","initialParams","_jsxs","className","children","_jsx","Typography","variant","Label","Input","unlimitedChars","placeholder","onBlur","onChange","onKeyDown","Switch","checked","id","label","name","onCheckedChange","Button","size","onClick","shareLink","index","CopyToClipboardButton","ShareRecordingPane","_ref$recordingUrl","_ref$recordingUrls","_ref$isLoading","isLoading","_ref$enableAutoplayAn","_ref$size","otherProps","_objectWithoutProperties","_excluded","recordingUrlsToShare","isNotEmpty","Sheet","_objectSpread","Header","Title","Body","Spinner"],"mappings":";;;;;;;;;;;;;;;;;;;AAAO,IAAMA,UAAU,GAAG,CAAC;AACpB,IAAMC,UAAU,GAAG,EAAE,GAAGD,UAAU;AAClC,IAAME,QAAQ,GAAG,EAAE,GAAGD,UAAU;;ACAhC,IAAME,OAAO,GAAG,SAAVA,OAAOA,CAAIC,MAAM,EAAiB;AAAA,EAAA,IAAfC,MAAM,GAAAC,SAAA,CAAAD,MAAA,GAAA,CAAA,IAAAC,SAAA,CAAA,CAAA,CAAA,KAAAC,SAAA,GAAAD,SAAA,CAAA,CAAA,CAAA,GAAG,CAAC;AACxC,EAAA,IAAIE,MAAM,GAAGC,MAAM,CAACL,MAAM,CAAC;EAC3B,IAAMM,SAAS,GAAGC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAEP,MAAM,GAAG,CAAC,CAAC;EAE1C,IAAID,MAAM,GAAGM,SAAS,EAAE;IACtB,OAAOD,MAAM,CAACC,SAAS,CAAC,CAACL,MAAM,GAAGG,MAAM,CAACH,MAAM,EAAE;AAC/CG,MAAAA,MAAM,GAAA,GAAA,CAAAK,MAAA,CAAOT,MAAM,CAAE;AACvB,IAAA;AACF,EAAA;AAEA,EAAA,OAAOI,MAAM;AACf,CAAC;AAEM,IAAMM,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAGC,QAAQ,EAAI;EAChD,IAAMC,KAAK,GAAGL,IAAI,CAACM,KAAK,CAACF,QAAQ,GAAGb,QAAQ,CAAC;EAE7C,OAAOc,KAAK,GAAG,CAAC;AAClB,CAAC;AAEM,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,aAAa,EAAEC,SAAS,EAAK;EACtD,IAAMJ,KAAK,GAAGL,IAAI,CAACM,KAAK,CAACE,aAAa,GAAGjB,QAAQ,CAAC;EAClD,IAAMmB,OAAO,GAAGV,IAAI,CAACM,KAAK,CAAEE,aAAa,GAAGjB,QAAQ,GAAID,UAAU,CAAC;AACnE,EAAA,IAAMqB,OAAO,GAAGH,aAAa,GAAGlB,UAAU;AAE1C,EAAA,OAAOmB,SAAS,GAAA,EAAA,CAAAP,MAAA,CACTV,OAAO,CAACa,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAH,MAAA,CAAIV,OAAO,CAACkB,OAAO,CAAC,OAAAR,MAAA,CAAIV,OAAO,CAACmB,OAAO,CAAC,CAAA,GAAA,EAAA,CAAAT,MAAA,CACtDV,OAAO,CAACkB,OAAO,CAAC,EAAA,GAAA,CAAA,CAAAR,MAAA,CAAIV,OAAO,CAACmB,OAAO,CAAC,CAAE;AAC/C,CAAC;AAEM,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAGC,UAAU,EAAI;AACrC,EAAA,IAAMC,KAAK,GAAGD,UAAU,CACrBE,KAAK,CAAC,GAAG,CAAC,CACVC,GAAG,CAAC,UAAAC,IAAI,EAAA;IAAA,OAAKA,IAAI,KAAK,EAAE,GAAGC,GAAG,GAAGC,QAAQ,CAACF,IAAI,EAAE,EAAE,CAAC;AAAA,EAAA,CAAC,CAAC;AACxD,EAAA,IAAIH,KAAK,CAACM,IAAI,CAACC,KAAK,CAAC,IAAIP,KAAK,CAACpB,MAAM,GAAG,CAAC,EAAE;AACzC,IAAA,OAAO,CAAC;AACV,EAAA;AAEA,EAAA,IAAIoB,KAAK,CAACpB,MAAM,KAAK,CAAC,EAAE;IACtB,OAAOoB,KAAK,CAAC,CAAC,CAAC;AACjB,EAAA,CAAC,MAAM,IAAIA,KAAK,CAACpB,MAAM,KAAK,CAAC,EAAE;IAC7B,OAAOoB,KAAK,CAAC,CAAC,CAAC,GAAGxB,UAAU,GAAGwB,KAAK,CAAC,CAAC,CAAC;AACzC,EAAA,CAAC,MAAM,IAAIA,KAAK,CAACpB,MAAM,KAAK,CAAC,EAAE;AAC7B,IAAA,OAAOoB,KAAK,CAAC,CAAC,CAAC,GAAGvB,QAAQ,GAAGuB,KAAK,CAAC,CAAC,CAAC,GAAGxB,UAAU,GAAGwB,KAAK,CAAC,CAAC,CAAC;AAC/D,EAAA;AAEA,EAAA,OAAO,CAAC;AACV,CAAC;AAEM,IAAMQ,aAAa,GAAG,SAAhBA,aAAaA,CAAGC,KAAK,EAAI;EACpC,IAAMC,KAAK,GAAG,eAAe;AAC7B,EAAA,IAAMC,MAAM,GAAG,CAACF,KAAK,CAACG,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAEhC,MAAM;EAE/C,OAAO8B,KAAK,CAACG,IAAI,CAACJ,KAAK,CAAC,IAAIE,MAAM,IAAI,CAAC;AACzC,CAAC;;ACjCD,IAAMG,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAQb;AAAA,EAAA,IAPJC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IACnBC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACEC,OAAO,GAAAN,IAAA,CAAhBO,OAAO;IACPC,0BAA0B,GAAAR,IAAA,CAA1BQ,0BAA0B;AAE1B,EAAA,IAAAC,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAMC,gBAAgB,GAAGT,mBAAmB,EAAE;AAE9C,EAAA,IAAAU,SAAA,GAAoCC,cAAQ,CAAC,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAAI,UAAA,GACEL,cAAQ,CAACF,gBAAgB,CAAC;IAAAQ,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AADrBE,IAAAA,mBAAmB,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,sBAAsB,GAAAF,UAAA,CAAA,CAAA,CAAA;EAGlD,IAAAG,UAAA,GAA4BT,cAAQ,CAAC;AACnCU,MAAAA,KAAK,EAAE,KAAK;AACZC,MAAAA,QAAQ,EAAE;AACZ,KAAC,CAAC;IAAAC,UAAA,GAAAV,cAAA,CAAAO,UAAA,EAAA,CAAA,CAAA;AAHKI,IAAAA,MAAM,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAKxB,EAAA,IAAQF,KAAK,GAAeG,MAAM,CAA1BH,KAAK;IAAEC,QAAQ,GAAKE,MAAM,CAAnBF,QAAQ;AAEvB,EAAA,IAAAI,UAAA,GAAgCf,cAAQ,CAAC,EAAE,CAAC;IAAAgB,UAAA,GAAAd,cAAA,CAAAa,UAAA,EAAA,CAAA,CAAA;AAArCE,IAAAA,QAAQ,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAE5B,EAAA,IAAMlD,SAAS,GAAGN,sBAAsB,CAAC4B,aAAa,CAAC;AAEvD,EAAA,IAAM+B,6BAA6B,GAAG,SAAhCA,6BAA6BA,CAAGC,CAAC,EAAI;AACzC,IAAA,IAAMxC,KAAK,GAAGwC,CAAC,CAACC,MAAM,CAACC,KAAK;AAC5B,IAAA,IAAI3C,aAAa,CAACC,KAAK,CAAC,EAAE;MACxBsC,WAAW,CAACtC,KAAK,CAAC;AACpB,IAAA;EACF,CAAC;AAED,EAAA,IAAM2C,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAIC,GAAG,EAAEF,KAAK,EAAA;IAAA,OAAKR,SAAS,CAACW,WAAK,CAACD,GAAG,EAAEF,KAAK,CAAC,CAAC;AAAA,EAAA,CAAA;AAEtE,EAAA,IAAMI,gBAAgB,GAAG,SAAnBA,gBAAgBA,GAAS;AAC7B,IAAA,IAAI7D,aAAa,GAAGI,SAAS,CAACgD,QAAQ,CAAC;IACvC,IAAIpD,aAAa,GAAGuB,aAAa,EAAE;AACjCvB,MAAAA,aAAa,GAAGuB,aAAa;AAC/B,IAAA;AACA8B,IAAAA,WAAW,CAACtD,UAAU,CAACC,aAAa,EAAEC,SAAS,CAAC,CAAC;EACnD,CAAC;AAED,EAAA,IAAM6D,aAAa,GAAG,SAAhBA,aAAaA,CAAGP,CAAC,EAAI;AACzB,IAAA,IAAIA,CAAC,CAACI,GAAG,KAAK,OAAO,EAAE;AACvBE,IAAAA,gBAAgB,EAAE;EACpB,CAAC;EAED,IAAME,YAAY,GAAGC,iBAAW,CAC9B,UAAChE,aAAa,EAAEiE,SAAS,EAAK;AAC5B,IAAA,IAAMC,YAAY,GAAG5C,aAAa,CAACd,GAAG,CAAC,UAAA2D,YAAY,EAAA;MAAA,OACjDC,cAAQ,CAACD,YAAY,EAAE;AACrBE,QAAAA,IAAI,EAAErE,aAAa;AACnB6C,QAAAA,KAAK,EAAEoB,SAAS,CAACpB,KAAK,GAAG,CAAC,GAAGzD,SAAS;AACtC0D,QAAAA,QAAQ,EAAEmB,SAAS,CAACnB,QAAQ,GAAG,CAAC,GAAG1D;AACrC,OAAC,CAAC;AAAA,IAAA,CACJ,CAAC;IACDmD,aAAa,CAAC2B,YAAY,CAAC;AAC7B,EAAA,CAAC,EACD,CAAC5C,aAAa,CAChB,CAAC;AAED,EAAA,IAAMgD,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAS;AAChC,IAAA,IAAItE,aAAa,GAAGI,SAAS,CAACgD,QAAQ,CAAC;IACvC,IAAIpD,aAAa,GAAGuB,aAAa,EAAE;AACjCvB,MAAAA,aAAa,GAAGuB,aAAa;AAC/B,IAAA;IACAoB,sBAAsB,CAAC3C,aAAa,CAAC;AACrC+D,IAAAA,YAAY,CAAC/D,aAAa,EAAEgD,MAAM,CAAC;EACrC,CAAC;AAEDuB,EAAAA,eAAS,CAAC,YAAM;AACd,IAAA,IAAIC,SAAG,CAAC/C,MAAM,CAAC,EAAE;IAEjB,IAAMgD,WAAW,GAAGxC,gBAAgB,GAAG,CAAC,GAAGA,gBAAgB,GAAG,CAAC;AAC/D,IAAA,IAAMyC,aAAa,GAAG;AAAE7B,MAAAA,KAAK,EAAE,KAAK;AAAEC,MAAAA,QAAQ,EAAE;KAAO;IAEvDH,sBAAsB,CAAC8B,WAAW,CAAC;AACnCpB,IAAAA,WAAW,CAACtD,UAAU,CAAC0E,WAAW,EAAExE,SAAS,CAAC,CAAC;IAC/CgD,SAAS,CAACyB,aAAa,CAAC;AACxBX,IAAAA,YAAY,CAACU,WAAW,EAAEC,aAAa,CAAC;EAC1C,CAAC,EAAE,CAACjD,MAAM,EAAExB,SAAS,EAAEgC,gBAAgB,EAAE8B,YAAY,CAAC,CAAC;AAEvD,EAAA,oBACEY,eAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,4BAA4B;AAAAC,IAAAA,QAAA,gBACzCC,cAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,sDAAsD;AAAAC,MAAAA,QAAA,eACnEF,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,4BAA4B;AAAAC,QAAAA,QAAA,gBACzCF,eAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,uBAAuB;UAAAC,QAAA,EAAA,cACpCC,cAAA,CAACC,qBAAU,EAAA;AAACC,YAAAA,OAAO,EAAC,IAAI;YAAAH,QAAA,EACrB7C,CAAC,CAAC,sDAAsD;AAAC,WAChD,CAAC,eACb8C,cAAA,CAACC,qBAAU,EAAA;AAACC,YAAAA,OAAO,EAAC,OAAO;YAAAH,QAAA,EACxB7C,CAAC,CACA,iEACF;AAAC,WACS,CAAC;SACV,CAAC,eACN2C,eAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,2BAA2B;UAAAC,QAAA,EAAA,cACxCC,cAAA,CAACG,gBAAK,EAAA;YAAAJ,QAAA,EAAE7C,CAAC,CAAC,4CAA4C;AAAC,WAAQ,CAAC,eAChE8C,cAAA,CAACI,gBAAK,EAAA;YACJC,cAAc,EAAA,IAAA;AACdP,YAAAA,SAAS,EAAC,iBAAiB;AAC3B,YAAA,aAAA,EAAY,YAAY;AACxBQ,YAAAA,WAAW,EAAEnF,SAAS,GAAG,UAAU,GAAG,OAAQ;AAC9CwD,YAAAA,KAAK,EAAEL,QAAS;AAChBiC,YAAAA,MAAM,EAAExB,gBAAiB;AACzByB,YAAAA,QAAQ,EAAEhC,6BAA8B;AACxCiC,YAAAA,SAAS,EAAEzB;AAAc,WAC1B,CAAC;AAAA,SACC,CAAC,EACLjC,0BAA0B,iBACzB8C,eAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,qBAAqB;UAAAC,QAAA,EAAA,cAClCC,cAAA,CAACU,iBAAM,EAAA;AACLC,YAAAA,OAAO,EAAE5C,KAAM;AACf,YAAA,aAAA,EAAY,gBAAgB;AAC5B6C,YAAAA,EAAE,EAAC,OAAO;AACVC,YAAAA,KAAK,EAAE3D,CAAC,CAAC,qCAAqC,CAAE;AAChD4D,YAAAA,IAAI,EAAC,OAAO;AACZC,YAAAA,eAAe,EAAE,SAAjBA,eAAeA,CAAEJ,OAAO,EAAA;AAAA,cAAA,OAAI/B,iBAAiB,CAAC,OAAO,EAAE+B,OAAO,CAAC;AAAA,YAAA;AAAC,WACjE,CAAC,eACFX,cAAA,CAACU,iBAAM,EAAA;AACLC,YAAAA,OAAO,EAAE3C,QAAS;AAClB,YAAA,aAAA,EAAY,mBAAmB;AAC/B4C,YAAAA,EAAE,EAAC,UAAU;AACbC,YAAAA,KAAK,EAAE3D,CAAC,CAAC,wCAAwC,CAAE;AACnD4D,YAAAA,IAAI,EAAC,UAAU;AACfC,YAAAA,eAAe,EAAE,SAAjBA,eAAeA,CAAEJ,OAAO,EAAA;AAAA,cAAA,OACtB/B,iBAAiB,CAAC,UAAU,EAAE+B,OAAO,CAAC;AAAA,YAAA;AACvC,WACF,CAAC;SACC,CACN,eACDd,eAAA,CAAA,KAAA,EAAA;AAAKC,UAAAA,SAAS,EAAC,gCAAgC;UAAAC,QAAA,EAAA,cAC7CC,cAAA,CAACgB,iBAAM,EAAA;AACL,YAAA,aAAA,EAAY,uBAAuB;AACnCH,YAAAA,KAAK,EAAE3D,CAAC,CAAC,6CAA6C,CAAE;AACxD+D,YAAAA,IAAI,EAAC,IAAI;AACTC,YAAAA,OAAO,EAAE1B;AAAoB,WAC9B,CAAC,eACFQ,cAAA,CAACgB,iBAAM,EAAA;AACL,YAAA,aAAA,EAAY,eAAe;AAC3BH,YAAAA,KAAK,EAAE3D,CAAC,CAAC,sCAAsC,CAAE;AACjD+D,YAAAA,IAAI,EAAC,IAAI;AACTf,YAAAA,OAAO,EAAC,OAAO;AACfgB,YAAAA,OAAO,EAAEtE;AAAQ,WAClB,CAAC;AAAA,SACC,CAAC;OACH;KACF,CAAC,eACNiD,eAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,SAAS,EAAC,0BAA0B;AAAAC,MAAAA,QAAA,gBACvCF,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,uBAAuB;QAAAC,QAAA,EAAA,cACpCC,cAAA,CAACC,qBAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,IAAI;UAAAH,QAAA,EACrB7C,CAAC,CAAC,6CAA6C;SACtC,CAAC,eACb8C,cAAA,CAAA,KAAA,EAAA;AAAKF,UAAAA,SAAS,EAAC,uBAAuB;UAAAC,QAAA,EACnCvC,UAAU,CAAC9B,GAAG,CAAC,UAACyF,SAAS,EAAEC,KAAK,EAAA;AAAA,YAAA,oBAC/BvB,eAAA,CAAA,KAAA,EAAA;AACEC,cAAAA,SAAS,EAAC,oEAAoE;cAAAC,QAAA,EAAA,cAG9EC,cAAA,CAACC,qBAAU,EAAA;AACTH,gBAAAA,SAAS,EAAC,4BAA4B;AACtCI,gBAAAA,OAAO,EAAC,OAAO;AAAAH,gBAAAA,QAAA,EAEdoB;AAAS,eACA,CAAC,eACbnB,cAAA,CAACqB,wBAAqB,EAAA;AACpBvB,gBAAAA,SAAS,EAAC,eAAe;AACzBnB,gBAAAA,KAAK,EAAEwC,SAAU;AACjBjB,gBAAAA,OAAO,EAAC;AAAO,eAChB,CAAC;AAAA,aAAA,EAZGkB,KAaF,CAAC;UAAA,CACP;AAAC,SACC,CAAC;AAAA,OACH,CAAC,EACLvE,OAAO,iBACNgD,eAAA,CAAA,KAAA,EAAA;AAAKC,QAAAA,SAAS,EAAC,uBAAuB;QAAAC,QAAA,EAAA,cACpCC,cAAA,CAACC,qBAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,IAAI;UAAAH,QAAA,EACrB7C,CAAC,CAAC,uCAAuC;AAAC,SACjC,CAAC,eACb8C,cAAA,CAACnD,OAAO,EAAA;AAAOe,UAAAA,mBAAmB,EAAnBA;AAAmB,SAAK,CAAC;AAAA,OACrC,CACN;AAAA,KACE,CAAC;AAAA,GACH,CAAC;AAEV,CAAC;;;;;AC3MD,IAAM0D,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAA/E,IAAA,EAYlB;AAAA,EAAA,IAAAgF,iBAAA,GAAAhF,IAAA,CAXJ8C,YAAY;AAAZA,IAAAA,YAAY,GAAAkC,iBAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,iBAAA;IAAAC,kBAAA,GAAAjF,IAAA,CACnBC,aAAa;AAAbA,IAAAA,aAAa,GAAAgF,kBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,kBAAA;IAClB/E,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IACnBC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAA6E,cAAA,GAAAlF,IAAA,CACPmF,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,cAAA;IACjB3E,OAAO,GAAAP,IAAA,CAAPO,OAAO;IAAA6E,qBAAA,GAAApF,IAAA,CACPQ,0BAA0B;AAA1BA,IAAAA,0BAA0B,GAAA4E,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAC,SAAA,GAAArF,IAAA,CAClC0E,IAAI;AAAJA,IAAAA,IAAI,GAAAW,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;AACXC,IAAAA,UAAU,GAAAC,wBAAA,CAAAvF,IAAA,EAAAwF,SAAA,CAAA;AAEb,EAAA,IAAA/E,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;EAET,IAAM8E,oBAAoB,GAAGC,oBAAU,CAACzF,aAAa,CAAC,GAClDA,aAAa,GACb,CAAC6C,YAAY,CAAC;EAElB,oBACEQ,eAAA,CAACqC,gBAAK,EAAAC,aAAA,CAAAA,aAAA,KAAAA,aAAA,CAAA;AACExF,IAAAA,MAAM,EAANA,MAAM;AAAEC,IAAAA,OAAO,EAAPA,OAAO;AAAEqE,IAAAA,IAAI,EAAJA;AAAI,GAAA,EAAKY,UAAU,CAAA,CAAA,EAAA,EAAA,EAAA;AAC1C,IAAA,kBAAA,EAAkBvH,SAAU;AAC5B,IAAA,aAAA,EAAY,YAAY;AAAAyF,IAAAA,QAAA,EAAA,cAExBC,cAAA,CAACkC,gBAAK,CAACE,MAAM,EAAA;AAAArC,MAAAA,QAAA,eACXC,cAAA,CAACkC,gBAAK,CAACG,KAAK,EAAA;QAAAtC,QAAA,EAAE7C,CAAC,CAAC,qCAAqC;OAAe;AAAC,KACzD,CAAC,eACf8C,cAAA,CAACkC,gBAAK,CAACI,IAAI,EAAA;AAACxC,MAAAA,SAAS,EAAC,kCAAkC;AAAAC,MAAAA,QAAA,EACrD2B,SAAS,gBACR1B,cAAA,CAACuC,kBAAO,EAAA;AAACzC,QAAAA,SAAS,EAAC;AAAS,OAAE,CAAC,gBAE/BE,cAAA,CAAC1D,aAAa,EAAA;AAEVS,QAAAA,0BAA0B,EAA1BA,0BAA0B;AAC1BL,QAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBC,QAAAA,MAAM,EAANA,MAAM;AACNC,QAAAA,OAAO,EAAPA,OAAO;AACPE,QAAAA,OAAO,EAAPA,OAAO;AACPL,QAAAA,aAAa,EAAbA,aAAa;AAEfD,QAAAA,aAAa,EAAEwF;OAChB;AACF,KACS,CAAC;AAAA,GAAA,CACR,CAAC;AAEZ;;;;"}