@ynput/ayon-frontend-shared 0.3.31 → 0.3.32

package/dist/shared/src/components/Menu/MenuList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.es.js","sources":["../../../../../src/components/Menu/MenuList.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef } from 'react'\nimport MenuItem from './MenuItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './Menu.styled'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\nimport type { MenuItemType } from './Menu'\n\ninterface MenuListProps {\n  items: MenuItemType[]\n  handleClick: (\n    e: React.MouseEvent,\n    onClick?: (e: React.MouseEvent) => void,\n    url?: string,\n    disableClose?: boolean,\n  ) => void\n  onSubMenu?: (e: React.MouseEvent, menu: any) => void\n  /** Called by a sub-menu after it mounts, with its real measured style. Lets the parent\n   *  refit using actual width/height instead of the open-time estimate. */\n  onSubMenuLayout?: (id: string, style: React.CSSProperties, placement: 'left' | 'right') => void\n  subMenu?: boolean\n  level: number\n  id?: string\n  parentRef?: HTMLElement | null\n  style?: React.CSSProperties\n  /** Placement of THIS menu relative to its parent. Inherited by descendants so once\n   *  a chain flips to one side it stays there. */\n  placement?: 'left' | 'right'\n  onClose?: (id?: string) => void\n  onMenuClose?: () => void\n  itemClassName?: string\n  itemStyle?: React.CSSProperties\n  setPowerpackDialog?: (feature: PowerpackFeature) => void\n  [key: string]: any\n}\n\nexport const MenuList: React.FC<MenuListProps> = ({\n  items,\n  handleClick,\n  onSubMenu,\n  onSubMenuLayout,\n  subMenu,\n  level,\n  id = 'root-menu',\n  parentRef,\n  style,\n  placement,\n  onClose,\n  onMenuClose,\n  itemClassName,\n  itemStyle,\n  setPowerpackDialog,\n  ...props\n}) => {\n  const itemRefs = useRef<{ [key: string]: HTMLElement | null }>({})\n  const menuRef = useRef<HTMLDivElement>(null)\n\n  const handleSubMenu = (e: React.MouseEvent, id: string, items: MenuItemType[]) => {\n    const itemEl = itemRefs.current[id]\n    const parentMenuEl = menuRef.current\n    if (!itemEl || !parentMenuEl) return\n\n    // Sub-menus render absolute inside DialogContent. Compute viewport-anchored coords\n    // from this item's bounding rect, then translate into the offsetParent's coord space.\n    // Each level computes independently — no inherited offsets that drift across depth.\n    const offsetParent = (parentMenuEl.offsetParent as HTMLElement | null) ?? document.body\n    const offsetParentRect = offsetParent.getBoundingClientRect()\n    const itemRect = itemEl.getBoundingClientRect()\n    // Use the visible inner <menu> element if present — the wrapper has 16px paddingLeft\n    // for sub-menus which would otherwise produce a phantom gap on flip-left chains.\n    const parentVisibleEl = (parentMenuEl.querySelector('menu') as HTMLElement | null) ?? parentMenuEl\n    const parentVisibleRect = parentVisibleEl.getBoundingClientRect()\n\n    const viewportWidth = window.innerWidth\n    const viewportHeight = window.innerHeight\n    const padding = 8\n    // Use the parent's visible width as the initial estimate — sub-menus tend to be\n    // similar size or smaller. Falls back to 240 if parent is unusually narrow.\n    const estimatedWidth = Math.max(240, parentVisibleRect.width)\n    const estimatedHeight = Math.min(items.length * 36 + 16, 480)\n\n    // Choose horizontal placement. If an ancestor sub-menu has already flipped to the\n    // left, every descendant sub-menu also goes left — DetailsPanel scenarios put the\n    // root menu near the right edge of the screen, so flipping flip-flop on each level\n    // would push deep menus back into the panel content.\n    const gap = 4\n    const computeLeftSide = () => Math.max(padding, parentVisibleRect.left - estimatedWidth - gap)\n    const computeRightSide = () => parentVisibleRect.right + gap\n    const fitsRight = computeRightSide() + estimatedWidth <= viewportWidth - padding\n    const fitsLeft = computeLeftSide() >= padding\n\n    let nextPlacement: 'left' | 'right'\n    let viewportLeft: number\n    if (placement === 'left' && fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else if (fitsRight) {\n      nextPlacement = 'right'\n      viewportLeft = computeRightSide()\n    } else if (fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else {\n      // Neither side fits cleanly — clamp to viewport, prefer left.\n      nextPlacement = 'left'\n      viewportLeft = Math.max(padding, viewportWidth - estimatedWidth - padding)\n    }\n\n    // Align first sub-menu item with the hovered parent item. The visible <menu> has\n    // 8px top padding, so the wrapper top sits 8px above the item top.\n    const innerTopOffset = 8\n    let viewportTop = itemRect.top - innerTopOffset\n    if (viewportTop + estimatedHeight > viewportHeight - padding) {\n      viewportTop = Math.max(padding, viewportHeight - estimatedHeight - padding)\n    }\n\n    // Sub-menu wrappers carry 16px paddingLeft (so their wrapper rect is wider than\n    // the visible menu). When we anchor on the LEFT side, the visible menu sits 16px\n    // inside the wrapper — pull the wrapper left so the visible right edge lines up\n    // with parentVisibleRect.left.\n    const subMenuPaddingLeft = 16\n    const wrapperLeft = nextPlacement === 'left' ? viewportLeft - subMenuPaddingLeft : viewportLeft\n\n    onSubMenu?.(e, {\n      id,\n      style: {\n        top: viewportTop - offsetParentRect.top,\n        left: wrapperLeft - offsetParentRect.left,\n      },\n      items,\n      level: level,\n      placement: nextPlacement,\n      // Pass the actual menu-item element so sub-menu measurement uses the <li>\n      // instead of whatever inner span the mouse event bubbled from.\n      parentEl: itemEl,\n    })\n  }\n\n  const handleMouseLeave = (e: React.MouseEvent) => {\n    if (subMenu) {\n      onSubMenu?.(e, { id: 'parent', items: [] })\n    }\n  }\n\n  //   when a subMenu open, set focus on the first item\n  useEffect(() => {\n    if (subMenu && menuRef.current) {\n      const first = menuRef.current.querySelectorAll('li, button')[0] as HTMLElement\n      first?.focus()\n    }\n  }, [subMenu])\n\n  // Sub-menus open with an estimated width — once mounted, measure for real and refit.\n  // Reuses the same flip/clamp rules as handleSubMenu but with the actual rendered size.\n  useLayoutEffect(() => {\n    if (!subMenu || !menuRef.current || !parentRef || !onSubMenuLayout || !id) return\n    const wrapperEl = menuRef.current\n    const parentItemEl = parentRef\n    const parentMenuEl = parentItemEl.closest('.menu-list, .sub-menu') as HTMLElement | null\n    if (!parentMenuEl) return\n    // Measure visible boxes (the inner <menu> tag), not wrappers. Sub-menu wrappers\n    // carry 16px paddingLeft which inflates the rect on the left side and would\n    // otherwise produce phantom gaps when flipping left.\n    const ownVisibleEl = (wrapperEl.querySelector('menu') as HTMLElement | null) ?? wrapperEl\n    const parentVisibleEl = (parentMenuEl.querySelector('menu') as HTMLElement | null) ?? parentMenuEl\n\n    const offsetParent = (wrapperEl.offsetParent as HTMLElement | null) ?? document.body\n    const offsetParentRect = offsetParent.getBoundingClientRect()\n    const wrapperRect = wrapperEl.getBoundingClientRect()\n    const ownVisibleRect = ownVisibleEl.getBoundingClientRect()\n    const parentVisibleRect = parentVisibleEl.getBoundingClientRect()\n    const parentItemRect = parentItemEl.getBoundingClientRect()\n\n    // Some wrappers have 16px left padding (sub-menus). Track it so we can place the\n    // wrapper such that the visible-menu edge — not the wrapper edge — lines up.\n    const subMenuPaddingLeft = ownVisibleRect.left - wrapperRect.left\n    const visibleWidth = ownVisibleRect.width\n    const visibleHeight = ownVisibleRect.height\n\n    const viewportWidth = window.innerWidth\n    const viewportHeight = window.innerHeight\n    const padding = 8\n\n    const gap = 4\n    const computeLeftSide = () => Math.max(padding, parentVisibleRect.left - visibleWidth - gap)\n    const computeRightSide = () => parentVisibleRect.right + gap\n    const fitsRight = computeRightSide() + visibleWidth <= viewportWidth - padding\n    const fitsLeft = computeLeftSide() >= padding\n\n    let nextPlacement: 'left' | 'right'\n    let viewportLeft: number\n    if (placement === 'left' && fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else if (fitsRight) {\n      nextPlacement = 'right'\n      viewportLeft = computeRightSide()\n    } else if (fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else {\n      nextPlacement = 'left'\n      viewportLeft = Math.max(padding, viewportWidth - visibleWidth - padding)\n    }\n\n    // Align this sub-menu's first <li> with the hovered parent item.\n    // Direct DOM measurement is more robust than computed-style math across nested\n    // levels — picks up any box-sizing / margin quirks that pure padding values miss.\n    const firstItemEl = ownVisibleEl.querySelector(':scope > li') as HTMLElement | null\n    const firstItemRect = firstItemEl?.getBoundingClientRect()\n    // Move the wrapper by exactly the delta between where the first <li> currently is\n    // and where we want it (parent item's top). Avoids any cascading offset arithmetic.\n    const desiredFirstItemTop = parentItemRect.top\n    const currentFirstItemTop = firstItemRect ? firstItemRect.top : wrapperRect.top + 8\n    const deltaY = desiredFirstItemTop - currentFirstItemTop\n    let viewportTop = wrapperRect.top + deltaY\n    if (viewportTop + visibleHeight > viewportHeight - padding) {\n      viewportTop = Math.max(padding, viewportHeight - visibleHeight - padding)\n    }\n\n    // Wrapper origin: visible target minus the wrapper's left padding when on the left.\n    const wrapperLeft =\n      nextPlacement === 'left' ? viewportLeft - subMenuPaddingLeft : viewportLeft\n\n    const targetTop = viewportTop - offsetParentRect.top\n    const targetLeft = wrapperLeft - offsetParentRect.left\n    const currentTop = typeof style?.top === 'number' ? style.top : parseFloat(String(style?.top))\n    const currentLeft =\n      typeof style?.left === 'number' ? style.left : parseFloat(String(style?.left))\n\n    // Idempotent guard: only emit a layout update when the target differs by >1px\n    // from what's already applied. This makes the effect safe to re-run on every\n    // dependency change — including `style`, which we update from inside this effect.\n    // After a successful update, the new style flows back as props, the effect runs\n    // once more, current ≈ target, and the guard is a no-op. No infinite loop.\n    if (Math.abs(targetTop - currentTop) > 1 || Math.abs(targetLeft - currentLeft) > 1) {\n      onSubMenuLayout(id, { top: targetTop, left: targetLeft }, nextPlacement)\n    }\n  }, [subMenu, items, parentRef, id, placement, style?.top, style?.left, onSubMenuLayout])\n\n  return (\n    <Styled.MenuWrapper\n      style={{ paddingLeft: subMenu ? 16 : 0, ...style }}\n      className={subMenu ? 'sub-menu' : 'menu-list'}\n      id={id}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n      ref={menuRef}\n    >\n      <Styled.Menu>\n        {items\n          .filter((item) => !item.hidden)\n          .map((item, i) => {\n            // if item is a node, return it\n            if (item.node) {\n              return item.node\n            }\n\n            if (item?.id === 'divider' || item?.separator ) return <hr key={i} />\n\n            const {\n              label,\n              icon,\n              img,\n              highlighted,\n              onClick,\n              link,\n              items = [],\n              id,\n              disableClose,\n              selected,\n              disabled,\n              powerFeature,\n              active,\n              ...props\n            } = item\n\n            const { powerLicense } = usePowerpack()\n            const isPowerFeature = !powerLicense && powerFeature\n\n            const handleClickPowerFeature = (e: React.MouseEvent) => {\n              e.preventDefault()\n              e.stopPropagation()\n              if (powerFeature) {\n                setPowerpackDialog?.(powerFeature)\n              }\n\n              // close the menu\n              onMenuClose?.()\n            }\n\n            return (\n              <MenuItem\n                tabIndex={0}\n                key={`${id}-${i}`}\n                {...{\n                  label,\n                  icon,\n                  img,\n                  highlighted,\n                  items,\n                  selected,\n                  disabled,\n                  powerFeature,\n                  active,\n                }}\n                isLink={link}\n                onClick={(e) =>\n                  isPowerFeature\n                    ? handleClickPowerFeature(e)\n                    : items.length\n                    ? handleSubMenu(e, id, items)\n                    : handleClick(e, onClick, link, disableClose)\n                }\n                onKeyDown={(e: React.KeyboardEvent<HTMLElement>) => {\n                  if (e.key === 'Enter') {\n                    if (isPowerFeature) {\n                      handleClickPowerFeature(e as any)\n                    } else if (items.length) {\n                      handleSubMenu(e as any, id, items)\n                    } else {\n                      handleClick(e as any, onClick, link)\n                    }\n                  }\n                  const isLastChild = !(e.target as HTMLElement).nextSibling\n                  if (e.key === 'Tab' && isLastChild && !e.shiftKey) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    //   when at bottom of list, tab goes to top\n                    const first = menuRef.current?.querySelectorAll('li, button')[0] as HTMLElement\n                    first?.focus()\n                  }\n                  //   when a submenu is open, esc closes it and sets focus on the parent\n                  if (e.key === 'Escape' && subMenu && parentRef) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    parentRef.focus()\n                    onClose?.(id)\n                  }\n                }}\n                style={{ paddingRight: items.length ? '0' : '16px', ...itemStyle }}\n                ref={(e) => (itemRefs.current[id] = e)}\n                onMouseEnter={(e) => handleSubMenu(e, id, items)}\n                onMouseLeave={(e) => handleSubMenu(e, id, [])}\n                className={`${itemClassName} ${props.className || ''}`}\n                {...props}\n              >\n                {!!items.length && <Icon icon=\"arrow_right\" style={{ marginLeft: 'auto' }} />}\n              </MenuItem>\n            )\n          })}\n      </Styled.Menu>\n    </Styled.MenuWrapper>\n  )\n}\n"],"names":["MenuList","items","handleClick","onSubMenu","onSubMenuLayout","subMenu","level","id","parentRef","style","placement","onClose","onMenuClose","itemClassName","itemStyle","setPowerpackDialog","props","itemRefs","useRef","menuRef","handleSubMenu","e","itemEl","parentMenuEl","offsetParentRect","itemRect","parentVisibleRect","viewportWidth","viewportHeight","padding","estimatedWidth","estimatedHeight","gap","computeLeftSide","computeRightSide","fitsRight","fitsLeft","nextPlacement","viewportLeft","viewportTop","wrapperLeft","handleMouseLeave","useEffect","useLayoutEffect","wrapperEl","parentItemEl","ownVisibleEl","parentVisibleEl","wrapperRect","ownVisibleRect","parentItemRect","subMenuPaddingLeft","visibleWidth","visibleHeight","firstItemRect","desiredFirstItemTop","currentFirstItemTop","deltaY","targetTop","targetLeft","currentTop","currentLeft","jsx","Styled.MenuWrapper","Styled.Menu","item","i","label","icon","img","highlighted","onClick","link","disableClose","selected","disabled","powerFeature","active","powerLicense","usePowerpack","isPowerFeature","handleClickPowerFeature","MenuItem","isLastChild","Icon"],"mappings":"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"}
+{"version":3,"file":"MenuList.es.js","sources":["../../../../../src/components/Menu/MenuList.tsx"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef } from 'react'\nimport MenuItem from './MenuItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './Menu.styled'\nimport { PowerpackFeature, usePowerpack } from '@shared/context'\nimport type { MenuItemType } from './Menu'\n\ninterface MenuListProps {\n  items: MenuItemType[]\n  handleClick: (\n    e: React.MouseEvent,\n    onClick?: (e: React.MouseEvent) => void,\n    url?: string,\n    disableClose?: boolean,\n  ) => void\n  onSubMenu?: (e: React.MouseEvent, menu: any) => void\n  /** Called by a sub-menu after it mounts, with its real measured style. Lets the parent\n   *  refit using actual width/height instead of the open-time estimate. */\n  onSubMenuLayout?: (id: string, style: React.CSSProperties, placement: 'left' | 'right') => void\n  subMenu?: boolean\n  level: number\n  id?: string\n  parentRef?: HTMLElement | null\n  style?: React.CSSProperties\n  /** Placement of THIS menu relative to its parent. Inherited by descendants so once\n   *  a chain flips to one side it stays there. */\n  placement?: 'left' | 'right'\n  onClose?: (id?: string) => void\n  onMenuClose?: () => void\n  itemClassName?: string\n  itemStyle?: React.CSSProperties\n  setPowerpackDialog?: (feature: PowerpackFeature) => void\n  [key: string]: any\n}\n\nexport const MenuList: React.FC<MenuListProps> = ({\n  items,\n  handleClick,\n  onSubMenu,\n  onSubMenuLayout,\n  subMenu,\n  level,\n  id = 'root-menu',\n  parentRef,\n  style,\n  placement,\n  onClose,\n  onMenuClose,\n  itemClassName,\n  itemStyle,\n  setPowerpackDialog,\n  ...props\n}) => {\n  const itemRefs = useRef<{ [key: string]: HTMLElement | null }>({})\n  const menuRef = useRef<HTMLDivElement>(null)\n\n  const handleSubMenu = (e: React.MouseEvent, id: string, items: MenuItemType[]) => {\n    const itemEl = itemRefs.current[id]\n    const parentMenuEl = menuRef.current\n    if (!itemEl || !parentMenuEl) return\n\n    // Sub-menus render absolute inside DialogContent. Compute viewport-anchored coords\n    // from this item's bounding rect, then translate into the offsetParent's coord space.\n    // Each level computes independently — no inherited offsets that drift across depth.\n    const offsetParent = (parentMenuEl.offsetParent as HTMLElement | null) ?? document.body\n    const offsetParentRect = offsetParent.getBoundingClientRect()\n    const itemRect = itemEl.getBoundingClientRect()\n    // Use the visible inner <menu> element if present — the wrapper has 16px paddingLeft\n    // for sub-menus which would otherwise produce a phantom gap on flip-left chains.\n    const parentVisibleEl = (parentMenuEl.querySelector('menu') as HTMLElement | null) ?? parentMenuEl\n    const parentVisibleRect = parentVisibleEl.getBoundingClientRect()\n\n    const viewportWidth = window.innerWidth\n    const viewportHeight = window.innerHeight\n    const padding = 8\n    // Use the parent's visible width as the initial estimate — sub-menus tend to be\n    // similar size or smaller. Falls back to 240 if parent is unusually narrow.\n    const estimatedWidth = Math.max(240, parentVisibleRect.width)\n    const estimatedHeight = Math.min(items.length * 36 + 16, 480)\n\n    // Choose horizontal placement. If an ancestor sub-menu has already flipped to the\n    // left, every descendant sub-menu also goes left — DetailsPanel scenarios put the\n    // root menu near the right edge of the screen, so flipping flip-flop on each level\n    // would push deep menus back into the panel content.\n    const gap = 4\n    const computeLeftSide = () => Math.max(padding, parentVisibleRect.left - estimatedWidth - gap)\n    const computeRightSide = () => parentVisibleRect.right + gap\n    const fitsRight = computeRightSide() + estimatedWidth <= viewportWidth - padding\n    const fitsLeft = computeLeftSide() >= padding\n\n    let nextPlacement: 'left' | 'right'\n    let viewportLeft: number\n    if (placement === 'left' && fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else if (fitsRight) {\n      nextPlacement = 'right'\n      viewportLeft = computeRightSide()\n    } else if (fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else {\n      // Neither side fits cleanly — clamp to viewport, prefer left.\n      nextPlacement = 'left'\n      viewportLeft = Math.max(padding, viewportWidth - estimatedWidth - padding)\n    }\n\n    // Align first sub-menu item with the hovered parent item. The visible <menu> has\n    // 8px top padding, so the wrapper top sits 8px above the item top.\n    const innerTopOffset = 8\n    let viewportTop = itemRect.top - innerTopOffset\n    if (viewportTop + estimatedHeight > viewportHeight - padding) {\n      viewportTop = Math.max(padding, viewportHeight - estimatedHeight - padding)\n    }\n\n    // Sub-menu wrappers carry 16px paddingLeft (so their wrapper rect is wider than\n    // the visible menu). When we anchor on the LEFT side, the visible menu sits 16px\n    // inside the wrapper — pull the wrapper left so the visible right edge lines up\n    // with parentVisibleRect.left.\n    const subMenuPaddingLeft = 16\n    const wrapperLeft = nextPlacement === 'left' ? viewportLeft - subMenuPaddingLeft : viewportLeft\n\n    onSubMenu?.(e, {\n      id,\n      style: {\n        top: viewportTop - offsetParentRect.top,\n        left: wrapperLeft - offsetParentRect.left,\n      },\n      items,\n      level: level,\n      placement: nextPlacement,\n      // Pass the actual menu-item element so sub-menu measurement uses the <li>\n      // instead of whatever inner span the mouse event bubbled from.\n      parentEl: itemEl,\n    })\n  }\n\n  const handleMouseLeave = (e: React.MouseEvent) => {\n    if (subMenu) {\n      onSubMenu?.(e, { id: 'parent', items: [] })\n    }\n  }\n\n  //   when a subMenu open, set focus on the first item\n  useEffect(() => {\n    if (subMenu && menuRef.current) {\n      const first = menuRef.current.querySelectorAll('li, button')[0] as HTMLElement\n      first?.focus()\n    }\n  }, [subMenu])\n\n  // Sub-menus open with an estimated width — once mounted, measure for real and refit.\n  // Reuses the same flip/clamp rules as handleSubMenu but with the actual rendered size.\n  useLayoutEffect(() => {\n    if (!subMenu || !menuRef.current || !parentRef || !onSubMenuLayout || !id) return\n    const wrapperEl = menuRef.current\n    const parentItemEl = parentRef\n    const parentMenuEl = parentItemEl.closest('.menu-list, .sub-menu') as HTMLElement | null\n    if (!parentMenuEl) return\n    // Measure visible boxes (the inner <menu> tag), not wrappers. Sub-menu wrappers\n    // carry 16px paddingLeft which inflates the rect on the left side and would\n    // otherwise produce phantom gaps when flipping left.\n    const ownVisibleEl = (wrapperEl.querySelector('menu') as HTMLElement | null) ?? wrapperEl\n    const parentVisibleEl = (parentMenuEl.querySelector('menu') as HTMLElement | null) ?? parentMenuEl\n\n    const offsetParent = (wrapperEl.offsetParent as HTMLElement | null) ?? document.body\n    const offsetParentRect = offsetParent.getBoundingClientRect()\n    const wrapperRect = wrapperEl.getBoundingClientRect()\n    const ownVisibleRect = ownVisibleEl.getBoundingClientRect()\n    const parentVisibleRect = parentVisibleEl.getBoundingClientRect()\n    const parentItemRect = parentItemEl.getBoundingClientRect()\n\n    // Some wrappers have 16px left padding (sub-menus). Track it so we can place the\n    // wrapper such that the visible-menu edge — not the wrapper edge — lines up.\n    const subMenuPaddingLeft = ownVisibleRect.left - wrapperRect.left\n    const visibleWidth = ownVisibleRect.width\n    const visibleHeight = ownVisibleRect.height\n\n    const viewportWidth = window.innerWidth\n    const viewportHeight = window.innerHeight\n    const padding = 8\n\n    const gap = 4\n    const computeLeftSide = () => Math.max(padding, parentVisibleRect.left - visibleWidth - gap)\n    const computeRightSide = () => parentVisibleRect.right + gap\n    const fitsRight = computeRightSide() + visibleWidth <= viewportWidth - padding\n    const fitsLeft = computeLeftSide() >= padding\n\n    let nextPlacement: 'left' | 'right'\n    let viewportLeft: number\n    if (placement === 'left' && fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else if (fitsRight) {\n      nextPlacement = 'right'\n      viewportLeft = computeRightSide()\n    } else if (fitsLeft) {\n      nextPlacement = 'left'\n      viewportLeft = computeLeftSide()\n    } else {\n      nextPlacement = 'left'\n      viewportLeft = Math.max(padding, viewportWidth - visibleWidth - padding)\n    }\n\n    // Align this sub-menu's first <li> with the hovered parent item.\n    // Direct DOM measurement is more robust than computed-style math across nested\n    // levels — picks up any box-sizing / margin quirks that pure padding values miss.\n    const firstItemEl = ownVisibleEl.querySelector(':scope > li') as HTMLElement | null\n    const firstItemRect = firstItemEl?.getBoundingClientRect()\n    // Move the wrapper by exactly the delta between where the first <li> currently is\n    // and where we want it (parent item's top). Avoids any cascading offset arithmetic.\n    const desiredFirstItemTop = parentItemRect.top\n    const currentFirstItemTop = firstItemRect ? firstItemRect.top : wrapperRect.top + 8\n    const deltaY = desiredFirstItemTop - currentFirstItemTop\n    let viewportTop = wrapperRect.top + deltaY\n    if (viewportTop + visibleHeight > viewportHeight - padding) {\n      viewportTop = Math.max(padding, viewportHeight - visibleHeight - padding)\n    }\n\n    // Wrapper origin: visible target minus the wrapper's left padding when on the left.\n    const wrapperLeft =\n      nextPlacement === 'left' ? viewportLeft - subMenuPaddingLeft : viewportLeft\n\n    const targetTop = viewportTop - offsetParentRect.top\n    const targetLeft = wrapperLeft - offsetParentRect.left\n    const currentTop = typeof style?.top === 'number' ? style.top : parseFloat(String(style?.top))\n    const currentLeft =\n      typeof style?.left === 'number' ? style.left : parseFloat(String(style?.left))\n\n    // Idempotent guard: only emit a layout update when the target differs by >1px\n    // from what's already applied. This makes the effect safe to re-run on every\n    // dependency change — including `style`, which we update from inside this effect.\n    // After a successful update, the new style flows back as props, the effect runs\n    // once more, current ≈ target, and the guard is a no-op. No infinite loop.\n    if (Math.abs(targetTop - currentTop) > 1 || Math.abs(targetLeft - currentLeft) > 1) {\n      onSubMenuLayout(id, { top: targetTop, left: targetLeft }, nextPlacement)\n    }\n  }, [subMenu, items, parentRef, id, placement, style?.top, style?.left, onSubMenuLayout])\n\n  return (\n    <Styled.MenuWrapper\n      style={{ paddingLeft: subMenu ? 16 : 0, ...style }}\n      className={subMenu ? 'sub-menu' : 'menu-list'}\n      id={id}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n      ref={menuRef}\n    >\n      <Styled.Menu>\n        {items\n          .filter((item) => !item.hidden)\n          .map((item, i) => {\n            // if item is a node, return it\n            if (item.node) {\n              return item.node\n            }\n\n            if (item?.id === 'divider' || item?.separator ) return <hr key={i} />\n\n            const {\n              label,\n              icon,\n              img,\n              highlighted,\n              onClick,\n              link,\n              items = [],\n              id,\n              disableClose,\n              selected,\n              disabled,\n              powerFeature,\n              active,\n              ...props\n            } = item\n\n            const { powerLicense } = usePowerpack()\n            const isPowerFeature = !powerLicense && powerFeature\n\n            const handleClickPowerFeature = (e: React.MouseEvent) => {\n              e.preventDefault()\n              e.stopPropagation()\n              if (powerFeature) {\n                setPowerpackDialog?.(powerFeature)\n              }\n\n              // close the menu\n              onMenuClose?.()\n            }\n\n            return (\n              <MenuItem\n                tabIndex={0}\n                key={`${id}-${i}`}\n                {...{\n                  label,\n                  icon,\n                  img,\n                  highlighted,\n                  items,\n                  selected,\n                  disabled,\n                  powerFeature,\n                  active,\n                }}\n                isLink={link}\n                onClick={(e) =>\n                  isPowerFeature\n                    ? handleClickPowerFeature(e)\n                    : items.length\n                    ? handleSubMenu(e, id, items)\n                    : handleClick(e, onClick, link, disableClose)\n                }\n                onKeyDown={(e: React.KeyboardEvent<HTMLElement>) => {\n                  if (e.key === 'Enter') {\n                    if (isPowerFeature) {\n                      handleClickPowerFeature(e as any)\n                    } else if (items.length) {\n                      handleSubMenu(e as any, id, items)\n                    } else {\n                      handleClick(e as any, onClick, link)\n                    }\n                  }\n                  const isLastChild = !(e.target as HTMLElement).nextSibling\n                  if (e.key === 'Tab' && isLastChild && !e.shiftKey) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    //   when at bottom of list, tab goes to top\n                    const first = menuRef.current?.querySelectorAll('li, button')[0] as HTMLElement\n                    first?.focus()\n                  }\n                  //   when a submenu is open, esc closes it and sets focus on the parent\n                  if (e.key === 'Escape' && subMenu && parentRef) {\n                    e.preventDefault()\n                    e.stopPropagation()\n                    parentRef.focus()\n                    onClose?.(id)\n                  }\n                }}\n                style={{ paddingRight: items.length ? '0' : '16px', ...itemStyle }}\n                ref={(e) => (itemRefs.current[id] = e)}\n                onMouseEnter={(e) => handleSubMenu(e, id, items)}\n                onMouseLeave={(e) => handleSubMenu(e, id, [])}\n                className={`${itemClassName} ${props.className || ''}`}\n                {...props}\n              >\n                {!!items.length && <Icon icon=\"arrow_right\" style={{ marginLeft: 'auto' }} />}\n              </MenuItem>\n            )\n          })}\n      </Styled.Menu>\n    </Styled.MenuWrapper>\n  )\n}\n"],"names":["MenuList","items","handleClick","onSubMenu","onSubMenuLayout","subMenu","level","id","parentRef","style","placement","onClose","onMenuClose","itemClassName","itemStyle","setPowerpackDialog","props","itemRefs","useRef","menuRef","handleSubMenu","e","itemEl","parentMenuEl","offsetParentRect","itemRect","parentVisibleRect","viewportWidth","viewportHeight","padding","estimatedWidth","estimatedHeight","gap","computeLeftSide","computeRightSide","fitsRight","fitsLeft","nextPlacement","viewportLeft","viewportTop","wrapperLeft","handleMouseLeave","useEffect","useLayoutEffect","wrapperEl","parentItemEl","ownVisibleEl","parentVisibleEl","wrapperRect","ownVisibleRect","parentItemRect","subMenuPaddingLeft","visibleWidth","visibleHeight","firstItemRect","desiredFirstItemTop","currentFirstItemTop","deltaY","targetTop","targetLeft","currentTop","currentLeft","jsx","Styled.MenuWrapper","Styled.Menu","item","i","label","icon","img","highlighted","onClick","link","disableClose","selected","disabled","powerFeature","active","powerLicense","usePowerpack","isPowerFeature","handleClickPowerFeature","MenuItem","isLastChild","Icon"],"mappings":"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"}

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const n=require("react"),d=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const i=require("@ynput/ayon-react-components"),y=require("clsx"),m=require("styled-components"),b=m(i.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const n=require("react"),d=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const i=require("@ynput/ayon-react-components"),y=require("clsx"),m=require("styled-components"),b=m(i.Button)`
   transition: color 0.2s, background-color 0.2s, opacity 0.2s;
 
   .bolt {

package/dist/shared/src/components/Powerpack/PowerpackButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n\n  .bolt {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &.outline {\n    color: var(--md-sys-color-tertiary);\n    background-color: unset !important;\n    border: 1px solid var(--md-sys-color-tertiary);\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.filled {\n    color: var(--md-sys-color-tertiary);\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n\n    .bolt {\n      color: var(--md-sys-color-on-tertiary);\n    }\n\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.rounded {\n    border-radius: var(--border-radius-xl);\n  }\n`\n\nexport interface PowerpackButtonProps extends Omit<ButtonProps, 'variant'> {\n  feature: PowerpackFeature\n  variant?: 'filled' | 'surface' | 'outline'\n  rounded?: boolean\n  bolt?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, variant = 'outline', rounded = true, bolt = false, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        iconProps={{\n          filled: variant === 'filled',\n        }}\n        className={clsx('cloud-button', props.className, { rounded })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n        {bolt && <Icon icon=\"bolt\" filled className=\"bolt\" />}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","variant","rounded","bolt","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","jsxs","clsx","Icon"],"mappings":"ywMAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0CrBC,EAAkBC,EAAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,QAAAC,EAAU,UAAW,QAAAC,EAAU,GAAM,KAAAC,EAAO,GAAO,GAAGC,CAAA,EAASC,IAAQ,CACjF,KAAM,CAAE,mBAAAC,CAAA,EAAuBC,eAAA,EAEzBC,EAAiBC,GAAqC,CAE1DH,EAAmBN,CAAO,EAE1BI,EAAM,UAAUK,CAAC,CACnB,EAEA,OACEC,EAAAA,kBAAAA,KAACf,EAAA,CACC,KAAMS,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAW,CACT,OAAQP,IAAY,QAAA,EAEtB,UAAWU,EAAK,eAAgBP,EAAM,UAAW,CAAE,QAAAF,EAAS,EAC5D,eAAc,gBACd,qBAAoB,EAEnB,SAAA,CAAAE,EAAM,SACND,2BAASS,EAAAA,KAAA,CAAK,KAAK,OAAO,OAAM,GAAC,UAAU,MAAA,CAAO,CAAA,CAAA,CAAA,CAGzD,CACF"}
+{"version":3,"file":"PowerpackButton.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n\n  .bolt {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &.outline {\n    color: var(--md-sys-color-tertiary);\n    background-color: unset !important;\n    border: 1px solid var(--md-sys-color-tertiary);\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.filled {\n    color: var(--md-sys-color-tertiary);\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n\n    .bolt {\n      color: var(--md-sys-color-on-tertiary);\n    }\n\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.rounded {\n    border-radius: var(--border-radius-xl);\n  }\n`\n\nexport interface PowerpackButtonProps extends Omit<ButtonProps, 'variant'> {\n  feature: PowerpackFeature\n  variant?: 'filled' | 'surface' | 'outline'\n  rounded?: boolean\n  bolt?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, variant = 'outline', rounded = true, bolt = false, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        iconProps={{\n          filled: variant === 'filled',\n        }}\n        className={clsx('cloud-button', props.className, { rounded })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n        {bolt && <Icon icon=\"bolt\" filled className=\"bolt\" />}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","variant","rounded","bolt","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","e","jsxs","clsx","Icon"],"mappings":"u0MAMMA,EAAeC,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0CrBC,EAAkBC,EAAAA,WAC7B,CAAC,CAAE,QAAAC,EAAS,QAAAC,EAAU,UAAW,QAAAC,EAAU,GAAM,KAAAC,EAAO,GAAO,GAAGC,CAAA,EAASC,IAAQ,CACjF,KAAM,CAAE,mBAAAC,CAAA,EAAuBC,eAAA,EAEzBC,EAAiBC,GAAqC,CAE1DH,EAAmBN,CAAO,EAE1BI,EAAM,UAAUK,CAAC,CACnB,EAEA,OACEC,EAAAA,kBAAAA,KAACf,EAAA,CACC,KAAMS,EAAM,MAAQ,OACnB,GAAGA,EACJ,IAAAC,EACA,QAASG,EACT,UAAW,CACT,OAAQP,IAAY,QAAA,EAEtB,UAAWU,EAAK,eAAgBP,EAAM,UAAW,CAAE,QAAAF,EAAS,EAC5D,eAAc,gBACd,qBAAoB,EAEnB,SAAA,CAAAE,EAAM,SACND,2BAASS,EAAAA,KAAA,CAAK,KAAK,OAAO,OAAM,GAAC,UAAU,MAAA,CAAO,CAAA,CAAA,CAAA,CAGzD,CACF"}

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js

@@ -57,6 +57,7 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -156,7 +157,7 @@ const b = f(d)`
   &.rounded {
     border-radius: var(--border-radius-xl);
   }
-`, zr = s(
+`, Ar = s(
   ({ feature: t, variant: i = "outline", rounded: m = !0, bolt: p = !1, ...o }, l) => {
     const { setPowerpackDialog: a } = n(), c = (e) => {
       a(t), o.onClick?.(e);
@@ -183,6 +184,6 @@ const b = f(d)`
   }
 );
 export {
-  zr as PowerpackButton
+  Ar as PowerpackButton
 };
 //# sourceMappingURL=PowerpackButton.es.js.map

package/dist/shared/src/components/Powerpack/PowerpackButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n\n  .bolt {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &.outline {\n    color: var(--md-sys-color-tertiary);\n    background-color: unset !important;\n    border: 1px solid var(--md-sys-color-tertiary);\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.filled {\n    color: var(--md-sys-color-tertiary);\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n\n    .bolt {\n      color: var(--md-sys-color-on-tertiary);\n    }\n\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.rounded {\n    border-radius: var(--border-radius-xl);\n  }\n`\n\nexport interface PowerpackButtonProps extends Omit<ButtonProps, 'variant'> {\n  feature: PowerpackFeature\n  variant?: 'filled' | 'surface' | 'outline'\n  rounded?: boolean\n  bolt?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, variant = 'outline', rounded = true, bolt = false, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        iconProps={{\n          filled: variant === 'filled',\n        }}\n        className={clsx('cloud-button', props.className, { rounded })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n        {bolt && <Icon icon=\"bolt\" filled className=\"bolt\" />}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","variant","rounded","bolt","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","jsxs","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0CrBC,KAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,SAAAC,IAAU,WAAW,SAAAC,IAAU,IAAM,MAAAC,IAAO,IAAO,GAAGC,EAAA,GAASC,MAAQ;AACjF,UAAM,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAgB,CAAC,MAAqC;AAE1D,MAAAF,EAAmBN,CAAO,GAE1BI,EAAM,UAAU,CAAC;AAAA,IACnB;AAEA,WACEK,gBAAAA,EAAAA;AAAAA,MAACd;AAAA,MAAA;AAAA,QACC,MAAMS,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAW;AAAA,UACT,QAAQP,MAAY;AAAA,QAAA;AAAA,QAEtB,WAAWS,EAAK,gBAAgBN,EAAM,WAAW,EAAE,SAAAF,GAAS;AAAA,QAC5D,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAA;AAAA,UAAAE,EAAM;AAAA,UACND,2BAASQ,GAAA,EAAK,MAAK,QAAO,QAAM,IAAC,WAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzD;AACF;"}
+{"version":3,"file":"PowerpackButton.es.js","sources":["../../../../../src/components/Powerpack/PowerpackButton.tsx"],"sourcesContent":["import { PowerpackFeature, usePowerpack } from '@shared/context'\nimport { Button, ButtonProps, Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { forwardRef, MouseEvent } from 'react'\nimport styled from 'styled-components'\n\nconst StyledButton = styled(Button)`\n  transition: color 0.2s, background-color 0.2s, opacity 0.2s;\n\n  .bolt {\n    color: var(--md-sys-color-tertiary);\n  }\n\n  &.outline {\n    color: var(--md-sys-color-tertiary);\n    background-color: unset !important;\n    border: 1px solid var(--md-sys-color-tertiary);\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.filled {\n    color: var(--md-sys-color-tertiary);\n    background-color: var(--md-sys-color-tertiary) !important;\n    color: var(--md-sys-color-on-tertiary);\n\n    .bolt {\n      color: var(--md-sys-color-on-tertiary);\n    }\n\n    &:hover {\n      color: var(--md-sys-color-on-tertiary);\n    }\n  }\n\n  &.rounded {\n    border-radius: var(--border-radius-xl);\n  }\n`\n\nexport interface PowerpackButtonProps extends Omit<ButtonProps, 'variant'> {\n  feature: PowerpackFeature\n  variant?: 'filled' | 'surface' | 'outline'\n  rounded?: boolean\n  bolt?: boolean\n}\n\nexport const PowerpackButton = forwardRef<HTMLButtonElement, PowerpackButtonProps>(\n  ({ feature, variant = 'outline', rounded = true, bolt = false, ...props }, ref) => {\n    const { setPowerpackDialog } = usePowerpack()\n\n    const handleOnClick = (e: MouseEvent<HTMLButtonElement>) => {\n      // open a dialog to subscribe to Ynput Cloud\n      setPowerpackDialog(feature)\n      // Call the original onClick handler\n      props.onClick?.(e)\n    }\n\n    return (\n      <StyledButton\n        icon={props.icon || 'bolt'}\n        {...props}\n        ref={ref}\n        onClick={handleOnClick}\n        iconProps={{\n          filled: variant === 'filled',\n        }}\n        className={clsx('cloud-button', props.className, { rounded })}\n        data-tooltip={`Power feature`}\n        data-tooltip-delay={0}\n      >\n        {props.children}\n        {bolt && <Icon icon=\"bolt\" filled className=\"bolt\" />}\n      </StyledButton>\n    )\n  },\n)\n"],"names":["StyledButton","styled","Button","PowerpackButton","forwardRef","feature","variant","rounded","bolt","props","ref","setPowerpackDialog","usePowerpack","handleOnClick","jsxs","clsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAeC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0CrBC,KAAkBC;AAAA,EAC7B,CAAC,EAAE,SAAAC,GAAS,SAAAC,IAAU,WAAW,SAAAC,IAAU,IAAM,MAAAC,IAAO,IAAO,GAAGC,EAAA,GAASC,MAAQ;AACjF,UAAM,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAgB,CAAC,MAAqC;AAE1D,MAAAF,EAAmBN,CAAO,GAE1BI,EAAM,UAAU,CAAC;AAAA,IACnB;AAEA,WACEK,gBAAAA,EAAAA;AAAAA,MAACd;AAAA,MAAA;AAAA,QACC,MAAMS,EAAM,QAAQ;AAAA,QACnB,GAAGA;AAAA,QACJ,KAAAC;AAAA,QACA,SAASG;AAAA,QACT,WAAW;AAAA,UACT,QAAQP,MAAY;AAAA,QAAA;AAAA,QAEtB,WAAWS,EAAK,gBAAgBN,EAAM,WAAW,EAAE,SAAAF,GAAS;AAAA,QAC5D,gBAAc;AAAA,QACd,sBAAoB;AAAA,QAEnB,UAAA;AAAA,UAAAE,EAAM;AAAA,UACND,2BAASQ,GAAA,EAAK,MAAK,QAAO,QAAM,IAAC,WAAU,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGzD;AACF;"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),O=require("react"),l=require("@ynput/ayon-react-components"),P=require("./FreeTrialLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const b=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const A=require("./CTAButton.cjs.js"),a=require("../../config/powerpackFeatures.cjs.js"),v=({label:x,description:p,features:d,isCloseable:q=!0,addon:n})=>{const[j,h]=O.useState(!1),{setPowerpackDialog:R,selectedPowerPack:m,powerpackDialog:o,addonDialog:r}=b.usePowerpack(),w=!!n||!!r,E=x??o?.label??r?.label,k=p??o?.description??(r?r.features[r.selectedFeature??""]?.description??Object.values(r.features)[0]?.description:void 0),F=n?.icon??(r?r.icon:"bolt");if(!o&&!r&&(!x||!p))return null;const f=(()=>{if(d)return Object.entries(d);if(r){const u=r.featureOrder.filter(i=>i in r.features).map(i=>[i,r.features[i]]);if(r.selectedFeature){const i=u.findIndex(([t])=>t===r.selectedFeature);if(i>0){const[t]=u.splice(i,1);u.unshift(t)}}return u}return Object.entries(a.powerpackFeatures).sort(([u],[i])=>{if(u===m)return-1;if(i===m)return 1;const t=a.powerpackFeatureOrder.indexOf(u),c=a.powerpackFeatureOrder.indexOf(i);return t>-1&&c>-1?t-c:t>-1?-1:c>-1?1:0})})(),g=()=>{q&&(R(null),h(!1))};return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:g,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:F}),E]}),e.jsxRuntimeExports.jsx("h2",{children:k})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[w?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:f.slice(0,j?void 0:5).map(([u,i])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:i.bullet})]},u))}),!j&&f.length>5&&e.jsxRuntimeExports.jsx(s.ShowAll,{onClick:()=>h(!0),children:"Show all"})]}),e.jsxRuntimeExports.jsx(P.FreeTrialLink,{addon:n?.name,children:e.jsxRuntimeExports.jsx(A.CTAButton,{})})]})};exports.PowerpackDialog=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("./PowerpackDialog.styled.cjs.js"),O=require("react"),l=require("@ynput/ayon-react-components"),P=require("./FreeTrialLink.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const b=require("../../context/PowerpackContext.cjs.js");require("../../context/UriContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");const A=require("./CTAButton.cjs.js"),a=require("../../config/powerpackFeatures.cjs.js"),v=({label:x,description:p,features:d,isCloseable:q=!0,addon:n})=>{const[j,h]=O.useState(!1),{setPowerpackDialog:R,selectedPowerPack:m,powerpackDialog:o,addonDialog:r}=b.usePowerpack(),w=!!n||!!r,E=x??o?.label??r?.label,k=p??o?.description??(r?r.features[r.selectedFeature??""]?.description??Object.values(r.features)[0]?.description:void 0),F=n?.icon??(r?r.icon:"bolt");if(!o&&!r&&(!x||!p))return null;const f=(()=>{if(d)return Object.entries(d);if(r){const u=r.featureOrder.filter(i=>i in r.features).map(i=>[i,r.features[i]]);if(r.selectedFeature){const i=u.findIndex(([t])=>t===r.selectedFeature);if(i>0){const[t]=u.splice(i,1);u.unshift(t)}}return u}return Object.entries(a.powerpackFeatures).sort(([u],[i])=>{if(u===m)return-1;if(i===m)return 1;const t=a.powerpackFeatureOrder.indexOf(u),c=a.powerpackFeatureOrder.indexOf(i);return t>-1&&c>-1?t-c:t>-1?-1:c>-1?1:0})})(),g=()=>{q&&(R(null),h(!1))};return e.jsxRuntimeExports.jsxs(s.PowerpackDialog,{isOpen:!0,onClose:g,size:"lg",hideCancelButton:!q,hideBackdrop:!q,children:[e.jsxRuntimeExports.jsxs(s.MainFeature,{children:[e.jsxRuntimeExports.jsxs("h1",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:F}),E]}),e.jsxRuntimeExports.jsx("h2",{children:k})]}),e.jsxRuntimeExports.jsxs(s.FeaturesList,{children:[w?e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Premium Addons"})," with an AYON Studio subscription."]}):e.jsxRuntimeExports.jsxs("h3",{children:["Unlock all ",e.jsxRuntimeExports.jsx(l.Icon,{icon:"bolt"})," ",e.jsxRuntimeExports.jsx("span",{className:"green",children:"Power Features"})," with an AYON subscription."]}),e.jsxRuntimeExports.jsx("ul",{children:f.slice(0,j?void 0:5).map(([u,i])=>e.jsxRuntimeExports.jsxs("li",{children:[e.jsxRuntimeExports.jsx(l.Icon,{icon:i.icon??"check"}),e.jsxRuntimeExports.jsx("span",{children:i.bullet})]},u))}),!j&&f.length>5&&e.jsxRuntimeExports.jsx(s.ShowAll,{onClick:()=>h(!0),children:"Show all"})]}),e.jsxRuntimeExports.jsx(P.FreeTrialLink,{addon:n?.name,children:e.jsxRuntimeExports.jsx(A.CTAButton,{})})]})};exports.PowerpackDialog=v;
 //# sourceMappingURL=PowerpackDialog.cjs.js.map

package/dist/shared/src/components/Powerpack/PowerpackDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FreeTrialLink } from './FreeTrialLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    name: string\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      <FreeTrialLink addon={addon?.name}>\n        <CTAButton />\n      </FreeTrialLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","isAddon","activeLabel","activeDescription","activeIcon","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","FreeTrialLink","CTAButton"],"mappings":"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"}
+{"version":3,"file":"PowerpackDialog.cjs.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FreeTrialLink } from './FreeTrialLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    name: string\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      <FreeTrialLink addon={addon?.name}>\n        <CTAButton />\n      </FreeTrialLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","isAddon","activeLabel","activeDescription","activeIcon","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","FreeTrialLink","CTAButton"],"mappings":"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"}

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js

@@ -60,6 +60,7 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -125,7 +126,7 @@ import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import { CTAButton as C } from "./CTAButton.es.js";
 import { powerpackFeatures as I, powerpackFeatureOrder as j } from "../../config/powerpackFeatures.es.js";
-const yt = ({
+const ri = ({
   label: l,
   description: a,
   features: u,
@@ -199,6 +200,6 @@ const yt = ({
   );
 };
 export {
-  yt as PowerpackDialog
+  ri as PowerpackDialog
 };
 //# sourceMappingURL=PowerpackDialog.es.js.map

package/dist/shared/src/components/Powerpack/PowerpackDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FreeTrialLink } from './FreeTrialLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    name: string\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      <FreeTrialLink addon={addon?.name}>\n        <CTAButton />\n      </FreeTrialLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","isAddon","activeLabel","activeDescription","activeIcon","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","FreeTrialLink","CTAButton"],"mappings":"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"}
+{"version":3,"file":"PowerpackDialog.es.js","sources":["../../../../../src/components/Powerpack/PowerpackDialog.tsx"],"sourcesContent":["import * as Styled from './PowerpackDialog.styled'\nimport { FC, useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FreeTrialLink } from './FreeTrialLink'\nimport { powerpackFeatureOrder, powerpackFeatures, usePowerpack } from '@shared/context'\nimport type { PowerpackDialogType } from '@shared/context/PowerpackContext'\nimport { CTAButton } from './CTAButton'\n\nexport interface PowerpackDialogProps {\n  label?: string\n  description?: string\n  features?: Record<string, Pick<PowerpackDialogType, 'bullet' | 'icon'>>\n  isCloseable?: boolean\n  addon?: {\n    name: string\n    icon: string\n  }\n}\n\nexport const PowerpackDialog: FC<PowerpackDialogProps> = ({\n  label,\n  description,\n  features,\n  isCloseable = true,\n  addon,\n}) => {\n  const [showAll, setShowAll] = useState(false)\n  const { setPowerpackDialog, selectedPowerPack, powerpackDialog, addonDialog } = usePowerpack()\n\n  // Determine if we're showing an addon dialog (from context or props)\n  const isAddon = !!addon || !!addonDialog\n\n  // Resolve the active dialog values: props override context, addon context provides its own data\n  const activeLabel = label ?? powerpackDialog?.label ?? addonDialog?.label\n  const activeDescription =\n    description ??\n    powerpackDialog?.description ??\n    (addonDialog\n      ? addonDialog.features[addonDialog.selectedFeature ?? '']?.description ??\n        Object.values(addonDialog.features)[0]?.description\n      : undefined)\n  const activeIcon = addon?.icon ?? (addonDialog ? addonDialog.icon : 'bolt')\n\n  if (!powerpackDialog && !addonDialog && (!label || !description)) return null\n\n  // Resolve the features list and sort it\n  const resolveFeatures = (): [string, Pick<PowerpackDialogType, 'bullet' | 'icon'>][] => {\n    // Explicit features prop takes highest priority\n    if (features) {\n      return Object.entries(features)\n    }\n\n    // Addon dialog from context\n    if (addonDialog) {\n      const ordered = addonDialog.featureOrder\n        .filter((key) => key in addonDialog.features)\n        .map(\n          (key) =>\n            [key, addonDialog.features[key]] as [\n              string,\n              Pick<PowerpackDialogType, 'bullet' | 'icon'>,\n            ],\n        )\n\n      // Move selected feature to top\n      if (addonDialog.selectedFeature) {\n        const idx = ordered.findIndex(([key]) => key === addonDialog.selectedFeature)\n        if (idx > 0) {\n          const [item] = ordered.splice(idx, 1)\n          ordered.unshift(item)\n        }\n      }\n\n      return ordered\n    }\n\n    // Default: powerpack features\n    return Object.entries(powerpackFeatures).sort(([keyA], [keyB]) => {\n      if (keyA === selectedPowerPack) return -1\n      if (keyB === selectedPowerPack) return 1\n\n      const indexA = powerpackFeatureOrder.indexOf(keyA as any)\n      const indexB = powerpackFeatureOrder.indexOf(keyB as any)\n\n      if (indexA > -1 && indexB > -1) {\n        return indexA - indexB\n      }\n      if (indexA > -1) return -1\n      if (indexB > -1) return 1\n      return 0\n    })\n  }\n\n  const sortedFeatures = resolveFeatures()\n\n  const handleClose = () => {\n    if (!isCloseable) return\n    setPowerpackDialog(null)\n    setShowAll(false)\n  }\n\n  return (\n    <Styled.PowerpackDialog\n      isOpen\n      onClose={handleClose}\n      size=\"lg\"\n      hideCancelButton={!isCloseable}\n      hideBackdrop={!isCloseable}\n    >\n      <Styled.MainFeature>\n        <h1>\n          <Icon icon={activeIcon} />\n          {activeLabel}\n        </h1>\n        <h2>{activeDescription}</h2>\n      </Styled.MainFeature>\n\n      <Styled.FeaturesList>\n        {isAddon ? (\n          <h3>\n            Unlock all <span className=\"green\">Premium Addons</span> with an AYON Studio\n            subscription.\n          </h3>\n        ) : (\n          <h3>\n            Unlock all <Icon icon=\"bolt\" /> <span className=\"green\">Power Features</span> with an\n            AYON subscription.\n          </h3>\n        )}\n        <ul>\n          {sortedFeatures.slice(0, showAll ? undefined : 5).map(([key, value]) => (\n            <li key={key}>\n              <Icon icon={value.icon ?? 'check'} />\n              <span>{value.bullet}</span>\n            </li>\n          ))}\n        </ul>\n        {!showAll && sortedFeatures.length > 5 && (\n          <Styled.ShowAll onClick={() => setShowAll(true)}>Show all</Styled.ShowAll>\n        )}\n      </Styled.FeaturesList>\n      <FreeTrialLink addon={addon?.name}>\n        <CTAButton />\n      </FreeTrialLink>\n    </Styled.PowerpackDialog>\n  )\n}\n"],"names":["PowerpackDialog","label","description","features","isCloseable","addon","showAll","setShowAll","useState","setPowerpackDialog","selectedPowerPack","powerpackDialog","addonDialog","usePowerpack","isAddon","activeLabel","activeDescription","activeIcon","sortedFeatures","ordered","key","idx","item","powerpackFeatures","keyA","keyB","indexA","powerpackFeatureOrder","indexB","handleClose","jsxs","Styled.PowerpackDialog","Styled.MainFeature","jsx","Icon","Styled.FeaturesList","value","Styled.ShowAll","FreeTrialLink","CTAButton"],"mappings":"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"}

package/dist/shared/src/components/Powerpack/useFreeTrialLink.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");const o=require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const t=require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const n="https://ynput.cloud/free-trial",d=({addon:i})=>{const{data:r}=t.useGetCurrentUserQuery(),s=r?.data?.isAdmin||r?.data?.isManager,{data:u}=o.useGetYnputCloudInfoQuery(void 0,{skip:!r?.name}),{data:a}=t.useGetActiveUsersCountQuery({},{skip:!s||!u?.instanceId}),e=new URL(n),q=u?.instanceId,c=a||10;return e.searchParams.append("seats",c.toString()),q&&e.searchParams.append("instance_id",q),i&&e.searchParams.append("addon",i),e.toString()};exports.baseLink=n;exports.useFreeTrialLink=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");const o=require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");const t=require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");const n="https://ynput.cloud/free-trial",d=({addon:i})=>{const{data:r}=t.useGetCurrentUserQuery(),s=r?.data?.isAdmin||r?.data?.isManager,{data:u}=o.useGetYnputCloudInfoQuery(void 0,{skip:!r?.name}),{data:a}=t.useGetActiveUsersCountQuery({},{skip:!s||!u?.instanceId}),e=new URL(n),q=u?.instanceId,c=a||10;return e.searchParams.append("seats",c.toString()),q&&e.searchParams.append("instance_id",q),i&&e.searchParams.append("addon",i),e.toString()};exports.baseLink=n;exports.useFreeTrialLink=d;
 //# sourceMappingURL=useFreeTrialLink.cjs.js.map

package/dist/shared/src/components/Powerpack/useFreeTrialLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFreeTrialLink.cjs.js","sources":["../../../../../src/components/Powerpack/useFreeTrialLink.tsx"],"sourcesContent":["import {\n  useGetActiveUsersCountQuery,\n  useGetCurrentUserQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\nexport const baseLink = 'https://ynput.cloud/free-trial'\n\n// When there is something to subscribe to, send them to free trial page\n// If they have already used their trial, they will be redirected to subscribe dialog\nexport const useFreeTrialLink = ({\n  addon, // an addon they are trying to access, e.g. 'powerpack'\n}: {\n  addon?: string\n}) => {\n  const { data: currentUser } = useGetCurrentUserQuery()\n  const canManage = currentUser?.data?.isAdmin || currentUser?.data?.isManager\n\n  // get connected instance id (admin and manager only)\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !currentUser?.name })\n  // get quantity of active users in ayon (admin and manager only)\n  const { data: activeUsersCount } = useGetActiveUsersCountQuery(\n    {},\n    { skip: !canManage || !connect?.instanceId },\n  )\n  //   construct new URL\n  const url = new URL(baseLink)\n\n  const instanceId = connect?.instanceId\n  const quantity = activeUsersCount || 10\n\n  //   add quantity\n  url.searchParams.append('seats', quantity.toString())\n  //   add instance id if there is one\n  if (instanceId) url.searchParams.append('instance_id', instanceId)\n  // add addon if there is one\n  if (addon) url.searchParams.append('addon', addon)\n\n  return url.toString()\n}\n"],"names":["baseLink","useFreeTrialLink","addon","currentUser","useGetCurrentUserQuery","canManage","connect","useGetYnputCloudInfoQuery","activeUsersCount","useGetActiveUsersCountQuery","url","instanceId","quantity"],"mappings":"u6JAKO,MAAMA,EAAW,iCAIXC,EAAmB,CAAC,CAC/B,MAAAC,CACF,IAEM,CACJ,KAAM,CAAE,KAAMC,CAAA,EAAgBC,yBAAA,EACxBC,EAAYF,GAAa,MAAM,SAAWA,GAAa,MAAM,UAG7D,CAAE,KAAMG,CAAA,EAAYC,EAAAA,0BAA0B,OAAW,CAAE,KAAM,CAACJ,GAAa,KAAM,EAErF,CAAE,KAAMK,CAAA,EAAqBC,EAAAA,4BACjC,CAAA,EACA,CAAE,KAAM,CAACJ,GAAa,CAACC,GAAS,UAAA,CAAW,EAGvCI,EAAM,IAAI,IAAIV,CAAQ,EAEtBW,EAAaL,GAAS,WACtBM,EAAWJ,GAAoB,GAGrC,OAAAE,EAAI,aAAa,OAAO,QAASE,EAAS,UAAU,EAEhDD,GAAYD,EAAI,aAAa,OAAO,cAAeC,CAAU,EAE7DT,GAAOQ,EAAI,aAAa,OAAO,QAASR,CAAK,EAE1CQ,EAAI,SAAA,CACb"}
+{"version":3,"file":"useFreeTrialLink.cjs.js","sources":["../../../../../src/components/Powerpack/useFreeTrialLink.tsx"],"sourcesContent":["import {\n  useGetActiveUsersCountQuery,\n  useGetCurrentUserQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\nexport const baseLink = 'https://ynput.cloud/free-trial'\n\n// When there is something to subscribe to, send them to free trial page\n// If they have already used their trial, they will be redirected to subscribe dialog\nexport const useFreeTrialLink = ({\n  addon, // an addon they are trying to access, e.g. 'powerpack'\n}: {\n  addon?: string\n}) => {\n  const { data: currentUser } = useGetCurrentUserQuery()\n  const canManage = currentUser?.data?.isAdmin || currentUser?.data?.isManager\n\n  // get connected instance id (admin and manager only)\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !currentUser?.name })\n  // get quantity of active users in ayon (admin and manager only)\n  const { data: activeUsersCount } = useGetActiveUsersCountQuery(\n    {},\n    { skip: !canManage || !connect?.instanceId },\n  )\n  //   construct new URL\n  const url = new URL(baseLink)\n\n  const instanceId = connect?.instanceId\n  const quantity = activeUsersCount || 10\n\n  //   add quantity\n  url.searchParams.append('seats', quantity.toString())\n  //   add instance id if there is one\n  if (instanceId) url.searchParams.append('instance_id', instanceId)\n  // add addon if there is one\n  if (addon) url.searchParams.append('addon', addon)\n\n  return url.toString()\n}\n"],"names":["baseLink","useFreeTrialLink","addon","currentUser","useGetCurrentUserQuery","canManage","connect","useGetYnputCloudInfoQuery","activeUsersCount","useGetActiveUsersCountQuery","url","instanceId","quantity"],"mappings":"q+JAKO,MAAMA,EAAW,iCAIXC,EAAmB,CAAC,CAC/B,MAAAC,CACF,IAEM,CACJ,KAAM,CAAE,KAAMC,CAAA,EAAgBC,yBAAA,EACxBC,EAAYF,GAAa,MAAM,SAAWA,GAAa,MAAM,UAG7D,CAAE,KAAMG,CAAA,EAAYC,EAAAA,0BAA0B,OAAW,CAAE,KAAM,CAACJ,GAAa,KAAM,EAErF,CAAE,KAAMK,CAAA,EAAqBC,EAAAA,4BACjC,CAAA,EACA,CAAE,KAAM,CAACJ,GAAa,CAACC,GAAS,UAAA,CAAW,EAGvCI,EAAM,IAAI,IAAIV,CAAQ,EAEtBW,EAAaL,GAAS,WACtBM,EAAWJ,GAAoB,GAGrC,OAAAE,EAAI,aAAa,OAAO,QAASE,EAAS,UAAU,EAEhDD,GAAYD,EAAI,aAAa,OAAO,cAAeC,CAAU,EAE7DT,GAAOQ,EAAI,aAAa,OAAO,QAASR,CAAK,EAE1CQ,EAAI,SAAA,CACb"}

package/dist/shared/src/components/Powerpack/useFreeTrialLink.es.js

@@ -50,6 +50,7 @@ import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import { useGetYnputCloudInfoQuery as a } from "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/columnStats/metricTargets.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -91,7 +92,7 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-const u = "https://ynput.cloud/free-trial", Xt = ({
+const u = "https://ynput.cloud/free-trial", Zt = ({
   addon: i
   // an addon they are trying to access, e.g. 'powerpack'
 }) => {
@@ -103,6 +104,6 @@ const u = "https://ynput.cloud/free-trial", Xt = ({
 };
 export {
   u as baseLink,
-  Xt as useFreeTrialLink
+  Zt as useFreeTrialLink
 };
 //# sourceMappingURL=useFreeTrialLink.es.js.map

package/dist/shared/src/components/Powerpack/useFreeTrialLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFreeTrialLink.es.js","sources":["../../../../../src/components/Powerpack/useFreeTrialLink.tsx"],"sourcesContent":["import {\n  useGetActiveUsersCountQuery,\n  useGetCurrentUserQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\nexport const baseLink = 'https://ynput.cloud/free-trial'\n\n// When there is something to subscribe to, send them to free trial page\n// If they have already used their trial, they will be redirected to subscribe dialog\nexport const useFreeTrialLink = ({\n  addon, // an addon they are trying to access, e.g. 'powerpack'\n}: {\n  addon?: string\n}) => {\n  const { data: currentUser } = useGetCurrentUserQuery()\n  const canManage = currentUser?.data?.isAdmin || currentUser?.data?.isManager\n\n  // get connected instance id (admin and manager only)\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !currentUser?.name })\n  // get quantity of active users in ayon (admin and manager only)\n  const { data: activeUsersCount } = useGetActiveUsersCountQuery(\n    {},\n    { skip: !canManage || !connect?.instanceId },\n  )\n  //   construct new URL\n  const url = new URL(baseLink)\n\n  const instanceId = connect?.instanceId\n  const quantity = activeUsersCount || 10\n\n  //   add quantity\n  url.searchParams.append('seats', quantity.toString())\n  //   add instance id if there is one\n  if (instanceId) url.searchParams.append('instance_id', instanceId)\n  // add addon if there is one\n  if (addon) url.searchParams.append('addon', addon)\n\n  return url.toString()\n}\n"],"names":["baseLink","useFreeTrialLink","addon","currentUser","useGetCurrentUserQuery","canManage","connect","useGetYnputCloudInfoQuery","activeUsersCount","useGetActiveUsersCountQuery","url","instanceId","quantity"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,IAAW,kCAIXC,KAAmB,CAAC;AAAA,EAC/B,OAAAC;AAAA;AACF,MAEM;AACJ,QAAM,EAAE,MAAMC,EAAA,IAAgBC,EAAA,GACxBC,IAAYF,GAAa,MAAM,WAAWA,GAAa,MAAM,WAG7D,EAAE,MAAMG,EAAA,IAAYC,EAA0B,QAAW,EAAE,MAAM,CAACJ,GAAa,MAAM,GAErF,EAAE,MAAMK,EAAA,IAAqBC;AAAA,IACjC,CAAA;AAAA,IACA,EAAE,MAAM,CAACJ,KAAa,CAACC,GAAS,WAAA;AAAA,EAAW,GAGvCI,IAAM,IAAI,IAAIV,CAAQ,GAEtBW,IAAaL,GAAS,YACtBM,IAAWJ,KAAoB;AAGrC,SAAAE,EAAI,aAAa,OAAO,SAASE,EAAS,UAAU,GAEhDD,KAAYD,EAAI,aAAa,OAAO,eAAeC,CAAU,GAE7DT,KAAOQ,EAAI,aAAa,OAAO,SAASR,CAAK,GAE1CQ,EAAI,SAAA;AACb;"}
+{"version":3,"file":"useFreeTrialLink.es.js","sources":["../../../../../src/components/Powerpack/useFreeTrialLink.tsx"],"sourcesContent":["import {\n  useGetActiveUsersCountQuery,\n  useGetCurrentUserQuery,\n  useGetYnputCloudInfoQuery,\n} from '@shared/api'\nexport const baseLink = 'https://ynput.cloud/free-trial'\n\n// When there is something to subscribe to, send them to free trial page\n// If they have already used their trial, they will be redirected to subscribe dialog\nexport const useFreeTrialLink = ({\n  addon, // an addon they are trying to access, e.g. 'powerpack'\n}: {\n  addon?: string\n}) => {\n  const { data: currentUser } = useGetCurrentUserQuery()\n  const canManage = currentUser?.data?.isAdmin || currentUser?.data?.isManager\n\n  // get connected instance id (admin and manager only)\n  const { data: connect } = useGetYnputCloudInfoQuery(undefined, { skip: !currentUser?.name })\n  // get quantity of active users in ayon (admin and manager only)\n  const { data: activeUsersCount } = useGetActiveUsersCountQuery(\n    {},\n    { skip: !canManage || !connect?.instanceId },\n  )\n  //   construct new URL\n  const url = new URL(baseLink)\n\n  const instanceId = connect?.instanceId\n  const quantity = activeUsersCount || 10\n\n  //   add quantity\n  url.searchParams.append('seats', quantity.toString())\n  //   add instance id if there is one\n  if (instanceId) url.searchParams.append('instance_id', instanceId)\n  // add addon if there is one\n  if (addon) url.searchParams.append('addon', addon)\n\n  return url.toString()\n}\n"],"names":["baseLink","useFreeTrialLink","addon","currentUser","useGetCurrentUserQuery","canManage","connect","useGetYnputCloudInfoQuery","activeUsersCount","useGetActiveUsersCountQuery","url","instanceId","quantity"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,IAAW,kCAIXC,KAAmB,CAAC;AAAA,EAC/B,OAAAC;AAAA;AACF,MAEM;AACJ,QAAM,EAAE,MAAMC,EAAA,IAAgBC,EAAA,GACxBC,IAAYF,GAAa,MAAM,WAAWA,GAAa,MAAM,WAG7D,EAAE,MAAMG,EAAA,IAAYC,EAA0B,QAAW,EAAE,MAAM,CAACJ,GAAa,MAAM,GAErF,EAAE,MAAMK,EAAA,IAAqBC;AAAA,IACjC,CAAA;AAAA,IACA,EAAE,MAAM,CAACJ,KAAa,CAACC,GAAS,WAAA;AAAA,EAAW,GAGvCI,IAAM,IAAI,IAAIV,CAAQ,GAEtBW,IAAaL,GAAS,YACtBM,IAAWJ,KAAoB;AAGrC,SAAAE,EAAI,aAAa,OAAO,SAASE,EAAS,UAAU,GAEhDD,KAAYD,EAAI,aAAa,OAAO,eAAeC,CAAU,GAE7DT,KAAOQ,EAAI,aAAa,OAAO,SAASR,CAAK,GAE1CQ,EAAI,SAAA;AACb;"}