se-design 1.0.3 → 1.0.8-5.dev.1

package/dist/index63.js.map

@@ -1 +1 @@
-{"version":3,"file":"index63.js","sources":["../src/assets/icons/attachment.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_4"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index63.js","sources":["../src/components/GuidedTour/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport { Icon, RotationTypes } from '../Icon';\nimport { Button } from '../Button';\nimport { debounce } from 'src/utils/debounce';\n\n// Constants\nconst ANIMATION_DURATION_MS = 500;\nconst VIEWPORT_MARGIN_PX = 50;\nconst SCROLL_DEBOUNCE_MS = 150;\n\nconst ARROW_STYLES = {\n  'top-left': { rotate: '315', class: '-top-5 left-0' },\n  'top-right': { rotate: '45', class: '-top-5 right-0' },\n  'bottom-left': { rotate: '225', class: '-bottom-5 left-0' },\n  'bottom-right': { rotate: '135', class: '-bottom-5 right-0' }\n};\n\nexport type TooltipArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n\nexport interface GuidedTourStep {\n  targetElementSelector: string;\n  iframeSelector?: string;\n  content: string;\n  tooltipPosition?:\n    | 'top-left'\n    | 'top-right'\n    | 'top-center'\n    | 'bottom-left'\n    | 'bottom-right'\n    | 'bottom-center'\n    | 'left-top'\n    | 'left-center'\n    | 'left-bottom'\n    | 'right-top'\n    | 'right-center'\n    | 'right-bottom';\n  tooltipPositionOffset?: {\n    horizontal?: number;\n    vertical?: number;\n  };\n  isOptionalStep?: boolean;\n  automationId?: string;\n  waitForElement?: boolean;\n  zIndex?: number;\n  isDropdownStep?: boolean;\n}\n\nexport interface GuidedTourProps {\n  steps: GuidedTourStep[];\n  screenBaseElementSelector?: string;\n  onClose: () => void;\n  tooltipBackgroundColor?: string;\n  tooltipTextColor?: string;\n  maxWidth?: number;\n  automationId?: string;\n}\n\ninterface TooltipPosition {\n  top: number;\n  left: number;\n}\n\n// Helper to get the iframe's content document\nconst getIframeDocument = (iframeSelector: string): Document | null => {\n  const iframe = document.querySelector(iframeSelector) as HTMLIFrameElement;\n  if (!iframe) {\n    console.warn(`Iframe not found: ${iframeSelector}`);\n    return null;\n  }\n\n  try {\n    return iframe.contentDocument || iframe.contentWindow?.document || null;\n  } catch (error) {\n    console.error('Cannot access iframe document:', error);\n    return null;\n  }\n};\n\n// Helper to get target element from main document or iframe\nconst getTargetElement = (selector: string, iframeSelector?: string): HTMLElement | null => {\n  if (!iframeSelector) {\n    return document.querySelector(selector);\n  }\n\n  const iframeDoc = getIframeDocument(iframeSelector);\n  return iframeDoc ? iframeDoc.querySelector(selector) : null;\n};\n\n// Helper to get adjusted bounding rect accounting for iframe position\nconst getAdjustedBoundingRect = (element: HTMLElement, iframeSelector?: string): DOMRect => {\n  const rect = element.getBoundingClientRect();\n\n  if (!iframeSelector) {\n    return rect;\n  }\n\n  const iframe = document.querySelector(iframeSelector) as HTMLIFrameElement;\n  if (!iframe) {\n    return rect;\n  }\n\n  const iframeRect = iframe.getBoundingClientRect();\n\n  // Get iframe's computed styles to account for borders\n  const borderLeft = iframe.clientLeft || 0;\n  const borderTop = iframe.clientTop || 0;\n\n  // Adjust coordinates relative to the main document\n  return new DOMRect(\n    rect.left + iframeRect.left + borderLeft,\n    rect.top + iframeRect.top + borderTop,\n    rect.width,\n    rect.height\n  );\n};\n\n// Determines the arrow position based on the tooltip position\nconst getArrowPosition = (position?: GuidedTourStep['tooltipPosition']): TooltipArrowPosition => {\n  switch (position) {\n    case 'left-bottom':\n    case 'left-center':\n    case 'bottom-left':\n      return 'top-right';\n    case 'right-bottom':\n    case 'right-center':\n    case 'bottom-right':\n    case 'bottom-center':\n      return 'top-left';\n    case 'top-left':\n    case 'left-top':\n      return 'bottom-right';\n    case 'top-right':\n    case 'top-center':\n    case 'right-top':\n      return 'bottom-left';\n    default:\n      return 'top-left';\n  }\n};\n\n// Gets current scroll position for window or container\nconst getScrollPosition = (): { x: number; y: number } => ({\n  x: window.scrollX || window.pageXOffset,\n  y: window.scrollY || window.pageYOffset\n});\n\n// Helper to wait for an element to appear using requestAnimationFrame\nconst waitForElement = (\n  selector: string,\n  callback: (element: HTMLElement) => void,\n  iframeSelector?: string\n): (() => void) => {\n  let rafId: number;\n\n  const checkElement = () => {\n    const element = getTargetElement(selector, iframeSelector);\n    if (element) {\n      callback(element);\n    } else {\n      rafId = requestAnimationFrame(checkElement);\n    }\n  };\n\n  rafId = requestAnimationFrame(checkElement);\n\n  // Return cleanup function\n  return () => {\n    if (rafId) {\n      cancelAnimationFrame(rafId);\n    }\n  };\n};\n\nexport const GuidedTour: FC<GuidedTourProps> = ({\n  steps,\n  screenBaseElementSelector,\n  onClose,\n  tooltipBackgroundColor = '#E04E05',\n  tooltipTextColor = 'var(--color-white)',\n  maxWidth = 350\n}) => {\n  const [currentStepIndex, setCurrentStepIndex] = useState<number>(0);\n  const previousTooltipPositionRef = useRef<TooltipPosition | null>(null);\n  const tooltipRef = useRef<HTMLDivElement>(null);\n\n  // To handle navigation to the next step\n  const navigateToNextStep = () => {\n    if (currentStepIndex < steps.length - 1) {\n      setCurrentStepIndex(currentStepIndex + 1);\n    } else {\n      onClose?.();\n    }\n  };\n\n  const handleTargetElementClick = () => {\n    navigateToNextStep();\n  };\n\n  // To handle clicks outside current target\n  useEffect(() => {\n    const currentStep = steps[currentStepIndex];\n\n    const handleBodyClick = (event: MouseEvent) => {\n      const target = event.target as Node;\n      const currentTargetElement = getTargetElement(currentStep?.targetElementSelector, currentStep?.iframeSelector);\n      const tooltipElement = tooltipRef.current;\n\n      // Ignore clicks on the tooltip itself\n      if (tooltipElement && tooltipElement.contains(target)) {\n        return;\n      }\n\n      // Check if click is outside current target element\n      if (currentTargetElement && !currentTargetElement.contains(target)) {\n        // If dropdown step, go to next step on any outside click\n        if (currentStep?.isDropdownStep) {\n          navigateToNextStep();\n          return;\n        }\n\n        // Otherwise, check if click is on last step's target to close tour\n        const lastStep = steps[steps.length - 1];\n        const lastStepTargetElement = getTargetElement(lastStep.targetElementSelector, lastStep.iframeSelector);\n\n        if (lastStepTargetElement && lastStepTargetElement.contains(target)) {\n          onClose();\n        }\n      }\n    };\n\n    // Wait for tooltip positioning animation to complete before listening\n    const timeoutId = setTimeout(() => {\n      document.body.addEventListener('mousedown', handleBodyClick, true);\n    }, ANIMATION_DURATION_MS + SCROLL_DEBOUNCE_MS);\n\n    return () => {\n      clearTimeout(timeoutId);\n      document.body.removeEventListener('mousedown', handleBodyClick, true);\n    };\n  }, [currentStepIndex, steps, onClose]);\n\n  // Initialize tooltip styles\n  useEffect(() => {\n    setCurrentStepIndex(0);\n    previousTooltipPositionRef.current = null;\n\n    const tooltipElement = tooltipRef.current;\n    if (tooltipElement) {\n      tooltipElement.style.maxWidth = `${maxWidth}px`;\n      tooltipElement.style.backgroundColor = tooltipBackgroundColor;\n      tooltipElement.style.color = tooltipTextColor;\n    }\n  }, [maxWidth, tooltipBackgroundColor, tooltipTextColor]);\n\n  // To position and manage the current step\n  useEffect(() => {\n    const currentStep = steps[currentStepIndex];\n\n    if (!currentStep?.targetElementSelector) {\n      onClose?.();\n      return;\n    }\n\n    const scrollableContainer = screenBaseElementSelector\n      ? (document.querySelector(screenBaseElementSelector) as HTMLElement)\n      : null;\n\n    const tooltipElement = tooltipRef.current;\n    if (!tooltipElement) return;\n\n    let targetElement: HTMLElement | null = null;\n    let cleanupWait: (() => void) | null = null;\n    let handleScroll: (ReturnType<typeof debounce> & (() => void)) | null = null;\n\n    const hasScrollableContainer = Boolean(\n      scrollableContainer && scrollableContainer.scrollHeight > scrollableContainer.clientHeight\n    );\n\n    const viewportDimensions = {\n      height: scrollableContainer?.clientHeight || window.innerHeight,\n      width: scrollableContainer?.clientWidth || window.innerWidth\n    };\n\n    const initializeStep = (element: HTMLElement) => {\n      targetElement = element;\n      targetElement.addEventListener('click', handleTargetElementClick);\n\n      // To calculate the tooltip position relative to the target element\n      const calculateTooltipPosition = (\n        targetRect: DOMRect,\n        tooltipWidth: number,\n        tooltipHeight: number,\n        scroll: { x: number; y: number }\n      ): TooltipPosition => {\n        const position = currentStep.tooltipPosition || 'bottom-center';\n        const offsetVertical = currentStep.tooltipPositionOffset?.vertical || 0;\n        const offsetHorizontal = currentStep.tooltipPositionOffset?.horizontal || 0;\n\n        let top = 0;\n        let left = 0;\n\n        // To calculate the position based on the tooltip position prop and the offset\n        switch (position) {\n          case 'bottom-center':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x + targetRect.width / 2 + offsetHorizontal;\n            break;\n          case 'bottom-left':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'bottom-right':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'top-center':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x + targetRect.width / 2 + offsetHorizontal;\n            break;\n          case 'top-left':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'top-right':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'left-top':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'left-center':\n            top = targetRect.top + scroll.y + targetRect.height / 2 + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'left-bottom':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x - tooltipWidth + offsetHorizontal;\n            break;\n          case 'right-top':\n            top = targetRect.top - tooltipHeight + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'right-center':\n            top = targetRect.top + scroll.y + targetRect.height / 2 + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          case 'right-bottom':\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.right + scroll.x + offsetHorizontal;\n            break;\n          default:\n            top = targetRect.bottom + scroll.y + offsetVertical;\n            left = targetRect.left + scroll.x + targetRect.width / 2 + offsetHorizontal;\n            break;\n        }\n\n        return { top, left };\n      };\n\n      // To apply the position to the tooltip with optional animation\n      const applyTooltipPosition = (position: TooltipPosition, shouldAnimate: boolean) => {\n        tooltipElement.style.position = 'absolute';\n\n        const applyStyles = () => {\n          tooltipElement.style.top = `${position.top}px`;\n          tooltipElement.style.left = `${position.left}px`;\n        };\n\n        if (shouldAnimate && previousTooltipPositionRef.current) {\n          // Animate to new position immediately\n          tooltipElement.style.transition = `top ${ANIMATION_DURATION_MS}ms ease-in-out, left ${ANIMATION_DURATION_MS}ms ease-in-out`;\n          applyStyles();\n          previousTooltipPositionRef.current = position;\n        } else {\n          // Direct positioning without animation for first time\n          applyStyles();\n          previousTooltipPositionRef.current = position;\n        }\n      };\n\n      const positionTooltip = () => {\n        if (!tooltipElement || !targetElement) return;\n\n        // Wait for tooltip to be rendered with valid dimensions\n        const tooltipDimensions = {\n          width: tooltipElement.offsetWidth || 0,\n          height: tooltipElement.offsetHeight || 0\n        };\n\n        if (tooltipDimensions.width === 0 && tooltipDimensions.height === 0) {\n          requestAnimationFrame(positionTooltip);\n          return;\n        }\n\n        const targetRect = getAdjustedBoundingRect(targetElement, currentStep.iframeSelector);\n        const scroll = getScrollPosition();\n        const position = calculateTooltipPosition(\n          targetRect,\n          tooltipDimensions.width,\n          tooltipDimensions.height,\n          scroll\n        );\n\n        const shouldAnimate = previousTooltipPositionRef.current !== null;\n        applyTooltipPosition(position, shouldAnimate);\n      };\n\n      // To handle scroll events with debouncing to prevent excessive repositioning\n      handleScroll = debounce(() => {\n        if (!targetElement || !tooltipElement) return;\n\n        // Preserve current position for animation\n        const currentPosition = {\n          top: parseFloat(tooltipElement.style.top) || 0,\n          left: parseFloat(tooltipElement.style.left) || 0\n        };\n\n        if (!previousTooltipPositionRef.current && (currentPosition.top !== 0 || currentPosition.left !== 0)) {\n          previousTooltipPositionRef.current = currentPosition;\n        }\n\n        positionTooltip();\n\n        // Update reference after animation completes\n        if (previousTooltipPositionRef.current) {\n          setTimeout(() => {\n            const finalPosition = {\n              top: parseFloat(tooltipElement.style.top) || 0,\n              left: parseFloat(tooltipElement.style.left) || 0\n            };\n            if (finalPosition.top !== 0 || finalPosition.left !== 0) {\n              previousTooltipPositionRef.current = finalPosition;\n            }\n          }, ANIMATION_DURATION_MS);\n        }\n      }, SCROLL_DEBOUNCE_MS);\n\n      // Checks if both target and tooltip are fully visible in viewport\n      const areElementsVisible = (\n        targetRect: DOMRect,\n        tooltipTopViewport: number,\n        tooltipLeftViewport: number,\n        tooltipWidth: number,\n        tooltipHeight: number\n      ): boolean => {\n        const combinedBoundingBox = {\n          top: Math.min(targetRect.top, tooltipTopViewport),\n          bottom: Math.max(targetRect.bottom, tooltipTopViewport + tooltipHeight),\n          left: Math.min(targetRect.left, tooltipLeftViewport),\n          right: Math.max(targetRect.right, tooltipLeftViewport + tooltipWidth)\n        };\n\n        if (scrollableContainer) {\n          const containerRect = scrollableContainer.getBoundingClientRect();\n          return (\n            combinedBoundingBox.top >= containerRect.top + VIEWPORT_MARGIN_PX &&\n            combinedBoundingBox.bottom <= containerRect.top + containerRect.height - VIEWPORT_MARGIN_PX &&\n            combinedBoundingBox.left >= containerRect.left + VIEWPORT_MARGIN_PX &&\n            combinedBoundingBox.right <= containerRect.left + containerRect.width - VIEWPORT_MARGIN_PX &&\n            targetRect.width > 0 &&\n            targetRect.height > 0\n          );\n        }\n\n        return (\n          combinedBoundingBox.top >= VIEWPORT_MARGIN_PX &&\n          combinedBoundingBox.bottom <= viewportDimensions.height - VIEWPORT_MARGIN_PX &&\n          combinedBoundingBox.left >= VIEWPORT_MARGIN_PX &&\n          combinedBoundingBox.right <= viewportDimensions.width - VIEWPORT_MARGIN_PX &&\n          targetRect.width > 0 &&\n          targetRect.height > 0\n        );\n      };\n\n      // Calculates the scroll position needed to make both target and tooltip in viewport\n      const calculateScrollToCenter = (\n        targetRect: DOMRect,\n        tooltipTopViewport: number,\n        tooltipHeight: number\n      ): number | null => {\n        const combinedTop = Math.min(targetRect.top, tooltipTopViewport);\n        const combinedBottom = Math.max(targetRect.bottom, tooltipTopViewport + tooltipHeight);\n        const combinedHeight = combinedBottom - combinedTop;\n\n        // Determine scroll context (container or window)\n        const isContainer = Boolean(scrollableContainer && hasScrollableContainer);\n        const containerRect = isContainer ? scrollableContainer!.getBoundingClientRect() : null;\n\n        const viewportHeight = isContainer ? containerRect!.height : window.innerHeight;\n        const currentScroll = isContainer ? scrollableContainer!.scrollTop : getScrollPosition().y;\n        const maxScroll = isContainer\n          ? scrollableContainer!.scrollHeight - scrollableContainer!.clientHeight\n          : document.documentElement.scrollHeight - window.innerHeight;\n\n        const availableHeight = viewportHeight - 2 * VIEWPORT_MARGIN_PX;\n\n        // To calculate the center point\n        let centerPoint: number;\n\n        if (combinedHeight > availableHeight) {\n          // Combined area too tall - center the target element only\n          const targetCenter = (targetRect.top + targetRect.bottom) / 2;\n          centerPoint = isContainer ? targetCenter - containerRect!.top + currentScroll : targetCenter + currentScroll;\n        } else {\n          // Center the combined area (target + tooltip)\n          const combinedCenter = (combinedTop + combinedBottom) / 2;\n          centerPoint = isContainer\n            ? combinedCenter - containerRect!.top + currentScroll\n            : combinedCenter + currentScroll;\n        }\n\n        // Calculate final scroll position and clamp to valid range\n        const scrollPosition = centerPoint - viewportHeight / 2;\n        return Math.max(0, Math.min(scrollPosition, maxScroll));\n      };\n\n      // To initialize the tooltip positioning and handle scrolling if needed\n      const initializeTooltip = () => {\n        if (!tooltipElement || !targetElement) return;\n\n        const waitForDimensions = () => {\n          if (!tooltipElement || !targetElement) return;\n\n          const tooltipDimensions = {\n            width: tooltipElement.offsetWidth || 0,\n            height: tooltipElement.offsetHeight || 0\n          };\n\n          if (tooltipDimensions.width === 0 && tooltipDimensions.height === 0) {\n            requestAnimationFrame(waitForDimensions);\n            return;\n          }\n\n          const targetRect = getAdjustedBoundingRect(targetElement, currentStep.iframeSelector);\n          const scroll = getScrollPosition();\n\n          // Calculate tooltip position in absolute coordinates\n          const tooltipAbsolutePosition = calculateTooltipPosition(\n            targetRect,\n            tooltipDimensions.width,\n            tooltipDimensions.height,\n            scroll\n          );\n\n          // Convert to viewport coordinates for visibility check\n          const tooltipViewportPosition = {\n            top: tooltipAbsolutePosition.top - scroll.y,\n            left: tooltipAbsolutePosition.left - scroll.x\n          };\n\n          // Check if both elements are visible\n          const isVisible = areElementsVisible(\n            targetRect,\n            tooltipViewportPosition.top,\n            tooltipViewportPosition.left,\n            tooltipDimensions.width,\n            tooltipDimensions.height\n          );\n\n          if (!isVisible) {\n            // Calculate scroll needed to make both visible\n            const requiredScrollY = calculateScrollToCenter(\n              targetRect,\n              tooltipViewportPosition.top,\n              tooltipDimensions.height\n            );\n\n            if (requiredScrollY !== null) {\n              const scrollElement = hasScrollableContainer && scrollableContainer ? scrollableContainer : window;\n              scrollElement.scrollTo({ top: requiredScrollY, behavior: 'auto' });\n\n              // Position tooltip immediately after instant scroll\n              requestAnimationFrame(() => positionTooltip());\n            } else {\n              // Cannot fit with scrolling, position anyway\n              const shouldAnimate = previousTooltipPositionRef.current !== null;\n              applyTooltipPosition(tooltipAbsolutePosition, shouldAnimate);\n            }\n          } else {\n            // Both are visible, position tooltip\n            const shouldAnimate = previousTooltipPositionRef.current !== null;\n            applyTooltipPosition(tooltipAbsolutePosition, shouldAnimate);\n          }\n        };\n\n        waitForDimensions();\n      };\n\n      window.addEventListener('scroll', handleScroll, { passive: true });\n      if (hasScrollableContainer && scrollableContainer) {\n        scrollableContainer.addEventListener('scroll', handleScroll, { passive: true });\n      }\n\n      // Add scroll listener for iframe if target is inside iframe\n      if (currentStep.iframeSelector) {\n        const iframeDoc = getIframeDocument(currentStep.iframeSelector);\n        const iframeWindow = iframeDoc?.defaultView;\n        if (iframeWindow) {\n          iframeWindow.addEventListener('scroll', handleScroll, { passive: true });\n        }\n      }\n\n      initializeTooltip();\n    };\n\n    // Check if we need to wait for the element or get it immediately\n    if (currentStep.waitForElement) {\n      // Wait for element to appear\n      cleanupWait = waitForElement(currentStep.targetElementSelector, initializeStep, currentStep.iframeSelector);\n    } else {\n      const element = getTargetElement(currentStep.targetElementSelector, currentStep.iframeSelector);\n      if (!element) return;\n      initializeStep(element);\n    }\n\n    return () => {\n      if (cleanupWait) {\n        cleanupWait();\n      }\n      if (targetElement) {\n        targetElement.removeEventListener('click', handleTargetElementClick);\n      }\n      if (handleScroll) {\n        window.removeEventListener('scroll', handleScroll);\n        if (hasScrollableContainer && scrollableContainer) {\n          scrollableContainer.removeEventListener('scroll', handleScroll);\n        }\n        // Clean up iframe scroll listener\n        if (currentStep.iframeSelector) {\n          const iframeDoc = getIframeDocument(currentStep.iframeSelector);\n          const iframeWindow = iframeDoc?.defaultView;\n          if (iframeWindow) {\n            iframeWindow.removeEventListener('scroll', handleScroll);\n          }\n        }\n        // Cancel any pending debounced calls\n        (handleScroll as ReturnType<typeof debounce> & (() => void)).cancel();\n      }\n    };\n  }, [currentStepIndex, steps, onClose, screenBaseElementSelector, maxWidth]);\n\n  // Don't render if all steps completed\n  if (currentStepIndex >= steps.length) {\n    return null;\n  }\n\n  const currentStep = steps[currentStepIndex];\n  const arrowPosition = getArrowPosition(currentStep?.tooltipPosition);\n  const arrowStyle = ARROW_STYLES[arrowPosition];\n\n  return createPortal(\n    <div\n      ref={tooltipRef}\n      className={`guided-tour-tooltip relative rounded-md p-1`}\n      data-automation-id={`${currentStep?.automationId || 'guided-tour'}-tooltip`}\n      style={{ zIndex: currentStep?.zIndex || 1300 }}\n    >\n      <Icon\n        name=\"arrow-head\"\n        fill={tooltipBackgroundColor}\n        rotation={arrowStyle.rotate as RotationTypes}\n        className={`guided-tour-tooltip-arrow absolute ${arrowStyle.class}`}\n      />\n      <div className=\"guided-tour-tooltip-content flex flex-col gap-2\">\n        <p>{currentStep?.content}</p>\n        {currentStep?.isOptionalStep && (\n          <Button type=\"link\" label=\"Got it\" className=\"!text-white !underline\" onClick={handleTargetElementClick} />\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n"],"names":["ANIMATION_DURATION_MS","VIEWPORT_MARGIN_PX","SCROLL_DEBOUNCE_MS","ARROW_STYLES","rotate","class","getIframeDocument","iframeSelector","iframe","document","querySelector","console","warn","contentDocument","contentWindow","error","getTargetElement","selector","iframeDoc","getAdjustedBoundingRect","element","rect","getBoundingClientRect","iframeRect","borderLeft","clientLeft","borderTop","clientTop","DOMRect","left","top","width","height","getArrowPosition","position","getScrollPosition","x","window","scrollX","pageXOffset","y","scrollY","pageYOffset","waitForElement","callback","rafId","checkElement","requestAnimationFrame","cancelAnimationFrame","GuidedTour","steps","screenBaseElementSelector","onClose","tooltipBackgroundColor","tooltipTextColor","maxWidth","currentStepIndex","setCurrentStepIndex","useState","previousTooltipPositionRef","useRef","tooltipRef","navigateToNextStep","length","handleTargetElementClick","useEffect","currentStep","handleBodyClick","event","target","currentTargetElement","targetElementSelector","tooltipElement","current","contains","isDropdownStep","lastStep","lastStepTargetElement","timeoutId","setTimeout","body","addEventListener","clearTimeout","removeEventListener","style","backgroundColor","color","scrollableContainer","targetElement","cleanupWait","handleScroll","hasScrollableContainer","Boolean","scrollHeight","clientHeight","viewportDimensions","innerHeight","clientWidth","innerWidth","initializeStep","calculateTooltipPosition","targetRect","tooltipWidth","tooltipHeight","scroll","tooltipPosition","offsetVertical","tooltipPositionOffset","vertical","offsetHorizontal","horizontal","bottom","right","applyTooltipPosition","shouldAnimate","applyStyles","transition","positionTooltip","tooltipDimensions","offsetWidth","offsetHeight","debounce","currentPosition","parseFloat","finalPosition","areElementsVisible","tooltipTopViewport","tooltipLeftViewport","combinedBoundingBox","Math","min","max","containerRect","calculateScrollToCenter","combinedTop","combinedBottom","combinedHeight","isContainer","viewportHeight","currentScroll","scrollTop","maxScroll","documentElement","availableHeight","centerPoint","targetCenter","combinedCenter","scrollPosition","initializeTooltip","waitForDimensions","tooltipAbsolutePosition","tooltipViewportPosition","requiredScrollY","scrollElement","scrollTo","behavior","passive","iframeWindow","defaultView","cancel","arrowPosition","arrowStyle","createPortal","React","createElement","ref","className","automationId","zIndex","Icon","name","fill","rotation","content","isOptionalStep","Button","type","label","onClick"],"mappings":";;;;;AAOA,MAAMA,IAAwB,KACxBC,IAAqB,IACrBC,IAAqB,KAErBC,KAAe;AAAA,EACnB,YAAY;AAAA,IAAEC,QAAQ;AAAA,IAAOC,OAAO;AAAA,EAAA;AAAA,EACpC,aAAa;AAAA,IAAED,QAAQ;AAAA,IAAMC,OAAO;AAAA,EAAA;AAAA,EACpC,eAAe;AAAA,IAAED,QAAQ;AAAA,IAAOC,OAAO;AAAA,EAAA;AAAA,EACvC,gBAAgB;AAAA,IAAED,QAAQ;AAAA,IAAOC,OAAO;AAAA,EAAA;AAC1C,GAgDMC,IAAoBA,CAACC,MAA4C;AACrE,QAAMC,IAASC,SAASC,cAAcH,CAAc;AACpD,MAAI,CAACC;AACHG,mBAAQC,KAAK,qBAAqBL,CAAc,EAAE,GAC3C;AAGT,MAAI;AACF,WAAOC,EAAOK,mBAAmBL,EAAOM,eAAeL,YAAY;AAAA,EACrE,SAASM,GAAO;AACdJ,mBAAQI,MAAM,kCAAkCA,CAAK,GAC9C;AAAA,EACT;AACF,GAGMC,IAAmBA,CAACC,GAAkBV,MAAgD;AAC1F,MAAI,CAACA;AACH,WAAOE,SAASC,cAAcO,CAAQ;AAGxC,QAAMC,IAAYZ,EAAkBC,CAAc;AAClD,SAAOW,IAAYA,EAAUR,cAAcO,CAAQ,IAAI;AACzD,GAGME,IAA0BA,CAACC,GAAsBb,MAAqC;AAC1F,QAAMc,IAAOD,EAAQE,sBAAAA;AAErB,MAAI,CAACf;AACH,WAAOc;AAGT,QAAMb,IAASC,SAASC,cAAcH,CAAc;AACpD,MAAI,CAACC;AACH,WAAOa;AAGT,QAAME,IAAaf,EAAOc,sBAAAA,GAGpBE,IAAahB,EAAOiB,cAAc,GAClCC,IAAYlB,EAAOmB,aAAa;AAGtC,SAAO,IAAIC,QACTP,EAAKQ,OAAON,EAAWM,OAAOL,GAC9BH,EAAKS,MAAMP,EAAWO,MAAMJ,GAC5BL,EAAKU,OACLV,EAAKW,MACP;AACF,GAGMC,KAAmBA,CAACC,MAAuE;AAC/F,UAAQA,GAAAA;AAAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb,GAGMC,IAAoBA,OAAiC;AAAA,EACzDC,GAAGC,OAAOC,WAAWD,OAAOE;AAAAA,EAC5BC,GAAGH,OAAOI,WAAWJ,OAAOK;AAC9B,IAGMC,KAAiBA,CACrB1B,GACA2B,GACArC,MACiB;AACjB,MAAIsC;AAEJ,QAAMC,IAAeA,MAAM;AACzB,UAAM1B,IAAUJ,EAAiBC,GAAUV,CAAc;AACzD,IAAIa,IACFwB,EAASxB,CAAO,IAEhByB,IAAQE,sBAAsBD,CAAY;AAAA,EAE9C;AAEAD,SAAAA,IAAQE,sBAAsBD,CAAY,GAGnC,MAAM;AACX,IAAID,KACFG,qBAAqBH,CAAK;AAAA,EAE9B;AACF,GAEaI,KAAkCA,CAAC;AAAA,EAC9CC,OAAAA;AAAAA,EACAC,2BAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,wBAAAA,IAAyB;AAAA,EACzBC,kBAAAA,IAAmB;AAAA,EACnBC,UAAAA,IAAW;AACb,MAAM;AACJ,QAAM,CAACC,GAAkBC,CAAmB,IAAIC,GAAiB,CAAC,GAC5DC,IAA6BC,EAA+B,IAAI,GAChEC,IAAaD,EAAuB,IAAI,GAGxCE,IAAqBA,MAAM;AAC/B,IAAIN,IAAmBN,EAAMa,SAAS,IACpCN,EAAoBD,IAAmB,CAAC,IAExCJ,IAAAA;AAAAA,EAEJ,GAEMY,IAA2BA,MAAM;AACrCF,IAAAA,EAAAA;AAAAA,EACF;AA+bA,MA5bAG,EAAU,MAAM;AACd,UAAMC,IAAchB,EAAMM,CAAgB,GAEpCW,IAAkBA,CAACC,MAAsB;AAC7C,YAAMC,IAASD,EAAMC,QACfC,IAAuBtD,EAAiBkD,GAAaK,uBAAuBL,GAAa3D,cAAc,GACvGiE,IAAiBX,EAAWY;AAGlC,UAAID,EAAAA,KAAkBA,EAAeE,SAASL,CAAM,MAKhDC,KAAwB,CAACA,EAAqBI,SAASL,CAAM,GAAG;AAElE,YAAIH,GAAaS,gBAAgB;AAC/Bb,UAAAA,EAAAA;AACA;AAAA,QACF;AAGA,cAAMc,IAAW1B,EAAMA,EAAMa,SAAS,CAAC,GACjCc,IAAwB7D,EAAiB4D,EAASL,uBAAuBK,EAASrE,cAAc;AAEtG,QAAIsE,KAAyBA,EAAsBH,SAASL,CAAM,KAChEjB,EAAAA;AAAAA,MAEJ;AAAA,IACF,GAGM0B,IAAYC,WAAW,MAAM;AACjCtE,eAASuE,KAAKC,iBAAiB,aAAad,GAAiB,EAAI;AAAA,IACnE,GAAGnE,IAAwBE,CAAkB;AAE7C,WAAO,MAAM;AACXgF,mBAAaJ,CAAS,GACtBrE,SAASuE,KAAKG,oBAAoB,aAAahB,GAAiB,EAAI;AAAA,IACtE;AAAA,EACF,GAAG,CAACX,GAAkBN,GAAOE,CAAO,CAAC,GAGrCa,EAAU,MAAM;AACdR,IAAAA,EAAoB,CAAC,GACrBE,EAA2Bc,UAAU;AAErC,UAAMD,IAAiBX,EAAWY;AAClC,IAAID,MACFA,EAAeY,MAAM7B,WAAW,GAAGA,CAAQ,MAC3CiB,EAAeY,MAAMC,kBAAkBhC,GACvCmB,EAAeY,MAAME,QAAQhC;AAAAA,EAEjC,GAAG,CAACC,GAAUF,GAAwBC,CAAgB,CAAC,GAGvDW,EAAU,MAAM;AACd,UAAMC,IAAchB,EAAMM,CAAgB;AAE1C,QAAI,CAACU,GAAaK,uBAAuB;AACvCnB,MAAAA,IAAAA;AACA;AAAA,IACF;AAEA,UAAMmC,IAAsBpC,IACvB1C,SAASC,cAAcyC,CAAyB,IACjD,MAEEqB,IAAiBX,EAAWY;AAClC,QAAI,CAACD,EAAgB;AAErB,QAAIgB,IAAoC,MACpCC,IAAmC,MACnCC,IAAoE;AAExE,UAAMC,IAAyBC,GAC7BL,KAAuBA,EAAoBM,eAAeN,EAAoBO,eAG1EC,IAAqB;AAAA,MACzB/D,QAAQuD,GAAqBO,gBAAgBzD,OAAO2D;AAAAA,MACpDjE,OAAOwD,GAAqBU,eAAe5D,OAAO6D;AAAAA,IAAAA,GAG9CC,IAAiBA,CAAC/E,MAAyB;AAC/CoE,MAAAA,IAAgBpE,GAChBoE,EAAcP,iBAAiB,SAASjB,CAAwB;AAGhE,YAAMoC,IAA2BA,CAC/BC,GACAC,GACAC,GACAC,MACoB;AACpB,cAAMtE,IAAWgC,EAAYuC,mBAAmB,iBAC1CC,IAAiBxC,EAAYyC,uBAAuBC,YAAY,GAChEC,IAAmB3C,EAAYyC,uBAAuBG,cAAc;AAE1E,YAAIhF,IAAM,GACND,IAAO;AAGX,gBAAQK,GAAAA;AAAAA,UACN,KAAK;AACHJ,YAAAA,IAAMuE,EAAWU,SAASP,EAAOhE,IAAIkE,GACrC7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIiE,EAAWtE,QAAQ,IAAI8E;AAC3D;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWU,SAASP,EAAOhE,IAAIkE,GACrC7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIkE,IAAeO;AACnD;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWU,SAASP,EAAOhE,IAAIkE,GACrC7E,IAAOwE,EAAWW,QAAQR,EAAOpE,IAAIyE;AACrC;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAMyE,IAAgBC,EAAOhE,IAAIkE,GAClD7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIiE,EAAWtE,QAAQ,IAAI8E;AAC3D;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAMyE,IAAgBC,EAAOhE,IAAIkE,GAClD7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIkE,IAAeO;AACnD;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAMyE,IAAgBC,EAAOhE,IAAIkE,GAClD7E,IAAOwE,EAAWW,QAAQR,EAAOpE,IAAIyE;AACrC;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAMyE,IAAgBC,EAAOhE,IAAIkE,GAClD7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIkE,IAAeO;AACnD;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAM0E,EAAOhE,IAAI6D,EAAWrE,SAAS,IAAI0E,GAC1D7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIkE,IAAeO;AACnD;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWU,SAASP,EAAOhE,IAAIkE,GACrC7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIkE,IAAeO;AACnD;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAMyE,IAAgBC,EAAOhE,IAAIkE,GAClD7E,IAAOwE,EAAWW,QAAQR,EAAOpE,IAAIyE;AACrC;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWvE,MAAM0E,EAAOhE,IAAI6D,EAAWrE,SAAS,IAAI0E,GAC1D7E,IAAOwE,EAAWW,QAAQR,EAAOpE,IAAIyE;AACrC;AAAA,UACF,KAAK;AACH/E,YAAAA,IAAMuE,EAAWU,SAASP,EAAOhE,IAAIkE,GACrC7E,IAAOwE,EAAWW,QAAQR,EAAOpE,IAAIyE;AACrC;AAAA,UACF;AACE/E,YAAAA,IAAMuE,EAAWU,SAASP,EAAOhE,IAAIkE,GACrC7E,IAAOwE,EAAWxE,OAAO2E,EAAOpE,IAAIiE,EAAWtE,QAAQ,IAAI8E;AAC3D;AAAA,QAAA;AAGJ,eAAO;AAAA,UAAE/E,KAAAA;AAAAA,UAAKD,MAAAA;AAAAA,QAAAA;AAAAA,MAChB,GAGMoF,IAAuBA,CAAC/E,GAA2BgF,MAA2B;AAClF1C,QAAAA,EAAeY,MAAMlD,WAAW;AAEhC,cAAMiF,IAAcA,MAAM;AACxB3C,UAAAA,EAAeY,MAAMtD,MAAM,GAAGI,EAASJ,GAAG,MAC1C0C,EAAeY,MAAMvD,OAAO,GAAGK,EAASL,IAAI;AAAA,QAC9C;AAEA,QAAIqF,KAAiBvD,EAA2Bc,WAE9CD,EAAeY,MAAMgC,aAAa,OAAOpH,CAAqB,wBAAwBA,CAAqB,kBAC3GmH,EAAAA,GACAxD,EAA2Bc,UAAUvC,MAGrCiF,EAAAA,GACAxD,EAA2Bc,UAAUvC;AAAAA,MAEzC,GAEMmF,IAAkBA,MAAM;AAC5B,YAAI,CAAC7C,KAAkB,CAACgB,EAAe;AAGvC,cAAM8B,IAAoB;AAAA,UACxBvF,OAAOyC,EAAe+C,eAAe;AAAA,UACrCvF,QAAQwC,EAAegD,gBAAgB;AAAA,QAAA;AAGzC,YAAIF,EAAkBvF,UAAU,KAAKuF,EAAkBtF,WAAW,GAAG;AACnEe,gCAAsBsE,CAAe;AACrC;AAAA,QACF;AAEA,cAAMhB,IAAalF,EAAwBqE,GAAetB,EAAY3D,cAAc,GAC9EiG,IAASrE,EAAAA,GACTD,IAAWkE,EACfC,GACAiB,EAAkBvF,OAClBuF,EAAkBtF,QAClBwE,CACF,GAEMU,IAAgBvD,EAA2Bc,YAAY;AAC7DwC,QAAAA,EAAqB/E,GAAUgF,CAAa;AAAA,MAC9C;AAGAxB,MAAAA,IAAe+B,GAAS,MAAM;AAC5B,YAAI,CAACjC,KAAiB,CAAChB,EAAgB;AAGvC,cAAMkD,IAAkB;AAAA,UACtB5F,KAAK6F,WAAWnD,EAAeY,MAAMtD,GAAG,KAAK;AAAA,UAC7CD,MAAM8F,WAAWnD,EAAeY,MAAMvD,IAAI,KAAK;AAAA,QAAA;AAGjD,QAAI,CAAC8B,EAA2Bc,YAAYiD,EAAgB5F,QAAQ,KAAK4F,EAAgB7F,SAAS,OAChG8B,EAA2Bc,UAAUiD,IAGvCL,EAAAA,GAGI1D,EAA2Bc,WAC7BM,WAAW,MAAM;AACf,gBAAM6C,IAAgB;AAAA,YACpB9F,KAAK6F,WAAWnD,EAAeY,MAAMtD,GAAG,KAAK;AAAA,YAC7CD,MAAM8F,WAAWnD,EAAeY,MAAMvD,IAAI,KAAK;AAAA,UAAA;AAEjD,WAAI+F,EAAc9F,QAAQ,KAAK8F,EAAc/F,SAAS,OACpD8B,EAA2Bc,UAAUmD;AAAAA,QAEzC,GAAG5H,CAAqB;AAAA,MAE5B,GAAGE,CAAkB;AAGrB,YAAM2H,IAAqBA,CACzBxB,GACAyB,GACAC,GACAzB,GACAC,MACY;AACZ,cAAMyB,IAAsB;AAAA,UAC1BlG,KAAKmG,KAAKC,IAAI7B,EAAWvE,KAAKgG,CAAkB;AAAA,UAChDf,QAAQkB,KAAKE,IAAI9B,EAAWU,QAAQe,IAAqBvB,CAAa;AAAA,UACtE1E,MAAMoG,KAAKC,IAAI7B,EAAWxE,MAAMkG,CAAmB;AAAA,UACnDf,OAAOiB,KAAKE,IAAI9B,EAAWW,OAAOe,IAAsBzB,CAAY;AAAA,QAAA;AAGtE,YAAIf,GAAqB;AACvB,gBAAM6C,IAAgB7C,EAAoBjE,sBAAAA;AAC1C,iBACE0G,EAAoBlG,OAAOsG,EAActG,MAAM7B,KAC/C+H,EAAoBjB,UAAUqB,EAActG,MAAMsG,EAAcpG,SAAS/B,KACzE+H,EAAoBnG,QAAQuG,EAAcvG,OAAO5B,KACjD+H,EAAoBhB,SAASoB,EAAcvG,OAAOuG,EAAcrG,QAAQ9B,KACxEoG,EAAWtE,QAAQ,KACnBsE,EAAWrE,SAAS;AAAA,QAExB;AAEA,eACEgG,EAAoBlG,OAAO7B,KAC3B+H,EAAoBjB,UAAUhB,EAAmB/D,SAAS/B,KAC1D+H,EAAoBnG,QAAQ5B,KAC5B+H,EAAoBhB,SAASjB,EAAmBhE,QAAQ9B,KACxDoG,EAAWtE,QAAQ,KACnBsE,EAAWrE,SAAS;AAAA,MAExB,GAGMqG,IAA0BA,CAC9BhC,GACAyB,GACAvB,MACkB;AAClB,cAAM+B,IAAcL,KAAKC,IAAI7B,EAAWvE,KAAKgG,CAAkB,GACzDS,IAAiBN,KAAKE,IAAI9B,EAAWU,QAAQe,IAAqBvB,CAAa,GAC/EiC,IAAiBD,IAAiBD,GAGlCG,IAAc7C,GAAQL,KAAuBI,IAC7CyC,IAAgBK,IAAclD,EAAqBjE,sBAAAA,IAA0B,MAE7EoH,IAAiBD,IAAcL,EAAepG,SAASK,OAAO2D,aAC9D2C,IAAgBF,IAAclD,EAAqBqD,YAAYzG,IAAoBK,GACnFqG,IAAYJ,IACdlD,EAAqBM,eAAeN,EAAqBO,eACzDrF,SAASqI,gBAAgBjD,eAAexD,OAAO2D,aAE7C+C,KAAkBL,IAAiB,IAAIzI;AAG7C,YAAI+I;AAEJ,YAAIR,IAAiBO,IAAiB;AAEpC,gBAAME,KAAgB5C,EAAWvE,MAAMuE,EAAWU,UAAU;AAC5DiC,UAAAA,IAAcP,IAAcQ,IAAeb,EAAetG,MAAM6G,IAAgBM,IAAeN;AAAAA,QACjG,OAAO;AAEL,gBAAMO,KAAkBZ,IAAcC,KAAkB;AACxDS,UAAAA,IAAcP,IACVS,IAAiBd,EAAetG,MAAM6G,IACtCO,IAAiBP;AAAAA,QACvB;AAGA,cAAMQ,KAAiBH,IAAcN,IAAiB;AACtD,eAAOT,KAAKE,IAAI,GAAGF,KAAKC,IAAIiB,IAAgBN,CAAS,CAAC;AAAA,MACxD,GAGMO,IAAoBA,MAAM;AAC9B,YAAI,CAAC5E,KAAkB,CAACgB,EAAe;AAEvC,cAAM6D,IAAoBA,MAAM;AAC9B,cAAI,CAAC7E,KAAkB,CAACgB,EAAe;AAEvC,gBAAM8B,IAAoB;AAAA,YACxBvF,OAAOyC,EAAe+C,eAAe;AAAA,YACrCvF,QAAQwC,EAAegD,gBAAgB;AAAA,UAAA;AAGzC,cAAIF,EAAkBvF,UAAU,KAAKuF,EAAkBtF,WAAW,GAAG;AACnEe,kCAAsBsG,CAAiB;AACvC;AAAA,UACF;AAEA,gBAAMhD,IAAalF,EAAwBqE,GAAetB,EAAY3D,cAAc,GAC9EiG,IAASrE,EAAAA,GAGTmH,IAA0BlD,EAC9BC,GACAiB,EAAkBvF,OAClBuF,EAAkBtF,QAClBwE,CACF,GAGM+C,IAA0B;AAAA,YAC9BzH,KAAKwH,EAAwBxH,MAAM0E,EAAOhE;AAAAA,YAC1CX,MAAMyH,EAAwBzH,OAAO2E,EAAOpE;AAAAA,UAAAA;AAY9C,cARkByF,EAChBxB,GACAkD,EAAwBzH,KACxByH,EAAwB1H,MACxByF,EAAkBvF,OAClBuF,EAAkBtF,MACpB,GAqBO;AAEL,kBAAMkF,IAAgBvD,EAA2Bc,YAAY;AAC7DwC,YAAAA,EAAqBqC,GAAyBpC,CAAa;AAAA,UAC7D,OAvBgB;AAEd,kBAAMsC,IAAkBnB,EACtBhC,GACAkD,EAAwBzH,KACxBwF,EAAkBtF,MACpB;AAEA,gBAAIwH,MAAoB;AAEtBC,eADsB9D,KAA0BJ,IAAsBA,IAAsBlD,QAC9EqH,SAAS;AAAA,gBAAE5H,KAAK0H;AAAAA,gBAAiBG,UAAU;AAAA,cAAA,CAAQ,GAGjE5G,sBAAsB,MAAMsE,GAAiB;AAAA,iBACxC;AAEL,oBAAMH,IAAgBvD,EAA2Bc,YAAY;AAC7DwC,cAAAA,EAAqBqC,GAAyBpC,CAAa;AAAA,YAC7D;AAAA,UACF;AAAA,QAKF;AAEAmC,QAAAA,EAAAA;AAAAA,MACF;AAQA,UANAhH,OAAO4C,iBAAiB,UAAUS,GAAc;AAAA,QAAEkE,SAAS;AAAA,MAAA,CAAM,GAC7DjE,KAA0BJ,KAC5BA,EAAoBN,iBAAiB,UAAUS,GAAc;AAAA,QAAEkE,SAAS;AAAA,MAAA,CAAM,GAI5E1F,EAAY3D,gBAAgB;AAE9B,cAAMsJ,IADYvJ,EAAkB4D,EAAY3D,cAAc,GAC9BuJ;AAChC,QAAID,KACFA,EAAa5E,iBAAiB,UAAUS,GAAc;AAAA,UAAEkE,SAAS;AAAA,QAAA,CAAM;AAAA,MAE3E;AAEAR,MAAAA,EAAAA;AAAAA,IACF;AAGA,QAAIlF,EAAYvB;AAEd8C,MAAAA,IAAc9C,GAAeuB,EAAYK,uBAAuB4B,GAAgBjC,EAAY3D,cAAc;AAAA,SACrG;AACL,YAAMa,IAAUJ,EAAiBkD,EAAYK,uBAAuBL,EAAY3D,cAAc;AAC9F,UAAI,CAACa,EAAS;AACd+E,MAAAA,EAAe/E,CAAO;AAAA,IACxB;AAEA,WAAO,MAAM;AAOX,UANIqE,KACFA,EAAAA,GAEED,KACFA,EAAcL,oBAAoB,SAASnB,CAAwB,GAEjE0B,GAAc;AAMhB,YALArD,OAAO8C,oBAAoB,UAAUO,CAAY,GAC7CC,KAA0BJ,KAC5BA,EAAoBJ,oBAAoB,UAAUO,CAAY,GAG5DxB,EAAY3D,gBAAgB;AAE9B,gBAAMsJ,IADYvJ,EAAkB4D,EAAY3D,cAAc,GAC9BuJ;AAChC,UAAID,KACFA,EAAa1E,oBAAoB,UAAUO,CAAY;AAAA,QAE3D;AAECA,QAAAA,EAA4DqE,OAAAA;AAAAA,MAC/D;AAAA,IACF;AAAA,EACF,GAAG,CAACvG,GAAkBN,GAAOE,GAASD,GAA2BI,CAAQ,CAAC,GAGtEC,KAAoBN,EAAMa;AAC5B,WAAO;AAGT,QAAMG,IAAchB,EAAMM,CAAgB,GACpCwG,IAAgB/H,GAAiBiC,GAAauC,eAAe,GAC7DwD,IAAa9J,GAAa6J,CAAa;AAE7C,SAAOE,gBAAAA,GACLC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,KAAKxG;AAAAA,IACLyG,WAAW;AAAA,IACX,sBAAoB,GAAGpG,GAAaqG,gBAAgB,aAAa;AAAA,IACjEnF,OAAO;AAAA,MAAEoF,QAAQtG,GAAasG,UAAU;AAAA,IAAA;AAAA,EAAK,GAE7CL,gBAAAA,EAAAC,cAACK,IAAI;AAAA,IACHC,MAAK;AAAA,IACLC,MAAMtH;AAAAA,IACNuH,UAAUX,EAAW7J;AAAAA,IACrBkK,WAAW,sCAAsCL,EAAW5J,KAAK;AAAA,EAAA,CAClE,GACD8J,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKE,WAAU;AAAA,EAAA,GACbH,gBAAAA,EAAAC,cAAA,KAAA,MAAIlG,GAAa2G,OAAW,GAC3B3G,GAAa4G,kBACZX,gBAAAA,EAAAC,cAACW,IAAM;AAAA,IAACC,MAAK;AAAA,IAAOC,OAAM;AAAA,IAASX,WAAU;AAAA,IAAyBY,SAASlH;AAAAA,EAAAA,CAA2B,CAEzG,CACF,GACLvD,SAASuE,IACX;AACF;"}

package/dist/index64.js

@@ -1,5 +1,50 @@
-const e = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+import v, { forwardRef as k } from "react";
+import { getA11yNameAttributes as L } from "./index81.js";
+import "./index72.js";
+/* empty css         */
+function r() {
+  return r = Object.assign ? Object.assign.bind() : function(o) {
+    for (var t = 1; t < arguments.length; t++) {
+      var n = arguments[t];
+      for (var e in n) ({}).hasOwnProperty.call(n, e) && (o[e] = n[e]);
+    }
+    return o;
+  }, r.apply(null, arguments);
+}
+const y = " (opens in a new tab)", R = /* @__PURE__ */ k(({
+  href: o,
+  label: t,
+  children: n,
+  external: e = !1,
+  className: l = "",
+  automationId: c = "",
+  ariaLabel: a,
+  ariaLabelledBy: m,
+  ariaDescribedBy: u,
+  onClick: f,
+  target: s,
+  rel: i,
+  ...p
+}, d) => {
+  const g = n ? void 0 : t, b = e ? s ?? "_blank" : s, A = e ? i ?? "noopener noreferrer" : i, N = L({
+    // External link aria-label enhancement for screen readers:
+    // When external={true}, always append "(opens in a new tab)"
+    ariaLabel: e ? `${a ?? g ?? ""}${y}` : a,
+    ariaLabelledBy: m,
+    ariaDescribedBy: u
+  }), _ = ["se-design-link", "focus-outline", "focus-visible:underline", l].filter(Boolean).join(" ");
+  return /* @__PURE__ */ v.createElement("a", r({
+    ref: d,
+    href: o,
+    target: b,
+    rel: A,
+    className: _,
+    "data-automation-id": c,
+    onClick: f
+  }, p, N), n ?? t);
+});
+R.displayName = "Link";
 export {
-  e as default
+  R as Link
 };
 //# sourceMappingURL=index64.js.map

package/dist/index64.js.map

@@ -1 +1 @@
-{"version":3,"file":"index64.js","sources":["../src/assets/icons/back.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_5"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index64.js","sources":["../src/components/Link/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport './style.scss';\n\n/**\n * Allows native anchor attributes (aria-*, data-*, etc.) to be passed through,\n * but keeps our own href/onClick/aria-label/aria-labelledby/aria-describedby typing.\n */\ntype NativeAnchorProps = Omit<\n  React.AnchorHTMLAttributes<HTMLAnchorElement>,\n  'href' | 'onClick' | 'target' | 'rel' | 'aria-label' | 'aria-labelledby' | 'aria-describedby'\n>;\n\nexport interface LinkProps extends NativeAnchorProps {\n  /**\n   * URL to navigate to (required for actual links)\n   */\n  href: string;\n  /**\n   * Link text content (string only). Ignored when children are provided.\n   */\n  label?: string;\n  /**\n   * Rich content to render inside the link. Takes precedence over label.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, automatically adds target=\"_blank\" and rel=\"noopener noreferrer\"\n   * Also appends \" (opens in a new tab)\" to aria-label for screen readers\n   */\n  external?: boolean;\n  /**\n   * Accessible name for the link. Use when link text is generic or unclear.\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this link.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this link.\n   * Provides additional context announced after the accessible name.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Click handler (e.g., for analytics tracking)\n   */\n  onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n  /**\n   * Override target (if you need something other than \"_blank\" for external links).\n   * Note: If external={true} and target is provided, the provided target will be used.\n   */\n  target?: string;\n  /**\n   * Override rel (if you need something other than \"noopener noreferrer\" for external links).\n   * Note: If external={true} and rel is provided, the provided rel will be used.\n   */\n  rel?: string;\n}\n\nconst EXTERNAL_LINK_ARIA_SUFFIX = ' (opens in a new tab)';\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(\n  (\n    {\n      href,\n      label,\n      children,\n      external = false,\n      className = '',\n      automationId = '',\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      onClick,\n      target,\n      rel,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedLabel = children ? undefined : label;\n    // Handle external link attributes\n    // If external={true}, default to target=\"_blank\" and rel=\"noopener noreferrer\"\n    // Explicit target/rel props can override these defaults\n    const targetAttr = external ? (target ?? '_blank') : target;\n    const relAttr = external ? (rel ?? 'noopener noreferrer') : rel;\n\n    // Compute accessible name/description props with correct precedence\n    // Precedence: ariaLabelledBy > ariaLabel > visible text content\n    const accessibleNameProps = getA11yNameAttributes({\n      // External link aria-label enhancement for screen readers:\n      // When external={true}, always append \"(opens in a new tab)\"\n      ariaLabel:\n        external ? `${ariaLabel ?? resolvedLabel ?? ''}${EXTERNAL_LINK_ARIA_SUFFIX}` : ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy\n    });\n\n    const linkClassName = ['se-design-link', 'focus-outline', 'focus-visible:underline', className]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={targetAttr}\n        rel={relAttr}\n        className={linkClassName}\n        data-automation-id={automationId}\n        onClick={onClick}\n        {...props}\n        {...accessibleNameProps}\n      >\n        {children ?? label}\n      </a>\n    );\n  }\n);\n\nLink.displayName = 'Link';\n"],"names":["EXTERNAL_LINK_ARIA_SUFFIX","Link","href","label","children","external","className","automationId","ariaLabel","ariaLabelledBy","ariaDescribedBy","onClick","target","rel","props","ref","resolvedLabel","undefined","targetAttr","relAttr","accessibleNameProps","getA11yNameAttributes","linkClassName","filter","Boolean","join","React","createElement","_extends","displayName"],"mappings":";;;;;;;;;;;;;AAsEA,MAAMA,IAA4B,yBAErBC,sBACX,CACE;AAAA,EACEC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,QAAMC,IAAgBZ,IAAWa,SAAYd,GAIvCe,IAAab,IAAYO,KAAU,WAAYA,GAC/CO,IAAUd,IAAYQ,KAAO,wBAAyBA,GAItDO,IAAsBC,EAAsB;AAAA;AAAA;AAAA,IAGhDb,WACEH,IAAW,GAAGG,KAAaQ,KAAiB,EAAE,GAAGhB,CAAyB,KAAKQ;AAAAA,IACjFC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD,GAEKY,IAAgB,CAAC,kBAAkB,iBAAiB,2BAA2BhB,CAAS,EAC3FiB,OAAOC,OAAO,EACdC,KAAK,GAAG;AAEX,SACEC,gBAAAA,EAAAC,cAAA,KAAAC,EAAA;AAAA,IACEb,KAAAA;AAAAA,IACAb,MAAAA;AAAAA,IACAU,QAAQM;AAAAA,IACRL,KAAKM;AAAAA,IACLb,WAAWgB;AAAAA,IACX,sBAAoBf;AAAAA,IACpBI,SAAAA;AAAAA,EAAAA,GACIG,GACAM,CAAmB,GAEtBhB,KAAYD,CACZ;AAEP,CACF;AAEAF,EAAK4B,cAAc;"}

package/dist/index65.js

@@ -1,5 +1,148 @@
-const e = "data:image/svg+xml,%3csvg%20width='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1142)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2055.165H184.433C184.053%2055.165%20183.689%2055.3147%20183.42%2055.581C183.151%2055.8474%20183%2056.2087%20183%2056.5854V65.1031C183%2065.4798%20183.151%2065.841%20183.42%2066.1074C183.689%2066.3738%20184.053%2066.5234%20184.433%2066.5234H195.896C196.276%2066.5234%20196.64%2066.3738%20196.909%2066.1074C197.178%2065.841%20197.329%2065.4798%20197.329%2065.1031V56.5854C197.329%2056.2087%20197.178%2055.8474%20196.909%2055.581C196.64%2055.3147%20196.276%2055.165%20195.896%2055.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2055.1645V53.015C195.055%2051.685%20194.53%2050.4094%20193.596%2049.4689C192.662%2048.5284%20191.395%2048%20190.074%2048C188.754%2048%20187.487%2048.5284%20186.553%2049.4689C185.619%2050.4094%20185.094%2051.685%20185.094%2053.015V55.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2062.6287C190.662%2062.6287%20191.139%2062.4312%20191.491%2062.0795C191.843%2061.7279%20192.04%2061.251%20192.04%2060.7537C192.04%2060.2564%20191.843%2059.7795%20191.491%2059.4279C191.139%2059.0762%20190.662%2058.8787%20190.165%2058.8787C189.668%2058.8787%20189.191%2059.0762%20188.839%2059.4279C188.488%2059.7795%20188.29%2060.2564%20188.29%2060.7537C188.29%2061.251%20188.488%2061.7279%20188.839%2062.0795C189.191%2062.4312%20189.668%2062.6287%20190.165%2062.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C87.3884%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0882%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4894%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.582C93.3587%2077.93%2093.9721%2077.8865%2094.1113%2077.5211C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.2041%2094.2505%2077.7516C94.3505%2077.5733%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6777%2093.7632%2077.6081%2093.7371%2077.3601C93.4892%2077.2122%2093.1803%2077.6472%2093.3978%2077.8343'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.575%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2381%20127.401%2085.9792%20126.554C85.7203%20125.707%2083.161%20106.488%2083.161%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2248C71.4972%2076.7567%2073.6307%2078.6387%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3498C71.6255%2079.0323%2070.9294%2079.8925%2070.4399%2080.8642'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.759%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0818%2091.2888%2070.4246C89.1124%2070.7673%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4445%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5965%20129.571L69.5018%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0486%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5686C91.4811%2073.3197%2088.0637%2073.757%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1142)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1142'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1142'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+import a from "react";
+import { Button as f } from "./index4.js";
+import { Badge as j } from "./index10.js";
+import { Icon as q } from "./index6.js";
+import { Link as N } from "./index64.js";
+import { CustomModal as G } from "./index13.js";
+import { useStableId as J } from "./index205.js";
+/* empty css         */
+const K = {
+  lg: {
+    width: "768px",
+    height: "500px"
+  },
+  sm: {
+    width: "656px",
+    height: "384px"
+  }
+}, ea = ({
+  isOpen: u,
+  onClose: n,
+  trigger: c,
+  modalWidth: b,
+  modalHeight: g,
+  variant: x,
+  size: t = "lg",
+  availabilityLabel: k = "Available on ",
+  availabilityBadgeText: r,
+  title: C,
+  description: v,
+  learnMoreLinkText: o,
+  learnMoreHref: l,
+  onLearnMoreClick: s,
+  featureListDesc: m,
+  featuresList: I = [],
+  featureItemIcon: L,
+  mediaContent: S,
+  laterButtonText: _,
+  purchaseButtonText: A,
+  onLaterClick: F,
+  onPurchaseClick: P,
+  className: $ = "",
+  modalContentClassName: D = "",
+  automationId: i = "",
+  id: z
+}) => {
+  const p = J(z, "paywall-title"), B = () => {
+    F?.(), n();
+  }, d = K[t], O = b ?? d.width, w = g ?? d.height, y = x === "with-points" && t === "lg", h = I.map((e) => typeof e == "string" ? {
+    text: e
+  } : {
+    text: e.text,
+    icon: e.icon,
+    href: e.href,
+    external: e.external,
+    onLinkClick: e.onLinkClick
+  }), R = y && h.length > 0, W = L ?? /* @__PURE__ */ a.createElement(q, {
+    name: "info",
+    rotation: "180"
+  }), Y = /* @__PURE__ */ a.createElement("section", {
+    className: `paywall paywall-ctn paywall-ctn--${t} ${$}`,
+    "data-automation-id": i
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card"
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card-content"
+  }, r && /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-card-availability"
+  }, /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-card-availability-label"
+  }, k), /* @__PURE__ */ a.createElement(j, {
+    label: r,
+    className: "paywall-card-badge",
+    bgColor: "var(--color-yellow-100)",
+    textColor: "var(--color-yellow-700)"
+  })), /* @__PURE__ */ a.createElement("h3", {
+    id: p,
+    className: "paywall-card-title"
+  }, C), /* @__PURE__ */ a.createElement("p", {
+    className: "paywall-card-description"
+  }, v, o && (l || s) && /* @__PURE__ */ a.createElement(N, {
+    href: l ?? "#",
+    label: o,
+    external: !!l,
+    className: "paywall-card-learn-more",
+    onClick: (e) => {
+      l || e.preventDefault(), s?.(e);
+    }
+  })), y && m && /* @__PURE__ */ a.createElement("p", {
+    className: "paywall-card-features-intro"
+  }, m), R && /* @__PURE__ */ a.createElement("ul", {
+    className: "paywall-card-features-list"
+  }, h.map((e) => /* @__PURE__ */ a.createElement("li", {
+    key: e.text,
+    className: "paywall-card-feature-item"
+  }, /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-card-feature-icon",
+    "aria-hidden": !0
+  }, e.icon ?? W), /* @__PURE__ */ a.createElement("span", null, e.href || e.onLinkClick ? /* @__PURE__ */ a.createElement(N, {
+    href: e.href ?? "#",
+    label: e.text,
+    external: e.external,
+    onClick: (E) => {
+      e.href || E.preventDefault(), e.onLinkClick?.(E);
+    }
+  }) : e.text)))), /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card-actions"
+  }, /* @__PURE__ */ a.createElement(f, {
+    type: "ghost",
+    size: "md",
+    label: _,
+    onClick: B,
+    className: "paywall-card-btn-later"
+  }), /* @__PURE__ */ a.createElement(f, {
+    type: "primary",
+    size: "md",
+    label: A,
+    onClick: P,
+    className: "paywall-card-btn-purchase"
+  }))), /* @__PURE__ */ a.createElement("div", {
+    className: "paywall-card-media"
+  }, S))), Z = /* @__PURE__ */ a.createElement("div", {
+    role: "dialog",
+    "aria-modal": "true",
+    "aria-labelledby": p,
+    className: `paywall-modal-content ${D}`,
+    style: {
+      height: w,
+      minHeight: w
+    }
+  }, Y);
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, c && /* @__PURE__ */ a.createElement("span", {
+    className: "paywall-trigger"
+  }, c), /* @__PURE__ */ a.createElement(G, {
+    isOpen: u,
+    onClose: n,
+    onModalClick: () => {
+    },
+    renderModalContent: () => Z,
+    width: O,
+    contentClassName: "paywall-modal-content-wrapper",
+    automationId: i
+  }));
+};
 export {
-  e as default
+  ea as Paywall,
+  ea as default
 };
 //# sourceMappingURL=index65.js.map

package/dist/index65.js.map

@@ -1 +1 @@
-{"version":3,"file":"index65.js","sources":["../src/assets/icons/banner-demo-img.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='240'%20height='150'%20viewBox='0%200%20240%20150'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_960_1142)'%3e%3crect%20x='159.789'%20y='2'%20width='60.7392'%20height='109.607'%20rx='8.2826'%20fill='%231088E7'/%3e%3crect%20x='182.156'%20y='5.58984'%20width='16.0125'%20height='2.20862'%20rx='1.10431'%20fill='white'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6609'%20fill='%23DAE9FB'/%3e%3crect%20x='162.547'%20y='11.9375'%20width='55.2174'%20height='91.6603'%20fill='white'/%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M176.077%2044.2553C175.082%2044.3146%20174.305%2045.1424%20174.305%2046.1442V54.9831C174.305%2064.6478%20180.446%2073.2345%20189.567%2076.3208C189.957%2076.4529%20190.38%2076.4529%20190.77%2076.3208C199.89%2073.2345%20206.032%2064.6478%20206.032%2054.9831V46.1442C206.032%2045.1424%20205.254%2044.3145%20204.259%2044.2552L204.248%2044.2545C204.233%2044.2534%20204.207%2044.2513%20204.169%2044.2477C204.092%2044.2406%20203.97%2044.2277%20203.805%2044.2056C203.476%2044.1614%20202.983%2044.0807%20202.363%2043.9374C201.122%2043.6505%20199.39%2043.1152%20197.47%2042.1266C195.536%2041.1303%20194.041%2040.0318%20193.036%2039.1887C192.535%2038.7679%20192.158%2038.413%20191.912%2038.1699C191.79%2038.0484%20191.7%2037.9551%20191.644%2037.8958C191.616%2037.8661%20191.597%2037.8449%20191.586%2037.833L191.578%2037.8241C191.22%2037.4192%20190.707%2037.1875%20190.168%2037.1875C189.63%2037.1875%20189.118%2037.4182%20188.76%2037.8222L188.758%2037.8245L188.751%2037.833C188.74%2037.8449%20188.72%2037.8661%20188.692%2037.8958C188.637%2037.9551%20188.547%2038.0484%20188.424%2038.1699C188.179%2038.413%20187.802%2038.7679%20187.3%2039.1887C186.295%2040.0318%20184.8%2041.1303%20182.866%2042.1266C181.089%2043.0423%20179.471%2043.5691%20178.256%2043.8698C178.159%2043.8938%20178.065%2043.9163%20177.973%2043.9374C177.354%2044.0807%20176.86%2044.1614%20176.531%2044.2056C176.367%2044.2277%20176.244%2044.2406%20176.168%2044.2477C176.13%2044.2513%20176.103%2044.2534%20176.089%2044.2545L176.077%2044.2553Z'%20fill='%231088E7'/%3e%3cpath%20d='M195.894%2055.165H184.433C184.053%2055.165%20183.689%2055.3147%20183.42%2055.581C183.151%2055.8474%20183%2056.2087%20183%2056.5854V65.1031C183%2065.4798%20183.151%2065.841%20183.42%2066.1074C183.689%2066.3738%20184.053%2066.5234%20184.433%2066.5234H195.896C196.276%2066.5234%20196.64%2066.3738%20196.909%2066.1074C197.178%2065.841%20197.329%2065.4798%20197.329%2065.1031V56.5854C197.329%2056.2087%20197.178%2055.8474%20196.909%2055.581C196.64%2055.3147%20196.276%2055.165%20195.896%2055.165H195.894Z'%20fill='white'%20stroke='white'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M195.055%2055.1645V53.015C195.055%2051.685%20194.53%2050.4094%20193.596%2049.4689C192.662%2048.5284%20191.395%2048%20190.074%2048C188.754%2048%20187.487%2048.5284%20186.553%2049.4689C185.619%2050.4094%20185.094%2051.685%20185.094%2053.015V55.1645'%20stroke='white'%20stroke-width='1.58454'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M190.165%2062.6287C190.662%2062.6287%20191.139%2062.4312%20191.491%2062.0795C191.843%2061.7279%20192.04%2061.251%20192.04%2060.7537C192.04%2060.2564%20191.843%2059.7795%20191.491%2059.4279C191.139%2059.0762%20190.662%2058.8787%20190.165%2058.8787C189.668%2058.8787%20189.191%2059.0762%20188.839%2059.4279C188.488%2059.7795%20188.29%2060.2564%20188.29%2060.7537C188.29%2061.251%20188.488%2061.7279%20188.839%2062.0795C189.191%2062.4312%20189.668%2062.6287%20190.165%2062.6287Z'%20fill='%231088E7'%20stroke='%231088E7'%20stroke-width='0.604607'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M79.8662%20104.325C80.0261%20104.196%20108.297%20104.568%20124.752%20121.693C141.206%20138.818%20139.159%20151.964%20139.159%20151.964L15.6779%20151.909C15.6779%20151.909%207.69057%20133.341%2046.551%20109.367L79.8662%20104.325Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M100.204%2088.1076C100.965%2087.0277%20102.375%2086.6832%20103.587%2086.1564C104.599%2085.7179%20105.636%2084.8716%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C87.3884%20108.419%2091.9332%20109.451%2095.398%20105.079C98.481%20101.19%2099.0882%2095.5649%2099.4852%2090.7804C99.5626%2089.8507%2099.6581%2088.8757%20100.195%2088.1101L100.204%2088.1076Z'%20fill='white'/%3e%3cpath%20d='M100.204%2088.1076C101.541%2086.2212%20105.28%2086.4551%20105.794%2083.8516C105.847%2083.5028%20105.644%2083.1687%20105.337%2082.9956C100.853%2080.4622%2098.9581%2074.9382%2095.6606%2070.9055C91.9804%2066.3956%2086.1994%2063.6883%2080.3824%2063.6991C69.1435%2063.7209%2062.2348%2071.6822%2059.3516%2081.8796C58.8591%2083.6308%2058.4408%2085.4325%2058.5163%2087.2499C58.62%2089.7833%2060.0174%2091.1672%2061.0998%2093.2731C62.1347%2095.2849%2058.6427%20100.645%2058.6427%20100.645L75.2532%20121.407L82.9164%20106.612C95.4845%20112.341%2098.8652%20101.09%2099.4894%2090.7813C99.5669%2089.8515%2099.6624%2088.8766%20100.199%2088.111L100.204%2088.1076Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linejoin='round'/%3e%3cpath%20d='M83.7732%2063.816C81.0717%2063.0895%2077.9917%2064.0248%2076.1558%2066.1347'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.8328%2076.999C93.5066%2076.7858%2093.028%2077.2339%2093.1933%2077.582C93.3587%2077.93%2093.9721%2077.8865%2094.1113%2077.5211C94.2505%2077.1556%2093.872%2076.7249%2093.4892%2076.7815C93.1063%2076.838%2092.8584%2077.3122%2093.0063%2077.6733C93.202%2078.1518%2093.9938%2078.2041%2094.2505%2077.7516C94.3505%2077.5733%2094.3679%2077.347%2094.2766%2077.1643C94.1461%2076.9033%2093.8067%2076.7771%2093.5327%2076.8685C93.2977%2076.9468%2093.1107%2077.2252%2093.2194%2077.4514C93.3282%2077.6777%2093.7632%2077.6081%2093.7371%2077.3601C93.4892%2077.2122%2093.1803%2077.6472%2093.3978%2077.8343'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.3931%2094.916C89.0245%2097.0651%2092.1132%2097.9612%2094.6408%2097.0259'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M58.7775%2099.7675C56.4761%20102.604%2050.981%20107.575%2048.123%20109.85C52.9562%20117.914%2060.8252%20124.556%2066.6866%20131.904C69.8496%20127.401%2073.1558%20123.002%2076.5956%20118.71L58.7775%2099.7675Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.7317%20118.501C76.6641%20118.594%2086.2381%20127.401%2085.9792%20126.554C85.7203%20125.707%2083.161%20106.488%2083.161%20106.488L76.7317%20118.501Z'%20fill='%23FFF644'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M89.7389%2057.58C87.1561%2052.9774%2078.5558%2050.449%2073.8458%2050.9549C66.9443%2051.6958%2060.1427%2055.098%2057.2613%2061.585C57.1051%2061.9396%2057.4172%2062.3268%2057.7971%2062.2485C57.9311%2062.2223%2058.0643%2062.2005%2058.2034%2062.1932C58.8101%2062.1563%2058.8777%2063.0711%2058.2717%2063.1481C53.4191%2063.7449%2048.9054%2066.9183%2046.7818%2071.3306C46.6145%2071.674%2046.8968%2072.0553%2047.2766%2072.0212C48.7435%2071.8791%2050.252%2072.167%2051.5625%2072.8409C51.8999%2073.0159%2051.926%2073.4783%2051.6056%2073.6797C50.5383%2074.3468%2049.7778%2075.4932%2049.4274%2076.7183C48.9996%2078.2162%2049.115%2079.8154%2049.4037%2081.3476C50.5737%2087.6213%2055.0764%2093.4608%2061.1276%2095.273C61.5547%2095.3995%2061.9108%2094.9345%2061.6763%2094.5585C60.3465%2092.4248%2060.3649%2089.53%2061.0564%2087.038C61.3853%2085.8529%2061.8601%2084.6708%2062.7061%2083.7813C64.7755%2081.6084%2068.232%2081.8339%2071.1119%2080.9838C74.0584%2080.1117%2076.5859%2077.9118%2077.8592%2075.1115C78.9651%2072.6768%2079.5138%2069.9472%2080.9504%2067.6328C81.6101%2066.568%2082.4804%2065.5149%2083.7092%2065.1025C84.2429%2064.9221%2084.4909%2064.3554%2088.865%2065.7478C89.0022%2065.7934%2089.1524%2065.775%2089.2746%2065.6976C90.066%2065.1877%2092.7634%2062.9601%2089.7457%2057.5903L89.7389%2057.58Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20fill='white'/%3e%3cpath%20d='M76.8875%2078.4239C76.3194%2076.5261%2075.3096%2074.6866%2073.6966%2073.535C72.0836%2072.3835%2069.8009%2072.0521%2068.1014%2073.0681C66.6774%2073.9214%2065.8883%2075.5223%2065.3705%2077.0965C65.1166%2077.879%2064.9049%2078.6841%2064.889%2079.5108C64.8547%2081.2518%2065.7152%2082.9466%2067.0002%2084.1289C68.2815%2085.3091%2069.9552%2086.009%2071.6657%2086.3383'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M69.0261%2076.2248C71.4972%2076.7567%2073.6307%2078.6387%2074.4601%2081.0235'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M72.468%2078.3498C71.6255%2079.0323%2070.9294%2079.8925%2070.4399%2080.8642'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M93.2853%2083.1018C95.4617%2082.759%2096.779%2079.6433%2096.2277%2076.1426C95.6764%2072.6419%2093.4651%2070.0818%2091.2888%2070.4246C89.1124%2070.7673%2087.795%2073.8831%2088.3463%2077.3838C88.8977%2080.8845%2091.1089%2083.4445%2093.2853%2083.1018Z'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M87.9007%2077.6247L76.7639%2077.8335'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M71.0514%20126.027C71.0514%20126.027%2071.3977%20129.049%2074.5965%20129.571L69.5018%20142.672L78.1302%20150.157L85.1939%20150.135L88.6296%20145.078L80.1423%20130.053C80.1423%20130.053%2083.0334%20127.933%2083.3381%20124.953L76.4662%20118.353L71.0486%20126.023L71.0514%20126.027Z'%20fill='%231088E7'/%3e%3cpath%20d='M94.2024%2074.5686C91.4811%2073.3197%2088.0637%2073.757%2085.7497%2075.6559'%20stroke='%231088E7'%20stroke-width='0.937456'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cg%20clip-path='url(%23clip1_960_1142)'%3e%3cpath%20d='M161.19%20119.089C161.349%20118.973%20187.606%20121.05%20203.843%20136.604C220.08%20152.158%20217.286%20157.025%20217.286%20157.025H95.5639C95.5639%20157.025%2093.9829%20136.95%20132.328%20115.176L161.186%20119.093L161.19%20119.089Z'%20fill='%23CDE9FC'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.615%2079.5903C148.837%2077.134%20155.204%2077.2714%20160.314%2079.9484C164.729%2082.2632%20168.47%2086.4098%20173.368%2086.9552C173.705%2086.9927%20174.009%2087.2092%20174.092%2087.5381C174.337%2088.4956%20173.742%2089.6281%20173.014%2090.3941C172.144%2091.3142%20171.037%2092.1469%20170.775%2093.3834C170.588%2094.2577%20170.875%2095.1528%20171.154%2095.9979C172.602%20100.361%20174.179%20105.54%20172.931%20110.12C171.524%20115.266%20167.138%20116.069%20162.528%20116.161L162.174%20136.599L138.93%20120.037L143.615%2079.5903Z'%20fill='white'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M143.681%2079.7577C137.343%2080.6778%20133.332%2087.0351%20131.193%2093.0719C129.054%2099.1087%20127.702%20105.799%20123.174%20110.329C120.037%20113.464%20115.697%20115.192%20112.622%20118.385C110.816%20120.258%20109.505%20122.606%20108.856%20125.125C108.04%20128.289%20108.506%20132.145%20111.153%20134.056C113.803%20135.967%20118.58%20134.093%20118.222%20130.841C118.177%20130.429%20118.044%20130.009%20117.752%20129.713C117.419%20129.38%20116.937%20129.264%20116.471%20129.184C113.033%20128.622%20109.359%20129.796%20106.883%20132.249C104.411%20134.701%20103.201%20138.369%20103.733%20141.812C104.195%20144.793%20105.86%20147.478%20107.911%20149.693C110.766%20152.774%20114.507%20155.126%20118.639%20155.863C123.345%20156.704%20128.401%20155.322%20132.033%20152.208C135.662%20149.093%20137.793%20144.301%20137.68%20139.518C137.643%20138.002%20137.36%20136.416%20136.399%20135.242C135.437%20134.068%20133.644%20133.481%20132.346%20134.264C133.12%20137.503%20134.218%20140.738%20136.257%20143.369C138.296%20146%20141.421%20147.957%20144.75%20147.907C148.366%20147.857%20151.724%20145.346%20153.168%20142.032C154.612%20138.714%20154.254%20134.763%20152.598%20131.549C151.47%20129.359%20149.061%20127.274%20146.777%20128.198C144.184%20129.247%20144.334%20133.123%20145.865%20135.463C149.569%20141.121%20158.732%20141.92%20163.492%20137.12C168.257%20132.319%20167.529%20123.352%20162.177%20119.222C158.257%20116.195%20152.461%20115.45%20149.873%20111.228C147.184%20106.84%20149.419%20101.265%20150.089%2096.1611C150.884%2090.1035%20149.032%2083.4755%20144.338%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20fill='%23FFF644'/%3e%3cpath%20d='M143.677%2079.7577C137.339%2080.6778%20133.328%2087.0351%20131.189%2093.0719C129.05%2099.1087%20127.698%20105.799%20123.17%20110.329C120.033%20113.464%20115.693%20115.192%20112.618%20118.385C108.777%20122.232%20106.313%20130.2%20111.149%20134.06C113.799%20135.971%20118.576%20134.097%20118.219%20130.846C118.173%20130.433%20118.04%20130.013%20117.748%20129.717C117.416%20129.384%20116.933%20129.268%20116.467%20129.189C109.135%20127.952%20102.56%20134.464%20103.729%20141.816C104.191%20144.797%20105.856%20147.482%20107.907%20149.697C114.157%20156.729%20124.627%20158.519%20132.025%20152.208C135.654%20149.093%20137.785%20144.301%20137.668%20139.518C137.631%20138.002%20137.348%20136.416%20136.386%20135.242C135.425%20134.068%20133.632%20133.481%20132.333%20134.264C133.107%20137.503%20134.206%20140.738%20136.245%20143.369C141.051%20149.689%20149.665%20149.456%20153.152%20142.032C154.596%20138.714%20154.238%20134.763%20152.582%20131.549C151.454%20129.359%20149.045%20127.274%20146.76%20128.198C144.168%20129.247%20144.318%20133.123%20145.849%20135.463C149.552%20141.121%20158.715%20141.92%20163.476%20137.12C168.24%20132.319%20167.512%20123.352%20162.161%20119.222C158.241%20116.195%20152.444%20115.45%20149.856%20111.228C147.168%20106.84%20149.403%20101.265%20150.073%2096.1611C150.867%2090.1035%20149.016%2083.4755%20144.322%2079.5703'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20fill='white'/%3e%3cpath%20d='M151.738%2094.2656C150.332%2093.3372%20148.667%2092.696%20146.986%2092.8251C145.305%2092.9542%20143.636%2093.9908%20143.087%2095.5812C142.625%2096.9135%20142.987%2098.3915%20143.511%2099.6987C143.774%20100.348%20144.077%20100.989%20144.518%20101.535C145.451%20102.688%20146.936%20103.321%20148.417%20103.387C149.899%20103.454%20151.372%20102.996%20152.666%20102.276'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M145.414%2097.1353C147.312%2096.1319%20149.733%2096.1902%20151.577%2097.2893'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M148.83%2096.6406C148.655%2097.5441%20148.672%2098.4891%20148.884%2099.3884'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M156.865%2079.9375C154.352%2080.8534%20152.458%2083.2848%20152.18%2085.9452'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M159.22%2083.3452C158.874%2083.2078%20158.512%2083.7198%20158.737%2084.0154C158.962%2084.311%20159.527%2084.1487%20159.582%2083.7823C159.636%2083.4159%20159.203%2083.0829%20158.853%2083.2119C158.504%2083.341%20158.367%2083.8323%20158.575%2084.1403C158.849%2084.5525%20159.602%2084.4443%20159.756%2083.9738C159.815%2083.7865%20159.785%2083.5741%20159.665%2083.4201C159.494%2083.1994%20159.149%2083.1453%20158.907%2083.2869C158.704%2083.4076%20158.583%2083.7032%20158.724%2083.8905C158.866%2084.0779%20159.265%2083.9322%20159.19%2083.7032C158.928%2083.6116%20158.724%2084.0779%20158.966%2084.2111'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M161.852%20102.555C163.795%20104.253%20166.862%20104.495%20169.05%20103.129'%20stroke='%231088E7'%20stroke-width='1.06277'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_960_1142'%3e%3crect%20width='240'%20height='150'%20fill='white'/%3e%3c/clipPath%3e%3cclipPath%20id='clip1_960_1142'%3e%3crect%20width='122.09'%20height='79.0696'%20fill='white'%20transform='translate(95.7031%2077.4258)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_6"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index65.js","sources":["../src/components/Paywall/index.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { Button } from 'src/components/Button';\nimport { Badge } from 'src/components/Badge';\nimport { Icon } from 'src/components/Icon';\nimport { Link } from 'src/components/Link';\nimport { CustomModal } from 'src/components/CustomModal';\nimport { useStableId } from 'src/utils/useStableId';\nimport './style.scss';\n\n/** Variant: with bullet points list, or description only */\nexport type PaywallVariant = 'with-points' | 'description-only';\n\n/** Size: small (656×384) or large (768×500) – sets modal dimensions and media panel proportion */\nexport type PaywallSize = 'sm' | 'lg';\n\n/** Feature list item: plain string (uses default/list icon) or object with text, optional per-item icon, and optional link/action */\nexport type PaywallFeatureItem =\n  | string\n  | {\n      text: string;\n      icon?: ReactNode;\n      /** If provided, the feature text becomes a hyperlink navigating to this URL */\n      href?: string;\n      /** If true, opens the href in a new tab (only applicable when href is set) */\n      external?: boolean;\n      /** Click handler — use with href for analytics, or alone for SPA actions */\n      onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n    };\n\nconst PAYWALL_SIZE_DIMENSIONS: Record<PaywallSize, { width: string; height: string }> = {\n  lg: { width: '768px', height: '500px' },\n  sm: { width: '656px', height: '384px' },\n};\n\nexport interface PaywallProps {\n  isOpen: boolean;\n  onClose: () => void;\n  trigger?: ReactNode;\n  modalWidth?: string;\n  modalHeight?: string;\n  variant: PaywallVariant;\n  size?: PaywallSize;\n  availabilityLabel?: string;\n  availabilityBadgeText?: string;\n  title: string;\n  description: string;\n  learnMoreLinkText?: string;\n  learnMoreHref?: string;\n  onLearnMoreClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n  featureListDesc?: string;\n  featuresList?: PaywallFeatureItem[];\n  featureItemIcon?: ReactNode;\n  mediaContent?: ReactNode;\n  laterButtonText: string;\n  purchaseButtonText: string;\n  onLaterClick?: () => void;\n  onPurchaseClick?: () => void;\n  className?: string;\n  modalContentClassName?: string;\n  automationId?: string;\n  id?: string;\n}\n\n/** Paywall – always shown in a modal. Pass isOpen/onClose and optionally a trigger. */\nexport const Paywall: FC<PaywallProps> = ({\n  isOpen,\n  onClose,\n  trigger,\n  modalWidth,\n  modalHeight,\n  variant,\n  size = 'lg',\n  availabilityLabel = 'Available on ',\n  availabilityBadgeText,\n  title,\n  description,\n  learnMoreLinkText,\n  learnMoreHref,\n  onLearnMoreClick,\n  featureListDesc,\n  featuresList = [],\n  featureItemIcon,\n  mediaContent,\n  laterButtonText,\n  purchaseButtonText,\n  onLaterClick,\n  onPurchaseClick,\n  className = '',\n  modalContentClassName = '',\n  automationId = '',\n  id: providedId,\n}) => {\n  const titleId = useStableId(providedId, 'paywall-title');\n\n  const handleLaterClick = () => {\n    onLaterClick?.();\n    onClose();\n  };\n\n  const dimensions = PAYWALL_SIZE_DIMENSIONS[size];\n  const width = modalWidth ?? dimensions.width;\n  const height = modalHeight ?? dimensions.height;\n\n  const withPoints = variant === 'with-points' && size === 'lg';\n  const normalizedFeatures = featuresList.map((item): { text: string; icon?: ReactNode; href?: string; external?: boolean; onLinkClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void } =>\n    typeof item === 'string'\n      ? { text: item }\n      : { text: item.text, icon: item.icon, href: item.href, external: item.external, onLinkClick: item.onLinkClick }\n  );\n  const showFeatures = withPoints && normalizedFeatures.length > 0;\n  const defaultIcon = featureItemIcon ?? <Icon name=\"info\" rotation='180'/>;\n\n  const content = (\n    <section\n      className={`paywall paywall-ctn paywall-ctn--${size} ${className}`}\n      data-automation-id={automationId}\n    >\n      <div className=\"paywall-card\">\n        <div className=\"paywall-card-content\">\n          {availabilityBadgeText && (\n            <span className=\"paywall-card-availability\">\n              <span className=\"paywall-card-availability-label\">{availabilityLabel}</span>\n              <Badge\n                label={availabilityBadgeText}\n                className=\"paywall-card-badge\"\n                bgColor=\"var(--color-yellow-100)\"\n                textColor=\"var(--color-yellow-700)\"\n              />\n            </span>\n          )}\n          <h3 id={titleId} className=\"paywall-card-title\">{title}</h3>\n          <p className=\"paywall-card-description\">\n            {description}\n            {learnMoreLinkText && (learnMoreHref || onLearnMoreClick) && (\n              <Link\n                href={learnMoreHref ?? '#'}\n                label={learnMoreLinkText}\n                external={!!learnMoreHref}\n                className=\"paywall-card-learn-more\"\n                onClick={(e) => { if (!learnMoreHref) { e.preventDefault(); } onLearnMoreClick?.(e); }}\n              />\n            )}\n          </p>\n          {withPoints && featureListDesc && (\n            <p className=\"paywall-card-features-intro\">{featureListDesc}</p>\n          )}\n          {showFeatures && (\n            <ul className=\"paywall-card-features-list\">\n              {normalizedFeatures.map((item) => (\n                <li key={item.text} className=\"paywall-card-feature-item\">\n                  <span className=\"paywall-card-feature-icon\" aria-hidden>\n                    {item.icon ?? defaultIcon}\n                  </span>\n                  <span>\n                    {item.href || item.onLinkClick ? (\n                      <Link\n                        href={item.href ?? '#'}\n                        label={item.text}\n                        external={item.external}\n                        onClick={(e) => { if (!item.href) { e.preventDefault(); } item.onLinkClick?.(e); }}\n                      />\n                    ) : (\n                      item.text\n                    )}\n                  </span>\n                </li>\n              ))}\n            </ul>\n          )}\n          <div className=\"paywall-card-actions\">\n            <Button\n              type=\"ghost\"\n              size=\"md\"\n              label={laterButtonText}\n              onClick={handleLaterClick}\n              className=\"paywall-card-btn-later\"\n            />\n            <Button\n              type=\"primary\"\n              size=\"md\"\n              label={purchaseButtonText}\n              onClick={onPurchaseClick}\n              className=\"paywall-card-btn-purchase\"\n            />\n          </div>\n        </div>\n        <div className=\"paywall-card-media\">\n          {mediaContent}\n        </div>\n      </div>\n    </section>\n  );\n\n  const modalContent = (\n    <div\n      role=\"dialog\"\n      aria-modal=\"true\"\n      aria-labelledby={titleId}\n      className={`paywall-modal-content ${modalContentClassName}`}\n      style={{ height, minHeight: height }}\n    >\n      {content}\n    </div>\n  );\n\n  return (\n    <>\n      {trigger && <span className=\"paywall-trigger\">{trigger}</span>}\n      <CustomModal\n        isOpen={isOpen}\n        onClose={onClose}\n        onModalClick={() => {}}\n        renderModalContent={() => modalContent}\n        width={width}\n        contentClassName=\"paywall-modal-content-wrapper\"\n        automationId={automationId}\n      />\n    </>\n  );\n};\n\nexport default Paywall;\n"],"names":["React__default","Button","Badge","Icon","Link","CustomModal","useStableId","PAYWALL_SIZE_DIMENSIONS","lg","width","height","sm","Paywall","isOpen","onClose","trigger","modalWidth","modalHeight","variant","size","availabilityLabel","availabilityBadgeText","title","description","learnMoreLinkText","learnMoreHref","onLearnMoreClick","featureListDesc","featuresList","featureItemIcon","mediaContent","laterButtonText","purchaseButtonText","onLaterClick","onPurchaseClick","className","modalContentClassName","automationId","id","providedId","titleId","handleLaterClick","dimensions","withPoints","normalizedFeatures","map","item","text","icon","href","external","onLinkClick","showFeatures","length","defaultIcon","React","createElement","name","rotation","content","label","bgColor","textColor","onClick","e","preventDefault","key","type","modalContent","role","style","minHeight","Fragment","onModalClick","renderModalContent","contentClassName"],"mappings":"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"}

package/dist/index66.js

@@ -1,5 +1,15 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M10.4375%2022.2109H13.5804'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.9881%208.7626C18.9881%206.91103%2018.2525%205.1353%2016.9432%203.82604C15.634%202.51678%2013.8582%201.78125%2012.0067%201.78125C10.1551%201.78125%208.37937%202.51678%207.07012%203.82604C5.76085%205.1353%205.02531%206.91103%205.02531%208.7626V15.6975C5.02531%2016.3918%204.74949%2017.0577%204.25852%2017.5486C3.76756%2018.0397%203.27246%2018.3155%202.57812%2018.3155H21.4353C20.7409%2018.3155%2020.2459%2018.0397%2019.7548%2017.5486C19.2639%2017.0577%2018.9881%2016.3918%2018.9881%2015.6975V8.7626Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+function i({
+  titleId: r,
+  descriptionId: t,
+  isFocusable: a = !1
+}) {
+  const e = {
+    role: "region",
+    "aria-labelledby": r
+  };
+  return t && (e["aria-describedby"] = t), a && (e.tabIndex = -1), e;
+}
 export {
-  e as default
+  i as getRegionAttributes
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index66.js","sources":["../src/assets/icons/bell-notification.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M10.4375%2022.2109H13.5804'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M18.9881%208.7626C18.9881%206.91103%2018.2525%205.1353%2016.9432%203.82604C15.634%202.51678%2013.8582%201.78125%2012.0067%201.78125C10.1551%201.78125%208.37937%202.51678%207.07012%203.82604C5.76085%205.1353%205.02531%206.91103%205.02531%208.7626V15.6975C5.02531%2016.3918%204.74949%2017.0577%204.25852%2017.5486C3.76756%2018.0397%203.27246%2018.3155%202.57812%2018.3155H21.4353C20.7409%2018.3155%2020.2459%2018.0397%2019.7548%2017.5486C19.2639%2017.0577%2018.9881%2016.3918%2018.9881%2015.6975V8.7626Z'%20stroke='white'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_7"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index66.js","sources":["../src/utils/a11y/regionAttributes.ts"],"sourcesContent":["/**\n * Returns ARIA attributes for a region container element.\n * Used for semantic containers that need role=\"region\" with proper labeling.\n * \n * @param options - Configuration options\n * @param options.titleId - Required. ID of the heading element that labels this region\n * @param options.descriptionId - Optional. ID of the description element\n * @param options.isFocusable - Optional. Whether to make the region focusable (adds tabIndex={-1})\n * @returns Object with region ARIA attributes\n */\nexport function getRegionAttributes({\n  titleId,\n  descriptionId,\n  isFocusable = false\n}: {\n  titleId: string;\n  descriptionId?: string;\n  isFocusable?: boolean;\n}): {\n  role: 'region';\n  'aria-labelledby': string;\n  'aria-describedby'?: string;\n  tabIndex?: number;\n} {\n  const attributes: {\n    role: 'region';\n    'aria-labelledby': string;\n    'aria-describedby'?: string;\n    tabIndex?: number;\n  } = {\n    role: 'region',\n    'aria-labelledby': titleId\n  };\n\n  if (descriptionId) {\n    attributes['aria-describedby'] = descriptionId;\n  }\n\n  if (isFocusable) {\n    attributes.tabIndex = -1;\n  }\n\n  return attributes;\n}\n"],"names":["getRegionAttributes","titleId","descriptionId","isFocusable","attributes","role","tabIndex"],"mappings":"AAUO,SAASA,EAAoB;AAAA,EAClCC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA,IAAc;AAKhB,GAKE;AACA,QAAMC,IAKF;AAAA,IACFC,MAAM;AAAA,IACN,mBAAmBJ;AAAAA,EAAAA;AAGrB,SAAIC,MACFE,EAAW,kBAAkB,IAAIF,IAG/BC,MACFC,EAAWE,WAAW,KAGjBF;AACT;"}

package/dist/index67.js

@@ -1,5 +1,58 @@
-const e = "data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.875%209.66284H22.125M15.8942%2015.1148H18.2307M20.5673%204.21094H3.43274C2.57245%204.21094%201.87505%204.94505%201.87505%205.85061V18.1482C1.87505%2019.0537%202.57245%2019.7878%203.43274%2019.7878H20.5673C21.4276%2019.7878%2022.125%2019.0537%2022.125%2018.1482V5.85061C22.125%204.94505%2021.4276%204.21094%2020.5673%204.21094Z'%20stroke='%23415575'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+import * as s from "react";
+import { isVirtualClick as x } from "./index78.js";
+function I({
+  disabled: v = !1,
+  loading: l = !1,
+  onClick: u,
+  onKeyboardActivate: n,
+  isNative: o = !0,
+  role: y = "button",
+  tabIndex: C = 0,
+  stopPropagation: c = !1,
+  preventDefault: f = !1,
+  pressed: P,
+  onPointerDown: k,
+  onMouseDown: b,
+  onTouchStart: p
+} = {}) {
+  const e = v || l, a = s.useRef(!1), t = s.useCallback(() => {
+    a.current = !0;
+  }, []), D = s.useCallback((r) => {
+    if (e) return;
+    c && r.stopPropagation(), f && r.preventDefault();
+    const h = x(r.nativeEvent), w = a.current;
+    a.current = !1;
+    const m = h ? "virtual" : w ? "pointer" : "keyboard";
+    if ((m === "keyboard" || m === "virtual") && n) {
+      n(r);
+      return;
+    }
+    u?.(r);
+  }, [e, u, n, c, f]), R = s.useCallback((r) => {
+    e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
+  }, [e]), d = {
+    onPointerDown: k ? (r) => {
+      t(), k(r);
+    } : t,
+    onMouseDown: b ? (r) => {
+      t(), b(r);
+    } : t,
+    onTouchStart: p ? (r) => {
+      t(), p(r);
+    } : t,
+    onClick: D,
+    "aria-disabled": e ? "true" : void 0,
+    "aria-busy": l ? "true" : void 0,
+    "aria-pressed": P
+  };
+  o || (d.onKeyDown = R);
+  const i = {
+    pressProps: d,
+    isDisabled: e
+  };
+  return o || (i.role = y, i.tabIndex = e ? -1 : C), i;
+}
 export {
-  e as default
+  I as useAccessiblePress
 };
 //# sourceMappingURL=index67.js.map

package/dist/index67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index67.js","sources":["../src/assets/icons/card.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1.875%209.66284H22.125M15.8942%2015.1148H18.2307M20.5673%204.21094H3.43274C2.57245%204.21094%201.87505%204.94505%201.87505%205.85061V18.1482C1.87505%2019.0537%202.57245%2019.7878%203.43274%2019.7878H20.5673C21.4276%2019.7878%2022.125%2019.0537%2022.125%2018.1482V5.85061C22.125%204.94505%2021.4276%204.21094%2020.5673%204.21094Z'%20stroke='%23415575'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_8"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index67.js","sources":["../src/utils/a11y/useAccessiblePress.ts"],"sourcesContent":["import * as React from 'react';\nimport { isVirtualClick } from '../virtualClick';\n\n/**\n * Hook for accessible press interactions (pointer vs keyboard vs virtual click).\n *\n * Handles:\n * - Pointer intent tracking (mouse/touch)\n * - Virtual click detection (NVDA browse mode, etc.)\n * - Routing to appropriate handler (onClick vs onKeyboardActivate)\n * - For non-native elements: Enter/Space → activation\n * - Optional stopPropagation and preventDefault\n *\n * @example\n * // Native button (isNative=true, the default)\n * const { pressProps } = useAccessiblePress({ onClick, disabled });\n * <button {...pressProps}>Click me</button>\n *\n * @example\n * // Non-native element (div acting as button)\n * const { pressProps, role, tabIndex } = useAccessiblePress({ onClick, isNative: false });\n * <div role={role} tabIndex={tabIndex} {...pressProps}>Click me</div>\n *\n * @example\n * // Element nested inside clickable parent (prevent event bubbling)\n * const { pressProps, tabIndex } = useAccessiblePress({ \n *   onClick, \n *   isNative: false, \n *   stopPropagation: true \n * });\n * <div role=\"button\" tabIndex={tabIndex} {...pressProps}>Click me</div>\n */\n\ntype InputKind = 'pointer' | 'keyboard' | 'virtual';\n\nexport type UseAccessiblePressOptions = {\n  /**\n   * Whether the element is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the element is in a loading state (will also disable)\n   */\n  loading?: boolean;\n\n  /**\n   * Handler for pointer/touch activations (or all activations if onKeyboardActivate is not provided)\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Handler for keyboard + assistive tech virtual activation.\n   * If omitted, onClick is used for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * If true, this is a native <button> (or other native pressable) and we MUST NOT add Enter/Space handling.\n   * Default: true\n   */\n  isNative?: boolean;\n\n  /**\n   * Only for non-native elements (div/span). Defaults to 'button'.\n   */\n  role?: string;\n\n  /**\n   * Only for non-native elements. Defaults to 0.\n   */\n  tabIndex?: number;\n\n  /**\n   * If true, calls e.stopPropagation() before invoking onClick handler.\n   * Useful when element is nested inside another clickable element.\n   * Default: false\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * If true, calls e.preventDefault() before invoking onClick handler.\n   * Note: For non-native elements, preventDefault is already called on Space/Enter keys.\n   * Default: false\n   */\n  preventDefault?: boolean;\n\n  /**\n   * Toggle/pressed state. When true or false, sets aria-pressed on the element (e.g. selected color swatch).\n   * Omit for non-toggle buttons.\n   */\n  pressed?: boolean;\n\n  /**\n   * User-provided pointer/mouse/touch handlers. When provided, they are chained\n   * after the internal pointer-intent tracking handler (markPointer), so both run.\n   */\n  onPointerDown?: (e: React.PointerEvent<HTMLElement>) => void;\n  onMouseDown?: (e: React.MouseEvent<HTMLElement>) => void;\n  onTouchStart?: (e: React.TouchEvent<HTMLElement>) => void;\n};\n\nexport type UseAccessiblePressReturn = {\n  /**\n   * Props to spread onto the element. Includes event handlers and ARIA attributes.\n   * Does NOT include role/tabIndex — apply those separately.\n   */\n  pressProps: React.HTMLAttributes<HTMLElement> & {\n    'aria-disabled'?: 'true';\n    'aria-busy'?: 'true';\n    'aria-pressed'?: boolean;\n  };\n\n  /**\n   * Combined disabled state (disabled || loading)\n   */\n  isDisabled: boolean;\n\n  /**\n   * Role for non-native elements (e.g., 'button', 'menuitem').\n   * Only returned when isNative=false.\n   */\n  role?: string;\n\n  /**\n   * TabIndex for non-native elements.\n   * Returns -1 when disabled, otherwise the provided tabIndex (default 0).\n   * Only returned when isNative=false.\n   */\n  tabIndex?: number;\n};\n\nexport function useAccessiblePress({\n  disabled = false,\n  loading = false,\n  onClick,\n  onKeyboardActivate,\n  isNative = true,\n  role = 'button',\n  tabIndex = 0,\n  stopPropagation = false,\n  preventDefault = false,\n  pressed,\n  onPointerDown,\n  onMouseDown,\n  onTouchStart\n}: UseAccessiblePressOptions = {}): UseAccessiblePressReturn {\n  const isDisabled = disabled || loading;\n  const lastWasPointerRef = React.useRef(false);\n\n  const markPointer = React.useCallback(() => {\n    lastWasPointerRef.current = true;\n  }, []);\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      // Handle event control flags\n      if (stopPropagation) e.stopPropagation();\n      if (preventDefault) e.preventDefault();\n\n      const virtual = isVirtualClick(e.nativeEvent as any);\n      const isPointer = lastWasPointerRef.current;\n      lastWasPointerRef.current = false;\n\n      const input: InputKind = virtual ? 'virtual' : isPointer ? 'pointer' : 'keyboard';\n\n      // If we have a keyboard handler, route keyboard + virtual clicks there.\n      if ((input === 'keyboard' || input === 'virtual') && onKeyboardActivate) {\n        onKeyboardActivate(e);\n        return;\n      }\n\n      onClick?.(e);\n    },\n    [isDisabled, onClick, onKeyboardActivate, stopPropagation, preventDefault]\n  );\n\n  // Only used for non-native elements: Enter/Space should trigger click(), reusing the same click routing.\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        // Trigger native click event so all routing goes through handleClick\n        (e.currentTarget as HTMLElement).click();\n      }\n    },\n    [isDisabled]\n  );\n\n  const pressProps: UseAccessiblePressReturn['pressProps'] = {\n    onPointerDown: onPointerDown\n      ? (e: React.PointerEvent<HTMLElement>) => { markPointer(); onPointerDown(e); }\n      : markPointer,\n    onMouseDown: onMouseDown\n      ? (e: React.MouseEvent<HTMLElement>) => { markPointer(); onMouseDown(e); }\n      : markPointer,\n    onTouchStart: onTouchStart\n      ? (e: React.TouchEvent<HTMLElement>) => { markPointer(); onTouchStart(e); }\n      : markPointer,\n    onClick: handleClick,\n    'aria-disabled': isDisabled ? 'true' : undefined,\n    'aria-busy': loading ? 'true' : undefined,\n    'aria-pressed': pressed\n  };\n\n  // For non-native elements, add Enter/Space handling\n  if (!isNative) {\n    pressProps.onKeyDown = handleKeyDown;\n  }\n\n  // Return role/tabIndex separately (only for non-native elements)\n  const result: UseAccessiblePressReturn = { pressProps, isDisabled };\n\n  if (!isNative) {\n    result.role = role;\n    result.tabIndex = isDisabled ? -1 : tabIndex;\n  }\n\n  return result;\n}\n\n"],"names":["React","isVirtualClick","useAccessiblePress","disabled","loading","onClick","onKeyboardActivate","isNative","role","tabIndex","stopPropagation","preventDefault","pressed","onPointerDown","onMouseDown","onTouchStart","isDisabled","lastWasPointerRef","useRef","markPointer","useCallback","current","handleClick","e","virtual","nativeEvent","isPointer","input","handleKeyDown","key","currentTarget","click","pressProps","undefined","onKeyDown","result"],"mappings":"AAoIO,YAAAA,OAAA;AAAA,SAAA,kBAAAC,SAAA;AAAA,SAASC,EAAmB;AAAA,EACjCC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA,IAAO;AAAA,EACPC,UAAAA,IAAW;AAAA,EACXC,iBAAAA,IAAkB;AAAA,EAClBC,gBAAAA,IAAiB;AAAA,EACjBC,SAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AACyB,IAAI,IAA8B;AAC3D,QAAMC,IAAab,KAAYC,GACzBa,IAAoBjB,EAAMkB,OAAO,EAAK,GAEtCC,IAAcnB,EAAMoB,YAAY,MAAM;AAC1CH,IAAAA,EAAkBI,UAAU;AAAA,EAC9B,GAAG,CAAA,CAAE,GAECC,IAActB,EAAMoB,YACxB,CAACG,MAAqC;AACpC,QAAIP,EAAY;AAGhB,IAAIN,OAAmBA,gBAAAA,GACnBC,OAAkBA,eAAAA;AAEtB,UAAMa,IAAUvB,EAAesB,EAAEE,WAAkB,GAC7CC,IAAYT,EAAkBI;AACpCJ,IAAAA,EAAkBI,UAAU;AAE5B,UAAMM,IAAmBH,IAAU,YAAYE,IAAY,YAAY;AAGvE,SAAKC,MAAU,cAAcA,MAAU,cAAcrB,GAAoB;AACvEA,MAAAA,EAAmBiB,CAAC;AACpB;AAAA,IACF;AAEAlB,IAAAA,IAAUkB,CAAC;AAAA,EACb,GACA,CAACP,GAAYX,GAASC,GAAoBI,GAAiBC,CAAc,CAC3E,GAGMiB,IAAgB5B,EAAMoB,YAC1B,CAACG,MAAwC;AACvC,IAAIP,MAEAO,EAAEM,QAAQ,WAAWN,EAAEM,QAAQ,SACjCN,EAAEZ,eAAAA,GAEDY,EAAEO,cAA8BC,MAAAA;AAAAA,EAErC,GACA,CAACf,CAAU,CACb,GAEMgB,IAAqD;AAAA,IACzDnB,eAAeA,IACX,CAACU,MAAuC;AAAEJ,MAAAA,EAAAA,GAAeN,EAAcU,CAAC;AAAA,IAAG,IAC3EJ;AAAAA,IACJL,aAAaA,IACT,CAACS,MAAqC;AAAEJ,MAAAA,EAAAA,GAAeL,EAAYS,CAAC;AAAA,IAAG,IACvEJ;AAAAA,IACJJ,cAAcA,IACV,CAACQ,MAAqC;AAAEJ,MAAAA,EAAAA,GAAeJ,EAAaQ,CAAC;AAAA,IAAG,IACxEJ;AAAAA,IACJd,SAASiB;AAAAA,IACT,iBAAiBN,IAAa,SAASiB;AAAAA,IACvC,aAAa7B,IAAU,SAAS6B;AAAAA,IAChC,gBAAgBrB;AAAAA,EAAAA;AAIlB,EAAKL,MACHyB,EAAWE,YAAYN;AAIzB,QAAMO,IAAmC;AAAA,IAAEH,YAAAA;AAAAA,IAAYhB,YAAAA;AAAAA,EAAAA;AAEvD,SAAKT,MACH4B,EAAO3B,OAAOA,GACd2B,EAAO1B,WAAWO,IAAa,KAAKP,IAG/B0B;AACT;"}