@corva/ui 3.76.0-11 → 3.76.0-3

package/cjs-bundle/componentsV2/AppHeader/V3/AppHeaderV3.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppHeaderV3.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { FC, ReactElement, ReactNode, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { PadModeSelect } from '../../PadModeSelect';\nimport { AppHeaderTestIds, Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';\nimport { useAppCommonsInternal } from '../../AppCommonsProvider';\nimport { HideInNativeApp } from '../../HideInNativeApp';\nimport { AppHeaderFinderProps } from '../../utils';\n\nimport { VersionSelect } from './VersionSelect';\nimport { AssetChips } from './AssetChips';\nimport { AppTitle } from './AppTitle';\nimport { useResponsivity } from './useResponsivity';\nimport { AdditionalAction, TitleMenuAction } from './constants';\nimport { Actions } from './Actions';\n\nimport styles from './AppHeaderV3.scss';\n\nexport type AppHeaderV3Props = {\n  logo?: string | ReactElement;\n\n  additionalControls?: ReactNode;\n\n  /**\n   * Used to put some controls alongside title\n   */\n  titleControls?: ReactNode;\n  titleControlsPosition?: 'right' | 'left';\n\n  /**\n   * An escape hatch to tweak the styling of internal elements\n   *\n   * `buttons`, `titleControls` and `versionSelect` are for *V3 only*\n   */\n  elementsClassNames?: {\n    title?: string;\n    additionalControls?: string;\n    chips?: string;\n    actions?: string;\n    versionSelect?: string;\n    titleControls?: string;\n    logoContainer?: string;\n  };\n\n  title?: ReactNode;\n  padModeDisabled?: boolean;\n  padModeWells?: ReturnType<typeof useAppCommonsInternal>['wells'];\n\n  lastUpdate?: number | string | Date;\n  asset?: Asset | Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  showComments?: boolean;\n  additionalActions?: AdditionalAction[];\n  disableSettings?: boolean;\n  showAssetChips?: boolean;\n  disableAssetSelector?: boolean;\n  titleMenuActions?: TitleMenuAction[];\n\n  /**\n   * Configuration for responsive behavior of header elements\n   * - `hideSettingsUnderMore`: When true, settings button will be hidden under \"More\" menu at smaller screen sizes\n   */\n  responsivenessConfig?: {\n    hideSettingsUnderMore?: boolean;\n  };\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppHeaderV3: FC<AppHeaderV3Props> = ({\n  elementsClassNames,\n  className,\n  testId,\n  logo,\n  additionalControls,\n  title,\n  padModeDisabled,\n  padModeWells,\n  dqData,\n  asset,\n  lastUpdate,\n  additionalActions,\n  showComments,\n  titleControls,\n  disableSettings,\n  showAssetChips,\n  disableAssetSelector,\n  titleMenuActions,\n  titleControlsPosition = 'right',\n  responsivenessConfig,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const {\n    app,\n    appName,\n    well,\n    wells: contextWells,\n    rig,\n    fracFleet,\n    interventionUnit,\n    isExpanded,\n    setSeparateWindowTitle,\n    isInsideNewMobileApp,\n    disableAppAssetSelection,\n    isMultiRig,\n    dashboardMeta,\n  } = useAppCommonsInternal();\n\n  const isEmbedded = !!dashboardMeta?.isEmbedded;\n  const segment = getAppSegment(app);\n  const wells = padModeWells || contextWells;\n  const isCompletionPadMode = segment === SEGMENTS.COMPLETION && !well;\n  const hasPadModeAssets = !isEmpty(wells) && !!fracFleet;\n  const shouldDisableAssetControls = disableAppAssetSelection || isMultiRig;\n  const canShowPadMode =\n    !isEmbedded && !disableAppAssetSelection && !padModeDisabled && !isInsideNewMobileApp;\n  const hasPadMode = canShowPadMode && isCompletionPadMode && hasPadModeAssets;\n\n  const possiblyNarrowChips =\n    hasPadMode || !!additionalControls || !!titleControls ? 'narrow' : undefined;\n  const chipsWidth = logo ? 'ultranarrow' : possiblyNarrowChips;\n\n  const titleControlsLeft = titleControlsPosition === 'left' && !!titleControls;\n\n  const versionRef = useRef<HTMLDivElement>(null);\n  const padModeRef = useRef<HTMLDivElement>(null);\n  const additionalControlsRef = useRef<HTMLDivElement>(null);\n  const titleControlsRef = useRef<HTMLDivElement>(null);\n  const chipsRef = useRef<HTMLDivElement>(null);\n  const logoRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n\n  const assetName = well?.name ?? rig?.name ?? fracFleet?.name ?? interventionUnit?.name;\n\n  useEffect(() => {\n    setSeparateWindowTitle?.([appName, assetName].filter(Boolean).join(' - '));\n  }, [setSeparateWindowTitle, appName, assetName]);\n\n  const responsivity = useResponsivity({\n    disabled: isInsideNewMobileApp || isEmbedded,\n    titleControlsLeft,\n\n    rootRef,\n    versionRef,\n    additionalControlsRef,\n    titleControlsRef,\n    logoRef,\n    padModeRef,\n    chipsRef,\n    actionsRef,\n  });\n\n  return (\n    <div\n      className={classNames(styles.root, isEmbedded && styles.embedded, className)}\n      data-testid={testId}\n      ref={rootRef}\n      style={responsivity.root?.style}\n      {...AppHeaderFinderProps}\n    >\n      {!isEmbedded && (\n        <>\n          <div\n            className={classNames(styles.logoContainer, elementsClassNames?.logoContainer)}\n            ref={logoRef}\n          >\n            {logo && typeof logo === 'string' ? (\n              <img className={styles.logo} src={logo} alt=\"Logo\" />\n            ) : (\n              logo\n            )}\n          </div>\n\n          <AppTitle\n            title={isExpanded ? assetName ?? title : title}\n            asset={asset}\n            dqData={dqData}\n            lastUpdate={lastUpdate}\n            className={classNames(\n              styles.title,\n              titleControlsLeft && styles.titleWithControlsLeft,\n              elementsClassNames?.title\n            )}\n            disableAssetSelector={disableAssetSelector}\n            titleMenuActions={titleMenuActions}\n            style={responsivity.title?.style}\n          />\n        </>\n      )}\n\n      {titleControls && (\n        <div\n          className={classNames(\n            styles.titleControls,\n            titleControlsLeft && styles.titleControlsLeft,\n            responsivity.titleControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.titleControls\n          )}\n          ref={titleControlsRef}\n          style={responsivity.titleControls?.style}\n        >\n          {titleControls}\n        </div>\n      )}\n\n      <HideInNativeApp>\n        <div className={styles.version} ref={versionRef}>\n          <VersionSelect className={elementsClassNames?.versionSelect} />\n        </div>\n      </HideInNativeApp>\n\n      {hasPadMode && (\n        <div\n          className={classNames(\n            styles.padMode,\n            responsivity.padMode?.lastInLine && styles.lastInLine\n          )}\n          ref={padModeRef}\n          style={responsivity.padMode?.style}\n        >\n          <PadModeSelect testId={AppHeaderTestIds.PadModeSelectTestId} />\n        </div>\n      )}\n\n      {additionalControls && (\n        <div\n          className={classNames(\n            styles.additionalControls,\n            responsivity.additionalControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.additionalControls\n          )}\n          ref={additionalControlsRef}\n          style={responsivity.additionalControls?.style}\n          data-testid={AppHeaderTestIds.AdditionalControlsTestId}\n        >\n          {additionalControls}\n        </div>\n      )}\n\n      {!isEmbedded && !shouldDisableAssetControls && showAssetChips && (\n        <HideInNativeApp>\n          <div\n            className={classNames(\n              styles.assetChips,\n              responsivity.chips?.lastInLine && styles.lastInLine,\n              elementsClassNames?.chips\n            )}\n            ref={chipsRef}\n            style={responsivity.chips?.style}\n          >\n            <AssetChips chipsWidth={chipsWidth} />\n          </div>\n        </HideInNativeApp>\n      )}\n\n      <div\n        className={classNames(\n          styles.actions,\n          responsivity.actions?.lastInLine && styles.lastInLine,\n          elementsClassNames?.actions\n        )}\n        ref={actionsRef}\n        style={responsivity.actions?.style}\n        data-testid={AppHeaderTestIds.ActionsRootTestId}\n      >\n        <Actions\n          additionalActions={additionalActions}\n          showComments={showComments}\n          disableSettings={disableSettings}\n          hideSettingsUnderMore={responsivenessConfig?.hideSettingsUnderMore}\n        />\n      </div>\n\n      {responsivity.linebreaks?.map((css, index) => (\n        <div className={styles.responsivenessLineBreak} style={css} key={index} />\n      ))}\n    </div>\n  );\n};\n"],"names":["_ref","_ref2","_ref3","_well$name","_responsivity$root","_responsivity$title","_responsivity$titleCo","_responsivity$titleCo2","_responsivity$padMode","_responsivity$padMode2","_responsivity$additio","_responsivity$additio2","_responsivity$chips","_responsivity$chips2","_responsivity$actions","_responsivity$actions2","_responsivity$linebre","elementsClassNames","className","testId","logo","additionalControls","title","padModeDisabled","padModeWells","dqData","asset","lastUpdate","additionalActions","showComments","titleControls","disableSettings","showAssetChips","disableAssetSelector","titleMenuActions","_ref$titleControlsPos","titleControlsPosition","responsivenessConfig","rootRef","useRef","_useAppCommonsInterna","useAppCommonsInternal","app","appName","well","contextWells","wells","rig","fracFleet","interventionUnit","isExpanded","setSeparateWindowTitle","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","dashboardMeta","isEmbedded","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","assetName","name","useEffect","filter","Boolean","join","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","embedded","ref","style","AppHeaderFinderProps","children","_Fragment","_jsx","jsx","logoContainer","src","alt","AppTitle","titleWithControlsLeft","lastInLine","HideInNativeApp","version","VersionSelect","versionSelect","padMode","PadModeSelect","AppHeaderTestIds","PadModeSelectTestId","AdditionalControlsTestId","assetChips","chips","AssetChips","actions","ActionsRootTestId","Actions","hideSettingsUnderMore","linebreaks","map","css","index","responsivenessLineBreak"],"mappings":"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"}
+{"version":3,"file":"AppHeaderV3.js","sources":["../../../../../src/componentsV2/AppHeader/V3/AppHeaderV3.tsx"],"sourcesContent":["import { FC, ReactElement, ReactNode, useEffect, useRef } from 'react';\nimport classNames from 'classnames';\nimport { isEmpty } from 'lodash';\n\nimport { SEGMENTS } from '../../../constants/segment';\nimport { getAppSegment } from '../../../utils/devcenter';\nimport { PadModeSelect } from '../../PadModeSelect';\nimport { AppHeaderTestIds, Asset, UseWellnessAlertsReturnType } from '../AppHeader.constants';\nimport { useAppCommonsInternal } from '../../AppCommonsProvider';\nimport { HideInNativeApp } from '../../HideInNativeApp';\nimport { AppHeaderFinderProps } from '../../utils';\n\nimport { VersionSelect } from './VersionSelect';\nimport { AssetChips } from './AssetChips';\nimport { AppTitle } from './AppTitle';\nimport { useResponsivity } from './useResponsivity';\nimport { AdditionalAction, TitleMenuAction } from './constants';\nimport { Actions } from './Actions';\n\nimport styles from './AppHeaderV3.scss';\n\nexport type AppHeaderV3Props = {\n  logo?: string | ReactElement;\n\n  additionalControls?: ReactNode;\n\n  /**\n   * Used to put some controls alongside title\n   */\n  titleControls?: ReactNode;\n  titleControlsPosition?: 'right' | 'left';\n\n  /**\n   * An escape hatch to tweak the styling of internal elements\n   *\n   * `buttons`, `titleControls` and `versionSelect` are for *V3 only*\n   */\n  elementsClassNames?: {\n    title?: string;\n    additionalControls?: string;\n    chips?: string;\n    actions?: string;\n    versionSelect?: string;\n    titleControls?: string;\n    logoContainer?: string;\n  };\n\n  title?: ReactNode;\n  padModeDisabled?: boolean;\n  padModeWells?: ReturnType<typeof useAppCommonsInternal>['wells'];\n\n  lastUpdate?: number | string | Date;\n  asset?: Asset | Asset[];\n  dqData?: UseWellnessAlertsReturnType;\n  showComments?: boolean;\n  additionalActions?: AdditionalAction[];\n  disableSettings?: boolean;\n  showAssetChips?: boolean;\n  disableAssetSelector?: boolean;\n  titleMenuActions?: TitleMenuAction[];\n\n  /**\n   * Configuration for responsive behavior of header elements\n   * - `hideSettingsUnderMore`: When true, settings button will be hidden under \"More\" menu at smaller screen sizes\n   */\n  responsivenessConfig?: {\n    hideSettingsUnderMore?: boolean;\n  };\n\n  className?: string;\n  testId?: string;\n};\n\nexport const AppHeaderV3: FC<AppHeaderV3Props> = ({\n  elementsClassNames,\n  className,\n  testId,\n  logo,\n  additionalControls,\n  title,\n  padModeDisabled,\n  padModeWells,\n  dqData,\n  asset,\n  lastUpdate,\n  additionalActions,\n  showComments,\n  titleControls,\n  disableSettings,\n  showAssetChips,\n  disableAssetSelector,\n  titleMenuActions,\n  titleControlsPosition = 'right',\n  responsivenessConfig,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const {\n    app,\n    appName,\n    well,\n    wells: contextWells,\n    rig,\n    fracFleet,\n    interventionUnit,\n    isExpanded,\n    setSeparateWindowTitle,\n    isInsideNewMobileApp,\n    disableAppAssetSelection,\n    isMultiRig,\n  } = useAppCommonsInternal();\n\n  const segment = getAppSegment(app);\n  const wells = padModeWells || contextWells;\n  const isCompletionPadMode = segment === SEGMENTS.COMPLETION && !well;\n  const hasPadModeAssets = !isEmpty(wells) && !!fracFleet;\n  const shouldDisableAssetControls = disableAppAssetSelection || isMultiRig;\n  const canShowPadMode = !disableAppAssetSelection && !padModeDisabled && !isInsideNewMobileApp;\n  const hasPadMode = canShowPadMode && isCompletionPadMode && hasPadModeAssets;\n\n  const possiblyNarrowChips =\n    hasPadMode || !!additionalControls || !!titleControls ? 'narrow' : undefined;\n  const chipsWidth = logo ? 'ultranarrow' : possiblyNarrowChips;\n\n  const titleControlsLeft = titleControlsPosition === 'left' && !!titleControls;\n\n  const versionRef = useRef<HTMLDivElement>(null);\n  const padModeRef = useRef<HTMLDivElement>(null);\n  const additionalControlsRef = useRef<HTMLDivElement>(null);\n  const titleControlsRef = useRef<HTMLDivElement>(null);\n  const chipsRef = useRef<HTMLDivElement>(null);\n  const logoRef = useRef<HTMLDivElement>(null);\n  const actionsRef = useRef<HTMLDivElement>(null);\n\n  const assetName = well?.name ?? rig?.name ?? fracFleet?.name ?? interventionUnit?.name;\n\n  useEffect(() => {\n    setSeparateWindowTitle?.([appName, assetName].filter(Boolean).join(' - '));\n  }, [setSeparateWindowTitle, appName, assetName]);\n\n  const responsivity = useResponsivity({\n    disabled: isInsideNewMobileApp,\n    titleControlsLeft,\n\n    rootRef,\n    versionRef,\n    additionalControlsRef,\n    titleControlsRef,\n    logoRef,\n    padModeRef,\n    chipsRef,\n    actionsRef,\n  });\n\n  return (\n    <div\n      className={classNames(styles.root, className)}\n      data-testid={testId}\n      ref={rootRef}\n      style={responsivity.root?.style}\n      {...AppHeaderFinderProps}\n    >\n      <div\n        className={classNames(styles.logoContainer, elementsClassNames?.logoContainer)}\n        ref={logoRef}\n      >\n        {logo && typeof logo === 'string' ? (\n          <img className={styles.logo} src={logo} alt=\"Logo\" />\n        ) : (\n          logo\n        )}\n      </div>\n\n      <AppTitle\n        title={isExpanded ? assetName ?? title : title}\n        asset={asset}\n        dqData={dqData}\n        lastUpdate={lastUpdate}\n        className={classNames(\n          styles.title,\n          titleControlsLeft && styles.titleWithControlsLeft,\n          elementsClassNames?.title\n        )}\n        disableAssetSelector={disableAssetSelector}\n        titleMenuActions={titleMenuActions}\n        style={responsivity.title?.style}\n      />\n\n      {titleControls && (\n        <div\n          className={classNames(\n            styles.titleControls,\n            titleControlsLeft && styles.titleControlsLeft,\n            responsivity.titleControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.titleControls\n          )}\n          ref={titleControlsRef}\n          style={responsivity.titleControls?.style}\n        >\n          {titleControls}\n        </div>\n      )}\n\n      <HideInNativeApp>\n        <div className={styles.version} ref={versionRef}>\n          <VersionSelect className={elementsClassNames?.versionSelect} />\n        </div>\n      </HideInNativeApp>\n\n      {hasPadMode && (\n        <div\n          className={classNames(\n            styles.padMode,\n            responsivity.padMode?.lastInLine && styles.lastInLine\n          )}\n          ref={padModeRef}\n          style={responsivity.padMode?.style}\n        >\n          <PadModeSelect testId={AppHeaderTestIds.PadModeSelectTestId} />\n        </div>\n      )}\n\n      {additionalControls && (\n        <div\n          className={classNames(\n            styles.additionalControls,\n            responsivity.additionalControls?.lastInLine && styles.lastInLine,\n            elementsClassNames?.additionalControls\n          )}\n          ref={additionalControlsRef}\n          style={responsivity.additionalControls?.style}\n          data-testid={AppHeaderTestIds.AdditionalControlsTestId}\n        >\n          {additionalControls}\n        </div>\n      )}\n\n      {!shouldDisableAssetControls && showAssetChips && (\n        <HideInNativeApp>\n          <div\n            className={classNames(\n              styles.assetChips,\n              responsivity.chips?.lastInLine && styles.lastInLine,\n              elementsClassNames?.chips\n            )}\n            ref={chipsRef}\n            style={responsivity.chips?.style}\n          >\n            <AssetChips chipsWidth={chipsWidth} />\n          </div>\n        </HideInNativeApp>\n      )}\n\n      <div\n        className={classNames(\n          styles.actions,\n          responsivity.actions?.lastInLine && styles.lastInLine,\n          elementsClassNames?.actions\n        )}\n        ref={actionsRef}\n        style={responsivity.actions?.style}\n        data-testid={AppHeaderTestIds.ActionsRootTestId}\n      >\n        <Actions\n          additionalActions={additionalActions}\n          showComments={showComments}\n          disableSettings={disableSettings}\n          hideSettingsUnderMore={responsivenessConfig?.hideSettingsUnderMore}\n        />\n      </div>\n\n      {responsivity.linebreaks?.map((css, index) => (\n        <div className={styles.responsivenessLineBreak} style={css} key={index} />\n      ))}\n    </div>\n  );\n};\n"],"names":["_ref","_ref2","_ref3","_well$name","_responsivity$root","_responsivity$title","_responsivity$titleCo","_responsivity$titleCo2","_responsivity$padMode","_responsivity$padMode2","_responsivity$additio","_responsivity$additio2","_responsivity$chips","_responsivity$chips2","_responsivity$actions","_responsivity$actions2","_responsivity$linebre","elementsClassNames","className","testId","logo","additionalControls","title","padModeDisabled","padModeWells","dqData","asset","lastUpdate","additionalActions","showComments","titleControls","disableSettings","showAssetChips","disableAssetSelector","titleMenuActions","_ref$titleControlsPos","titleControlsPosition","responsivenessConfig","rootRef","useRef","_useAppCommonsInterna","useAppCommonsInternal","app","appName","well","contextWells","wells","rig","fracFleet","interventionUnit","isExpanded","setSeparateWindowTitle","isInsideNewMobileApp","disableAppAssetSelection","isMultiRig","isCompletionPadMode","getAppSegment","SEGMENTS","COMPLETION","hasPadModeAssets","isEmpty","shouldDisableAssetControls","hasPadMode","chipsWidth","undefined","titleControlsLeft","versionRef","padModeRef","additionalControlsRef","titleControlsRef","chipsRef","logoRef","actionsRef","assetName","name","useEffect","filter","Boolean","join","responsivity","useResponsivity","disabled","_jsxs","_objectSpread","classNames","styles","root","ref","style","AppHeaderFinderProps","children","_jsx","jsx","logoContainer","src","alt","AppTitle","titleWithControlsLeft","lastInLine","HideInNativeApp","version","VersionSelect","versionSelect","padMode","PadModeSelect","AppHeaderTestIds","PadModeSelectTestId","AdditionalControlsTestId","assetChips","chips","AssetChips","actions","ActionsRootTestId","Actions","hideSettingsUnderMore","linebreaks","map","css","index","responsivenessLineBreak"],"mappings":"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"}

package/cjs-bundle/componentsV2/AppHeader/V3/AppHeaderV3.scss.js

@@ -1,2 +1,2 @@
-"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".AppHeaderV3_root__urLNv{--headerV3-responsivity-flexwrap:wrap;align-items:center;display:flex;flex-direction:row;flex-wrap:var(--headerV3-responsivity-flexwrap);gap:0 8px;min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeaderV3_logoContainer__Bv-lU{max-height:36px;max-width:130px;overflow:hidden}.AppHeaderV3_logo__0VO16{display:block;max-height:36px;max-width:100%}.AppHeaderV3_title__vVZB9{flex:1 0 90px;min-width:90px}.AppHeaderV3_titleWithControlsLeft__Mnnkm{--headerV3-responsivity-marginRight:auto;--headerV3-responsivity-maxWidth:100%;flex:0 1 auto;margin-right:var(--headerV3-responsivity-marginRight);max-width:var(--headerV3-responsivity-maxWidth);min-width:1px}.AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_assetChips__4LwGe,.AppHeaderV3_logoContainer__Bv-lU,.AppHeaderV3_padMode__-uTzy,.AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_version__Acke3{align-items:center;display:flex;flex-flow:row nowrap;flex-shrink:0;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_additionalControls__-QrO4:empty,.AppHeaderV3_assetChips__4LwGe:empty,.AppHeaderV3_logoContainer__Bv-lU:empty,.AppHeaderV3_padMode__-uTzy:empty,.AppHeaderV3_titleControls__Yzl06:empty,.AppHeaderV3_version__Acke3:empty{display:none}.AppHeaderV3_titleControlsLeft__NrIwI{margin-right:auto}.AppHeaderV3_actions__Q0PRr{align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_responsivenessLineBreak__2QL6d{flex:0 0 100%}.AppHeaderV3_lastInLine__cbmHb{margin-left:auto}.AppHeaderV3_embedded__2p-8Z{gap:8px;min-height:32px;overflow:visible;padding:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_titleControls__Yzl06{flex:1 1 auto;flex-wrap:wrap;min-width:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_actions__Q0PRr,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_version__Acke3{min-height:32px;order:0}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_version__Acke3{margin-left:auto}.AppHeaderV3_embedded__2p-8Z .AppHeaderV3_actions__Q0PRr{flex-wrap:wrap}"),module.exports={spacing:"8",gap:"8px",titleMinWidth:"90px",root:"AppHeaderV3_root__urLNv",logoContainer:"AppHeaderV3_logoContainer__Bv-lU",logo:"AppHeaderV3_logo__0VO16",title:"AppHeaderV3_title__vVZB9",titleWithControlsLeft:"AppHeaderV3_titleWithControlsLeft__Mnnkm",additionalControls:"AppHeaderV3_additionalControls__-QrO4",titleControls:"AppHeaderV3_titleControls__Yzl06",assetChips:"AppHeaderV3_assetChips__4LwGe",padMode:"AppHeaderV3_padMode__-uTzy",version:"AppHeaderV3_version__Acke3",titleControlsLeft:"AppHeaderV3_titleControlsLeft__NrIwI",actions:"AppHeaderV3_actions__Q0PRr",responsivenessLineBreak:"AppHeaderV3_responsivenessLineBreak__2QL6d",lastInLine:"AppHeaderV3_lastInLine__cbmHb",embedded:"AppHeaderV3_embedded__2p-8Z"};
+"use strict";require('./../../../ext-esm/style-inject/dist/style-inject.es.js')(".AppHeaderV3_root__urLNv{--headerV3-responsivity-flexwrap:wrap;align-items:center;display:flex;flex-direction:row;flex-wrap:var(--headerV3-responsivity-flexwrap);gap:0 8px;min-height:48px;overflow:hidden;padding:6px 0;width:100%}.AppHeaderV3_logoContainer__Bv-lU{max-height:36px;max-width:130px;overflow:hidden}.AppHeaderV3_logo__0VO16{display:block;max-height:36px;max-width:100%}.AppHeaderV3_title__vVZB9{flex:1 0 90px;min-width:90px}.AppHeaderV3_titleWithControlsLeft__Mnnkm{--headerV3-responsivity-marginRight:auto;--headerV3-responsivity-maxWidth:100%;flex:0 1 auto;margin-right:var(--headerV3-responsivity-marginRight);max-width:var(--headerV3-responsivity-maxWidth);min-width:1px}.AppHeaderV3_additionalControls__-QrO4,.AppHeaderV3_assetChips__4LwGe,.AppHeaderV3_logoContainer__Bv-lU,.AppHeaderV3_padMode__-uTzy,.AppHeaderV3_titleControls__Yzl06,.AppHeaderV3_version__Acke3{align-items:center;display:flex;flex-flow:row nowrap;flex-shrink:0;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_additionalControls__-QrO4:empty,.AppHeaderV3_assetChips__4LwGe:empty,.AppHeaderV3_logoContainer__Bv-lU:empty,.AppHeaderV3_padMode__-uTzy:empty,.AppHeaderV3_titleControls__Yzl06:empty,.AppHeaderV3_version__Acke3:empty{display:none}.AppHeaderV3_titleControlsLeft__NrIwI{margin-right:auto}.AppHeaderV3_actions__Q0PRr{align-items:center;display:flex;flex:0 0 auto;flex-flow:row nowrap;gap:8px;min-height:36px;order:var(--headerV3-responsivity-order)}.AppHeaderV3_responsivenessLineBreak__2QL6d{flex:0 0 100%}.AppHeaderV3_lastInLine__cbmHb{margin-left:auto}"),module.exports={spacing:"8",gap:"8px",titleMinWidth:"90px",root:"AppHeaderV3_root__urLNv",logoContainer:"AppHeaderV3_logoContainer__Bv-lU",logo:"AppHeaderV3_logo__0VO16",title:"AppHeaderV3_title__vVZB9",titleWithControlsLeft:"AppHeaderV3_titleWithControlsLeft__Mnnkm",additionalControls:"AppHeaderV3_additionalControls__-QrO4",titleControls:"AppHeaderV3_titleControls__Yzl06",assetChips:"AppHeaderV3_assetChips__4LwGe",padMode:"AppHeaderV3_padMode__-uTzy",version:"AppHeaderV3_version__Acke3",titleControlsLeft:"AppHeaderV3_titleControlsLeft__NrIwI",actions:"AppHeaderV3_actions__Q0PRr",responsivenessLineBreak:"AppHeaderV3_responsivenessLineBreak__2QL6d",lastInLine:"AppHeaderV3_lastInLine__cbmHb"};
 //# sourceMappingURL=AppHeaderV3.scss.js.map

package/cjs-bundle/componentsV2/AppHeader/V3/useResponsivity.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("lodash"),o=require("./constants.scss.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),l=i(r);function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){s.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var c=parseInt(o.gap,10),u=parseInt(o.titleMinWidth,10)+c,y=function(e){var r;return(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width)||0},f=function(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var o=t.filter((function(e){return!!e.current&&e.current.offsetWidth>0}));return e+o.reduce((function(e,r){return e+y(r)}),0)+(o.length>1?(o.length-1)*c:0)};exports.useResponsivity=function(e){var r=e.disabled,o=e.actionsRef,i=e.chipsRef,s=e.logoRef,a=e.rootRef,y=e.titleControlsRef,p=e.additionalControlsRef,v=e.versionRef,h=e.padModeRef,b=e.titleControlsLeft,O=t.useState({}),g=l.default(O,2),V=g[0],j=g[1],w=t.useRef(-1);return t.useEffect((function(){var e=n.throttle((function(){requestAnimationFrame((function(){var e,r=(null===(e=a.current)||void 0===e?void 0:e.offsetWidth)||0,t=function(e){var t,l=b&&f(u,s,v,i,o,y,p,h)<=r?d(d({},e),{},{root:{style:d(d({},null===(t=e.root)||void 0===t?void 0:t.style),{},{"--headerV3-responsivity-flexwrap":"nowrap"})}}):e;j((function(e){return n.isEqual(e,l)?e:l}))},l=function(){if(b){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];var n=f.apply(void 0,[0].concat(r))+c;return{"--headerV3-responsivity-maxWidth":"calc(100% - ".concat(n,"px)")}}};f(u,s,v,i,o,y,p,h)<=r?t({title:{style:{"--headerV3-responsivity-marginRight":0}}}):f(u,s,v,i,o)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},padMode:{style:{"--headerV3-responsivity-order":120}},additionalControls:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:l(s,v,i,o)}}):!h.current&&f(u,s,v,i)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:l(s,v,i)}}):f(u,s,v,i)<=r&&f(0,y,p,h,o)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},padMode:{style:{"--headerV3-responsivity-order":130}},actions:{style:{"--headerV3-responsivity-order":140},lastInLine:!0},title:{style:l(s,v,i)}}):t({linebreaks:[{order:100},{order:200}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},padMode:{style:{"--headerV3-responsivity-order":210}},chips:{style:{"--headerV3-responsivity-order":220},lastInLine:!0},title:{style:l(s,v)}})}))}),100,{leading:!0}),t=new ResizeObserver((function(){var r,t=(null===(r=a.current)||void 0===r?void 0:r.offsetWidth)||0;t!==w.current&&e(),w.current=t})),l=new MutationObserver(e);return a.current&&!r&&(t.observe(a.current),l.observe(a.current,{childList:!0,subtree:!0,characterData:!0}),e.cancel()),function(){t.disconnect(),l.disconnect()}}),[o,i,s,a,y,p,v,h,r,b]),r?{}:V};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/slicedToArray"),t=require("react"),n=require("lodash"),o=require("./constants.scss.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(e),l=i(r);function a(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{};r%2?a(Object(t),!0).forEach((function(r){s.default(e,r,t[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}var c=parseInt(o.gap,10),u=parseInt(o.titleMinWidth,10)+c,y=function(e){var r;return(null===(r=e.current)||void 0===r?void 0:r.getBoundingClientRect().width)||0},f=function(e){for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];var o=t.filter((function(e){return!!e.current&&e.current.offsetWidth>0}));return e+o.reduce((function(e,r){return e+y(r)}),0)+(o.length>1?(o.length-1)*c:0)};exports.useResponsivity=function(e){var r=e.disabled,o=e.actionsRef,i=e.chipsRef,s=e.logoRef,a=e.rootRef,y=e.titleControlsRef,p=e.additionalControlsRef,v=e.versionRef,h=e.padModeRef,b=e.titleControlsLeft,O=t.useState({}),g=l.default(O,2),V=g[0],j=g[1],w=t.useRef(-1);return t.useEffect((function(){var e=n.throttle((function(){requestAnimationFrame((function(){var e,r=(null===(e=a.current)||void 0===e?void 0:e.offsetWidth)||0,t=function(e){var t,l=b&&f(u,s,v,i,o,y,p,h)<=r?d(d({},e),{},{root:{style:d(d({},null===(t=e.root)||void 0===t?void 0:t.style),{},{"--headerV3-responsivity-flexwrap":"nowrap"})}}):e;j((function(e){return n.isEqual(e,l)?e:l}))},l=function(){if(b){for(var e=arguments.length,r=new Array(e),t=0;t<e;t++)r[t]=arguments[t];var n=f.apply(void 0,[0].concat(r))+c;return{"--headerV3-responsivity-maxWidth":"calc(100% - ".concat(n,"px)")}}};f(u,s,v,i,o,y,p,h)<=r?t({title:{style:{"--headerV3-responsivity-marginRight":0}}}):f(u,s,v,i,o)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},padMode:{style:{"--headerV3-responsivity-order":120}},additionalControls:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:l(s,v,i,o)}}):!h.current&&f(u,s,v,i)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},title:{style:l(s,v,i)}}):f(u,s,v,i)<=r&&f(0,y,p,h,o)<=r?t({linebreaks:[{order:100}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},padMode:{style:{"--headerV3-responsivity-order":130}},actions:{style:{"--headerV3-responsivity-order":140},lastInLine:!0},title:{style:l(s,v,i)}}):t({linebreaks:[{order:100},{order:200}],titleControls:{style:{"--headerV3-responsivity-order":110}},additionalControls:{style:{"--headerV3-responsivity-order":120}},actions:{style:{"--headerV3-responsivity-order":130},lastInLine:!0},padMode:{style:{"--headerV3-responsivity-order":210}},chips:{style:{"--headerV3-responsivity-order":220},lastInLine:!0},title:{style:l(s,v)}})}))}),100,{leading:!0}),t=new ResizeObserver((function(){var r,t=(null===(r=a.current)||void 0===r?void 0:r.offsetWidth)||0;t!==w.current&&e(),w.current=t})),l=new MutationObserver(e);return a.current&&!r&&(t.observe(a.current),l.observe(a.current,{childList:!0,subtree:!0,characterData:!0}),e.cancel()),function(){t.disconnect(),l.disconnect()}}),[o,i,s,a,y,p,v,h,r,b]),V};
 //# sourceMappingURL=useResponsivity.js.map

package/cjs-bundle/componentsV2/AppHeader/V3/useResponsivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsivity.js","sources":["../../../../../src/componentsV2/AppHeader/V3/useResponsivity.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport { isEqual, throttle } from 'lodash';\n\nimport CssConstants from './constants.scss';\n\ntype Params = {\n  disabled?: boolean;\n  titleControlsLeft?: boolean;\n\n  rootRef: RefObject<HTMLElement>;\n  versionRef: RefObject<HTMLElement>;\n  padModeRef: RefObject<HTMLElement>;\n  additionalControlsRef: RefObject<HTMLElement>;\n  titleControlsRef: RefObject<HTMLElement>;\n  chipsRef: RefObject<HTMLElement>;\n  logoRef: RefObject<HTMLElement>;\n  actionsRef: RefObject<HTMLElement>;\n};\n\ntype ResponsivityDataItem = {\n  style?: CSSProperties & Record<`--${string}`, number | string>;\n  lastInLine?: boolean;\n};\n\ntype ResponsivityData = {\n  root?: ResponsivityDataItem;\n  padMode?: ResponsivityDataItem;\n  additionalControls?: ResponsivityDataItem;\n  titleControls?: ResponsivityDataItem;\n  chips?: ResponsivityDataItem;\n  actions?: ResponsivityDataItem;\n  title?: ResponsivityDataItem;\n\n  linebreaks?: CSSProperties[];\n};\n\nconst gap = parseInt(CssConstants.gap, 10);\nconst titleMinWidth = parseInt(CssConstants.titleMinWidth, 10) + gap;\n\nconst getRefWidth = (ref: RefObject<HTMLElement>) => {\n  // This causes a reflow, so if it lags too much - use the `ref.current?.offsetWidth + 1`\n  // `ref.current?.offsetWidth` rounds pixel fractions so it may produce incorrect results/need adjustment\n  return ref.current?.getBoundingClientRect().width || 0;\n};\n\nconst sumLineWidth = (titleMinWidth: number, ...lineRefs: RefObject<HTMLElement>[]) => {\n  const filteredRefs = lineRefs.filter(ref => !!ref.current && ref.current.offsetWidth > 0);\n  return (\n    titleMinWidth +\n    filteredRefs.reduce((acc, ref) => acc + getRefWidth(ref), 0) +\n    (filteredRefs.length > 1 ? (filteredRefs.length - 1) * gap : 0)\n  );\n};\n\n/**\n * Detects when child elements stop fitting in a single header line and returns CSS orders, linebreaks, & other info for header elements\n *\n * There are several possible layouts:\n *\n * 1. Everything fits in one line\n * 2. 2 lines:\n *    [logo] [title] [version] [asset chips] [actions]\n *    [title controls] [pad mode] [additional controls]\n *    and other variants that fit into 2 lines\n * 3. 3 lines:\n *    [logo] [title] [version]\n *    [title controls] [additional controls] [actions]\n *    [pad mode] [chips]\n */\nexport const useResponsivity = ({\n  disabled,\n  actionsRef,\n  chipsRef,\n  logoRef,\n  rootRef,\n  titleControlsRef,\n  additionalControlsRef,\n  versionRef,\n  padModeRef,\n  titleControlsLeft,\n}: Params) => {\n  const [value, setValue] = useState<ResponsivityData>({});\n  const previousWidthRef = useRef(-1);\n\n  useEffect(() => {\n    const calculateCss = throttle(\n      () => {\n        requestAnimationFrame(() => {\n          const rootWidth = rootRef.current?.offsetWidth || 0;\n\n          const setCss = (baseData: ResponsivityData) => {\n            // We need nowrap to properly handle title when app title is very long and we have title controls to the left\n            const isNowrap =\n              titleControlsLeft &&\n              sumLineWidth(\n                titleMinWidth,\n                logoRef,\n                versionRef,\n                chipsRef,\n                actionsRef,\n                titleControlsRef,\n                additionalControlsRef,\n                padModeRef\n              ) <= rootWidth;\n\n            const data = isNowrap\n              ? {\n                  ...baseData,\n                  root: {\n                    style: {\n                      ...baseData.root?.style,\n                      '--headerV3-responsivity-flexwrap': 'nowrap',\n                    },\n                  },\n                }\n              : baseData;\n\n            // Prevent unnecessary rerenders & rerender loop: recalc -> update values -> recalc -> update values to the same values\n            setValue(value => (isEqual(value, data) ? value : data));\n          };\n\n          const getTitleMaxWidthStyle = (...refs: RefObject<HTMLElement>[]) => {\n            if (!titleControlsLeft) {\n              return undefined;\n            }\n\n            const pixels = sumLineWidth(0, ...refs) + gap;\n            return { '--headerV3-responsivity-maxWidth': `calc(100% - ${pixels}px)` };\n          };\n\n          // Case 1 - everything fits\n          if (\n            sumLineWidth(\n              titleMinWidth,\n              logoRef,\n              versionRef,\n              chipsRef,\n              actionsRef,\n              titleControlsRef,\n              additionalControlsRef,\n              padModeRef\n            ) <= rootWidth\n          ) {\n            setCss({\n              title: { style: { '--headerV3-responsivity-marginRight': 0 } },\n            });\n          }\n          // 2 lines\n          // [logo] [title] [version] [asset chips] [actions]\n          // [title controls] [pad mode] [additional controls]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef, actionsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              padMode: { style: { '--headerV3-responsivity-order': 120 } },\n              additionalControls: {\n                style: { '--headerV3-responsivity-order': 130 },\n                lastInLine: true,\n              },\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef, actionsRef) },\n            });\n          }\n          // 2 lines - no padmode, has chips\n          // [logo] [title] [version] [asset chips]\n          // [title controls] [additional controls] [actions]\n          else if (\n            !padModeRef.current &&\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 2 lines:\n          // [logo] [title] [version] [chips]\n          // [title controls] [additional controls] [pad mode] [actions]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth &&\n            sumLineWidth(0, titleControlsRef, additionalControlsRef, padModeRef, actionsRef) <=\n              rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              padMode: { style: { '--headerV3-responsivity-order': 130 } },\n              actions: { style: { '--headerV3-responsivity-order': 140 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 3 lines\n          // [logo] [title] [version]\n          // [title controls] [additional controls] [actions]\n          // [pad mode] [chips]\n          else {\n            setCss({\n              linebreaks: [{ order: 100 }, { order: 200 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n              padMode: { style: { '--headerV3-responsivity-order': 210 } },\n              chips: { style: { '--headerV3-responsivity-order': 220 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef) },\n            });\n          }\n        });\n      },\n      100,\n      { leading: true }\n    );\n\n    const resizeObserver = new ResizeObserver(() => {\n      const rootWidth = rootRef.current?.offsetWidth || 0;\n      if (rootWidth !== previousWidthRef.current) {\n        calculateCss();\n      }\n      previousWidthRef.current = rootWidth;\n    });\n    const mutationObserver = new MutationObserver(calculateCss);\n\n    if (rootRef.current && !disabled) {\n      resizeObserver.observe(rootRef.current);\n      mutationObserver.observe(rootRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n      calculateCss.cancel();\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [\n    actionsRef,\n    chipsRef,\n    logoRef,\n    rootRef,\n    titleControlsRef,\n    additionalControlsRef,\n    versionRef,\n    padModeRef,\n    disabled,\n    titleControlsLeft,\n  ]);\n\n  return disabled ? {} : value;\n};\n"],"names":["gap","parseInt","CssConstants","titleMinWidth","getRefWidth","ref","_ref$current","current","getBoundingClientRect","width","sumLineWidth","_len","arguments","length","lineRefs","Array","_key","filteredRefs","filter","offsetWidth","reduce","acc","_ref","disabled","actionsRef","chipsRef","logoRef","rootRef","titleControlsRef","additionalControlsRef","versionRef","padModeRef","titleControlsLeft","_useState","useState","_useState2","_slicedToArray","value","setValue","previousWidthRef","useRef","useEffect","calculateCss","throttle","requestAnimationFrame","_rootRef$current","rootWidth","setCss","baseData","_baseData$root","data","_objectSpread","root","style","isEqual","getTitleMaxWidthStyle","_len2","refs","_key2","pixels","apply","title","linebreaks","order","titleControls","padMode","additionalControls","lastInLine","actions","chips","leading","resizeObserver","ResizeObserver","_rootRef$current2","mutationObserver","MutationObserver","observe","childList","subtree","characterData","cancel","disconnect"],"mappings":"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"}
+{"version":3,"file":"useResponsivity.js","sources":["../../../../../src/componentsV2/AppHeader/V3/useResponsivity.tsx"],"sourcesContent":["import { CSSProperties, RefObject, useEffect, useRef, useState } from 'react';\nimport { isEqual, throttle } from 'lodash';\n\nimport CssConstants from './constants.scss';\n\ntype Params = {\n  disabled?: boolean;\n  titleControlsLeft?: boolean;\n\n  rootRef: RefObject<HTMLElement>;\n  versionRef: RefObject<HTMLElement>;\n  padModeRef: RefObject<HTMLElement>;\n  additionalControlsRef: RefObject<HTMLElement>;\n  titleControlsRef: RefObject<HTMLElement>;\n  chipsRef: RefObject<HTMLElement>;\n  logoRef: RefObject<HTMLElement>;\n  actionsRef: RefObject<HTMLElement>;\n};\n\ntype ResponsivityDataItem = {\n  style?: CSSProperties & Record<`--${string}`, number | string>;\n  lastInLine?: boolean;\n};\n\ntype ResponsivityData = {\n  root?: ResponsivityDataItem;\n  padMode?: ResponsivityDataItem;\n  additionalControls?: ResponsivityDataItem;\n  titleControls?: ResponsivityDataItem;\n  chips?: ResponsivityDataItem;\n  actions?: ResponsivityDataItem;\n  title?: ResponsivityDataItem;\n\n  linebreaks?: CSSProperties[];\n};\n\nconst gap = parseInt(CssConstants.gap, 10);\nconst titleMinWidth = parseInt(CssConstants.titleMinWidth, 10) + gap;\n\nconst getRefWidth = (ref: RefObject<HTMLElement>) => {\n  // This causes a reflow, so if it lags too much - use the `ref.current?.offsetWidth + 1`\n  // `ref.current?.offsetWidth` rounds pixel fractions so it may produce incorrect results/need adjustment\n  return ref.current?.getBoundingClientRect().width || 0;\n};\n\nconst sumLineWidth = (titleMinWidth: number, ...lineRefs: RefObject<HTMLElement>[]) => {\n  const filteredRefs = lineRefs.filter(ref => !!ref.current && ref.current.offsetWidth > 0);\n  return (\n    titleMinWidth +\n    filteredRefs.reduce((acc, ref) => acc + getRefWidth(ref), 0) +\n    (filteredRefs.length > 1 ? (filteredRefs.length - 1) * gap : 0)\n  );\n};\n\n/**\n * Detects when child elements stop fitting in a single header line and returns CSS orders, linebreaks, & other info for header elements\n *\n * There are several possible layouts:\n *\n * 1. Everything fits in one line\n * 2. 2 lines:\n *    [logo] [title] [version] [asset chips] [actions]\n *    [title controls] [pad mode] [additional controls]\n *    and other variants that fit into 2 lines\n * 3. 3 lines:\n *    [logo] [title] [version]\n *    [title controls] [additional controls] [actions]\n *    [pad mode] [chips]\n */\nexport const useResponsivity = ({\n  disabled,\n  actionsRef,\n  chipsRef,\n  logoRef,\n  rootRef,\n  titleControlsRef,\n  additionalControlsRef,\n  versionRef,\n  padModeRef,\n  titleControlsLeft,\n}: Params) => {\n  const [value, setValue] = useState<ResponsivityData>({});\n  const previousWidthRef = useRef(-1);\n\n  useEffect(() => {\n    const calculateCss = throttle(\n      () => {\n        requestAnimationFrame(() => {\n          const rootWidth = rootRef.current?.offsetWidth || 0;\n\n          const setCss = (baseData: ResponsivityData) => {\n            // We need nowrap to properly handle title when app title is very long and we have title controls to the left\n            const isNowrap =\n              titleControlsLeft &&\n              sumLineWidth(\n                titleMinWidth,\n                logoRef,\n                versionRef,\n                chipsRef,\n                actionsRef,\n                titleControlsRef,\n                additionalControlsRef,\n                padModeRef\n              ) <= rootWidth;\n\n            const data = isNowrap\n              ? {\n                  ...baseData,\n                  root: {\n                    style: {\n                      ...baseData.root?.style,\n                      '--headerV3-responsivity-flexwrap': 'nowrap',\n                    },\n                  },\n                }\n              : baseData;\n\n            // Prevent unnecessary rerenders & rerender loop: recalc -> update values -> recalc -> update values to the same values\n            setValue(value => (isEqual(value, data) ? value : data));\n          };\n\n          const getTitleMaxWidthStyle = (...refs: RefObject<HTMLElement>[]) => {\n            if (!titleControlsLeft) {\n              return undefined;\n            }\n\n            const pixels = sumLineWidth(0, ...refs) + gap;\n            return { '--headerV3-responsivity-maxWidth': `calc(100% - ${pixels}px)` };\n          };\n\n          // Case 1 - everything fits\n          if (\n            sumLineWidth(\n              titleMinWidth,\n              logoRef,\n              versionRef,\n              chipsRef,\n              actionsRef,\n              titleControlsRef,\n              additionalControlsRef,\n              padModeRef\n            ) <= rootWidth\n          ) {\n            setCss({\n              title: { style: { '--headerV3-responsivity-marginRight': 0 } },\n            });\n          }\n          // 2 lines\n          // [logo] [title] [version] [asset chips] [actions]\n          // [title controls] [pad mode] [additional controls]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef, actionsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              padMode: { style: { '--headerV3-responsivity-order': 120 } },\n              additionalControls: {\n                style: { '--headerV3-responsivity-order': 130 },\n                lastInLine: true,\n              },\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef, actionsRef) },\n            });\n          }\n          // 2 lines - no padmode, has chips\n          // [logo] [title] [version] [asset chips]\n          // [title controls] [additional controls] [actions]\n          else if (\n            !padModeRef.current &&\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 2 lines:\n          // [logo] [title] [version] [chips]\n          // [title controls] [additional controls] [pad mode] [actions]\n          else if (\n            sumLineWidth(titleMinWidth, logoRef, versionRef, chipsRef) <= rootWidth &&\n            sumLineWidth(0, titleControlsRef, additionalControlsRef, padModeRef, actionsRef) <=\n              rootWidth\n          ) {\n            setCss({\n              linebreaks: [{ order: 100 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              padMode: { style: { '--headerV3-responsivity-order': 130 } },\n              actions: { style: { '--headerV3-responsivity-order': 140 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef, chipsRef) },\n            });\n          }\n          // 3 lines\n          // [logo] [title] [version]\n          // [title controls] [additional controls] [actions]\n          // [pad mode] [chips]\n          else {\n            setCss({\n              linebreaks: [{ order: 100 }, { order: 200 }],\n              titleControls: { style: { '--headerV3-responsivity-order': 110 } },\n              additionalControls: { style: { '--headerV3-responsivity-order': 120 } },\n              actions: { style: { '--headerV3-responsivity-order': 130 }, lastInLine: true },\n              padMode: { style: { '--headerV3-responsivity-order': 210 } },\n              chips: { style: { '--headerV3-responsivity-order': 220 }, lastInLine: true },\n\n              title: { style: getTitleMaxWidthStyle(logoRef, versionRef) },\n            });\n          }\n        });\n      },\n      100,\n      { leading: true }\n    );\n\n    const resizeObserver = new ResizeObserver(() => {\n      const rootWidth = rootRef.current?.offsetWidth || 0;\n      if (rootWidth !== previousWidthRef.current) {\n        calculateCss();\n      }\n      previousWidthRef.current = rootWidth;\n    });\n    const mutationObserver = new MutationObserver(calculateCss);\n\n    if (rootRef.current && !disabled) {\n      resizeObserver.observe(rootRef.current);\n      mutationObserver.observe(rootRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n      calculateCss.cancel();\n    }\n\n    return () => {\n      resizeObserver.disconnect();\n      mutationObserver.disconnect();\n    };\n  }, [\n    actionsRef,\n    chipsRef,\n    logoRef,\n    rootRef,\n    titleControlsRef,\n    additionalControlsRef,\n    versionRef,\n    padModeRef,\n    disabled,\n    titleControlsLeft,\n  ]);\n\n  return value;\n};\n"],"names":["gap","parseInt","CssConstants","titleMinWidth","getRefWidth","ref","_ref$current","current","getBoundingClientRect","width","sumLineWidth","_len","arguments","length","lineRefs","Array","_key","filteredRefs","filter","offsetWidth","reduce","acc","_ref","disabled","actionsRef","chipsRef","logoRef","rootRef","titleControlsRef","additionalControlsRef","versionRef","padModeRef","titleControlsLeft","_useState","useState","_useState2","_slicedToArray","value","setValue","previousWidthRef","useRef","useEffect","calculateCss","throttle","requestAnimationFrame","_rootRef$current","rootWidth","setCss","baseData","_baseData$root","data","_objectSpread","root","style","isEqual","getTitleMaxWidthStyle","_len2","refs","_key2","pixels","apply","title","linebreaks","order","titleControls","padMode","additionalControls","lastInLine","actions","chips","leading","resizeObserver","ResizeObserver","_rootRef$current2","mutationObserver","MutationObserver","observe","childList","subtree","characterData","cancel","disconnect"],"mappings":"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"}

package/components/AttachmentPreview/AttachmentPreview.d.ts

@@ -2,7 +2,6 @@ import { AttachmentPreviewProps } from './AttachmentPreview.types';
 /**
  * Picks the strip that fits — reorderable or plain — and gives it a lightbox. Rendering lives in
  * `AttachmentRow`, drag-and-drop in `SortableAttachments`, the modal in `useAttachmentLightbox`.
- * The strip hides its scrollbar, so overflow arrows are the scroll affordance.
  */
 export declare const AttachmentPreview: import("react").ForwardRefExoticComponent<AttachmentPreviewProps & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=AttachmentPreview.d.ts.map

package/components/AttachmentPreview/AttachmentPreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentPreview.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentPreview.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAkCnE;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,mHA6C7B,CAAC"}
+{"version":3,"file":"AttachmentPreview.d.ts","sourceRoot":"","sources":["../../../src/components/AttachmentPreview/AttachmentPreview.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE;;;GAGG;AACH,eAAO,MAAM,iBAAiB,mHA8B7B,CAAC"}

package/components/AttachmentPreview/AttachmentPreview.js

@@ -1,2 +1,2 @@
-import o from"@babel/runtime/helpers/defineProperty";import s from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as c,useRef as n,useCallback as i}from"react";import{ButtonIcon as t}from"../../componentsV2/ButtonIcon/ButtonIcon.js";import{Tooltip as r}from"../../componentsV2/Tooltip/Tooltip.js";import{RightIcon as e,LeftIcon as m}from"../../icons/iconParkIcons.js";import"../../icons/customIcons/icons/AddMessage.js";import"../../icons/customIcons/icons/DragOne.js";import"../../icons/customIcons/icons/Attention.js";import"../../icons/customIcons/icons/Collapse.js";import"../../icons/customIcons/icons/Dashboard.js";import"../../icons/customIcons/icons/Expand.js";import"../../icons/customIcons/icons/FolderClosed.js";import"../../icons/customIcons/icons/FolderClosedFilled.js";import"../../icons/customIcons/icons/FolderOpened.js";import"../../icons/customIcons/icons/GreaterOrEqual.js";import"../../icons/customIcons/icons/LessOrEqual.js";import"../../icons/customIcons/icons/Search.js";import"../../icons/customIcons/icons/SearchOne.js";import"../../icons/customIcons/icons/Wellhub.js";import"../../icons/customIcons/icons/MultiRuler.js";import"../../icons/customIcons/icons/Checkbox.js";import"../../icons/customIcons/icons/CheckboxChecked.js";import"../../icons/customIcons/icons/CheckboxIndeterminate.js";import"../../icons/customIcons/icons/Radio.js";import"../../icons/customIcons/icons/RadioChecked.js";import"../../icons/customIcons/icons/SimulFrac.js";import"../../icons/customIcons/icons/ZipperFrac.js";import"../../icons/customIcons/icons/CautionFilled.js";import"../../icons/customIcons/icons/InfoRounded.js";import"../../icons/customIcons/icons/FlameFilled.js";import"../../icons/customIcons/icons/MoreApp.js";import"../../icons/customIcons/icons/Pad.js";import"../../icons/customIcons/icons/DrilloutUnit.js";import"../../icons/customIcons/icons/FracFleet.js";import"../../icons/customIcons/icons/Global.js";import"../../icons/customIcons/icons/Program.js";import"../../icons/customIcons/icons/Rig.js";import"../../icons/customIcons/icons/Well.js";import"../../icons/customIcons/icons/Gap.js";import"../../icons/customIcons/icons/Pin.js";import"../../icons/customIcons/icons/PinOne.js";import"../../icons/customIcons/icons/PinOneCrossed.js";import"../../icons/customIcons/icons/CloseOneFilled.js";import"../../icons/customIcons/icons/AttentionFilled.js";import"../../icons/customIcons/icons/CheckOneFilled.js";import"../../icons/customIcons/icons/Archive.js";import"../../icons/customIcons/icons/ArchiveCancel.js";import"../../icons/customIcons/icons/Unarchive.js";import"../../icons/customIcons/icons/Archived.js";import"../../icons/customIcons/icons/InterventionUnit.js";import"../../icons/customIcons/icons/CloudDelete.js";import"../../icons/customIcons/icons/Lasso.js";import"../../icons/customIcons/icons/Radius.js";import"../../icons/customIcons/icons/ErrorOps.js";import"../../icons/customIcons/icons/DataTypeOps.js";import"../../icons/customIcons/icons/FalsePositiveOps.js";import"../../icons/customIcons/icons/CalibrationOps.js";import"../../icons/customIcons/icons/CriticalOps.js";import"../../icons/customIcons/icons/Company.js";import"../../icons/customIcons/icons/ArchiveOne.js";import"../../icons/customIcons/icons/ParseBotFusion.js";import"../../icons/customIcons/icons/Connect.js";import"../../icons/customIcons/icons/PuzzleOne.js";import"../../icons/customIcons/icons/Feed.js";import"../../icons/customIcons/icons/Prompt.js";import"../../icons/customIcons/icons/Companies.js";import"../../icons/customIcons/icons/ClipboardAi.js";import"../../icons/customIcons/icons/Key.js";import"../../icons/customIcons/icons/AtSignCrossed.js";import"../../icons/customIcons/icons/MappingManual.js";import"../../icons/customIcons/icons/Mapping.js";import"../../icons/customIcons/icons/Metrics.js";import"../../icons/customIcons/icons/Drops.js";import"../../icons/customIcons/icons/ClipboardSearch.js";import"../../icons/customIcons/icons/Template.js";import"../../icons/customIcons/icons/ClipboardMetrics.js";import"../../icons/customIcons/icons/ClipboardBuilder.js";import"../../icons/customIcons/icons/UnitConversion.js";import"../../icons/customIcons/icons/NPT.js";import"../../icons/customIcons/icons/GuidedFrac.js";import{useAttachmentLightbox as p}from"../AttachmentLightbox/useAttachmentLightbox.js";import{AttachmentRow as u}from"./AttachmentRow.js";import{SortableAttachments as l}from"./SortableAttachments.js";import{useScrollOverflow as a}from"./useScrollOverflow.js";import j from"./AttachmentPreview.scss.js";import{jsx as I,jsxs as d,Fragment as h}from"react/jsx-runtime";var f=["onReorder","onItemClick","onShare"];function C(o,s){var c=Object.keys(o);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(o);s&&(n=n.filter((function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable}))),c.push.apply(c,n)}return c}function b(s){for(var c=1;c<arguments.length;c++){var n=null!=arguments[c]?arguments[c]:{};c%2?C(Object(n),!0).forEach((function(c){o(s,c,n[c])})):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(o){Object.defineProperty(s,o,Object.getOwnPropertyDescriptor(n,o))}))}return s}var O=function(o){return 1===o?"1 more attachment":"".concat(o," more attachments")},g=function(o){var s=o.direction,c=o.hiddenCount,n=o.onClick;if(!c)return null;var i=1===s;return I(r,{title:O(c),children:I("div",{className:i?j.scrollArrowRight:j.scrollArrowLeft,children:I(t,{size:"xs",type:"tertiaryBg",ariaLabel:O(c),onClick:function(){return n(s)},testId:i?"attachment-scroll-right":"attachment-scroll-left",children:I(i?e:m,{size:"small"})})})})},P=c((function(o,c){var t=o.onReorder,r=o.onItemClick,e=o.onShare,m=s(o,f),C=p(m.items,{onShare:e}),O=C.openAttachment,P=C.lightbox,v=n(null),y=i((function(o){v.current=o,"function"==typeof c?c(o):c&&(c.current=o)}),[c]),A=a(v,m.items),F=A.left,k=A.right,S=A.scrollByPage;if(!m.items.length)return null;var w=!!t&&m.items.length>1?I(l,b(b({},m),{},{ref:y,onReorder:t,onItemClick:null!=r?r:O})):I(u,b(b({},m),{},{ref:y,onShare:e,onItemClick:null!=r?r:O}));return d(h,{children:[d("div",{className:j.stripShell,children:[w,I(g,{direction:-1,hiddenCount:F.hiddenCount,onClick:S}),I(g,{direction:1,hiddenCount:k.hiddenCount,onClick:S})]}),!r&&P]})}));export{P as AttachmentPreview};
+import e from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import{forwardRef as r}from"react";import{useAttachmentLightbox as o}from"../AttachmentLightbox/useAttachmentLightbox.js";import{AttachmentRow as n}from"./AttachmentRow.js";import{SortableAttachments as i}from"./SortableAttachments.js";import{jsx as c,jsxs as m,Fragment as p}from"react/jsx-runtime";var l=["onReorder","onItemClick","onShare"];function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,o)}return r}function f(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?a(Object(o),!0).forEach((function(r){e(t,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):a(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}var b=r((function(e,r){var a=e.onReorder,b=e.onItemClick,s=e.onShare,h=t(e,l),u=o(h.items,{onShare:s}),O=u.openAttachment,j=u.lightbox;if(!h.items.length)return null;var g=!!a&&h.items.length>1?c(i,f(f({},h),{},{ref:r,onReorder:a,onItemClick:null!=b?b:O})):c(n,f(f({},h),{},{ref:r,onShare:s,onItemClick:null!=b?b:O}));return m(p,{children:[g,!b&&j]})}));export{b as AttachmentPreview};
 //# sourceMappingURL=AttachmentPreview.js.map

package/components/AttachmentPreview/AttachmentPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentPreview.js","sources":["../../../src/components/AttachmentPreview/AttachmentPreview.tsx"],"sourcesContent":["import { forwardRef, useCallback, useRef } from 'react';\n\nimport { ButtonIcon } from '../../componentsV2/ButtonIcon';\nimport { Tooltip } from '../../componentsV2/Tooltip';\nimport { LeftIcon, RightIcon } from '../../icons';\nimport { useAttachmentLightbox } from '../AttachmentLightbox/useAttachmentLightbox';\n\nimport { AttachmentRow } from './AttachmentRow';\nimport { SortableAttachments } from './SortableAttachments';\nimport { useScrollOverflow } from './useScrollOverflow';\nimport { AttachmentPreviewProps } from './AttachmentPreview.types';\n\nimport styles from './AttachmentPreview.scss';\n\nconst moreLabel = (count: number) =>\n  count === 1 ? '1 more attachment' : `${count} more attachments`;\n\ntype ScrollArrowProps = {\n  direction: -1 | 1;\n  hiddenCount: number;\n  onClick: (direction: -1 | 1) => void;\n};\n\nconst ScrollArrow = ({ direction, hiddenCount, onClick }: ScrollArrowProps) => {\n  if (!hiddenCount) return null;\n\n  const isRight = direction === 1;\n  return (\n    <Tooltip title={moreLabel(hiddenCount)}>\n      <div className={isRight ? styles.scrollArrowRight : styles.scrollArrowLeft}>\n        <ButtonIcon\n          size=\"xs\"\n          type=\"tertiaryBg\"\n          ariaLabel={moreLabel(hiddenCount)}\n          onClick={() => onClick(direction)}\n          testId={isRight ? 'attachment-scroll-right' : 'attachment-scroll-left'}\n        >\n          {isRight ? <RightIcon size=\"small\" /> : <LeftIcon size=\"small\" />}\n        </ButtonIcon>\n      </div>\n    </Tooltip>\n  );\n};\n\n/**\n * Picks the strip that fits — reorderable or plain — and gives it a lightbox. Rendering lives in\n * `AttachmentRow`, drag-and-drop in `SortableAttachments`, the modal in `useAttachmentLightbox`.\n * The strip hides its scrollbar, so overflow arrows are the scroll affordance.\n */\nexport const AttachmentPreview = forwardRef<HTMLDivElement, AttachmentPreviewProps>(\n  ({ onReorder, onItemClick, onShare, ...props }, ref) => {\n    const { openAttachment, lightbox } = useAttachmentLightbox(props.items, { onShare });\n\n    const scrollerRef = useRef<HTMLDivElement | null>(null);\n    const setScrollerRef = useCallback(\n      (node: HTMLDivElement | null) => {\n        scrollerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) ref.current = node;\n      },\n      [ref]\n    );\n    const { left, right, scrollByPage } = useScrollOverflow(scrollerRef, props.items);\n\n    if (!props.items.length) return null;\n\n    const isSortable = !!onReorder && props.items.length > 1;\n    const strip = isSortable ? (\n      <SortableAttachments\n        {...props}\n        ref={setScrollerRef}\n        onReorder={onReorder}\n        onItemClick={onItemClick ?? openAttachment}\n      />\n    ) : (\n      <AttachmentRow\n        {...props}\n        ref={setScrollerRef}\n        onShare={onShare}\n        onItemClick={onItemClick ?? openAttachment}\n      />\n    );\n\n    return (\n      <>\n        <div className={styles.stripShell}>\n          {strip}\n          <ScrollArrow direction={-1} hiddenCount={left.hiddenCount} onClick={scrollByPage} />\n          <ScrollArrow direction={1} hiddenCount={right.hiddenCount} onClick={scrollByPage} />\n        </div>\n        {!onItemClick && lightbox}\n      </>\n    );\n  }\n);\n"],"names":["moreLabel","count","concat","ScrollArrow","_ref","direction","hiddenCount","onClick","isRight","_jsx","Tooltip","title","children","className","styles","scrollArrowRight","scrollArrowLeft","ButtonIcon","size","type","ariaLabel","testId","RightIcon","LeftIcon","AttachmentPreview","forwardRef","_ref2","ref","onReorder","onItemClick","onShare","props","_objectWithoutProperties","_excluded","_useAttachmentLightbo","useAttachmentLightbox","items","openAttachment","lightbox","scrollerRef","useRef","setScrollerRef","useCallback","node","current","_useScrollOverflow","useScrollOverflow","left","right","scrollByPage","length","strip","SortableAttachments","AttachmentRow","_objectSpread","_jsxs","_Fragment","stripShell"],"mappings":"+nKAcA,IAAMA,EAAY,SAACC,GAAa,OACpB,IAAVA,EAAc,oBAAmB,GAAAC,OAAMD,EAAwB,oBAAA,EAQ3DE,EAAc,SAA2DC,GAAA,IAAxDC,IAAAA,UAAWC,IAAAA,YAAaC,IAAAA,QAC7C,IAAKD,EAAa,OAAO,KAEzB,IAAME,EAAwB,IAAdH,EAChB,OACEI,EAACC,EAAO,CAACC,MAAOX,EAAUM,GAAaM,SACrCH,EAAA,MAAA,CAAKI,UAAWL,EAAUM,EAAOC,iBAAmBD,EAAOE,gBAAgBJ,SACzEH,EAACQ,EAAU,CACTC,KAAK,KACLC,KAAK,aACLC,UAAWpB,EAAUM,GACrBC,QAAS,WAAA,OAAMA,EAAQF,EAAW,EAClCgB,OAAQb,EAAU,0BAA4B,yBAAyBI,SAE5DH,EAAVD,EAAWc,EAA6BC,EAApB,CAACL,KAAK,eAKrC,EAOaM,EAAoBC,GAC/B,SAAAC,EAAgDC,GAAQ,IAArDC,IAAAA,UAAWC,IAAAA,YAAaC,IAAAA,QAAYC,EAAKC,EAAAN,EAAAO,GAC1CC,EAAqCC,EAAsBJ,EAAMK,MAAO,CAAEN,QAAAA,IAAlEO,IAAAA,eAAgBC,IAAAA,SAElBC,EAAcC,EAA8B,MAC5CC,EAAiBC,GACrB,SAACC,GACCJ,EAAYK,QAAUD,EACH,mBAARhB,EAAoBA,EAAIgB,GAC1BhB,IAAKA,EAAIiB,QAAUD,EAC9B,GACA,CAAChB,IAEHkB,EAAsCC,EAAkBP,EAAaR,EAAMK,OAAnEW,IAAAA,KAAMC,IAAAA,MAAOC,IAAAA,aAErB,IAAKlB,EAAMK,MAAMc,OAAQ,OAAO,KAEhC,IACMC,IADevB,GAAaG,EAAMK,MAAMc,OAAS,EAErDzC,EAAC2C,SACKrB,GAAK,GAAA,CACTJ,IAAKc,EACLb,UAAWA,EACXC,YAAaA,QAAAA,EAAeQ,KAG9B5B,EAAC4C,EAAaC,EAAAA,EAAA,CAAA,EACRvB,GAAK,GAAA,CACTJ,IAAKc,EACLX,QAASA,EACTD,YAAaA,QAAAA,EAAeQ,KAIhC,OACEkB,EAAAC,EAAA,CAAA5C,SACE,CAAA2C,EAAA,MAAA,CAAK1C,UAAWC,EAAO2C,WAAW7C,SAC/BuC,CAAAA,EACD1C,EAACN,EAAW,CAACE,WAAY,EAAGC,YAAayC,EAAKzC,YAAaC,QAAS0C,IACpExC,EAACN,EAAW,CAACE,UAAW,EAAGC,YAAa0C,EAAM1C,YAAaC,QAAS0C,QAEpEpB,GAAeS,IAGvB"}
+{"version":3,"file":"AttachmentPreview.js","sources":["../../../src/components/AttachmentPreview/AttachmentPreview.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { useAttachmentLightbox } from '../AttachmentLightbox/useAttachmentLightbox';\n\nimport { AttachmentRow } from './AttachmentRow';\nimport { SortableAttachments } from './SortableAttachments';\nimport { AttachmentPreviewProps } from './AttachmentPreview.types';\n\n/**\n * Picks the strip that fits — reorderable or plain — and gives it a lightbox. Rendering lives in\n * `AttachmentRow`, drag-and-drop in `SortableAttachments`, the modal in `useAttachmentLightbox`.\n */\nexport const AttachmentPreview = forwardRef<HTMLDivElement, AttachmentPreviewProps>(\n  ({ onReorder, onItemClick, onShare, ...props }, ref) => {\n    const { openAttachment, lightbox } = useAttachmentLightbox(props.items, { onShare });\n\n    if (!props.items.length) return null;\n\n    const isSortable = !!onReorder && props.items.length > 1;\n    const strip = isSortable ? (\n      <SortableAttachments\n        {...props}\n        ref={ref}\n        onReorder={onReorder}\n        onItemClick={onItemClick ?? openAttachment}\n      />\n    ) : (\n      <AttachmentRow\n        {...props}\n        ref={ref}\n        onShare={onShare}\n        onItemClick={onItemClick ?? openAttachment}\n      />\n    );\n\n    return (\n      <>\n        {strip}\n        {!onItemClick && lightbox}\n      </>\n    );\n  }\n);\n"],"names":["AttachmentPreview","forwardRef","_ref","ref","onReorder","onItemClick","onShare","props","_objectWithoutProperties","_excluded","_useAttachmentLightbo","useAttachmentLightbox","items","openAttachment","lightbox","length","strip","_jsx","SortableAttachments","AttachmentRow","_objectSpread","_jsxs","_Fragment","children"],"mappings":"8gCAYaA,EAAoBC,GAC/B,SAAAC,EAAgDC,GAAQ,IAArDC,IAAAA,UAAWC,IAAAA,YAAaC,IAAAA,QAAYC,EAAKC,EAAAN,EAAAO,GAC1CC,EAAqCC,EAAsBJ,EAAMK,MAAO,CAAEN,QAAAA,IAAlEO,IAAAA,eAAgBC,IAAAA,SAExB,IAAKP,EAAMK,MAAMG,OAAQ,OAAO,KAEhC,IACMC,IADeZ,GAAaG,EAAMK,MAAMG,OAAS,EAErDE,EAACC,SACKX,GAAK,GAAA,CACTJ,IAAKA,EACLC,UAAWA,EACXC,YAAaA,QAAAA,EAAeQ,KAG9BI,EAACE,EAAaC,EAAAA,EAAA,CAAA,EACRb,GAAK,GAAA,CACTJ,IAAKA,EACLG,QAASA,EACTD,YAAaA,QAAAA,EAAeQ,KAIhC,OACEQ,EAAAC,EAAA,CAAAC,SAAA,CACGP,GACCX,GAAeS,IAGvB"}

package/components/AttachmentPreview/AttachmentPreview.scss.js

@@ -1,2 +1,2 @@
-import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",scroller:"AttachmentPreview_scroller__ZqYC8",stripShell:"AttachmentPreview_stripShell__ndNiE",scrollArrowRight:"AttachmentPreview_scrollArrowRight__aGmVR",scrollArrowLeft:"AttachmentPreview_scrollArrowLeft__wpsRM",slot:"AttachmentPreview_slot__ewKLo",slotDragging:"AttachmentPreview_slotDragging__hrfJX",slotContent:"AttachmentPreview_slotContent__GNuSu",insertion:"AttachmentPreview_insertion__iFqlp",insertionBefore:"AttachmentPreview_insertionBefore__jyWQM",insertionEdge:"AttachmentPreview_insertionEdge__Bjk1t",insertionAfter:"AttachmentPreview_insertionAfter__4NvhP",dragGhost:"AttachmentPreview_dragGhost__4aSzE",dragGhostHandle:"AttachmentPreview_dragGhostHandle__Gu2CP",thumbnail:"AttachmentPreview_thumbnail__ytI2L",clickable:"AttachmentPreview_clickable__BEXzK",selected:"AttachmentPreview_selected__JRuMO",thumbnailInner:"AttachmentPreview_thumbnailInner__9Ex4-",thumbnailImage:"AttachmentPreview_thumbnailImage__RQ4fL",videoOverlay:"AttachmentPreview_videoOverlay__5Lgi1",playIcon:"AttachmentPreview_playIcon__OOnql",fileCard:"AttachmentPreview_fileCard__oxDbD",fileCardLink:"AttachmentPreview_fileCardLink__TDpvh",fileCardContent:"AttachmentPreview_fileCardContent__c-99Q",fileInfo:"AttachmentPreview_fileInfo__eqJ-B",fileName:"AttachmentPreview_fileName__1Ccg0",fileType:"AttachmentPreview_fileType__0v6E4",tileActions:"AttachmentPreview_tileActions__2nLlw",tileActionLink:"AttachmentPreview_tileActionLink__aMyS4",removeButton:"AttachmentPreview_removeButton__aX-qu",removeButtonVisible:"AttachmentPreview_removeButtonVisible__BVjYB",thumbnailError:"AttachmentPreview_thumbnailError__yyH08",uploadingOverlay:"AttachmentPreview_uploadingOverlay__leV1D",uploadingSpinner:"AttachmentPreview_uploadingSpinner__u-t7d",loader:"AttachmentPreview_loader__HK5bZ",errorOverlay:"AttachmentPreview_errorOverlay__8sM1d",retryButton:"AttachmentPreview_retryButton__tKVV0"};t('.AttachmentPreview_scroller__ZqYC8{-ms-overflow-style:none;align-items:flex-start;display:flex;gap:12px;margin-left:-8px;overflow-x:auto;overflow-y:visible;padding-left:8px;padding-right:8px;padding-top:6px;scroll-behavior:smooth;scrollbar-width:none}.AttachmentPreview_scroller__ZqYC8::-webkit-scrollbar{display:none}.AttachmentPreview_stripShell__ndNiE{max-width:100%;min-width:0;position:relative}.AttachmentPreview_scrollArrowLeft__wpsRM,.AttachmentPreview_scrollArrowRight__aGmVR{pointer-events:auto;position:absolute;top:calc(50% + 3px);transform:translateY(-50%);z-index:6}.AttachmentPreview_scrollArrowLeft__wpsRM button,.AttachmentPreview_scrollArrowRight__aGmVR button{backdrop-filter:blur(8px)}.AttachmentPreview_scrollArrowLeft__wpsRM{left:calc(-12px - var(--attachment-arrow-outset, 0px))}.AttachmentPreview_scrollArrowRight__aGmVR{right:calc(-12px - var(--attachment-arrow-outset, 0px))}@supports not (overflow-clip-margin:12px){.AttachmentPreview_scrollArrowLeft__wpsRM{left:0}.AttachmentPreview_scrollArrowRight__aGmVR{right:0}}.AttachmentPreview_slot__ewKLo{border-radius:8px;cursor:grab;flex-shrink:0;position:relative;touch-action:none}.AttachmentPreview_slot__ewKLo:focus-visible{outline:none}.AttachmentPreview_slot__ewKLo:focus-visible:before{border:2px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.AttachmentPreview_slotDragging__hrfJX{cursor:grabbing}.AttachmentPreview_slotDragging__hrfJX .AttachmentPreview_slotContent__GNuSu{visibility:hidden}.AttachmentPreview_slotDragging__hrfJX:focus-visible:before{display:none}.AttachmentPreview_slotDragging__hrfJX:after{background:rgb(from var(--palette-primary-text-1) r g b/.04);border:1px dashed var(--palette-primary-text-6);border-radius:8px;content:"";inset:0;position:absolute}.AttachmentPreview_insertion__iFqlp{background:var(--palette-primary-main);border-radius:2px;bottom:0;box-shadow:0 0 6px rgb(from var(--palette-primary-main) r g b/.6);position:absolute;top:0;width:2px;z-index:4}.AttachmentPreview_insertionBefore__jyWQM,.AttachmentPreview_insertionEdge__Bjk1t{left:-7px}.AttachmentPreview_insertionAfter__4NvhP{right:-7px}.AttachmentPreview_dragGhost__4aSzE{background:var(--palette-background-b-6);border-radius:8px;box-shadow:0 10px 20px rgb(from var(--palette-background-b-1) r g b/.45);cursor:grabbing;opacity:.9;position:relative;transform:rotate(4deg)}.AttachmentPreview_dragGhostHandle__Gu2CP{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.AttachmentPreview_dragGhostHandle__Gu2CP button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.16)!important;color:var(--palette-primary-text-1)!important}.AttachmentPreview_dragGhostHandle__Gu2CP svg{color:var(--palette-primary-text-1)}.AttachmentPreview_thumbnail__ytI2L{border-radius:8px;flex-shrink:0;height:64px;overflow:visible;position:relative;width:64px}.AttachmentPreview_clickable__BEXzK{cursor:pointer}.AttachmentPreview_clickable__BEXzK:hover{opacity:.9}.AttachmentPreview_selected__JRuMO:after{border:1px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.AttachmentPreview_thumbnailInner__9Ex4-{border-radius:8px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.AttachmentPreview_thumbnailImage__RQ4fL{height:100%;left:50%;max-width:none;min-width:100%;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:auto}.AttachmentPreview_videoOverlay__5Lgi1{align-items:center;background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.AttachmentPreview_playIcon__OOnql{color:var(--palette-primary-text-1);font-size:32px}.AttachmentPreview_fileCard__oxDbD{align-items:flex-start;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:64px;justify-content:center;padding:8px 16px;position:relative;width:142px}.AttachmentPreview_fileCardLink__TDpvh{color:inherit;cursor:pointer;text-decoration:none}.AttachmentPreview_fileCardLink__TDpvh:hover{border-color:rgb(from var(--palette-primary-text-1) r g b/.16)}.AttachmentPreview_fileCardContent__c-99Q{align-items:center;display:flex;gap:8px;width:100%}.AttachmentPreview_fileInfo__eqJ-B{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;justify-content:center;min-width:0}.AttachmentPreview_fileName__1Ccg0{color:var(--palette-primary-text-1)}.AttachmentPreview_fileName__1Ccg0,.AttachmentPreview_fileType__0v6E4{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.AttachmentPreview_fileType__0v6E4{color:var(--palette-primary-text-6);text-transform:uppercase}.AttachmentPreview_tileActions__2nLlw{display:flex;gap:4px;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_tileActions__2nLlw button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_tileActions__2nLlw button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD .AttachmentPreview_tileActions__2nLlw:focus-within,.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_tileActions__2nLlw,.AttachmentPreview_thumbnail__ytI2L .AttachmentPreview_tileActions__2nLlw:focus-within,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_tileActions__2nLlw{opacity:1}.AttachmentPreview_tileActionLink__aMyS4{display:inline-flex}.AttachmentPreview_removeButton__aX-qu{opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_removeButton__aX-qu button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_removeButton__aX-qu button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_removeButton__aX-qu,.AttachmentPreview_removeButtonVisible__BVjYB,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_removeButton__aX-qu{opacity:1}.AttachmentPreview_thumbnailError__yyH08{border:1px solid rgb(from var(--palette-error-main) r g b/.4)}.AttachmentPreview_uploadingOverlay__leV1D{background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_uploadingSpinner__u-t7d{align-items:center;backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:6px;display:flex;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px;z-index:2}.AttachmentPreview_loader__HK5bZ{color:var(--palette-primary-text-6)!important;height:14px!important;width:14px!important}.AttachmentPreview_errorOverlay__8sM1d{background:rgb(from var(--palette-error-main) r g b/.08);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_retryButton__tKVV0{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.AttachmentPreview_retryButton__tKVV0 button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_retryButton__tKVV0 button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}');export{e as default};
+import t from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",scroller:"AttachmentPreview_scroller__ZqYC8",slot:"AttachmentPreview_slot__ewKLo",slotDragging:"AttachmentPreview_slotDragging__hrfJX",slotContent:"AttachmentPreview_slotContent__GNuSu",insertion:"AttachmentPreview_insertion__iFqlp",insertionBefore:"AttachmentPreview_insertionBefore__jyWQM",insertionEdge:"AttachmentPreview_insertionEdge__Bjk1t",insertionAfter:"AttachmentPreview_insertionAfter__4NvhP",dragGhost:"AttachmentPreview_dragGhost__4aSzE",dragGhostHandle:"AttachmentPreview_dragGhostHandle__Gu2CP",thumbnail:"AttachmentPreview_thumbnail__ytI2L",clickable:"AttachmentPreview_clickable__BEXzK",selected:"AttachmentPreview_selected__JRuMO",thumbnailInner:"AttachmentPreview_thumbnailInner__9Ex4-",thumbnailImage:"AttachmentPreview_thumbnailImage__RQ4fL",videoOverlay:"AttachmentPreview_videoOverlay__5Lgi1",playIcon:"AttachmentPreview_playIcon__OOnql",fileCard:"AttachmentPreview_fileCard__oxDbD",fileCardLink:"AttachmentPreview_fileCardLink__TDpvh",fileCardContent:"AttachmentPreview_fileCardContent__c-99Q",fileInfo:"AttachmentPreview_fileInfo__eqJ-B",fileName:"AttachmentPreview_fileName__1Ccg0",fileType:"AttachmentPreview_fileType__0v6E4",tileActions:"AttachmentPreview_tileActions__2nLlw",tileActionLink:"AttachmentPreview_tileActionLink__aMyS4",removeButton:"AttachmentPreview_removeButton__aX-qu",removeButtonVisible:"AttachmentPreview_removeButtonVisible__BVjYB",thumbnailError:"AttachmentPreview_thumbnailError__yyH08",uploadingOverlay:"AttachmentPreview_uploadingOverlay__leV1D",uploadingSpinner:"AttachmentPreview_uploadingSpinner__u-t7d",loader:"AttachmentPreview_loader__HK5bZ",errorOverlay:"AttachmentPreview_errorOverlay__8sM1d",retryButton:"AttachmentPreview_retryButton__tKVV0"};t('.AttachmentPreview_scroller__ZqYC8{-ms-overflow-style:none;align-items:flex-start;display:flex;gap:12px;margin-left:-8px;overflow-x:auto;overflow-y:visible;padding-left:8px;padding-right:8px;padding-top:6px;scroll-behavior:smooth;scrollbar-width:none}.AttachmentPreview_scroller__ZqYC8::-webkit-scrollbar{display:none}.AttachmentPreview_slot__ewKLo{border-radius:8px;cursor:grab;flex-shrink:0;position:relative;touch-action:none}.AttachmentPreview_slot__ewKLo:focus-visible{outline:none}.AttachmentPreview_slot__ewKLo:focus-visible:before{border:2px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:5}.AttachmentPreview_slotDragging__hrfJX{cursor:grabbing}.AttachmentPreview_slotDragging__hrfJX .AttachmentPreview_slotContent__GNuSu{visibility:hidden}.AttachmentPreview_slotDragging__hrfJX:focus-visible:before{display:none}.AttachmentPreview_slotDragging__hrfJX:after{background:rgb(from var(--palette-primary-text-1) r g b/.04);border:1px dashed var(--palette-primary-text-6);border-radius:8px;content:"";inset:0;position:absolute}.AttachmentPreview_insertion__iFqlp{background:var(--palette-primary-main);border-radius:2px;bottom:0;box-shadow:0 0 6px rgb(from var(--palette-primary-main) r g b/.6);position:absolute;top:0;width:2px;z-index:4}.AttachmentPreview_insertionBefore__jyWQM,.AttachmentPreview_insertionEdge__Bjk1t{left:-7px}.AttachmentPreview_insertionAfter__4NvhP{right:-7px}.AttachmentPreview_dragGhost__4aSzE{background:var(--palette-background-b-6);border-radius:8px;box-shadow:0 10px 20px rgb(from var(--palette-background-b-1) r g b/.45);cursor:grabbing;opacity:.9;position:relative;transform:rotate(4deg)}.AttachmentPreview_dragGhostHandle__Gu2CP{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:2}.AttachmentPreview_dragGhostHandle__Gu2CP button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.16)!important;color:var(--palette-primary-text-1)!important}.AttachmentPreview_dragGhostHandle__Gu2CP svg{color:var(--palette-primary-text-1)}.AttachmentPreview_thumbnail__ytI2L{border-radius:8px;flex-shrink:0;height:64px;overflow:visible;position:relative;width:64px}.AttachmentPreview_clickable__BEXzK{cursor:pointer}.AttachmentPreview_clickable__BEXzK:hover{opacity:.9}.AttachmentPreview_selected__JRuMO:after{border:1px solid var(--palette-primary-main);border-radius:8px;content:"";inset:0;pointer-events:none;position:absolute;z-index:4}.AttachmentPreview_thumbnailInner__9Ex4-{border-radius:8px;inset:0;overflow:hidden;pointer-events:none;position:absolute}.AttachmentPreview_thumbnailImage__RQ4fL{height:100%;left:50%;max-width:none;min-width:100%;object-fit:cover;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:auto}.AttachmentPreview_videoOverlay__5Lgi1{align-items:center;background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute}.AttachmentPreview_playIcon__OOnql{color:var(--palette-primary-text-1);font-size:32px}.AttachmentPreview_fileCard__oxDbD{align-items:flex-start;border:1px solid rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:8px;display:flex;flex-direction:column;flex-shrink:0;height:64px;justify-content:center;padding:8px 16px;position:relative;width:142px}.AttachmentPreview_fileCardLink__TDpvh{color:inherit;cursor:pointer;text-decoration:none}.AttachmentPreview_fileCardLink__TDpvh:hover{border-color:rgb(from var(--palette-primary-text-1) r g b/.16)}.AttachmentPreview_fileCardContent__c-99Q{align-items:center;display:flex;gap:8px;width:100%}.AttachmentPreview_fileInfo__eqJ-B{align-items:flex-start;display:flex;flex:1 0 0;flex-direction:column;justify-content:center;min-width:0}.AttachmentPreview_fileName__1Ccg0{color:var(--palette-primary-text-1)}.AttachmentPreview_fileName__1Ccg0,.AttachmentPreview_fileType__0v6E4{font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.AttachmentPreview_fileType__0v6E4{color:var(--palette-primary-text-6);text-transform:uppercase}.AttachmentPreview_tileActions__2nLlw{display:flex;gap:4px;opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_tileActions__2nLlw button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_tileActions__2nLlw button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD .AttachmentPreview_tileActions__2nLlw:focus-within,.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_tileActions__2nLlw,.AttachmentPreview_thumbnail__ytI2L .AttachmentPreview_tileActions__2nLlw:focus-within,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_tileActions__2nLlw{opacity:1}.AttachmentPreview_tileActionLink__aMyS4{display:inline-flex}.AttachmentPreview_removeButton__aX-qu{opacity:0;position:absolute;right:-6px;top:-6px;transition:opacity .2s;z-index:3}.AttachmentPreview_removeButton__aX-qu button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_removeButton__aX-qu button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}.AttachmentPreview_fileCard__oxDbD:hover .AttachmentPreview_removeButton__aX-qu,.AttachmentPreview_removeButtonVisible__BVjYB,.AttachmentPreview_thumbnail__ytI2L:hover .AttachmentPreview_removeButton__aX-qu{opacity:1}.AttachmentPreview_thumbnailError__yyH08{border:1px solid rgb(from var(--palette-error-main) r g b/.4)}.AttachmentPreview_uploadingOverlay__leV1D{background:rgb(from var(--palette-background-b-1) r g b/.5);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_uploadingSpinner__u-t7d{align-items:center;backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08);border-radius:6px;display:flex;height:24px;justify-content:center;position:absolute;right:-6px;top:-6px;width:24px;z-index:2}.AttachmentPreview_loader__HK5bZ{color:var(--palette-primary-text-6)!important;height:14px!important;width:14px!important}.AttachmentPreview_errorOverlay__8sM1d{background:rgb(from var(--palette-error-main) r g b/.08);border-radius:8px;inset:0;pointer-events:none;position:absolute}.AttachmentPreview_retryButton__tKVV0{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.AttachmentPreview_retryButton__tKVV0 button{backdrop-filter:blur(4px);background-color:rgb(from var(--palette-primary-text-1) r g b/.08)!important}.AttachmentPreview_retryButton__tKVV0 button:hover{background-color:rgb(from var(--palette-primary-text-1) r g b/.15)!important}');export{e as default};
 //# sourceMappingURL=AttachmentPreview.scss.js.map

package/components/CommentCard/CommentCard.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",capped:"CommentCard_capped__izWBZ",bodySurface:"CommentCard_bodySurface__scobR",editHeader:"CommentCard_editHeader__8aUBt",scrollBody:"CommentCard_scrollBody__CIun9",footer:"CommentCard_footer__z3-CY",repliesSection:"CommentCard_repliesSection__iE7QO",compactBody:"CommentCard_compactBody__zM10O",compactTop:"CommentCard_compactTop__LpiQi",compactTime:"CommentCard_compactTime__JzVQR",compactFooter:"CommentCard_compactFooter__rgB4D",header:"CommentCard_header__T1SH8",headerText:"CommentCard_headerText__DRsQG",nameRow:"CommentCard_nameRow__Or1c0",timestamp:"CommentCard_timestamp__EbJCO",subtitle:"CommentCard_subtitle__d-XRe",avatar:"CommentCard_avatar__NA2ZA",name:"CommentCard_name__9-e7A",chip:"CommentCard_chip__4NUrf",chipAccented:"CommentCard_chipAccented__Xl8ek",bodyRow:"CommentCard_bodyRow__ZUufY",text:"CommentCard_text__eAIZM",attachment:"CommentCard_attachment__KktIn",infoButton:"CommentCard_infoButton__gqcvK",metadataTooltip:"CommentCard_metadataTooltip__AL0xt",metadataRows:"CommentCard_metadataRows__c-kqf",metadataRow:"CommentCard_metadataRow__BqcII",metadataLabel:"CommentCard_metadataLabel__WRWl7",metadataValue:"CommentCard_metadataValue__Xwf7S",metadataUnit:"CommentCard_metadataUnit__Bxeps",contextLine:"CommentCard_contextLine__Jyoui",contextItem:"CommentCard_contextItem__2Xmql",actionsRow:"CommentCard_actionsRow__1Ftxn",actions:"CommentCard_actions__mUmsV",trailingActions:"CommentCard_trailingActions__uGt-3",action:"CommentCard_action__ZfyBP",count:"CommentCard_count__stfpY",liked:"CommentCard_liked__zsBqe",replies:"CommentCard_replies__nRRYo",reply:"CommentCard_reply__7-U7Q",replyHeader:"CommentCard_replyHeader__sWnLA",replyNameRow:"CommentCard_replyNameRow__bs7h2",replyName:"CommentCard_replyName__C8tst",replyTimestamp:"CommentCard_replyTimestamp__YzuW1",replyText:"CommentCard_replyText__8JPKK"};e(".CommentCard_capped__izWBZ{flex-direction:column}.CommentCard_bodySurface__scobR,.CommentCard_capped__izWBZ{overflow-clip-margin:12px;display:flex;overflow:hidden;overflow:clip}.CommentCard_bodySurface__scobR{flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;padding:8px 12px}.CommentCard_editHeader__8aUBt{padding:8px 12px 0}.CommentCard_scrollBody__CIun9{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;margin:0 -24px;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 24px}.CommentCard_footer__z3-CY{border-top:1px solid var(--palette-background-b-4);display:flex;flex-direction:column;flex-shrink:0;padding:4px 12px 8px}.CommentCard_repliesSection__iE7QO{padding:8px 12px 12px}.CommentCard_compactBody__zM10O{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:8px 12px}.CommentCard_compactTop__LpiQi{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_compactTime__JzVQR{color:var(--palette-primary-text-7);font-size:12px;line-height:16px;margin-left:auto;white-space:nowrap}.CommentCard_compactFooter__rgB4D{border-top:1px solid var(--palette-background-b-4);flex-shrink:0;padding:4px 12px 8px}.CommentCard_header__T1SH8{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_headerText__DRsQG{display:flex;flex:1 0 0;flex-direction:column;min-width:0;word-break:break-word}.CommentCard_nameRow__Or1c0{align-items:center;display:flex;gap:8px;width:100%}.CommentCard_nameRow__Or1c0 .CommentCard_timestamp__EbJCO{margin-left:auto}.CommentCard_subtitle__d-XRe{color:var(--palette-primary-main);font-size:12px;line-height:16px}.CommentCard_avatar__NA2ZA{flex-shrink:0}.CommentCard_name__9-e7A{color:var(--palette-primary-text-1);flex:0 1 auto;font-size:14px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CommentCard_timestamp__EbJCO{color:var(--palette-primary-text-7)}.CommentCard_chip__4NUrf,.CommentCard_timestamp__EbJCO{flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}.CommentCard_chip__4NUrf{align-items:center;background:rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:8px;color:var(--palette-primary-text-6);display:flex;height:24px;padding:6px 8px}.CommentCard_chipAccented__Xl8ek{border-left:2px solid transparent}.CommentCard_bodyRow__ZUufY{align-items:center;display:flex;gap:8px}.CommentCard_text__eAIZM{color:var(--palette-primary-text-1);flex:1 1 auto;font-size:12px;line-height:16px;min-width:0;white-space:pre-wrap;word-break:break-word}.CommentCard_text__eAIZM a,.CommentCard_text__eAIZM button{font:inherit;padding:0;vertical-align:baseline}.CommentCard_attachment__KktIn{--attachment-arrow-outset:12px;display:flex;flex-direction:column;gap:8px}.CommentCard_infoButton__gqcvK{align-items:center;color:var(--palette-primary-text-6);cursor:default;display:inline-flex}.CommentCard_infoButton__gqcvK:hover{color:var(--palette-primary-text-1)}.CommentCard_metadataTooltip__AL0xt .MuiTooltip-tooltip{max-width:none!important}.CommentCard_metadataRows__c-kqf{display:flex;flex-direction:column;gap:4px;padding:4px 0}.CommentCard_metadataRow__BqcII{align-items:baseline;display:flex;font-size:14px;gap:4px;line-height:20px;white-space:nowrap}.CommentCard_metadataLabel__WRWl7{color:var(--palette-primary-text-6)}.CommentCard_metadataValue__Xwf7S{color:var(--palette-primary-text-1)}.CommentCard_metadataUnit__Bxeps{color:var(--palette-primary-text-6);font-size:12px}.CommentCard_contextLine__Jyoui{align-items:center;color:var(--palette-primary-text-7);column-gap:16px;display:flex;flex-wrap:wrap;font-size:12px;line-height:16px;row-gap:4px}.CommentCard_contextItem__2Xmql{white-space:nowrap}.CommentCard_actionsRow__1Ftxn{align-items:center;display:flex;justify-content:space-between;width:100%}.CommentCard_actions__mUmsV{align-items:center;display:flex;gap:8px}.CommentCard_trailingActions__uGt-3{align-items:center;display:flex;gap:4px}.CommentCard_action__ZfyBP{align-items:center;display:flex;gap:2px}.CommentCard_count__stfpY{color:var(--palette-primary-text-6);font-size:12px;line-height:16px}.CommentCard_liked__zsBqe svg{color:var(--palette-primary-main)}.CommentCard_replies__nRRYo{display:flex;flex-direction:column;gap:8px}.CommentCard_reply__7-U7Q{display:flex;flex-direction:column;gap:4px}.CommentCard_replyHeader__sWnLA{align-items:center;display:flex;gap:8px}.CommentCard_replyNameRow__bs7h2{align-items:center;display:flex;flex:1 0 0;gap:12px;min-width:0}.CommentCard_replyName__C8tst{color:var(--palette-primary-text-1);font-size:14px;line-height:20px;white-space:nowrap}.CommentCard_replyTimestamp__YzuW1{color:var(--palette-primary-text-7);flex:1 0 0;font-size:12px;line-height:16px;min-width:0}.CommentCard_replyText__8JPKK{color:var(--palette-primary-text-1);font-size:12px;line-height:16px;padding-left:40px;white-space:pre-wrap;word-break:break-word}.CommentCard_replyText__8JPKK a,.CommentCard_replyText__8JPKK button{font:inherit;padding:0;vertical-align:baseline}");export{t as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",capped:"CommentCard_capped__izWBZ",bodySurface:"CommentCard_bodySurface__scobR",editHeader:"CommentCard_editHeader__8aUBt",scrollBody:"CommentCard_scrollBody__CIun9",footer:"CommentCard_footer__z3-CY",repliesSection:"CommentCard_repliesSection__iE7QO",compactBody:"CommentCard_compactBody__zM10O",compactTop:"CommentCard_compactTop__LpiQi",compactTime:"CommentCard_compactTime__JzVQR",compactFooter:"CommentCard_compactFooter__rgB4D",header:"CommentCard_header__T1SH8",headerText:"CommentCard_headerText__DRsQG",nameRow:"CommentCard_nameRow__Or1c0",timestamp:"CommentCard_timestamp__EbJCO",subtitle:"CommentCard_subtitle__d-XRe",avatar:"CommentCard_avatar__NA2ZA",name:"CommentCard_name__9-e7A",chip:"CommentCard_chip__4NUrf",chipAccented:"CommentCard_chipAccented__Xl8ek",bodyRow:"CommentCard_bodyRow__ZUufY",text:"CommentCard_text__eAIZM",attachment:"CommentCard_attachment__KktIn",infoButton:"CommentCard_infoButton__gqcvK",metadataTooltip:"CommentCard_metadataTooltip__AL0xt",metadataRows:"CommentCard_metadataRows__c-kqf",metadataRow:"CommentCard_metadataRow__BqcII",metadataLabel:"CommentCard_metadataLabel__WRWl7",metadataValue:"CommentCard_metadataValue__Xwf7S",metadataUnit:"CommentCard_metadataUnit__Bxeps",contextLine:"CommentCard_contextLine__Jyoui",contextItem:"CommentCard_contextItem__2Xmql",actionsRow:"CommentCard_actionsRow__1Ftxn",actions:"CommentCard_actions__mUmsV",trailingActions:"CommentCard_trailingActions__uGt-3",action:"CommentCard_action__ZfyBP",count:"CommentCard_count__stfpY",liked:"CommentCard_liked__zsBqe",replies:"CommentCard_replies__nRRYo",reply:"CommentCard_reply__7-U7Q",replyHeader:"CommentCard_replyHeader__sWnLA",replyNameRow:"CommentCard_replyNameRow__bs7h2",replyName:"CommentCard_replyName__C8tst",replyTimestamp:"CommentCard_replyTimestamp__YzuW1",replyText:"CommentCard_replyText__8JPKK"};e(".CommentCard_capped__izWBZ{display:flex;flex-direction:column;overflow:hidden}.CommentCard_bodySurface__scobR{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:8px 12px}.CommentCard_editHeader__8aUBt{padding:8px 12px 0}.CommentCard_scrollBody__CIun9{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow-x:hidden;overflow-y:auto}.CommentCard_footer__z3-CY{border-top:1px solid var(--palette-background-b-4);display:flex;flex-direction:column;flex-shrink:0;padding:4px 12px 8px}.CommentCard_repliesSection__iE7QO{padding:8px 12px 12px}.CommentCard_compactBody__zM10O{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:8px 12px}.CommentCard_compactTop__LpiQi{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_compactTime__JzVQR{color:var(--palette-primary-text-7);font-size:12px;line-height:16px;margin-left:auto;white-space:nowrap}.CommentCard_compactFooter__rgB4D{border-top:1px solid var(--palette-background-b-4);flex-shrink:0;padding:4px 12px 8px}.CommentCard_header__T1SH8{align-items:center;display:flex;flex-shrink:0;gap:8px}.CommentCard_headerText__DRsQG{display:flex;flex:1 0 0;flex-direction:column;min-width:0;word-break:break-word}.CommentCard_nameRow__Or1c0{align-items:center;display:flex;gap:8px;width:100%}.CommentCard_nameRow__Or1c0 .CommentCard_timestamp__EbJCO{margin-left:auto}.CommentCard_subtitle__d-XRe{color:var(--palette-primary-main);font-size:12px;line-height:16px}.CommentCard_avatar__NA2ZA{flex-shrink:0}.CommentCard_name__9-e7A{color:var(--palette-primary-text-1);flex:0 1 auto;font-size:14px;line-height:20px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.CommentCard_timestamp__EbJCO{color:var(--palette-primary-text-7)}.CommentCard_chip__4NUrf,.CommentCard_timestamp__EbJCO{flex-shrink:0;font-size:12px;line-height:16px;white-space:nowrap}.CommentCard_chip__4NUrf{align-items:center;background:rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:8px;color:var(--palette-primary-text-6);display:flex;height:24px;padding:6px 8px}.CommentCard_chipAccented__Xl8ek{border-left:2px solid transparent}.CommentCard_bodyRow__ZUufY{align-items:center;display:flex;gap:8px}.CommentCard_text__eAIZM{color:var(--palette-primary-text-1);flex:1 1 auto;font-size:12px;line-height:16px;min-width:0;white-space:pre-wrap;word-break:break-word}.CommentCard_text__eAIZM a,.CommentCard_text__eAIZM button{font:inherit;padding:0;vertical-align:baseline}.CommentCard_attachment__KktIn{display:flex;flex-direction:column;gap:8px}.CommentCard_infoButton__gqcvK{align-items:center;color:var(--palette-primary-text-6);cursor:default;display:inline-flex}.CommentCard_infoButton__gqcvK:hover{color:var(--palette-primary-text-1)}.CommentCard_metadataTooltip__AL0xt .MuiTooltip-tooltip{max-width:none!important}.CommentCard_metadataRows__c-kqf{display:flex;flex-direction:column;gap:4px;padding:4px 0}.CommentCard_metadataRow__BqcII{align-items:baseline;display:flex;font-size:14px;gap:4px;line-height:20px;white-space:nowrap}.CommentCard_metadataLabel__WRWl7{color:var(--palette-primary-text-6)}.CommentCard_metadataValue__Xwf7S{color:var(--palette-primary-text-1)}.CommentCard_metadataUnit__Bxeps{color:var(--palette-primary-text-6);font-size:12px}.CommentCard_contextLine__Jyoui{align-items:center;color:var(--palette-primary-text-7);column-gap:16px;display:flex;flex-wrap:wrap;font-size:12px;line-height:16px;row-gap:4px}.CommentCard_contextItem__2Xmql{white-space:nowrap}.CommentCard_actionsRow__1Ftxn{align-items:center;display:flex;justify-content:space-between;width:100%}.CommentCard_actions__mUmsV{align-items:center;display:flex;gap:8px}.CommentCard_trailingActions__uGt-3{align-items:center;display:flex;gap:4px}.CommentCard_action__ZfyBP{align-items:center;display:flex;gap:2px}.CommentCard_count__stfpY{color:var(--palette-primary-text-6);font-size:12px;line-height:16px}.CommentCard_liked__zsBqe svg{color:var(--palette-primary-main)}.CommentCard_replies__nRRYo{display:flex;flex-direction:column;gap:8px}.CommentCard_reply__7-U7Q{display:flex;flex-direction:column;gap:4px}.CommentCard_replyHeader__sWnLA{align-items:center;display:flex;gap:8px}.CommentCard_replyNameRow__bs7h2{align-items:center;display:flex;flex:1 0 0;gap:12px;min-width:0}.CommentCard_replyName__C8tst{color:var(--palette-primary-text-1);font-size:14px;line-height:20px;white-space:nowrap}.CommentCard_replyTimestamp__YzuW1{color:var(--palette-primary-text-7);flex:1 0 0;font-size:12px;line-height:16px;min-width:0}.CommentCard_replyText__8JPKK{color:var(--palette-primary-text-1);font-size:12px;line-height:16px;padding-left:40px;white-space:pre-wrap;word-break:break-word}.CommentCard_replyText__8JPKK a,.CommentCard_replyText__8JPKK button{font:inherit;padding:0;vertical-align:baseline}");export{t as default};
 //# sourceMappingURL=CommentCard.scss.js.map

package/components/CommentInputNext/CommentInputNext.scss.js

@@ -1,2 +1,2 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"CommentInputNext_root__5uxKl",dropOverlay:"CommentInputNext_dropOverlay__E5Riv",inputPanel:"CommentInputNext_inputPanel__4KOFc",rootEmbedded:"CommentInputNext_rootEmbedded__-LyQl",toolbarRow:"CommentInputNext_toolbarRow__L8xXu",divider:"CommentInputNext_divider__LWp-3",metaShare:"CommentInputNext_metaShare__yJ8GZ",rootBare:"CommentInputNext_rootBare__lxyYY",fieldRow:"CommentInputNext_fieldRow__Rqcbr",leading:"CommentInputNext_leading__yDBbV",field:"CommentInputNext_field__OpnOp",fieldExpanded:"CommentInputNext_fieldExpanded__w1omA",fieldDisabled:"CommentInputNext_fieldDisabled__g3aIT",bareToolbar:"CommentInputNext_bareToolbar__nFQP-",fieldMain:"CommentInputNext_fieldMain__Rs8-Y",attachment:"CommentInputNext_attachment__2EDgL",input:"CommentInputNext_input__w6b1c",toolbar:"CommentInputNext_toolbar__Zs2OG",send:"CommentInputNext_send__p248I"};e(".CommentInputNext_root__5uxKl{overflow-clip-margin:12px;background:var(--palette-background-b-6);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;overflow:clip;position:relative}.CommentInputNext_dropOverlay__E5Riv{align-items:center;background:rgb(from var(--palette-primary-main) r g b/.1);border:1px dashed var(--palette-primary-main);border-radius:inherit;color:var(--palette-primary-main);display:flex;font-size:14px;inset:0;justify-content:center;line-height:20px;pointer-events:none;position:absolute;z-index:5}.CommentInputNext_inputPanel__4KOFc{--attachment-arrow-outset:12px;display:flex;flex-direction:column;gap:8px;padding:12px 12px 8px}.CommentInputNext_rootEmbedded__-LyQl{background:transparent;border-radius:0;overflow:visible}.CommentInputNext_toolbarRow__L8xXu{align-items:center;display:flex;justify-content:space-between;width:100%}.CommentInputNext_divider__LWp-3{background:var(--palette-background-b-4);height:1px}.CommentInputNext_metaShare__yJ8GZ{color:var(--palette-primary-text-6);display:flex;flex-direction:column;gap:8px;padding:8px 12px}.CommentInputNext_rootBare__lxyYY{display:flex;flex-direction:column;gap:8px;position:relative}.CommentInputNext_fieldRow__Rqcbr{align-items:flex-start;display:flex;gap:8px}.CommentInputNext_leading__yDBbV{flex-shrink:0}.CommentInputNext_field__OpnOp{--attachment-arrow-outset:8px;align-items:flex-end;background:rgb(from var(--palette-primary-text-1) r g b/.04);border:1px solid rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:8px;display:flex;flex:1 0 0;gap:8px;max-height:256px;min-height:36px;min-width:0;overflow:hidden;padding:6px 8px}.CommentInputNext_field__OpnOp:focus-within{border-color:var(--palette-primary-main)}.CommentInputNext_fieldExpanded__w1omA{max-height:none;overflow:visible}.CommentInputNext_fieldDisabled__g3aIT{opacity:.6}.CommentInputNext_bareToolbar__nFQP-{align-items:center;color:var(--palette-primary-text-6);display:flex;flex-shrink:0}.CommentInputNext_fieldMain__Rs8-Y{flex:1 0 0;min-width:0}.CommentInputNext_attachment__2EDgL,.CommentInputNext_fieldMain__Rs8-Y{display:flex;flex-direction:column;gap:8px}.CommentInputNext_input__w6b1c{background:transparent;border:none;color:var(--palette-primary-text-1);font:inherit;font-size:14px;line-height:20px;outline:none;resize:none;width:100%}.CommentInputNext_input__w6b1c::placeholder{color:var(--palette-primary-text-9)}.CommentInputNext_input__w6b1c:disabled{cursor:not-allowed}.CommentInputNext_toolbar__Zs2OG{align-items:center;color:var(--palette-primary-text-6);display:flex;gap:4px;margin-left:-4px}.CommentInputNext_send__p248I{flex-shrink:0}");export{t as default};
+import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={spacing:"8",root:"CommentInputNext_root__5uxKl",dropOverlay:"CommentInputNext_dropOverlay__E5Riv",inputPanel:"CommentInputNext_inputPanel__4KOFc",rootEmbedded:"CommentInputNext_rootEmbedded__-LyQl",toolbarRow:"CommentInputNext_toolbarRow__L8xXu",divider:"CommentInputNext_divider__LWp-3",metaShare:"CommentInputNext_metaShare__yJ8GZ",rootBare:"CommentInputNext_rootBare__lxyYY",fieldRow:"CommentInputNext_fieldRow__Rqcbr",leading:"CommentInputNext_leading__yDBbV",field:"CommentInputNext_field__OpnOp",fieldExpanded:"CommentInputNext_fieldExpanded__w1omA",fieldDisabled:"CommentInputNext_fieldDisabled__g3aIT",bareToolbar:"CommentInputNext_bareToolbar__nFQP-",fieldMain:"CommentInputNext_fieldMain__Rs8-Y",attachment:"CommentInputNext_attachment__2EDgL",input:"CommentInputNext_input__w6b1c",toolbar:"CommentInputNext_toolbar__Zs2OG",send:"CommentInputNext_send__p248I"};e(".CommentInputNext_root__5uxKl{background:var(--palette-background-b-6);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative}.CommentInputNext_dropOverlay__E5Riv{align-items:center;background:rgb(from var(--palette-primary-main) r g b/.1);border:1px dashed var(--palette-primary-main);border-radius:inherit;color:var(--palette-primary-main);display:flex;font-size:14px;inset:0;justify-content:center;line-height:20px;pointer-events:none;position:absolute;z-index:5}.CommentInputNext_inputPanel__4KOFc{display:flex;flex-direction:column;gap:8px;padding:12px 12px 8px}.CommentInputNext_rootEmbedded__-LyQl{background:transparent;border-radius:0;overflow:visible}.CommentInputNext_toolbarRow__L8xXu{align-items:center;display:flex;justify-content:space-between;width:100%}.CommentInputNext_divider__LWp-3{background:var(--palette-background-b-4);height:1px}.CommentInputNext_metaShare__yJ8GZ{color:var(--palette-primary-text-6);display:flex;flex-direction:column;gap:8px;padding:8px 12px}.CommentInputNext_rootBare__lxyYY{display:flex;flex-direction:column;gap:8px;position:relative}.CommentInputNext_fieldRow__Rqcbr{align-items:flex-start;display:flex;gap:8px}.CommentInputNext_leading__yDBbV{flex-shrink:0}.CommentInputNext_field__OpnOp{align-items:flex-end;background:rgb(from var(--palette-primary-text-1) r g b/.04);border:1px solid rgb(from var(--palette-primary-text-1) r g b/.04);border-radius:8px;display:flex;flex:1 0 0;gap:8px;max-height:256px;min-height:36px;min-width:0;overflow:hidden;padding:6px 8px}.CommentInputNext_field__OpnOp:focus-within{border-color:var(--palette-primary-main)}.CommentInputNext_fieldExpanded__w1omA{max-height:none;overflow:visible}.CommentInputNext_fieldDisabled__g3aIT{opacity:.6}.CommentInputNext_bareToolbar__nFQP-{align-items:center;color:var(--palette-primary-text-6);display:flex;flex-shrink:0}.CommentInputNext_fieldMain__Rs8-Y{flex:1 0 0;min-width:0}.CommentInputNext_attachment__2EDgL,.CommentInputNext_fieldMain__Rs8-Y{display:flex;flex-direction:column;gap:8px}.CommentInputNext_input__w6b1c{background:transparent;border:none;color:var(--palette-primary-text-1);font:inherit;font-size:14px;line-height:20px;outline:none;resize:none;width:100%}.CommentInputNext_input__w6b1c::placeholder{color:var(--palette-primary-text-9)}.CommentInputNext_input__w6b1c:disabled{cursor:not-allowed}.CommentInputNext_toolbar__Zs2OG{align-items:center;color:var(--palette-primary-text-6);display:flex;gap:4px;margin-left:-4px}.CommentInputNext_send__p248I{flex-shrink:0}");export{t as default};
 //# sourceMappingURL=CommentInputNext.scss.js.map

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentType, FC } from 'react';
 import type { AppCoordinates, ChatActions, DashboardAppLastAnnotation, DevCenterAppResource, DevCenterCurrentUser, DevCenterRouter, LayoutEnvironment, RegisterAITools, SetIsFullscreenModalMode, UpdateDashboardAppLastAnnotation } from './types';
 import type { FullscreenModes } from '../../../types';
-import type { AppDashboardMeta } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';
+import type { GlobalOffsetWell } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';
 /**
  * `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.
  * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,
@@ -26,7 +26,14 @@ export type DevCenterAppContainerProps = Partial<FullscreenModes> & {
     chatActions?: ChatActions | null;
     coordinates?: AppCoordinates | null;
     currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] | null;
-    dashboardMeta?: AppDashboardMeta;
+    dashboardMeta?: {
+        isMultiAsset?: boolean;
+        isMultiWell?: boolean;
+        isChiplessDashboard?: boolean;
+        globalOffsetWells?: GlobalOffsetWell[];
+        globalOffsetWellsVersion?: number;
+        globalOffsetWellsToken?: number;
+    };
     disableAppAssetSelection?: boolean;
     isActionsDisabled?: boolean;
     /**

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterAppContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA2B/C,OAAO,KAAK,EACV,cAAc,EAEd,WAAW,EACX,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EAEpB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,gCAAgC,EACjC,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AAiBnG;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG;IAClE,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,oBAAoB,CAAC;IAClC,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAC;IAEjC;;;;OAIG;IAEH,eAAe,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAE5C,cAAc,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,mCAAmC,CAAC,EAAE,0BAA0B,EAAE,GAAG,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,gBAAgB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,uCAAuC,CAAC,EAAE,gCAAgC,CAAC;CAC5E,CAAC;AAKF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkSzD,CAAC;eAEa,qBAAqB"}
+{"version":3,"file":"DevCenterAppContainer.d.ts","sourceRoot":"","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA2B/C,OAAO,KAAK,EACV,cAAc,EAEd,WAAW,EACX,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EAEpB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,wBAAwB,EACxB,gCAAgC,EACjC,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4DAA4D,CAAC;AAiBnG;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG;IAClE,GAAG,EAAE,oBAAoB,CAAC;IAC1B,WAAW,EAAE,oBAAoB,CAAC;IAClC,yEAAyE;IACzE,eAAe,EAAE,eAAe,CAAC;IAEjC;;;;OAIG;IAEH,eAAe,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAE5C,cAAc,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IACpC,mCAAmC,CAAC,EAAE,0BAA0B,EAAE,GAAG,IAAI,CAAC;IAC1E,aAAa,CAAC,EAAE;QACd,YAAY,CAAC,EAAE,OAAO,CAAC;QACvB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,mBAAmB,CAAC,EAAE,OAAO,CAAC;QAC9B,iBAAiB,CAAC,EAAE,gBAAgB,EAAE,CAAC;QACvC,wBAAwB,CAAC,EAAE,MAAM,CAAC;QAClC,sBAAsB,CAAC,EAAE,MAAM,CAAC;KACjC,CAAC;IACF,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,iBAAiB,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAC7C,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,KAAK,IAAI,CAAC;IACrD,gBAAgB,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAC;IACvC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACxD,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,wBAAwB,CAAC,EAAE,wBAAwB,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,uCAAuC,CAAC,EAAE,gCAAgC,CAAC;CAC5E,CAAC;AAKF,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CAkSzD,CAAC;eAEa,qBAAqB"}

package/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"sourcesContent":["import { useContext, useMemo, useState } from 'react';\nimport type { ComponentType, FC } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport {\n  useAnnotationsData,\n  useAnnotationsList,\n  useAppMaximized,\n  useAppSettings,\n  useDevCenterAppProps,\n} from './effects';\nimport { DcFullscreenElemsCoordinatorProvider } from './components/DcFullscreenElemsCoordinatorProvider';\nimport { DevCenterAppDialogs } from './components/DevCenterAppDialogs';\nimport DevCenterAppView from './components/DevCenterAppView';\nimport { LegacyAppActions } from './components/LegacyAppActions';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport {\n  APP_DATA_ASSET_KEYS,\n  HOME_PATH_PREFIX,\n  MOBILE_CLI_APP_GRID_WIDTH,\n  PAGE_NAME,\n} from './constants';\nimport type {\n  AppCoordinates,\n  AppDataEntry,\n  ChatActions,\n  DashboardAppLastAnnotation,\n  DevCenterAppResource,\n  DevCenterCurrentUser,\n  DevCenterMenuItem,\n  DevCenterRouter,\n  LayoutEnvironment,\n  RegisterAITools,\n  SetIsFullscreenModalMode,\n  UpdateDashboardAppLastAnnotation,\n} from './types';\nimport type { FullscreenModes } from '../../../types';\n// Relative on purpose: a `~/` alias does not resolve from the published `.d.ts`.\nimport type { AppDashboardMeta } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';\nimport { CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport {\n  getAppName,\n  getAppSegment,\n  getTimestampFromQuery,\n  isDCAppMultiRig,\n} from '~/utils/devcenter';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\n/**\n * `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.\n * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,\n * so dropping them silently disables both features — and nothing type-checks it, because every\n * member is optional on the provider.\n */\nexport type DevCenterAppContainerProps = Partial<FullscreenModes> & {\n  app: DevCenterAppResource;\n  currentUser: DevCenterCurrentUser;\n  /** Platform router. Not React Router — the DC shell supplies its own. */\n  devCenterRouter: DevCenterRouter;\n\n  /**\n   * Slots for the CLI app bundle's own components. `any` rather than a narrower prop type on\n   * purpose: this accepts arbitrary app components, and any narrowing would reject the concretely\n   * typed ones consumers pass.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppComponent?: ComponentType<any> | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppSettings?: ComponentType<any> | null;\n  /** Defaults to `app.id` when omitted. */\n  appId?: number;\n  className?: string | null;\n  chatActions?: ChatActions | null;\n  coordinates?: AppCoordinates | null;\n  currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] | null;\n  dashboardMeta?: AppDashboardMeta;\n  disableAppAssetSelection?: boolean;\n  isActionsDisabled?: boolean;\n  /**\n   * [REACT-18-MIGRATION-TAG] PLT-3099: the platform's isolation decision, passed only by the\n   * in-process branch of DevCenterIsolatedApp; iframe mounts leave it false.\n   */\n  isNonIsolatedApp?: boolean;\n  isSettingsDialogHidden?: boolean;\n  layoutEnvironment?: LayoutEnvironment | null;\n  onAppContainerClick?: () => void;\n  onAppRemove?: () => void;\n  onCloneDashboard?: () => void;\n  onHelpCenterClick?: () => void;\n  onIsMaximizedChange?: (isMaximized: boolean) => void;\n  onReportBugClick?: (() => void) | null;\n  onSettingChange?: (key: string, value: unknown) => void;\n  onSettingsChange?: (value: unknown) => void;\n  openIntercom?: () => void;\n  registerAITools?: RegisterAITools;\n  reloadApp?: () => void;\n  setIsFullscreenModalMode?: SetIsFullscreenModalMode;\n  timestamp?: number | null;\n  updateCurrentDashboardAppLastAnnotation?: UpdateDashboardAppLastAnnotation;\n};\n\nconst isHomePage = (router: DevCenterRouter) =>\n  !!router.location.pathname?.startsWith(HOME_PATH_PREFIX);\n\nconst DevCenterAppContainer: FC<DevCenterAppContainerProps> = ({\n  CLIAppComponent,\n  CLIAppSettings,\n  app,\n  appId,\n  className,\n  coordinates,\n  currentDashboardAppsLastAnnotations,\n  currentUser,\n  devCenterRouter,\n  disableAppAssetSelection,\n  isActionsDisabled,\n  isBrowserFullscreen,\n  enterBrowserFullscreen,\n  exitBrowserFullscreen,\n  isSeparateWindow,\n  openSeparateWindow,\n  closeSeparateWindow,\n  setSeparateWindowTitle,\n  isNonIsolatedApp = false,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppContainerClick = noop,\n  onAppRemove,\n  onReportBugClick,\n  onCloneDashboard,\n  onHelpCenterClick,\n  onIsMaximizedChange,\n  onSettingChange = noop,\n  onSettingsChange = noop,\n  openIntercom = noop,\n  registerAITools,\n  setIsFullscreenModalMode = noop,\n  timestamp,\n  updateCurrentDashboardAppLastAnnotation,\n  dashboardMeta,\n  reloadApp,\n  chatActions,\n}) => {\n  // `AppContext` is still JavaScript and calls `createContext()` with no argument, so it hands\n  // back `undefined`. Declared here rather than asserted; the real fix is a type argument on the\n  // context itself, which belongs to `DevCenter/AppContext`.\n  const appsData: Record<string, AppDataEntry> | undefined = useContext(AppContext);\n  const theme = useTheme();\n  const isMobileView = isNativeDetected || isMobileDetected;\n  const [mainMenuItems, setMainMenuItems] = useState<DevCenterMenuItem[]>([]);\n  const [secondaryMenuItems, setSecondaryMenuItems] = useState<DevCenterMenuItem[]>([]);\n  // `||`, not `??`: DevCenterEmbeddedApp uses 0 as its unset sentinel for appId.\n  const appDataKey = appId || app.id;\n  const appData: AppDataEntry = (appDataKey ? appsData?.[appDataKey] : undefined) ?? {\n    isLoading: true,\n  };\n  const application = app.package?.manifest?.application;\n  const segment = getAppSegment(app);\n  const isChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n  const isMultiRig = isDCAppMultiRig({\n    uiSettings: application?.ui,\n    isChiplessDashboard,\n  });\n  const isCommentsEnabled = !!application?.ui?.enable_comments;\n  const appName = getAppName(app);\n  const { isMaximized, setIsMaximized } = useAppMaximized({\n    onIsMaximizedChange,\n    devCenterRouter,\n    appId,\n  });\n\n  // Isolated apps are mounted without the router query the timestamp normally comes from,\n  // so the host passes it as a prop instead.\n  const appTimestamp = timestamp || getTimestampFromQuery(devCenterRouter.location.query?.query);\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n  // Memoised because the CLI-on-mobile branch builds a new object: unmemoised it would be a fresh\n  // reference on every render and would keep `useDevCenterAppProps` from ever holding its memo.\n  const updatedCoordinates = useMemo(\n    () =>\n      isCLIApp && isMobileView ? { ...coordinates, w: MOBILE_CLI_APP_GRID_WIDTH } : coordinates,\n    [isCLIApp, isMobileView, coordinates]\n  );\n  const version = getAppVersion(app);\n\n  const {\n    isLoading: isAppLoading,\n    AppSettings,\n    AppComponent,\n  } = useDevCenterApp({\n    CLIAppComponent,\n    CLIAppSettings,\n    app,\n    version,\n  });\n\n  const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n    setIsFullscreenModalMode,\n  });\n  const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n  const isLoading = !!(isAppLoading || !currentUser || (!isMultiRig && appData.isLoading));\n\n  const {\n    appLastAnnotation,\n    assetCompanyId,\n    assetIdForAnnotation,\n    isAppSupportsAnnotations: isAnnotationsSupported,\n  } = useAnnotationsData({\n    app,\n    appData,\n    currentDashboardAppsLastAnnotations,\n  });\n\n  const filteredAppData = useMemo(\n    () => pickBy(pick(appData, APP_DATA_ASSET_KEYS), Boolean),\n    [appData]\n  );\n\n  const simplifiedSecondaryMenuItems = useMemo(\n    () =>\n      secondaryMenuItems.map(item => ({\n        ...item,\n        onClick: () => {\n          item.onClick?.();\n          if (item.to) {\n            devCenterRouter.push(item.to);\n          }\n        },\n      })),\n    [secondaryMenuItems, devCenterRouter]\n  );\n\n  const isAppHeadersV3Enabled = !!application?.ui?.use_app_header_v3;\n  const isInsideHomePage = isHomePage(devCenterRouter);\n\n  const appProps = useDevCenterAppProps({\n    app,\n    appLastAnnotation,\n    appTimestamp,\n    chatActions,\n    coordinates: updatedCoordinates,\n    currentUser,\n    devCenterRouter,\n    filteredAppData,\n    isMaximized,\n    layoutEnvironment,\n    onSettingChange,\n    onSettingsChange,\n    registerAITools,\n    segment,\n    setIsFullscreenModalMode,\n    setIsMaximized,\n    setMainMenuItems,\n    setSecondaryMenuItems,\n    toggleAnnotationsList,\n    toggleAppSettingsDialog,\n    updateCurrentDashboardAppLastAnnotation,\n  });\n\n  // Called without the native event: this crosses an iframe boundary, where a DOM event\n  // cannot be serialised.\n  const handleAppContainerClick = () => onAppContainerClick();\n\n  // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n  return (\n    <DevCenterRouterContext.Provider value={devCenterRouter}>\n      <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n        <AppCommonsProvider\n          maximized={isMaximized}\n          setMaximized={setIsMaximized}\n          appId={app.app.id}\n          app={app}\n          appSettings={app.settings}\n          onSettingChange={onSettingChange}\n          onSettingsChange={onSettingsChange}\n          appHeadersV3Enabled={isAppHeadersV3Enabled}\n          isBrowserFullscreen={isBrowserFullscreen}\n          enterBrowserFullscreen={enterBrowserFullscreen}\n          exitBrowserFullscreen={exitBrowserFullscreen}\n          isSeparateWindow={isSeparateWindow}\n          openSeparateWindow={openSeparateWindow}\n          closeSeparateWindow={closeSeparateWindow}\n          setSeparateWindowTitle={setSeparateWindowTitle}\n          isNonIsolatedApp={isNonIsolatedApp}\n          disableAppAssetSelection={disableAppAssetSelection}\n          isMultiRig={isMultiRig}\n          currentUser={currentUser}\n          appData={appData}\n          layoutEnvironment={layoutEnvironment}\n          appSettingsComponent={AppSettings}\n          dashboardMeta={dashboardMeta}\n          toggleAnnotationsList={isAnnotationsSupported ? toggleAnnotationsList : undefined}\n          onHelpCenterClick={onHelpCenterClick}\n          secondaryMenuItems={simplifiedSecondaryMenuItems}\n          onAppRemove={onAppRemove}\n          isInsideNewMobileApp={isInsideNewMobileApp}\n          globalOffsetWells={dashboardMeta?.globalOffsetWells}\n          globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n          globalOffsetWellsToken={dashboardMeta?.globalOffsetWellsToken}\n          reloadApp={reloadApp}\n          {...filteredAppData}\n        >\n          <CommentsSwitchProvider>\n            <article\n              className={classNames(\n                'dc-app-container',\n                isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n                isInsideHomePage && 'dc-app-container--inside-home-page',\n                className,\n                // This class is applied so that DC apps developers can style their content\n                // when an app is in fullscreen\n                isMaximized && 'dc-app-container__maximized',\n                theme.isLightTheme && 'dc-app-container__light-theme',\n                styles.container\n              )}\n              data-testid={`${PAGE_NAME}_${appName}`}\n              onClick={handleAppContainerClick}\n            >\n              <ToastContainer />\n              <div className={styles.containerContent}>\n                <DevCenterAppView\n                  // DC apps keep per-asset state in mount-time hooks, so a new asset means a\n                  // new mount. React 18 batching collapses away the `isLoading` frame this used\n                  // to rely on whenever AppsDataProvider serves the asset from its cache.\n                  key={appData.appHash}\n                  AppComponent={AppComponent}\n                  app={app}\n                  appData={filteredAppData}\n                  availability={getAppAvailability(\n                    app.availability,\n                    currentUser.company.with_subscription\n                  )}\n                  isCLIApp={isCLIApp}\n                  isLoading={isLoading}\n                  isMultiRig={isMultiRig}\n                  layoutEnvironment={layoutEnvironment ?? null}\n                  openIntercom={openIntercom}\n                  segment={segment}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                  appProps={appProps}\n                />\n              </div>\n              <DevCenterAppDialogs\n                app={app}\n                appData={appData}\n                appName={appName}\n                appSettingsComponent={AppSettings}\n                assetCompanyId={assetCompanyId}\n                assetIdForAnnotation={assetIdForAnnotation}\n                currentUser={currentUser}\n                disableAppAssetSelection={disableAppAssetSelection}\n                isAnnotationsListOpened={isAnnotationsListOpened}\n                isAppSettingsDialogOpened={isAppSettingsDialogOpened}\n                isMultiRig={isMultiRig}\n                isSettingsDialogHidden={isSettingsDialogHidden}\n                layoutEnvironment={layoutEnvironment}\n                onAppRemove={onAppRemove}\n                onCloneDashboard={onCloneDashboard}\n                onSettingsChange={onSettingsChange}\n                openIntercom={openIntercom}\n                toggleAnnotationsList={toggleAnnotationsList}\n                toggleAppSettingsDialog={toggleAppSettingsDialog}\n              />\n              {isMaximized && !isAppHeadersV3Enabled && (\n                <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n              )}\n\n              {!isActionsDisabled && (!isAppHeadersV3Enabled || isLoading) && (\n                <LegacyAppActions\n                  app={app}\n                  currentUser={currentUser}\n                  devCenterRouter={devCenterRouter}\n                  isAnnotationsSupported={isAnnotationsSupported}\n                  isCLIApp={isCLIApp}\n                  isCommentsEnabled={isCommentsEnabled}\n                  isInsideNewMobileApp={isInsideNewMobileApp}\n                  isMaximized={isMaximized}\n                  isMobileView={isMobileView}\n                  mainMenuItems={mainMenuItems}\n                  secondaryMenuItems={secondaryMenuItems}\n                  onHelpCenterClick={onHelpCenterClick}\n                  onReportBugClick={onReportBugClick}\n                  setIsFullscreenModalMode={setIsFullscreenModalMode}\n                  setIsMaximized={setIsMaximized}\n                  toggleAnnotationsList={toggleAnnotationsList}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                />\n              )}\n            </article>\n          </CommentsSwitchProvider>\n        </AppCommonsProvider>\n      </DcFullscreenElemsCoordinatorProvider>\n    </DevCenterRouterContext.Provider>\n  );\n};\n\nexport default DevCenterAppContainer;\n"],"names":["DevCenterAppContainer","_ref","_ref2","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_application$ui2","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","_ref$isNonIsolatedApp","isNonIsolatedApp","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$openIntercom","openIntercom","registerAITools","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","reloadApp","chatActions","appsData","useContext","AppContext","theme","useTheme","isMobileView","isNativeDetected","isMobileDetected","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appDataKey","id","appData","undefined","isLoading","application","package","manifest","segment","getAppSegment","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","isCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","useMemo","_objectSpread","w","MOBILE_CLI_APP_GRID_WIDTH","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAnnotationsSupported","isAppSupportsAnnotations","filteredAppData","pickBy","pick","APP_DATA_ASSET_KEYS","Boolean","simplifiedSecondaryMenuItems","map","item","onClick","_item$onClick","call","to","push","isAppHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","HOME_PATH_PREFIX","appProps","useDevCenterAppProps","_jsx","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appHeadersV3Enabled","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","PAGE_NAME","ToastContainer","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appHash","DevCenterAppDialogs","RestoreAppSizeButton","LegacyAppActions"],"mappings":"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"}
+{"version":3,"file":"DevCenterAppContainer.js","sources":["../../../../src/components/DevCenter/DevCenterAppContainer/DevCenterAppContainer.tsx"],"sourcesContent":["import { useContext, useMemo, useState } from 'react';\nimport type { ComponentType, FC } from 'react';\nimport classNames from 'classnames';\nimport { noop, pick, pickBy } from 'lodash';\nimport { useTheme } from '@material-ui/core';\n\nimport AppContext from '../AppContext';\nimport { DevCenterRouterContext } from '../DevCenterRouterContext';\n\nimport {\n  useAnnotationsData,\n  useAnnotationsList,\n  useAppMaximized,\n  useAppSettings,\n  useDevCenterAppProps,\n} from './effects';\nimport { DcFullscreenElemsCoordinatorProvider } from './components/DcFullscreenElemsCoordinatorProvider';\nimport { DevCenterAppDialogs } from './components/DevCenterAppDialogs';\nimport DevCenterAppView from './components/DevCenterAppView';\nimport { LegacyAppActions } from './components/LegacyAppActions';\nimport RestoreAppSizeButton from './components/RestoreAppSizeButton';\nimport { getAppAvailability, getAppVersion } from './utils';\nimport {\n  APP_DATA_ASSET_KEYS,\n  HOME_PATH_PREFIX,\n  MOBILE_CLI_APP_GRID_WIDTH,\n  PAGE_NAME,\n} from './constants';\nimport type {\n  AppCoordinates,\n  AppDataEntry,\n  ChatActions,\n  DashboardAppLastAnnotation,\n  DevCenterAppResource,\n  DevCenterCurrentUser,\n  DevCenterMenuItem,\n  DevCenterRouter,\n  LayoutEnvironment,\n  RegisterAITools,\n  SetIsFullscreenModalMode,\n  UpdateDashboardAppLastAnnotation,\n} from './types';\nimport type { FullscreenModes } from '../../../types';\n// Relative on purpose: a `~/` alias does not resolve from the published `.d.ts`.\nimport type { GlobalOffsetWell } from '../../../componentsV2/AppCommonsProvider/AppCommonsContext';\nimport { CommentsSwitchProvider } from './components/CommentsSwitch';\n\nimport styles from './DevCenterAppContainer.scss';\n\nimport { isInsideNewMobileApp, isMobileDetected, isNativeDetected } from '~/utils/mobileDetect';\nimport { ToastContainer } from '~/components/Toaster';\nimport { useDevCenterApp } from '~/effects';\nimport { DEV_CENTER_CLI_APP_ID } from '~/constants';\nimport {\n  getAppName,\n  getAppSegment,\n  getTimestampFromQuery,\n  isDCAppMultiRig,\n} from '~/utils/devcenter';\nimport { AppCommonsProvider } from '~/componentsV2/AppCommonsProvider';\n\n/**\n * `Partial<FullscreenModes>` carries the seven browser-fullscreen and separate-window members.\n * `AppCommonsProvider` derives `isExpanded` from them and republishes them to the app bundle,\n * so dropping them silently disables both features — and nothing type-checks it, because every\n * member is optional on the provider.\n */\nexport type DevCenterAppContainerProps = Partial<FullscreenModes> & {\n  app: DevCenterAppResource;\n  currentUser: DevCenterCurrentUser;\n  /** Platform router. Not React Router — the DC shell supplies its own. */\n  devCenterRouter: DevCenterRouter;\n\n  /**\n   * Slots for the CLI app bundle's own components. `any` rather than a narrower prop type on\n   * purpose: this accepts arbitrary app components, and any narrowing would reject the concretely\n   * typed ones consumers pass.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppComponent?: ComponentType<any> | null;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- see the note above\n  CLIAppSettings?: ComponentType<any> | null;\n  /** Defaults to `app.id` when omitted. */\n  appId?: number;\n  className?: string | null;\n  chatActions?: ChatActions | null;\n  coordinates?: AppCoordinates | null;\n  currentDashboardAppsLastAnnotations?: DashboardAppLastAnnotation[] | null;\n  dashboardMeta?: {\n    isMultiAsset?: boolean;\n    isMultiWell?: boolean;\n    isChiplessDashboard?: boolean;\n    globalOffsetWells?: GlobalOffsetWell[];\n    globalOffsetWellsVersion?: number;\n    globalOffsetWellsToken?: number;\n  };\n  disableAppAssetSelection?: boolean;\n  isActionsDisabled?: boolean;\n  /**\n   * [REACT-18-MIGRATION-TAG] PLT-3099: the platform's isolation decision, passed only by the\n   * in-process branch of DevCenterIsolatedApp; iframe mounts leave it false.\n   */\n  isNonIsolatedApp?: boolean;\n  isSettingsDialogHidden?: boolean;\n  layoutEnvironment?: LayoutEnvironment | null;\n  onAppContainerClick?: () => void;\n  onAppRemove?: () => void;\n  onCloneDashboard?: () => void;\n  onHelpCenterClick?: () => void;\n  onIsMaximizedChange?: (isMaximized: boolean) => void;\n  onReportBugClick?: (() => void) | null;\n  onSettingChange?: (key: string, value: unknown) => void;\n  onSettingsChange?: (value: unknown) => void;\n  openIntercom?: () => void;\n  registerAITools?: RegisterAITools;\n  reloadApp?: () => void;\n  setIsFullscreenModalMode?: SetIsFullscreenModalMode;\n  timestamp?: number | null;\n  updateCurrentDashboardAppLastAnnotation?: UpdateDashboardAppLastAnnotation;\n};\n\nconst isHomePage = (router: DevCenterRouter) =>\n  !!router.location.pathname?.startsWith(HOME_PATH_PREFIX);\n\nconst DevCenterAppContainer: FC<DevCenterAppContainerProps> = ({\n  CLIAppComponent,\n  CLIAppSettings,\n  app,\n  appId,\n  className,\n  coordinates,\n  currentDashboardAppsLastAnnotations,\n  currentUser,\n  devCenterRouter,\n  disableAppAssetSelection,\n  isActionsDisabled,\n  isBrowserFullscreen,\n  enterBrowserFullscreen,\n  exitBrowserFullscreen,\n  isSeparateWindow,\n  openSeparateWindow,\n  closeSeparateWindow,\n  setSeparateWindowTitle,\n  isNonIsolatedApp = false,\n  isSettingsDialogHidden,\n  layoutEnvironment,\n  onAppContainerClick = noop,\n  onAppRemove,\n  onReportBugClick,\n  onCloneDashboard,\n  onHelpCenterClick,\n  onIsMaximizedChange,\n  onSettingChange = noop,\n  onSettingsChange = noop,\n  openIntercom = noop,\n  registerAITools,\n  setIsFullscreenModalMode = noop,\n  timestamp,\n  updateCurrentDashboardAppLastAnnotation,\n  dashboardMeta,\n  reloadApp,\n  chatActions,\n}) => {\n  // `AppContext` is still JavaScript and calls `createContext()` with no argument, so it hands\n  // back `undefined`. Declared here rather than asserted; the real fix is a type argument on the\n  // context itself, which belongs to `DevCenter/AppContext`.\n  const appsData: Record<string, AppDataEntry> | undefined = useContext(AppContext);\n  const theme = useTheme();\n  const isMobileView = isNativeDetected || isMobileDetected;\n  const [mainMenuItems, setMainMenuItems] = useState<DevCenterMenuItem[]>([]);\n  const [secondaryMenuItems, setSecondaryMenuItems] = useState<DevCenterMenuItem[]>([]);\n  // `||`, not `??`: DevCenterEmbeddedApp uses 0 as its unset sentinel for appId.\n  const appDataKey = appId || app.id;\n  const appData: AppDataEntry = (appDataKey ? appsData?.[appDataKey] : undefined) ?? {\n    isLoading: true,\n  };\n  const application = app.package?.manifest?.application;\n  const segment = getAppSegment(app);\n  const isChiplessDashboard = !!dashboardMeta?.isChiplessDashboard;\n  const isMultiRig = isDCAppMultiRig({\n    uiSettings: application?.ui,\n    isChiplessDashboard,\n  });\n  const isCommentsEnabled = !!application?.ui?.enable_comments;\n  const appName = getAppName(app);\n  const { isMaximized, setIsMaximized } = useAppMaximized({\n    onIsMaximizedChange,\n    devCenterRouter,\n    appId,\n  });\n\n  // Isolated apps are mounted without the router query the timestamp normally comes from,\n  // so the host passes it as a prop instead.\n  const appTimestamp = timestamp || getTimestampFromQuery(devCenterRouter.location.query?.query);\n  const isCLIApp = app.id === DEV_CENTER_CLI_APP_ID;\n  // Memoised because the CLI-on-mobile branch builds a new object: unmemoised it would be a fresh\n  // reference on every render and would keep `useDevCenterAppProps` from ever holding its memo.\n  const updatedCoordinates = useMemo(\n    () =>\n      isCLIApp && isMobileView ? { ...coordinates, w: MOBILE_CLI_APP_GRID_WIDTH } : coordinates,\n    [isCLIApp, isMobileView, coordinates]\n  );\n  const version = getAppVersion(app);\n\n  const {\n    isLoading: isAppLoading,\n    AppSettings,\n    AppComponent,\n  } = useDevCenterApp({\n    CLIAppComponent,\n    CLIAppSettings,\n    app,\n    version,\n  });\n\n  const { isAppSettingsDialogOpened, toggleAppSettingsDialog } = useAppSettings({\n    setIsFullscreenModalMode,\n  });\n  const { isAnnotationsListOpened, toggleAnnotationsList } = useAnnotationsList();\n\n  const isLoading = !!(isAppLoading || !currentUser || (!isMultiRig && appData.isLoading));\n\n  const {\n    appLastAnnotation,\n    assetCompanyId,\n    assetIdForAnnotation,\n    isAppSupportsAnnotations: isAnnotationsSupported,\n  } = useAnnotationsData({\n    app,\n    appData,\n    currentDashboardAppsLastAnnotations,\n  });\n\n  const filteredAppData = useMemo(\n    () => pickBy(pick(appData, APP_DATA_ASSET_KEYS), Boolean),\n    [appData]\n  );\n\n  const simplifiedSecondaryMenuItems = useMemo(\n    () =>\n      secondaryMenuItems.map(item => ({\n        ...item,\n        onClick: () => {\n          item.onClick?.();\n          if (item.to) {\n            devCenterRouter.push(item.to);\n          }\n        },\n      })),\n    [secondaryMenuItems, devCenterRouter]\n  );\n\n  const isAppHeadersV3Enabled = !!application?.ui?.use_app_header_v3;\n  const isInsideHomePage = isHomePage(devCenterRouter);\n\n  const appProps = useDevCenterAppProps({\n    app,\n    appLastAnnotation,\n    appTimestamp,\n    chatActions,\n    coordinates: updatedCoordinates,\n    currentUser,\n    devCenterRouter,\n    filteredAppData,\n    isMaximized,\n    layoutEnvironment,\n    onSettingChange,\n    onSettingsChange,\n    registerAITools,\n    segment,\n    setIsFullscreenModalMode,\n    setIsMaximized,\n    setMainMenuItems,\n    setSecondaryMenuItems,\n    toggleAnnotationsList,\n    toggleAppSettingsDialog,\n    updateCurrentDashboardAppLastAnnotation,\n  });\n\n  // Called without the native event: this crosses an iframe boundary, where a DOM event\n  // cannot be serialised.\n  const handleAppContainerClick = () => onAppContainerClick();\n\n  // ⚠️⚠️⚠️ When adding/changing providers, also add them to/change /src/testing/AppTestWrapper\n  return (\n    <DevCenterRouterContext.Provider value={devCenterRouter}>\n      <DcFullscreenElemsCoordinatorProvider setIsFullscreenModalMode={setIsFullscreenModalMode}>\n        <AppCommonsProvider\n          maximized={isMaximized}\n          setMaximized={setIsMaximized}\n          appId={app.app.id}\n          app={app}\n          appSettings={app.settings}\n          onSettingChange={onSettingChange}\n          onSettingsChange={onSettingsChange}\n          appHeadersV3Enabled={isAppHeadersV3Enabled}\n          isBrowserFullscreen={isBrowserFullscreen}\n          enterBrowserFullscreen={enterBrowserFullscreen}\n          exitBrowserFullscreen={exitBrowserFullscreen}\n          isSeparateWindow={isSeparateWindow}\n          openSeparateWindow={openSeparateWindow}\n          closeSeparateWindow={closeSeparateWindow}\n          setSeparateWindowTitle={setSeparateWindowTitle}\n          isNonIsolatedApp={isNonIsolatedApp}\n          disableAppAssetSelection={disableAppAssetSelection}\n          isMultiRig={isMultiRig}\n          currentUser={currentUser}\n          appData={appData}\n          layoutEnvironment={layoutEnvironment}\n          appSettingsComponent={AppSettings}\n          dashboardMeta={dashboardMeta}\n          toggleAnnotationsList={isAnnotationsSupported ? toggleAnnotationsList : undefined}\n          onHelpCenterClick={onHelpCenterClick}\n          secondaryMenuItems={simplifiedSecondaryMenuItems}\n          onAppRemove={onAppRemove}\n          isInsideNewMobileApp={isInsideNewMobileApp}\n          globalOffsetWells={dashboardMeta?.globalOffsetWells}\n          globalOffsetWellsVersion={dashboardMeta?.globalOffsetWellsVersion}\n          globalOffsetWellsToken={dashboardMeta?.globalOffsetWellsToken}\n          reloadApp={reloadApp}\n          {...filteredAppData}\n        >\n          <CommentsSwitchProvider>\n            <article\n              className={classNames(\n                'dc-app-container',\n                isInsideNewMobileApp && 'dc-app-container--inside-new-mobile-app',\n                isInsideHomePage && 'dc-app-container--inside-home-page',\n                className,\n                // This class is applied so that DC apps developers can style their content\n                // when an app is in fullscreen\n                isMaximized && 'dc-app-container__maximized',\n                theme.isLightTheme && 'dc-app-container__light-theme',\n                styles.container\n              )}\n              data-testid={`${PAGE_NAME}_${appName}`}\n              onClick={handleAppContainerClick}\n            >\n              <ToastContainer />\n              <div className={styles.containerContent}>\n                <DevCenterAppView\n                  // DC apps keep per-asset state in mount-time hooks, so a new asset means a\n                  // new mount. React 18 batching collapses away the `isLoading` frame this used\n                  // to rely on whenever AppsDataProvider serves the asset from its cache.\n                  key={appData.appHash}\n                  AppComponent={AppComponent}\n                  app={app}\n                  appData={filteredAppData}\n                  availability={getAppAvailability(\n                    app.availability,\n                    currentUser.company.with_subscription\n                  )}\n                  isCLIApp={isCLIApp}\n                  isLoading={isLoading}\n                  isMultiRig={isMultiRig}\n                  layoutEnvironment={layoutEnvironment ?? null}\n                  openIntercom={openIntercom}\n                  segment={segment}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                  appProps={appProps}\n                />\n              </div>\n              <DevCenterAppDialogs\n                app={app}\n                appData={appData}\n                appName={appName}\n                appSettingsComponent={AppSettings}\n                assetCompanyId={assetCompanyId}\n                assetIdForAnnotation={assetIdForAnnotation}\n                currentUser={currentUser}\n                disableAppAssetSelection={disableAppAssetSelection}\n                isAnnotationsListOpened={isAnnotationsListOpened}\n                isAppSettingsDialogOpened={isAppSettingsDialogOpened}\n                isMultiRig={isMultiRig}\n                isSettingsDialogHidden={isSettingsDialogHidden}\n                layoutEnvironment={layoutEnvironment}\n                onAppRemove={onAppRemove}\n                onCloneDashboard={onCloneDashboard}\n                onSettingsChange={onSettingsChange}\n                openIntercom={openIntercom}\n                toggleAnnotationsList={toggleAnnotationsList}\n                toggleAppSettingsDialog={toggleAppSettingsDialog}\n              />\n              {isMaximized && !isAppHeadersV3Enabled && (\n                <RestoreAppSizeButton setIsMaximized={setIsMaximized} />\n              )}\n\n              {!isActionsDisabled && (!isAppHeadersV3Enabled || isLoading) && (\n                <LegacyAppActions\n                  app={app}\n                  currentUser={currentUser}\n                  devCenterRouter={devCenterRouter}\n                  isAnnotationsSupported={isAnnotationsSupported}\n                  isCLIApp={isCLIApp}\n                  isCommentsEnabled={isCommentsEnabled}\n                  isInsideNewMobileApp={isInsideNewMobileApp}\n                  isMaximized={isMaximized}\n                  isMobileView={isMobileView}\n                  mainMenuItems={mainMenuItems}\n                  secondaryMenuItems={secondaryMenuItems}\n                  onHelpCenterClick={onHelpCenterClick}\n                  onReportBugClick={onReportBugClick}\n                  setIsFullscreenModalMode={setIsFullscreenModalMode}\n                  setIsMaximized={setIsMaximized}\n                  toggleAnnotationsList={toggleAnnotationsList}\n                  toggleAppSettingsDialog={toggleAppSettingsDialog}\n                />\n              )}\n            </article>\n          </CommentsSwitchProvider>\n        </AppCommonsProvider>\n      </DcFullscreenElemsCoordinatorProvider>\n    </DevCenterRouterContext.Provider>\n  );\n};\n\nexport default DevCenterAppContainer;\n"],"names":["DevCenterAppContainer","_ref","_ref2","_app$package","_app$package$manifest","_application$ui","_devCenterRouter$loca","_application$ui2","_router$location$path","CLIAppComponent","CLIAppSettings","app","appId","className","coordinates","currentDashboardAppsLastAnnotations","currentUser","devCenterRouter","disableAppAssetSelection","isActionsDisabled","isBrowserFullscreen","enterBrowserFullscreen","exitBrowserFullscreen","isSeparateWindow","openSeparateWindow","closeSeparateWindow","setSeparateWindowTitle","_ref$isNonIsolatedApp","isNonIsolatedApp","isSettingsDialogHidden","layoutEnvironment","_ref$onAppContainerCl","onAppContainerClick","noop","onAppRemove","onReportBugClick","onCloneDashboard","onHelpCenterClick","onIsMaximizedChange","_ref$onSettingChange","onSettingChange","_ref$onSettingsChange","onSettingsChange","_ref$openIntercom","openIntercom","registerAITools","_ref$setIsFullscreenM","setIsFullscreenModalMode","timestamp","updateCurrentDashboardAppLastAnnotation","dashboardMeta","reloadApp","chatActions","appsData","useContext","AppContext","theme","useTheme","isMobileView","isNativeDetected","isMobileDetected","useState","_useState2","_slicedToArray","_useState","mainMenuItems","setMainMenuItems","_useState4","_useState3","secondaryMenuItems","setSecondaryMenuItems","appDataKey","id","appData","undefined","isLoading","application","package","manifest","segment","getAppSegment","isChiplessDashboard","isMultiRig","isDCAppMultiRig","uiSettings","ui","isCommentsEnabled","enable_comments","appName","getAppName","_useAppMaximized","useAppMaximized","isMaximized","setIsMaximized","appTimestamp","getTimestampFromQuery","location","query","isCLIApp","DEV_CENTER_CLI_APP_ID","updatedCoordinates","useMemo","_objectSpread","w","MOBILE_CLI_APP_GRID_WIDTH","version","getAppVersion","_useDevCenterApp","useDevCenterApp","isAppLoading","AppSettings","AppComponent","_useAppSettings","useAppSettings","isAppSettingsDialogOpened","toggleAppSettingsDialog","_useAnnotationsList","useAnnotationsList","isAnnotationsListOpened","toggleAnnotationsList","_useAnnotationsData","useAnnotationsData","appLastAnnotation","assetCompanyId","assetIdForAnnotation","isAnnotationsSupported","isAppSupportsAnnotations","filteredAppData","pickBy","pick","APP_DATA_ASSET_KEYS","Boolean","simplifiedSecondaryMenuItems","map","item","onClick","_item$onClick","call","to","push","isAppHeadersV3Enabled","use_app_header_v3","isInsideHomePage","pathname","startsWith","HOME_PATH_PREFIX","appProps","useDevCenterAppProps","_jsx","DevCenterRouterContext","Provider","value","children","DcFullscreenElemsCoordinatorProvider","AppCommonsProvider","maximized","setMaximized","appSettings","settings","appHeadersV3Enabled","appSettingsComponent","isInsideNewMobileApp","globalOffsetWells","globalOffsetWellsVersion","globalOffsetWellsToken","CommentsSwitchProvider","_jsxs","classNames","isLightTheme","styles","container","PAGE_NAME","ToastContainer","containerContent","DevCenterAppView","availability","getAppAvailability","company","with_subscription","appHash","DevCenterAppDialogs","RestoreAppSizeButton","LegacyAppActions"],"mappings":"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"}

package/components/FeedCard/FeedCard.scss.js

@@ -1,2 +1,2 @@
-import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var o={spacing:"8",root:"FeedCard_root__3hrMo"};r(".FeedCard_root__3hrMo{overflow-clip-margin:12px;backdrop-filter:blur(2px);background:rgb(from var(--palette-background-b-6) r g b/.9);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;overflow:clip}");export{o as default};
+import r from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={spacing:"8",root:"FeedCard_root__3hrMo"};r(".FeedCard_root__3hrMo{backdrop-filter:blur(2px);background:rgb(from var(--palette-background-b-6) r g b/.9);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}");export{e as default};
 //# sourceMappingURL=FeedCard.scss.js.map

package/componentsV2/AppCommonsProvider/AppCommonsContext.d.ts

@@ -4,24 +4,6 @@ export type GlobalOffsetWell = {
     id: number;
     [key: string]: unknown;
 };
-/** Host-owned planning scope. Presence identifies a Well Planning dashboard. */
-export type WellPlanningDashboardMeta = {
-    assetId: number | null;
-    dashboardId: string;
-    defaultDashboardKind?: string;
-    segment: string | null;
-};
-export type AppDashboardMeta = {
-    /** The host owns app identity and maximization controls. */
-    isEmbedded?: boolean;
-    isMultiAsset?: boolean;
-    isMultiWell?: boolean;
-    isChiplessDashboard?: boolean;
-    globalOffsetWells?: GlobalOffsetWell[];
-    globalOffsetWellsVersion?: number;
-    globalOffsetWellsToken?: number;
-    wellPlanning?: WellPlanningDashboardMeta;
-};
 export type AppCommonsContextType = {
     maximized: boolean;
     appId: number;
@@ -36,7 +18,12 @@ export type AppCommonsContextType = {
     fracFleet?: FracFleet;
     interventionUnit?: InterventionUnit;
     wells?: Well[];
-    dashboardMeta?: AppDashboardMeta;
+    dashboardMeta?: {
+        isMultiAsset?: boolean;
+        isMultiWell?: boolean;
+        isChiplessDashboard?: boolean;
+        globalOffsetWellsToken?: number;
+    };
     appHeadersV3Enabled?: boolean;
     isNonIsolatedApp?: boolean;
     disableAppAssetSelection?: boolean;