{"version":3,"sources":["webpack:///../node_modules/@uds/reactive-knowledge/node_modules/react-transition-group/esm/config.js","webpack:///../node_modules/@uds/reactive-knowledge/node_modules/react-transition-group/esm/TransitionGroupContext.js","webpack:///../node_modules/@uds/reactive-knowledge/node_modules/react-transition-group/esm/Transition.js","webpack:///../node_modules/@uds/reactive-knowledge/node_modules/react-transition-group/esm/utils/reflow.js","webpack:///../node_modules/@uds/reactive-knowledge/dist/es/ReactiveKnowledge-01c1c20a.js"],"names":["createContext","_React$Component","Transition","props","context","_this","call","this","initialStatus","appear","isMounting","enter","appearStatus","in","unmountOnExit","mountOnEnter","state","status","nextCallback","getDerivedStateFromProps","_ref","prevState","_proto","prototype","componentDidMount","updateStatus","componentDidUpdate","prevProps","nextStatus","componentWillUnmount","cancelNextCallback","getTimeouts","exit","timeout","undefined","mounting","node","nodeRef","current","findDOMNode","scrollTop","forceReflow","performEnter","performExit","setState","_this2","appearing","_ref2","maybeNode","maybeAppearing","timeouts","enterTimeout","config","safeSetState","onEntered","onEnter","onEntering","onTransitionEnd","_this3","onExit","onExiting","onExited","cancel","nextState","callback","setNextCallback","_this4","active","event","handler","doesNotHaveTimeoutOrListener","addEndListener","_ref3","maybeNextCallback","setTimeout","render","_this$props","children","childProps","createElement","TransitionGroupContext","Provider","value","cloneElement","Children","only","Component","noop","contextType","propTypes","defaultProps","UNMOUNTED","EXITED","ENTERING","ENTERED","EXITING","useExpire$1","expire","PureKnowledge","type","SMIRK","message","Knowledge","onExpire","rest","nowRef","performance","now","delay","id","durationOut","diff","handle","clearTimeout","Queue","knowledge","durationOutRelaxed","durationIn","compact","durationOutPending","hasPending","isMinSm","expirePending","expireRelaxed","styles","base","opacity","marginBottom","transform","entering","transitionProperty","transitionDuration","transitionDelay","transitionTimingFunction","entered","exiting","exited","unmounted","useStylesheet","expired","style","displayName","Queue$1","classNames","list","length","DesktopManager","queue","timings","smirkQueue","filter","item","erkQueue","ERK","hasSmirkPending","hasErkPending","smirk","erk","className","DesktopManager$1","MobileManager","MobileManager$1","MediaContextProvider","Media","breakpoints","xs","sm","ReactiveKnowledge","reactiveQueue","useQueue","onReactiveExpire","finalQueue","finalOnExpire","at","greaterThanOrEqual"],"mappings":"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","file":"pex-static/34/77.4e400b1e259500dd3b7a.chunk.js","sourcesContent":["export default {\n disabled: false\n};","import React from 'react';\nexport default React.createContext(null);","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _inheritsLoose from \"@babel/runtime/helpers/esm/inheritsLoose\";\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport config from './config';\nimport { timeoutsShape } from './utils/PropTypes';\nimport TransitionGroupContext from './TransitionGroupContext';\nimport { forceReflow } from './utils/reflow';\nexport var UNMOUNTED = 'unmounted';\nexport var EXITED = 'exited';\nexport var ENTERING = 'entering';\nexport var ENTERED = 'entered';\nexport var EXITING = 'exiting';\n/**\n * The Transition component lets you describe a transition from one component\n * state to another _over time_ with a simple declarative API. Most commonly\n * it's used to animate the mounting and unmounting of a component, but can also\n * be used to describe in-place transition states as well.\n *\n * ---\n *\n * **Note**: `Transition` is a platform-agnostic base component. If you're using\n * transitions in CSS, you'll probably want to use\n * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)\n * instead. It inherits all the features of `Transition`, but contains\n * additional features necessary to play nice with CSS transitions (hence the\n * name of the component).\n *\n * ---\n *\n * By default the `Transition` component does not alter the behavior of the\n * component it renders, it only tracks \"enter\" and \"exit\" states for the\n * components. It's up to you to give meaning and effect to those states. For\n * example we can add styles to a component when it enters or exits:\n *\n * ```jsx\n * import { Transition } from 'react-transition-group';\n *\n * const duration = 300;\n *\n * const defaultStyle = {\n * transition: `opacity ${duration}ms ease-in-out`,\n * opacity: 0,\n * }\n *\n * const transitionStyles = {\n * entering: { opacity: 1 },\n * entered: { opacity: 1 },\n * exiting: { opacity: 0 },\n * exited: { opacity: 0 },\n * };\n *\n * const Fade = ({ in: inProp }) => (\n * \n * {state => (\n *
\n * I'm a fade Transition!\n *
\n * )}\n *
\n * );\n * ```\n *\n * There are 4 main states a Transition can be in:\n * - `'entering'`\n * - `'entered'`\n * - `'exiting'`\n * - `'exited'`\n *\n * Transition state is toggled via the `in` prop. When `true` the component\n * begins the \"Enter\" stage. During this stage, the component will shift from\n * its current transition state, to `'entering'` for the duration of the\n * transition and then to the `'entered'` stage once it's complete. Let's take\n * the following example (we'll use the\n * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):\n *\n * ```jsx\n * function App() {\n * const [inProp, setInProp] = useState(false);\n * return (\n *
\n * \n * {state => (\n * // ...\n * )}\n * \n * \n *
\n * );\n * }\n * ```\n *\n * When the button is clicked the component will shift to the `'entering'` state\n * and stay there for 500ms (the value of `timeout`) before it finally switches\n * to `'entered'`.\n *\n * When `in` is `false` the same thing happens except the state moves from\n * `'exiting'` to `'exited'`.\n */\n\nvar Transition = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(Transition, _React$Component);\n\n function Transition(props, context) {\n var _this;\n\n _this = _React$Component.call(this, props, context) || this;\n var parentGroup = context; // In the context of a TransitionGroup all enters are really appears\n\n var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;\n var initialStatus;\n _this.appearStatus = null;\n\n if (props.in) {\n if (appear) {\n initialStatus = EXITED;\n _this.appearStatus = ENTERING;\n } else {\n initialStatus = ENTERED;\n }\n } else {\n if (props.unmountOnExit || props.mountOnEnter) {\n initialStatus = UNMOUNTED;\n } else {\n initialStatus = EXITED;\n }\n }\n\n _this.state = {\n status: initialStatus\n };\n _this.nextCallback = null;\n return _this;\n }\n\n Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {\n var nextIn = _ref.in;\n\n if (nextIn && prevState.status === UNMOUNTED) {\n return {\n status: EXITED\n };\n }\n\n return null;\n } // getSnapshotBeforeUpdate(prevProps) {\n // let nextStatus = null\n // if (prevProps !== this.props) {\n // const { status } = this.state\n // if (this.props.in) {\n // if (status !== ENTERING && status !== ENTERED) {\n // nextStatus = ENTERING\n // }\n // } else {\n // if (status === ENTERING || status === ENTERED) {\n // nextStatus = EXITING\n // }\n // }\n // }\n // return { nextStatus }\n // }\n ;\n\n var _proto = Transition.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.updateStatus(true, this.appearStatus);\n };\n\n _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n var nextStatus = null;\n\n if (prevProps !== this.props) {\n var status = this.state.status;\n\n if (this.props.in) {\n if (status !== ENTERING && status !== ENTERED) {\n nextStatus = ENTERING;\n }\n } else {\n if (status === ENTERING || status === ENTERED) {\n nextStatus = EXITING;\n }\n }\n }\n\n this.updateStatus(false, nextStatus);\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.cancelNextCallback();\n };\n\n _proto.getTimeouts = function getTimeouts() {\n var timeout = this.props.timeout;\n var exit, enter, appear;\n exit = enter = appear = timeout;\n\n if (timeout != null && typeof timeout !== 'number') {\n exit = timeout.exit;\n enter = timeout.enter; // TODO: remove fallback for next major\n\n appear = timeout.appear !== undefined ? timeout.appear : enter;\n }\n\n return {\n exit: exit,\n enter: enter,\n appear: appear\n };\n };\n\n _proto.updateStatus = function updateStatus(mounting, nextStatus) {\n if (mounting === void 0) {\n mounting = false;\n }\n\n if (nextStatus !== null) {\n // nextStatus will always be ENTERING or EXITING.\n this.cancelNextCallback();\n\n if (nextStatus === ENTERING) {\n if (this.props.unmountOnExit || this.props.mountOnEnter) {\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749\n // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.\n // To make the animation happen, we have to separate each rendering and avoid being processed as batched.\n\n if (node) forceReflow(node);\n }\n\n this.performEnter(mounting);\n } else {\n this.performExit();\n }\n } else if (this.props.unmountOnExit && this.state.status === EXITED) {\n this.setState({\n status: UNMOUNTED\n });\n }\n };\n\n _proto.performEnter = function performEnter(mounting) {\n var _this2 = this;\n\n var enter = this.props.enter;\n var appearing = this.context ? this.context.isMounting : mounting;\n\n var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM.findDOMNode(this), appearing],\n maybeNode = _ref2[0],\n maybeAppearing = _ref2[1];\n\n var timeouts = this.getTimeouts();\n var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED\n // if we are mounting and running this it means appear _must_ be set\n\n if (!mounting && !enter || config.disabled) {\n this.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode);\n });\n return;\n }\n\n this.props.onEnter(maybeNode, maybeAppearing);\n this.safeSetState({\n status: ENTERING\n }, function () {\n _this2.props.onEntering(maybeNode, maybeAppearing);\n\n _this2.onTransitionEnd(enterTimeout, function () {\n _this2.safeSetState({\n status: ENTERED\n }, function () {\n _this2.props.onEntered(maybeNode, maybeAppearing);\n });\n });\n });\n };\n\n _proto.performExit = function performExit() {\n var _this3 = this;\n\n var exit = this.props.exit;\n var timeouts = this.getTimeouts();\n var maybeNode = this.props.nodeRef ? undefined : ReactDOM.findDOMNode(this); // no exit animation skip right to EXITED\n\n if (!exit || config.disabled) {\n this.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n return;\n }\n\n this.props.onExit(maybeNode);\n this.safeSetState({\n status: EXITING\n }, function () {\n _this3.props.onExiting(maybeNode);\n\n _this3.onTransitionEnd(timeouts.exit, function () {\n _this3.safeSetState({\n status: EXITED\n }, function () {\n _this3.props.onExited(maybeNode);\n });\n });\n });\n };\n\n _proto.cancelNextCallback = function cancelNextCallback() {\n if (this.nextCallback !== null) {\n this.nextCallback.cancel();\n this.nextCallback = null;\n }\n };\n\n _proto.safeSetState = function safeSetState(nextState, callback) {\n // This shouldn't be necessary, but there are weird race conditions with\n // setState callbacks and unmounting in testing, so always make sure that\n // we can cancel any pending setState callbacks after we unmount.\n callback = this.setNextCallback(callback);\n this.setState(nextState, callback);\n };\n\n _proto.setNextCallback = function setNextCallback(callback) {\n var _this4 = this;\n\n var active = true;\n\n this.nextCallback = function (event) {\n if (active) {\n active = false;\n _this4.nextCallback = null;\n callback(event);\n }\n };\n\n this.nextCallback.cancel = function () {\n active = false;\n };\n\n return this.nextCallback;\n };\n\n _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {\n this.setNextCallback(handler);\n var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM.findDOMNode(this);\n var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;\n\n if (!node || doesNotHaveTimeoutOrListener) {\n setTimeout(this.nextCallback, 0);\n return;\n }\n\n if (this.props.addEndListener) {\n var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],\n maybeNode = _ref3[0],\n maybeNextCallback = _ref3[1];\n\n this.props.addEndListener(maybeNode, maybeNextCallback);\n }\n\n if (timeout != null) {\n setTimeout(this.nextCallback, timeout);\n }\n };\n\n _proto.render = function render() {\n var status = this.state.status;\n\n if (status === UNMOUNTED) {\n return null;\n }\n\n var _this$props = this.props,\n children = _this$props.children,\n _in = _this$props.in,\n _mountOnEnter = _this$props.mountOnEnter,\n _unmountOnExit = _this$props.unmountOnExit,\n _appear = _this$props.appear,\n _enter = _this$props.enter,\n _exit = _this$props.exit,\n _timeout = _this$props.timeout,\n _addEndListener = _this$props.addEndListener,\n _onEnter = _this$props.onEnter,\n _onEntering = _this$props.onEntering,\n _onEntered = _this$props.onEntered,\n _onExit = _this$props.onExit,\n _onExiting = _this$props.onExiting,\n _onExited = _this$props.onExited,\n _nodeRef = _this$props.nodeRef,\n childProps = _objectWithoutPropertiesLoose(_this$props, [\"children\", \"in\", \"mountOnEnter\", \"unmountOnExit\", \"appear\", \"enter\", \"exit\", \"timeout\", \"addEndListener\", \"onEnter\", \"onEntering\", \"onEntered\", \"onExit\", \"onExiting\", \"onExited\", \"nodeRef\"]);\n\n return (\n /*#__PURE__*/\n // allows for nested Transitions\n React.createElement(TransitionGroupContext.Provider, {\n value: null\n }, typeof children === 'function' ? children(status, childProps) : React.cloneElement(React.Children.only(children), childProps))\n );\n };\n\n return Transition;\n}(React.Component);\n\nTransition.contextType = TransitionGroupContext;\nTransition.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * A React reference to DOM element that need to transition:\n * https://stackoverflow.com/a/51127130/4671932\n *\n * - When `nodeRef` prop is used, `node` is not passed to callback functions\n * (e.g. `onEnter`) because user already has direct access to the node.\n * - When changing `key` prop of `Transition` in a `TransitionGroup` a new\n * `nodeRef` need to be provided to `Transition` with changed `key` prop\n * (see\n * [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).\n */\n nodeRef: PropTypes.shape({\n current: typeof Element === 'undefined' ? PropTypes.any : function (propValue, key, componentName, location, propFullName, secret) {\n var value = propValue[key];\n return PropTypes.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);\n }\n }),\n\n /**\n * A `function` child can be used instead of a React element. This function is\n * called with the current transition status (`'entering'`, `'entered'`,\n * `'exiting'`, `'exited'`), which can be used to apply context\n * specific props to a component.\n *\n * ```jsx\n * \n * {state => (\n * \n * )}\n * \n * ```\n */\n children: PropTypes.oneOfType([PropTypes.func.isRequired, PropTypes.element.isRequired]).isRequired,\n\n /**\n * Show the component; triggers the enter or exit states\n */\n in: PropTypes.bool,\n\n /**\n * By default the child component is mounted immediately along with\n * the parent `Transition` component. If you want to \"lazy mount\" the component on the\n * first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay\n * mounted, even on \"exited\", unless you also specify `unmountOnExit`.\n */\n mountOnEnter: PropTypes.bool,\n\n /**\n * By default the child component stays mounted after it reaches the `'exited'` state.\n * Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.\n */\n unmountOnExit: PropTypes.bool,\n\n /**\n * By default the child component does not perform the enter transition when\n * it first mounts, regardless of the value of `in`. If you want this\n * behavior, set both `appear` and `in` to `true`.\n *\n * > **Note**: there are no special appear states like `appearing`/`appeared`, this prop\n * > only adds an additional enter transition. However, in the\n * > `` component that first enter transition does result in\n * > additional `.appear-*` classes, that way you can choose to style it\n * > differently.\n */\n appear: PropTypes.bool,\n\n /**\n * Enable or disable enter transitions.\n */\n enter: PropTypes.bool,\n\n /**\n * Enable or disable exit transitions.\n */\n exit: PropTypes.bool,\n\n /**\n * The duration of the transition, in milliseconds.\n * Required unless `addEndListener` is provided.\n *\n * You may specify a single timeout for all transitions:\n *\n * ```jsx\n * timeout={500}\n * ```\n *\n * or individually:\n *\n * ```jsx\n * timeout={{\n * appear: 500,\n * enter: 300,\n * exit: 500,\n * }}\n * ```\n *\n * - `appear` defaults to the value of `enter`\n * - `enter` defaults to `0`\n * - `exit` defaults to `0`\n *\n * @type {number | { enter?: number, exit?: number, appear?: number }}\n */\n timeout: function timeout(props) {\n var pt = timeoutsShape;\n if (!props.addEndListener) pt = pt.isRequired;\n\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return pt.apply(void 0, [props].concat(args));\n },\n\n /**\n * Add a custom transition end trigger. Called with the transitioning\n * DOM node and a `done` callback. Allows for more fine grained transition end\n * logic. Timeouts are still used as a fallback if provided.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * ```jsx\n * addEndListener={(node, done) => {\n * // use the css transitionend event to mark the finish of a transition\n * node.addEventListener('transitionend', done, false);\n * }}\n * ```\n */\n addEndListener: PropTypes.func,\n\n /**\n * Callback fired before the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEnter: PropTypes.func,\n\n /**\n * Callback fired after the \"entering\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool)\n */\n onEntering: PropTypes.func,\n\n /**\n * Callback fired after the \"entered\" status is applied. An extra parameter\n * `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement, isAppearing: bool) -> void\n */\n onEntered: PropTypes.func,\n\n /**\n * Callback fired before the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExit: PropTypes.func,\n\n /**\n * Callback fired after the \"exiting\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed.\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExiting: PropTypes.func,\n\n /**\n * Callback fired after the \"exited\" status is applied.\n *\n * **Note**: when `nodeRef` prop is passed, `node` is not passed\n *\n * @type Function(node: HtmlElement) -> void\n */\n onExited: PropTypes.func\n} : {}; // Name the function so it is clearer in the documentation\n\nfunction noop() {}\n\nTransition.defaultProps = {\n in: false,\n mountOnEnter: false,\n unmountOnExit: false,\n appear: false,\n enter: true,\n exit: true,\n onEnter: noop,\n onEntering: noop,\n onEntered: noop,\n onExit: noop,\n onExiting: noop,\n onExited: noop\n};\nTransition.UNMOUNTED = UNMOUNTED;\nTransition.EXITED = EXITED;\nTransition.ENTERING = ENTERING;\nTransition.ENTERED = ENTERED;\nTransition.EXITING = EXITING;\nexport default Transition;","export var forceReflow = function forceReflow(node) {\n return node.scrollTop;\n};","import { createMedia } from '@artsy/fresnel';\nimport { breakpoints } from '@uds/theme-utils';\nimport { Transition } from 'react-transition-group';\nimport { useRef, useEffect } from 'react';\nimport { u as useContext, K as KnowledgeType, S as Smirk, E as Erk, D as DURATION_IN, a as DURATION_OUT_RELAXED, b as DURATION_OUT_PENDING, c as EXPIRE_PENDING, d as EXPIRE_RELAXED } from './index-7279b5af.js';\nimport { jsx, jsxs } from 'react/jsx-runtime';\nimport './reactiveknowledge.stylesheet_1bs59bs.css';\nimport '@uds/typography';\nimport 'linaria';\nimport './erk.stylesheet_12x39tw.css';\nimport './action.stylesheet_mlnsdp.css';\nimport './smirk.stylesheet_1g3izz6.css';\nimport 'shortid';\n\nconst useExpire = () => useContext().expire;\nvar useExpire$1 = useExpire;\n\nconst PureKnowledge = props => {\n const isSmirk = props.type === KnowledgeType.SMIRK;\n if (isSmirk) {\n return /*#__PURE__*/jsx(Smirk, {\n ...props,\n children: props.message\n });\n }\n return /*#__PURE__*/jsx(Erk, {\n ...props,\n children: props.message\n });\n};\nconst ConnectedKnowledge = _ref => {\n let {\n onExpire,\n ...rest\n } = _ref;\n const nowRef = useRef(performance.now());\n const {\n expire: delay,\n id = '',\n durationOut\n } = rest;\n useEffect(() => {\n // we don't want to reset the timer every time anything changes\n // so we need to track how much time was left the last time we called setTimeout...\n const now = performance.now();\n const diff = now - nowRef.current;\n nowRef.current = now;\n const handle = setTimeout(() => {\n onExpire(id, durationOut);\n }, delay - diff);\n return () => clearTimeout(handle);\n }, [delay, onExpire, id, durationOut]);\n return /*#__PURE__*/jsx(PureKnowledge, {\n ...rest\n });\n};\nvar Knowledge = ConnectedKnowledge;\n\nvar useStylesheet = (_ref => {\n let {\n durationIn,\n durationOut,\n isMinSm\n } = _ref;\n return {\n styles: {\n base: {\n opacity: 0,\n marginBottom: isMinSm ? 30 : 0,\n transform: 'translateY(30px)'\n },\n entering: {\n transitionProperty: 'transform, opacity',\n transitionDuration: `${durationIn}ms, ${durationIn}ms`,\n transitionDelay: '0s, 0s',\n transitionTimingFunction: 'ease-in-out, ease-in-out',\n opacity: 1,\n transform: 'translateY(0px)'\n },\n entered: {\n transitionProperty: 'transform, opacity',\n transitionDuration: `${durationIn}ms, ${durationIn}ms`,\n transitionTimingFunction: 'ease-in-out, ease-in-out',\n transitionDelay: `${durationOut}ms, ${durationOut}ms`,\n opacity: 1,\n transform: 'translateY(0px)'\n },\n exiting: {\n transitionProperty: 'opacity',\n transitionTimingFunction: 'ease-in-out',\n transitionDuration: `${durationOut}ms`,\n transitionDelay: '0ms',\n opacity: 0,\n transform: 'translateY(0px)'\n },\n exited: {},\n unmounted: {}\n }\n };\n});\n\nconst Queue = _ref => {\n let {\n knowledge,\n durationOutRelaxed,\n durationIn,\n compact,\n durationOutPending,\n onExpire,\n hasPending,\n isMinSm = false,\n expirePending,\n expireRelaxed\n } = _ref;\n const expire = hasPending ? expirePending : expireRelaxed;\n const durationOut = hasPending ? durationOutPending : durationOutRelaxed;\n const {\n styles\n } = useStylesheet({\n durationIn,\n durationOut,\n isMinSm\n });\n return /*#__PURE__*/jsx(Transition, {\n in: knowledge != null && !(knowledge !== null && knowledge !== void 0 && knowledge.expired),\n timeout: {\n appear: durationIn,\n exit: durationOut\n },\n children: state => /*#__PURE__*/jsx(\"div\", {\n style: {\n ...styles.base,\n ...styles[state]\n },\n children: /*#__PURE__*/jsx(\"div\", {\n children: /*#__PURE__*/jsx(Knowledge, {\n compact: compact,\n onExpire: onExpire,\n durationOut: durationOut,\n expire: expire,\n ...knowledge\n })\n }, knowledge === null || knowledge === void 0 ? void 0 : knowledge.id)\n })\n }, \"transitionQueue\");\n};\nQueue.displayName = 'Queue';\nvar Queue$1 = Queue;\n\nconst rkWrapper = \"r1qyyrcx\";\nconst smirkWrapper = \"s10um0xn\";\nconst erkWrapper = \"edyhc2i\";\nconst classNames = {\n rkWrapper,\n smirkWrapper,\n erkWrapper\n};\n\nconst hasPending = list => list.length > 1;\nconst DesktopManager = _ref => {\n let {\n queue,\n timings,\n onExpire\n } = _ref;\n const smirkQueue = queue.filter(item => item.type === KnowledgeType.SMIRK);\n const erkQueue = queue.filter(item => item.type === KnowledgeType.ERK);\n const hasSmirkPending = hasPending(smirkQueue);\n const hasErkPending = hasPending(erkQueue);\n const smirk = smirkQueue[0];\n const erk = erkQueue[0];\n return /*#__PURE__*/jsxs(\"div\", {\n children: [/*#__PURE__*/jsx(\"div\", {\n className: classNames.smirkWrapper,\n children: /*#__PURE__*/jsx(Queue$1, {\n isMinSm: true,\n compact: true,\n knowledge: smirk,\n hasPending: hasSmirkPending,\n onExpire: onExpire,\n ...timings\n })\n }), /*#__PURE__*/jsx(\"div\", {\n className: classNames.erkWrapper,\n children: /*#__PURE__*/jsx(Queue$1, {\n isMinSm: true,\n compact: true,\n knowledge: erk,\n hasPending: hasErkPending,\n onExpire: onExpire,\n ...timings\n })\n })]\n });\n};\nDesktopManager.displayName = 'DesktopManager';\nvar DesktopManager$1 = DesktopManager;\n\nconst MobileManager = _ref => {\n let {\n timings,\n ...rest\n } = _ref;\n const hasPending = rest.queue.length > 1;\n const knowledge = rest.queue[0];\n return /*#__PURE__*/jsx(\"div\", {\n className: classNames.rkWrapper,\n children: /*#__PURE__*/jsx(Queue$1, {\n compact: false,\n ...rest,\n ...timings,\n hasPending: hasPending,\n knowledge: knowledge\n })\n });\n};\nMobileManager.displayName = 'MobileManager';\nvar MobileManager$1 = MobileManager;\n\nconst useQueue = () => useContext().queue;\n\nconst timings = {\n durationIn: DURATION_IN,\n durationOutRelaxed: DURATION_OUT_RELAXED,\n durationOutPending: DURATION_OUT_PENDING,\n expirePending: EXPIRE_PENDING,\n expireRelaxed: EXPIRE_RELAXED\n};\nconst {\n MediaContextProvider,\n Media\n} = createMedia({\n breakpoints: {\n xs: breakpoints.xs,\n sm: breakpoints.sm\n }\n});\nconst ReactiveKnowledge = _ref => {\n let {\n queue,\n onExpire\n } = _ref;\n const reactiveQueue = useQueue();\n const onReactiveExpire = useExpire$1();\n const finalQueue = queue != null ? queue : reactiveQueue;\n const finalOnExpire = onExpire != null ? onExpire : onReactiveExpire;\n return (\n /*#__PURE__*/\n // @ts-ignore: error after upgrading to react 18\n jsxs(MediaContextProvider, {\n children: [/*#__PURE__*/jsx(Media, {\n at: \"xs\",\n children: /*#__PURE__*/jsx(MobileManager$1, {\n queue: finalQueue,\n timings: timings,\n onExpire: finalOnExpire\n })\n }), /*#__PURE__*/jsx(Media, {\n greaterThanOrEqual: \"sm\",\n children: /*#__PURE__*/jsx(DesktopManager$1, {\n queue: finalQueue,\n timings: timings,\n onExpire: finalOnExpire\n })\n })]\n })\n );\n};\nReactiveKnowledge.displayName = 'ReactiveKnowledge';\n\nexport { ReactiveKnowledge as default, timings };\n"],"sourceRoot":""}