component');\n\n\treturn value;\n};\n\nexport default useFilterState;\n","import { ContextProvider } from './ContextProvider';\nimport type { WithContextProps } from './types';\n\nconst withContext = >(\n\tComponent: React.ComponentType
,\n\tcontextProps: WithContextProps\n): React.FC
=> {\n\tconst WrappedComponent: React.FC
= (props) => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t};\n\n\treturn WrappedComponent;\n};\n\nexport default withContext;\n","import { useContext } from 'react';\nimport { Context } from './ContextProvider';\nimport type { ContextProps } from './types';\nimport invariant from 'invariant';\n\nconst useTAMContext = (): ContextProps => {\n\tconst value = useContext(Context);\n\n\tinvariant(value, 'useTAMContext must be used inside TAM component');\n\n\treturn value;\n};\n\nexport default useTAMContext;\n","import { useContext } from 'react';\nimport invariant from 'invariant';\n\nimport { DataStateContext } from '../context';\nimport type { DataStateManager } from './types';\n\nconst useDataState = (): DataStateManager => {\n\tconst state = useContext(DataStateContext);\n\n\tinvariant(state, 'useDataState must be used inside DataStateProvider');\n\n\treturn state;\n};\n\nexport default useDataState;\n","import { useCallback } from 'react';\n\nimport { useTicketMutator } from '@eventespresso/edtr-services';\nimport { useMutateTicket } from '@eventespresso/tpc';\n\nimport type { DataState } from './types';\n\ntype UseSubmitForm = (dataState: DataState) => () => Promise;\n\nconst useSubmitForm: UseSubmitForm = ({ deletedTickets, tickets }) => {\n\tconst mutateTicket = useMutateTicket(true);\n\tconst { deleteEntity: deleteTicket } = useTicketMutator();\n\n\treturn useCallback(async () => {\n\t\tawait Promise.all(Object.values(tickets).map(mutateTicket));\n\n\t\tif (deletedTickets.length) {\n\t\t\tawait Promise.all(deletedTickets.map((id) => deleteTicket({ id, deletePermanently: true })));\n\t\t}\n\t}, [deleteTicket, deletedTickets, mutateTicket, tickets]);\n};\n\nexport default useSubmitForm;\n","export default function _isNativeReflectConstruct() {\n if (typeof Reflect === \"undefined\" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === \"function\") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}","import { useMemo } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { useDatetimes } from '@eventespresso/edtr-services';\nimport { SelectWithLabel } from '@eventespresso/ui-components';\nimport { getMonthsListFromDatetimes } from '../../utils';\nimport type { FilterStateManager } from '../filterState';\n\ntype DatesByMonthControlProps = Pick;\n\nconst DatesByMonthControl: React.FC = ({ datesByMonth, setDatesByMonth }) => {\n\tconst datetimes = useDatetimes();\n\tconst monthsList = getMonthsListFromDatetimes(datetimes);\n\n\t// e.g. \"2020:4\" for May 2020\n\tconst yearMonth = datesByMonth.join(':');\n\n\t// Add all dates option at the top, \"0:0\" to match the \"year:month\" format\n\tconst monthsListWithAllDates = useMemo(\n\t\t() => [{ value: '0:0', label: __('All Dates') }, ...monthsList],\n\t\t[monthsList]\n\t);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default DatesByMonthControl;\n","import { __ } from '@eventespresso/i18n';\n\nimport { SwitchWithLabel } from '@eventespresso/ui-components';\nimport type { FilterStateManager } from '../filterState';\n\ntype ShowExpiredTicketsControlProps = Pick;\n\nconst ShowExpiredTicketsControl: React.FC = ({\n\tshowExpiredTickets,\n\tsetShowExpiredTickets,\n}) => {\n\treturn (\n\t\t\n\t);\n};\n\nexport default ShowExpiredTicketsControl;\n","import { __ } from '@eventespresso/i18n';\n\nimport { SwitchWithLabel } from '@eventespresso/ui-components';\nimport { FilterStateManager } from '../filterState';\n\ntype ShowTrashedDatesControlProps = Pick;\n\nconst ShowTrashedDatesControl: React.FC = ({ showTrashedDates, setShowTrashedDates }) => {\n\treturn (\n\t\t\n\t);\n};\n\nexport default ShowTrashedDatesControl;\n","import { __ } from '@eventespresso/i18n';\n\nimport { SwitchWithLabel } from '@eventespresso/ui-components';\nimport type { FilterStateManager } from '../filterState';\n\ntype ShowTrashedTicketsControlProps = Pick;\n\nconst ShowTrashedTicketsControl: React.FC = ({\n\tshowTrashedTickets,\n\tsetShowTrashedTickets,\n}) => {\n\treturn (\n\t\t\n\t);\n};\n\nexport default ShowTrashedTicketsControl;\n","import {\n\tDatesByMonthControl,\n\tShowExpiredTicketsControl,\n\tShowTrashedDatesControl,\n\tShowTrashedTicketsControl,\n} from './controls';\nimport { useTAMContext } from '../context';\nimport { useFilterState } from '../filters';\n\nconst FilterBar: React.FC = () => {\n\tconst { assignmentType } = useTAMContext();\n\tconst {\n\t\tdatesByMonth,\n\t\tsetDatesByMonth,\n\t\tsetShowExpiredTickets,\n\t\tsetShowTrashedDates,\n\t\tsetShowTrashedTickets,\n\t\tshowExpiredTickets,\n\t\tshowTrashedDates,\n\t\tshowTrashedTickets,\n\t} = useFilterState();\n\n\treturn (\n\t\t\n\t\t\t{assignmentType !== 'forDate' && (\n\t\t\t\t// useless when TAM is for single date\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t{assignmentType !== 'forTicket' && (\n\t\t\t\t// useless when TAM is for single ticket\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t
\n\t);\n};\n\nexport default FilterBar;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","import { useCallback } from 'react';\nimport * as R from 'ramda';\n\nimport { uuid } from '@eventespresso/utils';\n\nimport { DataStateReducer, StateInitializer, DataState, DefaultTicket } from './types';\n\nexport const initialState: DataState = {\n\tdeletedTickets: [],\n\ttickets: {},\n\tisDirty: false,\n};\n\nconst useDataStateReducer = (initializer: StateInitializer): DataStateReducer => {\n\treturn useCallback(\n\t\t(state, action) => {\n\t\t\tconst { id, ticket, type } = action;\n\t\t\tlet ticketId: string, newState: DataState, existingTicket: DefaultTicket;\n\n\t\t\tswitch (type) {\n\t\t\t\tcase 'ADD_TICKET':\n\t\t\t\tcase 'UPDATE_TICKET':\n\t\t\t\t\t// use id to update and uuid to add new\n\t\t\t\t\tticketId = id || uuid();\n\t\t\t\t\texistingTicket = R.path(['tickets', ticketId], state);\n\t\t\t\t\t// we need to make the id inside ticket and in tickets object same\n\t\t\t\t\tnewState = R.assocPath(\n\t\t\t\t\t\t['tickets', ticketId],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...existingTicket,\n\t\t\t\t\t\t\t...ticket,\n\t\t\t\t\t\t\tid: ticketId,\n\t\t\t\t\t\t\tisModified: Boolean(id),\n\t\t\t\t\t\t\tisDefault: true,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tstate\n\t\t\t\t\t);\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase 'DELETE_TICKET':\n\t\t\t\t\tnewState = {\n\t\t\t\t\t\t...state,\n\t\t\t\t\t\ttickets: R.omit([id], state.tickets),\n\t\t\t\t\t};\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase 'ADD_TICKET_TO_DELETED':\n\t\t\t\t\tif (state.deletedTickets.includes(id)) {\n\t\t\t\t\t\tnewState = state;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnewState = {\n\t\t\t\t\t\t\t...state,\n\t\t\t\t\t\t\tdeletedTickets: [...state.deletedTickets, id],\n\t\t\t\t\t\t};\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\n\t\t\t\tcase 'RESET':\n\t\t\t\t\treturn initializer(initialState);\n\t\t\t\tdefault:\n\t\t\t\t\tthrow new Error('Unexpected action');\n\t\t\t}\n\n\t\t\treturn { ...newState, isDirty: true };\n\t\t},\n\t\t[initializer]\n\t);\n};\n\nexport default useDataStateReducer;\n","import { useCallback, useMemo, useReducer } from 'react';\n\nimport type { DataStateManager, DataStateManagerHook } from './types';\nimport useDataReducer, { initialState } from './useDataStateReducer';\nimport useInitialState from './useInitialState';\n\ntype DSM = DataStateManager;\n\nconst useDataStateManager: DataStateManagerHook = () => {\n\tconst initializer = useInitialState();\n\tconst dataReducer = useDataReducer(initializer);\n\tconst [state, dispatch] = useReducer(dataReducer, initialState, initializer);\n\n\tconst getData: DSM['getData'] = useCallback(() => state, [state]);\n\n\tconst addTicket: DSM['addTicket'] = useCallback((ticket) => {\n\t\tdispatch({\n\t\t\ttype: 'ADD_TICKET',\n\t\t\tticket,\n\t\t});\n\t}, []);\n\n\tconst updateTicket: DSM['updateTicket'] = useCallback((id, ticket) => {\n\t\tdispatch({\n\t\t\ttype: 'UPDATE_TICKET',\n\t\t\tid,\n\t\t\tticket,\n\t\t});\n\t}, []);\n\n\tconst deleteTicket: DSM['deleteTicket'] = useCallback((id, isNew) => {\n\t\tif (!isNew) {\n\t\t\tdispatch({\n\t\t\t\ttype: 'ADD_TICKET_TO_DELETED',\n\t\t\t\tid,\n\t\t\t});\n\t\t}\n\t\tdispatch({\n\t\t\ttype: 'DELETE_TICKET',\n\t\t\tid,\n\t\t});\n\t}, []);\n\n\tconst reset: DSM['reset'] = useCallback(() => {\n\t\tdispatch({ type: 'RESET' });\n\t}, []);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...state,\n\t\t\taddTicket,\n\t\t\tdeleteTicket,\n\t\t\tgetData,\n\t\t\tupdateTicket,\n\t\t\treset,\n\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[state]\n\t);\n};\n\nexport default useDataStateManager;\n","import { FilterStateReducer } from './types';\n\nconst reducer: FilterStateReducer = (state, action) => {\n\tconst { type, datesByMonth, showTrashedDates, showExpiredTickets, showTrashedTickets } = action;\n\n\tswitch (type) {\n\t\tcase 'SET_DATES_BY_MONTH':\n\t\t\treturn { ...state, datesByMonth };\n\n\t\tcase 'SET_SHOW_TRASHED_DATES':\n\t\t\treturn { ...state, showTrashedDates };\n\n\t\tcase 'SET_SHOW_EXPIRED_TICKETS':\n\t\t\treturn { ...state, showExpiredTickets };\n\n\t\tcase 'SET_SHOW_TRASHED_TICKETS':\n\t\t\treturn { ...state, showTrashedTickets };\n\n\t\tdefault:\n\t\t\tthrow new Error('Unexpected action');\n\t}\n};\n\nexport default reducer;\n","import { useCallback, useMemo, useReducer } from 'react';\n\nimport { FilterState, FilterStateManager, FilterStateManagerHook } from './types';\nimport reducer from './reducer';\n\ntype FSM = FilterStateManager;\n\nconst initialState: FilterState = {\n\tdatesByMonth: [0, 0],\n\tshowExpiredTickets: false,\n\tshowTrashedDates: false,\n\tshowTrashedTickets: false,\n};\n\nconst useFilterStateManager: FilterStateManagerHook = () => {\n\tconst [state, dispatch] = useReducer(reducer, initialState);\n\n\tconst setDatesByMonth: FSM['setDatesByMonth'] = useCallback((datesByMonth) => {\n\t\tconst [year, month] = datesByMonth.split(':').map(Number);\n\n\t\tdispatch({\n\t\t\ttype: 'SET_DATES_BY_MONTH',\n\t\t\tdatesByMonth: [year, month],\n\t\t});\n\t}, []);\n\n\tconst setShowExpiredTickets: FSM['setShowExpiredTickets'] = useCallback((showExpiredTickets) => {\n\t\tdispatch({\n\t\t\ttype: 'SET_SHOW_EXPIRED_TICKETS',\n\t\t\tshowExpiredTickets,\n\t\t});\n\t}, []);\n\n\tconst setShowTrashedDates: FSM['setShowTrashedDates'] = useCallback((showTrashedDates) => {\n\t\tdispatch({\n\t\t\ttype: 'SET_SHOW_TRASHED_DATES',\n\t\t\tshowTrashedDates,\n\t\t});\n\t}, []);\n\n\tconst setShowTrashedTickets: FSM['setShowTrashedTickets'] = useCallback((showTrashedTickets) => {\n\t\tdispatch({\n\t\t\ttype: 'SET_SHOW_TRASHED_TICKETS',\n\t\t\tshowTrashedTickets,\n\t\t});\n\t}, []);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...state,\n\t\t\tsetDatesByMonth,\n\t\t\tsetShowExpiredTickets,\n\t\t\tsetShowTrashedDates,\n\t\t\tsetShowTrashedTickets,\n\t\t}),\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t\t[state]\n\t);\n};\n\nexport default useFilterStateManager;\n","export default function requiredArgs(required, args) {\n if (args.length < required) {\n throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n }\n}","/**\n * Checks if `value` is classified as an `Array` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array, else `false`.\n * @example\n *\n * _.isArray([1, 2, 3]);\n * // => true\n *\n * _.isArray(document.body.children);\n * // => false\n *\n * _.isArray('abc');\n * // => false\n *\n * _.isArray(_.noop);\n * // => false\n */\nvar isArray = Array.isArray;\n\nmodule.exports = isArray;\n","(function() { module.exports = window[\"eventespresso\"][\"formBuilder\"]; }());","/**\n * Based on Kendo UI Core expression code \n */\n'use strict'\n\nfunction Cache(maxSize) {\n this._maxSize = maxSize\n this.clear()\n}\nCache.prototype.clear = function () {\n this._size = 0\n this._values = Object.create(null)\n}\nCache.prototype.get = function (key) {\n return this._values[key]\n}\nCache.prototype.set = function (key, value) {\n this._size >= this._maxSize && this.clear()\n if (!(key in this._values)) this._size++\n\n return (this._values[key] = value)\n}\n\nvar SPLIT_REGEX = /[^.^\\]^[]+|(?=\\[\\]|\\.\\.)/g,\n DIGIT_REGEX = /^\\d+$/,\n LEAD_DIGIT_REGEX = /^\\d/,\n SPEC_CHAR_REGEX = /[~`!#$%\\^&*+=\\-\\[\\]\\\\';,/{}|\\\\\":<>\\?]/g,\n CLEAN_QUOTES_REGEX = /^\\s*(['\"]?)(.*?)(\\1)\\s*$/,\n MAX_CACHE_SIZE = 512\n\nvar pathCache = new Cache(MAX_CACHE_SIZE),\n setCache = new Cache(MAX_CACHE_SIZE),\n getCache = new Cache(MAX_CACHE_SIZE)\n\nvar config\n\nmodule.exports = {\n Cache: Cache,\n\n split: split,\n\n normalizePath: normalizePath,\n\n setter: function (path) {\n var parts = normalizePath(path)\n\n return (\n setCache.get(path) ||\n setCache.set(path, function setter(obj, value) {\n var index = 0\n var len = parts.length\n var data = obj\n\n while (index < len - 1) {\n var part = parts[index]\n if (\n part === '__proto__' ||\n part === 'constructor' ||\n part === 'prototype'\n ) {\n return obj\n }\n\n data = data[parts[index++]]\n }\n data[parts[index]] = value\n })\n )\n },\n\n getter: function (path, safe) {\n var parts = normalizePath(path)\n return (\n getCache.get(path) ||\n getCache.set(path, function getter(data) {\n var index = 0,\n len = parts.length\n while (index < len) {\n if (data != null || !safe) data = data[parts[index++]]\n else return\n }\n return data\n })\n )\n },\n\n join: function (segments) {\n return segments.reduce(function (path, part) {\n return (\n path +\n (isQuoted(part) || DIGIT_REGEX.test(part)\n ? '[' + part + ']'\n : (path ? '.' : '') + part)\n )\n }, '')\n },\n\n forEach: function (path, cb, thisArg) {\n forEach(Array.isArray(path) ? path : split(path), cb, thisArg)\n },\n}\n\nfunction normalizePath(path) {\n return (\n pathCache.get(path) ||\n pathCache.set(\n path,\n split(path).map(function (part) {\n return part.replace(CLEAN_QUOTES_REGEX, '$2')\n })\n )\n )\n}\n\nfunction split(path) {\n return path.match(SPLIT_REGEX)\n}\n\nfunction forEach(parts, iter, thisArg) {\n var len = parts.length,\n part,\n idx,\n isArray,\n isBracket\n\n for (idx = 0; idx < len; idx++) {\n part = parts[idx]\n\n if (part) {\n if (shouldBeQuoted(part)) {\n part = '\"' + part + '\"'\n }\n\n isBracket = isQuoted(part)\n isArray = !isBracket && /^\\d+$/.test(part)\n\n iter.call(thisArg, part, isBracket, isArray, idx, parts)\n }\n }\n}\n\nfunction isQuoted(str) {\n return (\n typeof str === 'string' && str && [\"'\", '\"'].indexOf(str.charAt(0)) !== -1\n )\n}\n\nfunction hasLeadingNumber(part) {\n return part.match(LEAD_DIGIT_REGEX) && !part.match(DIGIT_REGEX)\n}\n\nfunction hasSpecialChars(part) {\n return SPEC_CHAR_REGEX.test(part)\n}\n\nfunction shouldBeQuoted(part) {\n return !isQuoted(part) && (hasLeadingNumber(part) || hasSpecialChars(part))\n}\n","function toVal(mix) {\n\tvar k, y, str='';\n\n\tif (typeof mix === 'string' || typeof mix === 'number') {\n\t\tstr += mix;\n\t} else if (typeof mix === 'object') {\n\t\tif (Array.isArray(mix)) {\n\t\t\tfor (k=0; k < mix.length; k++) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tif (y = toVal(mix[k])) {\n\t\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\t\tstr += y;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tfor (k in mix) {\n\t\t\t\tif (mix[k]) {\n\t\t\t\t\tstr && (str += ' ');\n\t\t\t\t\tstr += k;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn str;\n}\n\nexport default function () {\n\tvar i=0, tmp, x, str='';\n\twhile (i < arguments.length) {\n\t\tif (tmp = arguments[i++]) {\n\t\t\tif (x = toVal(tmp)) {\n\t\t\t\tstr && (str += ' ');\n\t\t\t\tstr += x\n\t\t\t}\n\t\t}\n\t}\n\treturn str;\n}\n","import { isValidElement } from 'react';\n\nimport { Id } from '../types';\n\nexport function isNum(v: any): v is Number {\n return typeof v === 'number' && !isNaN(v);\n}\n\nexport function isBool(v: any): v is Boolean {\n return typeof v === 'boolean';\n}\n\nexport function isStr(v: any): v is String {\n return typeof v === 'string';\n}\n\nexport function isFn(v: any): v is Function {\n return typeof v === 'function';\n}\n\nexport function parseClassName(v: any) {\n return isStr(v) || isFn(v) ? v : null;\n}\n\nexport function isToastIdValid(toastId?: Id) {\n return toastId === 0 || toastId;\n}\n\nexport function getAutoCloseDelay(\n toastAutoClose?: false | number,\n containerAutoClose?: false | number\n) {\n return toastAutoClose === false ||\n (isNum(toastAutoClose) && toastAutoClose > 0)\n ? toastAutoClose\n : containerAutoClose;\n}\n\nexport const canUseDom = !!(\n typeof window !== 'undefined' &&\n window.document &&\n window.document.createElement\n);\n\nexport function canBeRendered(content: T): boolean {\n return (\n isValidElement(content) || isStr(content) || isFn(content) || isNum(content)\n );\n}\n","import { ToastPosition, TypeOptions } from '../types';\n\ntype KeyOfPosition =\n | 'TOP_LEFT'\n | 'TOP_RIGHT'\n | 'TOP_CENTER'\n | 'BOTTOM_LEFT'\n | 'BOTTOM_RIGHT'\n | 'BOTTOM_CENTER';\n\ntype KeyOfType = 'INFO' | 'SUCCESS' | 'WARNING' | 'ERROR' | 'DEFAULT';\n\nexport const POSITION: { [key in KeyOfPosition]: ToastPosition } = {\n TOP_LEFT: 'top-left',\n TOP_RIGHT: 'top-right',\n TOP_CENTER: 'top-center',\n BOTTOM_LEFT: 'bottom-left',\n BOTTOM_RIGHT: 'bottom-right',\n BOTTOM_CENTER: 'bottom-center'\n};\n\nexport const TYPE: { [key in KeyOfType]: TypeOptions } = {\n INFO: 'info',\n SUCCESS: 'success',\n WARNING: 'warning',\n ERROR: 'error',\n DEFAULT: 'default'\n};\n\nexport const enum Default {\n COLLAPSE_DURATION = 300,\n DEBOUNCE_DURATION = 50,\n CSS_NAMESPACE = 'Toastify',\n DRAGGABLE_PERCENT = 80\n}\n\nexport const enum Direction {\n X = 'x',\n Y = 'y'\n}\n","import React, { useEffect, useLayoutEffect, useRef } from 'react';\nimport { ToastTransitionProps } from '../types';\n\nimport { collapseToast } from './collapseToast';\nimport { Default } from './constant';\n\nexport interface CSSTransitionProps {\n /**\n * Css class to apply when toast enter\n */\n enter: string;\n\n /**\n * Css class to apply when toast leave\n */\n exit: string;\n\n /**\n * Append current toast position to the classname.\n * If multiple classes are provided, only the last one will get the position\n * For instance `myclass--top-center`...\n * `Default: false`\n */\n appendPosition?: boolean;\n\n /**\n * Collapse toast smoothly when exit animation end\n * `Default: true`\n */\n collapse?: boolean;\n\n /**\n * Collapse transition duration\n * `Default: 300`\n */\n collapseDuration?: number;\n}\n\nconst enum AnimationStep {\n Enter,\n Exit\n}\n\n/**\n * Css animation that just work.\n * You could use animate.css for instance\n *\n *\n * ```\n * cssTransition({\n * enter: \"animate__animated animate__bounceIn\",\n * exit: \"animate__animated animate__bounceOut\"\n * })\n * ```\n *\n */\nexport function cssTransition({\n enter,\n exit,\n appendPosition = false,\n collapse = true,\n collapseDuration = Default.COLLAPSE_DURATION\n}: CSSTransitionProps) {\n return function ToastTransition({\n children,\n position,\n preventExitTransition,\n done,\n nodeRef,\n isIn\n }: ToastTransitionProps) {\n const enterClassName = appendPosition ? `${enter}--${position}` : enter;\n const exitClassName = appendPosition ? `${exit}--${position}` : exit;\n const baseClassName = useRef();\n const animationStep = useRef(AnimationStep.Enter);\n\n useLayoutEffect(() => {\n onEnter();\n }, []);\n\n useEffect(() => {\n if (!isIn) preventExitTransition ? onExited() : onExit();\n }, [isIn]);\n\n function onEnter() {\n const node = nodeRef.current!;\n baseClassName.current = node.className;\n node.className += ` ${enterClassName}`;\n node.addEventListener('animationend', onEntered);\n }\n\n function onEntered(e: AnimationEvent) {\n if (e.target !== nodeRef.current) return;\n\n const node = nodeRef.current!;\n node.removeEventListener('animationend', onEntered);\n if (animationStep.current === AnimationStep.Enter) {\n node.className = baseClassName.current!;\n }\n }\n\n function onExit() {\n animationStep.current = AnimationStep.Exit;\n const node = nodeRef.current!;\n\n node.className += ` ${exitClassName}`;\n node.addEventListener('animationend', onExited);\n }\n\n function onExited() {\n const node = nodeRef.current!;\n\n node.removeEventListener('animationend', onExited);\n collapse ? collapseToast(node, done, collapseDuration) : done();\n }\n\n return <>{children};\n };\n}\n","import { Default } from './constant';\n\n/**\n * Used to collapse toast after exit animation\n */\nexport function collapseToast(\n node: HTMLElement,\n done: () => void,\n duration = Default.COLLAPSE_DURATION\n) {\n const { scrollHeight, style } = node;\n\n requestAnimationFrame(() => {\n style.minHeight = 'initial';\n style.height = scrollHeight + 'px';\n style.transition = `all ${duration}ms`;\n\n requestAnimationFrame(() => {\n style.height = '0';\n style.padding = '0';\n style.margin = '0';\n setTimeout(done, duration as number);\n });\n });\n}\n","import {\n Id,\n ToastContent,\n ClearWaitingQueueParams,\n NotValidatedToastProps\n} from '../types';\nimport { ContainerInstance } from '../hooks';\n\nexport const enum Event {\n Show,\n Clear,\n DidMount,\n WillUnmount,\n Change,\n ClearWaitingQueue\n}\n\ntype OnShowCallback = (\n content: ToastContent,\n options: NotValidatedToastProps\n) => void;\ntype OnClearCallback = (id?: Id) => void;\ntype OnClearWaitingQueue = (params: ClearWaitingQueueParams) => void;\ntype OnDidMountCallback = (containerInstance: ContainerInstance) => void;\ntype OnWillUnmountCallback = OnDidMountCallback;\nexport type OnChangeCallback = (\n toast: number,\n containerId?: number | string\n) => void;\ntype Callback =\n | OnShowCallback\n | OnClearCallback\n | OnClearWaitingQueue\n | OnDidMountCallback\n | OnWillUnmountCallback\n | OnChangeCallback;\ntype TimeoutId = ReturnType;\n\nexport interface EventManager {\n list: Map;\n emitQueue: Map;\n on(event: Event.Show, callback: OnShowCallback): EventManager;\n on(event: Event.Clear, callback: OnClearCallback): EventManager;\n on(\n event: Event.ClearWaitingQueue,\n callback: OnClearWaitingQueue\n ): EventManager;\n on(event: Event.DidMount, callback: OnDidMountCallback): EventManager;\n on(event: Event.WillUnmount, callback: OnWillUnmountCallback): EventManager;\n on(event: Event.Change, callback: OnChangeCallback): EventManager;\n off(event: Event, callback?: Callback): EventManager;\n cancelEmit(event: Event): EventManager;\n emit(\n event: Event.Show,\n content: React.ReactNode,\n options: NotValidatedToastProps\n ): void;\n emit(event: Event.Clear, id?: string | number): void;\n emit(event: Event.ClearWaitingQueue, params: ClearWaitingQueueParams): void;\n emit(event: Event.DidMount, containerInstance: ContainerInstance): void;\n emit(event: Event.WillUnmount, containerInstance: ContainerInstance): void;\n emit(event: Event.Change, toast: number, containerId?: number | string): void;\n}\n\nexport const eventManager: EventManager = {\n list: new Map(),\n emitQueue: new Map(),\n\n on(event: Event, callback: Callback) {\n this.list.has(event) || this.list.set(event, []);\n this.list.get(event)!.push(callback);\n return this;\n },\n\n off(event, callback) {\n if (callback) {\n const cb = this.list.get(event)!.filter(cb => cb !== callback);\n this.list.set(event, cb);\n return this;\n }\n this.list.delete(event);\n return this;\n },\n\n cancelEmit(event) {\n const timers = this.emitQueue.get(event);\n if (timers) {\n timers.forEach(clearTimeout);\n this.emitQueue.delete(event);\n }\n\n return this;\n },\n\n /**\n * Enqueue the event at the end of the call stack\n * Doing so let the user call toast as follow:\n * toast('1')\n * toast('2')\n * toast('3')\n * Without setTimemout the code above will not work\n */\n emit(event: Event, ...args: any[]) {\n this.list.has(event) &&\n this.list.get(event)!.forEach((callback: Callback) => {\n const timer: TimeoutId = setTimeout(() => {\n // @ts-ignore\n callback(...args);\n }, 0);\n\n this.emitQueue.has(event) || this.emitQueue.set(event, []);\n this.emitQueue.get(event)!.push(timer);\n });\n }\n};\n","import { useRef, useEffect } from 'react';\n\n/**\n * `useKeeper` is a helper around `useRef`.\n *\n * You don't need to access the `.current`property to get the value\n * If refresh is set to true. The ref will be updated every render\n */\nexport function useKeeper(arg: T, refresh = false) {\n const ref = useRef(arg);\n\n useEffect(() => {\n if (refresh) ref.current = arg;\n });\n\n return ref.current;\n}\n","import { Id } from '../types';\n\nimport { isToastIdValid } from '../utils';\n\nexport const enum ActionType {\n ADD,\n REMOVE\n}\nexport type State = Array;\nexport type Action =\n | { type: ActionType.ADD; toastId: Id; staleId?: Id }\n | { type: ActionType.REMOVE; toastId?: Id };\n\nexport function reducer(state: State, action: Action) {\n switch (action.type) {\n case ActionType.ADD:\n return [...state, action.toastId].filter(id => id !== action.staleId);\n case ActionType.REMOVE:\n return isToastIdValid(action.toastId)\n ? state.filter(id => id !== action.toastId)\n : [];\n }\n}\n","import {\n useEffect,\n useRef,\n useReducer,\n cloneElement,\n isValidElement\n} from 'react';\nimport {\n parseClassName,\n canBeRendered,\n isBool,\n isFn,\n isNum,\n isStr,\n isToastIdValid,\n getAutoCloseDelay,\n Direction,\n Default\n} from '../utils';\nimport { eventManager, Event } from '../core/eventManager';\n\nimport {\n Id,\n ToastContainerProps,\n ToastProps,\n ToastContent,\n Toast,\n ToastPosition,\n ClearWaitingQueueParams,\n NotValidatedToastProps,\n ToastTransition\n} from '../types';\nimport { useKeeper } from './useKeeper';\nimport { ActionType, reducer } from './toastContainerReducer';\n\ntype CollectionItem = Record;\ntype ToastToRender = Partial>;\n\ninterface QueuedToast {\n toastContent: ToastContent;\n toastProps: ToastProps;\n staleId?: Id;\n}\n\nexport interface ContainerInstance {\n toastKey: number;\n displayedToast: number;\n props: ToastContainerProps;\n containerId?: Id | null;\n isToastActive: (toastId: Id) => boolean;\n getToast: (id: Id) => Toast | null;\n}\n\nexport function useToastContainer(props: ToastContainerProps) {\n const [, forceUpdate] = useReducer(x => x + 1, 0);\n const [toast, dispatch] = useReducer(reducer, []);\n const containerRef = useRef(null);\n let toastCount = useKeeper(0);\n let queue = useKeeper([]);\n const collection = useKeeper({});\n const instance = useKeeper({\n toastKey: 1,\n displayedToast: 0,\n props,\n containerId: null,\n isToastActive: isToastActive,\n getToast: id => collection[id] || null\n });\n\n useEffect(() => {\n instance.containerId = props.containerId;\n eventManager\n .cancelEmit(Event.WillUnmount)\n .on(Event.Show, buildToast)\n .on(Event.Clear, toastId => containerRef.current && removeToast(toastId))\n .on(Event.ClearWaitingQueue, clearWaitingQueue)\n .emit(Event.DidMount, instance);\n\n return () => eventManager.emit(Event.WillUnmount, instance);\n }, []);\n\n useEffect(() => {\n instance.isToastActive = isToastActive;\n instance.displayedToast = toast.length;\n eventManager.emit(Event.Change, toast.length, props.containerId);\n }, [toast]);\n\n useEffect(() => {\n instance.props = props;\n });\n\n function isToastActive(id: Id) {\n return toast.indexOf(id) !== -1;\n }\n\n function clearWaitingQueue({ containerId }: ClearWaitingQueueParams) {\n const { limit } = instance.props;\n if (limit && (!containerId || instance.containerId === containerId)) {\n toastCount -= queue.length;\n queue = [];\n }\n }\n\n function removeToast(toastId?: Id) {\n dispatch({ type: ActionType.REMOVE, toastId });\n }\n\n function dequeueToast() {\n const { toastContent, toastProps, staleId } = queue.shift() as QueuedToast;\n appendToast(toastContent, toastProps, staleId);\n }\n\n /**\n * check if a container is attached to the dom\n * check for multi-container, build only if associated\n * check for duplicate toastId if no update\n */\n function isNotValid({\n containerId,\n toastId,\n updateId\n }: NotValidatedToastProps) {\n return !containerRef.current ||\n (instance.props.enableMultiContainer &&\n containerId !== instance.props.containerId) ||\n (collection[toastId] && updateId == null)\n ? true\n : false;\n }\n\n // this function and all the function called inside needs to rely on ref(`useKeeper`)\n function buildToast(\n content: ToastContent,\n { delay, staleId, ...options }: NotValidatedToastProps\n ) {\n if (!canBeRendered(content) || isNotValid(options)) return;\n\n const { toastId, updateId, data } = options;\n const { props } = instance;\n const closeToast = () => removeToast(toastId);\n const isNotAnUpdate = options.updateId == null;\n\n if (isNotAnUpdate) toastCount++;\n\n const toastProps: ToastProps = {\n toastId,\n updateId,\n isLoading: options.isLoading,\n theme: options.theme || props.theme!,\n icon: options.icon ?? props.icon,\n isIn: false,\n key: options.key || instance.toastKey++,\n type: options.type!,\n closeToast: closeToast,\n closeButton: options.closeButton,\n rtl: props.rtl,\n position: options.position || (props.position as ToastPosition),\n transition: options.transition || (props.transition as ToastTransition),\n className: parseClassName(options.className || props.toastClassName),\n bodyClassName: parseClassName(\n options.bodyClassName || props.bodyClassName\n ),\n style: options.style || props.toastStyle,\n bodyStyle: options.bodyStyle || props.bodyStyle,\n onClick: options.onClick || props.onClick,\n pauseOnHover: isBool(options.pauseOnHover)\n ? options.pauseOnHover\n : props.pauseOnHover,\n pauseOnFocusLoss: isBool(options.pauseOnFocusLoss)\n ? options.pauseOnFocusLoss\n : props.pauseOnFocusLoss,\n draggable: isBool(options.draggable)\n ? options.draggable\n : props.draggable,\n draggablePercent: isNum(options.draggablePercent)\n ? options.draggablePercent\n : (props.draggablePercent as number),\n draggableDirection:\n options.draggableDirection || props.draggableDirection,\n closeOnClick: isBool(options.closeOnClick)\n ? options.closeOnClick\n : props.closeOnClick,\n progressClassName: parseClassName(\n options.progressClassName || props.progressClassName\n ),\n progressStyle: options.progressStyle || props.progressStyle,\n autoClose: options.isLoading\n ? false\n : getAutoCloseDelay(options.autoClose, props.autoClose),\n hideProgressBar: isBool(options.hideProgressBar)\n ? options.hideProgressBar\n : props.hideProgressBar,\n progress: options.progress,\n role: isStr(options.role) ? options.role : props.role,\n deleteToast() {\n removeFromCollection(toastId);\n }\n };\n\n if (isFn(options.onOpen)) toastProps.onOpen = options.onOpen;\n if (isFn(options.onClose)) toastProps.onClose = options.onClose;\n\n // tweak for vertical dragging\n if (\n toastProps.draggableDirection === Direction.Y &&\n toastProps.draggablePercent === Default.DRAGGABLE_PERCENT\n ) {\n (toastProps.draggablePercent as number) *= 1.5;\n }\n\n let closeButton = props.closeButton;\n\n if (options.closeButton === false || canBeRendered(options.closeButton)) {\n closeButton = options.closeButton;\n } else if (options.closeButton === true) {\n closeButton = canBeRendered(props.closeButton) ? props.closeButton : true;\n }\n\n toastProps.closeButton = closeButton;\n\n let toastContent = content;\n\n if (isValidElement(content) && !isStr(content.type)) {\n toastContent = cloneElement(content, {\n closeToast,\n toastProps,\n data\n });\n } else if (isFn(content)) {\n toastContent = content({ closeToast, toastProps, data });\n }\n\n // not handling limit + delay by design. Waiting for user feedback first\n if (\n props.limit &&\n props.limit > 0 &&\n toastCount > props.limit &&\n isNotAnUpdate\n ) {\n queue.push({ toastContent, toastProps, staleId });\n } else if (isNum(delay) && (delay as number) > 0) {\n setTimeout(() => {\n appendToast(toastContent, toastProps, staleId);\n }, delay);\n } else {\n appendToast(toastContent, toastProps, staleId);\n }\n }\n\n function appendToast(\n content: ToastContent,\n toastProps: ToastProps,\n staleId?: Id\n ) {\n const { toastId } = toastProps;\n\n if (staleId) delete collection[staleId];\n\n collection[toastId] = {\n content,\n props: toastProps\n };\n dispatch({\n type: ActionType.ADD,\n toastId,\n staleId\n });\n }\n\n function removeFromCollection(toastId: Id) {\n delete collection[toastId];\n const queueLen = queue.length;\n toastCount = isToastIdValid(toastId)\n ? toastCount - 1\n : toastCount - instance.displayedToast;\n\n if (toastCount < 0) toastCount = 0;\n\n if (queueLen > 0) {\n const freeSlot = isToastIdValid(toastId) ? 1 : instance.props.limit!;\n\n if (queueLen === 1 || freeSlot === 1) {\n instance.displayedToast++;\n dequeueToast();\n } else {\n const toDequeue = freeSlot > queueLen ? queueLen : freeSlot;\n instance.displayedToast = toDequeue;\n\n for (let i = 0; i < toDequeue; i++) dequeueToast();\n }\n } else {\n forceUpdate();\n }\n }\n\n function getToastToRender(\n cb: (position: ToastPosition, toastList: Toast[]) => T\n ) {\n const toastToRender: ToastToRender = {};\n const toastList = props.newestOnTop\n ? Object.keys(collection).reverse()\n : Object.keys(collection);\n\n for (let i = 0; i < toastList.length; i++) {\n const toast = collection[toastList[i]];\n const { position } = toast.props;\n toastToRender[position] || (toastToRender[position] = []);\n\n toastToRender[position]!.push(toast);\n }\n\n return (Object.keys(toastToRender) as Array).map(p =>\n cb(p, toastToRender[p]!)\n );\n }\n\n return {\n getToastToRender,\n collection,\n containerRef,\n isToastActive\n };\n}\n","import {\n useState,\n useRef,\n useEffect,\n isValidElement,\n DOMAttributes\n} from 'react';\n\nimport { isFn } from '../utils';\nimport { ToastProps } from '../types';\nimport { useKeeper } from './useKeeper';\nimport { Direction } from '../utils/constant';\n\ninterface Draggable {\n start: number;\n x: number;\n y: number;\n delta: number;\n removalDistance: number;\n canCloseOnClick: boolean;\n canDrag: boolean;\n boundingRect: DOMRect | null;\n}\n\ntype DragEvent = MouseEvent & TouchEvent;\n\nfunction getX(e: DragEvent) {\n return e.targetTouches && e.targetTouches.length >= 1\n ? e.targetTouches[0].clientX\n : e.clientX;\n}\n\nfunction getY(e: DragEvent) {\n return e.targetTouches && e.targetTouches.length >= 1\n ? e.targetTouches[0].clientY\n : e.clientY;\n}\n\nexport function useToast(props: ToastProps) {\n const [isRunning, setIsRunning] = useState(true);\n const [preventExitTransition, setPreventExitTransition] = useState(false);\n const toastRef = useRef(null);\n const drag = useKeeper({\n start: 0,\n x: 0,\n y: 0,\n delta: 0,\n removalDistance: 0,\n canCloseOnClick: true,\n canDrag: false,\n boundingRect: null\n });\n const syncProps = useKeeper(props, true);\n const { autoClose, pauseOnHover, closeToast, onClick, closeOnClick } = props;\n\n useEffect(() => {\n if (isFn(props.onOpen))\n props.onOpen(isValidElement(props.children) && props.children.props);\n\n return () => {\n if (isFn(syncProps.onClose))\n syncProps.onClose(\n isValidElement(syncProps.children) && syncProps.children.props\n );\n };\n }, []);\n\n useEffect(() => {\n props.draggable && bindDragEvents();\n return () => {\n props.draggable && unbindDragEvents();\n };\n }, [props.draggable]);\n\n useEffect(() => {\n props.pauseOnFocusLoss && bindFocusEvents();\n return () => {\n props.pauseOnFocusLoss && unbindFocusEvents();\n };\n }, [props.pauseOnFocusLoss]);\n\n function onDragStart(\n e: React.MouseEvent | React.TouchEvent\n ) {\n if (props.draggable) {\n const toast = toastRef.current!;\n drag.canCloseOnClick = true;\n drag.canDrag = true;\n drag.boundingRect = toast.getBoundingClientRect();\n toast.style.transition = '';\n drag.x = getX(e.nativeEvent as DragEvent);\n drag.y = getY(e.nativeEvent as DragEvent);\n\n if (props.draggableDirection === Direction.X) {\n drag.start = drag.x;\n drag.removalDistance =\n toast.offsetWidth * (props.draggablePercent / 100);\n } else {\n drag.start = drag.y;\n drag.removalDistance =\n toast.offsetHeight * (props.draggablePercent / 100);\n }\n }\n }\n\n function onDragTransitionEnd() {\n if (drag.boundingRect) {\n const { top, bottom, left, right } = drag.boundingRect;\n\n if (\n props.pauseOnHover &&\n drag.x >= left &&\n drag.x <= right &&\n drag.y >= top &&\n drag.y <= bottom\n ) {\n pauseToast();\n } else {\n playToast();\n }\n }\n }\n\n function playToast() {\n setIsRunning(true);\n }\n\n function pauseToast() {\n setIsRunning(false);\n }\n\n function bindFocusEvents() {\n if (!document.hasFocus()) pauseToast();\n\n window.addEventListener('focus', playToast);\n window.addEventListener('blur', pauseToast);\n }\n\n function unbindFocusEvents() {\n window.removeEventListener('focus', playToast);\n window.removeEventListener('blur', pauseToast);\n }\n\n function bindDragEvents() {\n document.addEventListener('mousemove', onDragMove);\n document.addEventListener('mouseup', onDragEnd);\n\n document.addEventListener('touchmove', onDragMove);\n document.addEventListener('touchend', onDragEnd);\n }\n\n function unbindDragEvents() {\n document.removeEventListener('mousemove', onDragMove);\n document.removeEventListener('mouseup', onDragEnd);\n\n document.removeEventListener('touchmove', onDragMove);\n document.removeEventListener('touchend', onDragEnd);\n }\n\n function onDragMove(e: MouseEvent | TouchEvent) {\n if (drag.canDrag) {\n e.preventDefault();\n\n const toast = toastRef.current!;\n if (isRunning) pauseToast();\n\n drag.x = getX(e as DragEvent);\n drag.y = getY(e as DragEvent);\n\n if (props.draggableDirection === Direction.X) {\n drag.delta = drag.x - drag.start;\n } else {\n drag.delta = drag.y - drag.start;\n }\n\n // prevent false positif during a toast click\n if (drag.start !== drag.x) drag.canCloseOnClick = false;\n\n toast.style.transform = `translate${props.draggableDirection}(${drag.delta}px)`;\n toast.style.opacity = `${1 -\n Math.abs(drag.delta / drag.removalDistance)}`;\n }\n }\n\n function onDragEnd() {\n const toast = toastRef.current!;\n if (drag.canDrag) {\n drag.canDrag = false;\n\n if (Math.abs(drag.delta) > drag.removalDistance) {\n setPreventExitTransition(true);\n props.closeToast();\n return;\n }\n\n toast.style.transition = 'transform 0.2s, opacity 0.2s';\n toast.style.transform = `translate${props.draggableDirection}(0)`;\n toast.style.opacity = '1';\n }\n }\n\n const eventHandlers: DOMAttributes = {\n onMouseDown: onDragStart,\n onTouchStart: onDragStart,\n onMouseUp: onDragTransitionEnd,\n onTouchEnd: onDragTransitionEnd\n };\n\n if (autoClose && pauseOnHover) {\n eventHandlers.onMouseEnter = pauseToast;\n eventHandlers.onMouseLeave = playToast;\n }\n\n // prevent toast from closing when user drags the toast\n if (closeOnClick) {\n eventHandlers.onClick = (e: React.MouseEvent) => {\n onClick && onClick(e);\n drag.canCloseOnClick && closeToast();\n };\n }\n\n return {\n playToast,\n pauseToast,\n isRunning,\n preventExitTransition,\n toastRef,\n eventHandlers\n };\n}\n","import * as React from 'react';\nimport { Default } from '../utils';\nimport { Theme, TypeOptions } from '../types';\n\nexport interface CloseButtonProps {\n closeToast: (e: React.MouseEvent) => void;\n type: TypeOptions;\n ariaLabel?: string;\n theme: Theme;\n}\n\nexport function CloseButton({\n closeToast,\n theme,\n ariaLabel = 'close'\n}: CloseButtonProps) {\n return (\n {\n e.stopPropagation();\n closeToast(e);\n }}\n aria-label={ariaLabel}\n >\n \n \n );\n}\n","import * as React from 'react';\nimport cx from 'clsx';\n\nimport { TYPE, Default, isFn } from './../utils';\nimport { TypeOptions, ToastClassName, Theme } from '../types';\n\nexport interface ProgressBarProps {\n /**\n * The animation delay which determine when to close the toast\n */\n delay: number;\n\n /**\n * Whether or not the animation is running or paused\n */\n isRunning: boolean;\n\n /**\n * Func to close the current toast\n */\n closeToast: () => void;\n\n /**\n * Optional type : info, success ...\n */\n type: TypeOptions;\n\n /**\n * The theme that is currently used\n */\n theme: Theme;\n\n /**\n * Hide or not the progress bar\n */\n hide?: boolean;\n\n /**\n * Optionnal className\n */\n className?: ToastClassName;\n\n /**\n * Optionnal inline style\n */\n style?: React.CSSProperties;\n\n /**\n * Tell wether or not controlled progress bar is used\n */\n controlledProgress?: boolean;\n\n /**\n * Controlled progress value\n */\n progress?: number | string;\n\n /**\n * Support rtl content\n */\n rtl?: boolean;\n\n /**\n * Tell if the component is visible on screen or not\n */\n isIn?: boolean;\n}\n\nexport function ProgressBar({\n delay,\n isRunning,\n closeToast,\n type,\n hide,\n className,\n style: userStyle,\n controlledProgress,\n progress,\n rtl,\n isIn,\n theme\n}: ProgressBarProps) {\n const style: React.CSSProperties = {\n ...userStyle,\n animationDuration: `${delay}ms`,\n animationPlayState: isRunning ? 'running' : 'paused',\n opacity: hide ? 0 : 1\n };\n\n if (controlledProgress) style.transform = `scaleX(${progress})`;\n const defaultClassName = cx(\n `${Default.CSS_NAMESPACE}__progress-bar`,\n controlledProgress\n ? `${Default.CSS_NAMESPACE}__progress-bar--controlled`\n : `${Default.CSS_NAMESPACE}__progress-bar--animated`,\n `${Default.CSS_NAMESPACE}__progress-bar-theme--${theme}`,\n `${Default.CSS_NAMESPACE}__progress-bar--${type}`,\n {\n [`${Default.CSS_NAMESPACE}__progress-bar--rtl`]: rtl\n }\n );\n const classNames = isFn(className)\n ? className({\n rtl,\n type,\n defaultClassName\n })\n : cx(defaultClassName, className);\n\n // 🧐 controlledProgress is derived from progress\n // so if controlledProgress is set\n // it means that this is also the case for progress\n const animationEvent = {\n [controlledProgress && progress! >= 1\n ? 'onTransitionEnd'\n : 'onAnimationEnd']:\n controlledProgress && progress! < 1\n ? null\n : () => {\n isIn && closeToast();\n }\n };\n\n // TODO: add aria-valuenow, aria-valuemax, aria-valuemin\n\n return (\n \n );\n}\n\nProgressBar.defaultProps = {\n type: TYPE.DEFAULT,\n hide: false\n};\n","import React from 'react';\n\nimport { Theme, TypeOptions } from '../types';\nimport { Default } from '../utils';\n\n/**\n * Used when providing custom icon\n */\nexport interface IconProps {\n theme: Theme;\n type: TypeOptions;\n}\n\nexport type BuiltInIconProps = React.SVGProps & IconProps;\n\nconst Svg: React.FC = ({ theme, type, ...rest }) => (\n \n);\n\nfunction Warning(props: BuiltInIconProps) {\n return (\n \n );\n}\n\nfunction Info(props: BuiltInIconProps) {\n return (\n \n );\n}\n\nfunction Success(props: BuiltInIconProps) {\n return (\n \n );\n}\n\nfunction Error(props: BuiltInIconProps) {\n return (\n \n );\n}\n\nfunction Spinner() {\n return ;\n}\n\nexport const Icons = {\n info: Info,\n warning: Warning,\n success: Success,\n error: Error,\n spinner: Spinner\n};\n","import * as React from 'react';\nimport cx from 'clsx';\n\nimport { ProgressBar } from './ProgressBar';\nimport { Icons } from './Icons';\nimport { ToastProps } from '../types';\nimport { Default, isFn, isStr } from '../utils';\nimport { useToast } from '../hooks';\n\nexport const Toast: React.FC = props => {\n const {\n isRunning,\n preventExitTransition,\n toastRef,\n eventHandlers\n } = useToast(props);\n const {\n closeButton,\n children,\n autoClose,\n onClick,\n type,\n hideProgressBar,\n closeToast,\n transition: Transition,\n position,\n className,\n style,\n bodyClassName,\n bodyStyle,\n progressClassName,\n progressStyle,\n updateId,\n role,\n progress,\n rtl,\n toastId,\n deleteToast,\n isIn,\n isLoading,\n icon,\n theme\n } = props;\n const defaultClassName = cx(\n `${Default.CSS_NAMESPACE}__toast`,\n `${Default.CSS_NAMESPACE}__toast-theme--${theme}`,\n `${Default.CSS_NAMESPACE}__toast--${type}`,\n {\n [`${Default.CSS_NAMESPACE}__toast--rtl`]: rtl\n }\n );\n const cssClasses = isFn(className)\n ? className({\n rtl,\n position,\n type,\n defaultClassName\n })\n : cx(defaultClassName, className);\n const isProgressControlled = !!progress;\n const maybeIcon = Icons[type as keyof typeof Icons];\n const iconProps = { theme, type };\n let Icon: React.ReactNode = maybeIcon && maybeIcon(iconProps);\n\n if (icon === false) {\n Icon = void 0;\n } else if (isFn(icon)) {\n Icon = icon(iconProps);\n } else if (React.isValidElement(icon)) {\n Icon = React.cloneElement(icon, iconProps);\n } else if (isStr(icon)) {\n Icon = icon;\n } else if (isLoading) {\n Icon = Icons.spinner();\n }\n\n function renderCloseButton(closeButton: any) {\n if (!closeButton) return;\n\n const props = { closeToast, type, theme };\n\n if (isFn(closeButton)) return closeButton(props);\n\n if (React.isValidElement(closeButton))\n return React.cloneElement(closeButton, props);\n }\n\n return (\n \n \n \n {Icon && (\n \n {Icon}\n \n )}\n {children}
\n \n {renderCloseButton(closeButton)}\n {(autoClose || isProgressControlled) && (\n \n )}\n \n \n );\n};\n","import { Default, cssTransition } from '../utils';\n\nconst Bounce = cssTransition({\n enter: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__bounce-enter`,\n exit: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__bounce-exit`,\n appendPosition: true\n});\n\nconst Slide = cssTransition({\n enter: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__slide-enter`,\n exit: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__slide-exit`,\n appendPosition: true\n});\n\nconst Zoom = cssTransition({\n enter: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__zoom-enter`,\n exit: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__zoom-exit`\n});\n\nconst Flip = cssTransition({\n enter: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__flip-enter`,\n exit: `${Default.CSS_NAMESPACE}--animate ${Default.CSS_NAMESPACE}__flip-exit`\n});\n\nexport { Bounce, Slide, Zoom, Flip };\n","import * as React from 'react';\nimport cx from 'clsx';\n\nimport { Toast } from './Toast';\nimport { CloseButton } from './CloseButton';\nimport { Bounce } from './Transitions';\nimport { POSITION, Direction, Default, parseClassName, isFn } from '../utils';\nimport { useToastContainer } from '../hooks';\nimport { ToastContainerProps, ToastPosition } from '../types';\n\nexport const ToastContainer: React.FC = props => {\n const { getToastToRender, containerRef, isToastActive } = useToastContainer(\n props\n );\n const { className, style, rtl, containerId } = props;\n\n function getClassName(position: ToastPosition) {\n const defaultClassName = cx(\n `${Default.CSS_NAMESPACE}__toast-container`,\n `${Default.CSS_NAMESPACE}__toast-container--${position}`,\n { [`${Default.CSS_NAMESPACE}__toast-container--rtl`]: rtl }\n );\n return isFn(className)\n ? className({\n position,\n rtl,\n defaultClassName\n })\n : cx(defaultClassName, parseClassName(className));\n }\n\n return (\n \n {getToastToRender((position, toastList) => {\n const containerStyle: React.CSSProperties =\n toastList.length === 0\n ? { ...style, pointerEvents: 'none' }\n : { ...style };\n\n return (\n \n {toastList.map(({ content, props: toastProps }) => {\n return (\n \n {content}\n \n );\n })}\n \n );\n })}\n \n );\n};\n\nToastContainer.defaultProps = {\n position: POSITION.TOP_RIGHT as ToastPosition,\n transition: Bounce,\n rtl: false,\n autoClose: 5000,\n hideProgressBar: false,\n closeButton: CloseButton,\n pauseOnHover: true,\n pauseOnFocusLoss: true,\n closeOnClick: true,\n newestOnTop: false,\n draggable: true,\n draggablePercent: Default.DRAGGABLE_PERCENT as number,\n draggableDirection: Direction.X,\n role: 'alert',\n theme: 'light'\n};\n","import * as React from 'react';\nimport { render } from 'react-dom';\n\nimport { POSITION, TYPE, canUseDom, isStr, isNum, isFn } from '../utils';\nimport { eventManager, OnChangeCallback, Event } from './eventManager';\nimport {\n ToastContent,\n ToastOptions,\n ToastProps,\n Id,\n ToastContainerProps,\n UpdateOptions,\n ClearWaitingQueueParams,\n NotValidatedToastProps,\n TypeOptions\n} from '../types';\nimport { ContainerInstance } from '../hooks';\nimport { ToastContainer } from '../components';\n\ninterface EnqueuedToast {\n content: ToastContent;\n options: NotValidatedToastProps;\n}\n\nlet containers = new Map();\nlet latestInstance: ContainerInstance | Id;\nlet containerDomNode: HTMLElement;\nlet containerConfig: ToastContainerProps;\nlet queue: EnqueuedToast[] = [];\nlet lazy = false;\n\n/**\n * Check whether any container is currently mounted in the DOM\n */\nfunction isAnyContainerMounted() {\n return containers.size > 0;\n}\n\n/**\n * Get the toast by id, given it's in the DOM, otherwise returns null\n */\nfunction getToast(toastId: Id, { containerId }: ToastOptions) {\n const container = containers.get(containerId || latestInstance);\n if (!container) return null;\n\n return container.getToast(toastId);\n}\n\n/**\n * Generate a random toastId\n */\nfunction generateToastId() {\n return Math.random()\n .toString(36)\n .substr(2, 9);\n}\n\n/**\n * Generate a toastId or use the one provided\n */\nfunction getToastId(options?: ToastOptions) {\n if (options && (isStr(options.toastId) || isNum(options.toastId))) {\n return options.toastId;\n }\n\n return generateToastId();\n}\n\n/**\n * If the container is not mounted, the toast is enqueued and\n * the container lazy mounted\n */\nfunction dispatchToast(\n content: ToastContent,\n options: NotValidatedToastProps\n): Id {\n if (isAnyContainerMounted()) {\n eventManager.emit(Event.Show, content, options);\n } else {\n queue.push({ content, options });\n if (lazy && canUseDom) {\n lazy = false;\n containerDomNode = document.createElement('div');\n document.body.appendChild(containerDomNode);\n render(, containerDomNode);\n }\n }\n\n return options.toastId;\n}\n\n/**\n * Merge provided options with the defaults settings and generate the toastId\n */\nfunction mergeOptions(type: string, options?: ToastOptions) {\n return {\n ...options,\n type: (options && options.type) || type,\n toastId: getToastId(options)\n } as NotValidatedToastProps;\n}\n\nconst createToastByType = (type: string) => (\n content: ToastContent,\n options?: ToastOptions\n) => dispatchToast(content, mergeOptions(type, options));\n\nconst toast = (content: ToastContent, options?: ToastOptions) =>\n dispatchToast(content, mergeOptions(TYPE.DEFAULT, options));\n\ntoast.loading = (content: ToastContent, options?: ToastOptions) =>\n dispatchToast(\n content,\n mergeOptions(TYPE.DEFAULT, {\n isLoading: true,\n autoClose: false,\n closeOnClick: false,\n closeButton: false,\n draggable: false,\n ...options\n })\n );\n\ninterface ToastPromiseParams {\n pending: string | UpdateOptions;\n success: string | UpdateOptions;\n error: string | UpdateOptions;\n}\n\nfunction handlePromise(\n promise: Promise | (() => Promise),\n { pending, error, success }: ToastPromiseParams,\n options?: ToastOptions\n) {\n const id = isStr(pending)\n ? toast.loading(pending, options)\n : toast.loading(pending.render, {\n ...options,\n ...(pending as ToastOptions)\n });\n const resetParams = {\n isLoading: null,\n autoClose: null,\n closeOnClick: null,\n closeButton: null,\n draggable: null\n };\n\n const resolver = (\n type: TypeOptions,\n input: string | UpdateOptions,\n result: T\n ) => {\n const params = isStr(input) ? { render: input } : input;\n toast.update(id, {\n type,\n ...resetParams,\n ...options,\n ...params,\n data: result\n });\n return result;\n };\n const p = isFn(promise) ? promise() : promise;\n p.then(result => resolver('success', success, result)).catch(err =>\n resolver('error', error, err)\n );\n\n return p;\n}\n\ntoast.promise = handlePromise;\ntoast.success = createToastByType(TYPE.SUCCESS);\ntoast.info = createToastByType(TYPE.INFO);\ntoast.error = createToastByType(TYPE.ERROR);\ntoast.warning = createToastByType(TYPE.WARNING);\ntoast.warn = toast.warning;\ntoast.dark = (content: ToastContent, options?: ToastOptions) =>\n dispatchToast(\n content,\n mergeOptions(TYPE.DEFAULT, {\n theme: 'dark',\n ...options\n })\n );\n\n/**\n * Remove toast programmaticaly\n */\ntoast.dismiss = (id?: Id) => eventManager.emit(Event.Clear, id);\n\n/**\n * Clear waiting queue when limit is used\n */\ntoast.clearWaitingQueue = (params: ClearWaitingQueueParams = {}) =>\n eventManager.emit(Event.ClearWaitingQueue, params);\n\n/**\n * return true if one container is displaying the toast\n */\ntoast.isActive = (id: Id) => {\n let isToastActive = false;\n\n containers.forEach(container => {\n if (container.isToastActive && container.isToastActive(id)) {\n isToastActive = true;\n }\n });\n\n return isToastActive;\n};\n\ntoast.update = (toastId: Id, options: UpdateOptions = {}) => {\n // if you call toast and toast.update directly nothing will be displayed\n // this is why I defered the update\n setTimeout(() => {\n const toast = getToast(toastId, options as ToastOptions);\n if (toast) {\n const { props: oldOptions, content: oldContent } = toast;\n\n const nextOptions = {\n ...oldOptions,\n ...options,\n toastId: options.toastId || toastId,\n updateId: generateToastId()\n } as ToastProps & UpdateOptions;\n\n if (nextOptions.toastId !== toastId) nextOptions.staleId = toastId;\n\n const content = nextOptions.render || oldContent;\n delete nextOptions.render;\n\n dispatchToast(content, nextOptions);\n }\n }, 0);\n};\n\n/**\n * Used for controlled progress bar.\n */\ntoast.done = (id: Id) => {\n toast.update(id, {\n progress: 1\n });\n};\n\n/**\n * Track changes. The callback get the number of toast displayed\n *\n */\ntoast.onChange = (callback: OnChangeCallback) => {\n if (isFn(callback)) {\n eventManager.on(Event.Change, callback);\n }\n return () => {\n isFn(callback) && eventManager.off(Event.Change, callback);\n };\n};\n\n/**\n * Configure the ToastContainer when lazy mounted\n */\ntoast.configure = (config: ToastContainerProps = {}) => {\n lazy = true;\n containerConfig = config;\n};\n\ntoast.POSITION = POSITION;\ntoast.TYPE = TYPE;\n\n/**\n * Wait until the ToastContainer is mounted to dispatch the toast\n * and attach isActive method\n */\neventManager\n .on(Event.DidMount, (containerInstance: ContainerInstance) => {\n latestInstance = containerInstance.containerId || containerInstance;\n containers.set(latestInstance, containerInstance);\n\n queue.forEach(item => {\n eventManager.emit(Event.Show, item.content, item.options);\n });\n\n queue = [];\n })\n .on(Event.WillUnmount, (containerInstance: ContainerInstance) => {\n containers.delete(containerInstance.containerId || containerInstance);\n\n if (containers.size === 0) {\n eventManager\n .off(Event.Show)\n .off(Event.Clear)\n .off(Event.ClearWaitingQueue);\n }\n\n if (canUseDom && containerDomNode) {\n document.body.removeChild(containerDomNode);\n }\n });\n\nexport { toast };\n","var g;\n\n// This works in non-strict mode\ng = (function() {\n\treturn this;\n})();\n\ntry {\n\t// This works if eval is allowed (see CSP)\n\tg = g || new Function(\"return this\")();\n} catch (e) {\n\t// This works if the window reference is available\n\tif (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;\n","(function() { module.exports = window[\"eventespresso\"][\"edtrServices\"]; }());","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst CloseOutlined = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(CloseOutlined, 'close-outlined');\n","var baseIsNative = require('./_baseIsNative'),\n getValue = require('./_getValue');\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n var value = getValue(object, key);\n return baseIsNative(value) ? value : undefined;\n}\n\nmodule.exports = getNative;\n","(function() { module.exports = window[\"eventespresso\"][\"utils\"]; }());","var baseHas = require('./_baseHas'),\n hasPath = require('./_hasPath');\n\n/**\n * Checks if `path` is a direct property of `object`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n * @example\n *\n * var object = { 'a': { 'b': 2 } };\n * var other = _.create({ 'a': _.create({ 'b': 2 }) });\n *\n * _.has(object, 'a');\n * // => true\n *\n * _.has(object, 'a.b');\n * // => true\n *\n * _.has(object, ['a', 'b']);\n * // => true\n *\n * _.has(other, 'a');\n * // => false\n */\nfunction has(object, path) {\n return object != null && hasPath(object, path, baseHas);\n}\n\nmodule.exports = has;\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst Link = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(Link, 'link');\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst Unlink = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(Unlink, 'unlink');\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst Calculator = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(Calculator, 'calculator');\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst MapMarker = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(MapMarker, 'map-marker');\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst Calendar = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(Calendar, 'calendar');\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst CalendarOutlined = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(CalendarOutlined, 'calendar-outlined');\n","/* eslint-disable\nno-unused-vars,\nno-native-reassign,\nno-global-assign,\n@typescript-eslint/no-unused-vars,\nno-var\n*/\n\nimport {} from '@eventespresso/config';\n\ndeclare var __webpack_public_path__: string;\n\nconst assetsUrl = window.baristaAssetsUrl || window?.eventEspressoData?.config?.coreDomain?.distributionAssetsUrl;\n\n__webpack_public_path__ = assetsUrl;\n\nexport default __webpack_public_path__;\n","import type { SVGProps } from 'react';\n\nexport interface IconProps extends SVGProps {\n\tclassName?: string;\n\tcolor?: string;\n\tname?: IconName | keyof SvgPath;\n\tnoMargin?: boolean;\n\tsize?: IconSize;\n\tsvgSize?: number;\n\tviewBox?: string;\n}\n\nexport enum IconName {\n\tCALENDAR = 'calendar',\n\tCALCULATOR = 'calculator',\n\tEDIT = 'edit',\n\tFILTER = 'filter',\n\tGROUPS = 'groups',\n\tTICKET = 'ticket-alt',\n}\n\nexport type IconSize = 'big' | 'bigger' | 'small' | 'smaller' | 'tiny';\n\nexport type SvgPath = {\n\t[key in IconName]: string;\n};\n\nexport type IconComponent = React.ComponentType;\n","import { ModalSubscription, ModalRegistry } from '@eventespresso/registry';\nimport { domain } from '@eventespresso/edtr-services';\n\nconst { getSubscriptions } = new ModalSubscription(domain);\nconst registry = new ModalRegistry({ domain });\n\nexport const getRegisteredContainers = (): Array => {\n\tconst { generateElements } = registry;\n\n\tconst subscriptions = getSubscriptions();\n\n\tObject.values(subscriptions).forEach(({ callback }) => {\n\t\tcallback({ registry });\n\t});\n\n\treturn generateElements();\n};\n","import withClassName from '../withClassName';\nimport { IconProps } from '../types';\n\nconst Ticket = (props: IconProps): JSX.Element => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withClassName(Ticket, 'ticket');\n","import { useMemo } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { EMPTY_OBJECT } from '@eventespresso/constants';\nimport { Button, NewEntityOption } from '@eventespresso/ui-components';\nimport { EdtrGlobalModals, hooks } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { Calendar } from '@eventespresso/icons';\n\nimport { EntityEditModalData } from '@edtrUI/types';\n\ntype AddSingleDateProps = {\n\tisOnlyButton?: boolean;\n};\n\nconst AddSingleDate: React.FC = ({ isOnlyButton }) => {\n\tconst { open } = useGlobalModal(EdtrGlobalModals.EDIT_DATE);\n\n\tconst output = useMemo(() => {\n\t\tconst additionalProps = hooks.applyFilters('eventEditor.addSingleDate.buttonProps', EMPTY_OBJECT, isOnlyButton);\n\n\t\treturn hooks.applyFilters(\n\t\t\t// replacement filter for the button.\n\t\t\t'eventEditor.addSingleDate.button',\n\t\t\t,\n\t\t\tisOnlyButton\n\t\t);\n\t}, [isOnlyButton, open]);\n\n\tif (isOnlyButton) {\n\t\treturn output;\n\t}\n\n\treturn (\n\t\t\n\t\t\t{output}\n\t\t\n\t);\n};\n\nexport default AddSingleDate;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { Button } from '@eventespresso/ui-components';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { Calendar } from '@eventespresso/icons';\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\n\nconst OptionsModalButton: React.FC = ({ children }) => {\n\tconst { openWithData } = useGlobalModal(EdtrGlobalModals.NEW_DATE);\n\n\tconst onClick = useCallback(() => {\n\t\topenWithData({ children });\n\t}, [children, openWithData]);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default OptionsModalButton;\n","import OptionsModalButton from './OptionsModalButton';\nimport { NewDateOptions } from '@eventespresso/edtr-services';\n\nconst NewDateButton: React.FC = () => {\n\treturn (\n\t\t\n\t\t\t{(fills) => {\n\t\t\t\tif (fills.length > 1) {\n\t\t\t\t\treturn {fills};\n\t\t\t\t}\n\t\t\t\treturn <>{fills};\n\t\t\t}}\n\t\t\n\t);\n};\n\nexport default NewDateButton;\n","import { __ } from '@eventespresso/i18n';\n\nimport { NewEntityModal } from '@eventespresso/ui-components';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\n\nconst NewDateModal: React.FC = () => {\n\tconst { isOpen, close, getData } = useGlobalModal(EdtrGlobalModals.NEW_DATE);\n\n\treturn (\n\t\tisOpen && (\n\t\t\t\n\t\t\t\t{getData().children}\n\t\t\t\n\t\t)\n\t);\n};\n\nexport default NewDateModal;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\n\nimport { Ticket } from '@eventespresso/icons';\nimport { Button, ButtonRow } from '@eventespresso/ui-components';\nimport { USE_ADVANCED_EDITOR } from '@eventespresso/constants';\nimport { EdtrGlobalModals, useDatetimes, useTickets } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { withCurrentUserCan } from '@eventespresso/services';\n\nimport { BaseProps } from '../../ticketAssignmentsManager';\nimport { NewDateButton } from './newDateOptions';\n\nconst DatesListButtons: React.FC = () => {\n\tconst { openWithData } = useGlobalModal(EdtrGlobalModals.TAM);\n\n\tconst datetimes = useDatetimes();\n\tconst tickets = useTickets();\n\tconst isDisabled = !datetimes.length || !tickets.length;\n\n\tconst tooltip = isDisabled && __('Add a date or a ticket in order to use Ticket Assignment Manager');\n\n\tconst onOpen = useCallback(() => {\n\t\topenWithData({ assignmentType: 'forAll' });\n\t}, [openWithData]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withCurrentUserCan(USE_ADVANCED_EDITOR)(DatesListButtons);\n","import { useDatetimes } from '@eventespresso/edtr-services';\nimport { EntityCacheIds } from '@eventespresso/ee-components';\n\nimport DatesListButtons from './DatesListButtons';\n\nconst DatesListFooter: React.FC = () => {\n\tconst entities = useDatetimes();\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default DatesListFooter;\n","import { IconName, Trash } from '@eventespresso/icons';\nimport { LegendConfig } from '@eventespresso/ui-components';\nimport { __ } from '@eventespresso/i18n';\n\nexport const legendConfig: LegendConfig = {\n\ticons: [\n\t\t{ icon: IconName.EDIT, description: __('Edit Event Date Details') },\n\t\t{ icon: IconName.GROUPS, description: __('View Registrations for this Date') },\n\t\t{ icon: IconName.TICKET, description: __('Manage Ticket Assignments') },\n\t\t{ icon: Trash, description: __('Move Date to Trash') },\n\t],\n\tswatches: {\n\t\tDTA: __('Active'),\n\t\tDTT: __('Trashed'),\n\t\tDTE: __('Expired'),\n\t\tDTS: __('Sold Out'),\n\t\tDTU: __('Upcoming'),\n\t},\n};\n","import { lazy, Suspense } from 'react';\n\nimport { LoadingNotice } from '@eventespresso/ui-components';\n\nconst CardView = lazy(() => import(/* webpackChunkName: \"dates-card-view\" */ './CardView'));\n\nconst RenderCardView: React.FC = () => {\n\treturn (\n\t\t}>\n\t\t\t\n\t\t\n\t);\n};\n\nexport default RenderCardView;\n","import { lazy, Suspense } from 'react';\n\nimport { LoadingNotice } from '@eventespresso/ui-components';\n\nconst TableView = lazy(() => import(/* webpackChunkName: \"dates-table-view\" */ './TableView'));\n\nconst RenderTableView: React.FC = () => {\n\treturn (\n\t\t}>\n\t\t\t\n\t\t\n\t);\n};\n\nexport default RenderTableView;\n","/* eslint-disable @wordpress/i18n-translator-comments */\nimport { __ } from '@eventespresso/i18n';\n\nimport { DisplayStartOrEndDate } from '@eventespresso/edtr-services';\n\nimport { DatetimeSales, DatetimeStatus } from '@eventespresso/predicates';\n\nexport const displayStartOrEndDateOptions = {\n\t[DisplayStartOrEndDate.start]: __('start dates only'),\n\t[DisplayStartOrEndDate.end]: __('end dates only'),\n\t[DisplayStartOrEndDate.both]: __('start and end dates'),\n};\n\nexport const salesOptions = {\n\t[DatetimeSales.all]: __('all dates'),\n\t[DatetimeSales.above90Capacity]: __('dates above 90% capacity'),\n\t[DatetimeSales.above75Capacity]: __('dates above 75% capacity'),\n\t[DatetimeSales.above50Capacity]: __('dates above 50% capacity'),\n\t[DatetimeSales.below50Capacity]: __('dates below 50% capacity'),\n};\n\nexport const statusOptions = {\n\t[DatetimeStatus.all]: __('all dates'),\n\t[DatetimeStatus.activeUpcoming]: __('all active and upcoming'),\n\t[DatetimeStatus.activeOnly]: __('active dates only'),\n\t[DatetimeStatus.upcomingOnly]: __('upcoming dates only'),\n\t[DatetimeStatus.nextActiveUpcomingOnly]: __('next active or upcoming only'),\n\t[DatetimeStatus.soldOutOnly]: __('sold out dates only'),\n\t[DatetimeStatus.recentlyExpiredOnly]: __('recently expired dates'),\n\t[DatetimeStatus.expiredOnly]: __('all expired dates'),\n\t[DatetimeStatus.trashedOnly]: __('trashed dates only'),\n};\n\nexport const sortByOptions = {\n\tdate: __('start date'),\n\tname: __('name'),\n\tid: __('ID'),\n\torder: __('custom order'),\n};\n\nexport const labels = {\n\tdisplayStartOrEndDate: __('display'),\n\trecurrence: __('recurrence'),\n\tsales: __('sales'),\n\tsortBy: __('sort by'),\n\tsearch: __('search'),\n\tstatus: __('status'),\n};\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { ActiveFilters, FilterTag } from '@eventespresso/ui-components';\nimport { useDatesListFilterState } from '@eventespresso/edtr-services';\nimport { DatetimeSales, DatetimeStatus } from '@eventespresso/predicates';\n\nimport { labels, statusOptions, salesOptions } from './controls/options';\n\nconst ActiveDatesFilters: React.FC = () => {\n\tconst { status, setStatus, sales, setSales, searchText, setSearchText, recurrence, setRecurrence } =\n\t\tuseDatesListFilterState();\n\n\tconst statusTitle = `${labels.status}: ${statusOptions?.[status]}`;\n\tconst salesTitle = `${labels.sales}: ${salesOptions?.[sales]}`;\n\tconst searchTitle = `${labels.search}: ${searchText}`;\n\tconst recurrenceTitle = `${labels.recurrence}: ${__('ON')}`;\n\n\tconst onRemoveStatus = useCallback(() => setStatus(DatetimeStatus.all), [setStatus]);\n\tconst onRemoveSales = useCallback(() => setSales(DatetimeSales.all), [setSales]);\n\tconst onRemoveRecurrence = useCallback(() => setRecurrence(''), [setRecurrence]);\n\tconst onRemoveSearch = useCallback(() => setSearchText(''), [setSearchText]);\n\n\treturn (\n\t\t\n\t\t\t{status !== DatetimeStatus.all && }\n\t\t\t{sales !== DatetimeSales.all && }\n\t\t\t{recurrence && }\n\t\t\t{searchText ? : null}\n\t\t\n\t);\n};\n\nexport default ActiveDatesFilters;\n","import { SelectWithLabel } from '@eventespresso/ui-components';\nimport { useDatesListFilterState } from '@eventespresso/edtr-services';\nimport { objectToSelectOptions } from '@eventespresso/utils';\n\nimport { labels, displayStartOrEndDateOptions } from './options';\n\nconst options = objectToSelectOptions(displayStartOrEndDateOptions);\n/**\n * filter for controlling which dates display in a list of Event Dates\n */\nconst DisplayStartOrEndDateControl: React.FC = () => {\n\tconst { displayStartOrEndDate, setDisplayStartOrEndDate } = useDatesListFilterState();\n\n\treturn (\n\t\t\n\t);\n};\nexport default DisplayStartOrEndDateControl;\n","import { SelectWithLabel } from '@eventespresso/ui-components';\nimport { useDatesListFilterState } from '@eventespresso/edtr-services';\nimport { objectToSelectOptions } from '@eventespresso/utils';\n\nimport { labels, salesOptions } from './options';\n\nconst options = objectToSelectOptions(salesOptions);\n\nconst SalesControl: React.FC = () => {\n\tconst { sales, setSales } = useDatesListFilterState();\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default SalesControl;\n","import { SelectWithLabel } from '@eventespresso/ui-components';\nimport { useDatesListFilterState } from '@eventespresso/edtr-services';\nimport { objectToSelectOptions } from '@eventespresso/utils';\n\nimport { labels, statusOptions } from './options';\nconst options = objectToSelectOptions(statusOptions);\n\nconst StatusControl: React.FC = () => {\n\tconst { status, setStatus } = useDatesListFilterState();\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default StatusControl;\n","import { RangeFormat } from '@eventespresso/ee-components';\nimport type { Datetime } from '@eventespresso/edtr-services';\n\nconst formatTokens = { month: 'LLL' };\n\nconst DraggableDatetime: React.FC = ({ dbId, endDate, name, startDate }) => (\n\t<>\n\t\t{dbId})\n\t\t{name}: \n\t\t\n\t\n);\n\nexport default DraggableDatetime;\n","import { SortByControl as SortByControlUI } from '@eventespresso/ee-components';\nimport type { SortByControlProps } from '@eventespresso/ee-components';\nimport {\n\tuseDatesListFilterState,\n\tuseFilteredDateIds,\n\tuseReorderDatetimes,\n\tDatetime,\n} from '@eventespresso/edtr-services';\nimport { objectToSelectOptions } from '@eventespresso/utils';\nimport { datetimesDroppableId } from '@eventespresso/constants';\nimport { TypeName } from '@eventespresso/services';\n\nimport { labels, sortByOptions } from '../options';\nimport DraggableDatetime from './DraggableDatetime';\n\nconst options = objectToSelectOptions(sortByOptions);\n\nconst renderDraggableItem: SortByControlProps['renderDraggableItem'] = (datetime) => ({\n\t...datetime,\n\tcontent: ,\n});\n\nconst SortByControl: React.FC = () => {\n\tconst { sortBy, setSortBy } = useDatesListFilterState();\n\tconst filteredDateIds = useFilteredDateIds();\n\tconst {\n\t\tallReorderedEntities: draggableItems,\n\t\tsortResponder,\n\t\tupdateEntityList,\n\t} = useReorderDatetimes(filteredDateIds);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default SortByControl;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { TypeName } from '@eventespresso/services';\nimport {\n\tdomain,\n\tdatesList,\n\tDatetimesListProvider,\n\twithEntityListContext,\n\tuseDatesListFilterState,\n} from '@eventespresso/edtr-services';\nimport { EntityList } from '@eventespresso/ee-components';\n\nimport DatesListFooter from './DatesListFooter';\nimport { legendConfig } from './config';\nimport { RenderCardView } from './cardView';\nimport { RenderTableView } from './tableView';\nimport { ActiveDatesFilters } from './filterBar';\n\nconst DatesList: React.FC = () => {\n\tconst filterState = useDatesListFilterState();\n\n\tconst renderList = useCallback(\n\t\t() => (filterState.view === 'card' ? : ),\n\t\t[filterState.view]\n\t);\n\n\treturn (\n\t\t}\n\t\t\tdomain={domain}\n\t\t\tentityType={TypeName.datetimes}\n\t\t\tfilterState={filterState}\n\t\t\tfooter={}\n\t\t\theaderText={__('Event Dates')}\n\t\t\tlegendConfig={legendConfig}\n\t\t\tlistId={datesList}\n\t\t\tloadingText={__('loading event dates…')}\n\t\t\trenderList={renderList}\n\t\t/>\n\t);\n};\n\nexport default withEntityListContext({\n\tProvider: DatetimesListProvider,\n\tComponent: DatesList,\n});\n","import { useMemo } from 'react';\nimport classNames from 'classnames';\n\nimport { __ } from '@eventespresso/i18n';\nimport { SelectWithLabel } from '@eventespresso/ui-components';\nimport { datetimeStatus } from '@eventespresso/constants';\nimport { objectToSelectOptions } from '@eventespresso/utils';\nimport { datetimeStatusBgColorClassName } from '@eventespresso/helpers';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst ActiveStatus: React.FC = ({ status, onStatusChange }) => {\n\tconst className = classNames(\n\t\t'ee-edtr-option',\n\t\t'ee-edtr-option__active-status',\n\t\tdatetimeStatusBgColorClassName(null)\n\t);\n\n\tconst options = useMemo(() => objectToSelectOptions(datetimeStatus), []);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default ActiveStatus;\n","import { __ } from '@eventespresso/i18n';\nimport { InlineEditTextWithLabel } from '@eventespresso/ui-components';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst AltRegPage: React.FC = ({ altRegPage, onAltRegPageChange }) => {\n\treturn (\n\t\t\n\t);\n};\n\nexport default AltRegPage;\n","import { useMemo } from 'react';\nimport { __ } from '@eventespresso/i18n';\nimport classNames from 'classnames';\nimport { SelectWithLabel } from '@eventespresso/ui-components';\nimport { regStatusOptions } from '@eventespresso/predicates';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst DefaultRegistrationStatus: React.FC = ({ defaultRegStatus, onDefaultRegStatusChange }) => {\n\tconst regStatusCode = useMemo(\n\t\t() => regStatusOptions.filter((option) => option.value === defaultRegStatus),\n\t\t[defaultRegStatus]\n\t);\n\tconst className = classNames(\n\t\t'ee-edtr-option ee-edtr-option__default-reg-status',\n\t\t`ee-status-bg--${regStatusCode[0]?.code}`\n\t);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default DefaultRegistrationStatus;\n","import { __ } from '@eventespresso/i18n';\nimport { SwitchWithLabel } from '@eventespresso/ui-components';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst Donations: React.FC = ({ allowDonations: isChecked, onDonationsChange }) => {\n\tconst label = isChecked ? __('Donations Enabled') : __('Donations Disabled');\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default Donations;\n","import { useMemo } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { entityListToSelectOptions } from '@eventespresso/utils';\nimport { SelectWithLabel } from '@eventespresso/ui-components';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst EventManager: React.FC = ({ eventManagers, managerId, onManagerChange }) => {\n\tconst options = useMemo(() => eventManagers && entityListToSelectOptions(eventManagers), [eventManagers]);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default EventManager;\n","import { __ } from '@eventespresso/i18n';\nimport { InlineEditTextWithLabel } from '@eventespresso/ui-components';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst EventPhoneNumber: React.FC = ({ onPhoneNumberChange, phoneNumber }) => {\n\treturn (\n\t\t\n\t);\n};\n\nexport default EventPhoneNumber;\n","import { __ } from '@eventespresso/i18n';\nimport { InlineEditTextWithLabel } from '@eventespresso/ui-components';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst MaxRegistrations: React.FC = ({ maxReg, onMaxRegChange }) => {\n\tconst strValue = maxReg && String(maxReg);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default MaxRegistrations;\n","import { __ } from '@eventespresso/i18n';\nimport { SwitchWithLabel } from '@eventespresso/ui-components';\nimport type { EventRegistrationOptionsProps } from './types';\n\ninterface Props extends Pick {}\n\nconst TicketSelector: React.FC = ({ displayTicketSelector: isChecked, onTicketSelectorChange }) => {\n\tconst label = isChecked ? __('Ticket Selector Enabled') : __('Ticket Selector Disabled');\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default TicketSelector;\n","import { useCallback } from 'react';\n\nimport { useEvent, useEventManagers, useEventMutator } from '@eventespresso/edtr-services';\nimport type { InlineEditProps, SwitchProps } from '@eventespresso/adapters';\nimport type { EventRegistrationOptionsProps } from './types';\n\nconst withData = >(\n\tWrappedComponent: React.ComponentType\n): React.ComponentType => {\n\tconst WithData: React.FC
= () => {\n\t\tconst event = useEvent();\n\t\tconst eventManagers = useEventManagers();\n\n\t\tconst { updateEntity: updateEvent } = useEventMutator(event?.id);\n\n\t\tconst onAltRegPageChange = useCallback(\n\t\t\t(newAltRegPage) => {\n\t\t\t\tif (newAltRegPage !== event?.altRegPage) {\n\t\t\t\t\tupdateEvent({ altRegPage: newAltRegPage });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.altRegPage, updateEvent]\n\t\t);\n\n\t\tconst onDonationsChange = useCallback(\n\t\t\t(allowDonations) => {\n\t\t\t\tif (event?.allowDonations !== allowDonations) {\n\t\t\t\t\tupdateEvent({ allowDonations });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.allowDonations, updateEvent]\n\t\t);\n\n\t\tconst onDefaultRegStatusChange = useCallback(\n\t\t\t(defaultRegStatus) => {\n\t\t\t\tif (event?.defaultRegStatus !== defaultRegStatus) {\n\t\t\t\t\tupdateEvent({ defaultRegStatus });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.defaultRegStatus, updateEvent]\n\t\t);\n\n\t\tconst onManagerChange = useCallback(\n\t\t\t(newManagerId): void => {\n\t\t\t\tif (newManagerId !== event?.manager?.id) {\n\t\t\t\t\tupdateEvent({ manager: newManagerId }); // TODO - check this mutation because manager is an object with properties id and name\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.manager?.id, updateEvent]\n\t\t);\n\n\t\tconst onMaxRegChange = useCallback(\n\t\t\t(newMaxRegistrations) => {\n\t\t\t\tconst maxRegistrations = Number(newMaxRegistrations);\n\t\t\t\tif (maxRegistrations !== event?.maxRegistrations) {\n\t\t\t\t\tupdateEvent({ maxRegistrations });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.maxRegistrations, updateEvent]\n\t\t);\n\n\t\tconst onPhoneNumberChange = useCallback(\n\t\t\t(newPhoneNumber) => {\n\t\t\t\tif (newPhoneNumber !== event?.phoneNumber) {\n\t\t\t\t\tupdateEvent({ phoneNumber: newPhoneNumber });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.phoneNumber, updateEvent]\n\t\t);\n\n\t\tconst onStatusChange = useCallback(\n\t\t\t(status) => {\n\t\t\t\tif (status !== event?.status) {\n\t\t\t\t\tupdateEvent({ status });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.status, updateEvent]\n\t\t);\n\n\t\tconst onTicketSelectorChange = useCallback(\n\t\t\t(displayTicketSelector) => {\n\t\t\t\tif (event?.displayTicketSelector !== displayTicketSelector) {\n\t\t\t\t\tupdateEvent({ displayTicketSelector });\n\t\t\t\t}\n\t\t\t},\n\t\t\t[event?.displayTicketSelector, updateEvent]\n\t\t);\n\n\t\treturn (\n\t\t\t\n\t\t);\n\t};\n\n\treturn WithData;\n};\n\nexport default withData;\n","import { __ } from '@eventespresso/i18n';\nimport { Grid, GridCard } from '@eventespresso/ui-components';\nimport { noop } from '@eventespresso/utils';\nimport { withFeature } from '@eventespresso/services';\n\nimport ActiveStatus from './ActiveStatus';\nimport AltRegPage from './AltRegPage';\nimport DefaultRegistrationStatus from './DefaultRegistrationStatus';\nimport Donations from './Donations';\nimport EventManager from './EventManager';\nimport EventPhoneNumber from './EventPhoneNumber';\nimport MaxRegistrations from './MaxRegistrations';\nimport TicketSelector from './TicketSelector';\nimport withData from './withData';\n\nimport type { EventRegistrationOptionsProps } from './types';\n\nimport './style.scss';\n\nexport const EventRegistrationOptions: React.FC> = ({\n\tallowDonations,\n\taltRegPage,\n\tdefaultRegStatus,\n\tdisplayTicketSelector,\n\teventManagers,\n\tmanagerId,\n\tmaxReg,\n\tonAltRegPageChange = noop,\n\tonDefaultRegStatusChange,\n\tonDonationsChange,\n\tonManagerChange,\n\tonPhoneNumberChange,\n\tonStatusChange,\n\tonTicketSelectorChange,\n\tonMaxRegChange = noop,\n\tphoneNumber,\n\tstatus,\n}) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withFeature('use_reg_options_meta_box')(withData(EventRegistrationOptions));\n","import { useNewEntityOptionItems } from '@edtrHooks/index';\n\nconst useNewTicketOptionItems = (): Array => {\n\treturn useNewEntityOptionItems('ticket');\n};\n\nexport default useNewTicketOptionItems;\n","const style = { margin: '5px', border: '1px solid red' };\nconst OptionsModal: React.FC = ({ children }) => {\n\t// TODO convert this to modal\n\treturn {children}
;\n};\n\nexport default OptionsModal;\n","import useNewTicketOptionItems from '@edtrUI/tickets/hooks/useNewTicketOptionItems';\nimport OptionsModal from './OptionsModal';\n\nconst NewTicketButton: React.FC = () => {\n\tconst optionItems = useNewTicketOptionItems();\n\tif (optionItems.length > 1) {\n\t\treturn {optionItems};\n\t}\n\treturn <>{optionItems};\n};\n\nexport default NewTicketButton;\n","import { __ } from '@eventespresso/i18n';\n\nimport { Button, NewEntityOption } from '@eventespresso/ui-components';\nimport { Ticket } from '@eventespresso/icons';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { EntityEditModalData } from '@edtrUI/types';\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\n\ntype AddSingleTicketProps = {\n\tisOnlyButton?: boolean;\n};\n\nconst AddSingleTicket: React.FC = ({ isOnlyButton }) => {\n\tconst { open } = useGlobalModal(EdtrGlobalModals.EDIT_TICKET);\n\n\tconst output = (\n\t\t\n\t);\n\n\tif (isOnlyButton) {\n\t\treturn output;\n\t}\n\n\treturn (\n\t\t\n\t\t\t{output}\n\t\t\n\t);\n};\n\nexport default AddSingleTicket;\n","import { __ } from '@eventespresso/i18n';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { DropdownMenu, DropdownMenuItem, DropdownMenuProps } from '@eventespresso/ui-components';\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { withFeature, useCurrentUserCan } from '@eventespresso/services';\n\nconst toggleProps: DropdownMenuProps['toggleProps'] = {\n\tnoPadding: true,\n\tsize: 'big',\n};\n\nexport const Actions = () => {\n\tconst { open } = useGlobalModal(EdtrGlobalModals.DEFAULT_TICKETS);\n\n\tconst currentUserCan = useCurrentUserCan();\n\n\tconst canReadDefaultTickets = currentUserCan('read', 'default_tickets');\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t{/* King's throne for other future items */}\n\t\t\n\t);\n};\n\n// Since we only have default tickets in that dropdown for now, lets hide it completely\nexport default withFeature('use_default_ticket_manager')(Actions);\n","import { useTickets } from '@eventespresso/edtr-services';\nimport { EntityCacheIds } from '@eventespresso/ee-components';\n\nimport { NewTicketButton } from './newTicketOptions';\nimport { Actions } from './actions';\n\nconst TicketsListFooter: React.FC = () => {\n\tconst entities = useTickets();\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default TicketsListFooter;\n","import { IconName, Trash } from '@eventespresso/icons';\nimport { LegendConfig } from '@eventespresso/ui-components';\nimport { __ } from '@eventespresso/i18n';\n\nexport const legendConfig: LegendConfig = {\n\ticons: [\n\t\t{ icon: IconName.EDIT, description: __('Edit Ticket Details') },\n\t\t{ icon: IconName.CALENDAR, description: __('Manage Date Assignments') },\n\t\t{ icon: IconName.CALCULATOR, description: __('Ticket Price Calculator') },\n\t\t{ icon: Trash, description: __('Move Ticket to Trash') },\n\t],\n\tswatches: {\n\t\tTKA: __('Trashed'),\n\t\tTKE: __('Expired'),\n\t\tTKO: __('On Sale'),\n\t\tTKS: __('Sold Out'),\n\t\tTKP: __('Pending'),\n\t},\n};\n","import { lazy, Suspense } from 'react';\n\nimport { LoadingNotice } from '@eventespresso/ui-components';\n\nconst CardView = lazy(() => import(/* webpackChunkName: \"tickets-card-view\" */ './CardView'));\n\nconst RenderCardView: React.FC = () => {\n\treturn (\n\t\t}>\n\t\t\t\n\t\t\n\t);\n};\n\nexport default RenderCardView;\n","import { lazy, Suspense } from 'react';\n\nimport { LoadingNotice } from '@eventespresso/ui-components';\n\nconst TableView = lazy(() => import(/* webpackChunkName: \"tickets-table-view\" */ './TableView'));\n\nconst RenderTableView: React.FC = () => {\n\treturn (\n\t\t}>\n\t\t\t\n\t\t\n\t);\n};\n\nexport default RenderTableView;\n","import { __ } from '@eventespresso/i18n';\n\nimport { DisplayStartOrEndDate } from '@eventespresso/edtr-services';\n\nimport { TicketsSales, TicketsStatus } from '@eventespresso/predicates';\n\nexport const displayStartOrEndDateOptions = {\n\t[DisplayStartOrEndDate.start]: __('ticket sales start date only'),\n\t[DisplayStartOrEndDate.end]: __('ticket sales end date only'),\n\t[DisplayStartOrEndDate.both]: __('ticket sales start and end dates'),\n};\n\nexport const salesOptions = {\n\t[TicketsSales.all]: __('all tickets for all dates'),\n\t[TicketsSales.above90Sold]: __('tickets with 90% or more sold'),\n\t[TicketsSales.above75Sold]: __('tickets with 75% or more sold'),\n\t[TicketsSales.above50Sold]: __('tickets with 50% or more sold'),\n\t// eslint-disable-next-line @wordpress/i18n-translator-comments\n\t[TicketsSales.below50Sold]: __('tickets with less than 50% sold'),\n};\n\nexport const salesIsChainedOptions = {\n\t...salesOptions,\n\t[TicketsSales.all]: __('all tickets for above dates'),\n};\n\nexport const statusOptions = {\n\t[TicketsStatus.all]: __('all tickets for all dates'),\n\t[TicketsStatus.onSaleAndPending]: __('all on sale and sale pending'),\n\t[TicketsStatus.onSaleOnly]: __('on sale tickets only'),\n\t[TicketsStatus.pendingOnly]: __('sale pending tickets only'),\n\t[TicketsStatus.nextOnSaleOrPendingOnly]: __('next on sale or sale pending only'),\n\t[TicketsStatus.soldOutOnly]: __('sold out tickets only'),\n\t[TicketsStatus.expiredOnly]: __('expired tickets only'),\n\t[TicketsStatus.trashedOnly]: __('trashed tickets only'),\n};\n\nexport const statusIsChainedOptions = {\n\t...statusOptions,\n\t[TicketsStatus.all]: __('all tickets for above dates'),\n};\n\nexport const sortByOptions = {\n\tdate: __('ticket sale date'),\n\tname: __('ticket name'),\n\tid: __('ticket ID'),\n\torder: __('custom order'),\n};\n\nexport const labels = {\n\tdisplayStartOrEndDate: __('display'),\n\tisChained: __('linked'),\n\tsales: __('sales'),\n\tsearch: __('search'),\n\tsortBy: __('sort by'),\n\tstatus: __('status'),\n};\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { ActiveFilters, FilterTag } from '@eventespresso/ui-components';\nimport { useTicketsListFilterState } from '@eventespresso/edtr-services';\nimport { TicketsSales, TicketsStatus } from '@eventespresso/predicates';\n\nimport { labels, statusOptions, salesOptions } from './controls/options';\n\nconst ActiveTicketsSFilters: React.FC = () => {\n\tconst { status, setStatus, sales, setSales, searchText, setSearchText, isChained, toggleIsChained } =\n\t\tuseTicketsListFilterState();\n\n\tconst statusTitle = `${labels.status}: ${statusOptions?.[status]}`;\n\tconst salesTitle = `${labels.sales}: ${salesOptions?.[sales]}`;\n\tconst searchTitle = `${labels.search}: ${searchText}`;\n\tconst isChainedTitle = `${labels.isChained}: ${__('ON')}`;\n\n\tconst onRemoveStatus = useCallback(() => setStatus(TicketsStatus.all), [setStatus]);\n\tconst onRemoveSales = useCallback(() => setSales(TicketsSales.all), [setSales]);\n\tconst onRemoveSearch = useCallback(() => setSearchText(''), [setSearchText]);\n\n\treturn (\n\t\t\n\t\t\t{status !== TicketsStatus.all && }\n\t\t\t{sales !== TicketsSales.all && }\n\t\t\t{searchText ? : null}\n\t\t\t{isChained && }\n\t\t\n\t);\n};\n\nexport default ActiveTicketsSFilters;\n","import { SelectWithLabel } from '@eventespresso/ui-components';\nimport { useTicketsListFilterState } from '@eventespresso/edtr-services';\nimport { objectToSelectOptions } from '@eventespresso/utils';\n\nimport { labels, displayStartOrEndDateOptions } from './options';\n\nconst options = objectToSelectOptions(displayStartOrEndDateOptions);\n\n/**\n * filter for controlling which dates display in a list of Event Dates\n */\nconst DisplayStartOrEndDateControl: React.FC = () => {\n\tconst { displayStartOrEndDate, setDisplayStartOrEndDate } = useTicketsListFilterState();\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default DisplayStartOrEndDateControl;\n","import { SelectWithLabel } from '@eventespresso/ui-components';\nimport { useTicketsListFilterState } from '@eventespresso/edtr-services';\nimport { useMemoStringify } from '@eventespresso/hooks';\nimport { objectToSelectOptions } from '@eventespresso/utils';\n\nimport { labels, salesOptions, salesIsChainedOptions } from './options';\n\nconst SalesControl: React.FC = () => {\n\tconst { isChained, sales, setSales } = useTicketsListFilterState();\n\tconst options = useMemoStringify(objectToSelectOptions(isChained ? salesIsChainedOptions : salesOptions), [\n\t\tisChained,\n\t]);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default SalesControl;\n","import { SelectWithLabel } from '@eventespresso/ui-components';\nimport { useTicketsListFilterState } from '@eventespresso/edtr-services';\nimport { useMemoStringify } from '@eventespresso/hooks';\nimport { objectToSelectOptions } from '@eventespresso/utils';\n\nimport { labels, statusOptions, statusIsChainedOptions } from './options';\n\nconst StatusControl: React.FC = () => {\n\tconst { isChained, status, setStatus } = useTicketsListFilterState();\n\tconst options = useMemoStringify(objectToSelectOptions(isChained ? statusIsChainedOptions : statusOptions), [\n\t\tisChained,\n\t]);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default StatusControl;\n","import { CurrencyDisplay, RangeFormat } from '@eventespresso/ee-components';\nimport { Ticket } from '@eventespresso/edtr-services';\n\nconst formatTokens = { month: 'LLL' };\n\nconst DraggableTicket: React.FC = ({ dbId, endDate, name, price, startDate }) => (\n\t<>\n\t\t{dbId})\n\t\t{name}: \n\t\t\n\t\t\t\n\t\t\n\t\t-\n\t\t\n\t\n);\n\nexport default DraggableTicket;\n","import { SortByControl as SortByControlUI } from '@eventespresso/ee-components';\nimport {\n\tTicket,\n\tuseFilteredTicketIds,\n\tuseReorderTickets,\n\tuseTicketsListFilterState,\n} from '@eventespresso/edtr-services';\nimport { ticketDroppableId } from '@eventespresso/constants';\nimport { objectToSelectOptions } from '@eventespresso/utils';\nimport { TypeName } from '@eventespresso/services';\nimport type { SortByControlProps } from '@eventespresso/ee-components';\n\nimport { labels, sortByOptions } from '../options';\nimport DraggableTicket from './DraggableTicket';\n\nconst options = objectToSelectOptions(sortByOptions);\n\nconst renderDraggableItem: SortByControlProps['renderDraggableItem'] = (ticket) => ({\n\t...ticket,\n\tcontent: ,\n});\n\n/**\n * filter for controlling the sorting of a list of Event Dates\n */\nconst SortByControl: React.FC = () => {\n\tconst { sortBy, setSortBy } = useTicketsListFilterState();\n\tconst filteredTicketIds = useFilteredTicketIds();\n\tconst {\n\t\tallReorderedEntities: draggableItems,\n\t\tsortResponder,\n\t\tupdateEntityList,\n\t} = useReorderTickets(filteredTicketIds);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default SortByControl;\n","import classNames from 'classnames';\nimport { __ } from '@eventespresso/i18n';\n\nimport { IconButton } from '@eventespresso/ui-components';\nimport { Link, Unlink } from '@eventespresso/icons';\nimport { useTicketsListFilterState } from '@eventespresso/edtr-services';\n\nimport { labels } from './options';\n\n/**\n * filter for controlling whether Tickets List is chained to the Dates List\n * if true, then only tickets that are related to the dates in the dates list\n * will appear, otherwise ALL tickets will appear (subject to other filters)\n */\nconst IsChainedButton: React.FC = () => {\n\tconst { isChained, toggleIsChained } = useTicketsListFilterState();\n\tconst className = classNames('ee-filter-bar__btn ee-filter-bar__chain', {\n\t\t'ee-filter-bar__btn--active': isChained,\n\t\t'ee-filter-bar__chain--active': isChained,\n\t});\n\tconst icon = isChained ? Link : Unlink;\n\tconst tooltip = isChained\n\t\t? __('tickets list is linked to dates list and is showing tickets for above dates only')\n\t\t: __('tickets list is unlinked and is showing tickets for all event dates');\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default IsChainedButton;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { TypeName } from '@eventespresso/services';\nimport {\n\tdomain,\n\tticketsList,\n\tTicketsListProvider,\n\twithEntityListContext,\n\tuseTicketsListFilterState,\n\tuseRegisterIsChainedFilter,\n} from '@eventespresso/edtr-services';\nimport { EntityList } from '@eventespresso/ee-components';\n\nimport TicketsListFooter from './TicketsListFooter';\nimport { legendConfig } from './config';\nimport { RenderCardView } from './cardView';\nimport { RenderTableView } from './tableView';\nimport { ActiveTicketsFilters } from './filterBar';\n\nconst TicketsList: React.FC = () => {\n\tconst filterState = useTicketsListFilterState();\n\n\tconst renderList = useCallback(\n\t\t() => (filterState.view === 'card' ? : ),\n\t\t[filterState.view]\n\t);\n\n\treturn (\n\t\t}\n\t\t\tdomain={domain}\n\t\t\tentityType={TypeName.tickets}\n\t\t\tfilterState={filterState}\n\t\t\tfooter={}\n\t\t\theaderText={__('Available Tickets')}\n\t\t\tlegendConfig={legendConfig}\n\t\t\tlistId={ticketsList}\n\t\t\tloadingText={__('loading tickets…')}\n\t\t\trenderList={renderList}\n\t\t/>\n\t);\n};\n\nconst EnhancedTicketsList = withEntityListContext({\n\tProvider: TicketsListProvider,\n\tComponent: TicketsList,\n});\n\nconst ChainedTicketsList: React.FC = () => {\n\t// register isChained filter using hook.\n\tuseRegisterIsChainedFilter();\n\treturn ;\n};\n\nexport default ChainedTicketsList;\n","import { useCallback, useEffect } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { AdvancedTextEditor } from '@eventespresso/ee-components';\nimport { Heading } from '@eventespresso/ui-components';\nimport { useEvent, useEventMutator } from '@eventespresso/edtr-services';\nimport { withFeature } from '@eventespresso/services';\n\ntype AdvancedTextEditorProps = React.ComponentProps;\n\nconst EventDescription: React.FC = () => {\n\tconst event = useEvent();\n\n\tconst { updateEntity: updateEvent } = useEventMutator(event?.id);\n\n\tconst onChangeDescription = useCallback(\n\t\t(newDescription) => {\n\t\t\tif (newDescription !== event?.description) {\n\t\t\t\tupdateEvent({ description: newDescription });\n\t\t\t}\n\t\t},\n\t\t[event?.description, updateEvent]\n\t);\n\n\tuseEffect(() => {\n\t\t// remove tiny mce editor\n\t\tdocument.getElementById('postdivrich')?.remove();\n\t}, []);\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t\t{__('Event Description')}\n\t\t\t\n\t\t\t
\n\t\t
\n\t\t\t\t\t{thumbnail ? (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t) : (\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{__('no image')}\n\t\t\t\t\t\t
\n\t\t\t\t\t)}\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t{selectedVenue?.name}\n\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
{selectedVenue?.shortDescription}
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t{venueCapacity}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\t{selectedVenue?.phone || '(###) ###-####'}\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{__('Edit this Venue')}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
{`${__('ID')}: ${datetime.dbId}`}
\n\t\t\t
{datetime.name}
\n\t\t\t
{startDate}
\n\t\t
\n\t\t\t
\n\t\t\t\t
{`${__('ID')}: ${ticket.dbId}`}
\n\t\t\t\t
{ticket.name}
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t\t\t
\n\t\t\t
\n\t\t\t
{startDate}
\n\t\t
\n\t\t\t
{__('Assignments')}
\n\t\t\t
{__('Event Dates are listed below')}
\n\t\t\t
{__('Tickets are listed along the top')}
\n\t\t\t
{__('Click the cell buttons to toggle assigments')}
\n\t\t
\n\t\t\t\n\t\t\t{/* RFF fields */}\n\t\t\t{steps.current === DATE_DETAILS_STEP && body}\n\n\t\t\t{steps.current === ASSIGN_TICKETS_STEP && }\n\t\t
\n\t);\n};\n\nexport default ModalBody;\n","export const DATE_DETAILS_STEP = 0;\n\nexport const ASSIGN_TICKETS_STEP = 1;\n","import { __ } from '@eventespresso/i18n';\n\nimport { ButtonRow, Next, Previous, Submit } from '@eventespresso/ui-components';\nimport { withFormSubscription, FormSubscriptionProps } from '@eventespresso/ee-components';\nimport type { PrevNext } from '@eventespresso/hooks';\n\nimport { useDataState as useTAMDataState } from '@edtrUI/ticketAssignmentsManager/data';\nimport { ASSIGN_TICKETS_STEP, DATE_DETAILS_STEP } from './constants';\n\ninterface FooterButtonsProps extends FormSubscriptionProps {\n\tsteps: PrevNext;\n}\n\nconst FooterButtons: React.FC = ({ form, hasErrors, steps, submitting }) => {\n\tconst { current, prev, next } = steps;\n\tconst { hasOrphanEntities } = useTAMDataState();\n\tconst isSubmitDisabled = hasOrphanEntities();\n\n\treturn (\n\t\t\n\t\t\t{current === DATE_DETAILS_STEP && (\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t{current === ASSIGN_TICKETS_STEP && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nexport default withFormSubscription(FooterButtons);\n","import { useMemo } from 'react';\nimport { EntityEditModal } from '@eventespresso/ee-components';\nimport { EdtrGlobalModals, useEvent, useDatetimeItem } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { __, sprintf } from '@eventespresso/i18n';\nimport { usePrevNext } from '@eventespresso/hooks';\nimport { useIsPristine } from '@eventespresso/form';\nimport { EntityEditModalProps } from '@eventespresso/ui-components';\n\nimport ModalBody from './ModalBody';\nimport FooterButtons from './FooterButtons';\n\nimport type { ContentWrapperProps } from './types';\nimport type { EntityEditModalData } from '@edtrUI/types';\n\nconst Modal: React.FC = ({ onClose, ...props }) => {\n\tconst { isOpen } = useGlobalModal(EdtrGlobalModals.EDIT_DATE);\n\tconst event = useEvent();\n\tconst steps = usePrevNext();\n\tconst isPristine = useIsPristine();\n\n\tconst { values } = props.form.getState();\n\n\tconst datetime = useDatetimeItem({ id: values?.id });\n\n\tconst title: string = useMemo(() => {\n\t\tconst str = datetime?.dbId\n\t\t\t? sprintf(\n\t\t\t\t\t/* translators: %d database id */\n\t\t\t\t\t__('Edit datetime %s'),\n\t\t\t\t\t`#${datetime.dbId}`\n\t\t\t )\n\t\t\t: __('New Datetime');\n\t\t// add event name to the title\n\t\treturn event?.name ? `${event.name}: ${str}` : str;\n\t}, [datetime, event]);\n\n\tconst footerButtons = ;\n\n\tconst ariaAttributes: EntityEditModalProps['ariaAttributes'] = useMemo(() => {\n\t\tconst getAriaLabel = (): string => {\n\t\t\tif (!datetime || !datetime.name) {\n\t\t\t\treturn __('modal for datetime');\n\t\t\t}\n\t\t\t/* translators: %s datetime name */\n\t\t\treturn sprintf('modal for datetime %s', datetime.name);\n\t\t};\n\t\treturn {\n\t\t\tmodalContent: { 'aria-label': getAriaLabel() },\n\t\t};\n\t}, [datetime]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default Modal;\n","import { useMemoStringify } from '@eventespresso/hooks';\nimport { useFormValues } from '@eventespresso/form';\nimport { Datetime, DateFormShape, useDatetimeItem } from '@eventespresso/edtr-services';\n\nimport { ContextProvider as TAMContextProvider } from '@edtrUI/ticketAssignmentsManager/context';\nimport Modal from './Modal';\n\nimport type { ContentWrapperProps } from './types';\n\nconst ContextProvider: React.FC = (props) => {\n\tconst { values: initialValues } = props.form.getState();\n\tconst values = useFormValues(initialValues);\n\n\tconst datetime = useDatetimeItem({ id: values?.id });\n\n\t// add defaults from Apollo cache and override the set values from form state\n\tconst entity = useMemoStringify({ id: 'NEW_DATE', dbId: 0, ...datetime, ...values } as Datetime);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default ContextProvider;\n","import { useMemo } from 'react';\n\nimport { FormWithConfig } from '@eventespresso/ee-components';\n\nimport useDatetimeFormConfig from '../useDateFormConfig';\nimport ContextProvider from './ContextProvider';\nimport type { ContentProps } from './types';\n\nconst Content: React.FC = ({ entityId, onClose, onSubmit }) => {\n\tconst config = useMemo(() => ({ onSubmit }), [onSubmit]);\n\tconst formConfig = useDatetimeFormConfig(entityId, config);\n\n\treturn ;\n};\n\nexport default Content;\n","import { useCallback } from 'react';\n\nimport {\n\tuseDatetimeMutator,\n\tuseUpdateTicketQtyByCapacity,\n\tuseDatetimeItem,\n\tuseDatetimes,\n} from '@eventespresso/edtr-services';\nimport { getHighestOrder } from '@eventespresso/predicates';\nimport type { EntityId } from '@eventespresso/data';\nimport { isInfinite, wait } from '@eventespresso/utils';\n\nimport { OnSubmit } from './types';\n\nconst useOnSubmit = (entityId: EntityId, onClose: VoidFunction): OnSubmit => {\n\tconst { createEntity, updateEntity } = useDatetimeMutator();\n\tconst datetime = useDatetimeItem({ id: entityId });\n\n\tconst { createBulkQtyUpdateInput, doQtyBulkUpdate } = useUpdateTicketQtyByCapacity();\n\tconst dates = useDatetimes();\n\n\tconst onSubmit = useCallback(\n\t\tasync (fields) => {\n\t\t\t// wait the next event cycle to fire up isLoading for submit button\n\t\t\tawait wait();\n\n\t\t\t// whether date capacity has been changed\n\t\t\tlet capacityChanged = false;\n\t\t\tlet id = entityId;\n\n\t\t\tonClose();\n\t\t\t// If it's an existing entity\n\t\t\tif (entityId) {\n\t\t\t\t// Update it\n\t\t\t\tawait updateEntity(fields);\n\n\t\t\t\tcapacityChanged = fields?.capacity !== datetime?.capacity;\n\t\t\t} else {\n\t\t\t\t// we need to set the order to be higher than those of all the existing ones\n\t\t\t\tconst order = fields.order || getHighestOrder(dates) + 1;\n\t\t\t\t// otherwise create it\n\t\t\t\tconst result = await createEntity({ ...fields, order });\n\n\t\t\t\t// Get the ID.\n\t\t\t\tid = result?.data?.createEspressoDatetime?.espressoDatetime?.id;\n\n\t\t\t\t// For new dates, capacity matters only if it's finite.\n\t\t\t\tcapacityChanged = !isInfinite(fields?.capacity);\n\t\t\t}\n\t\t\t// if true, we need to update the quantity of all the related tickets\n\t\t\tif (capacityChanged && id) {\n\t\t\t\tconst input = createBulkQtyUpdateInput(fields, fields?.tickets);\n\t\t\t\tawait doQtyBulkUpdate(input);\n\t\t\t}\n\t\t},\n\t\t[createBulkQtyUpdateInput, createEntity, dates, datetime, doQtyBulkUpdate, entityId, onClose, updateEntity]\n\t);\n\n\treturn onSubmit;\n};\n\nexport default useOnSubmit;\n","import { useCallback } from 'react';\n\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\n\nimport Content from './Content';\nimport { EntityEditModalData } from '@edtrUI/types';\nimport useOnSubmit from './useOnSubmit';\n\nconst Container: React.FC = () => {\n\tconst {\n\t\tgetData,\n\t\tisOpen,\n\t\tclose: closeEditDateModal,\n\t\tsetData,\n\t} = useGlobalModal(EdtrGlobalModals.EDIT_DATE);\n\tconst { close: closeNewDateModal } = useGlobalModal(EdtrGlobalModals.NEW_DATE);\n\n\tconst onClose = useCallback(() => {\n\t\tcloseEditDateModal();\n\t\tcloseNewDateModal();\n\t\t// reset the global modal data\n\t\tsetData({ entityId: null });\n\t}, [closeEditDateModal, closeNewDateModal, setData]);\n\n\tconst { entityId } = getData();\n\n\tconst onSubmit = useOnSubmit(entityId, onClose);\n\n\treturn isOpen && ;\n};\n\nexport default Container;\n","import { useCallback, useMemo } from 'react';\nimport * as R from 'ramda';\n\nimport { isTrashed } from '@eventespresso/predicates';\nimport { useDatetimeItem, useDatetimeMutator, useDeleteRelatedTickets, useEventId } from '@eventespresso/edtr-services';\nimport { useRelations } from '@eventespresso/services';\nimport type { EntityId } from '@eventespresso/data';\n\ntype Actions = {\n\tcopyDate: VoidFunction;\n\ttrashDate: VoidFunction;\n\tisTrashed: boolean;\n};\n\nconst useActions = (datetimeId: EntityId): Actions => {\n\t// Make sure to subscribe to Apollo cache\n\t// to avoid stale data\n\tconst datetime = useDatetimeItem({ id: datetimeId });\n\n\tconst eventId = useEventId();\n\n\tconst { createEntity, deleteEntity } = useDatetimeMutator(datetimeId);\n\n\tconst { getRelations } = useRelations();\n\n\tconst tickets = getRelations({\n\t\tentity: 'datetimes',\n\t\tentityId: datetimeId,\n\t\trelation: 'tickets',\n\t});\n\n\tconst copyDate = useCallback(() => {\n\t\tconst newDatetime = R.pick(\n\t\t\t['capacity', 'description', 'endDate', 'isPrimary', 'name', 'order', 'startDate'],\n\t\t\tdatetime\n\t\t);\n\t\treturn createEntity({ ...newDatetime, eventId, tickets });\n\t}, [createEntity, datetime, eventId, tickets]);\n\n\tconst trashed = isTrashed(datetime);\n\n\tconst deleteRelatedTickets = useDeleteRelatedTickets();\n\n\tconst trashDate = useCallback(async () => {\n\t\tawait deleteEntity({ id: datetimeId, deletePermanently: trashed });\n\t\tawait deleteRelatedTickets(datetimeId, trashed);\n\t}, [deleteEntity, deleteRelatedTickets, datetimeId, trashed]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\tcopyDate,\n\t\t\ttrashDate,\n\t\t\tisTrashed: trashed,\n\t\t}),\n\t\t[copyDate, trashDate, trashed]\n\t);\n};\n\nexport default useActions;\n","import { __ } from '@eventespresso/i18n';\nimport { AlertType, TrashEntity, useConfirmationDialog } from '@eventespresso/ui-components';\nimport { Trash as TrashIcon } from '@eventespresso/icons';\nimport { useDatesListFilterState } from '@eventespresso/edtr-services';\nimport useActions from './useActions';\nimport type { Datetime } from '@eventespresso/edtr-services';\n\nexport interface DeleteDatetimeProps {\n\tdatetime: Datetime;\n}\n\nexport const DeleteDatetime: React.FC = ({ datetime }) => {\n\tconst { trashDate, isTrashed } = useActions(datetime.id);\n\tconst isTheOnlyDate = useDatesListFilterState().total === 1;\n\tconst trashDateTitle = isTrashed ? __('delete permanently') : __('trash datetime');\n\tconst cannotBeDeleted = isTrashed && isTheOnlyDate;\n\n\tconst title = isTrashed ? __('Permanently Delete Datetime?') : __('Move Datetime to Trash?');\n\tconst message = isTrashed\n\t\t? __(\n\t\t\t\t'Are you sure you want to permanently delete this datetime? This action is permanent and can not be undone.'\n\t\t )\n\t\t: __(\n\t\t\t\t'Are you sure you want to move this datetime to the trash? You can \"untrash\" this datetime later if you need to.'\n\t\t );\n\tconst { confirmationDialog, onOpen } = useConfirmationDialog({\n\t\taddIconBG: true,\n\t\talertType: AlertType.ACCENT,\n\t\ticon: TrashIcon,\n\t\tmessage,\n\t\ttitle,\n\t\tonConfirm: trashDate,\n\t\tyesButtonText: __('delete'),\n\t});\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t{confirmationDialog}\n\t\t\n\t);\n};\n","import { useCallback, useMemo } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { CopyEntity, DropdownMenu, DropdownToggleProps, EditEntity } from '@eventespresso/ui-components';\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport type { EntityEditModalData } from '@edtrUI/types';\n\nimport { DeleteDatetime } from './DeleteDatetime';\nimport useActions from './useActions';\nimport type { DateMainMenuProps } from './types';\n\nconst DateMainMenu: React.FC = ({ datetime }) => {\n\tconst { copyDate } = useActions(datetime.id);\n\tconst { openWithData } = useGlobalModal(EdtrGlobalModals.EDIT_DATE);\n\n\tconst toggleProps: DropdownToggleProps = useMemo(\n\t\t() => ({\n\t\t\tclassName: 'ee-date-main-menu',\n\t\t\t'data-testid': `ee-datetime-main-menu-${datetime.dbId}`,\n\t\t\ttooltip: __('event datetime main menu'),\n\t\t}),\n\t\t[datetime.dbId]\n\t);\n\n\tconst onOpenEditModal = useCallback(() => {\n\t\topenWithData({ entityId: datetime.id });\n\t}, [datetime.id, openWithData]);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default DateMainMenu;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { EdtrGlobalModals, useRelatedTickets } from '@eventespresso/edtr-services';\nimport { IconButton, ItemCount } from '@eventespresso/ui-components';\nimport { Ticket } from '@eventespresso/icons';\nimport { TypeName, withIsLoaded } from '@eventespresso/services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport type { BaseProps } from '@edtrUI/ticketAssignmentsManager';\n\nimport type { Datetime } from '@eventespresso/edtr-services';\nimport type { EntityListItemProps } from '@eventespresso/ui-components';\n\nconst AssignTicketsButton: React.FC> = ({ entity }) => {\n\tconst { openWithData } = useGlobalModal(EdtrGlobalModals.TAM);\n\n\tconst getRelatedTickets = useRelatedTickets();\n\n\tconst count = getRelatedTickets({\n\t\tentity: 'datetimes',\n\t\tentityId: entity.id,\n\t}).length;\n\n\tconst title = count\n\t\t? __('Number of related tickets')\n\t\t: __('There are no tickets assigned to this datetime. Please click the ticket icon to update the assignments.');\n\n\tconst onOpen = useCallback(() => {\n\t\topenWithData({ entity, assignmentType: 'forDate' });\n\t}, [entity, openWithData]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withIsLoaded>(TypeName.tickets, ({ entity, loaded }) => {\n\t/* Hide TAM unless tickets are loaded */\n\treturn loaded && ;\n});\n","/**\n * This file registers the UI elements related to datetime UI via registry package\n */\nimport {\n\tEntityActionsSubscription,\n\tEntityActionsSubscriptionCb,\n\tModalSubscription,\n\tFilterBarUISubscription,\n\tFilterBarUISubscriptionCb,\n} from '@eventespresso/registry';\nimport {\n\tdomain,\n\tEdtrGlobalModals,\n\tDatetime,\n\tDatetimesFilterStateManager,\n\tdatesList,\n\tNewDateOption,\n} from '@eventespresso/edtr-services';\nimport { EdtrSlots } from '@eventespresso/services';\nimport { FilterBarFilter } from '@eventespresso/ui-components';\nimport { registerPlugin } from '@eventespresso/plugins';\n\nimport {\n\tDisplayStartOrEndDateControl,\n\tSalesControl,\n\tSortByControl,\n\tStatusControl,\n} from '@edtrUI/datetimes/datesList/filterBar/controls';\nimport { NewDateModal, AddSingleDate } from '@edtrUI/datetimes/datesList/newDateOptions';\nimport { Container as EditDateContainer } from '@edtrUI/datetimes/dateForm/multiStep';\nimport { DateMainMenu } from '@edtrUI/datetimes/datesList/actionsMenu/dropdown';\nimport AssignTicketsButton from '@edtrUI/datetimes/datesList/actionsMenu/AssignTicketsButton';\n\n// Register date modal containers\nconst modals = new ModalSubscription(domain);\nmodals.subscribe(({ registry: { registerContainer } }) => {\n\t// Register new date popover\n\tregisterContainer(EdtrGlobalModals.NEW_DATE, NewDateModal);\n\t// Register edit date modal\n\tregisterContainer(EdtrGlobalModals.EDIT_DATE, EditDateContainer);\n});\n\n// Register datetime actions menu items.\nconst entityActions = new EntityActionsSubscription(domain);\nconst datesActionHandler: EntityActionsSubscriptionCb = ({ entityType, entity, registry }) => {\n\t// although this is not needed\n\tif (entityType !== 'datetime') {\n\t\treturn;\n\t}\n\n\tconst { registerElement: registerMenuItem } = registry;\n\n\tregisterMenuItem('dateMainMenu', () => );\n\n\tregisterMenuItem('assignTickets', () => );\n};\n\nentityActions.subscribe(datesActionHandler, { entityType: 'datetime' });\n\n// Register datetime filterbar elements\nconst filterBar = new FilterBarUISubscription(domain);\ntype DatesListFilterBarCallback = FilterBarUISubscriptionCb;\nconst datesListFilterBar: DatesListFilterBarCallback = ({ listId, registry }) => {\n\t// although this is not needed\n\tif (listId !== datesList) {\n\t\treturn;\n\t}\n\n\tconst { registerElement: registerFilterBarItem } = registry;\n\n\tregisterFilterBarItem('status', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('sales', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('displayStartOrEndDate', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('sortBy', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n};\n\nfilterBar.subscribe(datesListFilterBar, { listId: datesList });\n\nregisterPlugin(EdtrSlots.ADD_SINGLE_DATE_OPTION, {\n\trender: () => (\n\t\t\n\t\t\t{({ count }) => {\n\t\t\t\treturn ;\n\t\t\t}}\n\t\t\n\t),\n});\n","import { useCallback } from 'react';\nimport * as R from 'ramda';\n\nimport { useTicketPrices } from '@eventespresso/edtr-services';\nimport type { EntityId } from '@eventespresso/data';\nimport { useTicketMutator } from '@eventespresso/edtr-services';\nimport { getGuids, entitiesWithGuIdNotInArray } from '@eventespresso/predicates';\nimport { usePriceQueryOptions } from '@eventespresso/edtr-services';\nimport type { PricesList } from '@eventespresso/edtr-services';\nimport { useApolloClient } from '@eventespresso/data';\n\ntype Callback = (deletePermanently?: boolean) => Promise;\n\nconst useDeleteTicketHandler = (id: EntityId): Callback => {\n\tconst { deleteEntity: deleteTicket } = useTicketMutator();\n\tconst getTicketPrices = useTicketPrices();\n\tconst priceQueryOptions = usePriceQueryOptions();\n\tconst client = useApolloClient();\n\n\t/**\n\t * Deletes the related prices from Apollo cache,\n\t * permanent deletion is handled server-side\n\t */\n\tconst deleteRelatedPrices = useCallback(() => {\n\t\t// The prices that are not default or tax prices.\n\t\tconst pricesToDelete = getTicketPrices(id).filter(({ isDefault, isTax }) => !isDefault && !isTax);\n\t\t// if we have nothing to delete\n\t\tif (!pricesToDelete.length) {\n\t\t\treturn;\n\t\t}\n\t\tconst priceIdsToDelete = getGuids(pricesToDelete);\n\t\t// read existing data from Apollo cache\n\t\tconst data = client.readQuery(priceQueryOptions);\n\t\t// filter out the related prices from Apollo cache data\n\t\tconst pricesToRetain = entitiesWithGuIdNotInArray(data?.espressoPrices?.nodes || [], priceIdsToDelete);\n\t\t// avoid the dirty object creation using assocPath\n\t\tconst newData = R.assocPath(['espressoPrices', 'nodes'], pricesToRetain, data);\n\n\t\t// write the data back to cache\n\t\tclient.writeQuery({\n\t\t\t...priceQueryOptions,\n\t\t\tdata: newData,\n\t\t});\n\t}, [client, getTicketPrices, id, priceQueryOptions]);\n\n\treturn useCallback(\n\t\t(deletePermanently) => {\n\t\t\treturn (\n\t\t\t\tdeleteTicket({ id, deletePermanently })\n\t\t\t\t\t// delete prices only if ticket is deleted permanently\n\t\t\t\t\t.then(() => deletePermanently && deleteRelatedPrices())\n\t\t\t\t\t.catch(console.error)\n\t\t\t);\n\t\t},\n\t\t[deleteTicket, id, deleteRelatedPrices]\n\t);\n};\n\nexport default useDeleteTicketHandler;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { Ticket, useTicketsListFilterState } from '@eventespresso/edtr-services';\nimport { Trash as TrashIcon } from '@eventespresso/icons';\nimport { AlertType, TrashEntity, useConfirmationDialog } from '@eventespresso/ui-components';\nimport { isTrashed as isTicketTrashed, isLocked } from '@eventespresso/predicates';\nimport { useLockedTicketAction } from '@eventespresso/tpc';\n\nimport useDeleteTicketHandler from '@edtrUI/tickets/hooks/useDeleteTicketHandler';\n\nexport interface DeleteTicketProps {\n\tticket: Ticket;\n}\n\nexport const DeleteTicket: React.FC = ({ ticket }) => {\n\tconst isTrashed = isTicketTrashed(ticket);\n\n\tconst title = isTrashed ? __('Permanently Delete Ticket?') : __('Move Ticket to Trash?');\n\n\tconst message = isTrashed\n\t\t? __('Are you sure you want to permanently delete this ticket? This action is permanent and can not be undone.')\n\t\t: __(\n\t\t\t\t`Are you sure you want to move this ticket to the trash? You can \"untrash\" this ticket later if you need to.`\n\t\t );\n\n\tconst deleteTicket = useDeleteTicketHandler(ticket.id);\n\n\tconst onConfirmDelete = useCallback(() => {\n\t\tdeleteTicket(isTrashed);\n\t}, [deleteTicket, isTrashed]);\n\n\tconst { confirmationDialog, onOpen: confirmDelete } = useConfirmationDialog({\n\t\taddIconBG: true,\n\t\talertType: AlertType.ACCENT,\n\t\ticon: TrashIcon,\n\t\tmessage,\n\t\ttitle,\n\t\tonConfirm: onConfirmDelete,\n\t});\n\n\tconst { alertContainer, showAlert } = useLockedTicketAction(ticket);\n\n\tconst isTheOnlyTicket = useTicketsListFilterState().total === 1;\n\n\tconst cannotBeDeleted = isTrashed && isTheOnlyTicket;\n\n\tconst deleteTicketTitle = isTrashed ? __('delete permanently') : __('trash ticket');\n\n\tconst onDelete = isTrashed && isLocked(ticket) ? showAlert : confirmDelete;\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t{confirmationDialog}\n\t\t\t{alertContainer}\n\t\t\n\t);\n};\n","import { useCallback, useMemo } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { CopyEntity, DropdownMenu, DropdownToggleProps, EditEntity } from '@eventespresso/ui-components';\nimport { EdtrGlobalModals, useTicketItem } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { useCopyTicket } from '@eventespresso/tpc';\n\nimport type { TicketMainMenuProps } from './types';\nimport { EntityEditModalData } from '@edtrUI/types';\nimport { DeleteTicket } from './DeleteTicket';\n\nconst TicketMainMenu: React.FC = (props) => {\n\tconst ticketId = props.ticket.id;\n\t// Make sure to subscribe to Apollo cache\n\t// to avoid stale data\n\tconst ticket = useTicketItem({ id: ticketId });\n\n\tconst copyTicket = useCopyTicket(ticket);\n\n\tconst toggleProps: DropdownToggleProps = useMemo(\n\t\t() => ({\n\t\t\tclassName: 'ee-ticket-main-menu',\n\t\t\t'data-testid': `ee-ticket-main-menu-${ticket.dbId}`,\n\t\t\ttooltip: __('ticket main menu'),\n\t\t}),\n\t\t[ticket.dbId]\n\t);\n\n\tconst { openWithData } = useGlobalModal(EdtrGlobalModals.EDIT_TICKET);\n\n\tconst onOpenEditModal = useCallback(() => {\n\t\topenWithData({ entityId: ticketId });\n\t}, [ticketId, openWithData]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default TicketMainMenu;\n","import * as yup from 'yup';\n\nimport { datesSchema, TicketFormShape } from '@eventespresso/edtr-services';\nimport { yupToFinalFormErrors } from '@eventespresso/form';\n\nexport const validate = async (values: TicketFormShape): Promise => {\n\treturn await yupToFinalFormErrors(validationSchema, values);\n};\n\nconst validationSchema = yup.object({\n\tname: yup.string(),\n\t...datesSchema,\n});\n","import { useMemo, useCallback } from 'react';\nimport * as R from 'ramda';\n\nimport { __ } from '@eventespresso/i18n';\nimport { CalendarOutlined, ControlOutlined, ProfileOutlined } from '@eventespresso/icons';\nimport { EndDateFieldWrapper } from '@eventespresso/ee-components';\nimport { EntityId } from '@eventespresso/data';\nimport { NOW, PLUS_ONE_MONTH, USE_ADVANCED_EDITOR } from '@eventespresso/constants';\nimport { preparePricesForTpc, usePriceToTpcModifier } from '@eventespresso/tpc';\nimport { setDefaultTime } from '@eventespresso/dates';\nimport { startAndEndDateFixer, useTicketItem, hooks, useTicketPrices } from '@eventespresso/edtr-services';\nimport { useCurrentUserCan } from '@eventespresso/services';\nimport { useMemoStringify } from '@eventespresso/hooks';\nimport { useUtcISOToSiteDate, useSiteDateToUtcISO } from '@eventespresso/services';\nimport { VISIBILITY_OPTIONS, VISIBILITY_OPTIONS_INFO } from '@eventespresso/helpers';\n\nimport type { EspressoFormProps, FieldProps } from '@eventespresso/form';\nimport type { Ticket, TicketFormConfig } from '@eventespresso/edtr-services';\n\nimport { validate } from './formValidation';\n\nexport const FIELD_NAMES: Array = [\n\t'id',\n\t'description',\n\t'isDefault',\n\t'isRequired',\n\t'isTrashed',\n\t'max',\n\t'min',\n\t'name',\n\t'price',\n\t'quantity',\n\t'uses',\n\t'visibility',\n];\n\nconst decorators = [startAndEndDateFixer];\n\nconst adjacentFormItemProps = {\n\tclassName: 'ee-form-item-pair',\n};\n\nexport const useTicketFormConfig = (id: EntityId, config?: EspressoFormProps): TicketFormConfig => {\n\tconst ticket = useTicketItem({ id });\n\tconst currentUserCan = useCurrentUserCan();\n\n\tconst toUtcISO = useSiteDateToUtcISO();\n\tconst toSiteDate = useUtcISOToSiteDate();\n\n\tconst startDate = useMemoStringify(\n\t\tticket?.startDate ? toSiteDate(ticket?.startDate) : setDefaultTime(NOW, 'start')\n\t);\n\tconst endDate = useMemoStringify(\n\t\tticket?.endDate ? toSiteDate(ticket?.endDate) : setDefaultTime(PLUS_ONE_MONTH, 'end')\n\t);\n\n\tconst { onSubmit } = config;\n\n\t//### Submit function for Form Data\n\tconst onSubmitFrom: TicketFormConfig['onSubmit'] = useCallback(\n\t\t({ startDate, endDate, ...values }, form, ...restParams) => {\n\t\t\treturn onSubmit(\n\t\t\t\t{ ...values, startDate: toUtcISO(startDate), endDate: toUtcISO(endDate) },\n\t\t\t\tform,\n\t\t\t\t...restParams\n\t\t\t);\n\t\t},\n\t\t[onSubmit, toUtcISO]\n\t);\n\n\tconst getTicketPrices = useTicketPrices();\n\tconst priceToTpcModifier = usePriceToTpcModifier();\n\n\tconst initialValues = useMemo(() => {\n\t\tconst prices = preparePricesForTpc(getTicketPrices(ticket?.id), priceToTpcModifier);\n\n\t\treturn hooks.applyFilters(\n\t\t\t'eventEditor.ticketForm.initalValues',\n\t\t\t{\n\t\t\t\tvisibility: 'PUBLIC',\n\t\t\t\t...R.pick, 'prices'>, keyof Ticket>(FIELD_NAMES, ticket || {}),\n\t\t\t\t// set initial prices\n\t\t\t\tprices,\n\t\t\t\tstartDate,\n\t\t\t\tendDate,\n\t\t\t},\n\t\t\tticket\n\t\t);\n\t}, [endDate, getTicketPrices, priceToTpcModifier, startDate, ticket]);\n\n\tconst publicFields: Array = useMemo(() => {\n\t\treturn [\n\t\t\t{\n\t\t\t\tname: 'quantity',\n\t\t\t\tlabel: __('Quantity For Sale'),\n\t\t\t\tfieldType: 'number',\n\t\t\t\tparseAsInfinity: true,\n\t\t\t\tmax: 1000000,\n\t\t\t\tmin: -1,\n\t\t\t\tinfo:\n\t\t\t\t\t__('The maximum number of this ticket available for sale.') +\n\t\t\t\t\t'\\n' +\n\t\t\t\t\t__('Set to 0 to stop sales, or leave blank for no limit.'),\n\t\t\t\twidth: 'small',\n\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t},\n\t\t];\n\t}, []);\n\n\tconst advancedFields: Array = useMemo(() => {\n\t\treturn publicFields.concat([\n\t\t\t{\n\t\t\t\tname: 'uses',\n\t\t\t\tlabel: __('Number of Uses'),\n\t\t\t\tfieldType: 'number',\n\t\t\t\tparseAsInfinity: true,\n\t\t\t\tmax: 1000,\n\t\t\t\tmin: 0,\n\t\t\t\tinfo:\n\t\t\t\t\t__(\n\t\t\t\t\t\t'Controls the total number of times this ticket can be used, regardless of the number of dates it is assigned to.'\n\t\t\t\t\t) +\n\t\t\t\t\t'\\n' +\n\t\t\t\t\t__(\n\t\t\t\t\t\t'Example: A ticket might have access to 4 different dates, but setting this field to 2 would mean that the ticket could only be used twice. Leave blank for no limit.'\n\t\t\t\t\t),\n\t\t\t\twidth: 'small',\n\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'min',\n\t\t\t\tlabel: __('Minimum Quantity'),\n\t\t\t\tfieldType: 'number',\n\t\t\t\tmax: 1000000,\n\t\t\t\tmin: 0,\n\t\t\t\tinfo:\n\t\t\t\t\t__(\n\t\t\t\t\t\t'The minimum quantity that can be selected for this ticket. Use this to create ticket bundles or graduated pricing.'\n\t\t\t\t\t) +\n\t\t\t\t\t'\\n' +\n\t\t\t\t\t__('Leave blank for no minimum.'),\n\t\t\t\twidth: 'small',\n\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'max',\n\t\t\t\tlabel: __('Maximum Quantity'),\n\t\t\t\tfieldType: 'number',\n\t\t\t\tparseAsInfinity: true,\n\t\t\t\tmax: 1000000,\n\t\t\t\tmin: -1,\n\t\t\t\tinfo:\n\t\t\t\t\t__(\n\t\t\t\t\t\t'The maximum quantity that can be selected for this ticket. Use this to create ticket bundles or graduated pricing.'\n\t\t\t\t\t) +\n\t\t\t\t\t'\\n' +\n\t\t\t\t\t__('Leave blank for no maximum.'),\n\t\t\t\twidth: 'small',\n\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'isRequired',\n\t\t\t\tlabel: __('Required Ticket'),\n\t\t\t\tfieldType: 'switch',\n\t\t\t\tinfo: __('If enabled, the ticket must be selected and will appear first in ticket lists.'),\n\t\t\t\twidth: 'small',\n\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'isTrashed',\n\t\t\t\tlabel: __('Trash'),\n\t\t\t\tfieldType: 'switch',\n\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t},\n\t\t\t{\n\t\t\t\tname: 'visibility',\n\t\t\t\tlabel: __('Visibility'),\n\t\t\t\tfieldType: 'select',\n\t\t\t\tinfo: VISIBILITY_OPTIONS_INFO,\n\t\t\t\toptions: VISIBILITY_OPTIONS,\n\t\t\t},\n\t\t]);\n\t}, [publicFields]);\n\n\tconst ticketDetailsFields = currentUserCan(USE_ADVANCED_EDITOR) ? advancedFields : publicFields;\n\n\tconst sections = useMemo(() => {\n\t\treturn hooks.applyFilters(\n\t\t\t'eventEditor.ticketForm.sections',\n\t\t\t[\n\t\t\t\t{\n\t\t\t\t\tname: 'basics',\n\t\t\t\t\ticon: ProfileOutlined,\n\t\t\t\t\ttitle: __('Basics'),\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'name',\n\t\t\t\t\t\t\tlabel: __('Name'),\n\t\t\t\t\t\t\tfieldType: 'text',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'description',\n\t\t\t\t\t\t\tlabel: __('Description'),\n\t\t\t\t\t\t\tfieldType: 'simple-text-editor',\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'sales',\n\t\t\t\t\ticon: CalendarOutlined,\n\t\t\t\t\ttitle: __('Ticket Sales'),\n\t\t\t\t\tfields: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'startDate',\n\t\t\t\t\t\t\tlabel: __('Start Date'),\n\t\t\t\t\t\t\tfieldType: 'datetimepicker',\n\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tname: 'endDate',\n\t\t\t\t\t\t\tlabel: __('End Date'),\n\t\t\t\t\t\t\tfieldType: 'datetimepicker',\n\t\t\t\t\t\t\trequired: true,\n\t\t\t\t\t\t\twrapper: EndDateFieldWrapper,\n\t\t\t\t\t\t\tformControlProps: adjacentFormItemProps,\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: 'details',\n\t\t\t\t\ticon: ControlOutlined,\n\t\t\t\t\ttitle: __('Details'),\n\t\t\t\t\tfields: ticketDetailsFields,\n\t\t\t\t},\n\t\t\t],\n\t\t\tticket\n\t\t);\n\t}, [ticket, ticketDetailsFields]);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...config,\n\t\t\tonSubmit: onSubmitFrom,\n\t\t\tdecorators,\n\t\t\tsubscription: {},\n\t\t\tinitialValues,\n\t\t\tvalidate,\n\t\t\tsections,\n\t\t}),\n\t\t[config, initialValues, onSubmitFrom, sections]\n\t);\n};\n\nexport default useTicketFormConfig;\n","import { __ } from '@eventespresso/i18n';\n\nimport { Calculator, Calendar, Ticket } from '@eventespresso/icons';\nimport { Steps, Step } from '@eventespresso/ui-components';\nimport { PrevNext } from '@eventespresso/hooks';\n\nconst TicketFormSteps: React.FC> = ({ current }) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default TicketFormSteps;\n","import { TicketPriceCalculator, useSyncTPC2RFF } from '@eventespresso/tpc';\n\nconst TPCStep = () => {\n\tuseSyncTPC2RFF();\n\n\treturn ;\n};\n\nexport default TPCStep;\n","import { useEffect } from 'react';\n\nimport { useForm } from '@eventespresso/form';\nimport { useDataState as useTAMDataState } from '@edtrUI/ticketAssignmentsManager/data';\n\n/**\n * A custom hook which subscribes to TAM and TPC data and updates\n * RFF data when needed.\n */\nconst useDataListener: VoidFunction = () => {\n\tconst { getData } = useTAMDataState();\n\tconst { mutators, getState } = useForm();\n\tconst data = getData();\n\n\tconst id = getState().values.id || 'NEW_TICKET';\n\tuseEffect(() => {\n\t\t// update value of `datetimes` field in RFF state\n\t\tmutators.updateFieldValue('datetimes', data?.tickets?.[id]?.datetimes);\n\t}, [data, id, mutators]);\n};\n\nexport default useDataListener;\n","import { TicketAssignmentsManager } from '@edtrUI/ticketAssignmentsManager/components';\nimport useDataListener from './useDataListener';\n\nconst TAMStep = () => {\n\tuseDataListener();\n\n\treturn ;\n};\n\nexport default TAMStep;\n","import TicketFormSteps from './TicketFormSteps';\nimport { ModalBodyProps } from './types';\nimport { ASSIGN_DATES_STEP, TICKET_DETAILS_STEP, TICKET_PRICES_STEP } from './constants';\nimport TPCStep from './TPCStep';\nimport TAMStep from './TAMStep';\n\nconst ModalBody: React.FC = ({ children: body, steps }) => {\n\t// init data listener to update RFF data\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t{/* RFF fields */}\n\t\t\t{steps.current === TICKET_DETAILS_STEP && body}\n\t\t\t{steps.current === TICKET_PRICES_STEP && }\n\t\t\t{steps.current === ASSIGN_DATES_STEP && }\n\t\t
\n\t);\n};\n\nexport default ModalBody;\n","export const TICKET_DETAILS_STEP = 0;\n\nexport const TICKET_PRICES_STEP = 1;\n\nexport const ASSIGN_DATES_STEP = 2;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { ButtonRow, ButtonType, Next, Previous, Submit } from '@eventespresso/ui-components';\nimport { withFormSubscription, FormSubscriptionProps } from '@eventespresso/ee-components';\nimport { hasEmptyPrices } from '@eventespresso/predicates';\nimport type { PrevNext } from '@eventespresso/hooks';\n\nimport { useDataState as useTAMDataState } from '@edtrUI/ticketAssignmentsManager/data';\nimport { ASSIGN_DATES_STEP, TICKET_DETAILS_STEP, TICKET_PRICES_STEP } from './constants';\n\ninterface FooterButtonsProps extends FormSubscriptionProps {\n\tsteps: PrevNext;\n}\n\nconst FooterButtons: React.FC = ({ form, hasErrors, steps, submitting }) => {\n\tconst { current, goto, prev, next } = steps;\n\tconst { hasOrphanEntities } = useTAMDataState();\n\tconst isSubmitDisabled = hasOrphanEntities();\n\n\tconst gotoDetails = useCallback(() => goto(TICKET_DETAILS_STEP), [goto]);\n\tconst gotoTAM = useCallback(() => goto(ASSIGN_DATES_STEP), [goto]);\n\n\tconst { values } = form.getState();\n\n\tconst isTPCSubmitDisabled = hasEmptyPrices(values?.prices || []);\n\n\treturn (\n\t\t\n\t\t\t{current === TICKET_DETAILS_STEP && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t{current === TICKET_PRICES_STEP && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t{current === ASSIGN_DATES_STEP && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nexport default withFormSubscription(FooterButtons);\n","import { useMemo } from 'react';\n\nimport { EntityEditModal } from '@eventespresso/ee-components';\nimport { EdtrGlobalModals, useEvent, useTicketItem } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { __, sprintf } from '@eventespresso/i18n';\nimport { usePrevNext } from '@eventespresso/hooks';\nimport { useIsPristine } from '@eventespresso/form';\nimport type { ModalProps } from '@eventespresso/adapters';\n\nimport ModalBody from './ModalBody';\nimport type { ContentWrapperProps } from './types';\nimport type { EntityEditModalData } from '@edtrUI/types';\nimport FooterButtons from './FooterButtons';\n\nconst Modal: React.FC = ({ onClose, ...props }) => {\n\tconst { isOpen } = useGlobalModal(EdtrGlobalModals.EDIT_TICKET);\n\tconst event = useEvent();\n\tconst steps = usePrevNext();\n\tconst isPristine = useIsPristine();\n\n\tconst { values } = props.form.getState();\n\n\tconst ticket = useTicketItem({ id: values?.id });\n\n\tlet title = ticket?.dbId\n\t\t? sprintf(\n\t\t\t\t/* translators: %1$s ticket name, %2$s ticket id */\n\t\t\t\t__('Edit ticket \"%1$s\" - %2$s'),\n\t\t\t\tticket.name,\n\t\t\t\t`#${ticket.dbId}`\n\t\t )\n\t\t: __('New Ticket Details');\n\n\t// add event name to the title\n\ttitle = event?.name ? `${event.name}: ${title}` : title;\n\n\tconst footerButtons = ;\n\n\tconst ariaAttributes: ModalProps['ariaAttributes'] = useMemo(() => {\n\t\tconst getAriaLabel = (): string => {\n\t\t\tif (!ticket || !ticket.name) {\n\t\t\t\treturn __('modal for ticket');\n\t\t\t}\n\t\t\t/* translators: %s ticket name */\n\t\t\treturn sprintf('modal for ticket %s', ticket.name);\n\t\t};\n\t\treturn {\n\t\t\tmodalContent: { 'aria-label': getAriaLabel() },\n\t\t};\n\t}, [ticket]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default Modal;\n","import { useCallback } from 'react';\n\nimport { useFormValues } from '@eventespresso/form';\nimport { Ticket, TicketFormShape, useTicketItem, useTicketPrices } from '@eventespresso/edtr-services';\nimport { useMemoStringify } from '@eventespresso/hooks';\nimport { ContextProvider as TPCContextProvider, usePriceToTpcModifier, preparePricesForTpc } from '@eventespresso/tpc';\n\nimport { ContextProvider as TAMContextProvider } from '@edtrUI/ticketAssignmentsManager/context';\nimport Modal from './Modal';\n\nimport type { ContentWrapperProps } from './types';\n\nconst ContextProvider: React.FC = (props) => {\n\tconst { values: initialValues } = props.form.getState();\n\tconst values = useFormValues(initialValues);\n\n\tconst ticket = useTicketItem({ id: values?.id });\n\tconst priceToTpcModifier = usePriceToTpcModifier();\n\tconst getTheTicketPrices = useTicketPrices();\n\n\t// add defaults from Apollo cache and override the set values from form state\n\tconst entity = useMemoStringify({ id: 'NEW_TICKET', dbId: 0, ...ticket, ...values } as Ticket);\n\n\tconst getTicket = useCallback(() => entity, [entity]);\n\n\tconst getTicketPrices = useCallback(\n\t\t(ticketId: string) => {\n\t\t\t// we have prices in the form values, it means they have been added, lets use those\n\t\t\tconst prices = values?.prices || preparePricesForTpc(getTheTicketPrices(ticketId), priceToTpcModifier);\n\n\t\t\treturn prices;\n\t\t},\n\t\t[priceToTpcModifier, getTheTicketPrices, values?.prices]\n\t);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default ContextProvider;\n","import { useMemo } from 'react';\n\nimport { FormWithConfig } from '@eventespresso/ee-components';\n\nimport useTicketFormConfig from '../useTicketFormConfig';\nimport ContextProvider from './ContextProvider';\nimport type { ContentProps } from './types';\n\nconst Content: React.FC = ({ entityId, onClose, onSubmit }) => {\n\tconst config = useMemo(() => ({ onSubmit }), [onSubmit]);\n\tconst formConfig = useTicketFormConfig(entityId, config);\n\n\treturn ;\n};\n\nexport default Content;\n","import { useCallback } from 'react';\n\nimport { useMutateTicket } from '@eventespresso/tpc';\nimport { wait } from '@eventespresso/utils';\n\nimport { useCappedQuantity } from '@eventespresso/edtr-services';\nimport { OnSubmit } from './types';\n\nconst useOnSubmit = (onClose: VoidFunction): OnSubmit => {\n\tconst mutateTicket = useMutateTicket();\n\n\tconst getCappedQuantity = useCappedQuantity();\n\tconst onSubmit = useCallback(\n\t\tasync (fields) => {\n\t\t\t// wait the next event cycle to fire up isLoading for submit button\n\t\t\tawait wait();\n\t\t\t// close the modal\n\t\t\tonClose();\n\t\t\t// get the capped quantity for ticket based on the related date(s)\n\t\t\tconst quantity = getCappedQuantity({ quantity: fields.quantity, relatedDateIds: fields.datetimes });\n\n\t\t\tconst input = {\n\t\t\t\t...fields,\n\t\t\t\tisModified: Boolean(fields.id), // should be updated if there is an id\n\t\t\t\tisNew: !fields.id, // it's new if id is empty\n\t\t\t\tquantity,\n\t\t\t};\n\n\t\t\tawait mutateTicket(input);\n\t\t},\n\t\t[getCappedQuantity, mutateTicket, onClose]\n\t);\n\n\treturn onSubmit;\n};\n\nexport default useOnSubmit;\n","import { useCallback } from 'react';\n\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\n\nimport Content from './Content';\nimport { EntityEditModalData } from '@edtrUI/types';\nimport useOnSubmit from './useOnSubmit';\n\nconst Container: React.FC = () => {\n\tconst {\n\t\tgetData,\n\t\tisOpen,\n\t\tclose: closeModal,\n\t\tsetData,\n\t} = useGlobalModal(EdtrGlobalModals.EDIT_TICKET);\n\n\tconst onClose = useCallback(() => {\n\t\tcloseModal();\n\t\t// reset the global modal data\n\t\tsetData({ entityId: null });\n\t}, [closeModal, setData]);\n\n\tconst { entityId } = getData();\n\n\tconst onSubmit = useOnSubmit(onClose);\n\n\treturn isOpen && ;\n};\n\nexport default Container;\n","import { useCallback, useMemo } from 'react';\n\nimport { SimpleTicketCard } from '@eventespresso/ee-components';\nimport { SimpleEntityRendererProps } from '@eventespresso/ui-components';\nimport { LOCALIZED_DATE_AND_TIME_SHORT_FORMAT } from '@eventespresso/constants';\nimport { useTimeZoneTime, useCurrentUserCan } from '@eventespresso/services';\nimport { DefaultTicket } from './data';\n\nconst TicketCard: React.FC> = ({ entity: ticket, onEdit, onDelete }) => {\n\tconst { formatForSite } = useTimeZoneTime();\n\tconst currentUserCan = useCurrentUserCan();\n\n\tconst renderStartDate = useCallback(\n\t\t({ startDate }) => {\n\t\t\treturn formatForSite(startDate, LOCALIZED_DATE_AND_TIME_SHORT_FORMAT);\n\t\t},\n\t\t[formatForSite]\n\t);\n\n\tconst renderEndDate = useCallback(\n\t\t({ endDate }) => {\n\t\t\treturn formatForSite(endDate, LOCALIZED_DATE_AND_TIME_SHORT_FORMAT);\n\t\t},\n\t\t[formatForSite]\n\t);\n\n\tconst showAfterDetails = Boolean(ticket.startDate && ticket.endDate);\n\n\tconst deleteButtonProps = useMemo(() => {\n\t\treturn { isDisabled: !currentUserCan('delete', 'default_ticket', ticket) };\n\t}, [currentUserCan, ticket]);\n\n\tconst editButtonProps = useMemo(() => {\n\t\treturn { isDisabled: !currentUserCan('edit', 'default_ticket', ticket) };\n\t}, [currentUserCan, ticket]);\n\n\treturn (\n\t\t\n\t);\n};\n\nexport default TicketCard;\n","import { useMemo } from 'react';\nimport * as R from 'ramda';\n\nimport type { EspressoFormProps } from '@eventespresso/form';\nimport { Ticket, TicketFormConfig } from '@eventespresso/edtr-services';\nimport useMainTicketFormConfig, { FIELD_NAMES } from '../../ticketForm/useTicketFormConfig';\nimport { DefaultTicket } from '../data';\n\nconst useTicketFormConfig = (ticket?: DefaultTicket, config?: EspressoFormProps): TicketFormConfig => {\n\tconst newConfig = useMainTicketFormConfig(ticket?.id, config);\n\n\treturn useMemo(\n\t\t() => ({\n\t\t\t...newConfig,\n\t\t\tinitialValues: {\n\t\t\t\t...newConfig?.initialValues,\n\t\t\t\t...R.pick, 'prices'>, keyof Ticket>(FIELD_NAMES, ticket || {}),\n\t\t\t},\n\t\t}),\n\t\t[newConfig, ticket]\n\t);\n};\n\nexport default useTicketFormConfig;\n","import { __ } from '@eventespresso/i18n';\n\nimport { Steps, Step } from '@eventespresso/ui-components';\nimport { PrevNext } from '@eventespresso/hooks';\nimport { Calculator, Calendar, Ticket } from '@eventespresso/icons';\n\nconst TicketFormSteps: React.FC> = ({ current }) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default TicketFormSteps;\n","import { TicketPriceCalculator, useSyncTPC2RFF } from '@eventespresso/tpc';\n\nconst TPCStep = () => {\n\tuseSyncTPC2RFF();\n\n\treturn ;\n};\n\nexport default TPCStep;\n","import TicketFormSteps from './TicketFormSteps';\nimport { ModalBodyProps } from './types';\nimport { TICKET_DETAILS_STEP, TICKET_PRICES_STEP } from '../../ticketForm/multiStep/constants';\nimport TPCStep from './TPCStep';\n\n/**\n * This component is inside both RFF and TAM contexts, so we can use all of their features\n */\nconst ModalBody: React.FC = ({ children: body, steps }) => {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t{/* RFF fields */}\n\t\t\t{steps.current === TICKET_DETAILS_STEP && body}\n\n\t\t\t{steps.current === TICKET_PRICES_STEP && }\n\t\t
\n\t);\n};\n\nexport default ModalBody;\n","import { __ } from '@eventespresso/i18n';\nimport { ButtonRow, ButtonType, Next, Previous, Submit } from '@eventespresso/ui-components';\nimport { withFormSubscription, FormSubscriptionProps } from '@eventespresso/ee-components';\nimport { hasEmptyPrices } from '@eventespresso/predicates';\nimport type { PrevNext } from '@eventespresso/hooks';\n\nimport { TICKET_DETAILS_STEP, TICKET_PRICES_STEP } from '../../ticketForm/multiStep/constants';\n\ninterface FooterButtonsProps extends FormSubscriptionProps {\n\tsteps: PrevNext;\n}\n\nconst FooterButtons: React.FC = ({ form, hasErrors, steps }) => {\n\tconst { current, prev, next } = steps;\n\n\tconst { values } = form.getState();\n\n\tconst isTPCSubmitDisabled = hasEmptyPrices(values?.prices || []);\n\n\treturn (\n\t\t\n\t\t\t{/* RFF fields */}\n\t\t\t{current === TICKET_DETAILS_STEP && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t{current === TICKET_PRICES_STEP && (\n\t\t\t\t<>\n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t)}\n\t\t\n\t);\n};\n\nexport default withFormSubscription(FooterButtons);\n","import { EntityEditModal } from '@eventespresso/ui-components';\nimport { __, sprintf } from '@eventespresso/i18n';\nimport { usePrevNext } from '@eventespresso/hooks';\nimport { useIsPristine } from '@eventespresso/form';\n\nimport ModalBody from './ModalBody';\n\nimport type { ContextProviderProps } from './types';\nimport FooterButtons from './FooterButtons';\nimport { useDataState } from '../data';\n\nconst Modal: React.FC = ({ onClose, ...props }) => {\n\tconst steps = usePrevNext();\n\tconst isPristine = useIsPristine();\n\tconst { tickets } = useDataState();\n\n\tconst ticketId = props.form.getState().values?.id;\n\n\tconst title = tickets[ticketId]?.dbId\n\t\t? sprintf(\n\t\t\t\t/* translators: %s ticket id */\n\t\t\t\t__('Edit ticket %s'),\n\t\t\t\t`#${tickets[ticketId].dbId}`\n\t\t )\n\t\t: __('New Ticket Details');\n\n\tconst footerButtons = ;\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default Modal;\n","import { useCallback } from 'react';\n\nimport { withContext as withTPCContext } from '@eventespresso/tpc';\n\nimport type { ContextProviderProps } from './types';\nimport Modal from './Modal';\nimport { useDataState } from '../data';\n\nconst ContextProvider: React.FC = (props) => {\n\tconst { tickets } = useDataState();\n\tconst { values } = props.form.getState();\n\n\tconst getTicket = useCallback((id) => tickets[id], [tickets]);\n\n\tconst getTicketPrices = useCallback((id) => tickets[id]?.prices || [], [tickets]);\n\n\tconst Component = withTPCContext(Modal, {\n\t\tticketId: values.id,\n\t\tgetTicketPrices,\n\t\tgetTicket,\n\t});\n\n\treturn ;\n};\n\nexport default ContextProvider;\n","import { useCallback } from 'react';\n\nimport { FormWithConfig } from '@eventespresso/ee-components';\n\nimport useTicketFormConfig from './useTicketFormConfig';\nimport ContextProvider from './ContextProvider';\nimport type { ContentRendererProps } from './types';\nimport { useDataState } from '../data';\n\nconst ContentRenderer: React.FC = ({ entity, onClose }) => {\n\tconst { addTicket, updateTicket } = useDataState();\n\n\tconst onSubmit = useCallback(\n\t\t(values) => {\n\t\t\tif (entity?.id) {\n\t\t\t\tupdateTicket(entity?.id, values);\n\t\t\t} else {\n\t\t\t\taddTicket({ ...values, isNew: true });\n\t\t\t}\n\t\t\tonClose();\n\t\t},\n\t\t[addTicket, entity?.id, onClose, updateTicket]\n\t);\n\tconst formConfig = useTicketFormConfig(entity, { onSubmit });\n\n\treturn ;\n};\n\nexport default ContentRenderer;\n","import { useCallback, useEffect, useMemo } from 'react';\n\nimport { SimpleEntityList, DebugInfo } from '@eventespresso/ui-components';\nimport { useTickets, useTicketPrices } from '@eventespresso/edtr-services';\nimport { usePrepTemplatePrices } from '@eventespresso/tpc';\nimport { __ } from '@eventespresso/i18n';\n\nimport { DefaultTicket, useDataState } from './data';\nimport TicketCard from './TicketCard';\nimport { ContentRenderer } from './multiStep';\n\nimport './styles.scss';\n\nconst ModalBody: React.FC = () => {\n\tconst { addTicket, tickets, deleteTicket, reset, getData } = useDataState();\n\tconst templates = useTickets();\n\tconst getTicketPrices = useTicketPrices();\n\tconst prepTemplatePrices = usePrepTemplatePrices();\n\n\tconst deleteEntity = useCallback(\n\t\t(ticket: DefaultTicket) => {\n\t\t\tdeleteTicket(ticket.id, ticket.isNew);\n\t\t},\n\t\t[deleteTicket]\n\t);\n\n\tconst entities = useMemo(() => Object.values(tickets), [tickets]);\n\n\tconst addEntity = useCallback(\n\t\t(entity) => {\n\t\t\tconst ticketPrices = getTicketPrices(entity.id);\n\t\t\tconst prices = prepTemplatePrices(ticketPrices);\n\t\t\taddTicket({\n\t\t\t\t...entity,\n\t\t\t\tisNew: true,\n\t\t\t\tdbId: 0,\n\t\t\t\tprices,\n\t\t\t\t/**\n\t\t\t\t * Ensure that ticket is not trashed,\n\t\t\t\t * as it's possible that a trashed ticket is used as a template\n\t\t\t\t *\n\t\t\t\t * @see https://github.com/eventespresso/barista/issues/1013\n\t\t\t\t */\n\t\t\t\tisTrashed: false,\n\t\t\t});\n\t\t},\n\t\t[addTicket, getTicketPrices, prepTemplatePrices]\n\t);\n\n\t// reset state on mount\n\tuseEffect(() => {\n\t\treset();\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\treturn (\n\t\t<>\n\t\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default ModalBody;\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\nimport { useGlobalModal } from '@eventespresso/registry';\nimport { EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { wait } from '@eventespresso/utils';\nimport { ModalWithAlert } from '@eventespresso/ui-components';\n\nimport { withContext } from './context';\nimport { useDataState, useSubmitForm } from './data';\nimport ModalBody from './ModalBody';\n\nconst Container: React.FC = () => {\n\tconst { close: closeModal, isOpen } = useGlobalModal(EdtrGlobalModals.DEFAULT_TICKETS);\n\n\tconst { getData, isDirty, reset } = useDataState();\n\n\tconst submitForm = useSubmitForm(getData());\n\n\tconst onSubmit = useCallback(async () => {\n\t\t// wait the next event cycle to fire up isLoading for submit button\n\t\tawait wait();\n\t\t// close modal\n\t\tcloseModal();\n\t\t// submit the data for mutations\n\t\tawait submitForm();\n\t\treset();\n\t}, [closeModal, reset, submitForm]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withContext(Container);\n","import { useCallback } from 'react';\n\nimport { __ } from '@eventespresso/i18n';\n\nimport { Calendar } from '@eventespresso/icons';\nimport { IconButton, EntityListItemProps, ItemCount } from '@eventespresso/ui-components';\nimport { useRelatedDatetimes, EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { TypeName } from '@eventespresso/services';\nimport { withIsLoaded } from '@eventespresso/services';\nimport type { Ticket } from '@eventespresso/edtr-services';\nimport { useGlobalModal } from '@eventespresso/registry';\n\nimport { BaseProps } from '@edtrUI/ticketAssignmentsManager';\n\nconst AssignDatesButton: React.FC> = ({ entity }) => {\n\tconst { openWithData } = useGlobalModal(EdtrGlobalModals.TAM);\n\n\tconst relatedDatetimes = useRelatedDatetimes({\n\t\tentity: 'tickets',\n\t\tentityId: entity.id,\n\t});\n\n\tconst count = relatedDatetimes.length;\n\n\tconst title = count\n\t\t? __('Number of related dates')\n\t\t: __(\n\t\t\t\t'There are no event dates assigned to this ticket. Please click the calendar icon to update the assignments.'\n\t\t );\n\n\tconst onOpen = useCallback(() => {\n\t\topenWithData({ entity, assignmentType: 'forTicket' });\n\t}, [entity, openWithData]);\n\n\treturn (\n\t\t\n\t\t\t\n\t\t\n\t);\n};\n\nexport default withIsLoaded>(TypeName.datetimes, ({ entity, loaded }) => {\n\t/* Hide TAM unless dates are loaded */\n\treturn loaded && ;\n});\n","/**\n * This file registers the UI elements related to ticket UI via registry package\n */\nimport {\n\tEntityActionsSubscription,\n\tEntityActionsSubscriptionCb,\n\tModalSubscription,\n\tNewEntitySubscription,\n\tFilterBarUISubscription,\n\tFilterBarUISubscriptionCb,\n} from '@eventespresso/registry';\nimport { domain, EdtrGlobalModals, Ticket, TicketsFilterStateManager, ticketsList } from '@eventespresso/edtr-services';\nimport { TicketPriceCalculatorButton, ModalContainer as TPCModalContainer } from '@eventespresso/tpc';\nimport { FilterBarFilter } from '@eventespresso/ui-components';\n\nimport {\n\tDisplayStartOrEndDateControl,\n\tSalesControl,\n\tSortByControl,\n\tStatusControl,\n\tIsChainedButton,\n} from '@edtrUI/tickets/ticketsList/filterBar/controls';\nimport { TicketMainMenu } from '@edtrUI/tickets/ticketsList/actionsMenu/dropdown';\nimport { Container as EditTicketContainer } from '@edtrUI/tickets/ticketForm/multiStep';\nimport DefaultTicketContainer from '@edtrUI/tickets/defaultTickets/Container';\nimport AssignDatesButton from '@edtrUI/tickets/ticketsList/actionsMenu/AssignDatesButton';\nimport { AddSingleTicket } from '@edtrUI/tickets/ticketsList/newTicketOptions';\n\n// Register ticket modal containers\nconst modals = new ModalSubscription(domain);\nmodals.subscribe(({ registry: { registerContainer } }) => {\n\t// Register edit ticket modal\n\tregisterContainer(EdtrGlobalModals.EDIT_TICKET, EditTicketContainer);\n\t// Register default tickets modal\n\tregisterContainer(EdtrGlobalModals.DEFAULT_TICKETS, DefaultTicketContainer);\n\t// Register TPC modal\n\tregisterContainer(EdtrGlobalModals.TPC, TPCModalContainer);\n});\n\n// Register ticket actions menu items.\nconst entityActions = new EntityActionsSubscription(domain);\nconst ticketsActionHandler: EntityActionsSubscriptionCb = ({ entity: ticket, registry }) => {\n\tconst { registerElement: registerMenuItem } = registry;\n\n\tregisterMenuItem('ticketMainMenu', () => );\n\n\tregisterMenuItem('assignDates', () => );\n\n\tregisterMenuItem('ticketPriceCalculator', () => );\n};\nentityActions.subscribe(ticketsActionHandler, { entityType: 'ticket' });\n\n// Register new ticket option(s)\nconst newEntityOptions = new NewEntitySubscription(domain);\nnewEntityOptions.subscribe(\n\t({ registry }) => {\n\t\tconst { registerElement: registerOptionItem } = registry;\n\n\t\tregisterOptionItem('AddSingleTicket', ({ totalCount }) => {\n\t\t\treturn ;\n\t\t});\n\t},\n\t{ entityType: 'ticket' }\n);\n\n// Register ticket filterBar elements\nconst filterBar = new FilterBarUISubscription(domain);\ntype TicketsListFilterBarCallback = FilterBarUISubscriptionCb;\nconst ticketsListFilterBar: TicketsListFilterBarCallback = ({ listId, registry }) => {\n\t// although this is not needed\n\tif (listId !== ticketsList) {\n\t\treturn;\n\t}\n\tconst { registerElement: registerFilterBarItem } = registry;\n\n\tregisterFilterBarItem('status', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('isChained', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('sales', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('displayStartOrEndDate', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n\n\tregisterFilterBarItem('sortBy', () => {\n\t\treturn (\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t);\n\t});\n};\nfilterBar.subscribe(ticketsListFilterBar, { listId: ticketsList });\n","/**\n * This file registers the UI elements related to TAM UI via registry package\n */\n\nimport { ModalSubscription } from '@eventespresso/registry';\nimport { domain, EdtrGlobalModals } from '@eventespresso/edtr-services';\nimport { ModalContainer } from './components';\n\n// Register date modal containers\nconst modals = new ModalSubscription(domain);\nmodals.subscribe(({ registry: { registerContainer } }) => {\n\t// Register TAM modal\n\tregisterContainer(EdtrGlobalModals.TAM, ModalContainer);\n});\n","/**\n * This file registers the filters for dates list via registry package\n */\nimport { FilterBarService } from '@eventespresso/registry';\nimport { dateSalesFilter, dateStatusFilter, sortDates } from '@eventespresso/predicates';\nimport { datesList, domain } from '@eventespresso/edtr-services';\nimport { entityListSearch } from '@eventespresso/utils';\nimport type { Datetime } from '@eventespresso/edtr-services';\nimport type { DatetimesFilterStateManager } from '@eventespresso/edtr-services';\n\ntype Domain = typeof domain;\ntype DFSM = DatetimesFilterStateManager;\n\nconst {\n\tregisterFilter: registerDatesFilter,\n\tregisterSearch: registerDatesSearch,\n\tregisterSorter: registerDatesSorter,\n} = new FilterBarService(domain, datesList);\n\n// Register sales filter\nregisterDatesFilter(({ entityList, filterState }) => {\n\treturn dateSalesFilter({ dates: entityList, sales: filterState.sales });\n}, 11);\n\n// Register status filter\nregisterDatesFilter(({ entityList, filterState }) => {\n\treturn dateStatusFilter({ dates: entityList, status: filterState.status });\n}, 9);\n\n// Register search\nregisterDatesSearch(({ entityList, filterState }) => {\n\treturn entityListSearch({\n\t\tentities: entityList,\n\t\tsearchFields: ['name', 'description'],\n\t\tsearchText: filterState.searchText,\n\t});\n});\n\n// Register sorter\nregisterDatesSorter(({ entityList, filterState }) => {\n\treturn sortDates({ dates: entityList, sortBy: filterState.sortBy });\n});\n","/**\n * This file registers the filters for tickets list via registry package\n */\nimport { FilterBarService } from '@eventespresso/registry';\nimport { ticketSalesFilter, ticketStatusFilter, sortTickets } from '@eventespresso/predicates';\nimport { domain, ticketsList } from '@eventespresso/edtr-services';\nimport { entityListSearch } from '@eventespresso/utils';\nimport type { Ticket, TicketsFilterStateManager } from '@eventespresso/edtr-services';\n\ntype Domain = typeof domain;\ntype TFSM = TicketsFilterStateManager;\n\nconst {\n\tregisterFilter: registerTicketsFilter,\n\tregisterSearch: registerTicketsSearch,\n\tregisterSorter: registerTicketsSorter,\n} = new FilterBarService(domain, ticketsList);\n\n// Register sales filter\nregisterTicketsFilter(({ entityList, filterState }) => {\n\treturn ticketSalesFilter({ sales: filterState.sales, tickets: entityList });\n}, 11);\n\n// Register status filter\nregisterTicketsFilter(({ entityList, filterState }) => {\n\treturn ticketStatusFilter({ status: filterState.status, tickets: entityList });\n}, 10); // 10 by default\n\n// Register search\nregisterTicketsSearch(({ entityList, filterState }) => {\n\treturn entityListSearch({\n\t\tentities: entityList,\n\t\tsearchFields: ['name', 'description'],\n\t\tsearchText: filterState.searchText,\n\t});\n});\n\n// Register sorter\nregisterTicketsSorter(({ entityList, filterState }) => {\n\treturn sortTickets({ tickets: entityList, sortBy: filterState.sortBy });\n});\n","import { PluginArea } from '@eventespresso/plugins';\n\nimport { useEditorInitialization } from '../hooks';\nimport { Spinner } from '@eventespresso/adapters';\nimport { getRegisteredContainers } from '@edtrServices/utils';\n\nimport { DatesList } from './datetimes/datesList';\nimport EventRegistrationOptions from './EventRegistrationOptions';\nimport { TicketsList } from './tickets/ticketsList';\nimport EventDescription from './EventDescription';\nimport { VenueDetails } from './venue';\nimport { RegistrationForm } from './registrationForm';\nimport Notifications from './notifications/Notifications';\n\n// fire up the service and UI element registry\nimport './registryInit';\nimport './styles.scss';\n\nconst containers = getRegisteredContainers();\n\nconst EventEditor: React.FC = () => {\n\tconst isRehydrated = useEditorInitialization();\n\n\tif (!isRehydrated) {\n\t\treturn