@razorpay/blade 12.49.4 → 12.49.6

package/build/lib/web/development/components/SideNav/SideNavItems/SideNavLink.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Text } from '~components/Typography';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((props) => {\n  return {\n    width: '100%',\n    [`.${SHOW_ON_LINK_HOVER}`]: {\n      opacity: 0,\n      '&:focus-within, &:focus-visible': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      [`.${SHOW_ON_LINK_HOVER}`]: {\n        opacity: 1,\n      },\n\n      [`.${STYLED_NAV_LINK}`]: {\n        color: props.theme.colors.interactive.text.gray.normal,\n        backgroundColor: props.theme.colors.interactive.background.gray.default,\n      },\n    },\n    [`.${STYLED_NAV_LINK}`]: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      height: props.$hasDescription ? undefined : makeSize(NAV_ITEM_HEIGHT),\n      width: '100%',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      flexWrap: 'nowrap',\n      cursor: 'pointer',\n      padding: `${makeSpace(props.theme.spacing[props.$hasDescription ? 3 : 0])} ${makeSpace(\n        props.theme.spacing[4],\n      )}`,\n      margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n      color: props.theme.colors.interactive.text.gray.subtle,\n      borderRadius: props.theme.border.radius.medium,\n      borderWidth: makeBorderSize(props.theme.border.width.none),\n      backgroundColor: props.theme.colors.transparent,\n      transition: getNavItemTransition(props.theme),\n      '&[aria-current]': {\n        color: props.theme.colors.interactive.text.primary.subtle,\n        backgroundColor: props.theme.colors.interactive.background.primary.faded,\n      },\n      '&[aria-current]:hover': {\n        color: props.theme.colors.interactive.text.primary.normal,\n        backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme: props.theme }),\n      },\n    },\n  };\n});\n\nconst NavLinkIconTitle = ({\n  icon: Icon,\n  title,\n  description,\n  titleSuffix,\n  isActive,\n  trailing,\n  isL1Item,\n}: Pick<\n  SideNavLinkProps,\n  'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n  isL1Item: boolean;\n}): React.ReactElement => {\n  return (\n    <Box width=\"100%\" textAlign=\"left\">\n      <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n        <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n          {Icon ? (\n            <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n              <Icon size=\"medium\" color=\"currentColor\" />\n            </BaseBox>\n          ) : null}\n          <BaseText\n            truncateAfterLines={1}\n            color=\"currentColor\"\n            fontWeight=\"medium\"\n            fontSize={100}\n            lineHeight={100}\n            as=\"p\"\n            className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n          >\n            {title}\n          </BaseText>\n          {titleSuffix ? (\n            <BaseBox display=\"flex\" alignItems=\"center\">\n              {titleSuffix}\n            </BaseBox>\n          ) : null}\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {trailing}\n        </Box>\n      </Box>\n      {!isL1Item && description ? (\n        <Text\n          size=\"small\"\n          marginLeft=\"spacing.7\"\n          textAlign=\"left\"\n          weight=\"medium\"\n          color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n          truncateAfterLines={1}\n        >\n          {description}\n        </Text>\n      ) : null}\n    </Box>\n  );\n};\n\nconst L3Trigger = ({\n  title,\n  description,\n  icon,\n  as,\n  href,\n  target,\n  titleSuffix,\n  tooltip,\n  onClick,\n}: Pick<\n  SideNavLinkProps,\n  | 'title'\n  | 'description'\n  | 'icon'\n  | 'as'\n  | 'href'\n  | 'titleSuffix'\n  | 'tooltip'\n  | 'target'\n  | 'onClick'\n>): React.ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleCollapse = (e: React.MouseEvent): void => {\n    onClick?.(e);\n    onExpandChange(!isExpanded);\n  };\n  const iconProps = {\n    size: 'medium',\n    color: 'currentColor',\n  } as const;\n\n  return (\n    <TooltipifyComponent tooltip={tooltip}>\n      <StyledNavLinkContainer $hasDescription={Boolean(description)}>\n        <BaseBox\n          className={STYLED_NAV_LINK}\n          as={href ? as : 'button'}\n          to={href}\n          target={target}\n          onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n          {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n        >\n          <NavLinkIconTitle\n            title={title}\n            description={description}\n            icon={icon}\n            isL1Item={false}\n            titleSuffix={titleSuffix}\n            trailing={\n              isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />\n            }\n          />\n        </BaseBox>\n      </StyledNavLinkContainer>\n    </TooltipifyComponent>\n  );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n  const { colors, border, spacing } = props.theme;\n  return {\n    borderWidth: makeBorderSize(props.theme.border.width.thin),\n    borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n    borderStyle: 'solid',\n    borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n      border.radius.none,\n    )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n    // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n    height: '100vh',\n    position: 'absolute',\n    // We want the active line to be positioned in the middle of item's height thus divide by 2\n    top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n    width: makeSpace(spacing[3]),\n    left: makeSpace(-spacing[3]),\n  };\n});\n\nconst SideNavLink = ({\n  title,\n  description,\n  href,\n  children,\n  titleSuffix,\n  trailing,\n  isActive,\n  icon,\n  tooltip,\n  as,\n  target,\n  onClick,\n  ...rest\n}: SideNavLinkProps): React.ReactElement => {\n  const {\n    l2PortalContainerRef,\n    onLinkActiveChange,\n    closeMobileNav,\n    isL1Collapsed,\n    setIsL1Collapsed,\n  } = useSideNav();\n  const { level: _prevLevel } = useNavLink();\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const isL2Trigger = Boolean(children) && currentLevel === 1;\n  const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n  if (__DEV__) {\n    if (Boolean(children) && currentLevel >= 3) {\n      throwBladeError({\n        message:\n          'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n        moduleName: 'SideNavLink',\n      });\n    }\n\n    if (currentLevel === 1 && Boolean(description)) {\n      throwBladeError({\n        message: 'Description is not supported for L1 items',\n        moduleName: 'SideNavLink',\n      });\n    }\n  }\n\n  const isFirstRender = useFirstRender();\n\n  const { refs, context } = useFloating({\n    open: isActive,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    onLinkActiveChange?.({\n      level: currentLevel,\n      title,\n      isActive: Boolean(isActive),\n      isL2Trigger,\n      isFirstRender,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive]);\n\n  return (\n    <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n      {isL3Trigger ? (\n        <Collapsible\n          defaultIsExpanded={isActive}\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n        >\n          <L3Trigger\n            title={title}\n            description={description}\n            icon={icon}\n            as={as}\n            href={href}\n            titleSuffix={titleSuffix}\n            onClick={onClick}\n          />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            <Box position=\"relative\">{children}</Box>\n          </CollapsibleBody>\n        </Collapsible>\n      ) : (\n        <>\n          <StyledNavLinkContainer\n            $hasDescription={currentLevel !== 1 && Boolean(description)}\n            position=\"relative\"\n          >\n            <TooltipifyComponent tooltip={tooltip}>\n              <BaseBox\n                className={STYLED_NAV_LINK}\n                as={as ?? 'a'}\n                to={href}\n                href={as ? undefined : href}\n                target={target}\n                ref={refs.setReference}\n                onClick={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n                  // Close the mobile nav when item is clicked and its not trigger for next menu\n                  if (!isL2Trigger) {\n                    closeMobileNav?.();\n                  }\n\n                  if (isActive) {\n                    onLinkActiveChange?.({\n                      level: currentLevel,\n                      title,\n                      isActive: Boolean(isActive),\n                      isL2Trigger,\n                      isFirstRender: false,\n                    });\n                  }\n\n                  onClick?.(e);\n                }}\n                onFocus={(e: { target: HTMLDivElement }) => {\n                  // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n                  // Which can make L1 to expand when tabs / windows are changed\n                  // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n                  const hasFocusRing = e.target?.matches(':focus-visible');\n                  if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n                    setIsL1Collapsed?.(false);\n                  }\n                }}\n                aria-current={isActive ? 'page' : undefined}\n                data-level={currentLevel}\n                data-l2trigger={isL2Trigger}\n                {...makeAnalyticsAttribute(rest)}\n              >\n                <NavLinkIconTitle\n                  icon={icon}\n                  title={title}\n                  description={description}\n                  isActive={isActive}\n                  isL1Item={currentLevel === 1}\n                  titleSuffix={titleSuffix}\n                />\n                {isL2Trigger ? (\n                  <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n                    <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            </TooltipifyComponent>\n            {trailing && !isL2Trigger ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.0\"\n                right=\"spacing.2\"\n                height=\"100%\"\n                display=\"flex\"\n                alignItems=\"center\"\n                className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n              >\n                {trailing}\n              </BaseBox>\n            ) : null}\n            {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n          </StyledNavLinkContainer>\n          {children ? (\n            <FloatingPortal root={l2PortalContainerRef}>\n              {isActive && isL1Collapsed ? (\n                <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n                  <BaseBox ref={refs.setFloating} height=\"100%\">\n                    {children}\n                  </BaseBox>\n                </FloatingFocusManager>\n              ) : null}\n            </FloatingPortal>\n          ) : null}\n        </>\n      )}\n    </NavLinkContext.Provider>\n  );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","height","$hasDescription","undefined","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyComponent","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}
+{"version":3,"file":"SideNavLink.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavLink.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { FloatingFocusManager, FloatingPortal, useFloating } from '@floating-ui/react';\nimport { NavLinkContext, useNavLink, useSideNav } from '../SideNavContext';\nimport type { SideNavLinkProps } from '../types';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport { Box } from '~components/Box';\nimport { makeBorderSize, makeSize, makeSpace } from '~utils';\nimport { BaseText } from '~components/Typography/BaseText';\nimport { ChevronDownIcon, ChevronRightIcon, ChevronUpIcon } from '~components/Icons';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useCollapsible } from '~components/Collapsible/CollapsibleContext';\nimport { Collapsible, CollapsibleBody } from '~components/Collapsible';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport { throwBladeError } from '~utils/logger';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { Text } from '~components/Typography';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\n\nconst { SHOW_ON_LINK_HOVER, HIDE_WHEN_COLLAPSED, STYLED_NAV_LINK } = classes;\n\nconst StyledNavLinkContainer = styled(BaseBox)<{ $hasDescription: boolean }>((props) => {\n  return {\n    width: '100%',\n    [`.${SHOW_ON_LINK_HOVER}`]: {\n      opacity: 0,\n      '&:focus-within, &:focus-visible': {\n        opacity: 1,\n      },\n    },\n    '&:hover': {\n      [`.${SHOW_ON_LINK_HOVER}`]: {\n        opacity: 1,\n      },\n\n      [`.${STYLED_NAV_LINK}`]: {\n        color: props.theme.colors.interactive.text.gray.normal,\n        backgroundColor: props.theme.colors.interactive.background.gray.default,\n      },\n    },\n    [`.${STYLED_NAV_LINK}`]: {\n      position: 'relative',\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      height: props.$hasDescription ? undefined : makeSize(NAV_ITEM_HEIGHT),\n      width: '100%',\n      textDecoration: 'none',\n      overflow: 'hidden',\n      flexWrap: 'nowrap',\n      cursor: 'pointer',\n      padding: `${makeSpace(props.theme.spacing[props.$hasDescription ? 3 : 0])} ${makeSpace(\n        props.theme.spacing[4],\n      )}`,\n      margin: `${makeSpace(props.theme.spacing[1])} ${makeSpace(props.theme.spacing[0])}`,\n      color: props.theme.colors.interactive.text.gray.subtle,\n      borderRadius: props.theme.border.radius.medium,\n      borderWidth: makeBorderSize(props.theme.border.width.none),\n      backgroundColor: props.theme.colors.transparent,\n      transition: getNavItemTransition(props.theme),\n      '&[aria-current]': {\n        color: props.theme.colors.interactive.text.primary.subtle,\n        backgroundColor: props.theme.colors.interactive.background.primary.faded,\n      },\n      '&[aria-current]:hover': {\n        color: props.theme.colors.interactive.text.primary.normal,\n        backgroundColor: props.theme.colors.interactive.background.primary.fadedHighlighted,\n      },\n      '&:focus-visible': {\n        ...getFocusRingStyles({ theme: props.theme }),\n      },\n    },\n  };\n});\n\nconst NavLinkIconTitle = ({\n  icon: Icon,\n  title,\n  description,\n  titleSuffix,\n  isActive,\n  trailing,\n  isL1Item,\n}: Pick<\n  SideNavLinkProps,\n  'title' | 'isActive' | 'trailing' | 'description' | 'icon' | 'titleSuffix'\n> & {\n  isL1Item: boolean;\n}): React.ReactElement => {\n  return (\n    <Box width=\"100%\" textAlign=\"left\">\n      <Box display=\"flex\" justifyContent=\"space-between\" width=\"100%\">\n        <Box display=\"flex\" flexDirection=\"row\" gap=\"spacing.3\" alignItems=\"center\">\n          {Icon ? (\n            <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n              <Icon size=\"medium\" color=\"currentColor\" />\n            </BaseBox>\n          ) : null}\n          <BaseText\n            truncateAfterLines={1}\n            color=\"currentColor\"\n            fontWeight=\"medium\"\n            fontSize={100}\n            lineHeight={100}\n            as=\"p\"\n            className={isL1Item ? HIDE_WHEN_COLLAPSED : ''}\n          >\n            {title}\n          </BaseText>\n          {titleSuffix ? (\n            <BaseBox display=\"flex\" alignItems=\"center\">\n              {titleSuffix}\n            </BaseBox>\n          ) : null}\n        </Box>\n        <Box display=\"flex\" alignItems=\"center\">\n          {trailing}\n        </Box>\n      </Box>\n      {!isL1Item && description ? (\n        <Text\n          size=\"small\"\n          marginLeft=\"spacing.7\"\n          textAlign=\"left\"\n          weight=\"medium\"\n          color={isActive ? 'interactive.text.primary.muted' : 'interactive.text.gray.muted'}\n          truncateAfterLines={1}\n        >\n          {description}\n        </Text>\n      ) : null}\n    </Box>\n  );\n};\n\nconst L3Trigger = ({\n  title,\n  description,\n  icon,\n  as,\n  href,\n  target,\n  titleSuffix,\n  tooltip,\n  onClick,\n}: Pick<\n  SideNavLinkProps,\n  | 'title'\n  | 'description'\n  | 'icon'\n  | 'as'\n  | 'href'\n  | 'titleSuffix'\n  | 'tooltip'\n  | 'target'\n  | 'onClick'\n>): React.ReactElement => {\n  const { onExpandChange, isExpanded, collapsibleBodyId } = useCollapsible();\n\n  const toggleCollapse = (e: React.MouseEvent): void => {\n    onClick?.(e);\n    onExpandChange(!isExpanded);\n  };\n  const iconProps = {\n    size: 'medium',\n    color: 'currentColor',\n  } as const;\n\n  return (\n    <TooltipifyComponent tooltip={tooltip}>\n      <StyledNavLinkContainer $hasDescription={Boolean(description)}>\n        <BaseBox\n          className={STYLED_NAV_LINK}\n          as={href ? as : 'button'}\n          to={href}\n          target={target}\n          onClick={(e: React.MouseEvent) => toggleCollapse(e)}\n          {...makeAccessible({ expanded: isExpanded, controls: collapsibleBodyId })}\n        >\n          <NavLinkIconTitle\n            title={title}\n            description={description}\n            icon={icon}\n            isL1Item={false}\n            titleSuffix={titleSuffix}\n            trailing={\n              isExpanded ? <ChevronUpIcon {...iconProps} /> : <ChevronDownIcon {...iconProps} />\n            }\n          />\n        </BaseBox>\n      </StyledNavLinkContainer>\n    </TooltipifyComponent>\n  );\n};\n\n/**\n * This is the curved line that appears when you select L3 item\n */\nconst CurvedVerticalLine = styled(BaseBox)((props) => {\n  const { colors, border, spacing } = props.theme;\n  return {\n    borderWidth: makeBorderSize(props.theme.border.width.thin),\n    borderColor: `${colors.transparent} ${colors.transparent} ${colors.surface.border.primary.muted} ${colors.surface.border.primary.muted}`,\n    borderStyle: 'solid',\n    borderRadius: `${makeBorderSize(border.radius.none)} ${makeBorderSize(\n      border.radius.none,\n    )} ${makeBorderSize(border.radius.none)} ${makeBorderSize(border.radius.medium)}`,\n    // We set veritical line infinitely tall (full size of screen) and then hide the overflowing part from top\n    height: '100vh',\n    position: 'absolute',\n    // We want the active line to be positioned in the middle of item's height thus divide by 2\n    top: `calc(-100vh + ${makeSize(NAV_ITEM_HEIGHT / 2)})`,\n    width: makeSpace(spacing[3]),\n    left: makeSpace(-spacing[3]),\n  };\n});\n\nconst SideNavLink = ({\n  title,\n  description,\n  href,\n  children,\n  titleSuffix,\n  trailing,\n  isActive,\n  icon,\n  tooltip,\n  as,\n  target,\n  onClick,\n  ...rest\n}: SideNavLinkProps): React.ReactElement => {\n  const {\n    l2PortalContainerRef,\n    onLinkActiveChange,\n    closeMobileNav,\n    isL1Collapsed,\n    setIsL1Collapsed,\n  } = useSideNav();\n  const { level: _prevLevel } = useNavLink();\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const isL2Trigger = Boolean(children) && currentLevel === 1;\n  const isL3Trigger = Boolean(children) && currentLevel === 2;\n\n  if (__DEV__) {\n    if (Boolean(children) && currentLevel >= 3) {\n      throwBladeError({\n        message:\n          'SideNav only supports nesting upto L3 but L4 nesting was found. Check the nesting of your SideNavLevel items',\n        moduleName: 'SideNavLink',\n      });\n    }\n\n    if (currentLevel === 1 && Boolean(description)) {\n      throwBladeError({\n        message: 'Description is not supported for L1 items',\n        moduleName: 'SideNavLink',\n      });\n    }\n  }\n\n  const isFirstRender = useFirstRender();\n\n  const { refs, context } = useFloating({\n    open: isActive,\n  });\n\n  useIsomorphicLayoutEffect(() => {\n    onLinkActiveChange?.({\n      level: currentLevel,\n      title,\n      isActive: Boolean(isActive),\n      isL2Trigger,\n      isFirstRender,\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isActive]);\n\n  return (\n    <NavLinkContext.Provider value={{ level: currentLevel, title }}>\n      {isL3Trigger ? (\n        <Collapsible\n          defaultIsExpanded={isActive}\n          _dangerouslyDisableValidations={true}\n          _shouldApplyWidthRestrictions={false}\n        >\n          <L3Trigger\n            title={title}\n            description={description}\n            icon={icon}\n            as={as}\n            href={href}\n            titleSuffix={titleSuffix}\n            onClick={onClick}\n          />\n          <CollapsibleBody width=\"100%\" _hasMargin={false}>\n            <Box position=\"relative\">{children}</Box>\n          </CollapsibleBody>\n        </Collapsible>\n      ) : (\n        <>\n          <StyledNavLinkContainer\n            $hasDescription={currentLevel !== 1 && Boolean(description)}\n            position=\"relative\"\n          >\n            <TooltipifyComponent tooltip={tooltip}>\n              <BaseBox\n                className={STYLED_NAV_LINK}\n                as={as ?? 'a'}\n                to={href}\n                href={as ? undefined : href}\n                target={target}\n                ref={refs.setReference}\n                onClick={(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {\n                  // Close the mobile nav when item is clicked and its not trigger for next menu\n                  if (!isL2Trigger) {\n                    closeMobileNav?.();\n                  }\n\n                  if (isActive) {\n                    onLinkActiveChange?.({\n                      level: currentLevel,\n                      title,\n                      isActive: Boolean(isActive),\n                      isL2Trigger,\n                      isFirstRender: false,\n                    });\n                  }\n\n                  onClick?.(e);\n                }}\n                onFocus={(e: { target: HTMLDivElement }) => {\n                  // FloatinFocusManager by default focusses on last clicked element when you move to different tab and come back to the original tab\n                  // Which can make L1 to expand when tabs / windows are changed\n                  // Adding focus-visible check ensures this behaviour of closing menus is only applicable when there is visible focus ring on it (while tabbing)\n                  const hasFocusRing = e.target?.matches(':focus-visible');\n                  if (isL1Collapsed && currentLevel === 1 && hasFocusRing) {\n                    setIsL1Collapsed?.(false);\n                  }\n                }}\n                aria-current={isActive ? 'page' : undefined}\n                data-level={currentLevel}\n                data-l2trigger={isL2Trigger}\n                {...makeAnalyticsAttribute(rest)}\n              >\n                <NavLinkIconTitle\n                  icon={icon}\n                  title={title}\n                  description={description}\n                  isActive={isActive}\n                  isL1Item={currentLevel === 1}\n                  titleSuffix={titleSuffix}\n                />\n                {isL2Trigger ? (\n                  <BaseBox className={HIDE_WHEN_COLLAPSED} display=\"flex\" alignItems=\"center\">\n                    <ChevronRightIcon size=\"medium\" color=\"currentColor\" />\n                  </BaseBox>\n                ) : null}\n              </BaseBox>\n            </TooltipifyComponent>\n            {trailing && !isL2Trigger ? (\n              <BaseBox\n                position=\"absolute\"\n                top=\"spacing.0\"\n                right=\"spacing.2\"\n                height=\"100%\"\n                display=\"flex\"\n                alignItems=\"center\"\n                className={`${HIDE_WHEN_COLLAPSED} ${SHOW_ON_LINK_HOVER}`}\n              >\n                {trailing}\n              </BaseBox>\n            ) : null}\n            {currentLevel === 3 && isActive ? <CurvedVerticalLine /> : null}\n          </StyledNavLinkContainer>\n          {children ? (\n            <FloatingPortal root={l2PortalContainerRef}>\n              {isActive && isL1Collapsed ? (\n                <FloatingFocusManager modal={false} context={context} initialFocus={-1} returnFocus>\n                  <BaseBox ref={refs.setFloating} height=\"100%\">\n                    {children}\n                  </BaseBox>\n                </FloatingFocusManager>\n              ) : null}\n            </FloatingPortal>\n          ) : null}\n        </>\n      )}\n    </NavLinkContext.Provider>\n  );\n};\n\nexport { SideNavLink };\n"],"names":["SHOW_ON_LINK_HOVER","classes","HIDE_WHEN_COLLAPSED","STYLED_NAV_LINK","StyledNavLinkContainer","styled","BaseBox","withConfig","displayName","componentId","props","_defineProperty","width","concat","opacity","color","theme","colors","interactive","text","gray","normal","backgroundColor","background","position","display","flexDirection","alignItems","height","$hasDescription","undefined","makeSize","NAV_ITEM_HEIGHT","textDecoration","overflow","flexWrap","cursor","padding","makeSpace","spacing","margin","subtle","borderRadius","border","radius","medium","borderWidth","makeBorderSize","none","transparent","transition","getNavItemTransition","primary","faded","fadedHighlighted","_objectSpread","getFocusRingStyles","NavLinkIconTitle","_ref2","Icon","icon","title","description","titleSuffix","isActive","trailing","isL1Item","_jsxs","Box","textAlign","children","justifyContent","gap","_jsx","size","BaseText","truncateAfterLines","fontWeight","fontSize","lineHeight","as","className","Text","marginLeft","weight","L3Trigger","_ref3","href","target","tooltip","onClick","_useCollapsible","useCollapsible","onExpandChange","isExpanded","collapsibleBodyId","toggleCollapse","e","iconProps","TooltipifyComponent","Boolean","to","makeAccessible","expanded","controls","ChevronUpIcon","ChevronDownIcon","CurvedVerticalLine","_props$theme","thin","borderColor","surface","muted","borderStyle","top","left","SideNavLink","_ref4","rest","_objectWithoutProperties","_excluded","_useSideNav","useSideNav","l2PortalContainerRef","onLinkActiveChange","closeMobileNav","isL1Collapsed","setIsL1Collapsed","_useNavLink","useNavLink","_prevLevel","level","prevLevel","currentLevel","isL2Trigger","isL3Trigger","throwBladeError","message","moduleName","isFirstRender","useFirstRender","_useFloating","useFloating","open","refs","context","useIsomorphicLayoutEffect","NavLinkContext","Provider","value","Collapsible","defaultIsExpanded","_dangerouslyDisableValidations","_shouldApplyWidthRestrictions","CollapsibleBody","_hasMargin","_Fragment","ref","setReference","onFocus","_e$target","hasFocusRing","matches","makeAnalyticsAttribute","ChevronRightIcon","right","FloatingPortal","root","FloatingFocusManager","modal","initialFocus","returnFocus","setFloating"],"mappings":"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"}

package/build/lib/web/development/components/SideNav/SideNavLevel.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavLevel.web.js","sources":["../../../../../../src/components/SideNav/SideNavLevel.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavLink } from './SideNavContext';\nimport { COLLAPSED_L1_WIDTH } from './tokens';\nimport type { SideNavLevelProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavLevel = ({ children, titleSuffix }: SideNavLevelProps): React.ReactElement => {\n  const { level: _prevLevel, title: headingTitle } = useNavLink();\n\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const hasTrailing = !!titleSuffix;\n  return (\n    <BaseBox\n      marginLeft={\n        currentLevel === 3\n          ? { base: 'spacing.7', m: 'spacing.6' }\n          : { base: 'spacing.0', m: makeSize(COLLAPSED_L1_WIDTH) }\n      }\n      // When we're in level 2 or 3, we want to stop propagation of hover from its items.\n      // L1 is only expected to open / close on hover of L1 menu and L1 items\n      onMouseOver={(e) => {\n        e.stopPropagation();\n      }}\n      // Although we don't use `onMouseOut` on SideNav, keeping it here in case we start using it in future as stopping propagation in child\n      // is expected behaviour for us. Checkout https://react.dev/reference/react-dom/createPortal#caveats\n      onMouseOut={(e) => {\n        e.stopPropagation();\n      }}\n      height=\"100%\"\n      display=\"flex\"\n      flexDirection=\"column\"\n    >\n      {currentLevel === 2 && headingTitle ? (\n        <BaseBox\n          // In mobile, we use DrawerHeader for this heading\n          display={{ base: 'none', m: hasTrailing ? 'flex' : 'block' }}\n          padding=\"spacing.4\"\n          borderBottomWidth=\"thin\"\n          borderBottomColor=\"surface.border.gray.muted\"\n          gap={hasTrailing ? 'spacing.2' : 'spacing.0'}\n          alignItems={hasTrailing ? 'center' : undefined}\n        >\n          <Text size=\"large\" weight=\"semibold\">\n            {headingTitle}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n      ) : null}\n      <BaseBox padding={{ base: 'spacing.0', m: 'spacing.3' }} overflowY=\"auto\">\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_ref","children","titleSuffix","_useNavLink","useNavLink","_prevLevel","level","headingTitle","title","prevLevel","currentLevel","hasTrailing","_jsxs","BaseBox","marginLeft","base","m","makeSize","COLLAPSED_L1_WIDTH","onMouseOver","e","stopPropagation","onMouseOut","height","display","flexDirection","padding","borderBottomWidth","borderBottomColor","gap","alignItems","undefined","_jsx","Text","size","weight","overflowY"],"mappings":";;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAyE;AAAA,EAAA,IAAnEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;AAC3C,EAAA,IAAAC,WAAA,GAAmDC,UAAU,EAAE;IAAhDC,UAAU,GAAAF,WAAA,CAAjBG,KAAK;IAAqBC,YAAY,GAAAJ,WAAA,CAAnBK,KAAK,CAAA;EAEhC,IAAMC,SAAS,GAAGJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI,CAAC,CAAA;AACjC,EAAA,IAAMK,YAAY,GAAGD,SAAS,GAAG,CAAC,CAAA;AAClC,EAAA,IAAME,WAAW,GAAG,CAAC,CAACT,WAAW,CAAA;EACjC,oBACEU,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,UAAU,EACRJ,YAAY,KAAK,CAAC,GACd;AAAEK,MAAAA,IAAI,EAAE,WAAW;AAAEC,MAAAA,CAAC,EAAE,WAAA;AAAY,KAAC,GACrC;AAAED,MAAAA,IAAI,EAAE,WAAW;MAAEC,CAAC,EAAEC,QAAQ,CAACC,kBAAkB,CAAA;AAAE,KAAA;AAE3D;AACA;AAAA;AACAC,IAAAA,WAAW,EAAE,SAAAA,WAACC,CAAAA,CAAC,EAAK;MAClBA,CAAC,CAACC,eAAe,EAAE,CAAA;AACrB,KAAA;AACA;AACA;AAAA;AACAC,IAAAA,UAAU,EAAE,SAAAA,UAACF,CAAAA,CAAC,EAAK;MACjBA,CAAC,CAACC,eAAe,EAAE,CAAA;KACnB;AACFE,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;IAAAxB,QAAA,EAAA,CAErBS,YAAY,KAAK,CAAC,IAAIH,YAAY,gBACjCK,IAAA,CAACC,OAAAA;AACC;AAAA,MAAA;AACAW,MAAAA,OAAO,EAAE;AAAET,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAEL,WAAW,GAAG,MAAM,GAAG,OAAA;OAAU;AAC7De,MAAAA,OAAO,EAAC,WAAW;AACnBC,MAAAA,iBAAiB,EAAC,MAAM;AACxBC,MAAAA,iBAAiB,EAAC,2BAA2B;AAC7CC,MAAAA,GAAG,EAAElB,WAAW,GAAG,WAAW,GAAG,WAAY;AAC7CmB,MAAAA,UAAU,EAAEnB,WAAW,GAAG,QAAQ,GAAGoB,SAAU;MAAA9B,QAAA,EAAA,cAE/C+B,GAAA,CAACC,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAAlC,QAAAA,QAAA,EACjCM,YAAAA;OACG,CAAC,EACNL,WAAW,CAAA;AAAA,KACL,CAAC,GACR,IAAI,eACR8B,GAAA,CAACnB,OAAO,EAAA;AAACa,MAAAA,OAAO,EAAE;AAAEX,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAACoB,MAAAA,SAAS,EAAC,MAAM;AAAAnC,MAAAA,QAAA,EACtEA,QAAAA;AAAQ,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"SideNavLevel.web.js","sources":["../../../../../../src/components/SideNav/SideNavLevel.web.tsx"],"sourcesContent":["import React from 'react';\nimport { useNavLink } from './SideNavContext';\nimport { COLLAPSED_L1_WIDTH } from './tokens';\nimport type { SideNavLevelProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\n\nconst SideNavLevel = ({ children, titleSuffix }: SideNavLevelProps): React.ReactElement => {\n  const { level: _prevLevel, title: headingTitle } = useNavLink();\n\n  const prevLevel = _prevLevel ?? 0;\n  const currentLevel = prevLevel + 1;\n  const hasTrailing = !!titleSuffix;\n  return (\n    <BaseBox\n      marginLeft={\n        currentLevel === 3\n          ? { base: 'spacing.7', m: 'spacing.6' }\n          : { base: 'spacing.0', m: makeSize(COLLAPSED_L1_WIDTH) }\n      }\n      // When we're in level 2 or 3, we want to stop propagation of hover from its items.\n      // L1 is only expected to open / close on hover of L1 menu and L1 items\n      onMouseOver={(e) => {\n        e.stopPropagation();\n      }}\n      // Although we don't use `onMouseOut` on SideNav, keeping it here in case we start using it in future as stopping propagation in child\n      // is expected behaviour for us. Checkout https://react.dev/reference/react-dom/createPortal#caveats\n      onMouseOut={(e) => {\n        e.stopPropagation();\n      }}\n      height=\"100%\"\n      display=\"flex\"\n      flexDirection=\"column\"\n    >\n      {currentLevel === 2 && headingTitle ? (\n        <BaseBox\n          // In mobile, we use DrawerHeader for this heading\n          display={{ base: 'none', m: hasTrailing ? 'flex' : 'block' }}\n          padding=\"spacing.4\"\n          borderBottomWidth=\"thin\"\n          borderBottomColor=\"surface.border.gray.muted\"\n          gap={hasTrailing ? 'spacing.2' : 'spacing.0'}\n          alignItems={hasTrailing ? 'center' : undefined}\n        >\n          <Text size=\"large\" weight=\"semibold\">\n            {headingTitle}\n          </Text>\n          {titleSuffix}\n        </BaseBox>\n      ) : null}\n      <BaseBox padding={{ base: 'spacing.0', m: 'spacing.3' }} overflowY=\"auto\">\n        {children}\n      </BaseBox>\n    </BaseBox>\n  );\n};\n\nexport { SideNavLevel };\n"],"names":["SideNavLevel","_ref","children","titleSuffix","_useNavLink","useNavLink","_prevLevel","level","headingTitle","title","prevLevel","currentLevel","hasTrailing","_jsxs","BaseBox","marginLeft","base","m","makeSize","COLLAPSED_L1_WIDTH","onMouseOver","e","stopPropagation","onMouseOut","height","display","flexDirection","padding","borderBottomWidth","borderBottomColor","gap","alignItems","undefined","_jsx","Text","size","weight","overflowY"],"mappings":";;;;;;;;;;;AAQA,IAAMA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAAyE;AAAA,EAAA,IAAnEC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;AAC3C,EAAA,IAAAC,WAAA,GAAmDC,UAAU,EAAE;IAAhDC,UAAU,GAAAF,WAAA,CAAjBG,KAAK;IAAqBC,YAAY,GAAAJ,WAAA,CAAnBK,KAAK,CAAA;EAEhC,IAAMC,SAAS,GAAGJ,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAVA,KAAAA,CAAAA,GAAAA,UAAU,GAAI,CAAC,CAAA;AACjC,EAAA,IAAMK,YAAY,GAAGD,SAAS,GAAG,CAAC,CAAA;AAClC,EAAA,IAAME,WAAW,GAAG,CAAC,CAACT,WAAW,CAAA;EACjC,oBACEU,IAAA,CAACC,OAAO,EAAA;AACNC,IAAAA,UAAU,EACRJ,YAAY,KAAK,CAAC,GACd;AAAEK,MAAAA,IAAI,EAAE,WAAW;AAAEC,MAAAA,CAAC,EAAE,WAAA;AAAY,KAAC,GACrC;AAAED,MAAAA,IAAI,EAAE,WAAW;MAAEC,CAAC,EAAEC,QAAQ,CAACC,kBAAkB,CAAA;AAAE,KAAA;AAE3D;AACA;AAAA;AACAC,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAGC,CAAC,EAAK;MAClBA,CAAC,CAACC,eAAe,EAAE,CAAA;AACrB,KAAA;AACA;AACA;AAAA;AACAC,IAAAA,UAAU,EAAE,SAAZA,UAAUA,CAAGF,CAAC,EAAK;MACjBA,CAAC,CAACC,eAAe,EAAE,CAAA;KACnB;AACFE,IAAAA,MAAM,EAAC,MAAM;AACbC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;IAAAxB,QAAA,EAAA,CAErBS,YAAY,KAAK,CAAC,IAAIH,YAAY,gBACjCK,IAAA,CAACC,OAAAA;AACC;AAAA,MAAA;AACAW,MAAAA,OAAO,EAAE;AAAET,QAAAA,IAAI,EAAE,MAAM;AAAEC,QAAAA,CAAC,EAAEL,WAAW,GAAG,MAAM,GAAG,OAAA;OAAU;AAC7De,MAAAA,OAAO,EAAC,WAAW;AACnBC,MAAAA,iBAAiB,EAAC,MAAM;AACxBC,MAAAA,iBAAiB,EAAC,2BAA2B;AAC7CC,MAAAA,GAAG,EAAElB,WAAW,GAAG,WAAW,GAAG,WAAY;AAC7CmB,MAAAA,UAAU,EAAEnB,WAAW,GAAG,QAAQ,GAAGoB,SAAU;MAAA9B,QAAA,EAAA,cAE/C+B,GAAA,CAACC,IAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,MAAM,EAAC,UAAU;AAAAlC,QAAAA,QAAA,EACjCM,YAAAA;OACG,CAAC,EACNL,WAAW,CAAA;AAAA,KACL,CAAC,GACR,IAAI,eACR8B,GAAA,CAACnB,OAAO,EAAA;AAACa,MAAAA,OAAO,EAAE;AAAEX,QAAAA,IAAI,EAAE,WAAW;AAAEC,QAAAA,CAAC,EAAE,WAAA;OAAc;AAACoB,MAAAA,SAAS,EAAC,MAAM;AAAAnC,MAAAA,QAAA,EACtEA,QAAAA;AAAQ,KACF,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEd;;;;"}

package/build/lib/web/development/components/SpotlightPopoverTour/Tour.web.js

@@ -62,24 +62,24 @@ var SpotlightPopoverTour = function SpotlightPopoverTour(_ref) {
   }, [activeStep, steps]);
   var goToStep = useCallback(function (step) {
     if (step < 0 || step >= steps.length) return;
-    onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(step);
+    onStepChange === null || onStepChange === void 0 || onStepChange(step);
   }, [onStepChange, steps.length]);
   var goToNext = useCallback(function () {
     var nextState = activeStep + 1;
     if (nextState >= steps.length) {
       nextState = steps.length - 1;
     }
-    onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(nextState);
+    onStepChange === null || onStepChange === void 0 || onStepChange(nextState);
   }, [activeStep, onStepChange, steps.length]);
   var goToPrevious = useCallback(function () {
     var nextState = activeStep - 1;
     if (nextState < 0) {
       nextState = 0;
     }
-    onStepChange === null || onStepChange === void 0 ? void 0 : onStepChange(nextState);
+    onStepChange === null || onStepChange === void 0 || onStepChange(nextState);
   }, [activeStep, onStepChange]);
   var stopTour = useCallback(function () {
-    onFinish === null || onFinish === void 0 ? void 0 : onFinish();
+    onFinish === null || onFinish === void 0 || onFinish();
   }, [onFinish]);
   var attachStep = useCallback(function (id, ref) {
     if (!ref) return;
@@ -158,7 +158,7 @@ var SpotlightPopoverTour = function SpotlightPopoverTour(_ref) {
     if (isOpen) {
       // on initial mount, we don't want to delay the size update
       updateMaskSize(true);
-      onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange({
+      onOpenChange === null || onOpenChange === void 0 || onOpenChange({
         isOpen: isOpen
       });
     }
@@ -204,7 +204,7 @@ var SpotlightPopoverTour = function SpotlightPopoverTour(_ref) {
         onOpenChange: onOpenChange,
         title: step.title,
         titleLeading: step.titleLeading,
-        content: step === null || step === void 0 ? void 0 : (_step$content = step.content) === null || _step$content === void 0 ? void 0 : _step$content.call(step, {
+        content: step === null || step === void 0 || (_step$content = step.content) === null || _step$content === void 0 ? void 0 : _step$content.call(step, {
           activeStep: delayedActiveStep,
           goToPrevious: goToPrevious,
           goToNext: goToNext,
@@ -212,7 +212,7 @@ var SpotlightPopoverTour = function SpotlightPopoverTour(_ref) {
           totalSteps: totalSteps,
           stopTour: stopTour
         }),
-        footer: step === null || step === void 0 ? void 0 : (_step$footer = step.footer) === null || _step$footer === void 0 ? void 0 : _step$footer.call(step, {
+        footer: step === null || step === void 0 || (_step$footer = step.footer) === null || _step$footer === void 0 ? void 0 : _step$footer.call(step, {
           activeStep: delayedActiveStep,
           goToPrevious: goToPrevious,
           goToNext: goToNext,

package/build/lib/web/development/components/SpotlightPopoverTour/Tour.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tour.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/Tour.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { FloatingPortal } from '@floating-ui/react';\nimport { TourContext } from './TourContext';\nimport { TourPopover } from './TourPopover';\nimport {\n  smoothScroll,\n  useDelayedState,\n  useIntersectionObserver,\n  useIsTransitioningBetweenSteps,\n  useLockBodyScroll,\n} from './utils';\nimport type { SpotlightPopoverTourMaskRect, SpotlightPopoverTourProps } from './types';\nimport { SpotlightPopoverTourMask } from './TourMask';\nimport { transitionDelay } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst SpotlightPopoverTour = ({\n  steps,\n  activeStep,\n  isOpen,\n  onFinish,\n  onOpenChange,\n  onStepChange,\n  children,\n}: SpotlightPopoverTourProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [refIdMap, setRefIdMap] = useState(new Map<string, React.RefObject<HTMLElement>>());\n  const [size, setSize] = useState<SpotlightPopoverTourMaskRect>({\n    x: 0,\n    y: 0,\n    height: 0,\n    width: 0,\n  });\n\n  // delayed state is used to let the transition finish before reacting to the state changes\n  const [delayedActiveStep] = useDelayedState(activeStep, transitionDelay);\n  const [delayedSize, setDelayedSize] = useDelayedState(size, transitionDelay);\n  // keep track of when we are transitioning between steps\n  const isTransitioning = useIsTransitioningBetweenSteps(activeStep, transitionDelay);\n  const [isScrolling, setIsScrolling] = useState(false);\n\n  const currentStepRef = refIdMap.get(steps[activeStep]?.name);\n  const intersection = useIntersectionObserver(currentStepRef!, {\n    threshold: 0.5,\n  });\n\n  // main step logic\n  const totalSteps = steps.length;\n  const currentStepData = useMemo(() => {\n    return steps[activeStep];\n  }, [activeStep, steps]);\n\n  const goToStep = useCallback(\n    (step: number) => {\n      if (step < 0 || step >= steps.length) return;\n      onStepChange?.(step);\n    },\n    [onStepChange, steps.length],\n  );\n\n  const goToNext = useCallback(() => {\n    let nextState = activeStep + 1;\n    if (nextState >= steps.length) {\n      nextState = steps.length - 1;\n    }\n    onStepChange?.(nextState);\n  }, [activeStep, onStepChange, steps.length]);\n\n  const goToPrevious = useCallback(() => {\n    let nextState = activeStep - 1;\n    if (nextState < 0) {\n      nextState = 0;\n    }\n    onStepChange?.(nextState);\n  }, [activeStep, onStepChange]);\n\n  const stopTour = useCallback(() => {\n    onFinish?.();\n  }, [onFinish]);\n\n  const attachStep = useCallback((id: string, ref: React.RefObject<HTMLElement>) => {\n    if (!ref) return;\n    setRefIdMap((prev) => {\n      return new Map(prev).set(id, ref);\n    });\n  }, []);\n\n  const removeStep = useCallback((id: string) => {\n    setRefIdMap((prev) => {\n      const newMap = new Map(prev);\n      newMap.delete(id);\n      return newMap;\n    });\n  }, []);\n\n  const updateMaskSize = useCallback(\n    (shouldSkipDelay = false) => {\n      const ref = refIdMap.get(steps[activeStep]?.name);\n      if (!ref?.current) return;\n\n      const rect = ref.current.getBoundingClientRect();\n      setSize({\n        x: rect.x,\n        y: rect.y,\n        width: rect.width,\n        height: rect.height,\n      });\n      if (shouldSkipDelay) {\n        setDelayedSize({\n          x: rect.x,\n          y: rect.y,\n          width: rect.width,\n          height: rect.height,\n        });\n      }\n    },\n    [activeStep, refIdMap, setDelayedSize, steps],\n  );\n\n  const scrollToStep = useCallback(() => {\n    const ref = refIdMap.get(steps[delayedActiveStep]?.name);\n    if (!ref?.current) return;\n\n    // If the element is already in view, don't scroll\n    if (intersection?.isIntersecting) return;\n\n    setIsScrolling(true);\n    smoothScroll(ref.current, {\n      behavior: 'smooth',\n      block: 'center',\n      inline: 'center',\n    })\n      .then(() => {\n        // wait for the scroll to finish before updating the mask size\n        // We also don't want to delay the size update since its already delayed by the scroll\n        updateMaskSize(true);\n      })\n      .finally(() => {\n        setIsScrolling(false);\n      });\n  }, [delayedActiveStep, refIdMap, steps, updateMaskSize, intersection?.isIntersecting]);\n\n  // Update the size of the mask when the active step changes\n  useIsomorphicLayoutEffect(() => {\n    updateMaskSize();\n  }, [activeStep, updateMaskSize]);\n\n  // Scroll into view when the active step changes\n  useIsomorphicLayoutEffect(() => {\n    // We need to wait for the transition to finish before scrolling\n    // Otherwise the browser sometimes interrupts the scroll\n    const scrollDelay = 100;\n    setTimeout(() => {\n      if (!isOpen) return;\n      if (isTransitioning) return;\n      scrollToStep();\n    }, scrollDelay);\n  }, [isOpen, scrollToStep, isTransitioning]);\n\n  // reset the mask size when the tour is closed\n  useIsomorphicLayoutEffect(() => {\n    if (isOpen) {\n      // on initial mount, we don't want to delay the size update\n      updateMaskSize(true);\n      onOpenChange?.({ isOpen });\n    }\n    if (!isOpen) {\n      setSize({\n        x: 0,\n        y: 0,\n        width: 0,\n        height: 0,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  useLockBodyScroll(isOpen);\n\n  const contextValue = useMemo(() => {\n    return { attachStep, removeStep };\n  }, [attachStep, removeStep]);\n\n  return (\n    <TourContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isOpen ? (\n          <SpotlightPopoverTourMask\n            isTransitioning={isTransitioning || isScrolling}\n            padding={theme.spacing[4]}\n            size={delayedSize}\n          />\n        ) : null}\n      </FloatingPortal>\n\n      {steps.map((step) => {\n        const isStepActive = currentStepData.name === step.name;\n        const attachTo = isStepActive ? currentStepRef : undefined;\n        // 1. only show popover if the tour is opened\n        // 2. only show the popover if the step is active\n        // 3. do not show the popover if we are transitioning between steps\n        //    this ensures popover suddenly doesn't jump to the next step,\n        //    instead it waits for the transition to finish\n        const isPopoverVisible = isOpen && isStepActive && !isTransitioning;\n\n        return (\n          <TourPopover\n            key={step.name}\n            isTransitioning={delayedActiveStep !== activeStep}\n            placement={step.placement}\n            isOpen={isPopoverVisible}\n            onOpenChange={onOpenChange}\n            title={step.title}\n            titleLeading={step.titleLeading}\n            content={step?.content?.({\n              activeStep: delayedActiveStep,\n              goToPrevious,\n              goToNext,\n              goToStep,\n              totalSteps,\n              stopTour,\n            })}\n            footer={step?.footer?.({\n              activeStep: delayedActiveStep,\n              goToPrevious,\n              goToNext,\n              goToStep,\n              totalSteps,\n              stopTour,\n            })}\n            attachTo={attachTo}\n          />\n        );\n      })}\n\n      {children}\n    </TourContext.Provider>\n  );\n};\n\nexport { SpotlightPopoverTour };\n"],"names":["SpotlightPopoverTour","_ref","_steps$activeStep","steps","activeStep","isOpen","onFinish","onOpenChange","onStepChange","children","_useTheme","useTheme","theme","_useState","useState","Map","_useState2","_slicedToArray","refIdMap","setRefIdMap","_useState3","x","y","height","width","_useState4","size","setSize","_useDelayedState","useDelayedState","transitionDelay","_useDelayedState2","delayedActiveStep","_useDelayedState3","_useDelayedState4","delayedSize","setDelayedSize","isTransitioning","useIsTransitioningBetweenSteps","_useState5","_useState6","isScrolling","setIsScrolling","currentStepRef","get","name","intersection","useIntersectionObserver","threshold","totalSteps","length","currentStepData","useMemo","goToStep","useCallback","step","goToNext","nextState","goToPrevious","stopTour","attachStep","id","ref","prev","set","removeStep","newMap","updateMaskSize","_steps$activeStep2","shouldSkipDelay","arguments","undefined","current","rect","getBoundingClientRect","scrollToStep","_steps$delayedActiveS","isIntersecting","smoothScroll","behavior","block","inline","then","useIsomorphicLayoutEffect","scrollDelay","setTimeout","useLockBodyScroll","contextValue","_jsxs","TourContext","Provider","value","_jsx","FloatingPortal","SpotlightPopoverTourMask","padding","spacing","map","_step$content","_step$footer","isStepActive","attachTo","isPopoverVisible","TourPopover","placement","title","titleLeading","content","call","footer"],"mappings":"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"}
+{"version":3,"file":"Tour.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/Tour.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-use-before-define */\n/* eslint-disable consistent-return */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\nimport React, { useState, useCallback, useMemo } from 'react';\nimport { FloatingPortal } from '@floating-ui/react';\nimport { TourContext } from './TourContext';\nimport { TourPopover } from './TourPopover';\nimport {\n  smoothScroll,\n  useDelayedState,\n  useIntersectionObserver,\n  useIsTransitioningBetweenSteps,\n  useLockBodyScroll,\n} from './utils';\nimport type { SpotlightPopoverTourMaskRect, SpotlightPopoverTourProps } from './types';\nimport { SpotlightPopoverTourMask } from './TourMask';\nimport { transitionDelay } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\n\nconst SpotlightPopoverTour = ({\n  steps,\n  activeStep,\n  isOpen,\n  onFinish,\n  onOpenChange,\n  onStepChange,\n  children,\n}: SpotlightPopoverTourProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const [refIdMap, setRefIdMap] = useState(new Map<string, React.RefObject<HTMLElement>>());\n  const [size, setSize] = useState<SpotlightPopoverTourMaskRect>({\n    x: 0,\n    y: 0,\n    height: 0,\n    width: 0,\n  });\n\n  // delayed state is used to let the transition finish before reacting to the state changes\n  const [delayedActiveStep] = useDelayedState(activeStep, transitionDelay);\n  const [delayedSize, setDelayedSize] = useDelayedState(size, transitionDelay);\n  // keep track of when we are transitioning between steps\n  const isTransitioning = useIsTransitioningBetweenSteps(activeStep, transitionDelay);\n  const [isScrolling, setIsScrolling] = useState(false);\n\n  const currentStepRef = refIdMap.get(steps[activeStep]?.name);\n  const intersection = useIntersectionObserver(currentStepRef!, {\n    threshold: 0.5,\n  });\n\n  // main step logic\n  const totalSteps = steps.length;\n  const currentStepData = useMemo(() => {\n    return steps[activeStep];\n  }, [activeStep, steps]);\n\n  const goToStep = useCallback(\n    (step: number) => {\n      if (step < 0 || step >= steps.length) return;\n      onStepChange?.(step);\n    },\n    [onStepChange, steps.length],\n  );\n\n  const goToNext = useCallback(() => {\n    let nextState = activeStep + 1;\n    if (nextState >= steps.length) {\n      nextState = steps.length - 1;\n    }\n    onStepChange?.(nextState);\n  }, [activeStep, onStepChange, steps.length]);\n\n  const goToPrevious = useCallback(() => {\n    let nextState = activeStep - 1;\n    if (nextState < 0) {\n      nextState = 0;\n    }\n    onStepChange?.(nextState);\n  }, [activeStep, onStepChange]);\n\n  const stopTour = useCallback(() => {\n    onFinish?.();\n  }, [onFinish]);\n\n  const attachStep = useCallback((id: string, ref: React.RefObject<HTMLElement>) => {\n    if (!ref) return;\n    setRefIdMap((prev) => {\n      return new Map(prev).set(id, ref);\n    });\n  }, []);\n\n  const removeStep = useCallback((id: string) => {\n    setRefIdMap((prev) => {\n      const newMap = new Map(prev);\n      newMap.delete(id);\n      return newMap;\n    });\n  }, []);\n\n  const updateMaskSize = useCallback(\n    (shouldSkipDelay = false) => {\n      const ref = refIdMap.get(steps[activeStep]?.name);\n      if (!ref?.current) return;\n\n      const rect = ref.current.getBoundingClientRect();\n      setSize({\n        x: rect.x,\n        y: rect.y,\n        width: rect.width,\n        height: rect.height,\n      });\n      if (shouldSkipDelay) {\n        setDelayedSize({\n          x: rect.x,\n          y: rect.y,\n          width: rect.width,\n          height: rect.height,\n        });\n      }\n    },\n    [activeStep, refIdMap, setDelayedSize, steps],\n  );\n\n  const scrollToStep = useCallback(() => {\n    const ref = refIdMap.get(steps[delayedActiveStep]?.name);\n    if (!ref?.current) return;\n\n    // If the element is already in view, don't scroll\n    if (intersection?.isIntersecting) return;\n\n    setIsScrolling(true);\n    smoothScroll(ref.current, {\n      behavior: 'smooth',\n      block: 'center',\n      inline: 'center',\n    })\n      .then(() => {\n        // wait for the scroll to finish before updating the mask size\n        // We also don't want to delay the size update since its already delayed by the scroll\n        updateMaskSize(true);\n      })\n      .finally(() => {\n        setIsScrolling(false);\n      });\n  }, [delayedActiveStep, refIdMap, steps, updateMaskSize, intersection?.isIntersecting]);\n\n  // Update the size of the mask when the active step changes\n  useIsomorphicLayoutEffect(() => {\n    updateMaskSize();\n  }, [activeStep, updateMaskSize]);\n\n  // Scroll into view when the active step changes\n  useIsomorphicLayoutEffect(() => {\n    // We need to wait for the transition to finish before scrolling\n    // Otherwise the browser sometimes interrupts the scroll\n    const scrollDelay = 100;\n    setTimeout(() => {\n      if (!isOpen) return;\n      if (isTransitioning) return;\n      scrollToStep();\n    }, scrollDelay);\n  }, [isOpen, scrollToStep, isTransitioning]);\n\n  // reset the mask size when the tour is closed\n  useIsomorphicLayoutEffect(() => {\n    if (isOpen) {\n      // on initial mount, we don't want to delay the size update\n      updateMaskSize(true);\n      onOpenChange?.({ isOpen });\n    }\n    if (!isOpen) {\n      setSize({\n        x: 0,\n        y: 0,\n        width: 0,\n        height: 0,\n      });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  useLockBodyScroll(isOpen);\n\n  const contextValue = useMemo(() => {\n    return { attachStep, removeStep };\n  }, [attachStep, removeStep]);\n\n  return (\n    <TourContext.Provider value={contextValue}>\n      <FloatingPortal>\n        {isOpen ? (\n          <SpotlightPopoverTourMask\n            isTransitioning={isTransitioning || isScrolling}\n            padding={theme.spacing[4]}\n            size={delayedSize}\n          />\n        ) : null}\n      </FloatingPortal>\n\n      {steps.map((step) => {\n        const isStepActive = currentStepData.name === step.name;\n        const attachTo = isStepActive ? currentStepRef : undefined;\n        // 1. only show popover if the tour is opened\n        // 2. only show the popover if the step is active\n        // 3. do not show the popover if we are transitioning between steps\n        //    this ensures popover suddenly doesn't jump to the next step,\n        //    instead it waits for the transition to finish\n        const isPopoverVisible = isOpen && isStepActive && !isTransitioning;\n\n        return (\n          <TourPopover\n            key={step.name}\n            isTransitioning={delayedActiveStep !== activeStep}\n            placement={step.placement}\n            isOpen={isPopoverVisible}\n            onOpenChange={onOpenChange}\n            title={step.title}\n            titleLeading={step.titleLeading}\n            content={step?.content?.({\n              activeStep: delayedActiveStep,\n              goToPrevious,\n              goToNext,\n              goToStep,\n              totalSteps,\n              stopTour,\n            })}\n            footer={step?.footer?.({\n              activeStep: delayedActiveStep,\n              goToPrevious,\n              goToNext,\n              goToStep,\n              totalSteps,\n              stopTour,\n            })}\n            attachTo={attachTo}\n          />\n        );\n      })}\n\n      {children}\n    </TourContext.Provider>\n  );\n};\n\nexport { SpotlightPopoverTour };\n"],"names":["SpotlightPopoverTour","_ref","_steps$activeStep","steps","activeStep","isOpen","onFinish","onOpenChange","onStepChange","children","_useTheme","useTheme","theme","_useState","useState","Map","_useState2","_slicedToArray","refIdMap","setRefIdMap","_useState3","x","y","height","width","_useState4","size","setSize","_useDelayedState","useDelayedState","transitionDelay","_useDelayedState2","delayedActiveStep","_useDelayedState3","_useDelayedState4","delayedSize","setDelayedSize","isTransitioning","useIsTransitioningBetweenSteps","_useState5","_useState6","isScrolling","setIsScrolling","currentStepRef","get","name","intersection","useIntersectionObserver","threshold","totalSteps","length","currentStepData","useMemo","goToStep","useCallback","step","goToNext","nextState","goToPrevious","stopTour","attachStep","id","ref","prev","set","removeStep","newMap","updateMaskSize","_steps$activeStep2","shouldSkipDelay","arguments","undefined","current","rect","getBoundingClientRect","scrollToStep","_steps$delayedActiveS","isIntersecting","smoothScroll","behavior","block","inline","then","useIsomorphicLayoutEffect","scrollDelay","setTimeout","useLockBodyScroll","contextValue","_jsxs","TourContext","Provider","value","_jsx","FloatingPortal","SpotlightPopoverTourMask","padding","spacing","map","_step$content","_step$footer","isStepActive","attachTo","isPopoverVisible","TourPopover","placement","title","titleLeading","content","call","footer"],"mappings":"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"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourFooter.web.js

@@ -20,8 +20,8 @@ var SpotlightPopoverTourFooter = function SpotlightPopoverTourFooter(_ref) {
   var isBothIcon = false;
   if (hasPrimaryAction && hasSecondaryAction) {
     var _actions$primary, _actions$secondary;
-    var primaryHasIcon = Boolean(actions === null || actions === void 0 ? void 0 : (_actions$primary = actions.primary) === null || _actions$primary === void 0 ? void 0 : _actions$primary.icon);
-    var secondaryHasIcon = Boolean(actions === null || actions === void 0 ? void 0 : (_actions$secondary = actions.secondary) === null || _actions$secondary === void 0 ? void 0 : _actions$secondary.icon);
+    var primaryHasIcon = Boolean(actions === null || actions === void 0 || (_actions$primary = actions.primary) === null || _actions$primary === void 0 ? void 0 : _actions$primary.icon);
+    var secondaryHasIcon = Boolean(actions === null || actions === void 0 || (_actions$secondary = actions.secondary) === null || _actions$secondary === void 0 ? void 0 : _actions$secondary.icon);
     isBothIcon = primaryHasIcon && secondaryHasIcon;
   }
   var analyticsStepInfoProps = {

package/build/lib/web/development/components/SpotlightPopoverTour/TourFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourFooter.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\nimport type { SpotlightPopoverStepRenderProps } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\n\ntype SpotlightPopoverFooterAction = {\n  text?: string;\n} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;\n\ntype SpotlightPopoverTourFooterProps = {\n  actions: {\n    primary?: SpotlightPopoverFooterAction;\n    secondary?: SpotlightPopoverFooterAction;\n  };\n};\n\nconst SpotlightPopoverTourFooter = ({\n  activeStep,\n  totalSteps,\n  actions,\n}: SpotlightPopoverTourFooterProps &\n  Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>): React.ReactElement => {\n  const hasPrimaryAction = Boolean(actions?.primary);\n  const hasSecondaryAction = Boolean(actions?.secondary);\n\n  let isBothIcon = false;\n  if (hasPrimaryAction && hasSecondaryAction) {\n    const primaryHasIcon = Boolean(actions?.primary?.icon);\n    const secondaryHasIcon = Boolean(actions?.secondary?.icon);\n    isBothIcon = primaryHasIcon && secondaryHasIcon;\n  }\n\n  const analyticsStepInfoProps = {\n    'data-analytics-active-step': activeStep + 1,\n    'data-analytics-total-steps': totalSteps,\n  };\n\n  return (\n    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" gap=\"spacing.7\">\n      <Text size=\"small\" weight=\"semibold\">\n        {activeStep + 1} / {totalSteps}\n      </Text>\n      <Box display=\"flex\" gap={isBothIcon ? 'spacing.3' : 'spacing.4'}>\n        {hasSecondaryAction ? (\n          <Button\n            size=\"small\"\n            variant=\"secondary\"\n            {...actions.secondary}\n            data-analytics-name={\n              MAKE_ANALYTICS_CONSTANTS.SPOTLIGHT_POPOVER_TOUR.FOOTER_SECONDARY_ACTION\n            }\n            {...analyticsStepInfoProps}\n          >\n            {actions?.secondary!.text!}\n          </Button>\n        ) : null}\n        {hasPrimaryAction ? (\n          <Button\n            size=\"small\"\n            variant=\"primary\"\n            {...actions.primary}\n            data-analytics-name={\n              MAKE_ANALYTICS_CONSTANTS.SPOTLIGHT_POPOVER_TOUR.FOOTER_PRIMARY_ACTION\n            }\n            {...analyticsStepInfoProps}\n          >\n            {actions?.primary!.text!}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  );\n};\n\nexport { SpotlightPopoverTourFooter };\n"],"names":["SpotlightPopoverTourFooter","_ref","activeStep","totalSteps","actions","hasPrimaryAction","Boolean","primary","hasSecondaryAction","secondary","isBothIcon","_actions$primary","_actions$secondary","primaryHasIcon","icon","secondaryHasIcon","analyticsStepInfoProps","_jsxs","Box","display","justifyContent","alignItems","gap","children","Text","size","weight","_jsx","Button","_objectSpread","variant","MAKE_ANALYTICS_CONSTANTS","SPOTLIGHT_POPOVER_TOUR","FOOTER_SECONDARY_ACTION","text","FOOTER_PRIMARY_ACTION"],"mappings":";;;;;;;;;;;;;AAmBA,IAAMA,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAAC,IAAA,EAK6D;AAAA,EAAA,IAJ3FC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;EAGP,IAAMC,gBAAgB,GAAGC,OAAO,CAACF,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEG,OAAO,CAAC,CAAA;EAClD,IAAMC,kBAAkB,GAAGF,OAAO,CAACF,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEK,SAAS,CAAC,CAAA;EAEtD,IAAIC,UAAU,GAAG,KAAK,CAAA;EACtB,IAAIL,gBAAgB,IAAIG,kBAAkB,EAAE;IAAA,IAAAG,gBAAA,EAAAC,kBAAA,CAAA;AAC1C,IAAA,IAAMC,cAAc,GAAGP,OAAO,CAACF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAO,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,gBAAA,GAAPP,OAAO,CAAEG,OAAO,MAAAI,IAAAA,IAAAA,gBAAA,uBAAhBA,gBAAA,CAAkBG,IAAI,CAAC,CAAA;AACtD,IAAA,IAAMC,gBAAgB,GAAGT,OAAO,CAACF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAQ,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPR,OAAO,CAAEK,SAAS,MAAAG,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBE,IAAI,CAAC,CAAA;IAC1DJ,UAAU,GAAGG,cAAc,IAAIE,gBAAgB,CAAA;AACjD,GAAA;AAEA,EAAA,IAAMC,sBAAsB,GAAG;IAC7B,4BAA4B,EAAEd,UAAU,GAAG,CAAC;AAC5C,IAAA,4BAA4B,EAAEC,UAAAA;GAC/B,CAAA;EAED,oBACEc,IAAA,CAACC,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,MAAM;AAACC,IAAAA,cAAc,EAAC,eAAe;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,GAAG,EAAC,WAAW;IAAAC,QAAA,EAAA,cACpFN,IAAA,CAACO,IAAI,EAAA;AAACC,MAAAA,IAAI,EAAC,OAAO;AAACC,MAAAA,MAAM,EAAC,UAAU;AAAAH,MAAAA,QAAA,GACjCrB,UAAU,GAAG,CAAC,EAAC,KAAG,EAACC,UAAU,CAAA;AAAA,KAC1B,CAAC,eACPc,IAAA,CAACC,GAAG,EAAA;AAACC,MAAAA,OAAO,EAAC,MAAM;AAACG,MAAAA,GAAG,EAAEZ,UAAU,GAAG,WAAW,GAAG,WAAY;MAAAa,QAAA,EAAA,CAC7Df,kBAAkB,gBACjBmB,GAAA,CAACC,MAAM,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACLJ,QAAAA,IAAI,EAAC,OAAO;AACZK,QAAAA,OAAO,EAAC,WAAA;OACJ1B,EAAAA,OAAO,CAACK,SAAS,CAAA,EAAA,EAAA,EAAA;QACrB,qBACEsB,EAAAA,wBAAwB,CAACC,sBAAsB,CAACC,uBAAAA;AACjD,OAAA,EACGjB,sBAAsB,CAAA,EAAA,EAAA,EAAA;QAAAO,QAAA,EAEzBnB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEK,SAAS,CAAEyB,IAAAA;AAAI,OAAA,CACnB,CAAC,GACP,IAAI,EACP7B,gBAAgB,gBACfsB,GAAA,CAACC,MAAM,EAAAC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACLJ,QAAAA,IAAI,EAAC,OAAO;AACZK,QAAAA,OAAO,EAAC,SAAA;OACJ1B,EAAAA,OAAO,CAACG,OAAO,CAAA,EAAA,EAAA,EAAA;QACnB,qBACEwB,EAAAA,wBAAwB,CAACC,sBAAsB,CAACG,qBAAAA;AACjD,OAAA,EACGnB,sBAAsB,CAAA,EAAA,EAAA,EAAA;QAAAO,QAAA,EAEzBnB,OAAO,KAAPA,IAAAA,IAAAA,OAAO,uBAAPA,OAAO,CAAEG,OAAO,CAAE2B,IAAAA;OACb,CAAA,CAAC,GACP,IAAI,CAAA;AAAA,KACL,CAAC,CAAA;AAAA,GACH,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TourFooter.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourFooter.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-asserted-optional-chain */\nimport type { SpotlightPopoverStepRenderProps } from './types';\nimport type { ButtonProps } from '~components/Button';\nimport { Button } from '~components/Button';\nimport { Box } from '~components/Box';\nimport { Text } from '~components/Typography';\nimport { MAKE_ANALYTICS_CONSTANTS } from '~utils/makeAnalyticsAttribute';\n\ntype SpotlightPopoverFooterAction = {\n  text?: string;\n} & Pick<ButtonProps, 'variant' | 'icon' | 'iconPosition' | 'isDisabled' | 'isLoading' | 'onClick'>;\n\ntype SpotlightPopoverTourFooterProps = {\n  actions: {\n    primary?: SpotlightPopoverFooterAction;\n    secondary?: SpotlightPopoverFooterAction;\n  };\n};\n\nconst SpotlightPopoverTourFooter = ({\n  activeStep,\n  totalSteps,\n  actions,\n}: SpotlightPopoverTourFooterProps &\n  Pick<SpotlightPopoverStepRenderProps, 'activeStep' | 'totalSteps'>): React.ReactElement => {\n  const hasPrimaryAction = Boolean(actions?.primary);\n  const hasSecondaryAction = Boolean(actions?.secondary);\n\n  let isBothIcon = false;\n  if (hasPrimaryAction && hasSecondaryAction) {\n    const primaryHasIcon = Boolean(actions?.primary?.icon);\n    const secondaryHasIcon = Boolean(actions?.secondary?.icon);\n    isBothIcon = primaryHasIcon && secondaryHasIcon;\n  }\n\n  const analyticsStepInfoProps = {\n    'data-analytics-active-step': activeStep + 1,\n    'data-analytics-total-steps': totalSteps,\n  };\n\n  return (\n    <Box display=\"flex\" justifyContent=\"space-between\" alignItems=\"center\" gap=\"spacing.7\">\n      <Text size=\"small\" weight=\"semibold\">\n        {activeStep + 1} / {totalSteps}\n      </Text>\n      <Box display=\"flex\" gap={isBothIcon ? 'spacing.3' : 'spacing.4'}>\n        {hasSecondaryAction ? (\n          <Button\n            size=\"small\"\n            variant=\"secondary\"\n            {...actions.secondary}\n            data-analytics-name={\n              MAKE_ANALYTICS_CONSTANTS.SPOTLIGHT_POPOVER_TOUR.FOOTER_SECONDARY_ACTION\n            }\n            {...analyticsStepInfoProps}\n          >\n            {actions?.secondary!.text!}\n          </Button>\n        ) : null}\n        {hasPrimaryAction ? (\n          <Button\n            size=\"small\"\n            variant=\"primary\"\n            {...actions.primary}\n            data-analytics-name={\n              MAKE_ANALYTICS_CONSTANTS.SPOTLIGHT_POPOVER_TOUR.FOOTER_PRIMARY_ACTION\n            }\n            {...analyticsStepInfoProps}\n          >\n            {actions?.primary!.text!}\n          </Button>\n        ) : null}\n      </Box>\n    </Box>\n  );\n};\n\nexport { SpotlightPopoverTourFooter };\n"],"names":["SpotlightPopoverTourFooter","_ref","activeStep","totalSteps","actions","hasPrimaryAction","Boolean","primary","hasSecondaryAction","secondary","isBothIcon","_actions$primary","_actions$secondary","primaryHasIcon","icon","secondaryHasIcon","analyticsStepInfoProps","_jsxs","Box","display","justifyContent","alignItems","gap","children","Text","size","weight","_jsx","Button","_objectSpread","variant","MAKE_ANALYTICS_CONSTANTS","SPOTLIGHT_POPOVER_TOUR","FOOTER_SECONDARY_ACTION","text","FOOTER_PRIMARY_ACTION"],"mappings":"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"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourMask.web.js

@@ -144,7 +144,7 @@ var _SpotlightPopoverTourMask = function _SpotlightPopoverTourMask(_ref4) {
     })]
   }));
 };
-var SpotlightPopoverTourMask = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_SpotlightPopoverTourMask), {
+var SpotlightPopoverTourMask = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_SpotlightPopoverTourMask), {
   displayName: 'TourMask'
 });
 

package/build/lib/web/development/components/SpotlightPopoverTour/TourMask.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourMask.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourMask.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { SpotlightPopoverTourMaskRect } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { makeSpace } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst scaleIn = keyframes`\n  from {\n    fill-opacity: 0;\n  }\n  to {\n    fill-opacity: 1;\n  }\n`;\nconst fadeOut = keyframes`\n  from {\n    fill-opacity: 1;\n  }\n  to {\n    fill-opacity: 0;\n  }\n`;\n\nconst pulsingAnimation = keyframes`\n  0% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst AnimatedFade = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) =>\n    animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `,\n);\n\nconst StyledPlusing = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) => {\n    return animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `;\n  },\n);\n\ntype FadeRectProps = React.ComponentProps<'rect'> & {\n  show: boolean;\n};\nconst FadeRect = React.memo(\n  ({ show, children, ...rest }: FadeRectProps): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const duration = theme.motion.duration.gentle;\n    const enter = css`\n      animation: ${scaleIn} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.entrance as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const exit = css`\n      animation: ${fadeOut} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.exit as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const { isVisible } = usePresence(Boolean(show), {\n      transitionDuration: duration,\n      initialEnter: false,\n    });\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <AnimatedFade animationType={isVisible ? enter : exit} {...rest}>\n        {children}\n      </AnimatedFade>\n    );\n  },\n);\n\nconst PulsingRect = React.memo(\n  (props: React.ComponentProps<'rect'>): React.ReactElement => {\n    const pulsing = css`\n      animation: ${pulsingAnimation} 2s;\n      animation-iteration-count: infinite;\n      animation-direction: alternate;\n    `;\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <StyledPlusing animationType={pulsing} {...props} />\n    );\n  },\n);\n\ntype SpotlightPopoverTourMaskProps = {\n  padding: number;\n  size: SpotlightPopoverTourMaskRect;\n  isTransitioning: boolean;\n};\n\nconst absoluteFill = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  zIndex: componentZIndices.tourMask,\n} as const;\n\nconst _SpotlightPopoverTourMask = ({\n  padding,\n  size,\n  isTransitioning,\n}: SpotlightPopoverTourMaskProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { width: windowWidth, height: windowHeight } = useWindowSize();\n\n  const width = size.width + padding;\n  const height = size.height + padding;\n  const x = size.x - (width - size.width) / 2;\n  const y = size.y - (height - size.height) / 2;\n\n  const borderWidth = theme.spacing[1];\n  const borderRadius = theme.spacing[2];\n\n  const isSizeZero = size.width === 0 || size.height === 0;\n\n  return (\n    <svg\n      style={absoluteFill}\n      viewBox={`0 0 ${windowWidth} ${windowHeight}`}\n      fill=\"none\"\n      stroke=\"none\"\n      {...metaAttribute({ name: MetaConstants.TourMask })}\n    >\n      <PulsingRect\n        x={x + borderWidth / 2}\n        y={y + borderWidth / 2}\n        width={width - borderWidth}\n        height={height - borderWidth}\n        stroke={theme.colors.surface.background.primary.intense}\n        strokeWidth={makeSpace(borderWidth)}\n        rx={borderRadius - 1}\n        ry={borderRadius - 1}\n        fill=\"transparent\"\n        opacity={isSizeZero ? 0 : 1}\n      />\n\n      <mask id=\"tour-mask\" x={0} y={0} height=\"100%\" width=\"100%\" stroke=\"none\">\n        <rect height=\"100%\" width=\"100%\" fill=\"#fff\" />\n        {!isSizeZero && (\n          <FadeRect\n            show={!isTransitioning}\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            rx={borderRadius}\n            ry={borderRadius}\n            fill=\"#000\"\n          />\n        )}\n      </mask>\n      <rect\n        height=\"100%\"\n        width=\"100%\"\n        mask=\"url(#tour-mask)\"\n        fill={theme.colors.overlay.background.subtle}\n      />\n    </svg>\n  );\n};\n\nconst SpotlightPopoverTourMask = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourMask), {\n  displayName: 'TourMask',\n});\nexport { SpotlightPopoverTourMask };\n"],"names":["scaleIn","keyframes","fadeOut","pulsingAnimation","AnimatedFade","styled","rect","withConfig","displayName","componentId","_ref","animationType","css","StyledPlusing","_ref2","FadeRect","React","memo","_ref3","show","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","duration","motion","gentle","enter","makeMotionTime","easing","entrance","exit","_usePresence","usePresence","Boolean","transitionDuration","initialEnter","isVisible","_jsx","_objectSpread","PulsingRect","props","pulsing","absoluteFill","position","top","left","bottom","right","zIndex","componentZIndices","tourMask","_SpotlightPopoverTourMask","_ref4","padding","size","isTransitioning","_useTheme2","_useWindowSize","useWindowSize","windowWidth","width","windowHeight","height","x","y","borderWidth","spacing","borderRadius","isSizeZero","_jsxs","style","viewBox","concat","fill","stroke","metaAttribute","name","MetaConstants","TourMask","colors","surface","background","primary","intense","strokeWidth","makeSpace","rx","ry","opacity","id","mask","overlay","subtle","SpotlightPopoverTourMask","assignWithoutSideEffects"],"mappings":"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"}
+{"version":3,"file":"TourMask.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourMask.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\nimport React from 'react';\nimport type { FlattenSimpleInterpolation } from 'styled-components';\nimport styled, { css, keyframes } from 'styled-components';\nimport usePresence from 'use-presence';\nimport type { SpotlightPopoverTourMaskRect } from './types';\nimport { useTheme } from '~components/BladeProvider';\nimport { useWindowSize } from '~utils/useWindowSize';\nimport { makeSpace } from '~utils';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\n\nconst scaleIn = keyframes`\n  from {\n    fill-opacity: 0;\n  }\n  to {\n    fill-opacity: 1;\n  }\n`;\nconst fadeOut = keyframes`\n  from {\n    fill-opacity: 1;\n  }\n  to {\n    fill-opacity: 0;\n  }\n`;\n\nconst pulsingAnimation = keyframes`\n  0% {\n    opacity: 0.5;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nconst AnimatedFade = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) =>\n    animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `,\n);\n\nconst StyledPlusing = styled.rect<{ animationType: FlattenSimpleInterpolation | null }>(\n  ({ animationType }) => {\n    return animationType === null\n      ? ''\n      : css`\n          ${animationType}\n        `;\n  },\n);\n\ntype FadeRectProps = React.ComponentProps<'rect'> & {\n  show: boolean;\n};\nconst FadeRect = React.memo(\n  ({ show, children, ...rest }: FadeRectProps): React.ReactElement => {\n    const { theme } = useTheme();\n\n    const duration = theme.motion.duration.gentle;\n    const enter = css`\n      animation: ${scaleIn} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.entrance as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const exit = css`\n      animation: ${fadeOut} ${makeMotionTime(duration)}\n        ${(theme.motion.easing.exit as unknown) as string};\n      animation-fill-mode: forwards;\n    `;\n\n    const { isVisible } = usePresence(Boolean(show), {\n      transitionDuration: duration,\n      initialEnter: false,\n    });\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <AnimatedFade animationType={isVisible ? enter : exit} {...rest}>\n        {children}\n      </AnimatedFade>\n    );\n  },\n);\n\nconst PulsingRect = React.memo(\n  (props: React.ComponentProps<'rect'>): React.ReactElement => {\n    const pulsing = css`\n      animation: ${pulsingAnimation} 2s;\n      animation-iteration-count: infinite;\n      animation-direction: alternate;\n    `;\n\n    return (\n      // @ts-expect-error styled compoennt types are different from react types\n      <StyledPlusing animationType={pulsing} {...props} />\n    );\n  },\n);\n\ntype SpotlightPopoverTourMaskProps = {\n  padding: number;\n  size: SpotlightPopoverTourMaskRect;\n  isTransitioning: boolean;\n};\n\nconst absoluteFill = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  bottom: 0,\n  right: 0,\n  zIndex: componentZIndices.tourMask,\n} as const;\n\nconst _SpotlightPopoverTourMask = ({\n  padding,\n  size,\n  isTransitioning,\n}: SpotlightPopoverTourMaskProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { width: windowWidth, height: windowHeight } = useWindowSize();\n\n  const width = size.width + padding;\n  const height = size.height + padding;\n  const x = size.x - (width - size.width) / 2;\n  const y = size.y - (height - size.height) / 2;\n\n  const borderWidth = theme.spacing[1];\n  const borderRadius = theme.spacing[2];\n\n  const isSizeZero = size.width === 0 || size.height === 0;\n\n  return (\n    <svg\n      style={absoluteFill}\n      viewBox={`0 0 ${windowWidth} ${windowHeight}`}\n      fill=\"none\"\n      stroke=\"none\"\n      {...metaAttribute({ name: MetaConstants.TourMask })}\n    >\n      <PulsingRect\n        x={x + borderWidth / 2}\n        y={y + borderWidth / 2}\n        width={width - borderWidth}\n        height={height - borderWidth}\n        stroke={theme.colors.surface.background.primary.intense}\n        strokeWidth={makeSpace(borderWidth)}\n        rx={borderRadius - 1}\n        ry={borderRadius - 1}\n        fill=\"transparent\"\n        opacity={isSizeZero ? 0 : 1}\n      />\n\n      <mask id=\"tour-mask\" x={0} y={0} height=\"100%\" width=\"100%\" stroke=\"none\">\n        <rect height=\"100%\" width=\"100%\" fill=\"#fff\" />\n        {!isSizeZero && (\n          <FadeRect\n            show={!isTransitioning}\n            x={x}\n            y={y}\n            width={width}\n            height={height}\n            rx={borderRadius}\n            ry={borderRadius}\n            fill=\"#000\"\n          />\n        )}\n      </mask>\n      <rect\n        height=\"100%\"\n        width=\"100%\"\n        mask=\"url(#tour-mask)\"\n        fill={theme.colors.overlay.background.subtle}\n      />\n    </svg>\n  );\n};\n\nconst SpotlightPopoverTourMask = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourMask), {\n  displayName: 'TourMask',\n});\nexport { SpotlightPopoverTourMask };\n"],"names":["scaleIn","keyframes","fadeOut","pulsingAnimation","AnimatedFade","styled","rect","withConfig","displayName","componentId","_ref","animationType","css","StyledPlusing","_ref2","FadeRect","React","memo","_ref3","show","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","theme","duration","motion","gentle","enter","makeMotionTime","easing","entrance","exit","_usePresence","usePresence","Boolean","transitionDuration","initialEnter","isVisible","_jsx","_objectSpread","PulsingRect","props","pulsing","absoluteFill","position","top","left","bottom","right","zIndex","componentZIndices","tourMask","_SpotlightPopoverTourMask","_ref4","padding","size","isTransitioning","_useTheme2","_useWindowSize","useWindowSize","windowWidth","width","windowHeight","height","x","y","borderWidth","spacing","borderRadius","isSizeZero","_jsxs","style","viewBox","concat","fill","stroke","metaAttribute","name","MetaConstants","TourMask","colors","surface","background","primary","intense","strokeWidth","makeSpace","rx","ry","opacity","id","mask","overlay","subtle","SpotlightPopoverTourMask","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourPopover.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourPopover.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourPopover.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport {\n  shift,\n  FloatingPortal,\n  arrow,\n  flip,\n  offset,\n  useFloating,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n  autoUpdate,\n  useClick,\n  FloatingFocusManager,\n} from '@floating-ui/react';\nimport React from 'react';\nimport { PopoverContent } from '../Popover/PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from '../Popover/constants';\nimport { PopoverContext } from '../Popover/PopoverContext';\nimport { transitionDelay } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport type { PopoverProps } from '~components/Popover';\nimport { componentZIndices } from '~utils/componentZIndices';\n\ntype TourPopoverProps = Omit<PopoverProps, 'children' | 'initialFocusRef'> & {\n  attachTo: React.RefObject<HTMLElement> | undefined;\n  isTransitioning: boolean;\n};\n\n// TODO: Refactor out Popover/FloatingUI logic to a reusable hook/component later on\nconst TourPopover = ({\n  attachTo,\n  content,\n  title,\n  titleLeading,\n  footer,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.popover,\n  isOpen,\n  defaultIsOpen,\n  isTransitioning,\n}: TourPopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n  const titleId = useId('popover-title');\n\n  const GAP = theme.spacing[4];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n    open: controllableIsOpen,\n    onOpenChange: (isOpen) => controllableSetIsOpen(() => isOpen),\n    placement,\n    strategy: 'fixed',\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n      }),\n    ],\n    transform: true,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  // we need to animate from the offset of the computed placement\n  // because placement can change dynamically based on available space\n  const [computedSide] = getFloatingPlacementParts(computedPlacement);\n  const computedIsHorizontal = computedSide === 'left' || computedSide === 'right';\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: {\n      open: transitionDelay,\n      close: theme.motion.duration.xquick,\n    },\n    initial: {\n      opacity: 0,\n      transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  // remove click handler if popover is controlled\n  const isControlled = isOpen !== undefined;\n  const click = useClick(context, { enabled: !isControlled });\n  const role = useRole(context);\n\n  const { getFloatingProps } = useInteractions([click, role]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close,\n      defaultInitialFocusRef,\n      titleId,\n    };\n  }, [close, titleId]);\n\n  // https://github.com/floating-ui/floating-ui/discussions/2352#discussioncomment-6044834\n  React.useLayoutEffect(() => {\n    window.setTimeout(() => {\n      if (!attachTo) return;\n      refs.setReference(attachTo.current);\n      refs.setPositionReference(attachTo.current);\n    });\n  }, [attachTo, refs, isOpen]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      <FloatingPortal>\n        <FloatingFocusManager\n          // TODO: check if isTransitioning is enough since scrolling can take longer\n          disabled={isOpen === false || !isMounted || isTransitioning}\n          initialFocus={defaultInitialFocusRef}\n          context={context}\n          modal={true}\n          guards={true}\n        >\n          {isMounted ? (\n            <BaseBox\n              ref={refs.setFloating}\n              style={{ ...floatingStyles, pointerEvents: isMounted ? 'auto' : 'none' }}\n              // TODO: Tokenize zIndex values\n              zIndex={zIndex}\n              {...getFloatingProps()}\n              {...metaAttribute({ name: MetaConstants.TourPopover })}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <PopoverContent\n                title={title}\n                titleLeading={titleLeading}\n                footer={footer}\n                style={styles}\n                arrow={\n                  <PopupArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                    fillColor={theme.colors.popup.background.subtle}\n                    strokeColor={theme.colors.popup.border.subtle}\n                  />\n                }\n              >\n                {content}\n              </PopoverContent>\n            </BaseBox>\n          ) : (\n            <></>\n          )}\n        </FloatingFocusManager>\n      </FloatingPortal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { TourPopover };\n"],"names":["TourPopover","_ref","attachTo","content","title","titleLeading","footer","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","popover","isOpen","defaultIsOpen","isTransitioning","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isHorizontal","isOppositeAxis","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","controllableIsOpen","controllableSetIsOpen","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","transform","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","close","useCallback","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","transitionDelay","motion","xquick","initial","opacity","concat","isMounted","styles","isControlled","undefined","click","useClick","enabled","role","useRole","_useInteractions","useInteractions","getFloatingProps","contextValue","useMemo","useLayoutEffect","window","setTimeout","setReference","current","setPositionReference","_jsx","PopoverContext","Provider","children","FloatingPortal","FloatingFocusManager","disabled","initialFocus","modal","guards","BaseBox","_objectSpread","ref","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","makeAccessible","labelledBy","PopoverContent","PopupArrow","width","height","fillColor","colors","popup","background","subtle","strokeColor","border","_Fragment"],"mappings":"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"}
+{"version":3,"file":"TourPopover.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourPopover.web.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-useless-fragment */\n/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport {\n  shift,\n  FloatingPortal,\n  arrow,\n  flip,\n  offset,\n  useFloating,\n  useInteractions,\n  useRole,\n  useTransitionStyles,\n  autoUpdate,\n  useClick,\n  FloatingFocusManager,\n} from '@floating-ui/react';\nimport React from 'react';\nimport { PopoverContent } from '../Popover/PopoverContent';\nimport { ARROW_HEIGHT, ARROW_WIDTH } from '../Popover/constants';\nimport { PopoverContext } from '../Popover/PopoverContext';\nimport { transitionDelay } from './tourTokens';\nimport { useTheme } from '~components/BladeProvider';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { size } from '~tokens/global';\nimport { useControllableState } from '~utils/useControllable';\nimport { PopupArrow } from '~components/PopupArrow';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useId } from '~utils/useId';\nimport { getFloatingPlacementParts } from '~utils/getFloatingPlacementParts';\nimport type { PopoverProps } from '~components/Popover';\nimport { componentZIndices } from '~utils/componentZIndices';\n\ntype TourPopoverProps = Omit<PopoverProps, 'children' | 'initialFocusRef'> & {\n  attachTo: React.RefObject<HTMLElement> | undefined;\n  isTransitioning: boolean;\n};\n\n// TODO: Refactor out Popover/FloatingUI logic to a reusable hook/component later on\nconst TourPopover = ({\n  attachTo,\n  content,\n  title,\n  titleLeading,\n  footer,\n  placement = 'top',\n  onOpenChange,\n  zIndex = componentZIndices.popover,\n  isOpen,\n  defaultIsOpen,\n  isTransitioning,\n}: TourPopoverProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n  const arrowRef = React.useRef<SVGSVGElement>(null);\n  const titleId = useId('popover-title');\n\n  const GAP = theme.spacing[4];\n  const [side] = getFloatingPlacementParts(placement);\n  const isHorizontal = side === 'left' || side === 'right';\n  const isOppositeAxis = side === 'right' || side === 'bottom';\n\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const { refs, floatingStyles, context, placement: computedPlacement } = useFloating({\n    open: controllableIsOpen,\n    onOpenChange: (isOpen) => controllableSetIsOpen(() => isOpen),\n    placement,\n    strategy: 'fixed',\n    middleware: [\n      shift({ crossAxis: false, padding: GAP }),\n      flip({ padding: GAP, fallbackAxisSideDirection: 'end' }),\n      offset(GAP + ARROW_HEIGHT),\n      arrow({\n        element: arrowRef,\n        padding: isHorizontal ? GAP + ARROW_HEIGHT : ARROW_WIDTH,\n      }),\n    ],\n    transform: true,\n    whileElementsMounted: autoUpdate,\n  });\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  // we need to animate from the offset of the computed placement\n  // because placement can change dynamically based on available space\n  const [computedSide] = getFloatingPlacementParts(computedPlacement);\n  const computedIsHorizontal = computedSide === 'left' || computedSide === 'right';\n  const animationOffset = isOppositeAxis ? -size[4] : size[4];\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    duration: {\n      open: transitionDelay,\n      close: theme.motion.duration.xquick,\n    },\n    initial: {\n      opacity: 0,\n      transform: `translate${computedIsHorizontal ? 'X' : 'Y'}(${animationOffset}px)`,\n    },\n  });\n\n  // remove click handler if popover is controlled\n  const isControlled = isOpen !== undefined;\n  const click = useClick(context, { enabled: !isControlled });\n  const role = useRole(context);\n\n  const { getFloatingProps } = useInteractions([click, role]);\n\n  const contextValue = React.useMemo(() => {\n    return {\n      close,\n      defaultInitialFocusRef,\n      titleId,\n    };\n  }, [close, titleId]);\n\n  // https://github.com/floating-ui/floating-ui/discussions/2352#discussioncomment-6044834\n  React.useLayoutEffect(() => {\n    window.setTimeout(() => {\n      if (!attachTo) return;\n      refs.setReference(attachTo.current);\n      refs.setPositionReference(attachTo.current);\n    });\n  }, [attachTo, refs, isOpen]);\n\n  return (\n    <PopoverContext.Provider value={contextValue}>\n      <FloatingPortal>\n        <FloatingFocusManager\n          // TODO: check if isTransitioning is enough since scrolling can take longer\n          disabled={isOpen === false || !isMounted || isTransitioning}\n          initialFocus={defaultInitialFocusRef}\n          context={context}\n          modal={true}\n          guards={true}\n        >\n          {isMounted ? (\n            <BaseBox\n              ref={refs.setFloating}\n              style={{ ...floatingStyles, pointerEvents: isMounted ? 'auto' : 'none' }}\n              // TODO: Tokenize zIndex values\n              zIndex={zIndex}\n              {...getFloatingProps()}\n              {...metaAttribute({ name: MetaConstants.TourPopover })}\n              {...makeAccessible({ labelledBy: titleId })}\n            >\n              <PopoverContent\n                title={title}\n                titleLeading={titleLeading}\n                footer={footer}\n                style={styles}\n                arrow={\n                  <PopupArrow\n                    ref={arrowRef}\n                    context={context}\n                    width={ARROW_WIDTH}\n                    height={ARROW_HEIGHT}\n                    fillColor={theme.colors.popup.background.subtle}\n                    strokeColor={theme.colors.popup.border.subtle}\n                  />\n                }\n              >\n                {content}\n              </PopoverContent>\n            </BaseBox>\n          ) : (\n            <></>\n          )}\n        </FloatingFocusManager>\n      </FloatingPortal>\n    </PopoverContext.Provider>\n  );\n};\n\nexport { TourPopover };\n"],"names":["TourPopover","_ref","attachTo","content","title","titleLeading","footer","_ref$placement","placement","onOpenChange","_ref$zIndex","zIndex","componentZIndices","popover","isOpen","defaultIsOpen","isTransitioning","_useTheme","useTheme","theme","defaultInitialFocusRef","React","useRef","arrowRef","titleId","useId","GAP","spacing","_getFloatingPlacement","getFloatingPlacementParts","_getFloatingPlacement2","_slicedToArray","side","isHorizontal","isOppositeAxis","_useControllableState","useControllableState","value","defaultValue","onChange","_useControllableState2","controllableIsOpen","controllableSetIsOpen","_useFloating","useFloating","open","strategy","middleware","shift","crossAxis","padding","flip","fallbackAxisSideDirection","offset","ARROW_HEIGHT","arrow","element","ARROW_WIDTH","transform","whileElementsMounted","autoUpdate","refs","floatingStyles","context","computedPlacement","close","useCallback","_getFloatingPlacement3","_getFloatingPlacement4","computedSide","computedIsHorizontal","animationOffset","size","_useTransitionStyles","useTransitionStyles","duration","transitionDelay","motion","xquick","initial","opacity","concat","isMounted","styles","isControlled","undefined","click","useClick","enabled","role","useRole","_useInteractions","useInteractions","getFloatingProps","contextValue","useMemo","useLayoutEffect","window","setTimeout","setReference","current","setPositionReference","_jsx","PopoverContext","Provider","children","FloatingPortal","FloatingFocusManager","disabled","initialFocus","modal","guards","BaseBox","_objectSpread","ref","setFloating","style","pointerEvents","metaAttribute","name","MetaConstants","makeAccessible","labelledBy","PopoverContent","PopupArrow","width","height","fillColor","colors","popup","background","subtle","strokeColor","border","_Fragment"],"mappings":"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"}

package/build/lib/web/development/components/SpotlightPopoverTour/TourStep.web.js

@@ -26,7 +26,7 @@ var _SpotlightPopoverTourStep = function _SpotlightPopoverTourStep(_ref) {
     ref: mergeRefs(ref, child === null || child === void 0 ? void 0 : child.ref)
   }));
 };
-var SpotlightPopoverTourStep = /*#__PURE__*/assignWithoutSideEffects( /*#__PURE__*/React__default.memo(_SpotlightPopoverTourStep), {
+var SpotlightPopoverTourStep = /*#__PURE__*/assignWithoutSideEffects(/*#__PURE__*/React__default.memo(_SpotlightPopoverTourStep), {
   displayName: 'TourStep'
 });
 

package/build/lib/web/development/components/SpotlightPopoverTour/TourStep.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TourStep.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourStep.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport { useTourContext } from './TourContext';\nimport type { SpotlightPopoverTourStepProps } from './types';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _SpotlightPopoverTourStep = ({\n  name,\n  children,\n}: SpotlightPopoverTourStepProps): React.ReactElement => {\n  const ref = React.useRef<HTMLElement>(null);\n  const { attachStep, removeStep } = useTourContext();\n\n  React.useLayoutEffect(() => {\n    if (!ref) return;\n    attachStep(name, ref);\n\n    return () => {\n      removeStep(name);\n    };\n  }, [ref, attachStep, name, removeStep]);\n\n  const child = children as React.ReactElement;\n  return React.cloneElement(child, {\n    ...child.props,\n    ref: mergeRefs(ref, (child as any)?.ref),\n  });\n};\n\nconst SpotlightPopoverTourStep = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourStep), {\n  displayName: 'TourStep',\n});\n\nexport { SpotlightPopoverTourStep };\n"],"names":["_SpotlightPopoverTourStep","_ref","name","children","ref","React","useRef","_useTourContext","useTourContext","attachStep","removeStep","useLayoutEffect","child","cloneElement","_objectSpread","props","mergeRefs","SpotlightPopoverTourStep","assignWithoutSideEffects","memo","displayName"],"mappings":";;;;;;;;;AAQA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAG0B;AAAA,EAAA,IAFvDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AAER,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC,CAAA;AAC3C,EAAA,IAAAC,eAAA,GAAmCC,cAAc,EAAE;IAA3CC,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU,CAAA;EAE9BL,cAAK,CAACM,eAAe,CAAC,YAAM;IAC1B,IAAI,CAACP,GAAG,EAAE,OAAA;AACVK,IAAAA,UAAU,CAACP,IAAI,EAAEE,GAAG,CAAC,CAAA;AAErB,IAAA,OAAO,YAAM;MACXM,UAAU,CAACR,IAAI,CAAC,CAAA;KACjB,CAAA;GACF,EAAE,CAACE,GAAG,EAAEK,UAAU,EAAEP,IAAI,EAAEQ,UAAU,CAAC,CAAC,CAAA;EAEvC,IAAME,KAAK,GAAGT,QAA8B,CAAA;AAC5C,EAAA,oBAAOE,cAAK,CAACQ,YAAY,CAACD,KAAK,EAAAE,aAAA,CAAAA,aAAA,CAAA,EAAA,EAC1BF,KAAK,CAACG,KAAK,CAAA,EAAA,EAAA,EAAA;IACdX,GAAG,EAAEY,SAAS,CAACZ,GAAG,EAAGQ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAUR,GAAG,CAAA;AAAC,GAAA,CACzC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEKa,IAAAA,wBAAwB,gBAAGC,wBAAwB,eAACb,cAAK,CAACc,IAAI,CAACnB,yBAAyB,CAAC,EAAE;AAC/FoB,EAAAA,WAAW,EAAE,UAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"TourStep.web.js","sources":["../../../../../../src/components/SpotlightPopoverTour/TourStep.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\n/* eslint-disable consistent-return */\nimport React from 'react';\nimport { useTourContext } from './TourContext';\nimport type { SpotlightPopoverTourStepProps } from './types';\nimport { mergeRefs } from '~utils/useMergeRefs';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst _SpotlightPopoverTourStep = ({\n  name,\n  children,\n}: SpotlightPopoverTourStepProps): React.ReactElement => {\n  const ref = React.useRef<HTMLElement>(null);\n  const { attachStep, removeStep } = useTourContext();\n\n  React.useLayoutEffect(() => {\n    if (!ref) return;\n    attachStep(name, ref);\n\n    return () => {\n      removeStep(name);\n    };\n  }, [ref, attachStep, name, removeStep]);\n\n  const child = children as React.ReactElement;\n  return React.cloneElement(child, {\n    ...child.props,\n    ref: mergeRefs(ref, (child as any)?.ref),\n  });\n};\n\nconst SpotlightPopoverTourStep = assignWithoutSideEffects(React.memo(_SpotlightPopoverTourStep), {\n  displayName: 'TourStep',\n});\n\nexport { SpotlightPopoverTourStep };\n"],"names":["_SpotlightPopoverTourStep","_ref","name","children","ref","React","useRef","_useTourContext","useTourContext","attachStep","removeStep","useLayoutEffect","child","cloneElement","_objectSpread","props","mergeRefs","SpotlightPopoverTourStep","assignWithoutSideEffects","memo","displayName"],"mappings":";;;;;;;;;AAQA,IAAMA,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAAAC,IAAA,EAG0B;AAAA,EAAA,IAFvDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AAER,EAAA,IAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAc,IAAI,CAAC,CAAA;AAC3C,EAAA,IAAAC,eAAA,GAAmCC,cAAc,EAAE;IAA3CC,UAAU,GAAAF,eAAA,CAAVE,UAAU;IAAEC,UAAU,GAAAH,eAAA,CAAVG,UAAU,CAAA;EAE9BL,cAAK,CAACM,eAAe,CAAC,YAAM;IAC1B,IAAI,CAACP,GAAG,EAAE,OAAA;AACVK,IAAAA,UAAU,CAACP,IAAI,EAAEE,GAAG,CAAC,CAAA;AAErB,IAAA,OAAO,YAAM;MACXM,UAAU,CAACR,IAAI,CAAC,CAAA;KACjB,CAAA;GACF,EAAE,CAACE,GAAG,EAAEK,UAAU,EAAEP,IAAI,EAAEQ,UAAU,CAAC,CAAC,CAAA;EAEvC,IAAME,KAAK,GAAGT,QAA8B,CAAA;AAC5C,EAAA,oBAAOE,cAAK,CAACQ,YAAY,CAACD,KAAK,EAAAE,aAAA,CAAAA,aAAA,CAAA,EAAA,EAC1BF,KAAK,CAACG,KAAK,CAAA,EAAA,EAAA,EAAA;IACdX,GAAG,EAAEY,SAAS,CAACZ,GAAG,EAAGQ,KAAK,KAAA,IAAA,IAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAUR,GAAG,CAAA;AAAC,GAAA,CACzC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEKa,IAAAA,wBAAwB,gBAAGC,wBAAwB,cAACb,cAAK,CAACc,IAAI,CAACnB,yBAAyB,CAAC,EAAE;AAC/FoB,EAAAA,WAAW,EAAE,UAAA;AACf,CAAC;;;;"}