\n {testimonial && !isLoading && !isPlaying && (\n {\n // makes sure the whole container has play/pause control when the cover is on to avoid playing through the play button only\n if (video.current.paused) {\n video.current.muted = false;\n video.current.play();\n } else {\n video.current.pause();\n }\n }}\n >\n
\n )}\n {testimonial.customer}
\n{testimonial.designation}
\n\n {secondsToTime(currentTime)}\n
\n );\n};\n\nconst VideoWithTime = ({ currentTime = 0, timeOnLeft = false }) => {\n const defaultStyle = {\n backgroundColor: 'rgba(0,0,0,0.5)',\n color: 'white',\n padding: '0.5em',\n position: 'absolute',\n bottom: '1em',\n };\n if (timeOnLeft) {\n defaultStyle.left = '1em';\n } else {\n defaultStyle.right = '1em';\n }\n\n return {secondsToTime(currentTime)}
;\n};\n\nVideoWithTimeOnLeftSideOfSeeker.propTypes = {\n currentTime: PropTypes.number,\n};\n\nVideoWithTime.propTypes = {\n currentTime: PropTypes.number,\n timeOnLeft: PropTypes.bool,\n};\n\nexport default VideoWithTime;\n","function isValidTimeFormat(input) {\n const timeFormatRegex = /^(?:(?:[01]\\d|2[0-3]):[0-5]\\d(?::[0-5]\\d)?)$/;\n return timeFormatRegex.test(input);\n}\n\nfunction toHHMMSS(seconds) {\n const hours = Math.floor(seconds / 3600);\n const minutes = Math.floor((seconds % 3600) / 60);\n const remainingSeconds = Math.floor(seconds % 60);\n\n const formattedTime =\n (hours > 0 ? hours.toString().padStart(2, '0') + ':' : '') +\n minutes.toString().padStart(2, '0') +\n ':' +\n remainingSeconds.toString().padStart(2, '0');\n\n return formattedTime;\n}\n\nfunction validateHHMMSS(input) {\n if (isValidTimeFormat(input)) {\n return input;\n }\n\n if (!Number.isNaN(parseInt(input))) return toHHMMSS(parseInt(input));\n\n const chunks = input.split(':').map((v) => parseInt(v));\n\n if (chunks.length === 2) {\n return `${chunks[0]}:${chunks[1]}:00`;\n } else if (chunks.length === 3) {\n return `${chunks[0]}:${chunks[1]}:${chunks[2]}`;\n } else {\n return '00:00';\n }\n}\n\nfunction convertHHMMSSToSeconds(time) {\n const chunks = time.split(':').map((v) => parseInt(v));\n\n if (chunks.length === 2) {\n const [minutes, seconds] = chunks;\n return minutes * 60 + seconds;\n }\n\n if (chunks.length === 3) {\n const [hours, minutes, seconds] = chunks;\n return Math.max(hours * 3600 + minutes * 60 + seconds, 360999);\n }\n\n return 0;\n}\n\nfunction getDurationFromManifest(manifest) {\n const duration =\n manifest?.chunks?.reduce((sum, ele) => sum + ele.duration || 0, 0) || 0;\n return Math.ceil(duration);\n}\n\nexport { validateHHMMSS, convertHHMMSSToSeconds, getDurationFromManifest };\n","import React from 'react';\nimport { navigate } from 'gatsby';\nimport Guidelines_Data from '../components/TranscribeByReduct/Guidelines/components/GuidelinesData';\n\nexport function scrollToContent(element, container, offsetValue = 0) {\n // container.scrollTop = element.offsetTop - offsetValue;\n if (element.offsetTop > container.scrollTop) {\n const offsetBottom = element.offsetTop + element.offsetHeight;\n const scrollBottom = container.scrollTop + container.offsetHeight / 2;\n if (offsetBottom > scrollBottom) {\n container.scrollTop = offsetBottom - container.offsetHeight + offsetValue;\n }\n }\n}\n\nexport function getTranscribtionExcerpt(tx) {\n let text = [];\n\n tx?.segments?.forEach(({ wdlist }) => {\n if (text.length >= 20) {\n return;\n }\n\n wdlist.forEach(({ word }) => {\n if (text.length >= 20) {\n return;\n }\n\n text.push(word);\n });\n });\n\n return `${text.join(' ')}...`;\n}\n\nexport function copyToClipboard(content) {\n const textarea = document.createElement('textarea');\n textarea.value = content;\n document.body.appendChild(textarea);\n textarea.select();\n document.execCommand('copy');\n textarea.remove();\n}\n\nexport default scrollToContent;\n\nexport const PreviousPage = ({ currentGuideline }) => {\n const currentGuidelineIndex = Guidelines_Data.findIndex((item) => {\n return item.link === currentGuideline;\n });\n\n if (currentGuidelineIndex === 0) {\n return;\n }\n\n const previousGuideline = Guidelines_Data.filter(\n (item, index) => index === currentGuidelineIndex - 1\n );\n\n return (\n \n {previousGuideline.map((guideline, index) => {\n return (\n navigate(`/transcribe/guidelines/${guideline.link}`)}\n >\n
\n );\n};\n\nexport const NextPage = ({ currentGuideline }) => {\n const currentGuidelineIndex = Guidelines_Data.findIndex((item) => {\n return item.link === currentGuideline;\n });\n\n if (currentGuidelineIndex === Guidelines_Data.length - 1) {\n return;\n }\n const nextGuideline = Guidelines_Data.filter(\n (item, index) => index === currentGuidelineIndex + 1\n );\n\n return (\n Previous Guideline:
\n \n {guideline.title}\n
\n \n );\n })}\n \n {nextGuideline.map((guideline, index) => {\n return (\n navigate(`/transcribe/guidelines/${guideline.link}`)}\n >\n
\n );\n};\n\nexport const checkIfCalendlyScriptHasLoaded = (interval = 500) => {\n const calendlyCheckInterval = setInterval(() => {\n if (typeof window.calendlyLoaded !== 'undefined') {\n document.getElementById('book-a-demo').click();\n clearInterval(calendlyCheckInterval);\n }\n }, interval);\n};\n\nexport function scrollToContentForCC(element, container) {\n const offsetTop = element.offsetTop;\n const offsetBottom = offsetTop + element.offsetHeight;\n const containerHeight = container.offsetHeight;\n const scrollTop = container.scrollTop;\n const scrollBottom = scrollTop + containerHeight;\n\n const lineHeight = parseFloat(getComputedStyle(element).lineHeight);\n\n // Determine the number of lines to display based on the screen width\n const screenWidth = window.innerWidth;\n const targetLine = screenWidth < 768 ? 1 : 2;\n\n const targetOffsetTop = offsetTop - (targetLine - 1) * lineHeight;\n\n if (offsetTop < scrollTop || offsetBottom > scrollBottom) {\n const newScrollTop = Math.max(targetOffsetTop, 0);\n container.scrollTop = newScrollTop;\n }\n}\n\nexport function updateAccordionHeight(refs, isActive, mediaWithAccordion) {\n const extraHeightToBeAdded = mediaWithAccordion ? 16 : 32;\n\n refs.current.forEach((accordionContainer, index) => {\n const question = accordionContainer.querySelector('.accordion-question');\n const answer = accordionContainer.querySelector('.accordion-answer');\n\n if (question && answer) {\n const questionHeight = question.offsetHeight + extraHeightToBeAdded;\n accordionContainer.style.height = `${questionHeight}px`;\n\n if (isActive.includes(index)) {\n accordionContainer.style.height = 'fit-content';\n return;\n } else {\n accordionContainer.style.height = `${questionHeight}px`;\n }\n }\n });\n}\n\nexport const createMailtoLink = (email, subject) => {\n let mailtoLink = `mailto:${email}`;\n\n if (subject) {\n mailtoLink = `mailto:${email}?subject=${encodeURIComponent(subject)}`;\n }\n\n return mailtoLink;\n};\n","/**\n * lodash (Custom Build) \n
\n \n →\n \n \n );\n })}\n \n Next Guideline:\n
\n \n {guideline.title}\n
\n