@bigbinary/neeto-molecules 4.0.95 → 4.0.97

package/dist/cjs/CalendarView.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarView.js","sources":["../../src/components/CalendarView/constants.js","../../src/components/CalendarView/utils.js","../../src/components/CalendarView/CustomDatePicker.jsx","../../src/components/CalendarView/Header.jsx","../../src/components/CalendarView/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nconst WEEKLY_VIEW = t(\"neetoMolecules.calendarView.weekly\");\nconst MONTHLY_VIEW = t(\"neetoMolecules.calendarView.monthly\");\nconst DAILY_VIEW = t(\"neetoMolecules.calendarView.daily\");\n\nexport const VIEW_OPTIONS = {\n  [DAILY_VIEW]: {\n    label: DAILY_VIEW,\n    fullCalendarView: \"timeGridDay\",\n    picker: \"day\",\n  },\n  [WEEKLY_VIEW]: {\n    label: WEEKLY_VIEW,\n    fullCalendarView: \"timeGridWeek\",\n    picker: \"week\",\n  },\n  [MONTHLY_VIEW]: {\n    label: MONTHLY_VIEW,\n    fullCalendarView: \"dayGridMonth\",\n    picker: \"month\",\n  },\n};\n","import { dayjs } from \"neetocommons/utils\";\n\nconst getWeekString = ({\n  date,\n  isStartOfWeek = true,\n  showMonth = false,\n  showYear = false,\n}) =>\n  `${showMonth || isStartOfWeek ? date.format(\"MMM\") : \"\"} ${date.date()} ${\n    showYear || !isStartOfWeek ? date.format(\"YYYY\") : \"\"\n  }`;\n\nexport const getStartOfWeek = date => dayjs(date).startOf(\"week\");\n\nexport const getEndOfWeek = date => dayjs(date).endOf(\"week\");\n\nexport const getFormattedMonthStr = date => date.format(\"MMM YYYY\");\n\nexport const getFormattedWeekRangeStr = date => {\n  const startOfWeek = getStartOfWeek(date);\n  const endOfWeek = getEndOfWeek(date);\n\n  const shouldShowMonthsSeparately = startOfWeek.month() !== endOfWeek.month();\n  const shouldShowYearsSeparately = startOfWeek.year() !== endOfWeek.year();\n\n  const startOfWeekStr = getWeekString({\n    date: startOfWeek,\n    showMonth: shouldShowMonthsSeparately,\n    showYear: shouldShowYearsSeparately,\n  });\n\n  const endOfWeekStr = getWeekString({\n    date: endOfWeek,\n    isStartOfWeek: false,\n    showMonth: shouldShowMonthsSeparately,\n    showYear: shouldShowYearsSeparately,\n  });\n\n  return `${startOfWeekStr} - ${endOfWeekStr}`;\n};\n\nexport const getFormattedDayStr = date => date.format(\"DD MMM YYYY\");\n\nexport const getFormattedRangeStr = (date, picker) => {\n  const formatFunctions = {\n    month: getFormattedMonthStr,\n    week: getFormattedWeekRangeStr,\n    day: getFormattedDayStr,\n  };\n  const selectedFormatter = formatFunctions[picker];\n\n  return selectedFormatter(date);\n};\n\nexport const mergeRefs =\n  (...refs) =>\n  node =>\n    refs\n      .filter(Boolean)\n      .forEach(ref =>\n        typeof ref === \"function\" ? ref(node) : (ref.current = node)\n      );\n","import { useRef, useState } from \"react\";\n\nimport { dayjs } from \"neetocommons/utils\";\nimport { Down, Left, Right } from \"neetoicons\";\nimport { Typography, Button, DatePicker } from \"neetoui\";\n\nimport { getFormattedRangeStr } from \"./utils\";\n\nconst CustomDatePicker = ({\n  selectedDate,\n  setSelectedDate,\n  picker,\n  validDates,\n  ...otherProps\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const datePickerRef = useRef(null);\n  const buttonRef = useRef(null);\n\n  const selectedRangeStr = getFormattedRangeStr(selectedDate, picker);\n\n  const { start, end } = validDates;\n\n  const isDateLessThanStart =\n    start && selectedDate.isSameOrBefore(dayjs(start), picker);\n\n  const isDateGreaterThanEnd =\n    end && selectedDate.isSameOrAfter(dayjs(end), picker);\n\n  const onPrevious = () =>\n    setSelectedDate(selectedDate => selectedDate.subtract(1, picker));\n\n  const onNext = () =>\n    setSelectedDate(selectedDate => selectedDate.add(1, picker));\n\n  const onToday = () => setSelectedDate(dayjs());\n\n  const getDisabledDates = date => {\n    if (!date) return false;\n\n    return (start && date <= start) || (end && date >= end);\n  };\n\n  const handleButtonMouseDown = e => {\n    if (!(buttonRef.current && buttonRef.current.contains(e.target))) return;\n    e.stopPropagation();\n    if (isOpen) datePickerRef.current.focus();\n  };\n\n  return (\n    <div className=\"flex items-center justify-start gap-x-4\">\n      <Button\n        data-cy=\"neeto-molecules-calendar-view-today-button\"\n        label=\"Today\"\n        style=\"secondary\"\n        onClick={onToday}\n      />\n      <div className=\"flex\">\n        <Button\n          className=\"me-1\"\n          data-cy=\"neeto-molecules-calendar-view-previous-button\"\n          data-testid=\"neeto-molecules-calendar-view-previous-button\"\n          disabled={isDateLessThanStart}\n          icon={Left}\n          style=\"text\"\n          onClick={onPrevious}\n        />\n        <Button\n          data-cy=\"neeto-molecules-calendar-view-date-picker-button\"\n          icon={Down}\n          ref={buttonRef}\n          style=\"text\"\n          onClick={() => setIsOpen(isOpen => !isOpen)}\n          onMouseDown={handleButtonMouseDown}\n        >\n          <Typography\n            data-cy=\"neeto-molecules-calendar-view-date-picker-button-label\"\n            style=\"h5\"\n          >\n            {selectedRangeStr}\n          </Typography>\n        </Button>\n        <DatePicker\n          className=\"invisible w-0 px-0\"\n          defaultValue={selectedDate}\n          disabledDate={getDisabledDates}\n          open={isOpen}\n          placement=\"topRight\"\n          ref={datePickerRef}\n          value={selectedDate}\n          onChange={setSelectedDate}\n          onOpenChange={setIsOpen}\n          {...{ picker, ...otherProps }}\n        />\n        <Button\n          className=\"ms-1\"\n          data-cy=\"neeto-molecules-calendar-view-next-button\"\n          disabled={isDateGreaterThanEnd}\n          icon={Right}\n          style=\"text\"\n          onClick={onNext}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default CustomDatePicker;\n","import { useEffect } from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport { Dropdown } from \"neetoui\";\nimport { prop, values } from \"ramda\";\n\nimport CustomDatePicker from \"./CustomDatePicker\";\n\nconst Header = ({\n  calendarRef,\n  selectedView,\n  setSelectedView,\n  setSelectedDate,\n  selectedDate,\n  calendarViewOptions,\n  validDates,\n}) => {\n  const { Menu, MenuItem } = Dropdown;\n\n  const handleViewSelection = option => {\n    setSelectedView(option);\n    calendarRef.current.calendar.changeView(option.fullCalendarView);\n  };\n\n  const navigateToSelectedDate = () =>\n    calendarRef?.current?.calendar?.gotoDate(selectedDate.format(\"YYYY-MM-DD\"));\n\n  useEffect(() => {\n    setTimeout(navigateToSelectedDate);\n  }, [selectedDate]);\n\n  return (\n    <div className=\"flex gap-x-4\">\n      <CustomDatePicker\n        {...{ selectedDate, setSelectedDate, validDates }}\n        getPopupContainer={prop(\"parentNode\")}\n        picker={selectedView.picker}\n      />\n      {Object.keys(calendarViewOptions).length > 1 && (\n        <Dropdown\n          buttonProps={{ \"data-testid\": \"calendar-view-dropdown\" }}\n          buttonStyle=\"secondary\"\n          label={capitalize(selectedView.label)}\n        >\n          <Menu>\n            {values(calendarViewOptions).map((option, idx) => (\n              <MenuItem.Button\n                isActive={selectedView === option}\n                key={idx}\n                onClick={() => handleViewSelection(option)}\n              >\n                {capitalize(option.label)}\n              </MenuItem.Button>\n            ))}\n          </Menu>\n        </Dropdown>\n      )}\n    </div>\n  );\n};\n\nexport default Header;\n","import { forwardRef, useRef, useState, useEffect } from \"react\";\n\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\nimport interactionPlugin from \"@fullcalendar/interaction\";\nimport FullCalendar from \"@fullcalendar/react\";\nimport timeGridPlugin from \"@fullcalendar/timegrid\";\nimport { noop } from \"neetocist\";\nimport { dayjs } from \"neetocommons/utils\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SubHeader from \"components/SubHeader\";\n\nimport \"./calendar-view.scss\";\nimport { VIEW_OPTIONS } from \"./constants\";\nimport Header from \"./Header\";\nimport { mergeRefs } from \"./utils\";\n\nconst CalendarView = forwardRef(\n  (\n    {\n      viewOptions = VIEW_OPTIONS,\n      events = [],\n      handleDateClick = noop,\n      handleEventClick = noop,\n      eventClassNames = \"\",\n      dayCellClassNames = \"\",\n      validDates = { start: null, end: null },\n      onDateChange = noop,\n      dayMaxEvents,\n      eventMaxStack,\n      hideHeader = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const calendarViewOptions = viewOptions || VIEW_OPTIONS;\n\n    const defaultView =\n      Object.values(calendarViewOptions).find(prop(\"default\")) ||\n      calendarViewOptions[Object.keys(calendarViewOptions)[0]];\n\n    const [selectedView, setSelectedView] = useState(defaultView);\n\n    const [selectedDate, setSelectedDate] = useState(dayjs());\n\n    const { t } = useTranslation();\n\n    const handleDateChange = date => {\n      setSelectedDate(prevDate => {\n        const newDate = typeof date === \"function\" ? date(prevDate) : date;\n        onDateChange(newDate);\n\n        return newDate;\n      });\n    };\n    const calendarWrapperRef = useRef(null);\n    const calendarRef = useRef();\n\n    useEffect(() => {\n      const calendarApi = calendarRef.current?.getApi?.();\n      const wrapperElement = calendarWrapperRef.current;\n\n      if (!calendarApi || !wrapperElement) return undefined;\n\n      const handleResize = () => {\n        calendarApi.updateSize();\n      };\n\n      const observer = new ResizeObserver(handleResize);\n\n      observer.observe(wrapperElement);\n\n      return () => {\n        observer.disconnect();\n      };\n    }, []);\n\n    return (\n      <div\n        className=\"flex-col\"\n        data-testid=\"calendar-view\"\n        ref={calendarWrapperRef}\n      >\n        {!hideHeader && (\n          <SubHeader\n            leftActionBlock={\n              <Typography style=\"h2\">\n                {selectedDate.format(\"MMMM, YYYY\")}\n              </Typography>\n            }\n            rightActionBlock={\n              <Header\n                {...{\n                  calendarRef,\n                  calendarViewOptions,\n                  selectedDate,\n                  selectedView,\n                  setSelectedDate,\n                  setSelectedView,\n                  validDates,\n                }}\n                setSelectedDate={handleDateChange}\n              />\n            }\n          />\n        )}\n        <FullCalendar\n          expandRows\n          allDayText={t(\"neetoMolecules.calendarView.allDay\")}\n          dateClick={handleDateClick}\n          dayHeaderClassNames=\"p-2\"\n          displayEventTime={false}\n          eventClick={handleEventClick}\n          headerToolbar={false}\n          height=\"auto\"\n          initialView={selectedView.fullCalendarView}\n          plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\n          ref={mergeRefs(ref, calendarRef)}\n          {...{\n            dayCellClassNames,\n            dayMaxEvents,\n            eventClassNames,\n            eventMaxStack,\n            events,\n            ...otherProps,\n          }}\n        />\n      </div>\n    );\n  }\n);\n\nCalendarView.displayName = \"CalendarView\";\n\nCalendarView.propTypes = {\n  /**\n   * Views to be listed in the dropdown. The default selected view can be set by adding `default: true` to the required view.\n   */\n  viewOptions: PropTypes.object,\n  /**\n   * An array of event objects that will be displayed on the calendar.\n   */\n  events: PropTypes.array,\n  /**\n   * Function to be triggered when the user clicks on a date or a time.\n   */\n  handleDateClick: PropTypes.func,\n  /**\n   * Function to be triggered when the user clicks an event.\n   */\n  handleEventClick: PropTypes.func,\n  /**\n   * A className input for adding classNames to the outermost event element.\n   */\n  eventClassNames: PropTypes.string,\n  /**\n   * A className input for adding classNames to the <td> cell.\n   */\n  dayCellClassNames: PropTypes.string,\n  /**\n   * In dayGrid view, the max number of events within a given day, not counting the +more link.\n   */\n  dayMaxEvents: PropTypes.number,\n  /**\n   * For timeline view, the maximum number of events that stack top-to-bottom. For timeGrid view, the maximum number of events that stack left-to-right.\n   */\n  eventMaxStack: PropTypes.number,\n  /**\n   * This function will be triggered with the new selected date passed as argument\n   */\n  onDateChange: PropTypes.func,\n  /**\n   * An object containing the start and end dates in which the range given is the valid range of selectable dates.\n   */\n  validDates: PropTypes.shape({\n    start: PropTypes.instanceOf(Date),\n    end: PropTypes.instanceOf(Date),\n  }),\n  /**\n   * This prop can be used to hide the header\n   */\n  hideHeader: PropTypes.bool,\n};\n\nexport default CalendarView;\n"],"names":["WEEKLY_VIEW","t","MONTHLY_VIEW","DAILY_VIEW","VIEW_OPTIONS","_defineProperty","label","fullCalendarView","picker","getWeekString","_ref","date","_ref$isStartOfWeek","isStartOfWeek","_ref$showMonth","showMonth","_ref$showYear","showYear","concat","format","getStartOfWeek","dayjs","startOf","getEndOfWeek","endOf","getFormattedMonthStr","getFormattedWeekRangeStr","startOfWeek","endOfWeek","shouldShowMonthsSeparately","month","shouldShowYearsSeparately","year","startOfWeekStr","endOfWeekStr","getFormattedDayStr","getFormattedRangeStr","formatFunctions","week","day","selectedFormatter","mergeRefs","_len","arguments","length","refs","Array","_key","node","filter","Boolean","forEach","ref","current","CustomDatePicker","selectedDate","setSelectedDate","validDates","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","datePickerRef","useRef","buttonRef","selectedRangeStr","start","end","isDateLessThanStart","isSameOrBefore","isDateGreaterThanEnd","isSameOrAfter","onPrevious","subtract","onNext","add","onToday","getDisabledDates","handleButtonMouseDown","e","contains","target","stopPropagation","focus","_jsxs","className","children","_jsx","Button","style","onClick","disabled","icon","Left","Down","onMouseDown","Typography","DatePicker","_objectSpread","defaultValue","disabledDate","open","placement","value","onChange","onOpenChange","Right","Header","calendarRef","selectedView","setSelectedView","calendarViewOptions","Menu","Dropdown","MenuItem","handleViewSelection","option","calendar","changeView","navigateToSelectedDate","_calendarRef$current","gotoDate","useEffect","setTimeout","getPopupContainer","prop","Object","keys","buttonProps","buttonStyle","capitalize","values","map","idx","isActive","CalendarView","forwardRef","_ref$viewOptions","viewOptions","_ref$events","events","_ref$handleDateClick","handleDateClick","noop","_ref$handleEventClick","handleEventClick","_ref$eventClassNames","eventClassNames","_ref$dayCellClassName","dayCellClassNames","_ref$validDates","_ref$onDateChange","onDateChange","dayMaxEvents","eventMaxStack","_ref$hideHeader","hideHeader","defaultView","find","_useState3","_useState4","_useTranslation","useTranslation","handleDateChange","prevDate","newDate","calendarWrapperRef","_calendarRef$current$","calendarApi","getApi","call","wrapperElement","undefined","handleResize","updateSize","observer","ResizeObserver","observe","disconnect","SubHeader","leftActionBlock","rightActionBlock","FullCalendar","expandRows","allDayText","dateClick","dayHeaderClassNames","displayEventTime","eventClick","headerToolbar","height","initialView","plugins","dayGridPlugin","timeGridPlugin","interactionPlugin","displayName"],"mappings":"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"}
+{"version":3,"file":"CalendarView.js","sources":["../../src/components/CalendarView/constants.js","../../src/components/CalendarView/utils.js","../../src/components/CalendarView/CustomDatePicker.jsx","../../src/components/CalendarView/Header.jsx","../../src/components/CalendarView/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nconst WEEKLY_VIEW = t(\"neetoMolecules.calendarView.weekly\");\nconst MONTHLY_VIEW = t(\"neetoMolecules.calendarView.monthly\");\nconst DAILY_VIEW = t(\"neetoMolecules.calendarView.daily\");\n\nexport const VIEW_OPTIONS = {\n  [DAILY_VIEW]: {\n    label: DAILY_VIEW,\n    fullCalendarView: \"timeGridDay\",\n    picker: \"day\",\n  },\n  [WEEKLY_VIEW]: {\n    label: WEEKLY_VIEW,\n    fullCalendarView: \"timeGridWeek\",\n    picker: \"week\",\n  },\n  [MONTHLY_VIEW]: {\n    label: MONTHLY_VIEW,\n    fullCalendarView: \"dayGridMonth\",\n    picker: \"month\",\n  },\n};\n","import { dayjs } from \"neetocommons/utils\";\n\nconst getWeekString = ({\n  date,\n  isStartOfWeek = true,\n  showMonth = false,\n  showYear = false,\n}) =>\n  `${showMonth || isStartOfWeek ? date.format(\"MMM\") : \"\"} ${date.date()} ${\n    showYear || !isStartOfWeek ? date.format(\"YYYY\") : \"\"\n  }`;\n\nexport const getStartOfWeek = date => dayjs(date).startOf(\"week\");\n\nexport const getEndOfWeek = date => dayjs(date).endOf(\"week\");\n\nexport const getFormattedMonthStr = date => date.format(\"MMM YYYY\");\n\nexport const getFormattedWeekRangeStr = date => {\n  const startOfWeek = getStartOfWeek(date);\n  const endOfWeek = getEndOfWeek(date);\n\n  const shouldShowMonthsSeparately = startOfWeek.month() !== endOfWeek.month();\n  const shouldShowYearsSeparately = startOfWeek.year() !== endOfWeek.year();\n\n  const startOfWeekStr = getWeekString({\n    date: startOfWeek,\n    showMonth: shouldShowMonthsSeparately,\n    showYear: shouldShowYearsSeparately,\n  });\n\n  const endOfWeekStr = getWeekString({\n    date: endOfWeek,\n    isStartOfWeek: false,\n    showMonth: shouldShowMonthsSeparately,\n    showYear: shouldShowYearsSeparately,\n  });\n\n  return `${startOfWeekStr} - ${endOfWeekStr}`;\n};\n\nexport const getFormattedDayStr = date => date.format(\"DD MMM YYYY\");\n\nexport const getFormattedRangeStr = (date, picker) => {\n  const formatFunctions = {\n    month: getFormattedMonthStr,\n    week: getFormattedWeekRangeStr,\n    day: getFormattedDayStr,\n  };\n  const selectedFormatter = formatFunctions[picker];\n\n  return selectedFormatter(date);\n};\n\nexport const mergeRefs =\n  (...refs) =>\n  node =>\n    refs\n      .filter(Boolean)\n      .forEach(ref =>\n        typeof ref === \"function\" ? ref(node) : (ref.current = node)\n      );\n","import { useRef, useState } from \"react\";\n\nimport { dayjs } from \"neetocommons/utils\";\nimport { Down, Left, Right } from \"neetoicons\";\nimport { Typography, Button, DatePicker } from \"neetoui\";\n\nimport { getFormattedRangeStr } from \"./utils\";\n\nconst CustomDatePicker = ({\n  selectedDate,\n  setSelectedDate,\n  picker,\n  validDates,\n  ...otherProps\n}) => {\n  const [isOpen, setIsOpen] = useState(false);\n\n  const datePickerRef = useRef(null);\n  const buttonRef = useRef(null);\n\n  const selectedRangeStr = getFormattedRangeStr(selectedDate, picker);\n\n  const { start, end } = validDates;\n\n  const isDateLessThanStart =\n    start && selectedDate.isSameOrBefore(dayjs(start), picker);\n\n  const isDateGreaterThanEnd =\n    end && selectedDate.isSameOrAfter(dayjs(end), picker);\n\n  const onPrevious = () =>\n    setSelectedDate(selectedDate => selectedDate.subtract(1, picker));\n\n  const onNext = () =>\n    setSelectedDate(selectedDate => selectedDate.add(1, picker));\n\n  const onToday = () => setSelectedDate(dayjs());\n\n  const getDisabledDates = date => {\n    if (!date) return false;\n\n    return (start && date <= start) || (end && date >= end);\n  };\n\n  const handleButtonMouseDown = e => {\n    if (!(buttonRef.current && buttonRef.current.contains(e.target))) return;\n    e.stopPropagation();\n    if (isOpen) datePickerRef.current.focus();\n  };\n\n  return (\n    <div className=\"flex items-center justify-start gap-x-4\">\n      <Button\n        data-cy=\"neeto-molecules-calendar-view-today-button\"\n        label=\"Today\"\n        style=\"secondary\"\n        onClick={onToday}\n      />\n      <div className=\"flex\">\n        <Button\n          className=\"me-1\"\n          data-cy=\"neeto-molecules-calendar-view-previous-button\"\n          data-testid=\"neeto-molecules-calendar-view-previous-button\"\n          disabled={isDateLessThanStart}\n          icon={() => <Left className=\"rtl:scale-x-[-1]\" size={20} />}\n          style=\"text\"\n          onClick={onPrevious}\n        />\n        <Button\n          className=\"min-w-52 justify-center\"\n          data-cy=\"neeto-molecules-calendar-view-date-picker-button\"\n          icon={Down}\n          ref={buttonRef}\n          style=\"text\"\n          onClick={() => setIsOpen(isOpen => !isOpen)}\n          onMouseDown={handleButtonMouseDown}\n        >\n          <Typography\n            data-cy=\"neeto-molecules-calendar-view-date-picker-button-label\"\n            style=\"h5\"\n          >\n            {selectedRangeStr}\n          </Typography>\n        </Button>\n        <DatePicker\n          className=\"invisible w-0 px-0\"\n          defaultValue={selectedDate}\n          disabledDate={getDisabledDates}\n          open={isOpen}\n          placement=\"topRight\"\n          ref={datePickerRef}\n          value={selectedDate}\n          onChange={setSelectedDate}\n          onOpenChange={setIsOpen}\n          {...{ picker, ...otherProps }}\n        />\n        <Button\n          className=\"ms-1\"\n          data-cy=\"neeto-molecules-calendar-view-next-button\"\n          disabled={isDateGreaterThanEnd}\n          icon={() => <Right className=\"rtl:scale-x-[-1]\" size={20} />}\n          style=\"text\"\n          onClick={onNext}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default CustomDatePicker;\n","import { useEffect } from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport { Dropdown } from \"neetoui\";\nimport { prop, values } from \"ramda\";\n\nimport CustomDatePicker from \"./CustomDatePicker\";\n\nconst Header = ({\n  calendarRef,\n  selectedView,\n  setSelectedView,\n  setSelectedDate,\n  selectedDate,\n  calendarViewOptions,\n  validDates,\n}) => {\n  const { Menu, MenuItem } = Dropdown;\n\n  const handleViewSelection = option => {\n    setSelectedView(option);\n    calendarRef.current.calendar.changeView(option.fullCalendarView);\n  };\n\n  const navigateToSelectedDate = () =>\n    calendarRef?.current?.calendar?.gotoDate(selectedDate.format(\"YYYY-MM-DD\"));\n\n  useEffect(() => {\n    setTimeout(navigateToSelectedDate);\n  }, [selectedDate]);\n\n  return (\n    <div className=\"flex gap-x-4\">\n      <CustomDatePicker\n        {...{ selectedDate, setSelectedDate, validDates }}\n        getPopupContainer={prop(\"parentNode\")}\n        picker={selectedView.picker}\n      />\n      {Object.keys(calendarViewOptions).length > 1 && (\n        <Dropdown\n          buttonProps={{ \"data-testid\": \"calendar-view-dropdown\" }}\n          buttonStyle=\"secondary\"\n          label={capitalize(selectedView.label)}\n        >\n          <Menu>\n            {values(calendarViewOptions).map((option, idx) => (\n              <MenuItem.Button\n                isActive={selectedView === option}\n                key={idx}\n                onClick={() => handleViewSelection(option)}\n              >\n                {capitalize(option.label)}\n              </MenuItem.Button>\n            ))}\n          </Menu>\n        </Dropdown>\n      )}\n    </div>\n  );\n};\n\nexport default Header;\n","import { forwardRef, useRef, useState, useEffect } from \"react\";\n\nimport dayGridPlugin from \"@fullcalendar/daygrid\";\nimport interactionPlugin from \"@fullcalendar/interaction\";\nimport FullCalendar from \"@fullcalendar/react\";\nimport timeGridPlugin from \"@fullcalendar/timegrid\";\nimport { noop } from \"neetocist\";\nimport { dayjs } from \"neetocommons/utils\";\nimport { Typography } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { prop } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport SubHeader from \"components/SubHeader\";\n\nimport \"./calendar-view.scss\";\nimport { VIEW_OPTIONS } from \"./constants\";\nimport Header from \"./Header\";\nimport { mergeRefs } from \"./utils\";\n\nconst CalendarView = forwardRef(\n  (\n    {\n      viewOptions = VIEW_OPTIONS,\n      events = [],\n      handleDateClick = noop,\n      handleEventClick = noop,\n      eventClassNames = \"\",\n      dayCellClassNames = \"\",\n      validDates = { start: null, end: null },\n      onDateChange = noop,\n      dayMaxEvents,\n      eventMaxStack,\n      hideHeader = false,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const calendarViewOptions = viewOptions || VIEW_OPTIONS;\n\n    const defaultView =\n      Object.values(calendarViewOptions).find(prop(\"default\")) ||\n      calendarViewOptions[Object.keys(calendarViewOptions)[0]];\n\n    const [selectedView, setSelectedView] = useState(defaultView);\n\n    const [selectedDate, setSelectedDate] = useState(dayjs());\n\n    const { t } = useTranslation();\n\n    const handleDateChange = date => {\n      setSelectedDate(prevDate => {\n        const newDate = typeof date === \"function\" ? date(prevDate) : date;\n        onDateChange(newDate);\n\n        return newDate;\n      });\n    };\n    const calendarWrapperRef = useRef(null);\n    const calendarRef = useRef();\n\n    useEffect(() => {\n      const calendarApi = calendarRef.current?.getApi?.();\n      const wrapperElement = calendarWrapperRef.current;\n\n      if (!calendarApi || !wrapperElement) return undefined;\n\n      const handleResize = () => {\n        calendarApi.updateSize();\n      };\n\n      const observer = new ResizeObserver(handleResize);\n\n      observer.observe(wrapperElement);\n\n      return () => {\n        observer.disconnect();\n      };\n    }, []);\n\n    return (\n      <div\n        className=\"flex-col\"\n        data-testid=\"calendar-view\"\n        ref={calendarWrapperRef}\n      >\n        {!hideHeader && (\n          <SubHeader\n            leftActionBlock={\n              <Typography style=\"h2\">\n                {selectedDate.format(\"MMMM, YYYY\")}\n              </Typography>\n            }\n            rightActionBlock={\n              <Header\n                {...{\n                  calendarRef,\n                  calendarViewOptions,\n                  selectedDate,\n                  selectedView,\n                  setSelectedDate,\n                  setSelectedView,\n                  validDates,\n                }}\n                setSelectedDate={handleDateChange}\n              />\n            }\n          />\n        )}\n        <FullCalendar\n          expandRows\n          allDayText={t(\"neetoMolecules.calendarView.allDay\")}\n          dateClick={handleDateClick}\n          dayHeaderClassNames=\"p-2\"\n          displayEventTime={false}\n          eventClick={handleEventClick}\n          headerToolbar={false}\n          height=\"auto\"\n          initialView={selectedView.fullCalendarView}\n          plugins={[dayGridPlugin, timeGridPlugin, interactionPlugin]}\n          ref={mergeRefs(ref, calendarRef)}\n          {...{\n            dayCellClassNames,\n            dayMaxEvents,\n            eventClassNames,\n            eventMaxStack,\n            events,\n            ...otherProps,\n          }}\n        />\n      </div>\n    );\n  }\n);\n\nCalendarView.displayName = \"CalendarView\";\n\nCalendarView.propTypes = {\n  /**\n   * Views to be listed in the dropdown. The default selected view can be set by adding `default: true` to the required view.\n   */\n  viewOptions: PropTypes.object,\n  /**\n   * An array of event objects that will be displayed on the calendar.\n   */\n  events: PropTypes.array,\n  /**\n   * Function to be triggered when the user clicks on a date or a time.\n   */\n  handleDateClick: PropTypes.func,\n  /**\n   * Function to be triggered when the user clicks an event.\n   */\n  handleEventClick: PropTypes.func,\n  /**\n   * A className input for adding classNames to the outermost event element.\n   */\n  eventClassNames: PropTypes.string,\n  /**\n   * A className input for adding classNames to the <td> cell.\n   */\n  dayCellClassNames: PropTypes.string,\n  /**\n   * In dayGrid view, the max number of events within a given day, not counting the +more link.\n   */\n  dayMaxEvents: PropTypes.number,\n  /**\n   * For timeline view, the maximum number of events that stack top-to-bottom. For timeGrid view, the maximum number of events that stack left-to-right.\n   */\n  eventMaxStack: PropTypes.number,\n  /**\n   * This function will be triggered with the new selected date passed as argument\n   */\n  onDateChange: PropTypes.func,\n  /**\n   * An object containing the start and end dates in which the range given is the valid range of selectable dates.\n   */\n  validDates: PropTypes.shape({\n    start: PropTypes.instanceOf(Date),\n    end: PropTypes.instanceOf(Date),\n  }),\n  /**\n   * This prop can be used to hide the header\n   */\n  hideHeader: PropTypes.bool,\n};\n\nexport default CalendarView;\n"],"names":["WEEKLY_VIEW","t","MONTHLY_VIEW","DAILY_VIEW","VIEW_OPTIONS","_defineProperty","label","fullCalendarView","picker","getWeekString","_ref","date","_ref$isStartOfWeek","isStartOfWeek","_ref$showMonth","showMonth","_ref$showYear","showYear","concat","format","getStartOfWeek","dayjs","startOf","getEndOfWeek","endOf","getFormattedMonthStr","getFormattedWeekRangeStr","startOfWeek","endOfWeek","shouldShowMonthsSeparately","month","shouldShowYearsSeparately","year","startOfWeekStr","endOfWeekStr","getFormattedDayStr","getFormattedRangeStr","formatFunctions","week","day","selectedFormatter","mergeRefs","_len","arguments","length","refs","Array","_key","node","filter","Boolean","forEach","ref","current","CustomDatePicker","selectedDate","setSelectedDate","validDates","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","datePickerRef","useRef","buttonRef","selectedRangeStr","start","end","isDateLessThanStart","isSameOrBefore","isDateGreaterThanEnd","isSameOrAfter","onPrevious","subtract","onNext","add","onToday","getDisabledDates","handleButtonMouseDown","e","contains","target","stopPropagation","focus","_jsxs","className","children","_jsx","Button","style","onClick","disabled","icon","Left","size","Down","onMouseDown","Typography","DatePicker","_objectSpread","defaultValue","disabledDate","open","placement","value","onChange","onOpenChange","Right","Header","calendarRef","selectedView","setSelectedView","calendarViewOptions","Menu","Dropdown","MenuItem","handleViewSelection","option","calendar","changeView","navigateToSelectedDate","_calendarRef$current","gotoDate","useEffect","setTimeout","getPopupContainer","prop","Object","keys","buttonProps","buttonStyle","capitalize","values","map","idx","isActive","CalendarView","forwardRef","_ref$viewOptions","viewOptions","_ref$events","events","_ref$handleDateClick","handleDateClick","noop","_ref$handleEventClick","handleEventClick","_ref$eventClassNames","eventClassNames","_ref$dayCellClassName","dayCellClassNames","_ref$validDates","_ref$onDateChange","onDateChange","dayMaxEvents","eventMaxStack","_ref$hideHeader","hideHeader","defaultView","find","_useState3","_useState4","_useTranslation","useTranslation","handleDateChange","prevDate","newDate","calendarWrapperRef","_calendarRef$current$","calendarApi","getApi","call","wrapperElement","undefined","handleResize","updateSize","observer","ResizeObserver","observe","disconnect","SubHeader","leftActionBlock","rightActionBlock","FullCalendar","expandRows","allDayText","dateClick","dayHeaderClassNames","displayEventTime","eventClick","headerToolbar","height","initialView","plugins","dayGridPlugin","timeGridPlugin","interactionPlugin","displayName"],"mappings":"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"}

package/dist/cjs/ShareRecordingPane.js

@@ -12,16 +12,16 @@ var React = require('react');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var Label = require('@bigbinary/neetoui/Label');
 var Input = require('@bigbinary/neetoui/Input');
-var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Switch = require('@bigbinary/neetoui/Switch');
+var Button = require('@bigbinary/neetoui/Button');
 var ramda = require('ramda');
+var CardLayout = require('./CardLayout.js');
 var CopyToClipboardButton = require('./CopyToClipboardButton.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('classnames');
 require('@bigbinary/neeto-commons-frontend/utils/general');
 require('@bigbinary/neeto-icons/Copy');
 require('@bigbinary/neeto-icons/Check');
-require('@bigbinary/neetoui/Button');
 require('./inject-css-B6qYtOJe.js');
 
 var ONE_SECOND = 1;
@@ -76,6 +76,7 @@ var SharePaneBody = function SharePaneBody(_ref) {
     totalDuration = _ref.totalDuration,
     getCurrentTimestamp = _ref.getCurrentTimestamp,
     isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
     Preview = _ref.preview,
     enableAutoplayAndMuteFlags = _ref.enableAutoplayAndMuteFlags;
   var _useTranslation = reactI18next.useTranslation(),
@@ -117,84 +118,116 @@ var SharePaneBody = function SharePaneBody(_ref) {
     if (timeInSeconds > totalDuration) {
       timeInSeconds = totalDuration;
     }
-    setCurrentPlaybackTime(timeInSeconds);
     setRawInput(formatTime(timeInSeconds, showHours));
   };
   var handleKeyDown = function handleKeyDown(e) {
     if (e.key !== "Enter") return;
     formatAndSetTime();
   };
-  React.useEffect(function () {
-    if (ramda.not(isOpen)) return;
-    setCurrentPlaybackTime(currentTimestamp > 0 ? currentTimestamp : 0);
-    setRawInput(formatTime(currentTimestamp > 0 ? currentTimestamp : 0, showHours));
-  }, [isOpen, showHours, currentTimestamp]);
-  React.useEffect(function () {
+  var generateUrls = React.useCallback(function (timeInSeconds, urlParams) {
     var playbackUrls = recordingUrls.map(function (recordingUrl) {
       return utils.buildUrl(recordingUrl, {
-        time: currentPlaybackTime,
-        muted: muted ? 1 : undefined,
-        autoplay: autoplay ? 1 : undefined
+        time: timeInSeconds,
+        muted: urlParams.muted ? 1 : undefined,
+        autoplay: urlParams.autoplay ? 1 : undefined
       });
     });
     setShareLinks(playbackUrls);
-  }, [recordingUrls, currentPlaybackTime, muted, autoplay]);
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [shareLinks.map(function (shareLink, index) {
-      return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg mb-2 flex w-full items-center justify-between gap-1 p-2",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Tooltip, {
-          content: shareLink,
-          children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-            className: "truncate",
-            style: "body2",
-            children: shareLink
-          })
-        }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
-          className: "flex-shrink-0",
+  }, [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-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+      title: t("neetoMolecules.shareRecording.configureUrlParameters"),
+      actionBlock: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center gap-x-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
+          "data-cy": "regenerate-url-button",
+          label: t("neetoMolecules.shareRecording.regenerateUrl"),
+          onClick: handleRegenerateUrl
+        }), /*#__PURE__*/jsxRuntime.jsx(Button, {
+          "data-cy": "cancel-button",
+          label: t("neetoMolecules.shareRecording.cancel"),
           style: "secondary",
-          value: shareLink
+          onClick: onClose
         })]
-      }, index);
+      }),
+      description: t("neetoMolecules.shareRecording.configureUrlParametersDescription"),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-y-4",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-x-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+            children: t("neetoMolecules.shareRecording.startVideoAt")
+          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+            unlimitedChars: true,
+            className: "w-40",
+            "data-cy": "time-input",
+            placeholder: showHours ? "HH:MM:SS" : "MM:SS",
+            value: rawInput,
+            onBlur: formatAndSetTime,
+            onChange: handlePlaybackTimestampChange,
+            onKeyDown: handleKeyDown
+          })]
+        }), enableAutoplayAndMuteFlags && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Switch, {
+            checked: muted,
+            "data-cy": "muted-checkbox",
+            id: "muted",
+            label: t("neetoMolecules.shareRecording.muted"),
+            name: "muted",
+            onChange: function onChange(e) {
+              return handleFlagsChange("muted", e.target.checked);
+            }
+          }), /*#__PURE__*/jsxRuntime.jsx(Switch, {
+            checked: autoplay,
+            "data-cy": "autoplay-checkbox",
+            id: "autoplay",
+            label: t("neetoMolecules.shareRecording.autoplay"),
+            name: "autoplay",
+            onChange: function onChange(e) {
+              return handleFlagsChange("autoplay", e.target.checked);
+            }
+          })]
+        })]
+      })
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex items-center gap-x-2",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
-        children: t("neetoMolecules.shareRecording.checkboxLabel")
-      }), /*#__PURE__*/jsxRuntime.jsx(Input, {
-        className: "w-40",
-        "data-cy": "time-input",
-        placeholder: showHours ? "HH:MM:SS" : "MM:SS",
-        value: rawInput,
-        onBlur: formatAndSetTime,
-        onChange: handlePlaybackTimestampChange,
-        onKeyDown: handleKeyDown
-      })]
-    }), enableAutoplayAndMuteFlags && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "mt-3 flex flex-col gap-y-4",
-      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex items-center gap-x-2",
-        children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
-          checked: muted,
-          "data-cy": "muted-checkbox",
-          id: "muted",
-          label: t("neetoMolecules.shareRecording.muted"),
-          name: "muted",
-          onChange: function onChange(e) {
-            return handleFlagsChange("muted", e.target.checked);
-          }
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "flex items-center gap-x-2",
-        children: /*#__PURE__*/jsxRuntime.jsx(Switch, {
-          checked: autoplay,
-          "data-cy": "autoplay-checkbox",
-          id: "autoplay",
-          label: t("neetoMolecules.shareRecording.autoplay"),
-          name: "autoplay",
-          onChange: function onChange(e) {
-            return handleFlagsChange("autoplay", e.target.checked);
-          }
-        })
+      className: "flex flex-col gap-y-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        style: "h3",
+        children: t("neetoMolecules.shareRecording.generatedUrls")
+      }), shareLinks.map(function (shareLink, index) {
+        return /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex w-full items-center justify-between gap-1 p-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            className: "min-w-0 flex-1 break-words",
+            style: "body2",
+            children: shareLink
+          }), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
+            className: "flex-shrink-0",
+            style: "secondary",
+            value: shareLink
+          })]
+        }, index);
       })]
     }), Preview && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-y-2 pt-2",
@@ -249,6 +282,7 @@ var ShareRecordingPane = function ShareRecordingPane(_ref) {
         enableAutoplayAndMuteFlags: enableAutoplayAndMuteFlags,
         getCurrentTimestamp: getCurrentTimestamp,
         isOpen: isOpen,
+        onClose: onClose,
         preview: preview,
         totalDuration: totalDuration,
         recordingUrls: recordingUrlsToShare

package/dist/cjs/ShareRecordingPane.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareRecordingPane.js","sources":["../../src/components/ShareRecordingPane/constants.js","../../src/components/ShareRecordingPane/utils.js","../../src/components/ShareRecordingPane/SharePaneBody.jsx","../../src/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 } from \"react\";\n\nimport { buildUrl } from \"neetocommons/utils\";\nimport { Label, Typography, Input, Tooltip, Switch } from \"neetoui\";\nimport { assoc, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport {\n  formatTime,\n  parseTime,\n  shouldRenderHoursInput,\n  validateInput,\n} from \"./utils\";\n\nconst SharePaneBody = ({\n  recordingUrls,\n  totalDuration,\n  getCurrentTimestamp,\n  isOpen,\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    setCurrentPlaybackTime(timeInSeconds);\n    setRawInput(formatTime(timeInSeconds, showHours));\n  };\n\n  const handleKeyDown = e => {\n    if (e.key !== \"Enter\") return;\n    formatAndSetTime();\n  };\n\n  useEffect(() => {\n    if (not(isOpen)) return;\n\n    setCurrentPlaybackTime(currentTimestamp > 0 ? currentTimestamp : 0);\n    setRawInput(\n      formatTime(currentTimestamp > 0 ? currentTimestamp : 0, showHours)\n    );\n  }, [isOpen, showHours, currentTimestamp]);\n\n  useEffect(() => {\n    const playbackUrls = recordingUrls.map(recordingUrl =>\n      buildUrl(recordingUrl, {\n        time: currentPlaybackTime,\n        muted: muted ? 1 : undefined,\n        autoplay: autoplay ? 1 : undefined,\n      })\n    );\n\n    setShareLinks(playbackUrls);\n  }, [recordingUrls, currentPlaybackTime, muted, autoplay]);\n\n  return (\n    <>\n      {shareLinks.map((shareLink, index) => (\n        <div\n          className=\"neeto-ui-bg-gray-100 neeto-ui-rounded-lg mb-2 flex w-full items-center justify-between gap-1 p-2\"\n          key={index}\n        >\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            value={shareLink}\n          />\n        </div>\n      ))}\n      <div className=\"flex items-center gap-x-2\">\n        <Label>{t(\"neetoMolecules.shareRecording.checkboxLabel\")}</Label>\n        <Input\n          className=\"w-40\"\n          data-cy=\"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=\"mt-3 flex flex-col gap-y-4\">\n          <div className=\"flex items-center gap-x-2\">\n            <Switch\n              checked={muted}\n              data-cy=\"muted-checkbox\"\n              id=\"muted\"\n              label={t(\"neetoMolecules.shareRecording.muted\")}\n              name=\"muted\"\n              onChange={e => handleFlagsChange(\"muted\", e.target.checked)}\n            />\n          </div>\n          <div className=\"flex items-center gap-x-2\">\n            <Switch\n              checked={autoplay}\n              data-cy=\"autoplay-checkbox\"\n              id=\"autoplay\"\n              label={t(\"neetoMolecules.shareRecording.autoplay\")}\n              name=\"autoplay\"\n              onChange={e => handleFlagsChange(\"autoplay\", e.target.checked)}\n            />\n          </div>\n        </div>\n      )}\n      {Preview && (\n        <div className=\"flex flex-col gap-y-2 pt-2\">\n          <Label>{t(\"neetoMolecules.shareRecording.preview\")}</Label>\n          <Preview {...{ currentPlaybackTime }} />\n        </div>\n      )}\n    </>\n  );\n};\n\nexport default SharePaneBody;\n","/* eslint-disable @bigbinary/neeto/no-dumb-components-with-use-translation */\nimport { isNotEmpty } from \"neetocist\";\nimport { Pane, Typography, Spinner } from \"neetoui\";\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    <Pane {...{ isOpen, onClose, size, ...otherProps }} data-cy=\"share-pane\">\n      <Pane.Header>\n        <Typography style=\"h2\">\n          {t(\"neetoMolecules.shareRecording.title\")}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body className=\"flex flex-col gap-y-2\">\n        {isLoading ? (\n          <Spinner className=\"mx-auto\" />\n        ) : (\n          <SharePaneBody\n            {...{\n              enableAutoplayAndMuteFlags,\n              getCurrentTimestamp,\n              isOpen,\n              preview,\n              totalDuration,\n            }}\n            recordingUrls={recordingUrlsToShare}\n          />\n        )}\n      </Pane.Body>\n    </Pane>\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","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","useEffect","not","playbackUrls","recordingUrl","buildUrl","time","_jsxs","_Fragment","children","shareLink","index","className","_jsx","Tooltip","content","Typography","style","CopyToClipboardButton","Label","Input","placeholder","onBlur","onChange","onKeyDown","Switch","checked","id","label","name","ShareRecordingPane","_ref$recordingUrl","_ref$recordingUrls","onClose","_ref$isLoading","isLoading","_ref$enableAutoplayAn","_ref$size","size","otherProps","_objectWithoutProperties","_excluded","recordingUrlsToShare","isNotEmpty","Pane","_objectSpread","Header","Body","Spinner"],"mappings":"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"}
+{"version":3,"file":"ShareRecordingPane.js","sources":["../../src/components/ShareRecordingPane/constants.js","../../src/components/ShareRecordingPane/utils.js","../../src/components/ShareRecordingPane/SharePaneBody.jsx","../../src/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 { buildUrl } from \"neetocommons/utils\";\nimport { Label, Typography, Input, Switch, Button } from \"neetoui\";\nimport { assoc, not } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport CardLayout from \"components/CardLayout\";\nimport CopyToClipboardButton from \"components/CopyToClipboardButton\";\n\nimport {\n  formatTime,\n  parseTime,\n  shouldRenderHoursInput,\n  validateInput,\n} from \"./utils\";\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-y-6\">\n      <CardLayout\n        title={t(\"neetoMolecules.shareRecording.configureUrlParameters\")}\n        actionBlock={\n          <div className=\"flex items-center gap-x-2\">\n            <Button\n              data-cy=\"regenerate-url-button\"\n              label={t(\"neetoMolecules.shareRecording.regenerateUrl\")}\n              onClick={handleRegenerateUrl}\n            />\n            <Button\n              data-cy=\"cancel-button\"\n              label={t(\"neetoMolecules.shareRecording.cancel\")}\n              style=\"secondary\"\n              onClick={onClose}\n            />\n          </div>\n        }\n        description={t(\n          \"neetoMolecules.shareRecording.configureUrlParametersDescription\"\n        )}\n      >\n        <div className=\"flex flex-col gap-y-4\">\n          <div className=\"flex items-center gap-x-2\">\n            <Label>{t(\"neetoMolecules.shareRecording.startVideoAt\")}</Label>\n            <Input\n              unlimitedChars\n              className=\"w-40\"\n              data-cy=\"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            <>\n              <Switch\n                checked={muted}\n                data-cy=\"muted-checkbox\"\n                id=\"muted\"\n                label={t(\"neetoMolecules.shareRecording.muted\")}\n                name=\"muted\"\n                onChange={e => handleFlagsChange(\"muted\", e.target.checked)}\n              />\n              <Switch\n                checked={autoplay}\n                data-cy=\"autoplay-checkbox\"\n                id=\"autoplay\"\n                label={t(\"neetoMolecules.shareRecording.autoplay\")}\n                name=\"autoplay\"\n                onChange={e => handleFlagsChange(\"autoplay\", e.target.checked)}\n              />\n            </>\n          )}\n        </div>\n      </CardLayout>\n      <div className=\"flex flex-col gap-y-2\">\n        <Typography style=\"h3\">\n          {t(\"neetoMolecules.shareRecording.generatedUrls\")}\n        </Typography>\n        {shareLinks.map((shareLink, index) => (\n          <div\n            className=\"neeto-ui-bg-gray-100 neeto-ui-rounded-lg flex w-full items-center justify-between gap-1 p-2\"\n            key={index}\n          >\n            <Typography className=\"min-w-0 flex-1 break-words\" style=\"body2\">\n              {shareLink}\n            </Typography>\n            <CopyToClipboardButton\n              className=\"flex-shrink-0\"\n              style=\"secondary\"\n              value={shareLink}\n            />\n          </div>\n        ))}\n      </div>\n      {Preview && (\n        <div className=\"flex flex-col gap-y-2 pt-2\">\n          <Label>{t(\"neetoMolecules.shareRecording.preview\")}</Label>\n          <Preview {...{ currentPlaybackTime }} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default SharePaneBody;\n","import { isNotEmpty } from \"neetocist\";\nimport { Pane, Typography, Spinner } from \"neetoui\";\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    <Pane {...{ isOpen, onClose, size, ...otherProps }} data-cy=\"share-pane\">\n      <Pane.Header>\n        <Typography style=\"h2\">\n          {t(\"neetoMolecules.shareRecording.title\")}\n        </Typography>\n      </Pane.Header>\n      <Pane.Body className=\"flex flex-col gap-y-2\">\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      </Pane.Body>\n    </Pane>\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","CardLayout","title","actionBlock","Button","label","onClick","style","description","Label","Input","unlimitedChars","placeholder","onBlur","onChange","onKeyDown","_Fragment","Switch","checked","id","name","Typography","shareLink","index","CopyToClipboardButton","ShareRecordingPane","_ref$recordingUrl","_ref$recordingUrls","_ref$isLoading","isLoading","_ref$enableAutoplayAn","_ref$size","size","otherProps","_objectWithoutProperties","_excluded","recordingUrlsToShare","isNotEmpty","Pane","_objectSpread","Header","Body","Spinner"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-molecules",
-  "version": "4.0.95",
+  "version": "4.0.97",
   "description": "A package of reusable molecular components for neeto products.",
   "repository": "git@github.com:bigbinary/neeto-molecules.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/src/translations/ar.json

@@ -74,7 +74,13 @@
       "tooltipContent": "نسخ الرابط",
       "successTooltipContent": "تم نسخ الرابط",
       "muted": "مشاركة الفيديو بدون صوت",
-      "autoplay": "التشغيل التلقائي"
+      "autoplay": "التشغيل التلقائي",
+      "startVideoAt": "ابدأ الفيديو عند",
+      "configureUrlParameters": "تكوين معلمات URL",
+      "configureUrlParametersDescription": "يتم إنشاء عناوين URL بناءً على التكوين أدناه. قم بتحديث التكوين لإعادة إنشائها.",
+      "generatedUrls": "عناوين URL المُنشأة",
+      "regenerateUrl": "إعادة إنشاء عنوان URL",
+      "cancel": "إلغاء"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/ca.json

@@ -74,7 +74,13 @@
       "tooltipContent": "Copia l'enllaç",
       "successTooltipContent": "Enllaç copiat",
       "muted": "Comparteix el vídeo en silenci",
-      "autoplay": "Reproducció automàtica"
+      "autoplay": "Reproducció automàtica",
+      "startVideoAt": "Comença el vídeo a",
+      "configureUrlParameters": "Configura els paràmetres de l'URL",
+      "configureUrlParametersDescription": "Les URLs es generen en funció de la configuració següent. Actualitza la configuració per regenerar-les.",
+      "generatedUrls": "URLs generades",
+      "regenerateUrl": "Regenerar URL",
+      "cancel": "Cancel·lar"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/cs.json

@@ -74,7 +74,13 @@
       "tooltipContent": "Kopírovat odkaz",
       "successTooltipContent": "Odkaz zkopírován",
       "muted": "Sdílet video bez zvuku",
-      "autoplay": "Automatické přehrávání"
+      "autoplay": "Automatické přehrávání",
+      "startVideoAt": "Spustit video na",
+      "configureUrlParameters": "Nastavit parametry URL",
+      "configureUrlParametersDescription": "URL adresy jsou generovány na základě níže uvedené konfigurace. Aktualizujte konfiguraci, aby se regenerovaly.",
+      "generatedUrls": "Generované URL adresy",
+      "regenerateUrl": "Regenerovat URL",
+      "cancel": "Zrušit"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/da.json

@@ -74,7 +74,13 @@
       "tooltipContent": "Kopier link",
       "successTooltipContent": "Link kopieret",
       "muted": "Del videoen uden lyd",
-      "autoplay": "Autoplay"
+      "autoplay": "Autoplay",
+      "startVideoAt": "Start video ved",
+      "configureUrlParameters": "Konfigurer URL-parametre",
+      "configureUrlParametersDescription": "URLs genereres baseret på nedenstående konfiguration. Opdater konfigurationen for at regenerere dem.",
+      "generatedUrls": "Genererede URLs",
+      "regenerateUrl": "Regenerer URL",
+      "cancel": "Annuller"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/de.json

@@ -825,7 +825,13 @@
       "tooltipContent": "Link kopieren",
       "successTooltipContent": "Link kopiert",
       "muted": "Das Video ohne Ton teilen",
-      "autoplay": "Automatisches Abspielen"
+      "autoplay": "Automatisches Abspielen",
+      "startVideoAt": "Video starten bei",
+      "configureUrlParameters": "URL-Parameter konfigurieren",
+      "configureUrlParametersDescription": "URLs werden basierend auf der folgenden Konfiguration generiert. Aktualisieren Sie die Konfiguration, um sie neu zu generieren.",
+      "generatedUrls": "Generierte URLs",
+      "regenerateUrl": "URL neu generieren",
+      "cancel": "Abbrechen"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/en.json

@@ -814,10 +814,16 @@
       "title": "Share recording",
       "preview": "Preview",
       "checkboxLabel": "Start at",
+      "startVideoAt": "Start video at",
       "tooltipContent": "Copy link",
       "successTooltipContent": "Link copied",
       "muted": "Share the video muted",
-      "autoplay": "Autoplay"
+      "autoplay": "Autoplay",
+      "configureUrlParameters": "Configure URL parameters",
+      "configureUrlParametersDescription": "URLs are generated based on the below configuration. Update the configuration to regenerate them.",
+      "generatedUrls": "Generated URLs",
+      "regenerateUrl": "Regenerate URL",
+      "cancel": "Cancel"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/es-MX.json

@@ -74,7 +74,13 @@
       "tooltipContent": "Copiar enlace",
       "successTooltipContent": "Enlace copiado",
       "muted": "Compartir el video en silencio",
-      "autoplay": "Reproducción automática"
+      "autoplay": "Reproducción automática",
+      "startVideoAt": "Iniciar video en",
+      "configureUrlParameters": "Configurar parámetros de URL",
+      "configureUrlParametersDescription": "Las URL se generan en función de la configuración a continuación. Actualice la configuración para regenerarlas.",
+      "generatedUrls": "URL generadas",
+      "regenerateUrl": "Regenerar URL",
+      "cancel": "Cancelar"
     },
     "fileUpload": {
       "filesDropzone": {

package/src/translations/es.json

@@ -825,7 +825,13 @@
       "tooltipContent": "Copiar enlace",
       "successTooltipContent": "Enlace copiado",
       "muted": "Compartir el video silenciado",
-      "autoplay": "Reproducción automática"
+      "autoplay": "Reproducción automática",
+      "startVideoAt": "Iniciar video en",
+      "configureUrlParameters": "Configurar parámetros de URL",
+      "configureUrlParametersDescription": "Las URL se generan en función de la configuración a continuación. Actualice la configuración para regenerarlas.",
+      "generatedUrls": "URLs generadas",
+      "regenerateUrl": "Regenerar URL",
+      "cancel": "Cancelar"
     },
     "fileUpload": {
       "filesDropzone": {