npm - @bikdotai/bik-component-library - Versions diffs - 0.0.860 → 0.0.861 - Mend

@bikdotai/bik-component-library 0.0.860 → 0.0.861

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 (14) 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","jsx","jsxs","Fragment","PlayIcon","TEXT","decodeHTMLEntities","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: (triggeredAction?: string) => Promise<void> \| void =\n\t\t\tonSecondaryAction \|\| onSkip;\n\t\tlet internalUrl: string \| null = null;\n\n\t\t// Handle based on action type. 'Play Video' is opened by closeCallback so the\n\t\t// click is not attributed to the primary button via onExplore.\n\t\tif (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(action);\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","jsx","jsxs","Fragment","PlayIcon","TEXT","decodeHTMLEntities","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 t=require("react/jsx-runtime"),a=require("react"),x=require("./constants/index.js"),C=require("./styles/minorPopup.styles.js"),S=require("./utils/htmlHelpers.js"),d=require("./utils/animationHelpers.js"),_=require("./utils/elementHelpers.js"),A=({feature:e,currentIndex:w,totalFeatures:B,onSkip:T,onExplore:u,onPrevious:P,onNext:b,setIsClosing:y})=>{const[m,p]=a.useState(!1),[h,E]=a.useState(!1),[f,c]=a.useState(""),r=a.useRef(null);a.useEffect(()=>{m&&E(!0)},[m]);const j=()=>{const o=e.primaryButton?.action;if(o==="Open link"){const i=e.primaryButton?.redirectionUrl||e.redirectUrl;i&&i.startsWith("http")&&window.open(i,"_blank","noopener,noreferrer")}if(u(o),d.hideJoyrideArrow(r.current),r.current&&e.featureTag){const i=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,l=document.querySelector(i);if(l){const s=d.calculateCloseTransform(r.current,l);c(s)}else c("scale(0)")}else c("scale(0)");y?.(!0),p(!0)},v=()=>{const o=e.secondaryButton?.action,i=T;let l=null;if(o==="Play Video")u("Play Video");else if(o==="Open link"){const s=e.secondaryButton?.redirectionUrl;s&&(s.startsWith("http")?window.open(s,"_blank","noopener,noreferrer"):l=s)}if(d.hideJoyrideArrow(r.current),r.current&&e.featureTag){const s=_.findFeatureTagElement(e.featureTag);if(s){const g=d.calculateCloseTransform(r.current,s);c(g)}else c("scale(0)")}else c("scale(0)");y?.(!0),p(!0),d.executeAfterAnimation(async()=>{await i(),l&&(window.location.href=l)})},n=C.getMinorPopupStyles(h,f);return t.jsxs("div",{ref:r,style:n.container,children:[t.jsx("div",{style:n.imageContainer,children:e.displayImage?t.jsx("div",{style:n.imageWrapper,children:t.jsx("img",{src:e.displayImage,alt:e.title,style:n.image,onError:o=>{e.image&&(o.target.src=e.image)}})}):t.jsx("div",{style:n.imagePlaceholder,children:x.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),t.jsxs("div",{style:n.contentContainer,children:[t.jsxs("div",{children:[t.jsx("h3",{style:n.title,children:e.title}),t.jsx("div",{style:n.content,dangerouslySetInnerHTML:{__html:S.decodeHTMLEntities(e.content||e.body||"")}})]}),t.jsxs("div",{style:n.actionsContainer,children:[e.secondaryButton?.text&&t.jsx("span",{onClick:v,style:n.understoodText,children:e.secondaryButton.text}),t.jsx("button",{onClick:j,style:n.exploreButton,children:e.primaryButton?.text||e.buttonText||x.TEXT.DEFAULT_BUTTON_TEXT})]})]})]})};exports.default=A;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),g=require("./constants/index.js"),S=require("./styles/minorPopup.styles.js"),_=require("./utils/htmlHelpers.js"),d=require("./utils/animationHelpers.js"),A=require("./utils/elementHelpers.js"),w=({feature:e,currentIndex:B,totalFeatures:b,onSkip:x,onExplore:T,onPrevious:q,onNext:U,setIsClosing:u,onSecondaryAction:h})=>{const[m,p]=a.useState(!1),[E,f]=a.useState(!1),[j,c]=a.useState(""),s=a.useRef(null);a.useEffect(()=>{m&&f(!0)},[m]);const v=()=>{const o=e.primaryButton?.action;if(o==="Open link"){const i=e.primaryButton?.redirectionUrl||e.redirectUrl;i&&i.startsWith("http")&&window.open(i,"_blank","noopener,noreferrer")}if(T(o),d.hideJoyrideArrow(s.current),s.current&&e.featureTag){const i=e.featureTag.startsWith("#")||e.featureTag.startsWith(".")||e.featureTag.startsWith("[")?e.featureTag:`#${e.featureTag}`,l=document.querySelector(i);if(l){const r=d.calculateCloseTransform(s.current,l);c(r)}else c("scale(0)")}else c("scale(0)");u?.(!0),p(!0)},C=()=>{const o=e.secondaryButton?.action,i=h||x;let l=null;if(o==="Open link"){const r=e.secondaryButton?.redirectionUrl;r&&(r.startsWith("http")?window.open(r,"_blank","noopener,noreferrer"):l=r)}if(d.hideJoyrideArrow(s.current),s.current&&e.featureTag){const r=A.findFeatureTagElement(e.featureTag);if(r){const y=d.calculateCloseTransform(s.current,r);c(y)}else c("scale(0)")}else c("scale(0)");u?.(!0),p(!0),d.executeAfterAnimation(async()=>{await i(o),l&&(window.location.href=l)})},n=S.getMinorPopupStyles(E,j);return t.jsxs("div",{ref:s,style:n.container,children:[t.jsx("div",{style:n.imageContainer,children:e.displayImage?t.jsx("div",{style:n.imageWrapper,children:t.jsx("img",{src:e.displayImage,alt:e.title,style:n.image,onError:o=>{e.image&&(o.target.src=e.image)}})}):t.jsx("div",{style:n.imagePlaceholder,children:g.TEXT.FEATURE_PREVIEW_PLACEHOLDER})}),t.jsxs("div",{style:n.contentContainer,children:[t.jsxs("div",{children:[t.jsx("h3",{style:n.title,children:e.title}),t.jsx("div",{style:n.content,dangerouslySetInnerHTML:{__html:_.decodeHTMLEntities(e.content||e.body||"")}})]}),t.jsxs("div",{style:n.actionsContainer,children:[e.secondaryButton?.text&&t.jsx("span",{onClick:C,style:n.understoodText,children:e.secondaryButton.text}),t.jsx("button",{onClick:v,style:n.exploreButton,children:e.primaryButton?.text||e.buttonText||g.TEXT.DEFAULT_BUTTON_TEXT})]})]})]})};exports.default=w;
 //# 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","jsx","e","TEXT","jsxs","decodeHTMLEntities"],"mappings":"qWAYMA,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,cACE,MAAA,CAAI,IAAKE,EAAU,MAAOgB,EAAO,UAEjC,SAAA,CAAAE,EAAAA,IAAC,MAAA,CAAI,MAAOF,EAAO,eACjB,~~SAAA/B~~,EAAQ,~~aACRiC~~,EAAAA,IAAC,MAAA,CAAI,MAAOF,EAAO,aAClB,SAAAE,EAAAA,IAAC,MAAA,CACA,~~IAAKjC~~,EAAQ,aACb,IAAKA,EAAQ,MACb,~~MAAO+B~~,EAAO,MACd,QAAUG,GAAM,~~CACXlC~~,EAAQ,~~QACVkC~~,EAAE,OAA4B,~~IAAMlC~~,EAAQ,MAE/C,CAAA,CAAA,CACD,CACD,~~EAEAiC~~,EAAAA,IAAC,MAAA,CAAI,MAAOF,EAAO,iBACjB,SAAAI,EAAAA,KAAK,2BAAA,CACP,CAAA,CAEF,EAGAC,EAAAA,KAAC,MAAA,CAAI,MAAOL,EAAO,iBAClB,SAAA,CAAAK,OAAC,MAAA,CACA,SAAA,CAAAH,MAAC,KAAA,CAAG,MAAOF,EAAO,MAAQ,WAAQ,MAAM,EACxCE,EAAAA,IAAC,MAAA,CACA,MAAOF,EAAO,QACd,wBAAyB,CACxB,OAAQM,EAAAA,~~mBAAmBrC~~,EAAQ,SAAWA,EAAQ,MAAQ,EAAE,CAAA,CACjE,CAAA,CACD,EACD,~~EAGAoC~~,EAAAA,KAAC,MAAA,CAAI,MAAOL,EAAO,iBAEjB,SAAA,~~CAAA/B~~,EAAQ,iBAAiB,~~MACzBiC~~,EAAAA,IAAC,OAAA,CAAK,QAASP,EAAuB,MAAOK,EAAO,eAClD,~~SAAA/B~~,EAAQ,gBAAgB,KAC1B,~~EAIDiC~~,EAAAA,IAAC,SAAA,CAAO,QAASf,EAAe,MAAOa,EAAO,cAC5C,~~SAAA/B~~,EAAQ,eAAe,MACvBA,EAAQ,~~YACRmC~~,EAAAA,KAAK,mBAAA,CACP,CAAA,CAAA,CACD,CAAA,CAAA,CACD,CAAA,EACD,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\tonSecondaryAction,\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: (triggeredAction?: string) => Promise<void> \| void =\n\t\t\tonSecondaryAction \|\| onSkip;\n\t\tlet internalUrl: string \| null = null;\n\n\t\t// Handle based on action type. 'Play Video' is opened by closeCallback so the\n\t\t// click is not attributed to the primary button via onExplore.\n\t\tif (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(action);\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","onSecondaryAction","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","jsx","e","TEXT","jsxs","decodeHTMLEntities"],"mappings":"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"}