npm - @bikdotai/bik-component-library - Versions diffs - 0.0.817-beta.5 → 0.0.817-beta.7 - Mend

@bikdotai/bik-component-library 0.0.817-beta.5 → 0.0.817-beta.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1816) hide show

package/dist/cjs/components/feature-announcements/MajorUpdatePopup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MajorUpdatePopup.js","sources":["../../../../src/components/feature-announcements/MajorUpdatePopup.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Arrow from '../../assets/icons/chevronRight2.svg';\nimport PlayIcon from '../../assets/icons/play.svg';\nimport { TEXT } from './constants';\nimport { getMajorPopupStyles } from './styles';\nimport { MajorUpdatePopupProps } from './types';\nimport {\n\tcalculateCloseTransform,\n\tdecodeHTMLEntities,\n\texecuteAfterAnimation,\n\tfindWhatsNewButton,\n\thideJoyrideArrow,\n} from './utils';\n\nconst MajorUpdatePopup: React.FC<MajorUpdatePopupProps> = ({\n\tfeature,\n\tcurrentIndex,\n\ttotalFeatures,\n\tonSkip,\n\tonExplore,\n\tonPrevious,\n\tonNext,\n\tsetIsClosing: setIsClosingParent,\n\tonSecondaryAction,\n\tratio = '16:9',\n\tpadding,\n}) => {\n\tconst [isClosing, setIsClosing] = useState(false);\n\tconst [startAnimation, setStartAnimation] = useState(false);\n\tconst [transform, setTransform] = useState('');\n\tconst popupRef = useRef<HTMLDivElement>(null);\n\tconst [isVideoPaused, setIsVideoPaused] = useState(false);\n\tconst [showPlayIcon, setShowPlayIcon] = useState(true);\n\tconst videoRef = useRef<HTMLVideoElement>(null);\n\tconst [imageAspectRatio, setImageAspectRatio] = useState<\n\t\t'16:9' \| '1:1' \| '4:3'\n\t>(ratio);\n\n\tconst imageRef = useRef<HTMLImageElement>(null);\n\n\tuseEffect(() => {\n\t\tif (isClosing) {\n\t\t\t// Start the shrink animation immediately\n\t\t\tsetStartAnimation(true);\n\t\t}\n\t}, [isClosing]);\n\n\tconst handleClose = (callback: () => Promise<void> \| void): void => {\n\t\thideJoyrideArrow(popupRef.current);\n\n\t\tconst targetButton = findWhatsNewButton();\n\n\t\tif (targetButton && popupRef.current) {\n\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\tpopupRef.current,\n\t\t\t\ttargetButton,\n\t\t\t);\n\t\t\tsetTransform(transformValue);\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t\texecuteAfterAnimation(callback);\n\t};\n\n\tconst handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n\t\tconst img = e.currentTarget;\n\t\tconst width = img.naturalWidth;\n\t\tconst height = img.naturalHeight;\n\n\t\tif (width && height) {\n\t\t\tconst aspectRatio = width / height;\n\n\t\t\t// Determine closest predefined ratio\n\t\t\tif (Math.abs(aspectRatio - 16 / 9) < 0.1) {\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (Math.abs(aspectRatio - 1) < 0.1) {\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t} else if (Math.abs(aspectRatio - 4 / 3) < 0.1) {\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else if (aspectRatio > 1.5) {\n\t\t\t\t// Wide images default to 16:9\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (aspectRatio < 0.9) {\n\t\t\t\t// Tall images default to 4:3\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else {\n\t\t\t\t// Close to square, use 1:1\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleVideoLoadedMetadata = (\n\t\te: React.SyntheticEvent<HTMLVideoElement>,\n\t) => {\n\t\tconst video = e.currentTarget;\n\t\tconst width = video.videoWidth;\n\t\tconst height = video.videoHeight;\n\n\t\tif (width && height) {\n\t\t\tconst aspectRatio = width / height;\n\n\t\t\tif (Math.abs(aspectRatio - 16 / 9) < 0.1) {\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (Math.abs(aspectRatio - 1) < 0.1) {\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t} else if (Math.abs(aspectRatio - 4 / 3) < 0.1) {\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else if (aspectRatio > 1.5) {\n\t\t\t\t// Wide videos default to 16:9\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (aspectRatio < 0.9) {\n\t\t\t\t// Tall videos default to 4:3\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else {\n\t\t\t\t// Close to square, use 1:1\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleExplore = (): void => {\n\t\tconst action = feature.primaryButton?.action;\n\n\t\tif (action === 'Open link') {\n\t\t\tconst url = feature.primaryButton?.redirectionUrl \|\| feature.redirectUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tonExplore(action);\n\n\t\t// Run closing animation in background\n\t\thideJoyrideArrow(popupRef.current);\n\t\tconst targetButton = findWhatsNewButton();\n\t\tif (targetButton && popupRef.current) {\n\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\tpopupRef.current,\n\t\t\t\ttargetButton,\n\t\t\t);\n\t\t\tsetTransform(transformValue);\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t};\n\n\tconst handleSkipClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\thandleClose(onSkip);\n\t};\n\n\tconst handlePreviousClick = (\n\t\te: React.MouseEvent<HTMLButtonElement>,\n\t): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tonPrevious();\n\t};\n\n\tconst handleNextClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tonNext();\n\t};\n\n\tconst handleSecondaryAction = (e: React.MouseEvent): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst action = feature.secondaryButton?.action;\n\t\tconst closeCallback = onSecondaryAction \|\| onSkip;\n\t\tlet internalUrl: string \| null = null;\n\n\t\t// Handle based on action type\n\t\tif (action === 'Play Video') {\n\t\t\tonExplore('Play Video');\n\t\t} else if (action === 'Open link') {\n\t\t\tconst url = feature.secondaryButton?.redirectionUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\tinternalUrl = url;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (action === 'Close popup' \|\| action === '') {\n\t\t\t// Just close the popup (empty action also closes)\n\t\t\t// callback is executed after closing animation completes\n\t\t}\n\n\t\t// Always close popup after secondary action\n\t\thideJoyrideArrow(popupRef.current);\n\t\tconst targetButton = findWhatsNewButton();\n\t\tif (targetButton && popupRef.current) {\n\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\tpopupRef.current,\n\t\t\t\ttargetButton,\n\t\t\t);\n\t\t\tsetTransform(transformValue);\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t\texecuteAfterAnimation(async () => {\n\t\t\tawait closeCallback();\n\t\t\tif (internalUrl) {\n\t\t\t\twindow.location.href = internalUrl;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst styles = getMajorPopupStyles(\n\t\tstartAnimation,\n\t\ttransform,\n\t\timageAspectRatio,\n\t\tpadding \|\| feature.padding,\n\t\tfeature.primaryButton?.style,\n\t\tfeature.secondaryButton?.style,\n\t);\n\n\tconst handleVideoClick = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (videoRef.current) {\n\t\t\tif (videoRef.current.paused) {\n\t\t\t\tvideoRef.current.play();\n\t\t\t\tsetIsVideoPaused(false);\n\t\t\t\tsetShowPlayIcon(false);\n\t\t\t} else {\n\t\t\t\tvideoRef.current.pause();\n\t\t\t\tsetIsVideoPaused(true);\n\t\t\t\tsetShowPlayIcon(true);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleVideoKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' \|\| e.key === ' ') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tif (videoRef.current) {\n\t\t\t\tif (videoRef.current.paused) {\n\t\t\t\t\tvideoRef.current.play();\n\t\t\t\t\tsetIsVideoPaused(false);\n\t\t\t\t\tsetShowPlayIcon(false);\n\t\t\t\t} else {\n\t\t\t\t\tvideoRef.current.pause();\n\t\t\t\t\tsetIsVideoPaused(true);\n\t\t\t\t\tsetShowPlayIcon(true);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={styles.outerWrapper}>\n\t\t\t<div\n\t\t\t\tref={popupRef}\n\t\t\t\tstyle={{\n\t\t\t\t\t...styles.container,\n\t\t\t\t\topacity: startAnimation ? 0 : 1,\n\t\t\t\t\ttransition: 'opacity 0.2s ease-in-out, transform 0.3s ease',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<style>{`\n\t\t\t\t[data-popup-content] ul {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\tlist-style-type: disc;\n\t\t\t\t}\n\t\t\t\t[data-popup-content] ul li {\n\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\tcolor: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t\tfont-family: Inter, sans-serif;\n\t\t\t\t}\n\t\t\t`}</style>\n\t\t\t\t{/* Content Wrapper - contains image and text side by side /}\n\t\t\t\t<div style={styles.contentWrapper}>\n\t\t\t\t\t{/ Image/Video section /}\n\t\t\t\t\t<div style={styles.imageContainer}>\n\t\t\t\t\t\t{feature.productVideo ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\t\tref={videoRef}\n\t\t\t\t\t\t\t\t\tsrc={feature.productVideo}\n\t\t\t\t\t\t\t\t\tstyle={styles.image}\n\t\t\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\t\t\tcontrols\n\t\t\t\t\t\t\t\t\taria-label={`Product video for ${feature.title}`}\n\t\t\t\t\t\t\t\t\tonLoadedMetadata={handleVideoLoadedMetadata}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{(isVideoPaused \|\| showPlayIcon) && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={styles.videoOverlay}\n\t\t\t\t\t\t\t\t\t\tonClick={handleVideoClick}\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t\t\t\taria-label={isVideoPaused ? 'Play video' : 'Pause video'}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={handleVideoKeyDown}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<PlayIcon width={20} height={20} />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : feature.displayImage ? (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tref={imageRef}\n\t\t\t\t\t\t\t\tsrc={feature.displayImage}\n\t\t\t\t\t\t\t\talt={feature.title}\n\t\t\t\t\t\t\t\tstyle={styles.image}\n\t\t\t\t\t\t\t\tonLoad={handleImageLoad}\n\t\t\t\t\t\t\t\tonError={(e) => {\n\t\t\t\t\t\t\t\t\tif (feature.image) {\n\t\t\t\t\t\t\t\t\t\t(e.target as HTMLImageElement).src = feature.image;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={styles.imagePlaceholder}>\n\t\t\t\t\t\t\t\t{TEXT.FEATURE_PREVIEW_PLACEHOLDER}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/ Content section /}\n\t\t\t\t\t<div style={styles.contentContainer}>\n\t\t\t\t\t\t{/ Skip Button at top-right /}\n\t\t\t\t\t\t<div style={styles.skipButtonContainer}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tonClick={handleSkipClick}\n\t\t\t\t\t\t\t\tstyle={styles.skipButton.base}\n\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\tObject.assign(e.currentTarget.style, styles.skipButton.hover)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\tObject.assign(e.currentTarget.style, styles.skipButton.base)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-label=\"Skip feature announcement\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tSkip\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Title /}\n\t\t\t\t\t\t<h3 style={styles.title}>{feature.title}</h3>\n\n\t\t\t\t\t\t{/ Content/Description /}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tdata-popup-content\n\t\t\t\t\t\t\tstyle={styles.content}\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t__html: decodeHTMLEntities(\n\t\t\t\t\t\t\t\t\tfeature.content \|\| feature.body \|\| '',\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/ Actions - Buttons and Navigation /}\n\t\t\t\t\t\t<div style={styles.actionsWrapper}>\n\t\t\t\t\t\t\t<div style={styles.buttonsGroup}>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tonClick={handleExplore}\n\t\t\t\t\t\t\t\t\tstyle={styles.exploreButton.base}\n\t\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\tstyles.exploreButton.hover,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\tstyles.exploreButton.base,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{feature.primaryButton?.text \|\|\n\t\t\t\t\t\t\t\t\t\tfeature.buttonText \|\|\n\t\t\t\t\t\t\t\t\t\tTEXT.DEFAULT_BUTTON_TEXT}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{/ Secondary Button (Optional) /}\n\t\t\t\t\t\t\t\t{feature.secondaryButton?.text &&\n\t\t\t\t\t\t\t\t\t(feature.secondaryButton?.redirectionUrl &&\n\t\t\t\t\t\t\t\t\tfeature.secondaryButton?.action !== 'Play Video' ? (\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref={feature.secondaryButton.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\ttarget={\n\t\t\t\t\t\t\t\t\t\t\t\tfeature.secondaryButton.redirectionUrl.startsWith(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'http',\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? '_blank'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: '_self'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\trel={\n\t\t\t\t\t\t\t\t\t\t\t\tfeature.secondaryButton.redirectionUrl.startsWith(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'http',\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'noopener noreferrer'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleSecondaryAction}\n\t\t\t\t\t\t\t\t\t\t\tstyle={styles.secondaryButton.base}\n\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.hover,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.base,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{feature.secondaryButton.text}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleSecondaryAction}\n\t\t\t\t\t\t\t\t\t\t\tstyle={styles.secondaryButton.base}\n\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.hover,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.base,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{feature.secondaryButton.text}\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Navigation arrows /}\n\t\t\t\t\t\t\t{totalFeatures > 1 && (\n\t\t\t\t\t\t\t\t<div style={styles.navigationContainer}>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tonClick={handlePreviousClick}\n\t\t\t\t\t\t\t\t\t\tdisabled={currentIndex === 0}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.navigationButton(currentIndex === 0).base}\n\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(false).hover,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(false).base,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Previous feature\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Arrow style={{ transform: 'rotate(180deg)' }} />\n\t\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tonClick={handleNextClick}\n\t\t\t\t\t\t\t\t\t\tdisabled={currentIndex === totalFeatures - 1}\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === totalFeatures - 1,\n\t\t\t\t\t\t\t\t\t\t\t).base\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== totalFeatures - 1) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(false).hover,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== totalFeatures - 1) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === totalFeatures - 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t).base,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Next feature\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Arrow />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{/ Close contentWrapper */}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default MajorUpdatePopup;\n"],"names":["MajorUpdatePopup","feature","currentIndex","totalFeatures","onSkip","onExplore","onPrevious","onNext","setIsClosingParent","onSecondaryAction","ratio","padding","isClosing","setIsClosing","useState","startAnimation","setStartAnimation","transform","setTransform","popupRef","useRef","isVideoPaused","setIsVideoPaused","showPlayIcon","setShowPlayIcon","videoRef","imageAspectRatio","setImageAspectRatio","imageRef","useEffect","handleClose","callback","hideJoyrideArrow","targetButton","findWhatsNewButton","transformValue","calculateCloseTransform","executeAfterAnimation","handleImageLoad","img","width","height","aspectRatio","handleVideoLoadedMetadata","video","handleExplore","action","url","handleSkipClick","handlePreviousClick","handleNextClick","handleSecondaryAction","closeCallback","internalUrl","styles","getMajorPopupStyles","handleVideoClick","handleVideoKeyDown","jsxDEV","this","Fragment","PlayIcon","decodeHTMLEntities","TEXT","Arrow"],"mappings":"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"}
1	+ {"version":3,"file":"MajorUpdatePopup.js","sources":["../../../../src/components/feature-announcements/MajorUpdatePopup.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Arrow from '../../assets/icons/chevronRight2.svg';\nimport PlayIcon from '../../assets/icons/play.svg';\nimport { TEXT } from './constants';\nimport { getMajorPopupStyles } from './styles';\nimport { MajorUpdatePopupProps } from './types';\nimport {\n\tcalculateCloseTransform,\n\tdecodeHTMLEntities,\n\texecuteAfterAnimation,\n\tfindWhatsNewButton,\n\thideJoyrideArrow,\n} from './utils';\n\nconst MajorUpdatePopup: React.FC<MajorUpdatePopupProps> = ({\n\tfeature,\n\tcurrentIndex,\n\ttotalFeatures,\n\tonSkip,\n\tonExplore,\n\tonPrevious,\n\tonNext,\n\tsetIsClosing: setIsClosingParent,\n\tonSecondaryAction,\n\tratio = '16:9',\n\tpadding,\n}) => {\n\tconst [isClosing, setIsClosing] = useState(false);\n\tconst [startAnimation, setStartAnimation] = useState(false);\n\tconst [transform, setTransform] = useState('');\n\tconst popupRef = useRef<HTMLDivElement>(null);\n\tconst [isVideoPaused, setIsVideoPaused] = useState(false);\n\tconst [showPlayIcon, setShowPlayIcon] = useState(true);\n\tconst videoRef = useRef<HTMLVideoElement>(null);\n\tconst [imageAspectRatio, setImageAspectRatio] = useState<\n\t\t'16:9' \| '1:1' \| '4:3'\n\t>(ratio);\n\n\tconst imageRef = useRef<HTMLImageElement>(null);\n\n\tuseEffect(() => {\n\t\tif (isClosing) {\n\t\t\t// Start the shrink animation immediately\n\t\t\tsetStartAnimation(true);\n\t\t}\n\t}, [isClosing]);\n\n\tconst handleClose = (callback: () => Promise<void> \| void): void => {\n\t\thideJoyrideArrow(popupRef.current);\n\n\t\tconst targetButton = findWhatsNewButton();\n\n\t\tif (targetButton && popupRef.current) {\n\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\tpopupRef.current,\n\t\t\t\ttargetButton,\n\t\t\t);\n\t\t\tsetTransform(transformValue);\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t\texecuteAfterAnimation(callback);\n\t};\n\n\tconst handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\n\t\tconst img = e.currentTarget;\n\t\tconst width = img.naturalWidth;\n\t\tconst height = img.naturalHeight;\n\n\t\tif (width && height) {\n\t\t\tconst aspectRatio = width / height;\n\n\t\t\t// Determine closest predefined ratio\n\t\t\tif (Math.abs(aspectRatio - 16 / 9) < 0.1) {\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (Math.abs(aspectRatio - 1) < 0.1) {\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t} else if (Math.abs(aspectRatio - 4 / 3) < 0.1) {\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else if (aspectRatio > 1.5) {\n\t\t\t\t// Wide images default to 16:9\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (aspectRatio < 0.9) {\n\t\t\t\t// Tall images default to 4:3\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else {\n\t\t\t\t// Close to square, use 1:1\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleVideoLoadedMetadata = (\n\t\te: React.SyntheticEvent<HTMLVideoElement>,\n\t) => {\n\t\tconst video = e.currentTarget;\n\t\tconst width = video.videoWidth;\n\t\tconst height = video.videoHeight;\n\n\t\tif (width && height) {\n\t\t\tconst aspectRatio = width / height;\n\n\t\t\tif (Math.abs(aspectRatio - 16 / 9) < 0.1) {\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (Math.abs(aspectRatio - 1) < 0.1) {\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t} else if (Math.abs(aspectRatio - 4 / 3) < 0.1) {\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else if (aspectRatio > 1.5) {\n\t\t\t\t// Wide videos default to 16:9\n\t\t\t\tsetImageAspectRatio('16:9');\n\t\t\t} else if (aspectRatio < 0.9) {\n\t\t\t\t// Tall videos default to 4:3\n\t\t\t\tsetImageAspectRatio('4:3');\n\t\t\t} else {\n\t\t\t\t// Close to square, use 1:1\n\t\t\t\tsetImageAspectRatio('1:1');\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleExplore = (): void => {\n\t\tconst action = feature.primaryButton?.action;\n\n\t\tif (action === 'Open link') {\n\t\t\tconst url = feature.primaryButton?.redirectionUrl \|\| feature.redirectUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tonExplore(action);\n\n\t\t// Run closing animation in background\n\t\thideJoyrideArrow(popupRef.current);\n\t\tconst targetButton = findWhatsNewButton();\n\t\tif (targetButton && popupRef.current) {\n\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\tpopupRef.current,\n\t\t\t\ttargetButton,\n\t\t\t);\n\t\t\tsetTransform(transformValue);\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t};\n\n\tconst handleSkipClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\thandleClose(onSkip);\n\t};\n\n\tconst handlePreviousClick = (\n\t\te: React.MouseEvent<HTMLButtonElement>,\n\t): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tonPrevious();\n\t};\n\n\tconst handleNextClick = (e: React.MouseEvent<HTMLButtonElement>): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tonNext();\n\t};\n\n\tconst handleSecondaryAction = (e: React.MouseEvent): void => {\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\n\t\tconst action = feature.secondaryButton?.action;\n\t\tconst closeCallback = onSecondaryAction \|\| onSkip;\n\t\tlet internalUrl: string \| null = null;\n\n\t\t// Handle based on action type\n\t\tif (action === 'Play Video') {\n\t\t\tonExplore('Play Video');\n\t\t} else if (action === 'Open link') {\n\t\t\tconst url = feature.secondaryButton?.redirectionUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\tinternalUrl = url;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (action === 'Close popup' \|\| action === '') {\n\t\t\t// Just close the popup (empty action also closes)\n\t\t\t// callback is executed after closing animation completes\n\t\t}\n\n\t\t// Always close popup after secondary action\n\t\thideJoyrideArrow(popupRef.current);\n\t\tconst targetButton = findWhatsNewButton();\n\t\tif (targetButton && popupRef.current) {\n\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\tpopupRef.current,\n\t\t\t\ttargetButton,\n\t\t\t);\n\t\t\tsetTransform(transformValue);\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t\texecuteAfterAnimation(async () => {\n\t\t\tawait closeCallback();\n\t\t\tif (internalUrl) {\n\t\t\t\twindow.location.href = internalUrl;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst styles = getMajorPopupStyles(\n\t\tstartAnimation,\n\t\ttransform,\n\t\timageAspectRatio,\n\t\tpadding \|\| feature.padding,\n\t\tfeature.primaryButton?.style,\n\t\tfeature.secondaryButton?.style,\n\t);\n\n\tconst handleVideoClick = (e: React.MouseEvent) => {\n\t\te.stopPropagation();\n\t\tif (videoRef.current) {\n\t\t\tif (videoRef.current.paused) {\n\t\t\t\tvideoRef.current.play();\n\t\t\t\tsetIsVideoPaused(false);\n\t\t\t\tsetShowPlayIcon(false);\n\t\t\t} else {\n\t\t\t\tvideoRef.current.pause();\n\t\t\t\tsetIsVideoPaused(true);\n\t\t\t\tsetShowPlayIcon(true);\n\t\t\t}\n\t\t}\n\t};\n\n\tconst handleVideoKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === 'Enter' \|\| e.key === ' ') {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tif (videoRef.current) {\n\t\t\t\tif (videoRef.current.paused) {\n\t\t\t\t\tvideoRef.current.play();\n\t\t\t\t\tsetIsVideoPaused(false);\n\t\t\t\t\tsetShowPlayIcon(false);\n\t\t\t\t} else {\n\t\t\t\t\tvideoRef.current.pause();\n\t\t\t\t\tsetIsVideoPaused(true);\n\t\t\t\t\tsetShowPlayIcon(true);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\n\treturn (\n\t\t<div style={styles.outerWrapper}>\n\t\t\t<div\n\t\t\t\tref={popupRef}\n\t\t\t\tstyle={{\n\t\t\t\t\t...styles.container,\n\t\t\t\t\topacity: startAnimation ? 0 : 1,\n\t\t\t\t\ttransition: 'opacity 0.2s ease-in-out, transform 0.3s ease',\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<style>{`\n\t\t\t\t[data-popup-content] ul {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\tlist-style-type: disc;\n\t\t\t\t}\n\t\t\t\t[data-popup-content] ul li {\n\t\t\t\t\tmargin-bottom: 8px;\n\t\t\t\t\tcolor: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 16px;\n\t\t\t\t\tfont-family: Inter, sans-serif;\n\t\t\t\t}\n\t\t\t`}</style>\n\t\t\t\t{/* Content Wrapper - contains image and text side by side /}\n\t\t\t\t<div style={styles.contentWrapper}>\n\t\t\t\t\t{/ Image/Video section /}\n\t\t\t\t\t<div style={styles.imageContainer}>\n\t\t\t\t\t\t{feature.productVideo ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<video\n\t\t\t\t\t\t\t\t\tref={videoRef}\n\t\t\t\t\t\t\t\t\tsrc={feature.productVideo}\n\t\t\t\t\t\t\t\t\tstyle={styles.image}\n\t\t\t\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tloop\n\t\t\t\t\t\t\t\t\tplaysInline\n\t\t\t\t\t\t\t\t\tcontrols\n\t\t\t\t\t\t\t\t\taria-label={`Product video for ${feature.title}`}\n\t\t\t\t\t\t\t\t\tonLoadedMetadata={handleVideoLoadedMetadata}\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t{(isVideoPaused \|\| showPlayIcon) && (\n\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\tstyle={styles.videoOverlay}\n\t\t\t\t\t\t\t\t\t\tonClick={handleVideoClick}\n\t\t\t\t\t\t\t\t\t\trole=\"button\"\n\t\t\t\t\t\t\t\t\t\ttabIndex={0}\n\t\t\t\t\t\t\t\t\t\taria-label={isVideoPaused ? 'Play video' : 'Pause video'}\n\t\t\t\t\t\t\t\t\t\tonKeyDown={handleVideoKeyDown}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<PlayIcon width={20} height={20} />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : feature.displayImage ? (\n\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\tref={imageRef}\n\t\t\t\t\t\t\t\tsrc={feature.displayImage}\n\t\t\t\t\t\t\t\talt={feature.title}\n\t\t\t\t\t\t\t\tstyle={styles.image}\n\t\t\t\t\t\t\t\tonLoad={handleImageLoad}\n\t\t\t\t\t\t\t\tonError={(e) => {\n\t\t\t\t\t\t\t\t\tif (feature.image) {\n\t\t\t\t\t\t\t\t\t\t(e.target as HTMLImageElement).src = feature.image;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<div style={styles.imagePlaceholder}>\n\t\t\t\t\t\t\t\t{TEXT.FEATURE_PREVIEW_PLACEHOLDER}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/ Content section /}\n\t\t\t\t\t<div style={styles.contentContainer}>\n\t\t\t\t\t\t{/ Skip Button at top-right /}\n\t\t\t\t\t\t<div style={styles.skipButtonContainer}>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tonClick={handleSkipClick}\n\t\t\t\t\t\t\t\tstyle={styles.skipButton.base}\n\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\tObject.assign(e.currentTarget.style, styles.skipButton.hover)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\tObject.assign(e.currentTarget.style, styles.skipButton.base)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-label=\"Skip feature announcement\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tSkip\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{/ Title /}\n\t\t\t\t\t\t<h3 style={styles.title}>{feature.title}</h3>\n\n\t\t\t\t\t\t{/ Content/Description /}\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tdata-popup-content\n\t\t\t\t\t\t\tstyle={styles.content}\n\t\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t\t__html: decodeHTMLEntities(\n\t\t\t\t\t\t\t\t\tfeature.content \|\| feature.body \|\| '',\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t{/ Actions - Buttons and Navigation /}\n\t\t\t\t\t\t<div style={styles.actionsWrapper}>\n\t\t\t\t\t\t\t<div style={styles.buttonsGroup}>\n\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\tonClick={handleExplore}\n\t\t\t\t\t\t\t\t\tstyle={styles.exploreButton.base}\n\t\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\tstyles.exploreButton.hover,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\tstyles.exploreButton.base,\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{feature.primaryButton?.text \|\|\n\t\t\t\t\t\t\t\t\t\tfeature.buttonText \|\|\n\t\t\t\t\t\t\t\t\t\tTEXT.DEFAULT_BUTTON_TEXT}\n\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t{/ Secondary Button (Optional) /}\n\t\t\t\t\t\t\t\t{feature.secondaryButton?.text &&\n\t\t\t\t\t\t\t\t\t(feature.secondaryButton?.redirectionUrl &&\n\t\t\t\t\t\t\t\t\tfeature.secondaryButton?.action !== 'Play Video' ? (\n\t\t\t\t\t\t\t\t\t\t<a\n\t\t\t\t\t\t\t\t\t\t\thref={feature.secondaryButton.redirectionUrl}\n\t\t\t\t\t\t\t\t\t\t\ttarget={\n\t\t\t\t\t\t\t\t\t\t\t\tfeature.secondaryButton.redirectionUrl.startsWith(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'http',\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? '_blank'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: '_self'\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\trel={\n\t\t\t\t\t\t\t\t\t\t\t\tfeature.secondaryButton.redirectionUrl.startsWith(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'http',\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'noopener noreferrer'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleSecondaryAction}\n\t\t\t\t\t\t\t\t\t\t\tstyle={styles.secondaryButton.base}\n\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.hover,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.base,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{feature.secondaryButton.text}\n\t\t\t\t\t\t\t\t\t\t</a>\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleSecondaryAction}\n\t\t\t\t\t\t\t\t\t\t\tstyle={styles.secondaryButton.base}\n\t\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.hover,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) =>\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.secondaryButton.base,\n\t\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{feature.secondaryButton.text}\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t{/ Navigation arrows /}\n\t\t\t\t\t\t\t{totalFeatures > 1 && (\n\t\t\t\t\t\t\t\t<div style={styles.navigationContainer}>\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tonClick={handlePreviousClick}\n\t\t\t\t\t\t\t\t\t\tdisabled={currentIndex === 0}\n\t\t\t\t\t\t\t\t\t\tstyle={styles.navigationButton(currentIndex === 0).base}\n\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(false).hover,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(false).base,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Previous feature\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Arrow style={{ transform: 'rotate(180deg)' }} />\n\t\t\t\t\t\t\t\t\t</button>\n\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\tonClick={handleNextClick}\n\t\t\t\t\t\t\t\t\t\tdisabled={currentIndex === totalFeatures - 1}\n\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === totalFeatures - 1,\n\t\t\t\t\t\t\t\t\t\t\t).base\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonMouseEnter={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== totalFeatures - 1) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(false).hover,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\tonMouseLeave={(e) => {\n\t\t\t\t\t\t\t\t\t\t\tif (currentIndex !== totalFeatures - 1) {\n\t\t\t\t\t\t\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\t\t\t\t\t\t\tstyles.navigationButton(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === totalFeatures - 1,\n\t\t\t\t\t\t\t\t\t\t\t\t\t).base,\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\taria-label=\"Next feature\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Arrow />\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{/ Close contentWrapper */}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default MajorUpdatePopup;\n"],"names":["MajorUpdatePopup","feature","currentIndex","totalFeatures","onSkip","onExplore","onPrevious","onNext","setIsClosingParent","onSecondaryAction","ratio","padding","isClosing","setIsClosing","useState","startAnimation","setStartAnimation","transform","setTransform","popupRef","useRef","isVideoPaused","setIsVideoPaused","showPlayIcon","setShowPlayIcon","videoRef","imageAspectRatio","setImageAspectRatio","imageRef","useEffect","handleClose","callback","hideJoyrideArrow","targetButton","findWhatsNewButton","transformValue","calculateCloseTransform","executeAfterAnimation","handleImageLoad","img","width","height","aspectRatio","handleVideoLoadedMetadata","video","handleExplore","action","url","handleSkipClick","handlePreviousClick","handleNextClick","handleSecondaryAction","closeCallback","internalUrl","styles","getMajorPopupStyles","handleVideoClick","handleVideoKeyDown","jsxDEV","this","Fragment","PlayIcon","decodeHTMLEntities","TEXT","Arrow"],"mappings":"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"}

package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),c=require("react"),b=require("./constants/index.js"),T=require("./styles/minorPopup.styles.js"),h=require("./utils/htmlHelpers.js"),u=require("./utils/animationHelpers.js"),v=require("./utils/elementHelpers.js"),w=({feature:e,currentIndex:P,totalFeatures:k,onSkip:x,onExplore:d,onPrevious:M,onNext:V,setIsClosing:m})=>{const[p,f]=c.useState(!1),[N,E]=c.useState(!1),[U,l]=c.useState(""),r=c.useRef(null);c.useEffect(()=>{p&&E(!0)},[p]);const g=()=>{const s=e.primaryButton?.action;if(s==="Open link"){const i=e.primaryButton?.redirectionUrl||e.redirectUrl;i&&i.startsWith("http")&&window.open(i,"_blank","noopener,noreferrer")}if(d(s),u.hideJoyrideArrow(r.current),r.current&&e.featureTag){const i=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(i);if(a){const t=u.calculateCloseTransform(r.current,a);l(t)}else l("scale(0)")}else l("scale(0)");m?.(!0),f(!0)},D=()=>{const s=e.secondaryButton?.action,i=x;let a=null;if(s==="Play Video")d("Play Video");else if(s==="Open link"){const t=e.secondaryButton?.redirectionUrl;t&&(t.startsWith("http")?window.open(t,"_blank","noopener,noreferrer"):a=t)}if(u.hideJoyrideArrow(r.current),r.current&&e.featureTag){const t=v.findFeatureTagElement(e.featureTag);if(t){const y=u.calculateCloseTransform(r.current,t);l(y)}else l("scale(0)")}else l("scale(0)");m?.(!0),f(!0),u.executeAfterAnimation(async()=>{await i(),a&&(window.location.href=a)})},o=T.getMinorPopupStyles(N,U);return n.jsxDEV("div",{ref:r,style:o.container,children:[n.jsxDEV("div",{style:o.imageContainer,children:e.displayImage?n.jsxDEV("div",{style:o.imageWrapper,children:n.jsxDEV("img",{src:e.displayImage,alt:e.title,style:o.image,onError:s=>{e.image&&(s.target.src=e.image)}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:132,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:131,columnNumber:6},void 0):n.jsxDEV("div",{style:o.imagePlaceholder,children:b.TEXT.FEATURE_PREVIEW_PLACEHOLDER},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:144,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:129,columnNumber:4},void 0),n.jsxDEV("div",{style:o.contentContainer,children:[n.jsxDEV("div",{children:[n.jsxDEV("h3",{style:o.title,children:e.title},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:153,columnNumber:6},void 0),n.jsxDEV("div",{style:o.content,dangerouslySetInnerHTML:{__html:h.decodeHTMLEntities(e.content||e.body||"")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:154,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:152,columnNumber:5},void 0),n.jsxDEV("div",{style:o.actionsContainer,children:[e.secondaryButton?.text&&n.jsxDEV("span",{onClick:D,style:o.understoodText,children:e.secondaryButton.text},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:166,columnNumber:7},void 0),n.jsxDEV("button",{onClick:g,style:o.exploreButton,children:e.primaryButton?.text||e.buttonText||b.TEXT.DEFAULT_BUTTON_TEXT},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:172,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:163,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:151,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:127,columnNumber:3},void 0)};exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-dev-runtime"),c=require("react"),y=require("./constants/index.js"),U=require("./styles/minorPopup.styles.js"),g=require("./utils/htmlHelpers.js"),u=require("./utils/animationHelpers.js"),D=require("./utils/elementHelpers.js"),T=({feature:e,currentIndex:P,totalFeatures:W,onSkip:k,onExplore:m,onPrevious:M,onNext:V,setIsClosing:p})=>{const[d,b]=c.useState(!1),[h,v]=c.useState(!1),[x,l]=c.useState(""),o=c.useRef(null);c.useEffect(()=>{d&&v(!0)},[d]);const N=()=>{const s=e.primaryButton?.action;if(s==="Open link"){const i=e.primaryButton?.redirectionUrl||e.redirectUrl;i&&i.startsWith("http")&&window.open(i,"_blank","noopener,noreferrer")}if(m(s),u.hideJoyrideArrow(o.current),o.current&&e.featureTag){const i=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,a=document.querySelector(i);if(a){const r=u.calculateCloseTransform(o.current,a);l(r)}else l("scale(0)")}else l("scale(0)");p?.(!0),b(!0)},E=()=>{const s=e.secondaryButton?.action,i=k;let a=null;if(s==="Play Video")m("Play Video");else if(s==="Open link"){const r=e.secondaryButton?.redirectionUrl;r&&(r.startsWith("http")?window.open(r,"_blank","noopener,noreferrer"):a=r)}if(u.hideJoyrideArrow(o.current),o.current&&e.featureTag){const r=D.findFeatureTagElement(e.featureTag);if(r){const f=u.calculateCloseTransform(o.current,r);l(f)}else l("scale(0)")}else l("scale(0)");p?.(!0),b(!0),u.executeAfterAnimation(async()=>{await i(),a&&(window.location.href=a)})},t=U.getMinorPopupStyles(h,x);return n.jsxDEV("div",{ref:o,style:t.container,children:[n.jsxDEV("div",{style:t.imageContainer,children:e.displayImage?n.jsxDEV("div",{style:t.imageWrapper,children:n.jsxDEV("img",{src:e.displayImage,alt:e.title,style:t.image,onError:s=>{e.image&&(s.target.src=e.image)}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:132,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:131,columnNumber:6},void 0):n.jsxDEV("div",{style:t.imagePlaceholder,children:y.TEXT.FEATURE_PREVIEW_PLACEHOLDER},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:144,columnNumber:6},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:129,columnNumber:4},void 0),n.jsxDEV("div",{style:t.contentContainer,children:[n.jsxDEV("div",{children:[n.jsxDEV("h3",{style:t.title,children:e.title},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:153,columnNumber:6},void 0),n.jsxDEV("div",{style:t.content,dangerouslySetInnerHTML:{__html:g.decodeHTMLEntities(e.content||e.body||"")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:154,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:152,columnNumber:5},void 0),n.jsxDEV("div",{style:t.actionsContainer,children:[e.secondaryButton?.text&&n.jsxDEV("span",{onClick:E,style:t.understoodText,children:e.secondaryButton.text},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:166,columnNumber:7},void 0),n.jsxDEV("button",{onClick:N,style:t.exploreButton,children:e.primaryButton?.text||e.buttonText||y.TEXT.DEFAULT_BUTTON_TEXT},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:172,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:163,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:151,columnNumber:4},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/MinorUpdatePopup.tsx",lineNumber:127,columnNumber:3},void 0)};exports.default=T;
 //# sourceMappingURL=MinorUpdatePopup.js.map

package/dist/cjs/components/feature-announcements/MinorUpdatePopup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MinorUpdatePopup.js","sources":["../../../../src/components/feature-announcements/MinorUpdatePopup.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { TEXT } from './constants';\nimport { getMinorPopupStyles } from './styles';\nimport { MinorUpdatePopupProps } from './types';\nimport {\n\tcalculateCloseTransform,\n\tdecodeHTMLEntities,\n\texecuteAfterAnimation,\n\tfindFeatureTagElement,\n\thideJoyrideArrow,\n} from './utils';\n\nconst MinorUpdatePopup: React.FC<MinorUpdatePopupProps> = ({\n\tfeature,\n\tcurrentIndex,\n\ttotalFeatures,\n\tonSkip,\n\tonExplore,\n\tonPrevious,\n\tonNext,\n\tsetIsClosing: setIsClosingParent,\n}) => {\n\tconst [isClosing, setIsClosing] = useState(false);\n\tconst [startAnimation, setStartAnimation] = useState(false);\n\tconst [transform, setTransform] = useState('');\n\tconst popupRef = useRef<HTMLDivElement>(null);\n\n\t// Hide Joyride arrow when closing starts, then trigger animation immediately\n\tuseEffect(() => {\n\t\tif (isClosing) {\n\t\t\t// Start the shrink animation immediately\n\t\t\tsetStartAnimation(true);\n\t\t}\n\t}, [isClosing]);\n\n\tconst handleExplore = (): void => {\n\t\tconst action = feature.primaryButton?.action;\n\n\t\tif (action === 'Open link') {\n\t\t\tconst url = feature.primaryButton?.redirectionUrl \|\| feature.redirectUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tonExplore(action);\n\n\t\t// Run closing animation in background\n\t\thideJoyrideArrow(popupRef.current);\n\t\tif (popupRef.current && feature.featureTag) {\n\t\t\tconst targetSelector =\n\t\t\t\tfeature.featureTag.startsWith('#') \|\|\n\t\t\t\tfeature.featureTag.startsWith('.') \|\|\n\t\t\t\tfeature.featureTag.startsWith('[')\n\t\t\t\t\t? feature.featureTag\n\t\t\t\t\t: `#${feature.featureTag}`;\n\t\t\tconst targetElement = document.querySelector(targetSelector);\n\t\t\tif (targetElement) {\n\t\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\t\tpopupRef.current,\n\t\t\t\t\ttargetElement,\n\t\t\t\t);\n\t\t\t\tsetTransform(transformValue);\n\t\t\t} else {\n\t\t\t\tsetTransform('scale(0)');\n\t\t\t}\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t};\n\n\tconst handleSecondaryAction = (): void => {\n\t\tconst action = feature.secondaryButton?.action;\n\t\tconst closeCallback = onSkip;\n\t\tlet internalUrl: string \| null = null;\n\n\t\t// Handle based on action type\n\t\tif (action === 'Play Video') {\n\t\t\tonExplore('Play Video');\n\t\t} else if (action === 'Open link') {\n\t\t\tconst url = feature.secondaryButton?.redirectionUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\tinternalUrl = url;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (action === 'Close popup' \|\| action === '') {\n\t\t\t// Just close the popup\n\t\t}\n\n\t\t// Always close popup after secondary action\n\t\thideJoyrideArrow(popupRef.current);\n\t\tif (popupRef.current && feature.featureTag) {\n\t\t\tconst targetElement = findFeatureTagElement(feature.featureTag);\n\t\t\tif (targetElement) {\n\t\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\t\tpopupRef.current,\n\t\t\t\t\ttargetElement,\n\t\t\t\t);\n\t\t\t\tsetTransform(transformValue);\n\t\t\t} else {\n\t\t\t\tsetTransform('scale(0)');\n\t\t\t}\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t\texecuteAfterAnimation(async () => {\n\t\t\tawait closeCallback();\n\t\t\tif (internalUrl) {\n\t\t\t\twindow.location.href = internalUrl;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst styles = getMinorPopupStyles(startAnimation, transform);\n\n\treturn (\n\t\t<div ref={popupRef} style={styles.container}>\n\t\t\t{/* Image section /}\n\t\t\t<div style={styles.imageContainer}>\n\t\t\t\t{feature.displayImage ? (\n\t\t\t\t\t<div style={styles.imageWrapper}>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={feature.displayImage}\n\t\t\t\t\t\t\talt={feature.title}\n\t\t\t\t\t\t\tstyle={styles.image}\n\t\t\t\t\t\t\tonError={(e) => {\n\t\t\t\t\t\t\t\tif (feature.image) {\n\t\t\t\t\t\t\t\t\t(e.target as HTMLImageElement).src = feature.image;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div style={styles.imagePlaceholder}>\n\t\t\t\t\t\t{TEXT.FEATURE_PREVIEW_PLACEHOLDER}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/ Content section /}\n\t\t\t<div style={styles.contentContainer}>\n\t\t\t\t<div>\n\t\t\t\t\t<h3 style={styles.title}>{feature.title}</h3>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={styles.content}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: decodeHTMLEntities(feature.content \|\| feature.body \|\| ''),\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{/ Action buttons /}\n\t\t\t\t<div style={styles.actionsContainer}>\n\t\t\t\t\t{/ Secondary Button (if configured, shows as text link on left) /}\n\t\t\t\t\t{feature.secondaryButton?.text && (\n\t\t\t\t\t\t<span onClick={handleSecondaryAction} style={styles.understoodText}>\n\t\t\t\t\t\t\t{feature.secondaryButton.text}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Primary Button (always shows) */}\n\t\t\t\t\t<button onClick={handleExplore} style={styles.exploreButton}>\n\t\t\t\t\t\t{feature.primaryButton?.text \|\|\n\t\t\t\t\t\t\tfeature.buttonText \|\|\n\t\t\t\t\t\t\tTEXT.DEFAULT_BUTTON_TEXT}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default MinorUpdatePopup;\n"],"names":["MinorUpdatePopup","feature","currentIndex","totalFeatures","onSkip","onExplore","onPrevious","onNext","setIsClosingParent","isClosing","setIsClosing","useState","startAnimation","setStartAnimation","transform","setTransform","popupRef","useRef","useEffect","handleExplore","action","url","hideJoyrideArrow","targetSelector","targetElement","transformValue","calculateCloseTransform","handleSecondaryAction","closeCallback","internalUrl","findFeatureTagElement","executeAfterAnimation","styles","getMinorPopupStyles","jsxDEV","e","this","decodeHTMLEntities","TEXT"],"mappings":"yWAYMA,EAAoD,CAAC,CAC1D,QAAAC,EACA,aAAAC,EACA,cAAAC,EACA,OAAAC,EACA,UAAAC,EACA,WAAAC,EACA,OAAAC,EACA,aAAcC,CACf,IAAM,CACL,KAAM,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAC1C,CAACC,EAAgBC,CAAiB,EAAIF,EAAAA,SAAS,EAAK,EACpD,CAACG,EAAWC,CAAY,EAAIJ,EAAAA,SAAS,EAAE,EACvCK,EAAWC,EAAAA,OAAuB,IAAI,EAG5CC,EAAAA,UAAU,IAAM,CACXT,GAEHI,EAAkB,EAAI,CAExB,EAAG,CAACJ,CAAS,CAAC,EAEd,MAAMU,EAAgB,IAAY,CACjC,MAAMC,EAASnB,EAAQ,eAAe,OAEtC,GAAImB,IAAW,YAAa,CAC3B,MAAMC,EAAMpB,EAAQ,eAAe,gBAAkBA,EAAQ,YACzDoB,GACgBA,EAAI,WAAW,MAAM,GAEvC,OAAO,KAAKA,EAAK,SAAU,qBAAqB,CAGnD,CAKA,GAJAhB,EAAUe,CAAM,EAGhBE,EAAAA,iBAAiBN,EAAS,OAAO,EAC7BA,EAAS,SAAWf,EAAQ,WAAY,CAC3C,MAAMsB,EACLtB,EAAQ,WAAW,WAAW,GAAG,GACjCA,EAAQ,WAAW,WAAW,GAAG,GACjCA,EAAQ,WAAW,WAAW,GAAG,EAC9BA,EAAQ,WACR,IAAIA,EAAQ,UAAU,GACpBuB,EAAgB,SAAS,cAAcD,CAAc,EAC3D,GAAIC,EAAe,CAClB,MAAMC,EAAiBC,EAAAA,wBACtBV,EAAS,QACTQ,CAAA,EAEDT,EAAaU,CAAc,CAC5B,MACCV,EAAa,UAAU,CAEzB,MACCA,EAAa,UAAU,EAExBP,IAAqB,EAAI,EACzBE,EAAa,EAAI,CAClB,EAEMiB,EAAwB,IAAY,CACzC,MAAMP,EAASnB,EAAQ,iBAAiB,OAClC2B,EAAgBxB,EACtB,IAAIyB,EAA6B,KAGjC,GAAIT,IAAW,aACdf,EAAU,YAAY,UACZe,IAAW,YAAa,CAClC,MAAMC,EAAMpB,EAAQ,iBAAiB,eACjCoB,IACgBA,EAAI,WAAW,MAAM,EAEvC,OAAO,KAAKA,EAAK,SAAU,qBAAqB,EAEhDQ,EAAcR,EAGjB,CAMA,GADAC,EAAAA,iBAAiBN,EAAS,OAAO,EAC7BA,EAAS,SAAWf,EAAQ,WAAY,CAC3C,MAAMuB,EAAgBM,EAAAA,sBAAsB7B,EAAQ,UAAU,EAC9D,GAAIuB,EAAe,CAClB,MAAMC,EAAiBC,EAAAA,wBACtBV,EAAS,QACTQ,CAAA,EAEDT,EAAaU,CAAc,CAC5B,MACCV,EAAa,UAAU,CAEzB,MACCA,EAAa,UAAU,EAExBP,IAAqB,EAAI,EACzBE,EAAa,EAAI,EACjBqB,EAAAA,sBAAsB,SAAY,CACjC,MAAMH,EAAA,EACFC,IACH,OAAO,SAAS,KAAOA,EAEzB,CAAC,CACF,EAEMG,EAASC,EAAAA,oBAAoBrB,EAAgBE,CAAS,EAE5D,gBACE,MAAA,CAAI,IAAKE,EAAU,MAAOgB,EAAO,UAEjC,SAAA,CAAAE,EAAAA,OAAC,MAAA,CAAI,MAAOF,EAAO,eACjB,SAAA/B,EAAQ,aACRiC,EAAAA,OAAC,MAAA,CAAI,MAAOF,EAAO,aAClB,SAAAE,EAAAA,OAAC,MAAA,CACA,IAAKjC,EAAQ,aACb,IAAKA,EAAQ,MACb,MAAO+B,EAAO,MACd,QAAUG,GAAM,CACXlC,EAAQ,QACVkC,EAAE,OAA4B,IAAMlC,EAAQ,MAE/C,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAmC,MAAA,CASA,EAVD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EAEAF,EAAAA,OAAC,MAAA,CAAI,MAAOF,EAAO,iBACjB,gBAAK,2BAAA,EADP,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAI,MAEA,CAAA,EAjBF,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAmBA,EAGAF,EAAAA,OAAC,MAAA,CAAI,MAAOF,EAAO,iBAClB,SAAA,CAAAE,SAAC,MAAA,CACA,SAAA,CAAAA,EAAAA,OAAC,KAAA,CAAG,MAAOF,EAAO,MAAQ,WAAQ,OAAlC,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAI,MAAwC,EACxCF,EAAAA,OAAC,MAAA,CACA,MAAOF,EAAO,QACd,wBAAyB,CACxB,OAAQK,EAAAA,mBAAmBpC,EAAQ,SAAWA,EAAQ,MAAQ,EAAE,CAAA,CACjE,EAJD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAmC,MAAA,CAKA,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAQA,EAGAF,EAAAA,OAAC,MAAA,CAAI,MAAOF,EAAO,iBAEjB,SAAA,CAAA/B,EAAQ,iBAAiB,MACzBiC,EAAAA,OAAC,OAAA,CAAK,QAASP,EAAuB,MAAOK,EAAO,eAClD,SAAA/B,EAAQ,gBAAgB,IAAA,EAD1B,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAmC,MAEA,EAIDF,EAAAA,OAAC,SAAA,CAAO,QAASf,EAAe,MAAOa,EAAO,cAC5C,SAAA/B,EAAQ,eAAe,MACvBA,EAAQ,YACRqC,EAAAA,KAAK,mBAAA,EAHP,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAF,MAIA,CAAA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EA1BD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MA2BA,CAAA,CAAA,EAnDD,OAAA,GAAA,CAAA,SAAA,~~gHAAA,~~WAAA,IAAA,aAAA,CAAA,EAAAA,MAoDA,CAEF"}
1	+ {"version":3,"file":"MinorUpdatePopup.js","sources":["../../../../src/components/feature-announcements/MinorUpdatePopup.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { TEXT } from './constants';\nimport { getMinorPopupStyles } from './styles';\nimport { MinorUpdatePopupProps } from './types';\nimport {\n\tcalculateCloseTransform,\n\tdecodeHTMLEntities,\n\texecuteAfterAnimation,\n\tfindFeatureTagElement,\n\thideJoyrideArrow,\n} from './utils';\n\nconst MinorUpdatePopup: React.FC<MinorUpdatePopupProps> = ({\n\tfeature,\n\tcurrentIndex,\n\ttotalFeatures,\n\tonSkip,\n\tonExplore,\n\tonPrevious,\n\tonNext,\n\tsetIsClosing: setIsClosingParent,\n}) => {\n\tconst [isClosing, setIsClosing] = useState(false);\n\tconst [startAnimation, setStartAnimation] = useState(false);\n\tconst [transform, setTransform] = useState('');\n\tconst popupRef = useRef<HTMLDivElement>(null);\n\n\t// Hide Joyride arrow when closing starts, then trigger animation immediately\n\tuseEffect(() => {\n\t\tif (isClosing) {\n\t\t\t// Start the shrink animation immediately\n\t\t\tsetStartAnimation(true);\n\t\t}\n\t}, [isClosing]);\n\n\tconst handleExplore = (): void => {\n\t\tconst action = feature.primaryButton?.action;\n\n\t\tif (action === 'Open link') {\n\t\t\tconst url = feature.primaryButton?.redirectionUrl \|\| feature.redirectUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tonExplore(action);\n\n\t\t// Run closing animation in background\n\t\thideJoyrideArrow(popupRef.current);\n\t\tif (popupRef.current && feature.featureTag) {\n\t\t\tconst targetSelector =\n\t\t\t\tfeature.featureTag.startsWith('#') \|\|\n\t\t\t\tfeature.featureTag.startsWith('.') \|\|\n\t\t\t\tfeature.featureTag.startsWith('[')\n\t\t\t\t\t? feature.featureTag\n\t\t\t\t\t: `#${feature.featureTag}`;\n\t\t\tconst targetElement = document.querySelector(targetSelector);\n\t\t\tif (targetElement) {\n\t\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\t\tpopupRef.current,\n\t\t\t\t\ttargetElement,\n\t\t\t\t);\n\t\t\t\tsetTransform(transformValue);\n\t\t\t} else {\n\t\t\t\tsetTransform('scale(0)');\n\t\t\t}\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t};\n\n\tconst handleSecondaryAction = (): void => {\n\t\tconst action = feature.secondaryButton?.action;\n\t\tconst closeCallback = onSkip;\n\t\tlet internalUrl: string \| null = null;\n\n\t\t// Handle based on action type\n\t\tif (action === 'Play Video') {\n\t\t\tonExplore('Play Video');\n\t\t} else if (action === 'Open link') {\n\t\t\tconst url = feature.secondaryButton?.redirectionUrl;\n\t\t\tif (url) {\n\t\t\t\tconst isExternal = url.startsWith('http');\n\t\t\t\tif (isExternal) {\n\t\t\t\t\twindow.open(url, '_blank', 'noopener,noreferrer');\n\t\t\t\t} else {\n\t\t\t\t\tinternalUrl = url;\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (action === 'Close popup' \|\| action === '') {\n\t\t\t// Just close the popup\n\t\t}\n\n\t\t// Always close popup after secondary action\n\t\thideJoyrideArrow(popupRef.current);\n\t\tif (popupRef.current && feature.featureTag) {\n\t\t\tconst targetElement = findFeatureTagElement(feature.featureTag);\n\t\t\tif (targetElement) {\n\t\t\t\tconst transformValue = calculateCloseTransform(\n\t\t\t\t\tpopupRef.current,\n\t\t\t\t\ttargetElement,\n\t\t\t\t);\n\t\t\t\tsetTransform(transformValue);\n\t\t\t} else {\n\t\t\t\tsetTransform('scale(0)');\n\t\t\t}\n\t\t} else {\n\t\t\tsetTransform('scale(0)');\n\t\t}\n\t\tsetIsClosingParent?.(true);\n\t\tsetIsClosing(true);\n\t\texecuteAfterAnimation(async () => {\n\t\t\tawait closeCallback();\n\t\t\tif (internalUrl) {\n\t\t\t\twindow.location.href = internalUrl;\n\t\t\t}\n\t\t});\n\t};\n\n\tconst styles = getMinorPopupStyles(startAnimation, transform);\n\n\treturn (\n\t\t<div ref={popupRef} style={styles.container}>\n\t\t\t{/* Image section /}\n\t\t\t<div style={styles.imageContainer}>\n\t\t\t\t{feature.displayImage ? (\n\t\t\t\t\t<div style={styles.imageWrapper}>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={feature.displayImage}\n\t\t\t\t\t\t\talt={feature.title}\n\t\t\t\t\t\t\tstyle={styles.image}\n\t\t\t\t\t\t\tonError={(e) => {\n\t\t\t\t\t\t\t\tif (feature.image) {\n\t\t\t\t\t\t\t\t\t(e.target as HTMLImageElement).src = feature.image;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<div style={styles.imagePlaceholder}>\n\t\t\t\t\t\t{TEXT.FEATURE_PREVIEW_PLACEHOLDER}\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</div>\n\n\t\t\t{/ Content section /}\n\t\t\t<div style={styles.contentContainer}>\n\t\t\t\t<div>\n\t\t\t\t\t<h3 style={styles.title}>{feature.title}</h3>\n\t\t\t\t\t<div\n\t\t\t\t\t\tstyle={styles.content}\n\t\t\t\t\t\tdangerouslySetInnerHTML={{\n\t\t\t\t\t\t\t__html: decodeHTMLEntities(feature.content \|\| feature.body \|\| ''),\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t{/ Action buttons /}\n\t\t\t\t<div style={styles.actionsContainer}>\n\t\t\t\t\t{/ Secondary Button (if configured, shows as text link on left) /}\n\t\t\t\t\t{feature.secondaryButton?.text && (\n\t\t\t\t\t\t<span onClick={handleSecondaryAction} style={styles.understoodText}>\n\t\t\t\t\t\t\t{feature.secondaryButton.text}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{/ Primary Button (always shows) */}\n\t\t\t\t\t<button onClick={handleExplore} style={styles.exploreButton}>\n\t\t\t\t\t\t{feature.primaryButton?.text \|\|\n\t\t\t\t\t\t\tfeature.buttonText \|\|\n\t\t\t\t\t\t\tTEXT.DEFAULT_BUTTON_TEXT}\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default MinorUpdatePopup;\n"],"names":["MinorUpdatePopup","feature","currentIndex","totalFeatures","onSkip","onExplore","onPrevious","onNext","setIsClosingParent","isClosing","setIsClosing","useState","startAnimation","setStartAnimation","transform","setTransform","popupRef","useRef","useEffect","handleExplore","action","url","hideJoyrideArrow","targetSelector","targetElement","transformValue","calculateCloseTransform","handleSecondaryAction","closeCallback","internalUrl","findFeatureTagElement","executeAfterAnimation","styles","getMinorPopupStyles","jsxDEV","e","this","decodeHTMLEntities","TEXT"],"mappings":"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"}

package/dist/cjs/components/feature-announcements/VideoModal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("./constants/index.js"),t=require("./utils/htmlHelpers.js"),o=require("./styles/videoModal.styles.js"),c=({isOpen:a,videoUrl:s,onClose:r})=>{if(!a)return null;const l=n=>{n.target===n.currentTarget&&r()},d=t.formatVideoUrl(s),u=t.isYouTubeVideo(s);return e.jsxDEV("div",{style:o.videoModalStyles.backdrop,onClick:l,children:e.jsxDEV("div",{style:o.videoModalStyles.container,onClick:n=>n.stopPropagation(),children:[e.jsxDEV("button",{onClick:r,style:o.videoModalStyles.closeButton.base,onMouseOver:n=>Object.assign(n.currentTarget.style,o.videoModalStyles.closeButton.hover),onMouseOut:n=>Object.assign(n.currentTarget.style,o.videoModalStyles.closeButton.base),children:"×"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:30,columnNumber:5},void 0),e.jsxDEV("div",{style:o.videoModalStyles.videoWrapper,children:s?u?e.jsxDEV("iframe",{width:"100%",height:"100%",src:d,title:i.TEXT.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:o.videoModalStyles.iframe},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:53,columnNumber:8},void 0):e.jsxDEV("video",{controls:!0,autoPlay:!0,style:o.videoModalStyles.video,children:[e.jsxDEV("source",{src:s,type:"video/mp4"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:65,columnNumber:9},void 0),e.jsxDEV("source",{src:s,type:"video/webm"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:66,columnNumber:9},void 0),e.jsxDEV("source",{src:s,type:"video/ogg"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:67,columnNumber:9},void 0),"Your browser does not support the video tag."]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:64,columnNumber:8},void 0):e.jsxDEV("div",{style:o.videoModalStyles.noVideoMessage,children:i.TEXT.NO_VIDEO_AVAILABLE},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:72,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:50,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:25,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:24,columnNumber:3},void 0)};exports.VideoModal=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),i=require("./constants/index.js"),t=require("./utils/htmlHelpers.js"),o=require("./styles/videoModal.styles.js"),d=({isOpen:a,videoUrl:r,onClose:s})=>{if(!a)return null;const l=n=>{n.target===n.currentTarget&&s()},u=t.formatVideoUrl(r),c=t.isYouTubeVideo(r);return e.jsxDEV("div",{style:o.videoModalStyles.backdrop,onClick:l,children:e.jsxDEV("div",{style:o.videoModalStyles.container,onClick:n=>n.stopPropagation(),children:[e.jsxDEV("button",{onClick:s,style:o.videoModalStyles.closeButton.base,onMouseOver:n=>Object.assign(n.currentTarget.style,o.videoModalStyles.closeButton.hover),onMouseOut:n=>Object.assign(n.currentTarget.style,o.videoModalStyles.closeButton.base),children:"×"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:30,columnNumber:5},void 0),e.jsxDEV("div",{style:o.videoModalStyles.videoWrapper,children:r?c?e.jsxDEV("iframe",{width:"100%",height:"100%",src:u,title:i.TEXT.VIDEO_MODAL_TITLE,frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",allowFullScreen:!0,style:o.videoModalStyles.iframe},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:53,columnNumber:8},void 0):e.jsxDEV("video",{controls:!0,autoPlay:!0,style:o.videoModalStyles.video,children:[e.jsxDEV("source",{src:r,type:"video/mp4"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:65,columnNumber:9},void 0),e.jsxDEV("source",{src:r,type:"video/webm"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:66,columnNumber:9},void 0),e.jsxDEV("source",{src:r,type:"video/ogg"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:67,columnNumber:9},void 0),"Your browser does not support the video tag."]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:64,columnNumber:8},void 0):e.jsxDEV("div",{style:o.videoModalStyles.noVideoMessage,children:i.TEXT.NO_VIDEO_AVAILABLE},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:72,columnNumber:7},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:50,columnNumber:5},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:25,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/feature-announcements/VideoModal.tsx",lineNumber:24,columnNumber:3},void 0)};exports.VideoModal=d;
 //# sourceMappingURL=VideoModal.js.map

package/dist/cjs/components/feature-announcements/VideoModal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoModal.js","sources":["../../../../src/components/feature-announcements/VideoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { TEXT } from './constants';\nimport { videoModalStyles } from './styles';\nimport { VideoModalProps } from './types';\nimport { formatVideoUrl, isYouTubeVideo } from './utils';\n\nexport const VideoModal: React.FC<VideoModalProps> = ({\n\tisOpen,\n\tvideoUrl,\n\tonClose,\n}) => {\n\tif (!isOpen) return null;\n\n\tconst handleBackdropClick = (e: React.MouseEvent): void => {\n\t\tif (e.target === e.currentTarget) {\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst formattedVideoUrl = formatVideoUrl(videoUrl);\n\tconst isYouTube = isYouTubeVideo(videoUrl);\n\n\treturn (\n\t\t<div style={videoModalStyles.backdrop} onClick={handleBackdropClick}>\n\t\t\t<div\n\t\t\t\tstyle={videoModalStyles.container}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{/* Close Button /}\n\t\t\t\t<button\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t\tstyle={videoModalStyles.closeButton.base}\n\t\t\t\t\tonMouseOver={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.hover,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tonMouseOut={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.base,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t×\n\t\t\t\t</button>\n\n\t\t\t\t{/ Video Player */}\n\t\t\t\t<div style={videoModalStyles.videoWrapper}>\n\t\t\t\t\t{videoUrl ? (\n\t\t\t\t\t\tisYouTube ? (\n\t\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\tsrc={formattedVideoUrl}\n\t\t\t\t\t\t\t\ttitle={TEXT.VIDEO_MODAL_TITLE}\n\t\t\t\t\t\t\t\tframeBorder=\"0\"\n\t\t\t\t\t\t\t\tallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n\t\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t\t\tstyle={videoModalStyles.iframe}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<video controls autoPlay style={videoModalStyles.video}>\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/mp4\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/webm\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/ogg\" />\n\t\t\t\t\t\t\t\tYour browser does not support the video tag.\n\t\t\t\t\t\t\t</video>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={videoModalStyles.noVideoMessage}>\n\t\t\t\t\t\t\t{TEXT.NO_VIDEO_AVAILABLE}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["VideoModal","isOpen","videoUrl","onClose","handleBackdropClick","e","formattedVideoUrl","formatVideoUrl","isYouTube","isYouTubeVideo","videoModalStyles","jsxDEV","this","TEXT"],"mappings":"0OAMaA,EAAwC,CAAC,CACrD,OAAAC,EACA,SAAAC,EACA,QAAAC,CACD,IAAM,CACL,GAAI,CAACF,EAAQ,OAAO,KAEpB,MAAMG,EAAuBC,GAA8B,CACtDA,EAAE,SAAWA,EAAE,eAClBF,EAAA,CAEF,EAEMG,EAAoBC,EAAAA,eAAeL,CAAQ,EAC3CM,EAAYC,EAAAA,eAAeP,CAAQ,EAEzC,gBACE,MAAA,CAAI,MAAOQ,EAAAA,iBAAiB,SAAU,QAASN,EAC/C,SAAAO,EAAAA,OAAC,MAAA,CACA,MAAOD,EAAAA,iBAAiB,UACxB,QAAUL,GAAMA,EAAE,gBAAA,EAGlB,SAAA,CAAAM,EAAAA,OAAC,SAAA,CACA,QAASR,EACT,MAAOO,EAAAA,iBAAiB,YAAY,KACpC,YAAcL,GACb,OAAO,OACNA,EAAE,cAAc,MAChBK,EAAAA,iBAAiB,YAAY,KAAA,EAG/B,WAAaL,GACZ,OAAO,OACNA,EAAE,cAAc,MAChBK,EAAAA,iBAAiB,YAAY,IAAA,EAG/B,SAAA,GAAA,EAfD,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,WAoBC,MAAA,CAAI,MAAOF,EAAAA,iBAAiB,aAC3B,WACAF,EACCG,EAAAA,OAAC,SAAA,CACA,MAAM,OACN,OAAO,OACP,IAAKL,EACL,MAAOO,EAAAA,KAAK,kBACZ,YAAY,IACZ,MAAM,sGACN,gBAAe,GACf,MAAOH,EAAAA,iBAAiB,MAAA,EARzB,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,WAWC,QAAA,CAAM,SAAQ,GAAC,SAAQ,GAAC,MAAOF,mBAAiB,MAChD,SAAA,CAAAC,SAAC,SAAA,CAAO,IAAKT,EAAU,KAAK,WAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAwC,EACxCD,SAAC,SAAA,CAAO,IAAKT,EAAU,KAAK,YAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAyC,EACzCD,SAAC,SAAA,CAAO,IAAKT,EAAU,KAAK,WAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAwC,EAAE,8CAAA,CAAA,EAH3C,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EAGDD,EAAAA,OAAC,MAAA,CAAI,MAAOD,EAAAA,iBAAiB,eAC3B,gBAAK,kBAAA,EADP,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAE,MAEA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAAA,CAAA,EAnDD,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoDA,EArDD,OAAA,GAAA,CAAA,SAAA,~~0GAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAEF"}
1	+ {"version":3,"file":"VideoModal.js","sources":["../../../../src/components/feature-announcements/VideoModal.tsx"],"sourcesContent":["import React from 'react';\nimport { TEXT } from './constants';\nimport { videoModalStyles } from './styles';\nimport { VideoModalProps } from './types';\nimport { formatVideoUrl, isYouTubeVideo } from './utils';\n\nexport const VideoModal: React.FC<VideoModalProps> = ({\n\tisOpen,\n\tvideoUrl,\n\tonClose,\n}) => {\n\tif (!isOpen) return null;\n\n\tconst handleBackdropClick = (e: React.MouseEvent): void => {\n\t\tif (e.target === e.currentTarget) {\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst formattedVideoUrl = formatVideoUrl(videoUrl);\n\tconst isYouTube = isYouTubeVideo(videoUrl);\n\n\treturn (\n\t\t<div style={videoModalStyles.backdrop} onClick={handleBackdropClick}>\n\t\t\t<div\n\t\t\t\tstyle={videoModalStyles.container}\n\t\t\t\tonClick={(e) => e.stopPropagation()}\n\t\t\t>\n\t\t\t\t{/* Close Button /}\n\t\t\t\t<button\n\t\t\t\t\tonClick={onClose}\n\t\t\t\t\tstyle={videoModalStyles.closeButton.base}\n\t\t\t\t\tonMouseOver={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.hover,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t\tonMouseOut={(e) =>\n\t\t\t\t\t\tObject.assign(\n\t\t\t\t\t\t\te.currentTarget.style,\n\t\t\t\t\t\t\tvideoModalStyles.closeButton.base,\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t×\n\t\t\t\t</button>\n\n\t\t\t\t{/ Video Player */}\n\t\t\t\t<div style={videoModalStyles.videoWrapper}>\n\t\t\t\t\t{videoUrl ? (\n\t\t\t\t\t\tisYouTube ? (\n\t\t\t\t\t\t\t<iframe\n\t\t\t\t\t\t\t\twidth=\"100%\"\n\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\tsrc={formattedVideoUrl}\n\t\t\t\t\t\t\t\ttitle={TEXT.VIDEO_MODAL_TITLE}\n\t\t\t\t\t\t\t\tframeBorder=\"0\"\n\t\t\t\t\t\t\t\tallow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n\t\t\t\t\t\t\t\tallowFullScreen\n\t\t\t\t\t\t\t\tstyle={videoModalStyles.iframe}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<video controls autoPlay style={videoModalStyles.video}>\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/mp4\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/webm\" />\n\t\t\t\t\t\t\t\t<source src={videoUrl} type=\"video/ogg\" />\n\t\t\t\t\t\t\t\tYour browser does not support the video tag.\n\t\t\t\t\t\t\t</video>\n\t\t\t\t\t\t)\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={videoModalStyles.noVideoMessage}>\n\t\t\t\t\t\t\t{TEXT.NO_VIDEO_AVAILABLE}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n"],"names":["VideoModal","isOpen","videoUrl","onClose","handleBackdropClick","e","formattedVideoUrl","formatVideoUrl","isYouTube","isYouTubeVideo","videoModalStyles","jsxDEV","this","TEXT"],"mappings":"0OAMaA,EAAwC,CAAC,CACrD,OAAAC,EACA,SAAAC,EACA,QAAAC,CACD,IAAM,CACL,GAAI,CAACF,EAAQ,OAAO,KAEpB,MAAMG,EAAuBC,GAA8B,CACtDA,EAAE,SAAWA,EAAE,eAClBF,EAAA,CAEF,EAEMG,EAAoBC,EAAAA,eAAeL,CAAQ,EAC3CM,EAAYC,EAAAA,eAAeP,CAAQ,EAEzC,gBACE,MAAA,CAAI,MAAOQ,EAAAA,iBAAiB,SAAU,QAASN,EAC/C,SAAAO,EAAAA,OAAC,MAAA,CACA,MAAOD,EAAAA,iBAAiB,UACxB,QAAUL,GAAMA,EAAE,gBAAA,EAGlB,SAAA,CAAAM,EAAAA,OAAC,SAAA,CACA,QAASR,EACT,MAAOO,EAAAA,iBAAiB,YAAY,KACpC,YAAcL,GACb,OAAO,OACNA,EAAE,cAAc,MAChBK,EAAAA,iBAAiB,YAAY,KAAA,EAG/B,WAAaL,GACZ,OAAO,OACNA,EAAE,cAAc,MAChBK,EAAAA,iBAAiB,YAAY,IAAA,EAG/B,SAAA,GAAA,EAfD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,WAoBC,MAAA,CAAI,MAAOF,EAAAA,iBAAiB,aAC3B,WACAF,EACCG,EAAAA,OAAC,SAAA,CACA,MAAM,OACN,OAAO,OACP,IAAKL,EACL,MAAOO,EAAAA,KAAK,kBACZ,YAAY,IACZ,MAAM,sGACN,gBAAe,GACf,MAAOH,EAAAA,iBAAiB,MAAA,EARzB,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAAA,WAWC,QAAA,CAAM,SAAQ,GAAC,SAAQ,GAAC,MAAOF,mBAAiB,MAChD,SAAA,CAAAC,SAAC,SAAA,CAAO,IAAKT,EAAU,KAAK,WAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAwC,EACxCD,SAAC,SAAA,CAAO,IAAKT,EAAU,KAAK,YAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAyC,EACzCD,SAAC,SAAA,CAAO,IAAKT,EAAU,KAAK,WAAA,EAA5B,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAU,MAAwC,EAAE,8CAAA,CAAA,EAH3C,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAKA,EAGDD,EAAAA,OAAC,MAAA,CAAI,MAAOD,EAAAA,iBAAiB,eAC3B,gBAAK,kBAAA,EADP,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAE,MAEA,CAAA,EAxBF,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MA0BA,CAAA,CAAA,EAnDD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAoDA,EArDD,OAAA,GAAA,CAAA,SAAA,yIAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAsDA,CAEF"}

package/dist/cjs/components/file-uploader/FileUploader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),u=require("react"),E=require("../curtain/CurtainHelper.js"),k=require("./FileUploaderStyle.js"),c=require("../TypographyStyle.js"),d=require("../../constants/Theme.js"),T=require("../../assets/icons/check.svg.js"),O=require("../../assets/icons/file.svg.js"),R=require("../../assets/icons/filePdf.svg.js"),P=require("../../assets/icons/image.svg.js"),q=require("../../assets/icons/triangle_error.svg.js"),z=require("../../assets/icons/upload.svg.js"),B=require("../../assets/icons/videoRecorder.svg.js"),$=require("../tooltips/Tooltip.js"),G=require("../progress-bar/ProgressBarComponent.js"),x=require("../button/Button.js"),A=require("../input/Input.js"),W=require("../curtain/Curtain.js"),H=r=>{const[N,v]=u.useState(""),[V,t]=u.useState(""),[j,y]=u.useState(null),[f,U]=u.useState(!1),[m,b]=u.useState(),[i,F]=u.useState(r.fileUploadRules.allowedFormats.split(",").map(o=>o?.split("/")?.at(-1)?.toUpperCase())?.join("/")||"FILE"),g=o=>{if(!o)return"Please upload an file before saving!";const l=r.fileUploadRules.allowedSize[o.type.toLowerCase()];return l?o.size>l?`Max file size that can be added is ${p(l)}`:"":"Uploaded file type is not supported!"},_=o=>{const l=o.split(".").pop();if(r?.fileName)return`${r.fileName}.${l}`;const n=new Date;return o.split(".")[0]+"_"+n.getTime().toString()+"."+l},p=o=>{if(!o)return"0 Bytes";const l=1024,n=2,a=["Bytes","KB","MB"],s=Math.floor(Math.log(o)/Math.log(l));return`${parseFloat((o/Math.pow(l,s)).toFixed(n))} ${a[s]}`},S=(o,l,n)=>{const a=new Date;return{fileId:a.getTime().toString(),fileName:n,fileSize:p(o.size),fileType:o.type,fileUrl:l,uploadType:"FileUpload",uploadDate:a}},C=o=>{v("");const l=o?.files?.[0],n=g(l);v(n),n?r.onError(n):(y(l),I(l),U(!0))},I=o=>{if(!N){const l=_(o.name),n=l.split(".").at(-1)?.toUpperCase()||"FILE";F(n),r.uploadFile?.(o,l).then(a=>{const s=S(o,a,l);U(!1),b(s)}).catch(a=>{const s=a?.message||"Unknown technical error occured while uploading file!";r.onError(s)})}},L=o=>{try{return new URL(o),!0}catch{return!1}},M=o=>{if(o){if(!L(o)){t(`Please enter a valid ${i.toLowerCase()} URL`);return}r.getFileMetaFromUrl?.(o).then(l=>{if(!l||!l.type||l.type.split("/").at(-1)?.toLowerCase()!==i.toLowerCase())t(`Please enter a valid ${i.toLowerCase()} URL`);else{const n=r.fileUploadRules.allowedSize[l.type.toLowerCase()];if(!n)t("Uploaded file type is not supported!");else if(l.size>n)t(`Max file size that can be added is ${p(n)}`);else{const a=l.type.split("/").at(-1)?.toUpperCase()||"FILE";F(a);const s=_(`file.${a.toLowerCase()}`),h=new Date;b({fileId:h.getTime().toString(),fileName:s,fileSize:p(l.size),fileType:l.type,fileUrl:o,uploadType:"URL",uploadDate:h}),y(null)}}},l=>t(l?.message??"Please enter a valid image URL"))}},w=(o,l,n)=>D[i]==="IMAGE"?e.jsxDEV(P.default,{color:o,height:l,width:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:202,columnNumber:11},void 0):D[i]==="VIDEO"?e.jsxDEV(B.default,{color:o,height:l,width:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:204,columnNumber:11},void 0):D[i]==="PDF"?e.jsxDEV(R.default,{color:o,height:l,width:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:206,columnNumber:11},void 0):e.jsxDEV(O.default,{color:o,height:l,width:n},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:207,columnNumber:10},void 0);return e.jsxDEV(e.Fragment,{children:m&&Object.keys(m)?.length?e.jsxDEV(k.FileUploadedStyle,{className:"fileUploaded",children:[e.jsxDEV("div",{className:"fileUploaded__header",children:[e.jsxDEV("div",{className:"fileUploaded__header__icon",children:e.jsxDEV(T.default,{color:d.COLORS.content.primaryInverse,height:46,width:40},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:355,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:354,columnNumber:7},void 0),e.jsxDEV("div",{className:"fileUploaded__header__title",children:e.jsxDEV(c.TitleMedium,{children:[i," uploaded successfully"]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:362,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:361,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:353,columnNumber:6},void 0),e.jsxDEV("div",{className:"fileUploaded__body",children:[e.jsxDEV("div",{className:"fileUploaded__body__file-detail",children:[e.jsxDEV("div",{className:"fileUploaded__body__file-detail__icon",children:w(d.COLORS.content.secondary,22,18)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:367,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploaded__body__file-detail__name",children:e.jsxDEV(c.BodySecondary,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:m?.fileName},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:371,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:370,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploaded__body__file-detail__size",children:m?.fileSize},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:381,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:366,columnNumber:7},void 0),e.jsxDEV("div",{className:"fileUploaded__body__buttons",children:[e.jsxDEV("div",{className:"fileUploaded__body__buttons__edit",children:e.jsxDEV(x.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{b({}),r.fileUploadRules.allowedFormats.split(",").map(o=>o?.split("/")?.at(-1)?.toUpperCase())?.join("/")}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:387,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:386,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploaded__body__buttons__done",children:e.jsxDEV(x.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>r.onSuccess(j,m)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:403,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:402,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:385,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:365,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:352,columnNumber:5},void 0):e.jsxDEV(k.FileUploaderStyle,{showProgressBar:f,children:[e.jsxDEV("div",{className:"fileUploader",children:[e.jsxDEV("div",{className:"fileUploader__header",children:[e.jsxDEV("div",{className:"fileUploader__header__icon",children:w(d.COLORS.content.secondary,36,30)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:216,columnNumber:8},void 0),e.jsxDEV($.Tooltip,{body:i,placement:"top",children:e.jsxDEV("div",{className:"fileUploader__header__title",children:e.jsxDEV(c.TitleMedium,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:f?"Document upload in progress":`Upload ${i}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:221,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:220,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:219,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploader__header__caption",children:e.jsxDEV(c.BodySecondary,{style:{color:d.COLORS.content.secondary},children:f?`Your ${i} is getting loaded. This may take a couple of minutes.`:`${i.includes("/")?"Files":i+" format"} • Max ${p(Math.max(...Object.values(r.fileUploadRules.allowedSize)))}`},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:236,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:235,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:215,columnNumber:7},void 0),e.jsxDEV("div",{className:"fileUploader__body",children:f?e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"fileUploader__body__progress-bar",children:e.jsxDEV(G.ProgressBarComponent,{completed:r.uploadProgress,isAnimated:!0},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:255,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:254,columnNumber:10},void 0),e.jsxDEV("div",{className:"fileUploader__body__cancel-button",children:e.jsxDEV(x.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{U(!1),y(null),b({})}},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:261,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:260,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:253,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"fileUploader__body__link",children:e.jsxDEV(A.Input,{type:"text",onChangeText:()=>t(""),placeholder:`Enter URL of the ${i.includes("/")?"file":i.toLowerCase()}`,width:"100%",height:"48px",labelText:`${i.includes("/")?"File":i} link`,errorMessage:V,onBlur:o=>M(o.target.value)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:275,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:274,columnNumber:10},void 0),e.jsxDEV("div",{className:"fileUploader__body__divider",children:[e.jsxDEV("div",{className:"left"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:293,columnNumber:11},void 0),e.jsxDEV("div",{className:"title",children:e.jsxDEV(c.BodyCaption,{style:{color:d.COLORS.content.secondary},children:"Or upload from device"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:295,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:294,columnNumber:11},void 0),e.jsxDEV("div",{className:"right"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:299,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:292,columnNumber:10},void 0),e.jsxDEV("div",{className:"fileUploader__body__upload",children:[e.jsxDEV("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:e.jsxDEV("div",{className:"file-uploader",children:[e.jsxDEV("div",{children:e.jsxDEV(z.default,{height:18,width:18},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:308,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:307,columnNumber:13},void 0),e.jsxDEV("div",{children:e.jsxDEV(c.ButtonLarge,{style:{color:d.COLORS.content.brand},children:"Upload"},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:311,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:310,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:306,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:302,columnNumber:11},void 0),e.jsxDEV("input",{id:"file-upload-button",type:"file",accept:r.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:o=>C(o.target)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:317,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:301,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:273,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:251,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:214,columnNumber:6},void 0),N&&e.jsxDEV("div",{className:"fileUploadError",children:e.jsxDEV(W.Curtain,{type:E.CURTAIN_TYPES.NEGATIVE,mode:E.CURTAIN_MODE.LIGHT,text:N,hideCrossIcon:!0,icon:()=>e.jsxDEV(q.default,{height:16,width:19,color:d.COLORS.content.negative},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:340,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:333,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:332,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:213,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:211,columnNumber:3},void 0)},D={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),m=require("react"),E=require("../curtain/CurtainHelper.js"),V=require("./FileUploaderStyle.js"),u=require("../TypographyStyle.js"),t=require("../../constants/Theme.js"),M=require("../../assets/icons/check.svg.js"),T=require("../../assets/icons/file.svg.js"),O=require("../../assets/icons/filePdf.svg.js"),R=require("../../assets/icons/image.svg.js"),P=require("../../assets/icons/triangle_error.svg.js"),q=require("../../assets/icons/upload.svg.js"),z=require("../../assets/icons/videoRecorder.svg.js"),B=require("../tooltips/Tooltip.js"),$=require("../progress-bar/ProgressBarComponent.js"),h=require("../button/Button.js"),G=require("../input/Input.js"),A=require("../curtain/Curtain.js"),H=n=>{const[k,U]=m.useState(""),[j,d]=m.useState(""),[W,v]=m.useState(null),[b,N]=m.useState(!1),[c,f]=m.useState(),[l,x]=m.useState(n.fileUploadRules.allowedFormats.split(",").map(i=>i?.split("/")?.at(-1)?.toUpperCase())?.join("/")||"FILE"),g=i=>{if(!i)return"Please upload an file before saving!";const r=n.fileUploadRules.allowedSize[i.type.toLowerCase()];return r?i.size>r?`Max file size that can be added is ${p(r)}`:"":"Uploaded file type is not supported!"},D=i=>{const r=i.split(".").pop();if(n?.fileName)return`${n.fileName}.${r}`;const o=new Date;return i.split(".")[0]+"_"+o.getTime().toString()+"."+r},p=i=>{if(!i)return"0 Bytes";const r=1024,o=2,a=["Bytes","KB","MB"],s=Math.floor(Math.log(i)/Math.log(r));return`${parseFloat((i/Math.pow(r,s)).toFixed(o))} ${a[s]}`},S=(i,r,o)=>{const a=new Date;return{fileId:a.getTime().toString(),fileName:o,fileSize:p(i.size),fileType:i.type,fileUrl:r,uploadType:"FileUpload",uploadDate:a}},w=i=>{U("");const r=i?.files?.[0],o=g(r);U(o),o?n.onError(o):(v(r),C(r),N(!0))},C=i=>{if(!k){const r=D(i.name),o=r.split(".").at(-1)?.toUpperCase()||"FILE";x(o),n.uploadFile?.(i,r).then(a=>{const s=S(i,a,r);N(!1),f(s)}).catch(a=>{const s=a?.message||"Unknown technical error occured while uploading file!";n.onError(s)})}},I=i=>{try{return new URL(i),!0}catch{return!1}},L=i=>{if(i){if(!I(i)){d(`Please enter a valid ${l.toLowerCase()} URL`);return}n.getFileMetaFromUrl?.(i).then(r=>{if(!r||!r.type||r.type.split("/").at(-1)?.toLowerCase()!==l.toLowerCase())d(`Please enter a valid ${l.toLowerCase()} URL`);else{const o=n.fileUploadRules.allowedSize[r.type.toLowerCase()];if(!o)d("Uploaded file type is not supported!");else if(r.size>o)d(`Max file size that can be added is ${p(o)}`);else{const a=r.type.split("/").at(-1)?.toUpperCase()||"FILE";x(a);const s=D(`file.${a.toLowerCase()}`),_=new Date;f({fileId:_.getTime().toString(),fileName:s,fileSize:p(r.size),fileType:r.type,fileUrl:i,uploadType:"URL",uploadDate:_}),v(null)}}},r=>d(r?.message??"Please enter a valid image URL"))}},F=(i,r,o)=>y[l]==="IMAGE"?e.jsxDEV(R.default,{color:i,height:r,width:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:202,columnNumber:11},void 0):y[l]==="VIDEO"?e.jsxDEV(z.default,{color:i,height:r,width:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:204,columnNumber:11},void 0):y[l]==="PDF"?e.jsxDEV(O.default,{color:i,height:r,width:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:206,columnNumber:11},void 0):e.jsxDEV(T.default,{color:i,height:r,width:o},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:207,columnNumber:10},void 0);return e.jsxDEV(e.Fragment,{children:c&&Object.keys(c)?.length?e.jsxDEV(V.FileUploadedStyle,{className:"fileUploaded",children:[e.jsxDEV("div",{className:"fileUploaded__header",children:[e.jsxDEV("div",{className:"fileUploaded__header__icon",children:e.jsxDEV(M.default,{color:t.COLORS.content.primaryInverse,height:46,width:40},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:355,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:354,columnNumber:7},void 0),e.jsxDEV("div",{className:"fileUploaded__header__title",children:e.jsxDEV(u.TitleMedium,{children:[l," uploaded successfully"]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:362,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:361,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:353,columnNumber:6},void 0),e.jsxDEV("div",{className:"fileUploaded__body",children:[e.jsxDEV("div",{className:"fileUploaded__body__file-detail",children:[e.jsxDEV("div",{className:"fileUploaded__body__file-detail__icon",children:F(t.COLORS.content.secondary,22,18)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:367,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploaded__body__file-detail__name",children:e.jsxDEV(u.BodySecondary,{style:{overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis"},children:c?.fileName},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:371,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:370,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploaded__body__file-detail__size",children:c?.fileSize},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:381,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:366,columnNumber:7},void 0),e.jsxDEV("div",{className:"fileUploaded__body__buttons",children:[e.jsxDEV("div",{className:"fileUploaded__body__buttons__edit",children:e.jsxDEV(h.Button,{buttonText:"Edit",buttonType:"secondary",matchParentWidth:!0,onClick:()=>{f({}),n.fileUploadRules.allowedFormats.split(",").map(i=>i?.split("/")?.at(-1)?.toUpperCase())?.join("/")}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:387,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:386,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploaded__body__buttons__done",children:e.jsxDEV(h.Button,{buttonText:"Done",buttonType:"primary",matchParentWidth:!0,onClick:()=>n.onSuccess(W,c)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:403,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:402,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:385,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:365,columnNumber:6},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:352,columnNumber:5},void 0):e.jsxDEV(V.FileUploaderStyle,{showProgressBar:b,children:[e.jsxDEV("div",{className:"fileUploader",children:[e.jsxDEV("div",{className:"fileUploader__header",children:[e.jsxDEV("div",{className:"fileUploader__header__icon",children:F(t.COLORS.content.secondary,36,30)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:216,columnNumber:8},void 0),e.jsxDEV(B.Tooltip,{body:l,placement:"top",children:e.jsxDEV("div",{className:"fileUploader__header__title",children:e.jsxDEV(u.TitleMedium,{style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:b?"Document upload in progress":`Upload ${l}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:221,columnNumber:10},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:220,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:219,columnNumber:8},void 0),e.jsxDEV("div",{className:"fileUploader__header__caption",children:e.jsxDEV(u.BodySecondary,{style:{color:t.COLORS.content.secondary},children:b?`Your ${l} is getting loaded. This may take a couple of minutes.`:`${l.includes("/")?"Files":l+" format"} • Max ${p(Math.max(...Object.values(n.fileUploadRules.allowedSize)))}`},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:236,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:235,columnNumber:8},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:215,columnNumber:7},void 0),e.jsxDEV("div",{className:"fileUploader__body",children:b?e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"fileUploader__body__progress-bar",children:e.jsxDEV($.ProgressBarComponent,{completed:n.uploadProgress,isAnimated:!0},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:255,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:254,columnNumber:10},void 0),e.jsxDEV("div",{className:"fileUploader__body__cancel-button",children:e.jsxDEV(h.Button,{buttonType:"tertiaryGray",buttonText:"cancel",onClick:()=>{N(!1),v(null),f({})}},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:261,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:260,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:253,columnNumber:9},void 0):e.jsxDEV(e.Fragment,{children:[e.jsxDEV("div",{className:"fileUploader__body__link",children:e.jsxDEV(G.Input,{type:"text",onChangeText:()=>d(""),placeholder:`Enter URL of the ${l.includes("/")?"file":l.toLowerCase()}`,width:"100%",height:"48px",labelText:`${l.includes("/")?"File":l} link`,errorMessage:j,onBlur:i=>L(i.target.value)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:275,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:274,columnNumber:10},void 0),e.jsxDEV("div",{className:"fileUploader__body__divider",children:[e.jsxDEV("div",{className:"left"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:293,columnNumber:11},void 0),e.jsxDEV("div",{className:"title",children:e.jsxDEV(u.BodyCaption,{style:{color:t.COLORS.content.secondary},children:"Or upload from device"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:295,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:294,columnNumber:11},void 0),e.jsxDEV("div",{className:"right"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:299,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:292,columnNumber:10},void 0),e.jsxDEV("div",{className:"fileUploader__body__upload",children:[e.jsxDEV("label",{htmlFor:"file-upload-button",className:"file-upload-label",children:e.jsxDEV("div",{className:"file-uploader",children:[e.jsxDEV("div",{children:e.jsxDEV(q.default,{height:18,width:18},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:308,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:307,columnNumber:13},void 0),e.jsxDEV("div",{children:e.jsxDEV(u.ButtonLarge,{style:{color:t.COLORS.content.brand},children:"Upload"},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:311,columnNumber:14},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:310,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:306,columnNumber:12},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:302,columnNumber:11},void 0),e.jsxDEV("input",{id:"file-upload-button",type:"file",accept:n.fileUploadRules.allowedFormats,style:{opacity:0,position:"absolute",zIndex:-1},onChange:i=>w(i.target)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:317,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:301,columnNumber:10},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:273,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:251,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:214,columnNumber:6},void 0),k&&e.jsxDEV("div",{className:"fileUploadError",children:e.jsxDEV(A.Curtain,{type:E.CURTAIN_TYPES.NEGATIVE,mode:E.CURTAIN_MODE.LIGHT,text:k,hideCrossIcon:!0,icon:()=>e.jsxDEV(P.default,{height:16,width:19,color:t.COLORS.content.negative},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:340,columnNumber:11},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:333,columnNumber:8},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:332,columnNumber:7},void 0)]},void 0,!0,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:213,columnNumber:5},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/file-uploader/FileUploader.tsx",lineNumber:211,columnNumber:3},void 0)},y={PDF:"PDF",JPG:"IMAGE",JPEG:"IMAGE",PNG:"IMAGE",GIF:"IMAGE",SVG:"IMAGE",MP4:"VIDEO",MKV:"VIDEO",AVI:"VIDEO",WMV:"VIDEO",FILE:"FILE"};exports.FileUploader=H;
 //# sourceMappingURL=FileUploader.js.map

package/dist/cjs/components/file-uploader/FileUploader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/file-uploader/FileUploader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { Curtain } from '@src/components/curtain';\nimport {\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tFileUploadedStyle,\n\tFileUploaderStyle,\n} from '@src/components/file-uploader/FileUploaderStyle';\nimport {\n\tFileMetaData,\n\tFileUploaderProps,\n} from '@src/components/file-uploader/Models';\nimport { Input } from '@src/components/input';\nimport { ProgressBarComponent } from '@src/components/progress-bar';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CheckIcon from '../../assets/icons/check.svg';\nimport FileIcon from '../../assets/icons/file.svg';\nimport FilePdfIcon from '../../assets/icons/filePdf.svg';\nimport ImageIcon from '../../assets/icons/image.svg';\nimport TriangleErrorIcon from '../../assets/icons/triangle_error.svg';\nimport UploadIcon from '../../assets/icons/upload.svg';\nimport VideoRecorderIcon from '../../assets/icons/videoRecorder.svg';\n\nexport const FileUploader: React.FC<FileUploaderProps> = (props) => {\n\tconst [error, setError] = useState<string>('');\n\tconst [urlError, setUrlError] = useState<string>('');\n\tconst [file, setFile] = useState<File \| null>(null);\n\tconst [showProgressBar, setShowProgressBar] = useState<boolean>(false);\n\tconst [fileMeta, setFileMeta] = useState<FileMetaData>();\n\tconst [fileFormatName, setFileFormatName] = useState<string>(\n\t\tprops.fileUploadRules.allowedFormats\n\t\t\t.split(',')\n\t\t\t.map((mimeType) => mimeType?.split('/')?.at(-1)?.toUpperCase())\n\t\t\t?.join('/') \|\| 'FILE',\n\t);\n\n\tconst validateFile = (file: File) => {\n\t\tif (!file) return 'Please upload an file before saving!';\n\t\tconst fileSizeLimit =\n\t\t\tprops.fileUploadRules.allowedSize[file.type.toLowerCase()];\n\t\tif (!fileSizeLimit) {\n\t\t\treturn 'Uploaded file type is not supported!';\n\t\t}\n\t\tif (file.size > fileSizeLimit) {\n\t\t\treturn `Max file size that can be added is ${formatFileSize(\n\t\t\t\tfileSizeLimit,\n\t\t\t)}`;\n\t\t}\n\t\treturn '';\n\t};\n\n\tconst getFileName = (fileName: string) => {\n\t\tconst extension = fileName.split('.').pop();\n\t\tif (props?.fileName) {\n\t\t\treturn `${props.fileName}.${extension}`;\n\t\t}\n\t\tconst date = new Date();\n\t\tconst _fileName =\n\t\t\tfileName.split('.')[0] +\n\t\t\t'_' +\n\t\t\tdate.getTime().toString() +\n\t\t\t'.' +\n\t\t\textension;\n\t\treturn _fileName;\n\t};\n\n\tconst formatFileSize = (bytes: number) => {\n\t\tif (!bytes) return '0 Bytes';\n\t\tconst k = 1024;\n\t\tconst dm = 2;\n\t\tconst sizes = ['Bytes', 'KB', 'MB'];\n\t\tconst power = Math.floor(Math.log(bytes) / Math.log(k));\n\t\treturn `${parseFloat((bytes / Math.pow(k, power)).toFixed(dm))} ${\n\t\t\tsizes[power]\n\t\t}`;\n\t};\n\n\tconst getMetaData = (\n\t\tfile: File,\n\t\turl: string,\n\t\tfileName: string,\n\t): FileMetaData => {\n\t\tconst date = new Date();\n\t\treturn {\n\t\t\tfileId: date.getTime().toString(),\n\t\t\tfileName: fileName,\n\t\t\tfileSize: formatFileSize(file.size),\n\t\t\tfileType: file.type,\n\t\t\tfileUrl: url,\n\t\t\tuploadType: 'FileUpload',\n\t\t\tuploadDate: date,\n\t\t} as FileMetaData;\n\t};\n\n\tconst handleFileUpload = (target: any) => {\n\t\tsetError('');\n\t\tconst file = target?.files?.[0];\n\t\tconst error = validateFile(file);\n\t\tsetError(error);\n\t\tif (!error) {\n\t\t\tsetFile(file);\n\t\t\tuploadMedia(file);\n\t\t\tsetShowProgressBar(true);\n\t\t} else {\n\t\t\tprops.onError(error);\n\t\t}\n\t};\n\n\tconst uploadMedia = (file: File) => {\n\t\tif (!error) {\n\t\t\tconst fileName = getFileName(file.name);\n\t\t\tconst fileForamt = fileName.split('.').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\tsetFileFormatName(fileForamt);\n\t\t\tprops\n\t\t\t\t.uploadFile?.(file, fileName)\n\t\t\t\t.then((url) => {\n\t\t\t\t\tconst meta = getMetaData(file, url, fileName);\n\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\tsetFileMeta(meta);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror?.message \|\|\n\t\t\t\t\t\t'Unknown technical error occured while uploading file!';\n\t\t\t\t\tprops.onError(errorMessage);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst isValidUrl = (url: string) => {\n\t\ttry {\n\t\t\tnew URL(url);\n\t\t\treturn true;\n\t\t} catch (error) {\n\t\t\treturn false;\n\t\t}\n\t};\n\n\tconst uploadFileFromUrl = (url: string) => {\n\t\tif (!url) return;\n\t\tif (!isValidUrl(url)) {\n\t\t\tsetUrlError(`Please enter a valid ${fileFormatName.toLowerCase()} URL`);\n\t\t\treturn;\n\t\t}\n\t\tprops.getFileMetaFromUrl?.(url).then(\n\t\t\t(meta) => {\n\t\t\t\tif (\n\t\t\t\t\t!meta \|\|\n\t\t\t\t\t!meta.type \|\|\n\t\t\t\t\tmeta.type.split('/').at(-1)?.toLowerCase() !==\n\t\t\t\t\t\tfileFormatName.toLowerCase()\n\t\t\t\t) {\n\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t`Please enter a valid ${fileFormatName.toLowerCase()} URL`,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst fileSizeLimit =\n\t\t\t\t\t\tprops.fileUploadRules.allowedSize[meta.type.toLowerCase()];\n\t\t\t\t\tif (!fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError('Uploaded file type is not supported!');\n\t\t\t\t\t} else if (meta.size > fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t\t`Max file size that can be added is ${formatFileSize(\n\t\t\t\t\t\t\t\tfileSizeLimit,\n\t\t\t\t\t\t\t)}`,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst extension =\n\t\t\t\t\t\t\tmeta.type.split('/').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\t\t\t\tsetFileFormatName(extension);\n\t\t\t\t\t\tconst fileName = getFileName(`file.${extension.toLowerCase()}`);\n\t\t\t\t\t\tconst date = new Date();\n\t\t\t\t\t\tsetFileMeta({\n\t\t\t\t\t\t\tfileId: date.getTime().toString(),\n\t\t\t\t\t\t\tfileName: fileName,\n\t\t\t\t\t\t\tfileSize: formatFileSize(meta.size),\n\t\t\t\t\t\t\tfileType: meta.type,\n\t\t\t\t\t\t\tfileUrl: url,\n\t\t\t\t\t\t\tuploadType: 'URL',\n\t\t\t\t\t\t\tuploadDate: date,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t(err) => setUrlError(err?.message ?? 'Please enter a valid image URL'),\n\t\t);\n\t};\n\n\tconst renderFileIcon = (color: string, height: number, width: number) => {\n\t\tif (FileTypeIconMapping[fileFormatName] === 'IMAGE')\n\t\t\treturn <ImageIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'VIDEO')\n\t\t\treturn <VideoRecorderIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'PDF')\n\t\t\treturn <FilePdfIcon color={color} height={height} width={width} />;\n\t\treturn <FileIcon color={color} height={height} width={width} />;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{!(fileMeta && Object.keys(fileMeta)?.length) ? (\n\t\t\t\t<FileUploaderStyle showProgressBar={showProgressBar}>\n\t\t\t\t\t<div className=\"fileUploader\">\n\t\t\t\t\t\t<div className=\"fileUploader__header\">\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 36, 30)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Tooltip body={fileFormatName} placement={'top'}>\n\t\t\t\t\t\t\t\t<div className=\"fileUploader__header__title\">\n\t\t\t\t\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t\t? 'Document upload in progress'\n\t\t\t\t\t\t\t\t\t\t\t: `Upload ${fileFormatName}`}\n\t\t\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__caption\">\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t? `Your ${fileFormatName} is getting loaded. This may take a couple of minutes.`\n\t\t\t\t\t\t\t\t\t\t: `${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Files'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName + ' format'\n\t\t\t\t\t\t\t\t\t\t } • Max ${formatFileSize(\n\t\t\t\t\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Object.values(props.fileUploadRules.allowedSize),\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t )}`}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploader__body\">\n\t\t\t\t\t\t\t{showProgressBar ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__progress-bar\">\n\t\t\t\t\t\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\t\t\t\t\t\tcompleted={props.uploadProgress}\n\t\t\t\t\t\t\t\t\t\t\tisAnimated={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__cancel-button\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={'cancel'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__link\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\ttype={'text'}\n\t\t\t\t\t\t\t\t\t\t\tonChangeText={() => setUrlError('')}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={`Enter URL of the ${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'file'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\t\t\t\t\t\theight={'48px'}\n\t\t\t\t\t\t\t\t\t\t\tlabelText={`${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/') ? 'File' : fileFormatName\n\t\t\t\t\t\t\t\t\t\t\t} link`}\n\t\t\t\t\t\t\t\t\t\t\terrorMessage={urlError}\n\t\t\t\t\t\t\t\t\t\t\tonBlur={(e) => uploadFileFromUrl(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__divider\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"left\" />\n\t\t\t\t\t\t\t\t\t\t<div className=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\tOr upload from device\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"right\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__upload\">\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\thtmlFor=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"file-upload-label\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"file-uploader\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<UploadIcon height={18} width={18} />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge style={{ color: COLORS.content.brand }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tUpload\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tid=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\t\t\t\taccept={props.fileUploadRules.allowedFormats}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ opacity: 0, position: 'absolute', zIndex: -1 }}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(event: React.FormEvent) =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleFileUpload(event.target)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<div className=\"fileUploadError\">\n\t\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t\ttype={CURTAIN_TYPES.NEGATIVE}\n\t\t\t\t\t\t\t\tmode={CURTAIN_MODE.LIGHT}\n\t\t\t\t\t\t\t\ttext={error}\n\t\t\t\t\t\t\t\thideCrossIcon={true}\n\t\t\t\t\t\t\t\ticon={() => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<TriangleErrorIcon\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\twidth={19}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</FileUploaderStyle>\n\t\t\t) : (\n\t\t\t\t<FileUploadedStyle className=\"fileUploaded\">\n\t\t\t\t\t<div className=\"fileUploaded__header\">\n\t\t\t\t\t\t<div className=\"fileUploaded__header__icon\">\n\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\theight={46}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__header__title\">\n\t\t\t\t\t\t\t<TitleMedium>{fileFormatName} uploaded successfully</TitleMedium>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"fileUploaded__body\">\n\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 22, 18)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__name\">\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{fileMeta?.fileName}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__size\">\n\t\t\t\t\t\t\t\t{fileMeta?.fileSize}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__edit\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Edit\"\n\t\t\t\t\t\t\t\t\tbuttonType={'secondary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\tprops.fileUploadRules.allowedFormats\n\t\t\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t\t\t.map((mimeType) =>\n\t\t\t\t\t\t\t\t\t\t\t\tmimeType?.split('/')?.at(-1)?.toUpperCase(),\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t?.join('/') \|\| 'FILE';\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__done\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Done\"\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onSuccess(file!, fileMeta)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</FileUploadedStyle>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst FileTypeIconMapping = {\n\tPDF: 'PDF',\n\tJPG: 'IMAGE',\n\tJPEG: 'IMAGE',\n\tPNG: 'IMAGE',\n\tGIF: 'IMAGE',\n\tSVG: 'IMAGE',\n\tMP4: 'VIDEO',\n\tMKV: 'VIDEO',\n\tAVI: 'VIDEO',\n\tWMV: 'VIDEO',\n\tFILE: 'FILE',\n};\n"],"names":["FileUploader","props","error","setError","useState","urlError","setUrlError","file","setFile","showProgressBar","setShowProgressBar","fileMeta","setFileMeta","fileFormatName","setFileFormatName","mimeType","validateFile","fileSizeLimit","formatFileSize","getFileName","fileName","extension","date","bytes","k","dm","sizes","power","getMetaData","url","handleFileUpload","target","uploadMedia","fileForamt","meta","errorMessage","isValidUrl","uploadFileFromUrl","err","renderFileIcon","color","height","width","FileTypeIconMapping","jsxDEV","ImageIcon","this","VideoRecorderIcon","FilePdfIcon","FileIcon","Fragment","FileUploadedStyle","CheckIcon","COLORS","TitleMedium","BodySecondary","Button","FileUploaderStyle","Tooltip","ProgressBarComponent","Input","e","BodyCaption","UploadIcon","ButtonLarge","event","Curtain","CURTAIN_TYPES","CURTAIN_MODE","TriangleErrorIcon"],"mappings":"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"}
1	+ {"version":3,"file":"FileUploader.js","sources":["../../../../src/components/file-uploader/FileUploader.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Button } from '@src/components/button';\nimport { Curtain } from '@src/components/curtain';\nimport {\n\tCURTAIN_MODE,\n\tCURTAIN_TYPES,\n} from '@src/components/curtain/CurtainHelper';\nimport {\n\tFileUploadedStyle,\n\tFileUploaderStyle,\n} from '@src/components/file-uploader/FileUploaderStyle';\nimport {\n\tFileMetaData,\n\tFileUploaderProps,\n} from '@src/components/file-uploader/Models';\nimport { Input } from '@src/components/input';\nimport { ProgressBarComponent } from '@src/components/progress-bar';\nimport { Tooltip } from '@src/components/tooltips';\nimport {\n\tBodyCaption,\n\tBodySecondary,\n\tButtonLarge,\n\tTitleMedium,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport CheckIcon from '../../assets/icons/check.svg';\nimport FileIcon from '../../assets/icons/file.svg';\nimport FilePdfIcon from '../../assets/icons/filePdf.svg';\nimport ImageIcon from '../../assets/icons/image.svg';\nimport TriangleErrorIcon from '../../assets/icons/triangle_error.svg';\nimport UploadIcon from '../../assets/icons/upload.svg';\nimport VideoRecorderIcon from '../../assets/icons/videoRecorder.svg';\n\nexport const FileUploader: React.FC<FileUploaderProps> = (props) => {\n\tconst [error, setError] = useState<string>('');\n\tconst [urlError, setUrlError] = useState<string>('');\n\tconst [file, setFile] = useState<File \| null>(null);\n\tconst [showProgressBar, setShowProgressBar] = useState<boolean>(false);\n\tconst [fileMeta, setFileMeta] = useState<FileMetaData>();\n\tconst [fileFormatName, setFileFormatName] = useState<string>(\n\t\tprops.fileUploadRules.allowedFormats\n\t\t\t.split(',')\n\t\t\t.map((mimeType) => mimeType?.split('/')?.at(-1)?.toUpperCase())\n\t\t\t?.join('/') \|\| 'FILE',\n\t);\n\n\tconst validateFile = (file: File) => {\n\t\tif (!file) return 'Please upload an file before saving!';\n\t\tconst fileSizeLimit =\n\t\t\tprops.fileUploadRules.allowedSize[file.type.toLowerCase()];\n\t\tif (!fileSizeLimit) {\n\t\t\treturn 'Uploaded file type is not supported!';\n\t\t}\n\t\tif (file.size > fileSizeLimit) {\n\t\t\treturn `Max file size that can be added is ${formatFileSize(\n\t\t\t\tfileSizeLimit,\n\t\t\t)}`;\n\t\t}\n\t\treturn '';\n\t};\n\n\tconst getFileName = (fileName: string) => {\n\t\tconst extension = fileName.split('.').pop();\n\t\tif (props?.fileName) {\n\t\t\treturn `${props.fileName}.${extension}`;\n\t\t}\n\t\tconst date = new Date();\n\t\tconst _fileName =\n\t\t\tfileName.split('.')[0] +\n\t\t\t'_' +\n\t\t\tdate.getTime().toString() +\n\t\t\t'.' +\n\t\t\textension;\n\t\treturn _fileName;\n\t};\n\n\tconst formatFileSize = (bytes: number) => {\n\t\tif (!bytes) return '0 Bytes';\n\t\tconst k = 1024;\n\t\tconst dm = 2;\n\t\tconst sizes = ['Bytes', 'KB', 'MB'];\n\t\tconst power = Math.floor(Math.log(bytes) / Math.log(k));\n\t\treturn `${parseFloat((bytes / Math.pow(k, power)).toFixed(dm))} ${\n\t\t\tsizes[power]\n\t\t}`;\n\t};\n\n\tconst getMetaData = (\n\t\tfile: File,\n\t\turl: string,\n\t\tfileName: string,\n\t): FileMetaData => {\n\t\tconst date = new Date();\n\t\treturn {\n\t\t\tfileId: date.getTime().toString(),\n\t\t\tfileName: fileName,\n\t\t\tfileSize: formatFileSize(file.size),\n\t\t\tfileType: file.type,\n\t\t\tfileUrl: url,\n\t\t\tuploadType: 'FileUpload',\n\t\t\tuploadDate: date,\n\t\t} as FileMetaData;\n\t};\n\n\tconst handleFileUpload = (target: any) => {\n\t\tsetError('');\n\t\tconst file = target?.files?.[0];\n\t\tconst error = validateFile(file);\n\t\tsetError(error);\n\t\tif (!error) {\n\t\t\tsetFile(file);\n\t\t\tuploadMedia(file);\n\t\t\tsetShowProgressBar(true);\n\t\t} else {\n\t\t\tprops.onError(error);\n\t\t}\n\t};\n\n\tconst uploadMedia = (file: File) => {\n\t\tif (!error) {\n\t\t\tconst fileName = getFileName(file.name);\n\t\t\tconst fileForamt = fileName.split('.').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\tsetFileFormatName(fileForamt);\n\t\t\tprops\n\t\t\t\t.uploadFile?.(file, fileName)\n\t\t\t\t.then((url) => {\n\t\t\t\t\tconst meta = getMetaData(file, url, fileName);\n\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\tsetFileMeta(meta);\n\t\t\t\t})\n\t\t\t\t.catch((error) => {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror?.message \|\|\n\t\t\t\t\t\t'Unknown technical error occured while uploading file!';\n\t\t\t\t\tprops.onError(errorMessage);\n\t\t\t\t});\n\t\t}\n\t};\n\n\tconst isValidUrl = (url: string) => {\n\t\ttry {\n\t\t\tnew URL(url);\n\t\t\treturn true;\n\t\t} catch (error) {\n\t\t\treturn false;\n\t\t}\n\t};\n\n\tconst uploadFileFromUrl = (url: string) => {\n\t\tif (!url) return;\n\t\tif (!isValidUrl(url)) {\n\t\t\tsetUrlError(`Please enter a valid ${fileFormatName.toLowerCase()} URL`);\n\t\t\treturn;\n\t\t}\n\t\tprops.getFileMetaFromUrl?.(url).then(\n\t\t\t(meta) => {\n\t\t\t\tif (\n\t\t\t\t\t!meta \|\|\n\t\t\t\t\t!meta.type \|\|\n\t\t\t\t\tmeta.type.split('/').at(-1)?.toLowerCase() !==\n\t\t\t\t\t\tfileFormatName.toLowerCase()\n\t\t\t\t) {\n\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t`Please enter a valid ${fileFormatName.toLowerCase()} URL`,\n\t\t\t\t\t);\n\t\t\t\t} else {\n\t\t\t\t\tconst fileSizeLimit =\n\t\t\t\t\t\tprops.fileUploadRules.allowedSize[meta.type.toLowerCase()];\n\t\t\t\t\tif (!fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError('Uploaded file type is not supported!');\n\t\t\t\t\t} else if (meta.size > fileSizeLimit) {\n\t\t\t\t\t\tsetUrlError(\n\t\t\t\t\t\t\t`Max file size that can be added is ${formatFileSize(\n\t\t\t\t\t\t\t\tfileSizeLimit,\n\t\t\t\t\t\t\t)}`,\n\t\t\t\t\t\t);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst extension =\n\t\t\t\t\t\t\tmeta.type.split('/').at(-1)?.toUpperCase() \|\| 'FILE';\n\t\t\t\t\t\tsetFileFormatName(extension);\n\t\t\t\t\t\tconst fileName = getFileName(`file.${extension.toLowerCase()}`);\n\t\t\t\t\t\tconst date = new Date();\n\t\t\t\t\t\tsetFileMeta({\n\t\t\t\t\t\t\tfileId: date.getTime().toString(),\n\t\t\t\t\t\t\tfileName: fileName,\n\t\t\t\t\t\t\tfileSize: formatFileSize(meta.size),\n\t\t\t\t\t\t\tfileType: meta.type,\n\t\t\t\t\t\t\tfileUrl: url,\n\t\t\t\t\t\t\tuploadType: 'URL',\n\t\t\t\t\t\t\tuploadDate: date,\n\t\t\t\t\t\t});\n\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t(err) => setUrlError(err?.message ?? 'Please enter a valid image URL'),\n\t\t);\n\t};\n\n\tconst renderFileIcon = (color: string, height: number, width: number) => {\n\t\tif (FileTypeIconMapping[fileFormatName] === 'IMAGE')\n\t\t\treturn <ImageIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'VIDEO')\n\t\t\treturn <VideoRecorderIcon color={color} height={height} width={width} />;\n\t\tif (FileTypeIconMapping[fileFormatName] === 'PDF')\n\t\t\treturn <FilePdfIcon color={color} height={height} width={width} />;\n\t\treturn <FileIcon color={color} height={height} width={width} />;\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{!(fileMeta && Object.keys(fileMeta)?.length) ? (\n\t\t\t\t<FileUploaderStyle showProgressBar={showProgressBar}>\n\t\t\t\t\t<div className=\"fileUploader\">\n\t\t\t\t\t\t<div className=\"fileUploader__header\">\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 36, 30)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Tooltip body={fileFormatName} placement={'top'}>\n\t\t\t\t\t\t\t\t<div className=\"fileUploader__header__title\">\n\t\t\t\t\t\t\t\t\t<TitleMedium\n\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\tdisplay: 'block',\n\t\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t\t? 'Document upload in progress'\n\t\t\t\t\t\t\t\t\t\t\t: `Upload ${fileFormatName}`}\n\t\t\t\t\t\t\t\t\t</TitleMedium>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Tooltip>\n\t\t\t\t\t\t\t<div className=\"fileUploader__header__caption\">\n\t\t\t\t\t\t\t\t<BodySecondary style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t{showProgressBar\n\t\t\t\t\t\t\t\t\t\t? `Your ${fileFormatName} is getting loaded. This may take a couple of minutes.`\n\t\t\t\t\t\t\t\t\t\t: `${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'Files'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName + ' format'\n\t\t\t\t\t\t\t\t\t\t } • Max ${formatFileSize(\n\t\t\t\t\t\t\t\t\t\t\t\tMath.max(\n\t\t\t\t\t\t\t\t\t\t\t\t\t...Object.values(props.fileUploadRules.allowedSize),\n\t\t\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\t )}`}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploader__body\">\n\t\t\t\t\t\t\t{showProgressBar ? (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__progress-bar\">\n\t\t\t\t\t\t\t\t\t\t<ProgressBarComponent\n\t\t\t\t\t\t\t\t\t\t\tcompleted={props.uploadProgress}\n\t\t\t\t\t\t\t\t\t\t\tisAnimated={true}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__cancel-button\">\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tbuttonType={'tertiaryGray'}\n\t\t\t\t\t\t\t\t\t\t\tbuttonText={'cancel'}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetShowProgressBar(false);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFile(null);\n\t\t\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__link\">\n\t\t\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\t\t\ttype={'text'}\n\t\t\t\t\t\t\t\t\t\t\tonChangeText={() => setUrlError('')}\n\t\t\t\t\t\t\t\t\t\t\tplaceholder={`Enter URL of the ${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/')\n\t\t\t\t\t\t\t\t\t\t\t\t\t? 'file'\n\t\t\t\t\t\t\t\t\t\t\t\t\t: fileFormatName.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\twidth={'100%'}\n\t\t\t\t\t\t\t\t\t\t\theight={'48px'}\n\t\t\t\t\t\t\t\t\t\t\tlabelText={`${\n\t\t\t\t\t\t\t\t\t\t\t\tfileFormatName.includes('/') ? 'File' : fileFormatName\n\t\t\t\t\t\t\t\t\t\t\t} link`}\n\t\t\t\t\t\t\t\t\t\t\terrorMessage={urlError}\n\t\t\t\t\t\t\t\t\t\t\tonBlur={(e) => uploadFileFromUrl(e.target.value)}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__divider\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"left\" />\n\t\t\t\t\t\t\t\t\t\t<div className=\"title\">\n\t\t\t\t\t\t\t\t\t\t\t<BodyCaption style={{ color: COLORS.content.secondary }}>\n\t\t\t\t\t\t\t\t\t\t\t\tOr upload from device\n\t\t\t\t\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t<div className=\"right\" />\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"fileUploader__body__upload\">\n\t\t\t\t\t\t\t\t\t\t<label\n\t\t\t\t\t\t\t\t\t\t\thtmlFor=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"file-upload-label\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"file-uploader\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<UploadIcon height={18} width={18} />\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<ButtonLarge style={{ color: COLORS.content.brand }}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tUpload\n\t\t\t\t\t\t\t\t\t\t\t\t\t</ButtonLarge>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</label>\n\t\t\t\t\t\t\t\t\t\t<input\n\t\t\t\t\t\t\t\t\t\t\tid=\"file-upload-button\"\n\t\t\t\t\t\t\t\t\t\t\ttype=\"file\"\n\t\t\t\t\t\t\t\t\t\t\taccept={props.fileUploadRules.allowedFormats}\n\t\t\t\t\t\t\t\t\t\t\tstyle={{ opacity: 0, position: 'absolute', zIndex: -1 }}\n\t\t\t\t\t\t\t\t\t\t\tonChange={(event: React.FormEvent) =>\n\t\t\t\t\t\t\t\t\t\t\t\thandleFileUpload(event.target)\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t{error && (\n\t\t\t\t\t\t<div className=\"fileUploadError\">\n\t\t\t\t\t\t\t<Curtain\n\t\t\t\t\t\t\t\ttype={CURTAIN_TYPES.NEGATIVE}\n\t\t\t\t\t\t\t\tmode={CURTAIN_MODE.LIGHT}\n\t\t\t\t\t\t\t\ttext={error}\n\t\t\t\t\t\t\t\thideCrossIcon={true}\n\t\t\t\t\t\t\t\ticon={() => {\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<TriangleErrorIcon\n\t\t\t\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\t\t\t\twidth={19}\n\t\t\t\t\t\t\t\t\t\t\tcolor={COLORS.content.negative}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</FileUploaderStyle>\n\t\t\t) : (\n\t\t\t\t<FileUploadedStyle className=\"fileUploaded\">\n\t\t\t\t\t<div className=\"fileUploaded__header\">\n\t\t\t\t\t\t<div className=\"fileUploaded__header__icon\">\n\t\t\t\t\t\t\t<CheckIcon\n\t\t\t\t\t\t\t\tcolor={COLORS.content.primaryInverse}\n\t\t\t\t\t\t\t\theight={46}\n\t\t\t\t\t\t\t\twidth={40}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__header__title\">\n\t\t\t\t\t\t\t<TitleMedium>{fileFormatName} uploaded successfully</TitleMedium>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div className=\"fileUploaded__body\">\n\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__icon\">\n\t\t\t\t\t\t\t\t{renderFileIcon(COLORS.content.secondary, 22, 18)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__name\">\n\t\t\t\t\t\t\t\t<BodySecondary\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\toverflow: 'hidden',\n\t\t\t\t\t\t\t\t\t\twhiteSpace: 'nowrap',\n\t\t\t\t\t\t\t\t\t\ttextOverflow: 'ellipsis',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{fileMeta?.fileName}\n\t\t\t\t\t\t\t\t</BodySecondary>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__file-detail__size\">\n\t\t\t\t\t\t\t\t{fileMeta?.fileSize}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons\">\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__edit\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Edit\"\n\t\t\t\t\t\t\t\t\tbuttonType={'secondary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\t\tsetFileMeta({} as FileMetaData);\n\t\t\t\t\t\t\t\t\t\tprops.fileUploadRules.allowedFormats\n\t\t\t\t\t\t\t\t\t\t\t.split(',')\n\t\t\t\t\t\t\t\t\t\t\t.map((mimeType) =>\n\t\t\t\t\t\t\t\t\t\t\t\tmimeType?.split('/')?.at(-1)?.toUpperCase(),\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t\t?.join('/') \|\| 'FILE';\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"fileUploaded__body__buttons__done\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tbuttonText=\"Done\"\n\t\t\t\t\t\t\t\t\tbuttonType={'primary'}\n\t\t\t\t\t\t\t\t\tmatchParentWidth={true}\n\t\t\t\t\t\t\t\t\tonClick={() => props.onSuccess(file!, fileMeta)}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</FileUploadedStyle>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst FileTypeIconMapping = {\n\tPDF: 'PDF',\n\tJPG: 'IMAGE',\n\tJPEG: 'IMAGE',\n\tPNG: 'IMAGE',\n\tGIF: 'IMAGE',\n\tSVG: 'IMAGE',\n\tMP4: 'VIDEO',\n\tMKV: 'VIDEO',\n\tAVI: 'VIDEO',\n\tWMV: 'VIDEO',\n\tFILE: 'FILE',\n};\n"],"names":["FileUploader","props","error","setError","useState","urlError","setUrlError","file","setFile","showProgressBar","setShowProgressBar","fileMeta","setFileMeta","fileFormatName","setFileFormatName","mimeType","validateFile","fileSizeLimit","formatFileSize","getFileName","fileName","extension","date","bytes","k","dm","sizes","power","getMetaData","url","handleFileUpload","target","uploadMedia","fileForamt","meta","errorMessage","isValidUrl","uploadFileFromUrl","err","renderFileIcon","color","height","width","FileTypeIconMapping","jsxDEV","ImageIcon","this","VideoRecorderIcon","FilePdfIcon","FileIcon","Fragment","FileUploadedStyle","CheckIcon","COLORS","TitleMedium","BodySecondary","Button","FileUploaderStyle","Tooltip","ProgressBarComponent","Input","e","BodyCaption","UploadIcon","ButtonLarge","event","Curtain","CURTAIN_TYPES","CURTAIN_MODE","TriangleErrorIcon"],"mappings":"4yBAiCaA,EAA6CC,GAAU,CACnE,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAiB,EAAE,EACvC,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAiB,EAAE,EAC7C,CAACG,EAAMC,CAAO,EAAIJ,EAAAA,SAAsB,IAAI,EAC5C,CAACK,EAAiBC,CAAkB,EAAIN,EAAAA,SAAkB,EAAK,EAC/D,CAACO,EAAUC,CAAW,EAAIR,WAAA,EAC1B,CAACS,EAAgBC,CAAiB,EAAIV,EAAAA,SAC3CH,EAAM,gBAAgB,eACpB,MAAM,GAAG,EACT,IAAKc,GAAaA,GAAU,MAAM,GAAG,GAAG,GAAG,EAAE,GAAG,aAAa,GAC5D,KAAK,GAAG,GAAK,MAAA,EAGXC,EAAgBT,GAAe,CACpC,GAAI,CAACA,EAAM,MAAO,uCAClB,MAAMU,EACLhB,EAAM,gBAAgB,YAAYM,EAAK,KAAK,aAAa,EAC1D,OAAKU,EAGDV,EAAK,KAAOU,EACR,sCAAsCC,EAC5CD,CAAA,CACA,GAEK,GAPC,sCAQT,EAEME,EAAeC,GAAqB,CACzC,MAAMC,EAAYD,EAAS,MAAM,GAAG,EAAE,IAAA,EACtC,GAAInB,GAAO,SACV,MAAO,GAAGA,EAAM,QAAQ,IAAIoB,CAAS,GAEtC,MAAMC,MAAW,KAOjB,OALCF,EAAS,MAAM,GAAG,EAAE,CAAC,EACrB,IACAE,EAAK,QAAA,EAAU,SAAA,EACf,IACAD,CAEF,EAEMH,EAAkBK,GAAkB,CACzC,GAAI,CAACA,EAAO,MAAO,UACnB,MAAMC,EAAI,KACJC,EAAK,EACLC,EAAQ,CAAC,QAAS,KAAM,IAAI,EAC5BC,EAAQ,KAAK,MAAM,KAAK,IAAIJ,CAAK,EAAI,KAAK,IAAIC,CAAC,CAAC,EACtD,MAAO,GAAG,YAAYD,EAAQ,KAAK,IAAIC,EAAGG,CAAK,GAAG,QAAQF,CAAE,CAAC,CAAC,IAC7DC,EAAMC,CAAK,CACZ,EACD,EAEMC,EAAc,CACnBrB,EACAsB,EACAT,IACkB,CAClB,MAAME,MAAW,KACjB,MAAO,CACN,OAAQA,EAAK,QAAA,EAAU,SAAA,EACvB,SAAAF,EACA,SAAUF,EAAeX,EAAK,IAAI,EAClC,SAAUA,EAAK,KACf,QAASsB,EACT,WAAY,aACZ,WAAYP,CAAA,CAEd,EAEMQ,EAAoBC,GAAgB,CACzC5B,EAAS,EAAE,EACX,MAAMI,EAAOwB,GAAQ,QAAQ,CAAC,EACxB7B,EAAQc,EAAaT,CAAI,EAC/BJ,EAASD,CAAK,EACTA,EAKJD,EAAM,QAAQC,CAAK,GAJnBM,EAAQD,CAAI,EACZyB,EAAYzB,CAAI,EAChBG,EAAmB,EAAI,EAIzB,EAEMsB,EAAezB,GAAe,CACnC,GAAI,CAACL,EAAO,CACX,MAAMkB,EAAWD,EAAYZ,EAAK,IAAI,EAChC0B,EAAab,EAAS,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,YAAA,GAAiB,OAChEN,EAAkBmB,CAAU,EAC5BhC,EACE,aAAaM,EAAMa,CAAQ,EAC3B,KAAMS,GAAQ,CACd,MAAMK,EAAON,EAAYrB,EAAMsB,EAAKT,CAAQ,EAC5CV,EAAmB,EAAK,EACxBE,EAAYsB,CAAI,CACjB,CAAC,EACA,MAAOhC,GAAU,CACjB,MAAMiC,EACLjC,GAAO,SACP,wDACDD,EAAM,QAAQkC,CAAY,CAC3B,CAAC,CACH,CACD,EAEMC,EAAcP,GAAgB,CACnC,GAAI,CACH,WAAI,IAAIA,CAAG,EACJ,EACR,MAAgB,CACf,MAAO,EACR,CACD,EAEMQ,EAAqBR,GAAgB,CAC1C,GAAKA,EACL,IAAI,CAACO,EAAWP,CAAG,EAAG,CACrBvB,EAAY,wBAAwBO,EAAe,YAAA,CAAa,MAAM,EACtE,MACD,CACAZ,EAAM,qBAAqB4B,CAAG,EAAE,KAC9BK,GAAS,CACT,GACC,CAACA,GACD,CAACA,EAAK,MACNA,EAAK,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,gBAC5BrB,EAAe,cAEhBP,EACC,wBAAwBO,EAAe,YAAA,CAAa,MAAA,MAE/C,CACN,MAAMI,EACLhB,EAAM,gBAAgB,YAAYiC,EAAK,KAAK,aAAa,EAC1D,GAAI,CAACjB,EACJX,EAAY,sCAAsC,UACxC4B,EAAK,KAAOjB,EACtBX,EACC,sCAAsCY,EACrCD,CAAA,CACA,EAAA,MAEI,CACN,MAAMI,EACLa,EAAK,KAAK,MAAM,GAAG,EAAE,GAAG,EAAE,GAAG,YAAA,GAAiB,OAC/CpB,EAAkBO,CAAS,EAC3B,MAAMD,EAAWD,EAAY,QAAQE,EAAU,YAAA,CAAa,EAAE,EACxDC,MAAW,KACjBV,EAAY,CACX,OAAQU,EAAK,QAAA,EAAU,SAAA,EACvB,SAAAF,EACA,SAAUF,EAAegB,EAAK,IAAI,EAClC,SAAUA,EAAK,KACf,QAASL,EACT,WAAY,MACZ,WAAYP,CAAA,CACZ,EACDd,EAAQ,IAAI,CACb,CACD,CACD,EACC8B,GAAQhC,EAAYgC,GAAK,SAAW,gCAAgC,CAAA,EAEvE,EAEMC,EAAiB,CAACC,EAAeC,EAAgBC,IAClDC,EAAoB9B,CAAc,IAAM,QACpC+B,EAAAA,OAACC,EAAAA,QAAA,CAAU,MAAAL,EAAc,OAAAC,EAAgB,MAAAC,CAAA,EAAzC,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAI,MAAuD,EAC3DH,EAAoB9B,CAAc,IAAM,QACpC+B,EAAAA,OAACG,EAAAA,QAAA,CAAkB,MAAAP,EAAc,OAAAC,EAAgB,MAAAC,CAAA,EAAjD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAI,MAA+D,EACnEH,EAAoB9B,CAAc,IAAM,MACpC+B,EAAAA,OAACI,EAAAA,QAAA,CAAY,MAAAR,EAAc,OAAAC,EAAgB,MAAAC,CAAA,EAA3C,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAI,MAAyD,EAC1DF,EAAAA,OAACK,EAAAA,QAAA,CAAS,MAAAT,EAAc,OAAAC,EAAgB,MAAAC,CAAA,EAAxC,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAI,MAAsD,EAG9D,OACCF,EAAAA,OAAAM,EAAAA,SAAA,CACE,SAAEvC,GAAY,OAAO,KAAKA,CAAQ,GAAG,OA4IrCiC,SAACO,EAAAA,kBAAA,CAAkB,UAAU,eAC5B,SAAA,CAAAP,EAAAA,OAAC,MAAA,CAAI,UAAU,uBACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,6BACd,SAAAA,EAAAA,OAACQ,EAAAA,QAAA,CACA,MAAOC,EAAAA,OAAO,QAAQ,eACtB,OAAQ,GACR,MAAO,EAAA,EAHR,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAP,MAAA,CAIA,EALD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAMA,EACAF,SAAC,MAAA,CAAI,UAAU,8BACd,kBAACU,cAAA,CAAa,SAAA,CAAAzC,EAAe,wBAAA,CAAA,EAA7B,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAiC,MAAmD,CAAA,EADpD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAEA,CAAA,CAAA,EAVD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAWA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,qBACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,kCACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,wCACb,SAAAL,EAAec,EAAAA,OAAO,QAAQ,UAAW,GAAI,EAAE,CAAA,EADjD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAP,MAEA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,wCACd,SAAAA,EAAAA,OAACW,EAAAA,cAAA,CACA,MAAO,CACN,SAAU,SACV,WAAY,SACZ,aAAc,UAAA,EAGd,SAAA5C,GAAU,QAAA,EAPZ,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAmC,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAUA,EACAF,SAAC,MAAA,CAAI,UAAU,wCACb,YAAU,QAAA,EADZ,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAE,MAEA,CAAA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkBA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,8BACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,oCACd,SAAAA,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAW,OACX,WAAY,YACZ,iBAAkB,GAClB,QAAS,IAAM,CACd5C,EAAY,CAAA,CAAkB,EAC9BX,EAAM,gBAAgB,eACpB,MAAM,GAAG,EACT,IAAKc,GACLA,GAAU,MAAM,GAAG,GAAG,GAAG,EAAE,GAAG,YAAA,CAAY,GAEzC,KAAK,GAAG,CACZ,CAAA,EAZD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAA+B,MAAA,CAaA,EAdD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAeA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,oCACd,SAAAA,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAW,OACX,WAAY,UACZ,iBAAkB,GAClB,QAAS,IAAMvD,EAAM,UAAUM,EAAOI,CAAQ,CAAA,EAJ/C,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAmC,MAAA,CAKA,EAND,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAOA,CAAA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAyBA,CAAA,CAAA,EA7CD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA8CA,CAAA,CAAA,EA3DD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA4DA,EAvMAF,EAAAA,OAACa,EAAAA,kBAAA,CAAkB,gBAAAhD,EAClB,SAAA,CAAAmC,EAAAA,OAAC,MAAA,CAAI,UAAU,eACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,uBACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,6BACb,SAAAL,EAAec,EAAAA,OAAO,QAAQ,UAAW,GAAI,EAAE,CAAA,EADjD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAP,MAEA,EACAF,EAAAA,OAACc,EAAAA,SAAQ,KAAM7C,EAAgB,UAAW,MACzC,SAAA+B,EAAAA,OAAC,MAAA,CAAI,UAAU,8BACd,SAAAA,EAAAA,OAACU,EAAAA,YAAA,CACA,MAAO,CACN,QAAS,QACT,SAAU,SACV,aAAc,WACd,WAAY,QAAA,EAGZ,SAAA7C,EACE,8BACA,UAAUI,CAAc,EAAA,EAV5B,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAiC,MAAA,CAWA,EAZD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAaA,CAAA,EAdD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAeA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,gCACd,SAAAA,EAAAA,OAACW,iBAAc,MAAO,CAAE,MAAOF,EAAAA,OAAO,QAAQ,SAAA,EAC5C,SAAA5C,EACE,QAAQI,CAAc,yDACtB,GACAA,EAAe,SAAS,GAAG,EACxB,QACAA,EAAiB,SACpB,UAAUK,EACV,KAAK,IACJ,GAAG,OAAO,OAAOjB,EAAM,gBAAgB,WAAW,CAAA,CACnD,CACC,EAAA,EAXL,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAA6C,MAYA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAcA,CAAA,CAAA,EAlCD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAmCA,EACAF,SAAC,MAAA,CAAI,UAAU,qBACb,WACAA,EAAAA,OAAAM,WAAA,CACC,SAAA,CAAAN,EAAAA,OAAC,MAAA,CAAI,UAAU,mCACd,SAAAA,EAAAA,OAACe,EAAAA,qBAAA,CACA,UAAW1D,EAAM,eACjB,WAAY,EAAA,EAFb,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAA6C,MAAA,CAGA,EAJD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAKA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,oCACd,SAAAA,EAAAA,OAACY,EAAAA,OAAA,CACA,WAAY,eACZ,WAAY,SACZ,QAAS,IAAM,CACd9C,EAAmB,EAAK,EACxBF,EAAQ,IAAI,EACZI,EAAY,CAAA,CAAkB,CAC/B,CAAA,EAPD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAkC,MAAA,CAQA,EATD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAUA,CAAA,CAAA,EAjBD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAkBA,EAEAF,EAAAA,OAAAM,EAAAA,SAAA,CACC,SAAA,CAAAN,EAAAA,OAAC,MAAA,CAAI,UAAU,2BACd,SAAAA,EAAAA,OAACgB,EAAAA,MAAA,CACA,KAAM,OACN,aAAc,IAAMtD,EAAY,EAAE,EAClC,YAAa,oBACZO,EAAe,SAAS,GAAG,EACxB,OACAA,EAAe,YAAA,CACnB,GACA,MAAO,OACP,OAAQ,OACR,UAAW,GACVA,EAAe,SAAS,GAAG,EAAI,OAASA,CACzC,QACA,aAAcR,EACd,OAASwD,GAAMxB,EAAkBwB,EAAE,OAAO,KAAK,CAAA,EAdhD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAf,MAAA,CAeA,EAhBD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAiBA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,8BACd,SAAA,CAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,MAAA,EAAf,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAE,MAAsB,EACtBF,SAAC,MAAA,CAAI,UAAU,QACd,SAAAA,EAAAA,OAACkB,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOT,EAAAA,OAAO,QAAQ,SAAA,EAAa,SAAA,uBAAA,EAAzD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAP,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAIA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,OAAA,EAAf,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAE,MAAuB,CAAA,CAAA,EAPxB,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAQA,EACAF,EAAAA,OAAC,MAAA,CAAI,UAAU,6BACd,SAAA,CAAAA,EAAAA,OAAC,QAAA,CACA,QAAQ,qBACR,UAAU,oBAEV,SAAAA,EAAAA,OAAC,MAAA,CAAI,UAAU,gBACd,SAAA,CAAAA,EAAAA,OAAC,OACA,SAAAA,EAAAA,OAACmB,EAAAA,QAAA,CAAW,OAAQ,GAAI,MAAO,IAA/B,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAjB,MAAmC,CAAA,EADpC,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAEA,EACAF,EAAAA,OAAC,MAAA,CACA,SAAAA,EAAAA,OAACoB,EAAAA,YAAA,CAAY,MAAO,CAAE,MAAOX,EAAAA,OAAO,QAAQ,OAAS,SAAA,QAAA,EAArD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAP,MAEA,CAAA,EAHD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAIA,CAAA,CAAA,EARD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MASA,CAAA,EAbD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAAA,EAeAF,EAAAA,OAAC,QAAA,CACA,GAAG,qBACH,KAAK,OACL,OAAQ3C,EAAM,gBAAgB,eAC9B,MAAO,CAAE,QAAS,EAAG,SAAU,WAAY,OAAQ,EAAA,EACnD,SAAWgE,GACVnC,EAAiBmC,EAAM,MAAM,CAAA,EAN/B,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAnB,MAAA,CAQA,CAAA,EAxBD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAA,MAyBA,CAAA,CAAA,EArDD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAsDA,CAAA,EA5EF,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA8EA,CAAA,CAAA,EAnHD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAoHA,EACC5C,GACA0C,EAAAA,OAAC,MAAA,CAAI,UAAU,kBACd,SAAAA,EAAAA,OAACsB,EAAAA,QAAA,CACA,KAAMC,EAAAA,cAAc,SACpB,KAAMC,EAAAA,aAAa,MACnB,KAAMlE,EACN,cAAe,GACf,KAAM,IAEJ0C,EAAAA,OAACyB,EAAAA,QAAA,CACA,OAAQ,GACR,MAAO,GACP,MAAOhB,EAAAA,OAAO,QAAQ,QAAA,EAHvB,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,EAAA,EAAAP,MAAA,CAMF,EAbD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAAA,CAcA,EAfD,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAgBA,CAAA,CAAA,EAvIF,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MAyIA,CA8DA,EAzMF,OAAA,GAAA,CAAA,SAAA,mIAAA,WAAA,IAAA,aAAA,CAAA,EAAAA,MA2MA,CAEF,EAEMH,EAAsB,CAC3B,IAAK,MACL,IAAK,QACL,KAAM,QACN,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,IAAK,QACL,KAAM,MACP"}

package/dist/cjs/components/floater/floater.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-dev-runtime"),o=require("react"),b=n=>{const i=o.useRef(null),[c,l]=o.useState(0),[d,s]=o.useState(0),[a,m]=o.useState(!1),h=e=>{if(n.useDefaultOffsets){s(e.left);return}let t=0;n.leftOffset?t=e.left+n.leftOffset:t=e.left+e.width+30;const f=i?.current;if(!f){s(t);return}t>window.innerWidth-f.offsetWidth&&(t=window.innerWidth-f.offsetWidth-50),s(t)},w=e=>{if(n.useDefaultOffsets){l(e.top);return}let t=e.top;n.topOffset&&(t=e.top+n.topOffset);const f=i?.current;if(!f){l(t);return}const r=window.innerHeight;e.top+f.offsetHeight>r&&(t=e.top-(e.top+f.offsetHeight-r)-10),l(t)};return o.useEffect(()=>{if(n.refElement.current){const e=n.refElement.current.getBoundingClientRect();h(e),w(e),m(!0)}}),a?u.jsxDEV("div",{style:{top:c,left:d,position:"fixed",zIndex:1e3},children:u.jsxDEV("div",{ref:i,children:n.children},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/floater/floater.tsx",lineNumber:86,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/syedanoorain/Downloads/bik-component-library/src/components/floater/floater.tsx",lineNumber:78,columnNumber:3},void 0):null};exports.Floater=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-dev-runtime"),f=require("react"),w=n=>{const o=f.useRef(null),[a,s]=f.useState(0),[c,l]=f.useState(0),[d,m]=f.useState(!1),h=e=>{if(n.useDefaultOffsets){l(e.left);return}let t=0;n.leftOffset?t=e.left+n.leftOffset:t=e.left+e.width+30;const i=o?.current;if(!i){l(t);return}t>window.innerWidth-i.offsetWidth&&(t=window.innerWidth-i.offsetWidth-50),l(t)},b=e=>{if(n.useDefaultOffsets){s(e.top);return}let t=e.top;n.topOffset&&(t=e.top+n.topOffset);const i=o?.current;if(!i){s(t);return}const r=window.innerHeight;e.top+i.offsetHeight>r&&(t=e.top-(e.top+i.offsetHeight-r)-10),s(t)};return f.useEffect(()=>{if(n.refElement.current){const e=n.refElement.current.getBoundingClientRect();h(e),b(e),m(!0)}}),d?u.jsxDEV("div",{style:{top:a,left:c,position:"fixed",zIndex:1e3},children:u.jsxDEV("div",{ref:o,children:n.children},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/floater/floater.tsx",lineNumber:86,columnNumber:4},void 0)},void 0,!1,{fileName:"/Users/himanshusrivastava/Desktop/Work/bik-component-library/bik-component-library/src/components/floater/floater.tsx",lineNumber:78,columnNumber:3},void 0):null};exports.Floater=w;
 //# sourceMappingURL=floater.js.map

package/dist/cjs/components/floater/floater.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"floater.js","sources":["../../../../src/components/floater/floater.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport type FloaterProps = {\n\tchildren?: React.ReactNode;\n\trefElement: React.MutableRefObject<any>;\n\tleftOffset?: number;\n\ttopOffset?: number;\n\tuseDefaultOffsets?: boolean;\n};\n\nexport const Floater = (props: FloaterProps) => {\n\tconst childRef = useRef<HTMLDivElement \| null>(null);\n\tconst [top, setTop] = useState<number>(0);\n\tconst [left, setLeft] = useState<number>(0);\n\tconst [show, setShow] = useState<boolean>(false);\n\n\tconst calculateLeft = (rect: DOMRect) => {\n\t\tif (props.useDefaultOffsets) {\n\t\t\tsetLeft(rect.left);\n\t\t\treturn;\n\t\t}\n\n\t\tlet left = 0;\n\t\tif (props.leftOffset) {\n\t\t\tleft = rect.left + props.leftOffset;\n\t\t} else {\n\t\t\tleft = rect.left + rect.width + 30;\n\t\t}\n\t\tconst childElement: any = childRef?.current;\n\t\tif (!childElement) {\n\t\t\tsetLeft(left);\n\t\t\treturn;\n\t\t}\n\t\tif (left > window.innerWidth - childElement.offsetWidth) {\n\t\t\tleft = window.innerWidth - childElement.offsetWidth - 50;\n\t\t}\n\t\tsetLeft(left);\n\t};\n\n\tconst calculateTop = (rect: DOMRect) => {\n\t\tif (props.useDefaultOffsets) {\n\t\t\tsetTop(rect.top);\n\t\t\treturn;\n\t\t}\n\t\tlet top: number = rect.top;\n\n\t\tif (props.topOffset) {\n\t\t\ttop = rect.top + props.topOffset;\n\t\t}\n\n\t\tconst childElement: any = childRef?.current;\n\t\tif (!childElement) {\n\t\t\tsetTop(top);\n\t\t\treturn;\n\t\t}\n\t\tconst windowHeight = window.innerHeight;\n\t\tif (rect.top + childElement.offsetHeight > windowHeight) {\n\t\t\ttop =\n\t\t\t\trect.top - (rect.top + childElement.offsetHeight - windowHeight) - 10;\n\t\t}\n\t\tsetTop(top);\n\t};\n\n\tuseEffect(() => {\n\t\tif (props.refElement.current) {\n\t\t\tconst rect = props.refElement.current.getBoundingClientRect();\n\t\t\tcalculateLeft(rect);\n\t\t\tcalculateTop(rect);\n\t\t\tsetShow(true);\n\t\t}\n\t});\n\n\tif (!show) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\ttop: top,\n\t\t\t\tleft: left,\n\t\t\t\tposition: 'fixed',\n\t\t\t\tzIndex: 1000,\n\t\t\t}}\n\t\t>\n\t\t\t<div ref={childRef}>{props.children}</div>\n\t\t</div>\n\t);\n};\n"],"names":["Floater","props","childRef","useRef","top","setTop","useState","left","setLeft","show","setShow","calculateLeft","rect","childElement","calculateTop","windowHeight","useEffect","jsxDEV","this"],"mappings":"4IAUaA,EAAWC,GAAwB,CAC/C,MAAMC,EAAWC,EAAAA,OAA8B,IAAI,EAC7C,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAiB,CAAC,EAClC,CAACC,EAAMC,CAAO,EAAIF,EAAAA,SAAiB,CAAC,EACpC,CAACG,EAAMC,CAAO,EAAIJ,EAAAA,SAAkB,EAAK,EAEzCK,EAAiBC,GAAkB,CACxC,GAAIX,EAAM,kBAAmB,CAC5BO,EAAQI,EAAK,IAAI,EACjB,MACD,CAEA,IAAIL,EAAO,EACPN,EAAM,WACTM,EAAOK,EAAK,KAAOX,EAAM,WAEzBM,EAAOK,EAAK,KAAOA,EAAK,MAAQ,GAEjC,MAAMC,EAAoBX,GAAU,QACpC,GAAI,CAACW,EAAc,CAClBL,EAAQD,CAAI,EACZ,MACD,CACIA,EAAO,OAAO,WAAaM,EAAa,cAC3CN,EAAO,OAAO,WAAaM,EAAa,YAAc,IAEvDL,EAAQD,CAAI,CACb,EAEMO,EAAgBF,GAAkB,CACvC,GAAIX,EAAM,kBAAmB,CAC5BI,EAAOO,EAAK,GAAG,EACf,MACD,CACA,IAAIR,EAAcQ,EAAK,IAEnBX,EAAM,YACTG,EAAMQ,EAAK,IAAMX,EAAM,WAGxB,MAAMY,EAAoBX,GAAU,QACpC,GAAI,CAACW,EAAc,CAClBR,EAAOD,CAAG,EACV,MACD,CACA,MAAMW,EAAe,OAAO,YACxBH,EAAK,IAAMC,EAAa,aAAeE,IAC1CX,EACCQ,EAAK,KAAOA,EAAK,IAAMC,EAAa,aAAeE,GAAgB,IAErEV,EAAOD,CAAG,CACX,EAWA,OATAY,EAAAA,UAAU,IAAM,CACf,GAAIf,EAAM,WAAW,QAAS,CAC7B,MAAMW,EAAOX,EAAM,WAAW,QAAQ,sBAAA,EACtCU,EAAcC,CAAI,EAClBE,EAAaF,CAAI,EACjBF,EAAQ,EAAI,CACb,CACD,CAAC,EAEID,EAKJQ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,IAAAb,EACA,KAAAG,EACA,SAAU,QACV,OAAQ,GAAA,EAGT,SAAAU,EAAAA,OAAC,MAAA,CAAI,IAAKf,EAAW,WAAM,UAA3B,OAAA,GAAA,CAAA,SAAA,~~yFAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAoC,CAAA,EARrC,OAAA,GAAA,CAAA,SAAA,~~yFAAA~~,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAJO,IAeT"}
1	+ {"version":3,"file":"floater.js","sources":["../../../../src/components/floater/floater.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport type FloaterProps = {\n\tchildren?: React.ReactNode;\n\trefElement: React.MutableRefObject<any>;\n\tleftOffset?: number;\n\ttopOffset?: number;\n\tuseDefaultOffsets?: boolean;\n};\n\nexport const Floater = (props: FloaterProps) => {\n\tconst childRef = useRef<HTMLDivElement \| null>(null);\n\tconst [top, setTop] = useState<number>(0);\n\tconst [left, setLeft] = useState<number>(0);\n\tconst [show, setShow] = useState<boolean>(false);\n\n\tconst calculateLeft = (rect: DOMRect) => {\n\t\tif (props.useDefaultOffsets) {\n\t\t\tsetLeft(rect.left);\n\t\t\treturn;\n\t\t}\n\n\t\tlet left = 0;\n\t\tif (props.leftOffset) {\n\t\t\tleft = rect.left + props.leftOffset;\n\t\t} else {\n\t\t\tleft = rect.left + rect.width + 30;\n\t\t}\n\t\tconst childElement: any = childRef?.current;\n\t\tif (!childElement) {\n\t\t\tsetLeft(left);\n\t\t\treturn;\n\t\t}\n\t\tif (left > window.innerWidth - childElement.offsetWidth) {\n\t\t\tleft = window.innerWidth - childElement.offsetWidth - 50;\n\t\t}\n\t\tsetLeft(left);\n\t};\n\n\tconst calculateTop = (rect: DOMRect) => {\n\t\tif (props.useDefaultOffsets) {\n\t\t\tsetTop(rect.top);\n\t\t\treturn;\n\t\t}\n\t\tlet top: number = rect.top;\n\n\t\tif (props.topOffset) {\n\t\t\ttop = rect.top + props.topOffset;\n\t\t}\n\n\t\tconst childElement: any = childRef?.current;\n\t\tif (!childElement) {\n\t\t\tsetTop(top);\n\t\t\treturn;\n\t\t}\n\t\tconst windowHeight = window.innerHeight;\n\t\tif (rect.top + childElement.offsetHeight > windowHeight) {\n\t\t\ttop =\n\t\t\t\trect.top - (rect.top + childElement.offsetHeight - windowHeight) - 10;\n\t\t}\n\t\tsetTop(top);\n\t};\n\n\tuseEffect(() => {\n\t\tif (props.refElement.current) {\n\t\t\tconst rect = props.refElement.current.getBoundingClientRect();\n\t\t\tcalculateLeft(rect);\n\t\t\tcalculateTop(rect);\n\t\t\tsetShow(true);\n\t\t}\n\t});\n\n\tif (!show) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tstyle={{\n\t\t\t\ttop: top,\n\t\t\t\tleft: left,\n\t\t\t\tposition: 'fixed',\n\t\t\t\tzIndex: 1000,\n\t\t\t}}\n\t\t>\n\t\t\t<div ref={childRef}>{props.children}</div>\n\t\t</div>\n\t);\n};\n"],"names":["Floater","props","childRef","useRef","top","setTop","useState","left","setLeft","show","setShow","calculateLeft","rect","childElement","calculateTop","windowHeight","useEffect","jsxDEV","this"],"mappings":"4IAUaA,EAAWC,GAAwB,CAC/C,MAAMC,EAAWC,EAAAA,OAA8B,IAAI,EAC7C,CAACC,EAAKC,CAAM,EAAIC,EAAAA,SAAiB,CAAC,EAClC,CAACC,EAAMC,CAAO,EAAIF,EAAAA,SAAiB,CAAC,EACpC,CAACG,EAAMC,CAAO,EAAIJ,EAAAA,SAAkB,EAAK,EAEzCK,EAAiBC,GAAkB,CACxC,GAAIX,EAAM,kBAAmB,CAC5BO,EAAQI,EAAK,IAAI,EACjB,MACD,CAEA,IAAIL,EAAO,EACPN,EAAM,WACTM,EAAOK,EAAK,KAAOX,EAAM,WAEzBM,EAAOK,EAAK,KAAOA,EAAK,MAAQ,GAEjC,MAAMC,EAAoBX,GAAU,QACpC,GAAI,CAACW,EAAc,CAClBL,EAAQD,CAAI,EACZ,MACD,CACIA,EAAO,OAAO,WAAaM,EAAa,cAC3CN,EAAO,OAAO,WAAaM,EAAa,YAAc,IAEvDL,EAAQD,CAAI,CACb,EAEMO,EAAgBF,GAAkB,CACvC,GAAIX,EAAM,kBAAmB,CAC5BI,EAAOO,EAAK,GAAG,EACf,MACD,CACA,IAAIR,EAAcQ,EAAK,IAEnBX,EAAM,YACTG,EAAMQ,EAAK,IAAMX,EAAM,WAGxB,MAAMY,EAAoBX,GAAU,QACpC,GAAI,CAACW,EAAc,CAClBR,EAAOD,CAAG,EACV,MACD,CACA,MAAMW,EAAe,OAAO,YACxBH,EAAK,IAAMC,EAAa,aAAeE,IAC1CX,EACCQ,EAAK,KAAOA,EAAK,IAAMC,EAAa,aAAeE,GAAgB,IAErEV,EAAOD,CAAG,CACX,EAWA,OATAY,EAAAA,UAAU,IAAM,CACf,GAAIf,EAAM,WAAW,QAAS,CAC7B,MAAMW,EAAOX,EAAM,WAAW,QAAQ,sBAAA,EACtCU,EAAcC,CAAI,EAClBE,EAAaF,CAAI,EACjBF,EAAQ,EAAI,CACb,CACD,CAAC,EAEID,EAKJQ,EAAAA,OAAC,MAAA,CACA,MAAO,CACN,IAAAb,EACA,KAAAG,EACA,SAAU,QACV,OAAQ,GAAA,EAGT,SAAAU,EAAAA,OAAC,MAAA,CAAI,IAAKf,EAAW,WAAM,UAA3B,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAgB,MAAoC,CAAA,EARrC,OAAA,GAAA,CAAA,SAAA,wHAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,EAJO,IAeT"}