@bigbinary/neeto-molecules 1.16.3 → 1.17.0

package/types/Onboarding.d.ts

@@ -1,133 +1,63 @@
 import React from "react";
-import { ButtonProps } from "@bigbinary/neetoui";
-interface OnboardingScreen {
-  title: string;
-  description: string;
-  buttonProps: ButtonProps;
-  className: string;
+interface OnboardingComponent {
+  element: React.ReactNode;
+  label: string;
 }
-;
 export
 /**
  *
- * WelcomeScreen is used to show a welcome screen in the onboarding flow of
+ * The Onboarding component facilitates a smooth onboarding flow. It comprises
  *
- * neeto.
+ * three primary screens:
  *
- * @example 
+ * Additionally, you can enhance the onboarding experience by passing custom
  *
- * import {
- *   WelcomeScreen,
- *   CompletedScreen,
- *   HelpScreen,
- * } from "@bigbinary/neeto-molecules/Onboarding";
- * 
- * const Onboarding = () => {
- *   const [currentStep, setCurrentStep] = useState(ONBOARDING_STEPS.WELCOME);
- * 
- *   return (
- *     <>
- *       {currentStep === ONBOARDING_STEPS.WELCOME && (
- *         <WelcomeScreen
- *           title="Welcome to neetoDesk"
- *           description="Let's customize neetoDesk so that it meets your needs."
- *         />
- *       )}
- *       {currentStep === ONBOARDING_STEPS.COMPLETED && (
- *         <CompletedScreen
- *           title="Your neetoDesk is ready."
- *           description="If you have any question at any time you can click on the help icon on the left hand side and have a 'live chat' with us."
- *           buttonProps={{ label: "Start using neetoDesk" }}
- *         />
- *       )}
- *       {currentStep === ONBOARDING_STEPS.HELP && <HelpScreen />}
- *     </>
- *   );
- * };
- * @endexample
-*/
-const WelcomeScreen: React.FC<OnboardingScreen>;
-export
-/**
+ * components using the onboardingSteps prop. These custom components will be
  *
- * CompletedScreen is used to show a completed screen in the onboarding flow of
+ * rendered between the WelcomeScreen and HelpScreen, allowing for a more
  *
- * neeto.
+ * customized onboarding process.
  *
  * @example 
  *
- * import {
- *   WelcomeScreen,
- *   CompletedScreen,
- *   HelpScreen,
- * } from "@bigbinary/neeto-molecules/Onboarding";
+ * import Onboarding from "@bigbinary/neeto-molecules/Onboarding";
  * 
  * const Onboarding = () => {
- *   const [currentStep, setCurrentStep] = useState(ONBOARDING_STEPS.COMPLETED);
- * 
- *   return (
- *     <>
- *       {currentStep === ONBOARDING_STEPS.WELCOME && (
- *         <WelcomeScreen
- *           title="Welcome to neetoDesk"
- *           description="Let's customize neetoDesk so that it meets your needs."
- *         />
- *       )}
- *       {currentStep === ONBOARDING_STEPS.COMPLETED && (
- *         <CompletedScreen
- *           title="Your neetoDesk is ready."
- *           description="If you have any question at any time you can click on the help icon on the left hand side and have a 'live chat' with us."
- *           buttonProps={{ label: "Start using neetoDesk" }}
- *         />
- *       )}
- *       {currentStep === ONBOARDING_STEPS.HELP && <HelpScreen />}
- *     </>
- *   );
- * };
- * @endexample
-*/
-const CompletedScreen: React.FC<{
-  children: React.ReactNode;
-}> & OnboardingScreen;
-export
-/**
- *
- * HelpScreen is used to show a help screen in the onboarding flow of neeto.
- *
- * @example 
- *
- * import {
- *   WelcomeScreen,
- *   CompletedScreen,
- *   HelpScreen,
- * } from "@bigbinary/neeto-molecules/Onboarding";
+ *   const [currentStep, setCurrentStep] = useState(0);
  * 
- * const Onboarding = () => {
- *   const [currentStep, setCurrentStep] = useState(ONBOARDING_STEPS.HELP);
+ *   const CustomComponent = () => {
+ *     return (
+ *       <div>
+ *         <h1>Custom Component</h1>
+ *       </div>
+ *     );
+ *   };
  * 
  *   return (
  *     <>
- *       {currentStep === ONBOARDING_STEPS.WELCOME && (
- *         <WelcomeScreen
- *           title="Welcome to neetoDesk"
- *           description="Let's customize neetoDesk so that it meets your needs."
- *         />
- *       )}
- *       {currentStep === ONBOARDING_STEPS.COMPLETED && (
- *         <CompletedScreen
- *           title="Your neetoDesk is ready."
- *           description="If you have any question at any time you can click on the help icon on the left hand side and have a 'live chat' with us."
- *           buttonProps={{ label: "Start using neetoDesk" }}
- *         />
- *       )}
- *       {currentStep === ONBOARDING_STEPS.HELP && <HelpScreen />}
+ *       <Onboarding
+ *         currentStep={currentStep}
+ *         setCurrentStep={setCurrentStep}
+ *         completeButtonProps={{
+ *           onClick: () => {
+ *             console.log("Onboarding completed");
+ *           },
+ *         }}
+ *         onboardingSteps={[
+ *           {
+ *             label: "Custom Component",
+ *             element: <CustomComponent />,
+ *           },
+ *         ]}
+ *       />
  *     </>
  *   );
  * };
  * @endexample
 */
-const HelpScreen: React.FC<{
-  className?: string;
-  buttonProps: ButtonProps;
-  standalone?: boolean;
+const Onboarding: React.FC<{
+  currentStep: number;
+  completeButtonProps: Object;
+  setCurrentStep: React.Dispatch<React.SetStateAction<number>>;
+  onboardingSteps?: OnboardingComponent[];
 }>;

package/types/ProductEmbed.d.ts

@@ -37,6 +37,7 @@ const ProductEmbed: React.FC<{
     floatingPopup?: FloatingPopupProps;
     elementPopup?: ElementPopupProps;
   };
+  isQueryParamsEnabled?: boolean;
 }>;
 
 export default ProductEmbed;

package/types/Settings.d.ts

@@ -92,6 +92,7 @@ type SettingCategory = {
 */
 const Settings: React.FC<{
   isTitleHidden?: boolean;
+  isSearchHidden?: boolean;
   categories: SettingCategory[];
 }>;
 export default Settings;

package/dist/ShareRecording.js

@@ -1,218 +0,0 @@
-import { _ as _extends } from './extends-093996c9.js';
-import { _ as _defineProperty } from './defineProperty-549061a7.js';
-import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
-import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
-import React__default, { useState, useEffect } from 'react';
-import { Tooltip, Typography, Checkbox, Input, Modal, Spinner, Button } from '@bigbinary/neetoui';
-import { useTranslation } from 'react-i18next';
-import { n } from './inject-css-c86de496.js';
-import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import { not } from 'ramda';
-import CopyToClipboardButton from './CopyToClipboardButton.js';
-import 'classnames';
-import '@bigbinary/neeto-commons-frontend/utils/general';
-import '@bigbinary/neeto-icons';
-
-var css = ".neeto-molecules-share-timestamp-input .neeto-ui-input__wrapper{position:relative}.neeto-molecules-share-timestamp-input .neeto-ui-input__wrapper:not(:last-child):after{content:\":\";font-weight:bolder;position:absolute;right:-8px;top:4px}";
-n(css,{});
-
-var ONE_SECOND = 1;
-var ONE_MINUTE = 60 * ONE_SECOND;
-var ONE_HOUR = 60 * ONE_MINUTE;
-
-var getTimeValues = function getTimeValues(playbackTimeInSec) {
-  var hour = Math.floor(playbackTimeInSec / ONE_HOUR);
-  playbackTimeInSec = playbackTimeInSec % ONE_HOUR;
-  var minute = Math.floor(playbackTimeInSec / ONE_MINUTE);
-  playbackTimeInSec = playbackTimeInSec % ONE_MINUTE;
-  var second = Math.floor(playbackTimeInSec / ONE_SECOND);
-  return {
-    hour: hour,
-    minute: minute,
-    second: second
-  };
-};
-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;
-};
-
-function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ShareModalBody = function ShareModalBody(_ref) {
-  var recordingUrl = _ref.recordingUrl,
-    totalDuration = _ref.totalDuration,
-    getCurrentTimestamp = _ref.getCurrentTimestamp,
-    isOpen = _ref.isOpen;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var currentTimestamp = getCurrentTimestamp();
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    shareLink = _useState2[0],
-    setShareLink = _useState2[1];
-  var _useState3 = useState(currentTimestamp),
-    _useState4 = _slicedToArray(_useState3, 2),
-    currentPlaybackTime = _useState4[0],
-    setCurrentPlaybackTime = _useState4[1];
-  var _useState5 = useState(currentTimestamp > 0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isPlaybackTimeCheckboxChecked = _useState6[0],
-    setIsPlaybackTimeCheckboxChecked = _useState6[1];
-  var _getTimeValues = getTimeValues(currentPlaybackTime),
-    hour = _getTimeValues.hour,
-    minute = _getTimeValues.minute,
-    second = _getTimeValues.second;
-  var handlePlaybackTimestampChange = function handlePlaybackTimestampChange(_ref2) {
-    var valueInSec = _ref2.valueInSec,
-      offset = _ref2.offset;
-    var intendedTimeInSec = currentPlaybackTime + valueInSec - offset;
-    setCurrentPlaybackTime(Math.min(intendedTimeInSec, totalDuration));
-  };
-  var renderTimeInput = function renderTimeInput(_ref3) {
-    var value = _ref3.value,
-      onChange = _ref3.onChange,
-      max = _ref3.max;
-    return /*#__PURE__*/React__default.createElement(Input, {
-      max: max,
-      onChange: onChange,
-      value: value,
-      className: "w-14",
-      disabled: not(isPlaybackTimeCheckboxChecked),
-      min: 0,
-      type: "number",
-      unlimitedChars: false
-    });
-  };
-  useEffect(function () {
-    if (not(isOpen)) return;
-    setIsPlaybackTimeCheckboxChecked(currentTimestamp > 0);
-    setCurrentPlaybackTime(currentTimestamp > 0 ? currentTimestamp : 0);
-  }, [isOpen]);
-  useEffect(function () {
-    var playbackUrl = buildUrl(recordingUrl, _objectSpread$1({}, isPlaybackTimeCheckboxChecked && currentPlaybackTime > 0 && {
-      time: currentPlaybackTime
-    }));
-    setShareLink(playbackUrl);
-  }, [recordingUrl, isPlaybackTimeCheckboxChecked, currentPlaybackTime]);
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg mb-3 flex items-center justify-between p-2"
-  }, /*#__PURE__*/React__default.createElement(Tooltip, {
-    content: shareLink
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    className: "truncate",
-    style: "body2"
-  }, shareLink)), /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
-    className: "flex-shrink-0",
-    style: "secondary",
-    tooltipContent: t("neetoMolecules.shareRecording.tooltipContent"),
-    value: shareLink,
-    successTooltipContent: t("neetoMolecules.shareRecording.successTooltipContent")
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center gap-x-2"
-  }, /*#__PURE__*/React__default.createElement(Checkbox, {
-    checked: isPlaybackTimeCheckboxChecked,
-    className: "grow-0",
-    "data-cy": "time-checkbox",
-    label: t("neetoMolecules.shareRecording.checkboxLabel"),
-    onChange: function onChange(_ref4) {
-      var checked = _ref4.target.checked;
-      return setIsPlaybackTimeCheckboxChecked(checked);
-    }
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-molecules-share-timestamp-input flex items-center gap-x-3",
-    "data-cy": "time-inputs"
-  }, shouldRenderHoursInput(totalDuration) && renderTimeInput({
-    max: 99,
-    value: padZero(hour),
-    onChange: function onChange(e) {
-      return handlePlaybackTimestampChange({
-        valueInSec: e.target.value * ONE_HOUR,
-        offset: hour * ONE_HOUR
-      });
-    }
-  }), renderTimeInput({
-    max: 59,
-    value: padZero(minute),
-    onChange: function onChange(e) {
-      return handlePlaybackTimestampChange({
-        valueInSec: e.target.value * ONE_MINUTE,
-        offset: minute * ONE_MINUTE
-      });
-    }
-  }), renderTimeInput({
-    max: 59,
-    value: padZero(second),
-    onChange: function onChange(e) {
-      return handlePlaybackTimestampChange({
-        valueInSec: e.target.value * ONE_SECOND,
-        offset: second * ONE_SECOND
-      });
-    }
-  }))));
-};
-
-var _excluded = ["recordingUrl", "totalDuration", "getCurrentTimestamp", "buttonProps", "isLoading"];
-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), !0).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 ShareRecording = function ShareRecording(_ref) {
-  var recordingUrl = _ref.recordingUrl,
-    totalDuration = _ref.totalDuration,
-    getCurrentTimestamp = _ref.getCurrentTimestamp,
-    _ref$buttonProps = _ref.buttonProps,
-    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var handleClick = function handleClick() {
-    var _buttonProps$onClick;
-    setIsOpen(true);
-    buttonProps === null || buttonProps === void 0 ? void 0 : (_buttonProps$onClick = buttonProps.onClick) === null || _buttonProps$onClick === void 0 ? void 0 : _buttonProps$onClick.call(buttonProps);
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Modal, _extends({}, _objectSpread({
-    isOpen: isOpen
-  }, otherProps), {
-    "data-cy": "share-modal",
-    size: "large",
-    onClose: function onClose() {
-      return setIsOpen(false);
-    }
-  }), /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
-    style: "h2"
-  }, t("neetoMolecules.shareRecording.title"))), /*#__PURE__*/React__default.createElement(Modal.Body, {
-    className: "flex flex-col space-y-2"
-  }, isLoading ? /*#__PURE__*/React__default.createElement(Spinner, {
-    className: "mx-auto"
-  }) : /*#__PURE__*/React__default.createElement(ShareModalBody, {
-    getCurrentTimestamp: getCurrentTimestamp,
-    isOpen: isOpen,
-    recordingUrl: recordingUrl,
-    totalDuration: totalDuration
-  }))), /*#__PURE__*/React__default.createElement(Button, _extends({
-    "data-cy": "share-button",
-    label: t("neetoMolecules.common.actions.share"),
-    style: "secondary"
-  }, buttonProps, {
-    onClick: handleClick
-  })));
-};
-
-export { ShareRecording as default };
-//# sourceMappingURL=ShareRecording.js.map

package/dist/ShareRecording.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShareRecording.js","sources":["../src/components/ShareRecording/constants.js","../src/components/ShareRecording/utils.js","../src/components/ShareRecording/ShareModalBody.jsx","../src/components/ShareRecording/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, ONE_SECOND } from \"./constants\";\n\nexport const getTimeValues = playbackTimeInSec => {\n  const hour = Math.floor(playbackTimeInSec / ONE_HOUR);\n  playbackTimeInSec = playbackTimeInSec % ONE_HOUR;\n  const minute = Math.floor(playbackTimeInSec / ONE_MINUTE);\n  playbackTimeInSec = playbackTimeInSec % ONE_MINUTE;\n  const second = Math.floor(playbackTimeInSec / ONE_SECOND);\n\n  return { hour, minute, second };\n};\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","import React, { useState, useEffect } from \"react\";\n\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Typography, Input, Checkbox, Tooltip } from \"neetoui\";\nimport { not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport { ONE_HOUR, ONE_MINUTE, ONE_SECOND } from \"./constants\";\nimport \"./share-modal.scss\";\nimport { getTimeValues, padZero, shouldRenderHoursInput } from \"./utils\";\n\nconst ShareModalBody = ({\n  recordingUrl,\n  totalDuration,\n  getCurrentTimestamp,\n  isOpen,\n}) => {\n  const { t } = useTranslation();\n  const currentTimestamp = getCurrentTimestamp();\n\n  const [shareLink, setShareLink] = useState(\"\");\n  const [currentPlaybackTime, setCurrentPlaybackTime] =\n    useState(currentTimestamp);\n\n  const [isPlaybackTimeCheckboxChecked, setIsPlaybackTimeCheckboxChecked] =\n    useState(currentTimestamp > 0);\n\n  const { hour, minute, second } = getTimeValues(currentPlaybackTime);\n\n  const handlePlaybackTimestampChange = ({ valueInSec, offset }) => {\n    const intendedTimeInSec = currentPlaybackTime + valueInSec - offset;\n\n    setCurrentPlaybackTime(Math.min(intendedTimeInSec, totalDuration));\n  };\n\n  const renderTimeInput = ({ value, onChange, max }) => (\n    <Input\n      {...{ max, onChange, value }}\n      className=\"w-14\"\n      disabled={not(isPlaybackTimeCheckboxChecked)}\n      min={0}\n      type=\"number\"\n      unlimitedChars={false}\n    />\n  );\n\n  useEffect(() => {\n    if (not(isOpen)) return;\n\n    setIsPlaybackTimeCheckboxChecked(currentTimestamp > 0);\n    setCurrentPlaybackTime(currentTimestamp > 0 ? currentTimestamp : 0);\n  }, [isOpen]);\n\n  useEffect(() => {\n    const playbackUrl = buildUrl(recordingUrl, {\n      ...(isPlaybackTimeCheckboxChecked &&\n        currentPlaybackTime > 0 && { time: currentPlaybackTime }),\n    });\n\n    setShareLink(playbackUrl);\n  }, [recordingUrl, isPlaybackTimeCheckboxChecked, currentPlaybackTime]);\n\n  return (\n    <>\n      <div className=\"neeto-ui-bg-gray-100 neeto-ui-rounded-lg mb-3 flex items-center justify-between p-2\">\n        <Tooltip content={shareLink}>\n          <Typography className=\"truncate\" style=\"body2\">\n            {shareLink}\n          </Typography>\n        </Tooltip>\n        <CopyToClipboardButton\n          className=\"flex-shrink-0\"\n          style=\"secondary\"\n          tooltipContent={t(\"neetoMolecules.shareRecording.tooltipContent\")}\n          value={shareLink}\n          successTooltipContent={t(\n            \"neetoMolecules.shareRecording.successTooltipContent\"\n          )}\n        />\n      </div>\n      <div className=\"flex items-center gap-x-2\">\n        <Checkbox\n          checked={isPlaybackTimeCheckboxChecked}\n          className=\"grow-0\"\n          data-cy=\"time-checkbox\"\n          label={t(\"neetoMolecules.shareRecording.checkboxLabel\")}\n          onChange={({ target: { checked } }) =>\n            setIsPlaybackTimeCheckboxChecked(checked)\n          }\n        />\n        <div\n          className=\"neeto-molecules-share-timestamp-input flex items-center gap-x-3\"\n          data-cy=\"time-inputs\"\n        >\n          {shouldRenderHoursInput(totalDuration) &&\n            renderTimeInput({\n              max: 99,\n              value: padZero(hour),\n              onChange: e =>\n                handlePlaybackTimestampChange({\n                  valueInSec: e.target.value * ONE_HOUR,\n                  offset: hour * ONE_HOUR,\n                }),\n            })}\n          {renderTimeInput({\n            max: 59,\n            value: padZero(minute),\n            onChange: e =>\n              handlePlaybackTimestampChange({\n                valueInSec: e.target.value * ONE_MINUTE,\n                offset: minute * ONE_MINUTE,\n              }),\n          })}\n          {renderTimeInput({\n            max: 59,\n            value: padZero(second),\n            onChange: e =>\n              handlePlaybackTimestampChange({\n                valueInSec: e.target.value * ONE_SECOND,\n                offset: second * ONE_SECOND,\n              }),\n          })}\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default ShareModalBody;\n","import React, { useState } from \"react\";\n\nimport { Modal, Typography, Spinner, Button } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { useTranslation } from \"react-i18next\";\n\nimport \"./share-modal.scss\";\nimport ShareModalBody from \"./ShareModalBody\";\n\nconst ShareRecording = ({\n  recordingUrl,\n  totalDuration,\n  getCurrentTimestamp,\n  buttonProps = {},\n  isLoading = false,\n  ...otherProps\n}) => {\n  const { t } = useTranslation();\n\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleClick = () => {\n    setIsOpen(true);\n    buttonProps?.onClick?.();\n  };\n\n  return (\n    <>\n      <Modal\n        {...{ isOpen, ...otherProps }}\n        data-cy=\"share-modal\"\n        size=\"large\"\n        onClose={() => setIsOpen(false)}\n      >\n        <Modal.Header>\n          <Typography style=\"h2\">\n            {t(\"neetoMolecules.shareRecording.title\")}\n          </Typography>\n        </Modal.Header>\n        <Modal.Body className=\"flex flex-col space-y-2\">\n          {isLoading ? (\n            <Spinner className=\"mx-auto\" />\n          ) : (\n            <ShareModalBody\n              {...{ getCurrentTimestamp, isOpen, recordingUrl, totalDuration }}\n            />\n          )}\n        </Modal.Body>\n      </Modal>\n      <Button\n        data-cy=\"share-button\"\n        label={t(\"neetoMolecules.common.actions.share\")}\n        style=\"secondary\"\n        {...buttonProps}\n        onClick={handleClick}\n      />\n    </>\n  );\n};\n\nShareRecording.propTypes = {\n  /**\n   * Recording URL used for building the share link.\n   */\n  recordingUrl: PropTypes.string.isRequired,\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   * Additional props for the button component.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * Boolean indicating whether content is loading or not.\n   */\n  isLoading: PropTypes.bool,\n};\n\nexport default ShareRecording;\n"],"names":["ONE_SECOND","ONE_MINUTE","ONE_HOUR","getTimeValues","playbackTimeInSec","hour","Math","floor","minute","second","padZero","number","length","arguments","undefined","string","String","threshold","pow","concat","shouldRenderHoursInput","duration","hours","ShareModalBody","_ref","recordingUrl","totalDuration","getCurrentTimestamp","isOpen","_useTranslation","useTranslation","t","currentTimestamp","_useState","useState","_useState2","_slicedToArray","shareLink","setShareLink","_useState3","_useState4","currentPlaybackTime","setCurrentPlaybackTime","_useState5","_useState6","isPlaybackTimeCheckboxChecked","setIsPlaybackTimeCheckboxChecked","_getTimeValues","handlePlaybackTimestampChange","_ref2","valueInSec","offset","intendedTimeInSec","min","renderTimeInput","_ref3","value","onChange","max","React","createElement","Input","className","disabled","not","type","unlimitedChars","useEffect","playbackUrl","buildUrl","_objectSpread","time","Fragment","Tooltip","content","Typography","style","CopyToClipboardButton","tooltipContent","successTooltipContent","Checkbox","checked","label","_ref4","target","e","ShareRecording","_ref$buttonProps","buttonProps","_ref$isLoading","isLoading","otherProps","_objectWithoutProperties","_excluded","setIsOpen","handleClick","_buttonProps$onClick","onClick","call","Modal","_extends","size","onClose","Header","Body","Spinner","Button"],"mappings":"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"}