@ntbjs/react-components 2.0.3-rc.1 → 2.0.6

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js

@@ -41,7 +41,7 @@ const ComputedRootComponent = ({
   asset,
   ...props
 }) => {
-  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) => key === 'innerRef' ? 'ref' : key);
+  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode', 'softSelected', '$softSelected', 'customSelectedBorder', '$customSelectedBorder', 'isCardHovered', '$isCardHovered', 'completed', '$hasError']), (_, key) => key === 'innerRef' ? 'ref' : key);
   if (component) {
     if (!isFunction(component)) throw Error('Expected a function in component-prop');
     if (React__default.isValidElement(component(asset, newProps.children))) {
@@ -248,7 +248,7 @@ const AssetGalleryGridCard = props => {
     }), React__default.createElement(OverlayInfo, null, React__default.createElement(OverlayInfoTop, null, React__default.createElement(OverlayInfoTopVersions, null, renderVersionsBadge()), asset?.note?.title && React__default.createElement(OverlayInfoTopWarning, {
       type: asset?.note?.type
     }, React__default.createElement(SvgWarningCircle, null)), React__default.createElement(OverlayInfoTopActions, {
-      isCardHovered: isCardHovered
+      $isCardHovered: isCardHovered
     }, asset.actions && asset.actions.map((action, index) => React__default.createElement(Tooltip, {
       key: `${asset.key}-${action.title}`,
       content: action.title
@@ -258,7 +258,7 @@ const AssetGalleryGridCard = props => {
       component: action.component,
       className: action.className,
       icon: action.icon,
-      isCardHovered: isCardHovered,
+      $isCardHovered: isCardHovered,
       isSubActionsOpened: shouldOpenSubActions(index),
       onClick: event => onActionClick(event, action, index),
       subActions: action?.subActions,
@@ -270,7 +270,7 @@ const AssetGalleryGridCard = props => {
     })), React__default.createElement(OverlayInfoBottomMediaIcon, null, renderMediaBadge()))), selectable && React__default.createElement(OverlaySelected, {
       selected: selected,
       $softSelected: softSelected,
-      customSelectedBorder: customSelectedBorder
+      $customSelectedBorder: customSelectedBorder
     })), asset.overlay && React__default.createElement(ConsumerDefinedOverlay, null, asset.overlay));
   }
   useEffect(() => {
@@ -375,13 +375,13 @@ const AssetGalleryGridCard = props => {
     $softSelected: softSelected,
     completed: asset?.completed,
     $hasError: asset?.hasError,
-    customSelectedBorder: customSelectedBorder
+    $customSelectedBorder: customSelectedBorder
   }, React__default.createElement(ContentWrapper, {
     layout: asset.layout,
     ref: cardRef,
     $softSelected: softSelected,
     selected: selected,
-    customSelectedBorder: customSelectedBorder
+    $customSelectedBorder: customSelectedBorder
   }, React__default.createElement(Asset, {
     "data-id": "ss",
     selected: selected

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryGridCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js"],"sourcesContent":["import { get, isEmpty, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport {\n  LazyLoadComponent,\n  LazyLoadImage,\n  trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport {\n  CheckRectangleIcon,\n  HeadsetIcon,\n  LayersIcon,\n  PlayIcon,\n  WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge, Popover, Tooltip } from '../../../../data';\nimport { ActionButton } from '../../../../inputs';\nimport ContextMenu from '../../../ContextMenu/ContextMenu';\nimport ContextMenuItem from '../../../ContextMenu/ContextMenuItem/ContextMenuItem';\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryGridCard.styled';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n  // Omit props we don't need\n  const newProps = mapKeys(omit(props, ['theme', 'extendedSelectMode']), (_, key) =>\n    key === 'innerRef' ? 'ref' : key\n  );\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component(asset, newProps.children))) {\n      return React.cloneElement(component(asset, newProps.children), omit(newProps, ['children']));\n    }\n  }\n\n  return <S.AssetGalleryGridCard ref={newProps.ref} {...newProps} />;\n};\n\n/* eslint-disable react/prop-types */\nconst ComputedActionButton = React.forwardRef(function ComputedActionButton(\n  // eslint-disable-next-line react/prop-types\n  { component, className, subActions = [], isSubActionsOpened, ...props },\n  forwardedRef\n) {\n  const newProps = props;\n  if (!isEmpty(subActions)) {\n    const contextMenuItems = subActions.map((subAction, key) => {\n      const { onClick, title, icon } = subAction;\n      return <ContextMenuItem key={key} onClickEffect={onClick} title={title} icon={icon} />;\n    });\n    const contextMenu = <ContextMenu>{contextMenuItems}</ContextMenu>;\n    newProps.children = (\n      <Popover\n        contextMenu={true}\n        content={contextMenu}\n        placement={'bottom-end'}\n        visible={isSubActionsOpened}\n        zIndex={10001}\n        offset={[0, -8]}\n      >\n        <ActionButton\n          useShadow={true}\n          active={true}\n          ref={forwardedRef}\n          className={className}\n          icon={newProps.icon}\n          backgroundColors={['black', 'white']}\n          onClick={newProps.onClick}\n          actionWidthHeight={newProps.actionWidthHeight}\n        />\n      </Popover>\n    );\n  } else {\n    newProps.children = (\n      <ActionButton\n        useShadow={true}\n        active={true}\n        ref={forwardedRef}\n        className={className}\n        icon={newProps.icon}\n        onClick={newProps.onClick}\n        backgroundColors={['black', 'white']}\n        actionWidthHeight={newProps.actionWidthHeight}\n      />\n    );\n  }\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component())) {\n      return React.cloneElement(component(), { ...omit(newProps, 'icon') });\n    }\n  }\n\n  return <React.Fragment>{newProps.children}</React.Fragment>;\n});\n/* eslint-disable react/prop-types */\n\nconst AssetGalleryGridCard = props => {\n  const {\n    asset,\n    selectable,\n    selected,\n    customSelectedBorder,\n    extendedSelectMode,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelected,\n    component,\n    scrollPosition\n  } = props;\n\n  const [isCardHovered, setIsCardHovered] = React.useState(false);\n  const [openedSubActions, updateOpenedSubActions] = React.useState([]);\n  useEffect(() => {\n    const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n    updateOpenedSubActions(newOpenedSubActions);\n  }, [asset]);\n\n  useEffect(() => {\n    if (!isCardHovered && openedSubActions?.length) {\n      updateOpenedSubActions(openedSubActions.map(() => false));\n    }\n  }, [isCardHovered]);\n\n  const mouseHasEnteredCard = useCallback(() => {\n    setIsCardHovered(true);\n  }, []);\n\n  const mouseHasLeftCard = useCallback(() => {\n    setIsCardHovered(false);\n  }, []);\n\n  const onSubActionsViewToggle = useCallback(\n    actionIndex => {\n      const newOpenedSubActions = openedSubActions.map((isOpened, index) => {\n        if (index !== actionIndex) {\n          return false;\n        }\n        return !isOpened;\n      });\n      updateOpenedSubActions(newOpenedSubActions);\n    },\n    [openedSubActions]\n  );\n\n  const videoPlayerRef = useRef();\n  const cardRef = useRef();\n  const dragRef = useRef(null);\n\n  function onMouseEnter(event) {\n    if (videoPlayerRef.current) {\n      const playPromise = videoPlayerRef.current.play();\n      if (playPromise !== undefined) {\n        playPromise\n          .then(() => {\n            // Playback started!\n          })\n          .catch(() => {\n            // Play was prevented - silently swallow play errors\n          });\n      }\n    }\n\n    if (isFunction(asset.onMouseEnter)) {\n      asset.onMouseEnter(event, asset);\n    }\n\n    mouseHasEnteredCard();\n  }\n\n  function onMouseLeave() {\n    if (videoPlayerRef.current) {\n      videoPlayerRef.current.pause();\n    }\n\n    mouseHasLeftCard();\n  }\n\n  function onClick(event) {\n    if (extendedSelectMode) {\n      return onSelectClick(event);\n    }\n\n    if (isFunction(asset.onClick)) {\n      asset.onClick(event, asset);\n    }\n  }\n\n  function onSelectClick(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (selected) {\n      return onAssetUnselected(asset.key);\n    }\n\n    return onAssetSelected(asset.key);\n  }\n\n  const onActionClick = useCallback(\n    (event, action, index) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n\n      if (!isEmpty(action?.subActions)) {\n        onSubActionsViewToggle(index);\n      }\n    },\n    [onSubActionsViewToggle]\n  );\n\n  const shouldOpenSubActions = useCallback(\n    actionIndex => openedSubActions[actionIndex],\n    [openedSubActions]\n  );\n\n  function onContextMenu(event) {\n    event.preventDefault();\n    asset.onContextMenu(event);\n  }\n\n  function renderPreview(asset) {\n    let previewContent = null;\n\n    if (asset.fileType?.toLowerCase() === 'video') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <video ref={videoPlayerRef} loop muted>\n            <source src={asset.previewUrl} type=\"video/mp4\" />\n          </video>\n        </LazyLoadComponent>\n      );\n    } else if (asset.fileType?.toLowerCase() === 'audio') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <div className=\"audio\">\n            <HeadsetIcon />\n          </div>\n        </LazyLoadComponent>\n      );\n    } else {\n      previewContent = (\n        <LazyLoadImage\n          alt={asset.title}\n          src={asset.previewUrl}\n          height=\"100%\"\n          width=\"100%\"\n          delayMethod=\"debounce\"\n          delayTime={0}\n          threshold={1500}\n          scrollPosition={scrollPosition}\n        />\n      );\n    }\n\n    return (\n      <S.Figure selected={selected}>\n        {previewContent}\n        <S.FigureOverlayBackdrop selected={selected} />\n        <S.Overlay ref={cardRef}>\n          <S.OverlayBackdrop $softSelected={softSelected} selected={selected} />\n\n          <S.OverlayInfo>\n            <S.OverlayInfoTop>\n              <S.OverlayInfoTopVersions>{renderVersionsBadge()}</S.OverlayInfoTopVersions>\n\n              {asset?.note?.title && (\n                <S.OverlayInfoTopWarning type={asset?.note?.type}>\n                  <WarningCircleIcon />\n                </S.OverlayInfoTopWarning>\n              )}\n\n              <S.OverlayInfoTopActions isCardHovered={isCardHovered}>\n                {asset.actions &&\n                  asset.actions.map((action, index) => (\n                    <Tooltip key={`${asset.key}-${action.title}`} content={action.title}>\n                      <S.Fragment\n                        key={`${asset.key}-${action.title}`}\n                        as={ComputedActionButton}\n                        component={action.component}\n                        className={action.className}\n                        icon={action.icon}\n                        isCardHovered={isCardHovered}\n                        isSubActionsOpened={shouldOpenSubActions(index)}\n                        onClick={event => onActionClick(event, action, index)}\n                        subActions={action?.subActions}\n                        actionWidthHeight={action.actionWidthHeight}\n                      />\n                    </Tooltip>\n                  ))}\n              </S.OverlayInfoTopActions>\n            </S.OverlayInfoTop>\n\n            <S.OverlayInfoBottom>\n              {selectable && (\n                <S.OverlayInfoBottomSelectButton selected={selected}>\n                  <CheckRectangleIcon onClick={onSelectClick} />\n                </S.OverlayInfoBottomSelectButton>\n              )}\n\n              <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n            </S.OverlayInfoBottom>\n          </S.OverlayInfo>\n\n          {selectable && (\n            <S.OverlaySelected\n              selected={selected}\n              $softSelected={softSelected}\n              customSelectedBorder={customSelectedBorder}\n            />\n          )}\n        </S.Overlay>\n        {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n      </S.Figure>\n    );\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onContextMenu)) {\n      if (cardRef.current) {\n        cardRef.current.addEventListener('contextmenu', onContextMenu);\n      }\n      return () => {\n        if (cardRef.current) {\n          cardRef.current.removeEventListener('contextmenu', onContextMenu);\n        }\n      };\n    }\n  }, []);\n\n  function onDragstart(event) {\n    asset.onDragstart(event);\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onDragstart)) {\n      if (dragRef.current) {\n        dragRef.current.addEventListener('dragstart', onDragstart);\n      }\n      return () => {\n        if (dragRef.current) {\n          dragRef.current.removeEventListener('dragstart', onDragstart);\n        }\n      };\n    }\n  }, []);\n\n  // If this asset is soft selected we will scroll it into the viewport if it's outside\n  useEffect(() => {\n    if (softSelected) {\n      cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }, [softSelected]);\n\n  const renderVersionsBadge = useCallback(() => {\n    if (!asset?.versions) return null;\n\n    return (\n      <Badge\n        badgeIcon={<LayersIcon />}\n        badgeContent={asset.versions}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n      />\n    );\n  }, [asset]);\n\n  const renderMediaBadge = useCallback(() => {\n    let badgeIcon = null;\n    let badgeContent = null;\n\n    if (asset?.fileType === 'video') {\n      badgeIcon = <PlayIcon />;\n    }\n\n    if (asset?.duration) {\n      badgeContent = convertMsToHMS(asset.duration);\n    }\n\n    if (!badgeIcon && !badgeContent) return null;\n    return (\n      <Badge\n        badgeIcon={badgeIcon}\n        badgeContent={badgeContent}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n        minWidth={32}\n        height={24}\n      />\n    );\n  }, [asset]);\n\n  const renderSummary = useCallback(() => {\n    return (\n      <SummaryCard\n        activeSummaryCard={true}\n        title={asset?.title || ''}\n        description={asset?.description || ''}\n        instructions={asset?.imageRights || ''}\n        instructionsType={'warning'}\n        footerLeft={asset?.summary?.footerLeft || ''}\n        footerRight={asset?.summary?.footerRight || ''}\n        view={'grid'}\n      />\n    );\n  }, [asset]);\n\n  return (\n    <S.AssetGalleryWrapper disabled={asset.disabled}>\n      <S.AssetGalleryGridCard\n        as={ComputedRootComponent}\n        component={component}\n        asset={asset}\n        disabled={asset.disabled}\n        onClick={onClick}\n        extendedSelectMode={extendedSelectMode}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        draggable={asset.draggable}\n        innerRef={dragRef}\n        selected={selected}\n        $softSelected={softSelected}\n        completed={asset?.completed}\n        $hasError={asset?.hasError}\n        customSelectedBorder={customSelectedBorder}\n      >\n        <S.ContentWrapper\n          layout={asset.layout}\n          ref={cardRef}\n          $softSelected={softSelected}\n          selected={selected}\n          customSelectedBorder={customSelectedBorder}\n        >\n          <S.Asset data-id=\"ss\" selected={selected}>\n            {asset.previewUrl && renderPreview(asset)}\n          </S.Asset>\n\n          {renderSummary()}\n        </S.ContentWrapper>\n      </S.AssetGalleryGridCard>\n    </S.AssetGalleryWrapper>\n  );\n};\n\nAssetGalleryGridCard.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  asset: PropTypes.shape(assetShapeWithLayout).isRequired,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Is the asset selected\n   */\n  selected: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * Makes the whole asset card into a selectable area\n   */\n  extendedSelectMode: PropTypes.bool,\n\n  /**\n   * The callback function when an asset is selected - returns the selected asset key\n   */\n  onAssetSelected: PropTypes.func.isRequired,\n\n  /**\n   * The callback function when an asset is unselected - returns the unselected asset key\n   */\n  onAssetUnselected: PropTypes.func.isRequired,\n\n  /**\n   * Is the asset soft selected\n   */\n  softSelected: PropTypes.bool.isRequired,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * Internal prop used by the gallery to determine if the card is in the viewport - This prop is\n   * not intended to be used by consumers\n   */\n  scrollPosition: PropTypes.number\n};\n\nAssetGalleryGridCard.defaultProps = {};\n\nexport default trackWindowScroll(\n  React.memo(AssetGalleryGridCard, (prevProps, nextProps) => {\n    // The asset card will only re-render if any of the following props change.\n    const reactiveProps = [\n      'selectable',\n      'selected',\n      'extendedSelectMode',\n      'softSelected',\n      'asset.previewUrl',\n      'asset.overlay',\n      'asset.layout'\n    ];\n\n    return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));\n  })\n);\n"],"names":["ComputedRootComponent","component","asset","props","newProps","mapKeys","omit","_","key","isFunction","Error","React","isValidElement","children","cloneElement","createElement","S","_extends","ref","ComputedActionButton","forwardRef","className","subActions","isSubActionsOpened","forwardedRef","isEmpty","contextMenuItems","map","subAction","onClick","title","icon","ContextMenuItem","onClickEffect","contextMenu","ContextMenu","Popover","content","placement","visible","zIndex","offset","ActionButton","useShadow","active","backgroundColors","actionWidthHeight","Fragment","AssetGalleryGridCard","selectable","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","isCardHovered","setIsCardHovered","useState","openedSubActions","updateOpenedSubActions","useEffect","newOpenedSubActions","actions","length","mouseHasEnteredCard","useCallback","mouseHasLeftCard","onSubActionsViewToggle","actionIndex","isOpened","index","videoPlayerRef","useRef","cardRef","dragRef","onMouseEnter","event","current","playPromise","play","undefined","then","catch","onMouseLeave","pause","onSelectClick","preventDefault","stopPropagation","onActionClick","action","shouldOpenSubActions","onContextMenu","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","HeadsetIcon","LazyLoadImage","alt","height","width","delayMethod","delayTime","threshold","$softSelected","renderVersionsBadge","note","WarningCircleIcon","Tooltip","as","CheckRectangleIcon","renderMediaBadge","overlay","addEventListener","removeEventListener","onDragstart","scrollIntoView","behavior","block","versions","Badge","badgeIcon","LayersIcon","badgeContent","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","PlayIcon","duration","convertMsToHMS","minWidth","renderSummary","SummaryCard","activeSummaryCard","description","instructions","imageRights","instructionsType","footerLeft","summary","footerRight","view","disabled","draggable","innerRef","completed","$hasError","hasError","layout","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","defaultProps","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,qBAAqB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC,KAAAA;AAAM,CAAC,KAAK;EAEhE,MAAMC,QAAQ,GAAGC,OAAO,CAACC,IAAI,CAACH,KAAK,EAAE,CAAC,OAAO,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAACI,CAAC,EAAEC,GAAG,KAC5EA,GAAG,KAAK,UAAU,GAAG,KAAK,GAAGA,GAC/B,CAAC,CAAA;AAED,EAAA,IAAIP,SAAS,EAAE;IACb,IAAI,CAACQ,UAAU,CAACR,SAAS,CAAC,EAAE,MAAMS,KAAK,CAAC,uCAAuC,CAAC,CAAA;AAEhF,IAAA,IAAIC,cAAK,CAACC,cAAc,CAACX,SAAS,CAACC,KAAK,EAAEE,QAAQ,CAACS,QAAQ,CAAC,CAAC,EAAE;MAC7D,OAAOF,cAAK,CAACG,YAAY,CAACb,SAAS,CAACC,KAAK,EAAEE,QAAQ,CAACS,QAAQ,CAAC,EAAEP,IAAI,CAACF,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC9F,KAAA;AACF,GAAA;EAEA,OAAOO,cAAA,CAAAI,aAAA,CAACC,sBAAsB,EAAAC,QAAA,CAAA;IAACC,GAAG,EAAEd,QAAQ,CAACc,GAAAA;GAASd,EAAAA,QAAQ,CAAG,CAAC,CAAA;AACpE,CAAC,CAAA;AAGD,MAAMe,oBAAoB,GAAGR,cAAK,CAACS,UAAU,CAAC,SAASD,oBAAoBA,CAEzE;EAAElB,SAAS;EAAEoB,SAAS;AAAEC,EAAAA,UAAU,GAAG,EAAE;EAAEC,kBAAkB;EAAE,GAAGpB,KAAAA;AAAM,CAAC,EACvEqB,YAAY,EACZ;EACA,MAAMpB,QAAQ,GAAGD,KAAK,CAAA;AACtB,EAAA,IAAI,CAACsB,OAAO,CAACH,UAAU,CAAC,EAAE;IACxB,MAAMI,gBAAgB,GAAGJ,UAAU,CAACK,GAAG,CAAC,CAACC,SAAS,EAAEpB,GAAG,KAAK;MAC1D,MAAM;QAAEqB,OAAO;QAAEC,KAAK;AAAEC,QAAAA,IAAAA;AAAK,OAAC,GAAGH,SAAS,CAAA;AAC1C,MAAA,OAAOjB,cAAA,CAAAI,aAAA,CAACiB,eAAe,EAAA;AAACxB,QAAAA,GAAG,EAAEA,GAAI;AAACyB,QAAAA,aAAa,EAAEJ,OAAQ;AAACC,QAAAA,KAAK,EAAEA,KAAM;AAACC,QAAAA,IAAI,EAAEA,IAAAA;AAAK,OAAE,CAAC,CAAA;AACxF,KAAC,CAAC,CAAA;IACF,MAAMG,WAAW,GAAGvB,cAAA,CAAAI,aAAA,CAACoB,WAAW,EAAET,IAAAA,EAAAA,gBAA8B,CAAC,CAAA;AACjEtB,IAAAA,QAAQ,CAACS,QAAQ,GACfF,cAAA,CAAAI,aAAA,CAACqB,OAAO,EAAA;AACNF,MAAAA,WAAW,EAAE,IAAK;AAClBG,MAAAA,OAAO,EAAEH,WAAY;AACrBI,MAAAA,SAAS,EAAE,YAAa;AACxBC,MAAAA,OAAO,EAAEhB,kBAAmB;AAC5BiB,MAAAA,MAAM,EAAE,KAAM;AACdC,MAAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAAE,KAAA,EAEhB9B,cAAA,CAAAI,aAAA,CAAC2B,YAAY,EAAA;AACXC,MAAAA,SAAS,EAAE,IAAK;AAChBC,MAAAA,MAAM,EAAE,IAAK;AACb1B,MAAAA,GAAG,EAAEM,YAAa;AAClBH,MAAAA,SAAS,EAAEA,SAAU;MACrBU,IAAI,EAAE3B,QAAQ,CAAC2B,IAAK;AACpBc,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;MACrChB,OAAO,EAAEzB,QAAQ,CAACyB,OAAQ;MAC1BiB,iBAAiB,EAAE1C,QAAQ,CAAC0C,iBAAAA;AAAkB,KAC/C,CACM,CACV,CAAA;AACH,GAAC,MAAM;AACL1C,IAAAA,QAAQ,CAACS,QAAQ,GACfF,cAAA,CAAAI,aAAA,CAAC2B,YAAY,EAAA;AACXC,MAAAA,SAAS,EAAE,IAAK;AAChBC,MAAAA,MAAM,EAAE,IAAK;AACb1B,MAAAA,GAAG,EAAEM,YAAa;AAClBH,MAAAA,SAAS,EAAEA,SAAU;MACrBU,IAAI,EAAE3B,QAAQ,CAAC2B,IAAK;MACpBF,OAAO,EAAEzB,QAAQ,CAACyB,OAAQ;AAC1BgB,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;MACrCC,iBAAiB,EAAE1C,QAAQ,CAAC0C,iBAAAA;AAAkB,KAC/C,CACF,CAAA;AACH,GAAA;AAEA,EAAA,IAAI7C,SAAS,EAAE;IACb,IAAI,CAACQ,UAAU,CAACR,SAAS,CAAC,EAAE,MAAMS,KAAK,CAAC,uCAAuC,CAAC,CAAA;IAEhF,IAAIC,cAAK,CAACC,cAAc,CAACX,SAAS,EAAE,CAAC,EAAE;AACrC,MAAA,OAAOU,cAAK,CAACG,YAAY,CAACb,SAAS,EAAE,EAAE;AAAE,QAAA,GAAGK,IAAI,CAACF,QAAQ,EAAE,MAAM,CAAA;AAAE,OAAC,CAAC,CAAA;AACvE,KAAA;AACF,GAAA;EAEA,OAAOO,cAAA,CAAAI,aAAA,CAACJ,cAAK,CAACoC,QAAQ,EAAE3C,IAAAA,EAAAA,QAAQ,CAACS,QAAyB,CAAC,CAAA;AAC7D,CAAC,CAAC,CAAA;AAGF,MAAMmC,oBAAoB,GAAG7C,KAAK,IAAI;EACpC,MAAM;IACJD,KAAK;IACL+C,UAAU;IACVC,QAAQ;IACRC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,iBAAiB;IACjBC,YAAY;IACZtD,SAAS;AACTuD,IAAAA,cAAAA;AACF,GAAC,GAAGrD,KAAK,CAAA;EAET,MAAM,CAACsD,aAAa,EAAEC,gBAAgB,CAAC,GAAG/C,cAAK,CAACgD,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC/D,MAAM,CAACC,gBAAgB,EAAEC,sBAAsB,CAAC,GAAGlD,cAAK,CAACgD,QAAQ,CAAC,EAAE,CAAC,CAAA;AACrEG,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,MAAMC,mBAAmB,GAAG,CAAC7D,KAAK,EAAE8D,OAAO,IAAI,EAAE,EAAErC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAA;IACnEkC,sBAAsB,CAACE,mBAAmB,CAAC,CAAA;AAC7C,GAAC,EAAE,CAAC7D,KAAK,CAAC,CAAC,CAAA;AAEX4D,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACL,aAAa,IAAIG,gBAAgB,EAAEK,MAAM,EAAE;MAC9CJ,sBAAsB,CAACD,gBAAgB,CAACjC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAA;AAC3D,KAAA;AACF,GAAC,EAAE,CAAC8B,aAAa,CAAC,CAAC,CAAA;AAEnB,EAAA,MAAMS,mBAAmB,GAAGC,WAAW,CAAC,MAAM;IAC5CT,gBAAgB,CAAC,IAAI,CAAC,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMU,gBAAgB,GAAGD,WAAW,CAAC,MAAM;IACzCT,gBAAgB,CAAC,KAAK,CAAC,CAAA;GACxB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMW,sBAAsB,GAAGF,WAAW,CACxCG,WAAW,IAAI;IACb,MAAMP,mBAAmB,GAAGH,gBAAgB,CAACjC,GAAG,CAAC,CAAC4C,QAAQ,EAAEC,KAAK,KAAK;MACpE,IAAIA,KAAK,KAAKF,WAAW,EAAE;AACzB,QAAA,OAAO,KAAK,CAAA;AACd,OAAA;AACA,MAAA,OAAO,CAACC,QAAQ,CAAA;AAClB,KAAC,CAAC,CAAA;IACFV,sBAAsB,CAACE,mBAAmB,CAAC,CAAA;AAC7C,GAAC,EACD,CAACH,gBAAgB,CACnB,CAAC,CAAA;AAED,EAAA,MAAMa,cAAc,GAAGC,MAAM,EAAE,CAAA;AAC/B,EAAA,MAAMC,OAAO,GAAGD,MAAM,EAAE,CAAA;AACxB,EAAA,MAAME,OAAO,GAAGF,MAAM,CAAC,IAAI,CAAC,CAAA;EAE5B,SAASG,YAAYA,CAACC,KAAK,EAAE;IAC3B,IAAIL,cAAc,CAACM,OAAO,EAAE;MAC1B,MAAMC,WAAW,GAAGP,cAAc,CAACM,OAAO,CAACE,IAAI,EAAE,CAAA;MACjD,IAAID,WAAW,KAAKE,SAAS,EAAE;AAC7BF,QAAAA,WAAW,CACRG,IAAI,CAAC,MAAM,EAEX,CAAC,CACDC,KAAK,CAAC,MAAM,EAEZ,CAAC,CAAA;AACN,OAAA;AACF,KAAA;AAEA,IAAA,IAAI3E,UAAU,CAACP,KAAK,CAAC2E,YAAY,CAAC,EAAE;AAClC3E,MAAAA,KAAK,CAAC2E,YAAY,CAACC,KAAK,EAAE5E,KAAK,CAAC,CAAA;AAClC,KAAA;AAEAgE,IAAAA,mBAAmB,EAAE,CAAA;AACvB,GAAA;EAEA,SAASmB,YAAYA,GAAG;IACtB,IAAIZ,cAAc,CAACM,OAAO,EAAE;AAC1BN,MAAAA,cAAc,CAACM,OAAO,CAACO,KAAK,EAAE,CAAA;AAChC,KAAA;AAEAlB,IAAAA,gBAAgB,EAAE,CAAA;AACpB,GAAA;EAEA,SAASvC,OAAOA,CAACiD,KAAK,EAAE;AACtB,IAAA,IAAI1B,kBAAkB,EAAE;MACtB,OAAOmC,aAAa,CAACT,KAAK,CAAC,CAAA;AAC7B,KAAA;AAEA,IAAA,IAAIrE,UAAU,CAACP,KAAK,CAAC2B,OAAO,CAAC,EAAE;AAC7B3B,MAAAA,KAAK,CAAC2B,OAAO,CAACiD,KAAK,EAAE5E,KAAK,CAAC,CAAA;AAC7B,KAAA;AACF,GAAA;EAEA,SAASqF,aAAaA,CAACT,KAAK,EAAE;IAC5BA,KAAK,CAACU,cAAc,EAAE,CAAA;IACtBV,KAAK,CAACW,eAAe,EAAE,CAAA;AAEvB,IAAA,IAAIvC,QAAQ,EAAE;AACZ,MAAA,OAAOI,iBAAiB,CAACpD,KAAK,CAACM,GAAG,CAAC,CAAA;AACrC,KAAA;AAEA,IAAA,OAAO6C,eAAe,CAACnD,KAAK,CAACM,GAAG,CAAC,CAAA;AACnC,GAAA;EAEA,MAAMkF,aAAa,GAAGvB,WAAW,CAC/B,CAACW,KAAK,EAAEa,MAAM,EAAEnB,KAAK,KAAK;IACxBM,KAAK,CAACU,cAAc,EAAE,CAAA;IACtBV,KAAK,CAACW,eAAe,EAAE,CAAA;AAEvB,IAAA,IAAIhF,UAAU,CAACkF,MAAM,EAAE9D,OAAO,CAAC,EAAE;AAC/B8D,MAAAA,MAAM,CAAC9D,OAAO,CAAC3B,KAAK,CAAC,CAAA;AACvB,KAAA;AAEA,IAAA,IAAI,CAACuB,OAAO,CAACkE,MAAM,EAAErE,UAAU,CAAC,EAAE;MAChC+C,sBAAsB,CAACG,KAAK,CAAC,CAAA;AAC/B,KAAA;AACF,GAAC,EACD,CAACH,sBAAsB,CACzB,CAAC,CAAA;AAED,EAAA,MAAMuB,oBAAoB,GAAGzB,WAAW,CACtCG,WAAW,IAAIV,gBAAgB,CAACU,WAAW,CAAC,EAC5C,CAACV,gBAAgB,CACnB,CAAC,CAAA;EAED,SAASiC,aAAaA,CAACf,KAAK,EAAE;IAC5BA,KAAK,CAACU,cAAc,EAAE,CAAA;AACtBtF,IAAAA,KAAK,CAAC2F,aAAa,CAACf,KAAK,CAAC,CAAA;AAC5B,GAAA;EAEA,SAASgB,aAAaA,CAAC5F,KAAK,EAAE;IAC5B,IAAI6F,cAAc,GAAG,IAAI,CAAA;IAEzB,IAAI7F,KAAK,CAAC8F,QAAQ,EAAEC,WAAW,EAAE,KAAK,OAAO,EAAE;AAC7CF,MAAAA,cAAc,GACZpF,cAAA,CAAAI,aAAA,CAACmF,iBAAiB,EAAA;AAAC1C,QAAAA,cAAc,EAAEA,cAAAA;OACjC7C,EAAAA,cAAA,CAAAI,aAAA,CAAA,OAAA,EAAA;AAAOG,QAAAA,GAAG,EAAEuD,cAAe;QAAC0B,IAAI,EAAA,IAAA;QAACC,KAAK,EAAA,IAAA;OACpCzF,EAAAA,cAAA,CAAAI,aAAA,CAAA,QAAA,EAAA;QAAQsF,GAAG,EAAEnG,KAAK,CAACoG,UAAW;AAACC,QAAAA,IAAI,EAAC,WAAA;OAAa,CAC5C,CACU,CACpB,CAAA;KACF,MAAM,IAAIrG,KAAK,CAAC8F,QAAQ,EAAEC,WAAW,EAAE,KAAK,OAAO,EAAE;AACpDF,MAAAA,cAAc,GACZpF,cAAA,CAAAI,aAAA,CAACmF,iBAAiB,EAAA;AAAC1C,QAAAA,cAAc,EAAEA,cAAAA;OACjC7C,EAAAA,cAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKM,QAAAA,SAAS,EAAC,OAAA;OACbV,EAAAA,cAAA,CAAAI,aAAA,CAACyF,UAAW,EAAE,IAAA,CACX,CACY,CACpB,CAAA;AACH,KAAC,MAAM;AACLT,MAAAA,cAAc,GACZpF,cAAA,CAAAI,aAAA,CAAC0F,aAAa,EAAA;QACZC,GAAG,EAAExG,KAAK,CAAC4B,KAAM;QACjBuE,GAAG,EAAEnG,KAAK,CAACoG,UAAW;AACtBK,QAAAA,MAAM,EAAC,MAAM;AACbC,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,WAAW,EAAC,UAAU;AACtBC,QAAAA,SAAS,EAAE,CAAE;AACbC,QAAAA,SAAS,EAAE,IAAK;AAChBvD,QAAAA,cAAc,EAAEA,cAAAA;AAAe,OAChC,CACF,CAAA;AACH,KAAA;AAEA,IAAA,OACE7C,cAAA,CAAAI,aAAA,CAACC,MAAQ,EAAA;AAACkC,MAAAA,QAAQ,EAAEA,QAAAA;KACjB6C,EAAAA,cAAc,EACfpF,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACkC,MAAAA,QAAQ,EAAEA,QAAAA;KAAW,CAAC,EAC/CvC,cAAA,CAAAI,aAAA,CAACC,OAAS,EAAA;AAACE,MAAAA,GAAG,EAAEyD,OAAAA;AAAQ,KAAA,EACtBhE,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAACgG,MAAAA,aAAa,EAAEzD,YAAa;AAACL,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,EAEtEvC,cAAA,CAAAI,aAAA,CAACC,WAAa,QACZL,cAAA,CAAAI,aAAA,CAACC,cAAgB,EAAA,IAAA,EACfL,cAAA,CAAAI,aAAA,CAACC,sBAAwB,EAAEiG,IAAAA,EAAAA,mBAAmB,EAA6B,CAAC,EAE3E/G,KAAK,EAAEgH,IAAI,EAAEpF,KAAK,IACjBnB,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACuF,MAAAA,IAAI,EAAErG,KAAK,EAAEgH,IAAI,EAAEX,IAAAA;AAAK,KAAA,EAC/C5F,cAAA,CAAAI,aAAA,CAACoG,gBAAiB,EAAE,IAAA,CACG,CAC1B,EAEDxG,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACyC,MAAAA,aAAa,EAAEA,aAAAA;AAAc,KAAA,EACnDvD,KAAK,CAAC8D,OAAO,IACZ9D,KAAK,CAAC8D,OAAO,CAACrC,GAAG,CAAC,CAACgE,MAAM,EAAEnB,KAAK,KAC9B7D,cAAA,CAAAI,aAAA,CAACqG,OAAO,EAAA;MAAC5G,GAAG,EAAE,GAAGN,KAAK,CAACM,GAAG,CAAImF,CAAAA,EAAAA,MAAM,CAAC7D,KAAK,CAAG,CAAA;MAACO,OAAO,EAAEsD,MAAM,CAAC7D,KAAAA;AAAM,KAAA,EAClEnB,cAAA,CAAAI,aAAA,CAACC,QAAU,EAAA;MACTR,GAAG,EAAE,GAAGN,KAAK,CAACM,GAAG,CAAImF,CAAAA,EAAAA,MAAM,CAAC7D,KAAK,CAAG,CAAA;AACpCuF,MAAAA,EAAE,EAAElG,oBAAqB;MACzBlB,SAAS,EAAE0F,MAAM,CAAC1F,SAAU;MAC5BoB,SAAS,EAAEsE,MAAM,CAACtE,SAAU;MAC5BU,IAAI,EAAE4D,MAAM,CAAC5D,IAAK;AAClB0B,MAAAA,aAAa,EAAEA,aAAc;AAC7BlC,MAAAA,kBAAkB,EAAEqE,oBAAoB,CAACpB,KAAK,CAAE;MAChD3C,OAAO,EAAEiD,KAAK,IAAIY,aAAa,CAACZ,KAAK,EAAEa,MAAM,EAAEnB,KAAK,CAAE;MACtDlD,UAAU,EAAEqE,MAAM,EAAErE,UAAW;MAC/BwB,iBAAiB,EAAE6C,MAAM,CAAC7C,iBAAAA;KAC3B,CACM,CACV,CACoB,CACT,CAAC,EAEnBnC,cAAA,CAAAI,aAAA,CAACC,iBAAmB,EAAA,IAAA,EACjBiC,UAAU,IACTtC,cAAA,CAAAI,aAAA,CAACC,6BAA+B,EAAA;AAACkC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAClDvC,cAAA,CAAAI,aAAA,CAACuG,uBAAkB,EAAA;AAACzF,MAAAA,OAAO,EAAE0D,aAAAA;KAAgB,CACd,CAClC,EAED5E,cAAA,CAAAI,aAAA,CAACC,0BAA4B,EAAA,IAAA,EAAEuG,gBAAgB,EAAiC,CAC7D,CACR,CAAC,EAEftE,UAAU,IACTtC,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAChBkC,MAAAA,QAAQ,EAAEA,QAAS;AACnB8D,MAAAA,aAAa,EAAEzD,YAAa;AAC5BJ,MAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,KAC5C,CAEM,CAAC,EACXjD,KAAK,CAACsH,OAAO,IAAI7G,cAAA,CAAAI,aAAA,CAACC,sBAAwB,EAAA,IAAA,EAAEd,KAAK,CAACsH,OAAkC,CAC7E,CAAC,CAAA;AAEf,GAAA;AAEA1D,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIrD,UAAU,CAACP,KAAK,CAAC2F,aAAa,CAAC,EAAE;MACnC,IAAIlB,OAAO,CAACI,OAAO,EAAE;QACnBJ,OAAO,CAACI,OAAO,CAAC0C,gBAAgB,CAAC,aAAa,EAAE5B,aAAa,CAAC,CAAA;AAChE,OAAA;AACA,MAAA,OAAO,MAAM;QACX,IAAIlB,OAAO,CAACI,OAAO,EAAE;UACnBJ,OAAO,CAACI,OAAO,CAAC2C,mBAAmB,CAAC,aAAa,EAAE7B,aAAa,CAAC,CAAA;AACnE,SAAA;OACD,CAAA;AACH,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;EAEN,SAAS8B,WAAWA,CAAC7C,KAAK,EAAE;AAC1B5E,IAAAA,KAAK,CAACyH,WAAW,CAAC7C,KAAK,CAAC,CAAA;AAC1B,GAAA;AAEAhB,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIrD,UAAU,CAACP,KAAK,CAACyH,WAAW,CAAC,EAAE;MACjC,IAAI/C,OAAO,CAACG,OAAO,EAAE;QACnBH,OAAO,CAACG,OAAO,CAAC0C,gBAAgB,CAAC,WAAW,EAAEE,WAAW,CAAC,CAAA;AAC5D,OAAA;AACA,MAAA,OAAO,MAAM;QACX,IAAI/C,OAAO,CAACG,OAAO,EAAE;UACnBH,OAAO,CAACG,OAAO,CAAC2C,mBAAmB,CAAC,WAAW,EAAEC,WAAW,CAAC,CAAA;AAC/D,SAAA;OACD,CAAA;AACH,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAGN7D,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIP,YAAY,EAAE;AAChBoB,MAAAA,OAAO,CAACI,OAAO,CAAC6C,cAAc,CAAC;AAAEC,QAAAA,QAAQ,EAAE,QAAQ;AAAEC,QAAAA,KAAK,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;AAC1E,KAAA;AACF,GAAC,EAAE,CAACvE,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,MAAM0D,mBAAmB,GAAG9C,WAAW,CAAC,MAAM;AAC5C,IAAA,IAAI,CAACjE,KAAK,EAAE6H,QAAQ,EAAE,OAAO,IAAI,CAAA;AAEjC,IAAA,OACEpH,cAAA,CAAAI,aAAA,CAACiH,KAAK,EAAA;AACJC,MAAAA,SAAS,EAAEtH,cAAA,CAAAI,aAAA,CAACmH,SAAU,MAAE,CAAE;MAC1BC,YAAY,EAAEjI,KAAK,CAAC6H,QAAS;AAC7BlF,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;AACrCuF,MAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;AAC/BC,MAAAA,QAAQ,EAAE,EAAG;AACbC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,UAAU,EAAE,EAAG;AACfC,MAAAA,eAAe,EAAE,CAAE;AACnBC,MAAAA,iBAAiB,EAAE,CAAA;AAAE,KACtB,CAAC,CAAA;AAEN,GAAC,EAAE,CAACvI,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAMqH,gBAAgB,GAAGpD,WAAW,CAAC,MAAM;IACzC,IAAI8D,SAAS,GAAG,IAAI,CAAA;IACpB,IAAIE,YAAY,GAAG,IAAI,CAAA;AAEvB,IAAA,IAAIjI,KAAK,EAAE8F,QAAQ,KAAK,OAAO,EAAE;AAC/BiC,MAAAA,SAAS,GAAGtH,cAAA,CAAAI,aAAA,CAAC2H,OAAQ,MAAE,CAAC,CAAA;AAC1B,KAAA;IAEA,IAAIxI,KAAK,EAAEyI,QAAQ,EAAE;AACnBR,MAAAA,YAAY,GAAGS,cAAc,CAAC1I,KAAK,CAACyI,QAAQ,CAAC,CAAA;AAC/C,KAAA;AAEA,IAAA,IAAI,CAACV,SAAS,IAAI,CAACE,YAAY,EAAE,OAAO,IAAI,CAAA;AAC5C,IAAA,OACExH,cAAA,CAAAI,aAAA,CAACiH,KAAK,EAAA;AACJC,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,YAAY,EAAEA,YAAa;AAC3BtF,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;AACrCuF,MAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;AAC/BC,MAAAA,QAAQ,EAAE,EAAG;AACbC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,UAAU,EAAE,EAAG;AACfC,MAAAA,eAAe,EAAE,CAAE;AACnBC,MAAAA,iBAAiB,EAAE,CAAE;AACrBI,MAAAA,QAAQ,EAAE,EAAG;AACblC,MAAAA,MAAM,EAAE,EAAA;AAAG,KACZ,CAAC,CAAA;AAEN,GAAC,EAAE,CAACzG,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAM4I,aAAa,GAAG3E,WAAW,CAAC,MAAM;AACtC,IAAA,OACExD,cAAA,CAAAI,aAAA,CAACgI,WAAW,EAAA;AACVC,MAAAA,iBAAiB,EAAE,IAAK;AACxBlH,MAAAA,KAAK,EAAE5B,KAAK,EAAE4B,KAAK,IAAI,EAAG;AAC1BmH,MAAAA,WAAW,EAAE/I,KAAK,EAAE+I,WAAW,IAAI,EAAG;AACtCC,MAAAA,YAAY,EAAEhJ,KAAK,EAAEiJ,WAAW,IAAI,EAAG;AACvCC,MAAAA,gBAAgB,EAAE,SAAU;AAC5BC,MAAAA,UAAU,EAAEnJ,KAAK,EAAEoJ,OAAO,EAAED,UAAU,IAAI,EAAG;AAC7CE,MAAAA,WAAW,EAAErJ,KAAK,EAAEoJ,OAAO,EAAEC,WAAW,IAAI,EAAG;AAC/CC,MAAAA,IAAI,EAAE,MAAA;AAAO,KACd,CAAC,CAAA;AAEN,GAAC,EAAE,CAACtJ,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,OACES,cAAA,CAAAI,aAAA,CAACC,mBAAqB,EAAA;IAACyI,QAAQ,EAAEvJ,KAAK,CAACuJ,QAAAA;AAAS,GAAA,EAC9C9I,cAAA,CAAAI,aAAA,CAACC,sBAAsB,EAAA;AACrBqG,IAAAA,EAAE,EAAErH,qBAAsB;AAC1BC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,KAAK,EAAEA,KAAM;IACbuJ,QAAQ,EAAEvJ,KAAK,CAACuJ,QAAS;AACzB5H,IAAAA,OAAO,EAAEA,OAAQ;AACjBuB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCyB,IAAAA,YAAY,EAAEA,YAAa;AAC3BQ,IAAAA,YAAY,EAAEA,YAAa;IAC3BqE,SAAS,EAAExJ,KAAK,CAACwJ,SAAU;AAC3BC,IAAAA,QAAQ,EAAE/E,OAAQ;AAClB1B,IAAAA,QAAQ,EAAEA,QAAS;AACnB8D,IAAAA,aAAa,EAAEzD,YAAa;IAC5BqG,SAAS,EAAE1J,KAAK,EAAE0J,SAAU;IAC5BC,SAAS,EAAE3J,KAAK,EAAE4J,QAAS;AAC3B3G,IAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,GAAA,EAE3CxC,cAAA,CAAAI,aAAA,CAACC,cAAgB,EAAA;IACf+I,MAAM,EAAE7J,KAAK,CAAC6J,MAAO;AACrB7I,IAAAA,GAAG,EAAEyD,OAAQ;AACbqC,IAAAA,aAAa,EAAEzD,YAAa;AAC5BL,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,GAAA,EAE3CxC,cAAA,CAAAI,aAAA,CAACC,KAAO,EAAA;AAAC,IAAA,SAAA,EAAQ,IAAI;AAACkC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACtChD,KAAK,CAACoG,UAAU,IAAIR,aAAa,CAAC5F,KAAK,CACjC,CAAC,EAET4I,aAAa,EACE,CACI,CACH,CAAC,CAAA;AAE5B,CAAC,CAAA;AAED9F,oBAAoB,CAACgH,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAI/BjK,KAAK,EAAEkK,SAAS,CAACC,KAAK,CAACC,oBAAoB,CAAC,CAACC,UAAU;EAKvDtH,UAAU,EAAEmH,SAAS,CAACI,IAAI;EAK1BtH,QAAQ,EAAEkH,SAAS,CAACI,IAAI;EAKxBrH,oBAAoB,EAAEiH,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC;EAKzDtH,kBAAkB,EAAEgH,SAAS,CAACI,IAAI;AAKlCnH,EAAAA,eAAe,EAAE+G,SAAS,CAACO,IAAI,CAACJ,UAAU;AAK1CjH,EAAAA,iBAAiB,EAAE8G,SAAS,CAACO,IAAI,CAACJ,UAAU;AAK5ChH,EAAAA,YAAY,EAAE6G,SAAS,CAACI,IAAI,CAACD,UAAU;EAMvCtK,SAAS,EAAEmK,SAAS,CAACO,IAAI;EAMzBnH,cAAc,EAAE4G,SAAS,CAACQ,MAAAA;AAC5B,CAAC,GAAA,EAAA,CAAA;AAED5H,oBAAoB,CAAC6H,YAAY,GAAG,EAAE,CAAA;AAEtC,6BAAeC,iBAAiB,CAC9BnK,cAAK,CAACoK,IAAI,CAAC/H,oBAAoB,EAAE,CAACgI,SAAS,EAAEC,SAAS,KAAK;AAEzD,EAAA,MAAMC,aAAa,GAAG,CACpB,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,cAAc,CACf,CAAA;AAED,EAAA,OAAOA,aAAa,CAACC,KAAK,CAACC,OAAO,IAAIC,GAAG,CAACL,SAAS,EAAEI,OAAO,CAAC,KAAKC,GAAG,CAACJ,SAAS,EAAEG,OAAO,CAAC,CAAC,CAAA;AAC5F,CAAC,CACH,CAAC;;;;"}
+{"version":3,"file":"AssetGalleryGridCard.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.js"],"sourcesContent":["import { get, isEmpty, isFunction, mapKeys, omit } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useRef } from 'react';\nimport {\n  LazyLoadComponent,\n  LazyLoadImage,\n  trackWindowScroll\n} from 'react-lazy-load-image-component';\nimport {\n  CheckRectangleIcon,\n  HeadsetIcon,\n  LayersIcon,\n  PlayIcon,\n  WarningCircleIcon\n} from '../../../../../icons';\nimport { convertMsToHMS } from '../../../../../utils/dateTime';\nimport { Badge, Popover, Tooltip } from '../../../../data';\nimport { ActionButton } from '../../../../inputs';\nimport ContextMenu from '../../../ContextMenu/ContextMenu';\nimport ContextMenuItem from '../../../ContextMenu/ContextMenuItem/ContextMenuItem';\nimport SummaryCard from '../../../SummaryCard/SummaryCard';\nimport { assetShapeWithLayout } from '../../asset.propType';\nimport * as S from './AssetGalleryGridCard.styled';\n\n// eslint-disable-next-line react/prop-types\nconst ComputedRootComponent = ({ component, asset, ...props }) => {\n  // Omit props we don't need\n  const newProps = mapKeys(\n    omit(props, [\n      'theme',\n      'extendedSelectMode',\n      'softSelected',\n      '$softSelected',\n      'customSelectedBorder',\n      '$customSelectedBorder',\n      'isCardHovered',\n      '$isCardHovered',\n      'completed',\n      '$hasError'\n    ]),\n    (_, key) => (key === 'innerRef' ? 'ref' : key)\n  );\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component(asset, newProps.children))) {\n      return React.cloneElement(component(asset, newProps.children), omit(newProps, ['children']));\n    }\n  }\n\n  return <S.AssetGalleryGridCard ref={newProps.ref} {...newProps} />;\n};\n\n/* eslint-disable react/prop-types */\nconst ComputedActionButton = React.forwardRef(function ComputedActionButton(\n  // eslint-disable-next-line react/prop-types\n  { component, className, subActions = [], isSubActionsOpened, ...props },\n  forwardedRef\n) {\n  const newProps = props;\n  if (!isEmpty(subActions)) {\n    const contextMenuItems = subActions.map((subAction, key) => {\n      const { onClick, title, icon } = subAction;\n      return <ContextMenuItem key={key} onClickEffect={onClick} title={title} icon={icon} />;\n    });\n    const contextMenu = <ContextMenu>{contextMenuItems}</ContextMenu>;\n    newProps.children = (\n      <Popover\n        contextMenu={true}\n        content={contextMenu}\n        placement={'bottom-end'}\n        visible={isSubActionsOpened}\n        zIndex={10001}\n        offset={[0, -8]}\n      >\n        <ActionButton\n          useShadow={true}\n          active={true}\n          ref={forwardedRef}\n          className={className}\n          icon={newProps.icon}\n          backgroundColors={['black', 'white']}\n          onClick={newProps.onClick}\n          actionWidthHeight={newProps.actionWidthHeight}\n        />\n      </Popover>\n    );\n  } else {\n    newProps.children = (\n      <ActionButton\n        useShadow={true}\n        active={true}\n        ref={forwardedRef}\n        className={className}\n        icon={newProps.icon}\n        onClick={newProps.onClick}\n        backgroundColors={['black', 'white']}\n        actionWidthHeight={newProps.actionWidthHeight}\n      />\n    );\n  }\n\n  if (component) {\n    if (!isFunction(component)) throw Error('Expected a function in component-prop');\n\n    if (React.isValidElement(component())) {\n      return React.cloneElement(component(), { ...omit(newProps, 'icon') });\n    }\n  }\n\n  return <React.Fragment>{newProps.children}</React.Fragment>;\n});\n/* eslint-disable react/prop-types */\n\nconst AssetGalleryGridCard = props => {\n  const {\n    asset,\n    selectable,\n    selected,\n    customSelectedBorder,\n    extendedSelectMode,\n    onAssetSelected,\n    onAssetUnselected,\n    softSelected,\n    component,\n    scrollPosition\n  } = props;\n\n  const [isCardHovered, setIsCardHovered] = React.useState(false);\n  const [openedSubActions, updateOpenedSubActions] = React.useState([]);\n  useEffect(() => {\n    const newOpenedSubActions = (asset?.actions ?? []).map(() => false);\n    updateOpenedSubActions(newOpenedSubActions);\n  }, [asset]);\n\n  useEffect(() => {\n    if (!isCardHovered && openedSubActions?.length) {\n      updateOpenedSubActions(openedSubActions.map(() => false));\n    }\n  }, [isCardHovered]);\n\n  const mouseHasEnteredCard = useCallback(() => {\n    setIsCardHovered(true);\n  }, []);\n\n  const mouseHasLeftCard = useCallback(() => {\n    setIsCardHovered(false);\n  }, []);\n\n  const onSubActionsViewToggle = useCallback(\n    actionIndex => {\n      const newOpenedSubActions = openedSubActions.map((isOpened, index) => {\n        if (index !== actionIndex) {\n          return false;\n        }\n        return !isOpened;\n      });\n      updateOpenedSubActions(newOpenedSubActions);\n    },\n    [openedSubActions]\n  );\n\n  const videoPlayerRef = useRef();\n  const cardRef = useRef();\n  const dragRef = useRef(null);\n\n  function onMouseEnter(event) {\n    if (videoPlayerRef.current) {\n      const playPromise = videoPlayerRef.current.play();\n      if (playPromise !== undefined) {\n        playPromise\n          .then(() => {\n            // Playback started!\n          })\n          .catch(() => {\n            // Play was prevented - silently swallow play errors\n          });\n      }\n    }\n\n    if (isFunction(asset.onMouseEnter)) {\n      asset.onMouseEnter(event, asset);\n    }\n\n    mouseHasEnteredCard();\n  }\n\n  function onMouseLeave() {\n    if (videoPlayerRef.current) {\n      videoPlayerRef.current.pause();\n    }\n\n    mouseHasLeftCard();\n  }\n\n  function onClick(event) {\n    if (extendedSelectMode) {\n      return onSelectClick(event);\n    }\n\n    if (isFunction(asset.onClick)) {\n      asset.onClick(event, asset);\n    }\n  }\n\n  function onSelectClick(event) {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (selected) {\n      return onAssetUnselected(asset.key);\n    }\n\n    return onAssetSelected(asset.key);\n  }\n\n  const onActionClick = useCallback(\n    (event, action, index) => {\n      event.preventDefault();\n      event.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n\n      if (!isEmpty(action?.subActions)) {\n        onSubActionsViewToggle(index);\n      }\n    },\n    [onSubActionsViewToggle]\n  );\n\n  const shouldOpenSubActions = useCallback(\n    actionIndex => openedSubActions[actionIndex],\n    [openedSubActions]\n  );\n\n  function onContextMenu(event) {\n    event.preventDefault();\n    asset.onContextMenu(event);\n  }\n\n  function renderPreview(asset) {\n    let previewContent = null;\n\n    if (asset.fileType?.toLowerCase() === 'video') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <video ref={videoPlayerRef} loop muted>\n            <source src={asset.previewUrl} type=\"video/mp4\" />\n          </video>\n        </LazyLoadComponent>\n      );\n    } else if (asset.fileType?.toLowerCase() === 'audio') {\n      previewContent = (\n        <LazyLoadComponent scrollPosition={scrollPosition}>\n          <div className=\"audio\">\n            <HeadsetIcon />\n          </div>\n        </LazyLoadComponent>\n      );\n    } else {\n      previewContent = (\n        <LazyLoadImage\n          alt={asset.title}\n          src={asset.previewUrl}\n          height=\"100%\"\n          width=\"100%\"\n          delayMethod=\"debounce\"\n          delayTime={0}\n          threshold={1500}\n          scrollPosition={scrollPosition}\n        />\n      );\n    }\n\n    return (\n      <S.Figure selected={selected}>\n        {previewContent}\n        <S.FigureOverlayBackdrop selected={selected} />\n        <S.Overlay ref={cardRef}>\n          <S.OverlayBackdrop $softSelected={softSelected} selected={selected} />\n\n          <S.OverlayInfo>\n            <S.OverlayInfoTop>\n              <S.OverlayInfoTopVersions>{renderVersionsBadge()}</S.OverlayInfoTopVersions>\n\n              {asset?.note?.title && (\n                <S.OverlayInfoTopWarning type={asset?.note?.type}>\n                  <WarningCircleIcon />\n                </S.OverlayInfoTopWarning>\n              )}\n\n              <S.OverlayInfoTopActions $isCardHovered={isCardHovered}>\n                {asset.actions &&\n                  asset.actions.map((action, index) => (\n                    <Tooltip key={`${asset.key}-${action.title}`} content={action.title}>\n                      <S.Fragment\n                        key={`${asset.key}-${action.title}`}\n                        as={ComputedActionButton}\n                        component={action.component}\n                        className={action.className}\n                        icon={action.icon}\n                        $isCardHovered={isCardHovered}\n                        isSubActionsOpened={shouldOpenSubActions(index)}\n                        onClick={event => onActionClick(event, action, index)}\n                        subActions={action?.subActions}\n                        actionWidthHeight={action.actionWidthHeight}\n                      />\n                    </Tooltip>\n                  ))}\n              </S.OverlayInfoTopActions>\n            </S.OverlayInfoTop>\n\n            <S.OverlayInfoBottom>\n              {selectable && (\n                <S.OverlayInfoBottomSelectButton selected={selected}>\n                  <CheckRectangleIcon onClick={onSelectClick} />\n                </S.OverlayInfoBottomSelectButton>\n              )}\n\n              <S.OverlayInfoBottomMediaIcon>{renderMediaBadge()}</S.OverlayInfoBottomMediaIcon>\n            </S.OverlayInfoBottom>\n          </S.OverlayInfo>\n\n          {selectable && (\n            <S.OverlaySelected\n              selected={selected}\n              $softSelected={softSelected}\n              $customSelectedBorder={customSelectedBorder}\n            />\n          )}\n        </S.Overlay>\n        {asset.overlay && <S.ConsumerDefinedOverlay>{asset.overlay}</S.ConsumerDefinedOverlay>}\n      </S.Figure>\n    );\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onContextMenu)) {\n      if (cardRef.current) {\n        cardRef.current.addEventListener('contextmenu', onContextMenu);\n      }\n      return () => {\n        if (cardRef.current) {\n          cardRef.current.removeEventListener('contextmenu', onContextMenu);\n        }\n      };\n    }\n  }, []);\n\n  function onDragstart(event) {\n    asset.onDragstart(event);\n  }\n\n  useEffect(() => {\n    if (isFunction(asset.onDragstart)) {\n      if (dragRef.current) {\n        dragRef.current.addEventListener('dragstart', onDragstart);\n      }\n      return () => {\n        if (dragRef.current) {\n          dragRef.current.removeEventListener('dragstart', onDragstart);\n        }\n      };\n    }\n  }, []);\n\n  // If this asset is soft selected we will scroll it into the viewport if it's outside\n  useEffect(() => {\n    if (softSelected) {\n      cardRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n    }\n  }, [softSelected]);\n\n  const renderVersionsBadge = useCallback(() => {\n    if (!asset?.versions) return null;\n\n    return (\n      <Badge\n        badgeIcon={<LayersIcon />}\n        badgeContent={asset.versions}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n      />\n    );\n  }, [asset]);\n\n  const renderMediaBadge = useCallback(() => {\n    let badgeIcon = null;\n    let badgeContent = null;\n\n    if (asset?.fileType === 'video') {\n      badgeIcon = <PlayIcon />;\n    }\n\n    if (asset?.duration) {\n      badgeContent = convertMsToHMS(asset.duration);\n    }\n\n    if (!badgeIcon && !badgeContent) return null;\n    return (\n      <Badge\n        badgeIcon={badgeIcon}\n        badgeContent={badgeContent}\n        backgroundColors={['black', 'black']}\n        colors={['#f7f8f9', '#f7f8f9']}\n        fontSize={12}\n        fontWeight={500}\n        lineHeight={16}\n        verticalPadding={4}\n        horizontalPadding={8}\n        minWidth={32}\n        height={24}\n      />\n    );\n  }, [asset]);\n\n  const renderSummary = useCallback(() => {\n    return (\n      <SummaryCard\n        activeSummaryCard={true}\n        title={asset?.title || ''}\n        description={asset?.description || ''}\n        instructions={asset?.imageRights || ''}\n        instructionsType={'warning'}\n        footerLeft={asset?.summary?.footerLeft || ''}\n        footerRight={asset?.summary?.footerRight || ''}\n        view={'grid'}\n      />\n    );\n  }, [asset]);\n\n  return (\n    <S.AssetGalleryWrapper disabled={asset.disabled}>\n      <S.AssetGalleryGridCard\n        as={ComputedRootComponent}\n        component={component}\n        asset={asset}\n        disabled={asset.disabled}\n        onClick={onClick}\n        extendedSelectMode={extendedSelectMode}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        draggable={asset.draggable}\n        innerRef={dragRef}\n        selected={selected}\n        $softSelected={softSelected}\n        completed={asset?.completed}\n        $hasError={asset?.hasError}\n        $customSelectedBorder={customSelectedBorder}\n      >\n        <S.ContentWrapper\n          layout={asset.layout}\n          ref={cardRef}\n          $softSelected={softSelected}\n          selected={selected}\n          $customSelectedBorder={customSelectedBorder}\n        >\n          <S.Asset data-id=\"ss\" selected={selected}>\n            {asset.previewUrl && renderPreview(asset)}\n          </S.Asset>\n\n          {renderSummary()}\n        </S.ContentWrapper>\n      </S.AssetGalleryGridCard>\n    </S.AssetGalleryWrapper>\n  );\n};\n\nAssetGalleryGridCard.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  asset: PropTypes.shape(assetShapeWithLayout).isRequired,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Is the asset selected\n   */\n  selected: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * Makes the whole asset card into a selectable area\n   */\n  extendedSelectMode: PropTypes.bool,\n\n  /**\n   * The callback function when an asset is selected - returns the selected asset key\n   */\n  onAssetSelected: PropTypes.func.isRequired,\n\n  /**\n   * The callback function when an asset is unselected - returns the unselected asset key\n   */\n  onAssetUnselected: PropTypes.func.isRequired,\n\n  /**\n   * Is the asset soft selected\n   */\n  softSelected: PropTypes.bool.isRequired,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * Internal prop used by the gallery to determine if the card is in the viewport - This prop is\n   * not intended to be used by consumers\n   */\n  scrollPosition: PropTypes.number\n};\n\nAssetGalleryGridCard.defaultProps = {};\n\nexport default trackWindowScroll(\n  React.memo(AssetGalleryGridCard, (prevProps, nextProps) => {\n    // The asset card will only re-render if any of the following props change.\n    const reactiveProps = [\n      'selectable',\n      'selected',\n      'extendedSelectMode',\n      'softSelected',\n      'asset.previewUrl',\n      'asset.overlay',\n      'asset.layout'\n    ];\n\n    return reactiveProps.every(propKey => get(prevProps, propKey) === get(nextProps, propKey));\n  })\n);\n"],"names":["ComputedRootComponent","component","asset","props","newProps","mapKeys","omit","_","key","isFunction","Error","React","isValidElement","children","cloneElement","createElement","S","_extends","ref","ComputedActionButton","forwardRef","className","subActions","isSubActionsOpened","forwardedRef","isEmpty","contextMenuItems","map","subAction","onClick","title","icon","ContextMenuItem","onClickEffect","contextMenu","ContextMenu","Popover","content","placement","visible","zIndex","offset","ActionButton","useShadow","active","backgroundColors","actionWidthHeight","Fragment","AssetGalleryGridCard","selectable","selected","customSelectedBorder","extendedSelectMode","onAssetSelected","onAssetUnselected","softSelected","scrollPosition","isCardHovered","setIsCardHovered","useState","openedSubActions","updateOpenedSubActions","useEffect","newOpenedSubActions","actions","length","mouseHasEnteredCard","useCallback","mouseHasLeftCard","onSubActionsViewToggle","actionIndex","isOpened","index","videoPlayerRef","useRef","cardRef","dragRef","onMouseEnter","event","current","playPromise","play","undefined","then","catch","onMouseLeave","pause","onSelectClick","preventDefault","stopPropagation","onActionClick","action","shouldOpenSubActions","onContextMenu","renderPreview","previewContent","fileType","toLowerCase","LazyLoadComponent","loop","muted","src","previewUrl","type","HeadsetIcon","LazyLoadImage","alt","height","width","delayMethod","delayTime","threshold","$softSelected","renderVersionsBadge","note","WarningCircleIcon","$isCardHovered","Tooltip","as","CheckRectangleIcon","renderMediaBadge","$customSelectedBorder","overlay","addEventListener","removeEventListener","onDragstart","scrollIntoView","behavior","block","versions","Badge","badgeIcon","LayersIcon","badgeContent","colors","fontSize","fontWeight","lineHeight","verticalPadding","horizontalPadding","PlayIcon","duration","convertMsToHMS","minWidth","renderSummary","SummaryCard","activeSummaryCard","description","instructions","imageRights","instructionsType","footerLeft","summary","footerRight","view","disabled","draggable","innerRef","completed","$hasError","hasError","layout","propTypes","process","env","NODE_ENV","PropTypes","shape","assetShapeWithLayout","isRequired","bool","arrayOf","string","func","number","defaultProps","trackWindowScroll","memo","prevProps","nextProps","reactiveProps","every","propKey","get"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAMA,qBAAqB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC,KAAAA;AAAM,CAAC,KAAK;AAEhE,EAAA,MAAMC,QAAQ,GAAGC,OAAO,CACtBC,IAAI,CAACH,KAAK,EAAE,CACV,OAAO,EACP,oBAAoB,EACpB,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,WAAW,CACZ,CAAC,EACF,CAACI,CAAC,EAAEC,GAAG,KAAMA,GAAG,KAAK,UAAU,GAAG,KAAK,GAAGA,GAC5C,CAAC,CAAA;AAED,EAAA,IAAIP,SAAS,EAAE;IACb,IAAI,CAACQ,UAAU,CAACR,SAAS,CAAC,EAAE,MAAMS,KAAK,CAAC,uCAAuC,CAAC,CAAA;AAEhF,IAAA,IAAIC,cAAK,CAACC,cAAc,CAACX,SAAS,CAACC,KAAK,EAAEE,QAAQ,CAACS,QAAQ,CAAC,CAAC,EAAE;MAC7D,OAAOF,cAAK,CAACG,YAAY,CAACb,SAAS,CAACC,KAAK,EAAEE,QAAQ,CAACS,QAAQ,CAAC,EAAEP,IAAI,CAACF,QAAQ,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAA;AAC9F,KAAA;AACF,GAAA;EAEA,OAAOO,cAAA,CAAAI,aAAA,CAACC,sBAAsB,EAAAC,QAAA,CAAA;IAACC,GAAG,EAAEd,QAAQ,CAACc,GAAAA;GAASd,EAAAA,QAAQ,CAAG,CAAC,CAAA;AACpE,CAAC,CAAA;AAGD,MAAMe,oBAAoB,GAAGR,cAAK,CAACS,UAAU,CAAC,SAASD,oBAAoBA,CAEzE;EAAElB,SAAS;EAAEoB,SAAS;AAAEC,EAAAA,UAAU,GAAG,EAAE;EAAEC,kBAAkB;EAAE,GAAGpB,KAAAA;AAAM,CAAC,EACvEqB,YAAY,EACZ;EACA,MAAMpB,QAAQ,GAAGD,KAAK,CAAA;AACtB,EAAA,IAAI,CAACsB,OAAO,CAACH,UAAU,CAAC,EAAE;IACxB,MAAMI,gBAAgB,GAAGJ,UAAU,CAACK,GAAG,CAAC,CAACC,SAAS,EAAEpB,GAAG,KAAK;MAC1D,MAAM;QAAEqB,OAAO;QAAEC,KAAK;AAAEC,QAAAA,IAAAA;AAAK,OAAC,GAAGH,SAAS,CAAA;AAC1C,MAAA,OAAOjB,cAAA,CAAAI,aAAA,CAACiB,eAAe,EAAA;AAACxB,QAAAA,GAAG,EAAEA,GAAI;AAACyB,QAAAA,aAAa,EAAEJ,OAAQ;AAACC,QAAAA,KAAK,EAAEA,KAAM;AAACC,QAAAA,IAAI,EAAEA,IAAAA;AAAK,OAAE,CAAC,CAAA;AACxF,KAAC,CAAC,CAAA;IACF,MAAMG,WAAW,GAAGvB,cAAA,CAAAI,aAAA,CAACoB,WAAW,EAAET,IAAAA,EAAAA,gBAA8B,CAAC,CAAA;AACjEtB,IAAAA,QAAQ,CAACS,QAAQ,GACfF,cAAA,CAAAI,aAAA,CAACqB,OAAO,EAAA;AACNF,MAAAA,WAAW,EAAE,IAAK;AAClBG,MAAAA,OAAO,EAAEH,WAAY;AACrBI,MAAAA,SAAS,EAAE,YAAa;AACxBC,MAAAA,OAAO,EAAEhB,kBAAmB;AAC5BiB,MAAAA,MAAM,EAAE,KAAM;AACdC,MAAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;AAAE,KAAA,EAEhB9B,cAAA,CAAAI,aAAA,CAAC2B,YAAY,EAAA;AACXC,MAAAA,SAAS,EAAE,IAAK;AAChBC,MAAAA,MAAM,EAAE,IAAK;AACb1B,MAAAA,GAAG,EAAEM,YAAa;AAClBH,MAAAA,SAAS,EAAEA,SAAU;MACrBU,IAAI,EAAE3B,QAAQ,CAAC2B,IAAK;AACpBc,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;MACrChB,OAAO,EAAEzB,QAAQ,CAACyB,OAAQ;MAC1BiB,iBAAiB,EAAE1C,QAAQ,CAAC0C,iBAAAA;AAAkB,KAC/C,CACM,CACV,CAAA;AACH,GAAC,MAAM;AACL1C,IAAAA,QAAQ,CAACS,QAAQ,GACfF,cAAA,CAAAI,aAAA,CAAC2B,YAAY,EAAA;AACXC,MAAAA,SAAS,EAAE,IAAK;AAChBC,MAAAA,MAAM,EAAE,IAAK;AACb1B,MAAAA,GAAG,EAAEM,YAAa;AAClBH,MAAAA,SAAS,EAAEA,SAAU;MACrBU,IAAI,EAAE3B,QAAQ,CAAC2B,IAAK;MACpBF,OAAO,EAAEzB,QAAQ,CAACyB,OAAQ;AAC1BgB,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;MACrCC,iBAAiB,EAAE1C,QAAQ,CAAC0C,iBAAAA;AAAkB,KAC/C,CACF,CAAA;AACH,GAAA;AAEA,EAAA,IAAI7C,SAAS,EAAE;IACb,IAAI,CAACQ,UAAU,CAACR,SAAS,CAAC,EAAE,MAAMS,KAAK,CAAC,uCAAuC,CAAC,CAAA;IAEhF,IAAIC,cAAK,CAACC,cAAc,CAACX,SAAS,EAAE,CAAC,EAAE;AACrC,MAAA,OAAOU,cAAK,CAACG,YAAY,CAACb,SAAS,EAAE,EAAE;AAAE,QAAA,GAAGK,IAAI,CAACF,QAAQ,EAAE,MAAM,CAAA;AAAE,OAAC,CAAC,CAAA;AACvE,KAAA;AACF,GAAA;EAEA,OAAOO,cAAA,CAAAI,aAAA,CAACJ,cAAK,CAACoC,QAAQ,EAAE3C,IAAAA,EAAAA,QAAQ,CAACS,QAAyB,CAAC,CAAA;AAC7D,CAAC,CAAC,CAAA;AAGF,MAAMmC,oBAAoB,GAAG7C,KAAK,IAAI;EACpC,MAAM;IACJD,KAAK;IACL+C,UAAU;IACVC,QAAQ;IACRC,oBAAoB;IACpBC,kBAAkB;IAClBC,eAAe;IACfC,iBAAiB;IACjBC,YAAY;IACZtD,SAAS;AACTuD,IAAAA,cAAAA;AACF,GAAC,GAAGrD,KAAK,CAAA;EAET,MAAM,CAACsD,aAAa,EAAEC,gBAAgB,CAAC,GAAG/C,cAAK,CAACgD,QAAQ,CAAC,KAAK,CAAC,CAAA;EAC/D,MAAM,CAACC,gBAAgB,EAAEC,sBAAsB,CAAC,GAAGlD,cAAK,CAACgD,QAAQ,CAAC,EAAE,CAAC,CAAA;AACrEG,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,MAAMC,mBAAmB,GAAG,CAAC7D,KAAK,EAAE8D,OAAO,IAAI,EAAE,EAAErC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAA;IACnEkC,sBAAsB,CAACE,mBAAmB,CAAC,CAAA;AAC7C,GAAC,EAAE,CAAC7D,KAAK,CAAC,CAAC,CAAA;AAEX4D,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACL,aAAa,IAAIG,gBAAgB,EAAEK,MAAM,EAAE;MAC9CJ,sBAAsB,CAACD,gBAAgB,CAACjC,GAAG,CAAC,MAAM,KAAK,CAAC,CAAC,CAAA;AAC3D,KAAA;AACF,GAAC,EAAE,CAAC8B,aAAa,CAAC,CAAC,CAAA;AAEnB,EAAA,MAAMS,mBAAmB,GAAGC,WAAW,CAAC,MAAM;IAC5CT,gBAAgB,CAAC,IAAI,CAAC,CAAA;GACvB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMU,gBAAgB,GAAGD,WAAW,CAAC,MAAM;IACzCT,gBAAgB,CAAC,KAAK,CAAC,CAAA;GACxB,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMW,sBAAsB,GAAGF,WAAW,CACxCG,WAAW,IAAI;IACb,MAAMP,mBAAmB,GAAGH,gBAAgB,CAACjC,GAAG,CAAC,CAAC4C,QAAQ,EAAEC,KAAK,KAAK;MACpE,IAAIA,KAAK,KAAKF,WAAW,EAAE;AACzB,QAAA,OAAO,KAAK,CAAA;AACd,OAAA;AACA,MAAA,OAAO,CAACC,QAAQ,CAAA;AAClB,KAAC,CAAC,CAAA;IACFV,sBAAsB,CAACE,mBAAmB,CAAC,CAAA;AAC7C,GAAC,EACD,CAACH,gBAAgB,CACnB,CAAC,CAAA;AAED,EAAA,MAAMa,cAAc,GAAGC,MAAM,EAAE,CAAA;AAC/B,EAAA,MAAMC,OAAO,GAAGD,MAAM,EAAE,CAAA;AACxB,EAAA,MAAME,OAAO,GAAGF,MAAM,CAAC,IAAI,CAAC,CAAA;EAE5B,SAASG,YAAYA,CAACC,KAAK,EAAE;IAC3B,IAAIL,cAAc,CAACM,OAAO,EAAE;MAC1B,MAAMC,WAAW,GAAGP,cAAc,CAACM,OAAO,CAACE,IAAI,EAAE,CAAA;MACjD,IAAID,WAAW,KAAKE,SAAS,EAAE;AAC7BF,QAAAA,WAAW,CACRG,IAAI,CAAC,MAAM,EAEX,CAAC,CACDC,KAAK,CAAC,MAAM,EAEZ,CAAC,CAAA;AACN,OAAA;AACF,KAAA;AAEA,IAAA,IAAI3E,UAAU,CAACP,KAAK,CAAC2E,YAAY,CAAC,EAAE;AAClC3E,MAAAA,KAAK,CAAC2E,YAAY,CAACC,KAAK,EAAE5E,KAAK,CAAC,CAAA;AAClC,KAAA;AAEAgE,IAAAA,mBAAmB,EAAE,CAAA;AACvB,GAAA;EAEA,SAASmB,YAAYA,GAAG;IACtB,IAAIZ,cAAc,CAACM,OAAO,EAAE;AAC1BN,MAAAA,cAAc,CAACM,OAAO,CAACO,KAAK,EAAE,CAAA;AAChC,KAAA;AAEAlB,IAAAA,gBAAgB,EAAE,CAAA;AACpB,GAAA;EAEA,SAASvC,OAAOA,CAACiD,KAAK,EAAE;AACtB,IAAA,IAAI1B,kBAAkB,EAAE;MACtB,OAAOmC,aAAa,CAACT,KAAK,CAAC,CAAA;AAC7B,KAAA;AAEA,IAAA,IAAIrE,UAAU,CAACP,KAAK,CAAC2B,OAAO,CAAC,EAAE;AAC7B3B,MAAAA,KAAK,CAAC2B,OAAO,CAACiD,KAAK,EAAE5E,KAAK,CAAC,CAAA;AAC7B,KAAA;AACF,GAAA;EAEA,SAASqF,aAAaA,CAACT,KAAK,EAAE;IAC5BA,KAAK,CAACU,cAAc,EAAE,CAAA;IACtBV,KAAK,CAACW,eAAe,EAAE,CAAA;AAEvB,IAAA,IAAIvC,QAAQ,EAAE;AACZ,MAAA,OAAOI,iBAAiB,CAACpD,KAAK,CAACM,GAAG,CAAC,CAAA;AACrC,KAAA;AAEA,IAAA,OAAO6C,eAAe,CAACnD,KAAK,CAACM,GAAG,CAAC,CAAA;AACnC,GAAA;EAEA,MAAMkF,aAAa,GAAGvB,WAAW,CAC/B,CAACW,KAAK,EAAEa,MAAM,EAAEnB,KAAK,KAAK;IACxBM,KAAK,CAACU,cAAc,EAAE,CAAA;IACtBV,KAAK,CAACW,eAAe,EAAE,CAAA;AAEvB,IAAA,IAAIhF,UAAU,CAACkF,MAAM,EAAE9D,OAAO,CAAC,EAAE;AAC/B8D,MAAAA,MAAM,CAAC9D,OAAO,CAAC3B,KAAK,CAAC,CAAA;AACvB,KAAA;AAEA,IAAA,IAAI,CAACuB,OAAO,CAACkE,MAAM,EAAErE,UAAU,CAAC,EAAE;MAChC+C,sBAAsB,CAACG,KAAK,CAAC,CAAA;AAC/B,KAAA;AACF,GAAC,EACD,CAACH,sBAAsB,CACzB,CAAC,CAAA;AAED,EAAA,MAAMuB,oBAAoB,GAAGzB,WAAW,CACtCG,WAAW,IAAIV,gBAAgB,CAACU,WAAW,CAAC,EAC5C,CAACV,gBAAgB,CACnB,CAAC,CAAA;EAED,SAASiC,aAAaA,CAACf,KAAK,EAAE;IAC5BA,KAAK,CAACU,cAAc,EAAE,CAAA;AACtBtF,IAAAA,KAAK,CAAC2F,aAAa,CAACf,KAAK,CAAC,CAAA;AAC5B,GAAA;EAEA,SAASgB,aAAaA,CAAC5F,KAAK,EAAE;IAC5B,IAAI6F,cAAc,GAAG,IAAI,CAAA;IAEzB,IAAI7F,KAAK,CAAC8F,QAAQ,EAAEC,WAAW,EAAE,KAAK,OAAO,EAAE;AAC7CF,MAAAA,cAAc,GACZpF,cAAA,CAAAI,aAAA,CAACmF,iBAAiB,EAAA;AAAC1C,QAAAA,cAAc,EAAEA,cAAAA;OACjC7C,EAAAA,cAAA,CAAAI,aAAA,CAAA,OAAA,EAAA;AAAOG,QAAAA,GAAG,EAAEuD,cAAe;QAAC0B,IAAI,EAAA,IAAA;QAACC,KAAK,EAAA,IAAA;OACpCzF,EAAAA,cAAA,CAAAI,aAAA,CAAA,QAAA,EAAA;QAAQsF,GAAG,EAAEnG,KAAK,CAACoG,UAAW;AAACC,QAAAA,IAAI,EAAC,WAAA;OAAa,CAC5C,CACU,CACpB,CAAA;KACF,MAAM,IAAIrG,KAAK,CAAC8F,QAAQ,EAAEC,WAAW,EAAE,KAAK,OAAO,EAAE;AACpDF,MAAAA,cAAc,GACZpF,cAAA,CAAAI,aAAA,CAACmF,iBAAiB,EAAA;AAAC1C,QAAAA,cAAc,EAAEA,cAAAA;OACjC7C,EAAAA,cAAA,CAAAI,aAAA,CAAA,KAAA,EAAA;AAAKM,QAAAA,SAAS,EAAC,OAAA;OACbV,EAAAA,cAAA,CAAAI,aAAA,CAACyF,UAAW,EAAE,IAAA,CACX,CACY,CACpB,CAAA;AACH,KAAC,MAAM;AACLT,MAAAA,cAAc,GACZpF,cAAA,CAAAI,aAAA,CAAC0F,aAAa,EAAA;QACZC,GAAG,EAAExG,KAAK,CAAC4B,KAAM;QACjBuE,GAAG,EAAEnG,KAAK,CAACoG,UAAW;AACtBK,QAAAA,MAAM,EAAC,MAAM;AACbC,QAAAA,KAAK,EAAC,MAAM;AACZC,QAAAA,WAAW,EAAC,UAAU;AACtBC,QAAAA,SAAS,EAAE,CAAE;AACbC,QAAAA,SAAS,EAAE,IAAK;AAChBvD,QAAAA,cAAc,EAAEA,cAAAA;AAAe,OAChC,CACF,CAAA;AACH,KAAA;AAEA,IAAA,OACE7C,cAAA,CAAAI,aAAA,CAACC,MAAQ,EAAA;AAACkC,MAAAA,QAAQ,EAAEA,QAAAA;KACjB6C,EAAAA,cAAc,EACfpF,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACkC,MAAAA,QAAQ,EAAEA,QAAAA;KAAW,CAAC,EAC/CvC,cAAA,CAAAI,aAAA,CAACC,OAAS,EAAA;AAACE,MAAAA,GAAG,EAAEyD,OAAAA;AAAQ,KAAA,EACtBhE,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAACgG,MAAAA,aAAa,EAAEzD,YAAa;AAACL,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAE,CAAC,EAEtEvC,cAAA,CAAAI,aAAA,CAACC,WAAa,QACZL,cAAA,CAAAI,aAAA,CAACC,cAAgB,EAAA,IAAA,EACfL,cAAA,CAAAI,aAAA,CAACC,sBAAwB,EAAEiG,IAAAA,EAAAA,mBAAmB,EAA6B,CAAC,EAE3E/G,KAAK,EAAEgH,IAAI,EAAEpF,KAAK,IACjBnB,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACuF,MAAAA,IAAI,EAAErG,KAAK,EAAEgH,IAAI,EAAEX,IAAAA;AAAK,KAAA,EAC/C5F,cAAA,CAAAI,aAAA,CAACoG,gBAAiB,EAAE,IAAA,CACG,CAC1B,EAEDxG,cAAA,CAAAI,aAAA,CAACC,qBAAuB,EAAA;AAACoG,MAAAA,cAAc,EAAE3D,aAAAA;AAAc,KAAA,EACpDvD,KAAK,CAAC8D,OAAO,IACZ9D,KAAK,CAAC8D,OAAO,CAACrC,GAAG,CAAC,CAACgE,MAAM,EAAEnB,KAAK,KAC9B7D,cAAA,CAAAI,aAAA,CAACsG,OAAO,EAAA;MAAC7G,GAAG,EAAE,GAAGN,KAAK,CAACM,GAAG,CAAImF,CAAAA,EAAAA,MAAM,CAAC7D,KAAK,CAAG,CAAA;MAACO,OAAO,EAAEsD,MAAM,CAAC7D,KAAAA;AAAM,KAAA,EAClEnB,cAAA,CAAAI,aAAA,CAACC,QAAU,EAAA;MACTR,GAAG,EAAE,GAAGN,KAAK,CAACM,GAAG,CAAImF,CAAAA,EAAAA,MAAM,CAAC7D,KAAK,CAAG,CAAA;AACpCwF,MAAAA,EAAE,EAAEnG,oBAAqB;MACzBlB,SAAS,EAAE0F,MAAM,CAAC1F,SAAU;MAC5BoB,SAAS,EAAEsE,MAAM,CAACtE,SAAU;MAC5BU,IAAI,EAAE4D,MAAM,CAAC5D,IAAK;AAClBqF,MAAAA,cAAc,EAAE3D,aAAc;AAC9BlC,MAAAA,kBAAkB,EAAEqE,oBAAoB,CAACpB,KAAK,CAAE;MAChD3C,OAAO,EAAEiD,KAAK,IAAIY,aAAa,CAACZ,KAAK,EAAEa,MAAM,EAAEnB,KAAK,CAAE;MACtDlD,UAAU,EAAEqE,MAAM,EAAErE,UAAW;MAC/BwB,iBAAiB,EAAE6C,MAAM,CAAC7C,iBAAAA;KAC3B,CACM,CACV,CACoB,CACT,CAAC,EAEnBnC,cAAA,CAAAI,aAAA,CAACC,iBAAmB,EAAA,IAAA,EACjBiC,UAAU,IACTtC,cAAA,CAAAI,aAAA,CAACC,6BAA+B,EAAA;AAACkC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAClDvC,cAAA,CAAAI,aAAA,CAACwG,uBAAkB,EAAA;AAAC1F,MAAAA,OAAO,EAAE0D,aAAAA;KAAgB,CACd,CAClC,EAED5E,cAAA,CAAAI,aAAA,CAACC,0BAA4B,EAAA,IAAA,EAAEwG,gBAAgB,EAAiC,CAC7D,CACR,CAAC,EAEfvE,UAAU,IACTtC,cAAA,CAAAI,aAAA,CAACC,eAAiB,EAAA;AAChBkC,MAAAA,QAAQ,EAAEA,QAAS;AACnB8D,MAAAA,aAAa,EAAEzD,YAAa;AAC5BkE,MAAAA,qBAAqB,EAAEtE,oBAAAA;AAAqB,KAC7C,CAEM,CAAC,EACXjD,KAAK,CAACwH,OAAO,IAAI/G,cAAA,CAAAI,aAAA,CAACC,sBAAwB,EAAA,IAAA,EAAEd,KAAK,CAACwH,OAAkC,CAC7E,CAAC,CAAA;AAEf,GAAA;AAEA5D,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIrD,UAAU,CAACP,KAAK,CAAC2F,aAAa,CAAC,EAAE;MACnC,IAAIlB,OAAO,CAACI,OAAO,EAAE;QACnBJ,OAAO,CAACI,OAAO,CAAC4C,gBAAgB,CAAC,aAAa,EAAE9B,aAAa,CAAC,CAAA;AAChE,OAAA;AACA,MAAA,OAAO,MAAM;QACX,IAAIlB,OAAO,CAACI,OAAO,EAAE;UACnBJ,OAAO,CAACI,OAAO,CAAC6C,mBAAmB,CAAC,aAAa,EAAE/B,aAAa,CAAC,CAAA;AACnE,SAAA;OACD,CAAA;AACH,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;EAEN,SAASgC,WAAWA,CAAC/C,KAAK,EAAE;AAC1B5E,IAAAA,KAAK,CAAC2H,WAAW,CAAC/C,KAAK,CAAC,CAAA;AAC1B,GAAA;AAEAhB,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIrD,UAAU,CAACP,KAAK,CAAC2H,WAAW,CAAC,EAAE;MACjC,IAAIjD,OAAO,CAACG,OAAO,EAAE;QACnBH,OAAO,CAACG,OAAO,CAAC4C,gBAAgB,CAAC,WAAW,EAAEE,WAAW,CAAC,CAAA;AAC5D,OAAA;AACA,MAAA,OAAO,MAAM;QACX,IAAIjD,OAAO,CAACG,OAAO,EAAE;UACnBH,OAAO,CAACG,OAAO,CAAC6C,mBAAmB,CAAC,WAAW,EAAEC,WAAW,CAAC,CAAA;AAC/D,SAAA;OACD,CAAA;AACH,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAGN/D,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIP,YAAY,EAAE;AAChBoB,MAAAA,OAAO,CAACI,OAAO,CAAC+C,cAAc,CAAC;AAAEC,QAAAA,QAAQ,EAAE,QAAQ;AAAEC,QAAAA,KAAK,EAAE,SAAA;AAAU,OAAC,CAAC,CAAA;AAC1E,KAAA;AACF,GAAC,EAAE,CAACzE,YAAY,CAAC,CAAC,CAAA;AAElB,EAAA,MAAM0D,mBAAmB,GAAG9C,WAAW,CAAC,MAAM;AAC5C,IAAA,IAAI,CAACjE,KAAK,EAAE+H,QAAQ,EAAE,OAAO,IAAI,CAAA;AAEjC,IAAA,OACEtH,cAAA,CAAAI,aAAA,CAACmH,KAAK,EAAA;AACJC,MAAAA,SAAS,EAAExH,cAAA,CAAAI,aAAA,CAACqH,SAAU,MAAE,CAAE;MAC1BC,YAAY,EAAEnI,KAAK,CAAC+H,QAAS;AAC7BpF,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;AACrCyF,MAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;AAC/BC,MAAAA,QAAQ,EAAE,EAAG;AACbC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,UAAU,EAAE,EAAG;AACfC,MAAAA,eAAe,EAAE,CAAE;AACnBC,MAAAA,iBAAiB,EAAE,CAAA;AAAE,KACtB,CAAC,CAAA;AAEN,GAAC,EAAE,CAACzI,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAMsH,gBAAgB,GAAGrD,WAAW,CAAC,MAAM;IACzC,IAAIgE,SAAS,GAAG,IAAI,CAAA;IACpB,IAAIE,YAAY,GAAG,IAAI,CAAA;AAEvB,IAAA,IAAInI,KAAK,EAAE8F,QAAQ,KAAK,OAAO,EAAE;AAC/BmC,MAAAA,SAAS,GAAGxH,cAAA,CAAAI,aAAA,CAAC6H,OAAQ,MAAE,CAAC,CAAA;AAC1B,KAAA;IAEA,IAAI1I,KAAK,EAAE2I,QAAQ,EAAE;AACnBR,MAAAA,YAAY,GAAGS,cAAc,CAAC5I,KAAK,CAAC2I,QAAQ,CAAC,CAAA;AAC/C,KAAA;AAEA,IAAA,IAAI,CAACV,SAAS,IAAI,CAACE,YAAY,EAAE,OAAO,IAAI,CAAA;AAC5C,IAAA,OACE1H,cAAA,CAAAI,aAAA,CAACmH,KAAK,EAAA;AACJC,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,YAAY,EAAEA,YAAa;AAC3BxF,MAAAA,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAE;AACrCyF,MAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,CAAE;AAC/BC,MAAAA,QAAQ,EAAE,EAAG;AACbC,MAAAA,UAAU,EAAE,GAAI;AAChBC,MAAAA,UAAU,EAAE,EAAG;AACfC,MAAAA,eAAe,EAAE,CAAE;AACnBC,MAAAA,iBAAiB,EAAE,CAAE;AACrBI,MAAAA,QAAQ,EAAE,EAAG;AACbpC,MAAAA,MAAM,EAAE,EAAA;AAAG,KACZ,CAAC,CAAA;AAEN,GAAC,EAAE,CAACzG,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,MAAM8I,aAAa,GAAG7E,WAAW,CAAC,MAAM;AACtC,IAAA,OACExD,cAAA,CAAAI,aAAA,CAACkI,WAAW,EAAA;AACVC,MAAAA,iBAAiB,EAAE,IAAK;AACxBpH,MAAAA,KAAK,EAAE5B,KAAK,EAAE4B,KAAK,IAAI,EAAG;AAC1BqH,MAAAA,WAAW,EAAEjJ,KAAK,EAAEiJ,WAAW,IAAI,EAAG;AACtCC,MAAAA,YAAY,EAAElJ,KAAK,EAAEmJ,WAAW,IAAI,EAAG;AACvCC,MAAAA,gBAAgB,EAAE,SAAU;AAC5BC,MAAAA,UAAU,EAAErJ,KAAK,EAAEsJ,OAAO,EAAED,UAAU,IAAI,EAAG;AAC7CE,MAAAA,WAAW,EAAEvJ,KAAK,EAAEsJ,OAAO,EAAEC,WAAW,IAAI,EAAG;AAC/CC,MAAAA,IAAI,EAAE,MAAA;AAAO,KACd,CAAC,CAAA;AAEN,GAAC,EAAE,CAACxJ,KAAK,CAAC,CAAC,CAAA;AAEX,EAAA,OACES,cAAA,CAAAI,aAAA,CAACC,mBAAqB,EAAA;IAAC2I,QAAQ,EAAEzJ,KAAK,CAACyJ,QAAAA;AAAS,GAAA,EAC9ChJ,cAAA,CAAAI,aAAA,CAACC,sBAAsB,EAAA;AACrBsG,IAAAA,EAAE,EAAEtH,qBAAsB;AAC1BC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,KAAK,EAAEA,KAAM;IACbyJ,QAAQ,EAAEzJ,KAAK,CAACyJ,QAAS;AACzB9H,IAAAA,OAAO,EAAEA,OAAQ;AACjBuB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCyB,IAAAA,YAAY,EAAEA,YAAa;AAC3BQ,IAAAA,YAAY,EAAEA,YAAa;IAC3BuE,SAAS,EAAE1J,KAAK,CAAC0J,SAAU;AAC3BC,IAAAA,QAAQ,EAAEjF,OAAQ;AAClB1B,IAAAA,QAAQ,EAAEA,QAAS;AACnB8D,IAAAA,aAAa,EAAEzD,YAAa;IAC5BuG,SAAS,EAAE5J,KAAK,EAAE4J,SAAU;IAC5BC,SAAS,EAAE7J,KAAK,EAAE8J,QAAS;AAC3BvC,IAAAA,qBAAqB,EAAEtE,oBAAAA;AAAqB,GAAA,EAE5CxC,cAAA,CAAAI,aAAA,CAACC,cAAgB,EAAA;IACfiJ,MAAM,EAAE/J,KAAK,CAAC+J,MAAO;AACrB/I,IAAAA,GAAG,EAAEyD,OAAQ;AACbqC,IAAAA,aAAa,EAAEzD,YAAa;AAC5BL,IAAAA,QAAQ,EAAEA,QAAS;AACnBuE,IAAAA,qBAAqB,EAAEtE,oBAAAA;AAAqB,GAAA,EAE5CxC,cAAA,CAAAI,aAAA,CAACC,KAAO,EAAA;AAAC,IAAA,SAAA,EAAQ,IAAI;AAACkC,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,EACtChD,KAAK,CAACoG,UAAU,IAAIR,aAAa,CAAC5F,KAAK,CACjC,CAAC,EAET8I,aAAa,EACE,CACI,CACH,CAAC,CAAA;AAE5B,CAAC,CAAA;AAEDhG,oBAAoB,CAACkH,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAI/BnK,KAAK,EAAEoK,SAAS,CAACC,KAAK,CAACC,oBAAoB,CAAC,CAACC,UAAU;EAKvDxH,UAAU,EAAEqH,SAAS,CAACI,IAAI;EAK1BxH,QAAQ,EAAEoH,SAAS,CAACI,IAAI;EAKxBvH,oBAAoB,EAAEmH,SAAS,CAACK,OAAO,CAACL,SAAS,CAACM,MAAM,CAAC;EAKzDxH,kBAAkB,EAAEkH,SAAS,CAACI,IAAI;AAKlCrH,EAAAA,eAAe,EAAEiH,SAAS,CAACO,IAAI,CAACJ,UAAU;AAK1CnH,EAAAA,iBAAiB,EAAEgH,SAAS,CAACO,IAAI,CAACJ,UAAU;AAK5ClH,EAAAA,YAAY,EAAE+G,SAAS,CAACI,IAAI,CAACD,UAAU;EAMvCxK,SAAS,EAAEqK,SAAS,CAACO,IAAI;EAMzBrH,cAAc,EAAE8G,SAAS,CAACQ,MAAAA;AAC5B,CAAC,GAAA,EAAA,CAAA;AAED9H,oBAAoB,CAAC+H,YAAY,GAAG,EAAE,CAAA;AAEtC,6BAAeC,iBAAiB,CAC9BrK,cAAK,CAACsK,IAAI,CAACjI,oBAAoB,EAAE,CAACkI,SAAS,EAAEC,SAAS,KAAK;AAEzD,EAAA,MAAMC,aAAa,GAAG,CACpB,YAAY,EACZ,UAAU,EACV,oBAAoB,EACpB,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,cAAc,CACf,CAAA;AAED,EAAA,OAAOA,aAAa,CAACC,KAAK,CAACC,OAAO,IAAIC,GAAG,CAACL,SAAS,EAAEI,OAAO,CAAC,KAAKC,GAAG,CAACJ,SAAS,EAAEG,OAAO,CAAC,CAAC,CAAA;AAC5F,CAAC,CACH,CAAC;;;;"}

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js

@@ -16,11 +16,11 @@ const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
   border-width: ${props => {
   const {
     selected,
-    softSelected,
+    $softSelected,
     hasError,
     completed
   } = props;
-  return selected || softSelected || hasError || completed ? 3 : 1;
+  return selected || $softSelected || hasError || completed ? 3 : 1;
 }}px;
   border-style: solid;
   text-decoration: none;
@@ -42,8 +42,8 @@ const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`
     return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
   }
   if (props.selected) {
-    if (props.customSelectedBorder) {
-      return props.theme.themeProp('border-color', props.customSelectedBorder[0], props.customSelectedBorder[1]);
+    if (props.$customSelectedBorder) {
+      return props.theme.themeProp('border-color', props.$customSelectedBorder[0], props.$customSelectedBorder[1]);
     } else {
       return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
     }
@@ -226,7 +226,7 @@ const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`
   z-index: 99999;
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700'))}
 
-  opacity: ${props => props.isCardHovered ? 1 : 0};
+  opacity: ${props => props.$isCardHovered ? 1 : 0};
 `;
 const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`
   position: absolute;

package/build/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  border-width: ${props => {\n    const { selected, softSelected, hasError, completed } = props;\n    return selected || softSelected || hasError || completed ? 3 : 1;\n  }}px;\n  border-style: solid;\n  text-decoration: none;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.selected) {\n      if (props.customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.customSelectedBorder[0],\n          props.customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    if (props.completed) {\n      return props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('emerald-500'),\n        rgba(props.theme.getColor('emerald-500'), 0.7)\n      );\n    }\n\n    if (props.hasError) {\n      return props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('red-600'),\n        rgba(props.theme.getColor('red-500'), 0.7)\n      );\n    }\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    );\n  }};\n`;\n\nexport const ContentWrapper = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ${props => (props.selected || props.$softSelected ? 4 : 0)}px;\n  padding-top: 35px;\n  height: 100%;\n`;\n\nexport const Asset = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  padding: 0 36px;\n  min-height: 200px;\n  box-sizing: border-box;\n\n  video {\n    display: block;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const Figure = styled.figure`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin: 0;\n\n  img,\n  video,\n  .audio {\n    display: block;\n    max-height: 200px;\n    width: 100%;\n    box-sizing: border-box;\n\n    ${props =>\n      props.hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n\n  .audio {\n    display: flex;\n    height: 200px;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n  ${props =>\n    !props.selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n\n  ${props =>\n    (props.selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 12px 10px;\n  color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.type === 'error' ? 0 : '4px')};\n  background-color: ${props =>\n    props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: ${props => (props.isCardHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`\n  opacity: ${props => (props.selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n\n  > svg {\n    width: 23px;\n    height: 100%;\n    transition: opacity 120ms;\n    opacity: ${props => (props.selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n  margin: 4px;\n`;\n"],"names":["AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","AssetGalleryGridCard","selected","softSelected","hasError","completed","theme","themeProp","getColor","extendedSelectMode","$softSelected","rgba","customSelectedBorder","ContentWrapper","Asset","Figure","figure","hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","type","OverlayInfoTopActions","isCardHovered","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","Fragment"],"mappings":"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"}
+{"version":3,"file":"AssetGalleryGridCard.styled.js","sources":["../../../../../src/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryGridCard/AssetGalleryGridCard.styled.js"],"sourcesContent":["import { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../../../utils/defaultTheme';\n\nexport const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)`\n  ${props =>\n    props.disabled &&\n    css`\n      cursor: not-allowed;\n    `};\n`;\n\nexport const AssetGalleryGridCard = styled.div.attrs(applyDefaultTheme)`\n  display: block;\n  position: relative;\n  height: 100%;\n  margin: 0;\n  box-sizing: border-box;\n  border-width: ${props => {\n    const { selected, $softSelected, hasError, completed } = props;\n    return selected || $softSelected || hasError || completed ? 3 : 1;\n  }}px;\n  border-style: solid;\n  text-decoration: none;\n  cursor: pointer;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  ${props =>\n    props.disabled &&\n    css`\n      pointer-events: none;\n      opacity: 0.4;\n    `};\n\n  ${props =>\n    props.extendedSelectMode &&\n    css`\n      cursor: pointer;\n    `}\n\n  ${props => {\n    if (props.$softSelected) {\n      return props.theme.themeProp(\n        'border-color',\n        rgba(props.theme.getColor('gray-100'), 0.5),\n        rgba(props.theme.getColor('gray-700'), 0.5)\n      );\n    }\n\n    if (props.selected) {\n      if (props.$customSelectedBorder) {\n        return props.theme.themeProp(\n          'border-color',\n          props.$customSelectedBorder[0],\n          props.$customSelectedBorder[1]\n        );\n      } else {\n        return props.theme.themeProp(\n          'border-color',\n          props.theme.getColor('gray-100'),\n          props.theme.getColor('gray-700')\n        );\n      }\n    }\n\n    if (props.completed) {\n      return props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('emerald-500'),\n        rgba(props.theme.getColor('emerald-500'), 0.7)\n      );\n    }\n\n    if (props.hasError) {\n      return props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('red-600'),\n        rgba(props.theme.getColor('red-500'), 0.7)\n      );\n    }\n\n    return props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('gray-300')\n    );\n  }};\n`;\n\nexport const ContentWrapper = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: ${props => (props.selected || props.$softSelected ? 4 : 0)}px;\n  padding-top: 35px;\n  height: 100%;\n`;\n\nexport const Asset = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  padding: 0 36px;\n  min-height: 200px;\n  box-sizing: border-box;\n\n  video {\n    display: block;\n  }\n\n  .audio {\n    display: flex;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const Figure = styled.figure`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  margin: 0;\n\n  img,\n  video,\n  .audio {\n    display: block;\n    max-height: 200px;\n    width: 100%;\n    box-sizing: border-box;\n\n    ${props =>\n      props.hasHeightAndWidth\n        ? css`\n            object-fit: cover;\n          `\n        : css`\n            object-fit: contain;\n          `}\n  }\n\n  .audio {\n    display: flex;\n    height: 200px;\n    justify-content: center;\n    svg {\n      width: 25%;\n    }\n  }\n`;\n\nexport const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  inset: 0;\n  opacity: ${props => (props.selected ? 0.6 : 0)};\n  background-color: ${props => (props.selected ? '#ACCEF7' : 'transparent')};\n`;\n\nexport const Overlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n`;\n\nexport const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  opacity: 0;\n  transition: opacity 220ms;\n  ${props =>\n    !props.selected\n      ? css`\n          background: radial-gradient(\n            ellipse at center,\n            rgba(0, 0, 0, 0.3) 27%,\n            rgba(0, 0, 0, 0.5) 60%,\n            rgba(0, 0, 0, 0.7) 90%\n          );\n        `\n      : null}\n\n  ${props =>\n    (props.selected || props.$softSelected) &&\n    css`\n      opacity: 1;\n    `}\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfo = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  padding: 15px 12px 10px;\n  color: ${props => props.theme.getColor('gray-100')};\n`;\n\nexport const OverlaySelected = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoTopVersions = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)`\n  margin-left: auto;\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  box-sizing: border-box;\n  padding: ${props => (props.type === 'error' ? 0 : '4px')};\n  background-color: ${props =>\n    props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100')};\n  opacity: 1;\n\n  svg {\n    width: 100%;\n    color: ${props =>\n      props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700')};\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  transition: opacity 220ms;\n  z-index: 99999;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-700')\n    )}\n\n  opacity: ${props => (props.$isCardHovered ? 1 : 0)};\n`;\n\nexport const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  padding: 8px;\n  display: flex;\n`;\n\nexport const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)`\n  opacity: ${props => (props.selected ? 1 : 0)};\n  flex-shrink: 0;\n  cursor: pointer;\n  transition: opacity 220ms;\n\n  > svg {\n    width: 23px;\n    height: 100%;\n    transition: opacity 120ms;\n    opacity: ${props => (props.selected ? 1 : 0.5)};\n  }\n\n  ${Overlay}:hover & {\n    opacity: 1;\n  }\n\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 1;\n  }\n`;\n\nexport const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)`\n  margin-left: auto;\n  opacity: 1;\n  ${AssetGalleryGridCard}:hover & {\n    opacity: 0;\n  }\n`;\n\nexport const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  pointer-events: none;\n`;\n\nexport const Fragment = styled.div`\n  margin: 4px;\n`;\n"],"names":["AssetGalleryWrapper","styled","div","attrs","applyDefaultTheme","props","disabled","css","AssetGalleryGridCard","selected","$softSelected","hasError","completed","theme","themeProp","getColor","extendedSelectMode","rgba","$customSelectedBorder","ContentWrapper","Asset","Figure","figure","hasHeightAndWidth","FigureOverlayBackdrop","Overlay","OverlayBackdrop","OverlayInfo","OverlaySelected","OverlayInfoTop","OverlayInfoTopVersions","OverlayInfoTopWarning","type","OverlayInfoTopActions","$isCardHovered","OverlayInfoBottom","OverlayInfoBottomSelectButton","OverlayInfoBottomMediaIcon","ConsumerDefinedOverlay","Fragment"],"mappings":"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"}

package/build/widgets/Instructions/Instructions.js

@@ -30,9 +30,6 @@ const Instructions = React__default.forwardRef(function Instructions({
   selectType,
   edit,
   rows,
-  showMore,
-  showMoreText,
-  showLessText,
   isExpanded,
   loadingIcon,
   successIcon,
@@ -151,9 +148,6 @@ const Instructions = React__default.forwardRef(function Instructions({
     onChange: onChange,
     onBlur: onBlur,
     rows: rows,
-    showMore: showMore,
-    showMoreText: showMoreText,
-    showLessText: showLessText,
     icon: React__default.createElement(SvgWarningCircle, null),
     loadingIcon: loadingIcon,
     successIcon: successIcon,
@@ -186,9 +180,6 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   readOnly: PropTypes.bool,
   disabled: PropTypes.bool,
   hidden: PropTypes.bool,
-  showMore: PropTypes.bool,
-  showMoreText: PropTypes.string,
-  showLessText: PropTypes.string,
   availableOptions: PropTypes.arrayOf(PropTypes.object),
   lightBackground: PropTypes.bool,
   edit: PropTypes.bool,

package/build/widgets/Instructions/Instructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"Instructions.js","sources":["../../../src/components/widgets/Instructions/Instructions.js"],"sourcesContent":["import { isFunction } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ReactComponent as AlertIcon } from '../../../icons/warning-circle.svg';\nimport AutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect';\nimport TextArea from '../../inputs/TextArea/TextArea';\nimport * as S from './Instructions.styled';\n\n/**\n * Instructions that let you display Terms & Conditions\n *\n *\n * ### Import\n *\n * ``` js\n * import { Instructions } from '@ntbjs/react-components/widgets/Instructions'\n * // or\n * import Instructions from '@ntbjs/react-components/widgets/Instructions'\n * ```\n *\n * ### AutocompleteSelect\n * `AutocompleteSelect` is integrated within Instructions in order to implement the Drop-down Menu (check out the `Autocomplete` component documentation).\n *\n *\n *  <br /> ## Options `object` format\n * Options are represented by an `Array` of `objects` with the following format:\n *\n * ``` js\n * {\n *   value: \"Example\",\n *   label: \"Example\"\n * }\n * ```\n *\n */\n\nconst Instructions = React.forwardRef(function Instructions(\n  {\n    clickToAdd,\n    customAddMessage,\n    selectedOption,\n    loadOptions,\n    readOnly,\n    disabled,\n    hidden,\n    name,\n    lightBackground,\n    autoSelect,\n    subscribeCurrentValue: subscribeCurrentValueProp,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    onUpdateCallback,\n    availableOptions,\n    loadingMessageFunc,\n    placeholder,\n    type,\n    selectType,\n    edit,\n    rows,\n    showMore,\n    showMoreText,\n    showLessText,\n    isExpanded,\n    loadingIcon,\n    successIcon,\n    padding,\n    ...props\n  },\n  forwardedRef\n) {\n  const [isHovered, setIsHovered] = useState(false);\n  const [selected, setSelected] = useState({});\n  const [addInstructions, setAddInstructions] = useState(clickToAdd);\n  const [customMessage, setCustomMessage] = useState(customAddMessage);\n  const [background, setBackground] = useState(lightBackground);\n  const [initialHover, setInitialHover] = useState(true);\n  const [currentValue, setCurrentValue] = useState();\n\n  useEffect(() => {\n    if (isFunction(subscribeCurrentValueProp)) {\n      subscribeCurrentValueProp(currentValue);\n    }\n  }, [currentValue]);\n\n  useEffect(() => {\n    handleChange(selected);\n  }, [selected]);\n  //Selected option to be displayed on first render\n  useEffect(() => {\n    if (selectedOption) {\n      setCurrentValue(selectedOption.value);\n    }\n  }, [selectedOption]);\n  //Custom instructions added by consumer\n  useEffect(() => {\n    if (addInstructions) {\n      setCurrentValue(customMessage);\n      setInitialHover(true);\n    }\n  }, [addInstructions, handleOnFocus]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n      if (event.target.value === customMessage) {\n        setCurrentValue('');\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const handleMouseOver = () => {\n    setIsHovered(true);\n  };\n  const handleMouseLeave = () => {\n    setIsHovered(false);\n  };\n\n  const handleOnFocus = () => {\n    if (customMessage === currentValue) {\n      setCurrentValue('');\n    }\n  };\n\n  const handleChange = selected => {\n    if (selected === null) {\n      setSelected({});\n      setAddInstructions(true);\n      setBackground(true);\n      setInitialHover(true);\n      setCustomMessage(customAddMessage);\n    } else {\n      setSelected(selected);\n      setCurrentValue(selected.value);\n      setAddInstructions(false);\n      setBackground(false);\n      setInitialHover(false);\n      onUpdateCallback(selected);\n    }\n  };\n\n  const sharedSelectProps = {\n    options: loadOptions ? undefined : availableOptions,\n    loadOptions: loadOptions,\n    loadingMessage: loadingMessageFunc,\n    placeholder: placeholder\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.Instructions\n      ref={forwardedRef}\n      initialHover={initialHover}\n      onMouseDown={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      {!readOnly && !disabled && (\n        <S.TopBarContainer\n          initialHover={initialHover}\n          className={isHovered && !readOnly && !disabled && 'slide-in'}\n        >\n          <S.SelectContainer>\n            <AutocompleteSelect\n              type={selectType}\n              value={selectedOption}\n              creatable={false}\n              onChange={handleChange}\n              {...sharedSelectProps}\n            />\n          </S.SelectContainer>\n        </S.TopBarContainer>\n      )}\n\n      <S.InstructionsArea type={type}>\n        <TextArea\n          noBorder\n          instructionsTextArea={true}\n          type={type}\n          lightBackground={background}\n          readOnly={readOnly}\n          disabled={disabled}\n          name={name}\n          isExpanded={isExpanded}\n          edit={edit}\n          value={currentValue === null ? '' : currentValue}\n          onFocus={onFocus}\n          onChange={onChange}\n          onBlur={onBlur}\n          rows={rows}\n          showMore={showMore}\n          showMoreText={showMoreText}\n          showLessText={showLessText}\n          icon={<AlertIcon />}\n          loadingIcon={loadingIcon}\n          successIcon={successIcon}\n          padding={padding}\n        />\n      </S.InstructionsArea>\n    </S.Instructions>\n  );\n});\n\nInstructions.defaultProps = {\n  clickToAdd: false,\n  lightBackground: false,\n  autoSelect: true,\n  hidden: false,\n  edit: false,\n  disabled: false,\n  readOnly: false,\n  type: '',\n  selectType: '',\n  padding: 'medium',\n  onUpdateCallback: () => {}\n};\n\nInstructions.propTypes = {\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n  /**\n   * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. \"Search categories...\"\n   */\n  placeholder: PropTypes.string,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Selected option\n   */\n  selectedOption: PropTypes.any,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  loadOptions: PropTypes.func,\n  /**\n   * Function for custom \"Loading...\" message while waiting for the first page\n   * from `loadOptions` to resolve. Defaults to \"Loading...\" if no function is provided.\n   */\n  loadingMessageFunc: PropTypes.func,\n  /**\n  /**\n   * Whether the components displays an initial custom message.\n   */\n  clickToAdd: PropTypes.bool,\n  /**\n   * Add initial custom message. i.e: `No instructions (click to add)`.\n   */\n  customAddMessage: PropTypes.string,\n  /**\n   * Whether to auto select the entire value when the input is focused – does also work when the field is in read-only mode\n   */\n  autoSelect: PropTypes.bool,\n  /**\n   * Whether the instruction is read only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the intruction is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * Display Show More\n   */\n  showMore: PropTypes.bool,\n  /**\n   * Show More message displayed below the text area\n   */\n  showMoreText: PropTypes.string,\n  /**\n   * Show Less message displayed below the text area\n   */\n  showLessText: PropTypes.string,\n  /**\n   * `Array` of `objects` that populate the select menu. This is only needed\n   * when asynchronous option fetching with the `loadOptions` prop is not used.\n   *\n   * **Note:**\n   * <br />This will be overridden by the `loadOptions` prop if both props are set.\n   */\n  availableOptions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * `LightBackground color\n   */\n  lightBackground: PropTypes.bool,\n  /**\n   * Displays a light-yellow background to show that instruction value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br /> `options`should be passed as an `array`of `objects`\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  options: PropTypes.array,\n  /**\n   * Callback for `onChange`\n   */\n  subscribeCurrentValue: PropTypes.func,\n  /**\n   * Callback for `onChange`\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback for `onFocus`\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback for `onBlur`\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback for `onUpdateCallback`: register to AutocompleteSelect label and value\n   */\n  onUpdateCallback: PropTypes.func,\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type: PropTypes.oneOf([\n    '',\n    'error',\n    'error-border',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Define the type AutoCompleteSelect based on error,error-border , warning, loading and success.\n   */\n  selectType: PropTypes.oneOf([\n    '',\n    'error',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  isExpanded: PropTypes.func,\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element,\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])\n};\n\nexport default Instructions;\n"],"names":["Instructions","React","forwardRef","clickToAdd","customAddMessage","selectedOption","loadOptions","readOnly","disabled","hidden","name","lightBackground","autoSelect","subscribeCurrentValue","subscribeCurrentValueProp","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","onUpdateCallback","availableOptions","loadingMessageFunc","placeholder","type","selectType","edit","rows","showMore","showMoreText","showLessText","isExpanded","loadingIcon","successIcon","padding","props","forwardedRef","isHovered","setIsHovered","useState","selected","setSelected","addInstructions","setAddInstructions","customMessage","setCustomMessage","background","setBackground","initialHover","setInitialHover","currentValue","setCurrentValue","useEffect","isFunction","handleChange","value","handleOnFocus","useCallback","event","target","select","handleMouseOver","handleMouseLeave","sharedSelectProps","options","undefined","loadingMessage","createElement","S","_extends","ref","onMouseDown","onMouseLeave","className","AutocompleteSelect","creatable","TextArea","noBorder","instructionsTextArea","icon","AlertIcon","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","oneOfType","number","any","func","bool","arrayOf","object","array","oneOf","element"],"mappings":";;;;;;;;;AAoCMA,MAAAA,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,YAAYA,CACzD;EACEG,UAAU;EACVC,gBAAgB;EAChBC,cAAc;EACdC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,eAAe;EACfC,UAAU;AACVC,EAAAA,qBAAqB,EAAEC,yBAAyB;AAChDC,EAAAA,QAAQ,EAAEC,YAAY;AACtBC,EAAAA,OAAO,EAAEC,WAAW;AACpBC,EAAAA,MAAM,EAAEC,UAAU;EAClBC,gBAAgB;EAChBC,gBAAgB;EAChBC,kBAAkB;EAClBC,WAAW;EACXC,IAAI;EACJC,UAAU;EACVC,IAAI;EACJC,IAAI;EACJC,QAAQ;EACRC,YAAY;EACZC,YAAY;EACZC,UAAU;EACVC,WAAW;EACXC,WAAW;EACXC,OAAO;EACP,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;EACjD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGF,QAAQ,CAAC,EAAE,CAAC,CAAA;EAC5C,MAAM,CAACG,eAAe,EAAEC,kBAAkB,CAAC,GAAGJ,QAAQ,CAACrC,UAAU,CAAC,CAAA;EAClE,MAAM,CAAC0C,aAAa,EAAEC,gBAAgB,CAAC,GAAGN,QAAQ,CAACpC,gBAAgB,CAAC,CAAA;EACpE,MAAM,CAAC2C,UAAU,EAAEC,aAAa,CAAC,GAAGR,QAAQ,CAAC7B,eAAe,CAAC,CAAA;EAC7D,MAAM,CAACsC,YAAY,EAAEC,eAAe,CAAC,GAAGV,QAAQ,CAAC,IAAI,CAAC,CAAA;EACtD,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGZ,QAAQ,EAAE,CAAA;AAElDa,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIC,UAAU,CAACxC,yBAAyB,CAAC,EAAE;MACzCA,yBAAyB,CAACqC,YAAY,CAAC,CAAA;AACzC,KAAA;AACF,GAAC,EAAE,CAACA,YAAY,CAAC,CAAC,CAAA;AAElBE,EAAAA,SAAS,CAAC,MAAM;IACdE,YAAY,CAACd,QAAQ,CAAC,CAAA;AACxB,GAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEdY,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIhD,cAAc,EAAE;AAClB+C,MAAAA,eAAe,CAAC/C,cAAc,CAACmD,KAAK,CAAC,CAAA;AACvC,KAAA;AACF,GAAC,EAAE,CAACnD,cAAc,CAAC,CAAC,CAAA;AAEpBgD,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIV,eAAe,EAAE;MACnBS,eAAe,CAACP,aAAa,CAAC,CAAA;MAC9BK,eAAe,CAAC,IAAI,CAAC,CAAA;AACvB,KAAA;AACF,GAAC,EAAE,CAACP,eAAe,EAAEc,aAAa,CAAC,CAAC,CAAA;AAEpC,EAAA,MAAM1C,QAAQ,GAAG2C,WAAW,CAC1BC,KAAK,IAAI;AACPP,IAAAA,eAAe,CAACO,KAAK,CAACC,MAAM,CAACJ,KAAK,CAAC,CAAA;AACnC,IAAA,IAAIF,UAAU,CAACtC,YAAY,CAAC,EAAE;MAC5BA,YAAY,CAAC2C,KAAK,CAAC,CAAA;AACrB,KAAA;AACF,GAAC,EACD,CAAC3C,YAAY,CACf,CAAC,CAAA;AACD,EAAA,MAAMC,OAAO,GAAGyC,WAAW,CACzBC,KAAK,IAAI;AACP,IAAA,IAAI/C,UAAU,EAAE;AACd+C,MAAAA,KAAK,CAACC,MAAM,CAACC,MAAM,EAAE,CAAA;AACvB,KAAA;AACA,IAAA,IAAIP,UAAU,CAACpC,WAAW,CAAC,EAAE;MAC3BA,WAAW,CAACyC,KAAK,CAAC,CAAA;AACpB,KAAA;AACA,IAAA,IAAIA,KAAK,CAACC,MAAM,CAACJ,KAAK,KAAKX,aAAa,EAAE;MACxCO,eAAe,CAAC,EAAE,CAAC,CAAA;AACrB,KAAA;GACD,EACD,CAACxC,UAAU,EAAEL,QAAQ,EAAEW,WAAW,CACpC,CAAC,CAAA;AACD,EAAA,MAAMC,MAAM,GAAGuC,WAAW,CACxBC,KAAK,IAAI;AACP,IAAA,IAAIL,UAAU,CAAClC,UAAU,CAAC,EAAE;MAC1BA,UAAU,CAACuC,KAAK,CAAC,CAAA;AACnB,KAAA;AACF,GAAC,EACD,CAACvC,UAAU,CACb,CAAC,CAAA;EAED,MAAM0C,eAAe,GAAGA,MAAM;IAC5BvB,YAAY,CAAC,IAAI,CAAC,CAAA;GACnB,CAAA;EACD,MAAMwB,gBAAgB,GAAGA,MAAM;IAC7BxB,YAAY,CAAC,KAAK,CAAC,CAAA;GACpB,CAAA;EAED,MAAMkB,aAAa,GAAGA,MAAM;IAC1B,IAAIZ,aAAa,KAAKM,YAAY,EAAE;MAClCC,eAAe,CAAC,EAAE,CAAC,CAAA;AACrB,KAAA;GACD,CAAA;EAED,MAAMG,YAAY,GAAGd,QAAQ,IAAI;IAC/B,IAAIA,QAAQ,KAAK,IAAI,EAAE;MACrBC,WAAW,CAAC,EAAE,CAAC,CAAA;MACfE,kBAAkB,CAAC,IAAI,CAAC,CAAA;MACxBI,aAAa,CAAC,IAAI,CAAC,CAAA;MACnBE,eAAe,CAAC,IAAI,CAAC,CAAA;MACrBJ,gBAAgB,CAAC1C,gBAAgB,CAAC,CAAA;AACpC,KAAC,MAAM;MACLsC,WAAW,CAACD,QAAQ,CAAC,CAAA;AACrBW,MAAAA,eAAe,CAACX,QAAQ,CAACe,KAAK,CAAC,CAAA;MAC/BZ,kBAAkB,CAAC,KAAK,CAAC,CAAA;MACzBI,aAAa,CAAC,KAAK,CAAC,CAAA;MACpBE,eAAe,CAAC,KAAK,CAAC,CAAA;MACtB7B,gBAAgB,CAACoB,QAAQ,CAAC,CAAA;AAC5B,KAAA;GACD,CAAA;AAED,EAAA,MAAMuB,iBAAiB,GAAG;AACxBC,IAAAA,OAAO,EAAE3D,WAAW,GAAG4D,SAAS,GAAG5C,gBAAgB;AACnDhB,IAAAA,WAAW,EAAEA,WAAW;AACxB6D,IAAAA,cAAc,EAAE5C,kBAAkB;AAClCC,IAAAA,WAAW,EAAEA,WAAAA;GACd,CAAA;EAED,IAAIf,MAAM,EAAE,OAAO,IAAI,CAAA;EAEvB,OACER,cAAA,CAAAmE,aAAA,CAACC,cAAc,EAAAC,QAAA,CAAA;AACbC,IAAAA,GAAG,EAAElC,YAAa;AAClBY,IAAAA,YAAY,EAAEA,YAAa;AAC3BuB,IAAAA,WAAW,EAAEV,eAAgB;AAC7BW,IAAAA,YAAY,EAAEV,gBAAAA;AAAiB,GAAA,EAC3B3B,KAAK,CAAA,EAER,CAAC7B,QAAQ,IAAI,CAACC,QAAQ,IACrBP,cAAA,CAAAmE,aAAA,CAACC,eAAiB,EAAA;AAChBpB,IAAAA,YAAY,EAAEA,YAAa;IAC3ByB,SAAS,EAAEpC,SAAS,IAAI,CAAC/B,QAAQ,IAAI,CAACC,QAAQ,IAAI,UAAA;AAAW,GAAA,EAE7DP,cAAA,CAAAmE,aAAA,CAACC,eAAiB,EAChBpE,IAAAA,EAAAA,cAAA,CAAAmE,aAAA,CAACO,yBAAkB,EAAAL,QAAA,CAAA;AACjB7C,IAAAA,IAAI,EAAEC,UAAW;AACjB8B,IAAAA,KAAK,EAAEnD,cAAe;AACtBuE,IAAAA,SAAS,EAAE,KAAM;AACjB7D,IAAAA,QAAQ,EAAEwC,YAAAA;AAAa,GAAA,EACnBS,iBAAiB,CACtB,CACgB,CACF,CACpB,EAED/D,cAAA,CAAAmE,aAAA,CAACC,gBAAkB,EAAA;AAAC5C,IAAAA,IAAI,EAAEA,IAAAA;AAAK,GAAA,EAC7BxB,cAAA,CAAAmE,aAAA,CAACS,QAAQ,EAAA;IACPC,QAAQ,EAAA,IAAA;AACRC,IAAAA,oBAAoB,EAAE,IAAK;AAC3BtD,IAAAA,IAAI,EAAEA,IAAK;AACXd,IAAAA,eAAe,EAAEoC,UAAW;AAC5BxC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,IAAI,EAAEA,IAAK;AACXsB,IAAAA,UAAU,EAAEA,UAAW;AACvBL,IAAAA,IAAI,EAAEA,IAAK;AACX6B,IAAAA,KAAK,EAAEL,YAAY,KAAK,IAAI,GAAG,EAAE,GAAGA,YAAa;AACjDlC,IAAAA,OAAO,EAAEA,OAAQ;AACjBF,IAAAA,QAAQ,EAAEA,QAAS;AACnBI,IAAAA,MAAM,EAAEA,MAAO;AACfS,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,YAAY,EAAEA,YAAa;AAC3BiD,IAAAA,IAAI,EAAE/E,cAAA,CAAAmE,aAAA,CAACa,gBAAS,MAAE,CAAE;AACpBhD,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACiB,CACN,CAAC,CAAA;AAErB,CAAC,EAAC;AAEFnC,YAAY,CAACkF,YAAY,GAAG;AAC1B/E,EAAAA,UAAU,EAAE,KAAK;AACjBQ,EAAAA,eAAe,EAAE,KAAK;AACtBC,EAAAA,UAAU,EAAE,IAAI;AAChBH,EAAAA,MAAM,EAAE,KAAK;AACbkB,EAAAA,IAAI,EAAE,KAAK;AACXnB,EAAAA,QAAQ,EAAE,KAAK;AACfD,EAAAA,QAAQ,EAAE,KAAK;AACfkB,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,UAAU,EAAE,EAAE;AACdS,EAAAA,OAAO,EAAE,QAAQ;EACjBd,gBAAgB,EAAEA,MAAM,EAAC;AAC3B,CAAC,CAAA;AAEDrB,YAAY,CAACmF,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAIvB5E,IAAI,EAAE6E,SAAS,CAACC,MAAM;EAItBhE,WAAW,EAAE+D,SAAS,CAACC,MAAM;AAI7B5D,EAAAA,IAAI,EAAE2D,SAAS,CAACE,SAAS,CAAC,CAACF,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACC,MAAM,CAAC,CAAC;EAI/DnF,cAAc,EAAEkF,SAAS,CAACI,GAAG;EAU7BrF,WAAW,EAAEiF,SAAS,CAACK,IAAI;EAK3BrE,kBAAkB,EAAEgE,SAAS,CAACK,IAAI;EAKlCzF,UAAU,EAAEoF,SAAS,CAACM,IAAI;EAI1BzF,gBAAgB,EAAEmF,SAAS,CAACC,MAAM;EAIlC5E,UAAU,EAAE2E,SAAS,CAACM,IAAI;EAI1BtF,QAAQ,EAAEgF,SAAS,CAACM,IAAI;EAIxBrF,QAAQ,EAAE+E,SAAS,CAACM,IAAI;EAIxBpF,MAAM,EAAE8E,SAAS,CAACM,IAAI;EAItBhE,QAAQ,EAAE0D,SAAS,CAACM,IAAI;EAIxB/D,YAAY,EAAEyD,SAAS,CAACC,MAAM;EAI9BzD,YAAY,EAAEwD,SAAS,CAACC,MAAM;EAQ9BlE,gBAAgB,EAAEiE,SAAS,CAACO,OAAO,CAACP,SAAS,CAACQ,MAAM,CAAC;EAIrDpF,eAAe,EAAE4E,SAAS,CAACM,IAAI;EAI/BlE,IAAI,EAAE4D,SAAS,CAACM,IAAI;EAWpB5B,OAAO,EAAEsB,SAAS,CAACS,KAAK;EAIxBnF,qBAAqB,EAAE0E,SAAS,CAACK,IAAI;EAIrC7E,QAAQ,EAAEwE,SAAS,CAACK,IAAI;EAIxB3E,OAAO,EAAEsE,SAAS,CAACK,IAAI;EAIvBzE,MAAM,EAAEoE,SAAS,CAACK,IAAI;EAItBvE,gBAAgB,EAAEkE,SAAS,CAACK,IAAI;EAIhCnE,IAAI,EAAE8D,SAAS,CAACU,KAAK,CAAC,CACpB,EAAE,EACF,OAAO,EACP,cAAc,EACd,SAAS,EACT,sBAAsB,EACtB,SAAS,EACT,SAAS,CACV,CAAC;AAIFvE,EAAAA,UAAU,EAAE6D,SAAS,CAACU,KAAK,CAAC,CAC1B,EAAE,EACF,OAAO,EACP,SAAS,EACT,sBAAsB,EACtB,SAAS,EACT,SAAS,CACV,CAAC;EACFjE,UAAU,EAAEuD,SAAS,CAACK,IAAI;EAI1B3D,WAAW,EAAEsD,SAAS,CAACW,OAAO;EAI9BhE,WAAW,EAAEqD,SAAS,CAACW,OAAO;AAI9B/D,EAAAA,OAAO,EAAEoD,SAAS,CAACU,KAAK,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAA;AAC3D,CAAC,GAAA,EAAA;;;;"}
+{"version":3,"file":"Instructions.js","sources":["../../../src/components/widgets/Instructions/Instructions.js"],"sourcesContent":["import { isFunction } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport { ReactComponent as AlertIcon } from '../../../icons/warning-circle.svg';\nimport AutocompleteSelect from '../../inputs/CompactAutocompleteSelect/CompactAutocompleteSelect';\nimport TextArea from '../../inputs/TextArea/TextArea';\nimport * as S from './Instructions.styled';\n\n/**\n * Instructions that let you display Terms & Conditions\n *\n *\n * ### Import\n *\n * ``` js\n * import { Instructions } from '@ntbjs/react-components/widgets/Instructions'\n * // or\n * import Instructions from '@ntbjs/react-components/widgets/Instructions'\n * ```\n *\n * ### AutocompleteSelect\n * `AutocompleteSelect` is integrated within Instructions in order to implement the Drop-down Menu (check out the `Autocomplete` component documentation).\n *\n *\n *  <br /> ## Options `object` format\n * Options are represented by an `Array` of `objects` with the following format:\n *\n * ``` js\n * {\n *   value: \"Example\",\n *   label: \"Example\"\n * }\n * ```\n *\n */\n\nconst Instructions = React.forwardRef(function Instructions(\n  {\n    clickToAdd,\n    customAddMessage,\n    selectedOption,\n    loadOptions,\n    readOnly,\n    disabled,\n    hidden,\n    name,\n    lightBackground,\n    autoSelect,\n    subscribeCurrentValue: subscribeCurrentValueProp,\n    onChange: onChangeProp,\n    onFocus: onFocusProp,\n    onBlur: onBlurProp,\n    onUpdateCallback,\n    availableOptions,\n    loadingMessageFunc,\n    placeholder,\n    type,\n    selectType,\n    edit,\n    rows,\n    isExpanded,\n    loadingIcon,\n    successIcon,\n    padding,\n    ...props\n  },\n  forwardedRef\n) {\n  const [isHovered, setIsHovered] = useState(false);\n  const [selected, setSelected] = useState({});\n  const [addInstructions, setAddInstructions] = useState(clickToAdd);\n  const [customMessage, setCustomMessage] = useState(customAddMessage);\n  const [background, setBackground] = useState(lightBackground);\n  const [initialHover, setInitialHover] = useState(true);\n  const [currentValue, setCurrentValue] = useState();\n\n  useEffect(() => {\n    if (isFunction(subscribeCurrentValueProp)) {\n      subscribeCurrentValueProp(currentValue);\n    }\n  }, [currentValue]);\n\n  useEffect(() => {\n    handleChange(selected);\n  }, [selected]);\n  //Selected option to be displayed on first render\n  useEffect(() => {\n    if (selectedOption) {\n      setCurrentValue(selectedOption.value);\n    }\n  }, [selectedOption]);\n  //Custom instructions added by consumer\n  useEffect(() => {\n    if (addInstructions) {\n      setCurrentValue(customMessage);\n      setInitialHover(true);\n    }\n  }, [addInstructions, handleOnFocus]);\n\n  const onChange = useCallback(\n    event => {\n      setCurrentValue(event.target.value);\n      if (isFunction(onChangeProp)) {\n        onChangeProp(event);\n      }\n    },\n    [onChangeProp]\n  );\n  const onFocus = useCallback(\n    event => {\n      if (autoSelect) {\n        event.target.select();\n      }\n      if (isFunction(onFocusProp)) {\n        onFocusProp(event);\n      }\n      if (event.target.value === customMessage) {\n        setCurrentValue('');\n      }\n    },\n    [autoSelect, readOnly, onFocusProp]\n  );\n  const onBlur = useCallback(\n    event => {\n      if (isFunction(onBlurProp)) {\n        onBlurProp(event);\n      }\n    },\n    [onBlurProp]\n  );\n\n  const handleMouseOver = () => {\n    setIsHovered(true);\n  };\n  const handleMouseLeave = () => {\n    setIsHovered(false);\n  };\n\n  const handleOnFocus = () => {\n    if (customMessage === currentValue) {\n      setCurrentValue('');\n    }\n  };\n\n  const handleChange = selected => {\n    if (selected === null) {\n      setSelected({});\n      setAddInstructions(true);\n      setBackground(true);\n      setInitialHover(true);\n      setCustomMessage(customAddMessage);\n    } else {\n      setSelected(selected);\n      setCurrentValue(selected.value);\n      setAddInstructions(false);\n      setBackground(false);\n      setInitialHover(false);\n      onUpdateCallback(selected);\n    }\n  };\n\n  const sharedSelectProps = {\n    options: loadOptions ? undefined : availableOptions,\n    loadOptions: loadOptions,\n    loadingMessage: loadingMessageFunc,\n    placeholder: placeholder\n  };\n\n  if (hidden) return null;\n\n  return (\n    <S.Instructions\n      ref={forwardedRef}\n      initialHover={initialHover}\n      onMouseDown={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      {...props}\n    >\n      {!readOnly && !disabled && (\n        <S.TopBarContainer\n          initialHover={initialHover}\n          className={isHovered && !readOnly && !disabled && 'slide-in'}\n        >\n          <S.SelectContainer>\n            <AutocompleteSelect\n              type={selectType}\n              value={selectedOption}\n              creatable={false}\n              onChange={handleChange}\n              {...sharedSelectProps}\n            />\n          </S.SelectContainer>\n        </S.TopBarContainer>\n      )}\n\n      <S.InstructionsArea type={type}>\n        <TextArea\n          noBorder\n          instructionsTextArea={true}\n          type={type}\n          lightBackground={background}\n          readOnly={readOnly}\n          disabled={disabled}\n          name={name}\n          isExpanded={isExpanded}\n          edit={edit}\n          value={currentValue === null ? '' : currentValue}\n          onFocus={onFocus}\n          onChange={onChange}\n          onBlur={onBlur}\n          rows={rows}\n          icon={<AlertIcon />}\n          loadingIcon={loadingIcon}\n          successIcon={successIcon}\n          padding={padding}\n        />\n      </S.InstructionsArea>\n    </S.Instructions>\n  );\n});\n\nInstructions.defaultProps = {\n  clickToAdd: false,\n  lightBackground: false,\n  autoSelect: true,\n  hidden: false,\n  edit: false,\n  disabled: false,\n  readOnly: false,\n  type: '',\n  selectType: '',\n  padding: 'medium',\n  onUpdateCallback: () => {}\n};\n\nInstructions.propTypes = {\n  /**\n   * Name of the text area (used when sending form data)\n   */\n  name: PropTypes.string,\n  /**\n   * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. \"Search categories...\"\n   */\n  placeholder: PropTypes.string,\n  /**\n   * How many rows/lines of text to be displayed by default\n   */\n  rows: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * Selected option\n   */\n  selectedOption: PropTypes.any,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  loadOptions: PropTypes.func,\n  /**\n   * Function for custom \"Loading...\" message while waiting for the first page\n   * from `loadOptions` to resolve. Defaults to \"Loading...\" if no function is provided.\n   */\n  loadingMessageFunc: PropTypes.func,\n  /**\n  /**\n   * Whether the components displays an initial custom message.\n   */\n  clickToAdd: PropTypes.bool,\n  /**\n   * Add initial custom message. i.e: `No instructions (click to add)`.\n   */\n  customAddMessage: PropTypes.string,\n  /**\n   * Whether to auto select the entire value when the input is focused – does also work when the field is in read-only mode\n   */\n  autoSelect: PropTypes.bool,\n  /**\n   * Whether the instruction is read only\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Whether the intruction is disabled\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the component is hidden or visible.\n   */\n  hidden: PropTypes.bool,\n  /**\n   * `Array` of `objects` that populate the select menu. This is only needed\n   * when asynchronous option fetching with the `loadOptions` prop is not used.\n   *\n   * **Note:**\n   * <br />This will be overridden by the `loadOptions` prop if both props are set.\n   */\n  availableOptions: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * `LightBackground color\n   */\n  lightBackground: PropTypes.bool,\n  /**\n   * Displays a light-yellow background to show that instruction value is editable\n   */\n  edit: PropTypes.bool,\n  /**\n   * Function with a `Promise` returning filtered options.\n   *\n   * See [Asynchronous fetching/filtering with pagination](#asynchronous-fetchingfiltering-with-pagination)\n   * for details.\n   *\n   * **Note:**\n   * <br /> `options`should be passed as an `array`of `objects`\n   * <br />This will override the `availableOptions` prop if both props are set.\n   */\n  options: PropTypes.array,\n  /**\n   * Callback for `onChange`\n   */\n  subscribeCurrentValue: PropTypes.func,\n  /**\n   * Callback for `onChange`\n   */\n  onChange: PropTypes.func,\n  /**\n   * Callback for `onFocus`\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Callback for `onBlur`\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Callback for `onUpdateCallback`: register to AutocompleteSelect label and value\n   */\n  onUpdateCallback: PropTypes.func,\n  /**\n   * Define the type based on error,error-border , warning, loading and success.\n   */\n  type: PropTypes.oneOf([\n    '',\n    'error',\n    'error-border',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  /**\n   * Define the type AutoCompleteSelect based on error,error-border , warning, loading and success.\n   */\n  selectType: PropTypes.oneOf([\n    '',\n    'error',\n    'warning',\n    'instructions-warning',\n    'loading',\n    'success'\n  ]),\n  isExpanded: PropTypes.func,\n  /**\n   * Icon element – E.g: `icon={<Spinner />}`\n   */\n  loadingIcon: PropTypes.element,\n  /**\n   * Icon element – E.g: `icon={<Check />}`\n   */\n  successIcon: PropTypes.element,\n  /**\n   * Add padding (small-medium-large)\n   */\n  padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])\n};\n\nexport default Instructions;\n"],"names":["Instructions","React","forwardRef","clickToAdd","customAddMessage","selectedOption","loadOptions","readOnly","disabled","hidden","name","lightBackground","autoSelect","subscribeCurrentValue","subscribeCurrentValueProp","onChange","onChangeProp","onFocus","onFocusProp","onBlur","onBlurProp","onUpdateCallback","availableOptions","loadingMessageFunc","placeholder","type","selectType","edit","rows","isExpanded","loadingIcon","successIcon","padding","props","forwardedRef","isHovered","setIsHovered","useState","selected","setSelected","addInstructions","setAddInstructions","customMessage","setCustomMessage","background","setBackground","initialHover","setInitialHover","currentValue","setCurrentValue","useEffect","isFunction","handleChange","value","handleOnFocus","useCallback","event","target","select","handleMouseOver","handleMouseLeave","sharedSelectProps","options","undefined","loadingMessage","createElement","S","_extends","ref","onMouseDown","onMouseLeave","className","AutocompleteSelect","creatable","TextArea","noBorder","instructionsTextArea","icon","AlertIcon","defaultProps","propTypes","process","env","NODE_ENV","PropTypes","string","oneOfType","number","any","func","bool","arrayOf","object","array","oneOf","element"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.3-rc.1",
+  "version": "2.0.6",
   "publishConfig": {
     "access": "public"
   },