\n )\n }\n}\n\n\nfunction mapStateToProps(state) {\n var f = {\n dispatch: {},\n stepRenderer: {},\n subscription: {},\n user: {},\n plans: {},\n }\n f.dispatch = (state.dispatch === undefined) ? [] : state.dispatch\n f.stepRenderer = (state.stepRenderer === undefined) ? [] : state.stepRenderer\n f.subscription = (state.subscription === undefined) ? [] : state.subscription\n f.user = (state.user === undefined) ? [] : state.user\n f.plans = (state.plans === undefined) ? [] : state.plans\n return f;\n}\n\nexport default connectWithStore(store, ModalSubscription, mapStateToProps);","import React from 'react';\nimport Modal from 'react-modal'\nimport { store } from '../../store'\nimport { connectWithStore, stepIndicator } from '../../utils'\nimport { openModal, closeModal } from '../../api/modals/actions';\nimport { setStep } from '../../api/step-renderer/actions'\n\n\nclass GuitarpartyModal extends React.Component {\n constructor(props) {\n super(props);\n\n this.openModal = this.openModal.bind(this);\n this.afterOpenModal = this.afterOpenModal.bind(this);\n this.closeModal = this.closeModal.bind(this);\n }\n\n openModal() {\n this.props.dispatch(openModal(this.props.modalKey))\n if(this.props.modalKey.startsWith('modal-songbook') || this.props.modalKey.startsWith('modal-song-pdf')) {\n this.props.dispatch(setStep(0))\n }\n }\n\n afterOpenModal() {\n animateLabels();\n slideLabelsUp();\n\n if (window.Intercom) {\n if (this.props.modalKey === \"modal-paywall\") {\n var metadata = {}\n if (this.props.modals && this.props.modals[\"modal-paywall-message\"]) {\n metadata['source'] = this.props.modals[\"modal-paywall-message\"]\n }\n \n window.Intercom('trackEvent', 'hit-paywall', metadata);\n }\n if (this.props.modalKey === \"modal-subscription\") {\n window.Intercom('trackEvent', 'clicks-buy-subscription-button');\n }\n }\n }\n\n closeModal() {\n this.props.dispatch(closeModal(this.props.modalKey))\n }\n\n\n render() {\n // ... and renders the wrapped component with the fresh data!\n // Notice that we pass through any additional props\n let isOpen = false\n if (this.props.modals && Object.keys(this.props.modals).includes(this.props.modalKey)) {\n isOpen = this.props.modals[this.props.modalKey]\n }\n return (\n \n { this.props.showButton &&\n \n }\n \n {this.props.children}\n \n \n )\n }\n}\n\nGuitarpartyModal.defaultProps = {\n buttonClasses: \"\"\n}\n\n\n// export default withModal(ModalSongbook);\n\nfunction mapStateToProps(state) {\n var f = {\n modals: {},\n }\n \n f.modals = (state.modals === undefined) ? [] : state.modals\n\n return f;\n}\n\nexport default connectWithStore(store, GuitarpartyModal, mapStateToProps);\n","/**\r\n * A collection of shims that provide minimal functionality of the ES6 collections.\r\n *\r\n * These implementations are not meant to be used outside of the ResizeObserver\r\n * modules as they cover only a limited range of use cases.\r\n */\r\n/* eslint-disable require-jsdoc, valid-jsdoc */\r\nvar MapShim = (function () {\r\n if (typeof Map !== 'undefined') {\r\n return Map;\r\n }\r\n /**\r\n * Returns index in provided array that matches the specified key.\r\n *\r\n * @param {Array} arr\r\n * @param {*} key\r\n * @returns {number}\r\n */\r\n function getIndex(arr, key) {\r\n var result = -1;\r\n arr.some(function (entry, index) {\r\n if (entry[0] === key) {\r\n result = index;\r\n return true;\r\n }\r\n return false;\r\n });\r\n return result;\r\n }\r\n return /** @class */ (function () {\r\n function class_1() {\r\n this.__entries__ = [];\r\n }\r\n Object.defineProperty(class_1.prototype, \"size\", {\r\n /**\r\n * @returns {boolean}\r\n */\r\n get: function () {\r\n return this.__entries__.length;\r\n },\r\n enumerable: true,\r\n configurable: true\r\n });\r\n /**\r\n * @param {*} key\r\n * @returns {*}\r\n */\r\n class_1.prototype.get = function (key) {\r\n var index = getIndex(this.__entries__, key);\r\n var entry = this.__entries__[index];\r\n return entry && entry[1];\r\n };\r\n /**\r\n * @param {*} key\r\n * @param {*} value\r\n * @returns {void}\r\n */\r\n class_1.prototype.set = function (key, value) {\r\n var index = getIndex(this.__entries__, key);\r\n if (~index) {\r\n this.__entries__[index][1] = value;\r\n }\r\n else {\r\n this.__entries__.push([key, value]);\r\n }\r\n };\r\n /**\r\n * @param {*} key\r\n * @returns {void}\r\n */\r\n class_1.prototype.delete = function (key) {\r\n var entries = this.__entries__;\r\n var index = getIndex(entries, key);\r\n if (~index) {\r\n entries.splice(index, 1);\r\n }\r\n };\r\n /**\r\n * @param {*} key\r\n * @returns {void}\r\n */\r\n class_1.prototype.has = function (key) {\r\n return !!~getIndex(this.__entries__, key);\r\n };\r\n /**\r\n * @returns {void}\r\n */\r\n class_1.prototype.clear = function () {\r\n this.__entries__.splice(0);\r\n };\r\n /**\r\n * @param {Function} callback\r\n * @param {*} [ctx=null]\r\n * @returns {void}\r\n */\r\n class_1.prototype.forEach = function (callback, ctx) {\r\n if (ctx === void 0) { ctx = null; }\r\n for (var _i = 0, _a = this.__entries__; _i < _a.length; _i++) {\r\n var entry = _a[_i];\r\n callback.call(ctx, entry[1], entry[0]);\r\n }\r\n };\r\n return class_1;\r\n }());\r\n})();\n\n/**\r\n * Detects whether window and document objects are available in current environment.\r\n */\r\nvar isBrowser = typeof window !== 'undefined' && typeof document !== 'undefined' && window.document === document;\n\n// Returns global object of a current environment.\r\nvar global$1 = (function () {\r\n if (typeof global !== 'undefined' && global.Math === Math) {\r\n return global;\r\n }\r\n if (typeof self !== 'undefined' && self.Math === Math) {\r\n return self;\r\n }\r\n if (typeof window !== 'undefined' && window.Math === Math) {\r\n return window;\r\n }\r\n // eslint-disable-next-line no-new-func\r\n return Function('return this')();\r\n})();\n\n/**\r\n * A shim for the requestAnimationFrame which falls back to the setTimeout if\r\n * first one is not supported.\r\n *\r\n * @returns {number} Requests' identifier.\r\n */\r\nvar requestAnimationFrame$1 = (function () {\r\n if (typeof requestAnimationFrame === 'function') {\r\n // It's required to use a bounded function because IE sometimes throws\r\n // an \"Invalid calling object\" error if rAF is invoked without the global\r\n // object on the left hand side.\r\n return requestAnimationFrame.bind(global$1);\r\n }\r\n return function (callback) { return setTimeout(function () { return callback(Date.now()); }, 1000 / 60); };\r\n})();\n\n// Defines minimum timeout before adding a trailing call.\r\nvar trailingTimeout = 2;\r\n/**\r\n * Creates a wrapper function which ensures that provided callback will be\r\n * invoked only once during the specified delay period.\r\n *\r\n * @param {Function} callback - Function to be invoked after the delay period.\r\n * @param {number} delay - Delay after which to invoke callback.\r\n * @returns {Function}\r\n */\r\nfunction throttle (callback, delay) {\r\n var leadingCall = false, trailingCall = false, lastCallTime = 0;\r\n /**\r\n * Invokes the original callback function and schedules new invocation if\r\n * the \"proxy\" was called during current request.\r\n *\r\n * @returns {void}\r\n */\r\n function resolvePending() {\r\n if (leadingCall) {\r\n leadingCall = false;\r\n callback();\r\n }\r\n if (trailingCall) {\r\n proxy();\r\n }\r\n }\r\n /**\r\n * Callback invoked after the specified delay. It will further postpone\r\n * invocation of the original function delegating it to the\r\n * requestAnimationFrame.\r\n *\r\n * @returns {void}\r\n */\r\n function timeoutCallback() {\r\n requestAnimationFrame$1(resolvePending);\r\n }\r\n /**\r\n * Schedules invocation of the original function.\r\n *\r\n * @returns {void}\r\n */\r\n function proxy() {\r\n var timeStamp = Date.now();\r\n if (leadingCall) {\r\n // Reject immediately following calls.\r\n if (timeStamp - lastCallTime < trailingTimeout) {\r\n return;\r\n }\r\n // Schedule new call to be in invoked when the pending one is resolved.\r\n // This is important for \"transitions\" which never actually start\r\n // immediately so there is a chance that we might miss one if change\r\n // happens amids the pending invocation.\r\n trailingCall = true;\r\n }\r\n else {\r\n leadingCall = true;\r\n trailingCall = false;\r\n setTimeout(timeoutCallback, delay);\r\n }\r\n lastCallTime = timeStamp;\r\n }\r\n return proxy;\r\n}\n\n// Minimum delay before invoking the update of observers.\r\nvar REFRESH_DELAY = 20;\r\n// A list of substrings of CSS properties used to find transition events that\r\n// might affect dimensions of observed elements.\r\nvar transitionKeys = ['top', 'right', 'bottom', 'left', 'width', 'height', 'size', 'weight'];\r\n// Check if MutationObserver is available.\r\nvar mutationObserverSupported = typeof MutationObserver !== 'undefined';\r\n/**\r\n * Singleton controller class which handles updates of ResizeObserver instances.\r\n */\r\nvar ResizeObserverController = /** @class */ (function () {\r\n /**\r\n * Creates a new instance of ResizeObserverController.\r\n *\r\n * @private\r\n */\r\n function ResizeObserverController() {\r\n /**\r\n * Indicates whether DOM listeners have been added.\r\n *\r\n * @private {boolean}\r\n */\r\n this.connected_ = false;\r\n /**\r\n * Tells that controller has subscribed for Mutation Events.\r\n *\r\n * @private {boolean}\r\n */\r\n this.mutationEventsAdded_ = false;\r\n /**\r\n * Keeps reference to the instance of MutationObserver.\r\n *\r\n * @private {MutationObserver}\r\n */\r\n this.mutationsObserver_ = null;\r\n /**\r\n * A list of connected observers.\r\n *\r\n * @private {Array}\r\n */\r\n this.observers_ = [];\r\n this.onTransitionEnd_ = this.onTransitionEnd_.bind(this);\r\n this.refresh = throttle(this.refresh.bind(this), REFRESH_DELAY);\r\n }\r\n /**\r\n * Adds observer to observers list.\r\n *\r\n * @param {ResizeObserverSPI} observer - Observer to be added.\r\n * @returns {void}\r\n */\r\n ResizeObserverController.prototype.addObserver = function (observer) {\r\n if (!~this.observers_.indexOf(observer)) {\r\n this.observers_.push(observer);\r\n }\r\n // Add listeners if they haven't been added yet.\r\n if (!this.connected_) {\r\n this.connect_();\r\n }\r\n };\r\n /**\r\n * Removes observer from observers list.\r\n *\r\n * @param {ResizeObserverSPI} observer - Observer to be removed.\r\n * @returns {void}\r\n */\r\n ResizeObserverController.prototype.removeObserver = function (observer) {\r\n var observers = this.observers_;\r\n var index = observers.indexOf(observer);\r\n // Remove observer if it's present in registry.\r\n if (~index) {\r\n observers.splice(index, 1);\r\n }\r\n // Remove listeners if controller has no connected observers.\r\n if (!observers.length && this.connected_) {\r\n this.disconnect_();\r\n }\r\n };\r\n /**\r\n * Invokes the update of observers. It will continue running updates insofar\r\n * it detects changes.\r\n *\r\n * @returns {void}\r\n */\r\n ResizeObserverController.prototype.refresh = function () {\r\n var changesDetected = this.updateObservers_();\r\n // Continue running updates if changes have been detected as there might\r\n // be future ones caused by CSS transitions.\r\n if (changesDetected) {\r\n this.refresh();\r\n }\r\n };\r\n /**\r\n * Updates every observer from observers list and notifies them of queued\r\n * entries.\r\n *\r\n * @private\r\n * @returns {boolean} Returns \"true\" if any observer has detected changes in\r\n * dimensions of it's elements.\r\n */\r\n ResizeObserverController.prototype.updateObservers_ = function () {\r\n // Collect observers that have active observations.\r\n var activeObservers = this.observers_.filter(function (observer) {\r\n return observer.gatherActive(), observer.hasActive();\r\n });\r\n // Deliver notifications in a separate cycle in order to avoid any\r\n // collisions between observers, e.g. when multiple instances of\r\n // ResizeObserver are tracking the same element and the callback of one\r\n // of them changes content dimensions of the observed target. Sometimes\r\n // this may result in notifications being blocked for the rest of observers.\r\n activeObservers.forEach(function (observer) { return observer.broadcastActive(); });\r\n return activeObservers.length > 0;\r\n };\r\n /**\r\n * Initializes DOM listeners.\r\n *\r\n * @private\r\n * @returns {void}\r\n */\r\n ResizeObserverController.prototype.connect_ = function () {\r\n // Do nothing if running in a non-browser environment or if listeners\r\n // have been already added.\r\n if (!isBrowser || this.connected_) {\r\n return;\r\n }\r\n // Subscription to the \"Transitionend\" event is used as a workaround for\r\n // delayed transitions. This way it's possible to capture at least the\r\n // final state of an element.\r\n document.addEventListener('transitionend', this.onTransitionEnd_);\r\n window.addEventListener('resize', this.refresh);\r\n if (mutationObserverSupported) {\r\n this.mutationsObserver_ = new MutationObserver(this.refresh);\r\n this.mutationsObserver_.observe(document, {\r\n attributes: true,\r\n childList: true,\r\n characterData: true,\r\n subtree: true\r\n });\r\n }\r\n else {\r\n document.addEventListener('DOMSubtreeModified', this.refresh);\r\n this.mutationEventsAdded_ = true;\r\n }\r\n this.connected_ = true;\r\n };\r\n /**\r\n * Removes DOM listeners.\r\n *\r\n * @private\r\n * @returns {void}\r\n */\r\n ResizeObserverController.prototype.disconnect_ = function () {\r\n // Do nothing if running in a non-browser environment or if listeners\r\n // have been already removed.\r\n if (!isBrowser || !this.connected_) {\r\n return;\r\n }\r\n document.removeEventListener('transitionend', this.onTransitionEnd_);\r\n window.removeEventListener('resize', this.refresh);\r\n if (this.mutationsObserver_) {\r\n this.mutationsObserver_.disconnect();\r\n }\r\n if (this.mutationEventsAdded_) {\r\n document.removeEventListener('DOMSubtreeModified', this.refresh);\r\n }\r\n this.mutationsObserver_ = null;\r\n this.mutationEventsAdded_ = false;\r\n this.connected_ = false;\r\n };\r\n /**\r\n * \"Transitionend\" event handler.\r\n *\r\n * @private\r\n * @param {TransitionEvent} event\r\n * @returns {void}\r\n */\r\n ResizeObserverController.prototype.onTransitionEnd_ = function (_a) {\r\n var _b = _a.propertyName, propertyName = _b === void 0 ? '' : _b;\r\n // Detect whether transition may affect dimensions of an element.\r\n var isReflowProperty = transitionKeys.some(function (key) {\r\n return !!~propertyName.indexOf(key);\r\n });\r\n if (isReflowProperty) {\r\n this.refresh();\r\n }\r\n };\r\n /**\r\n * Returns instance of the ResizeObserverController.\r\n *\r\n * @returns {ResizeObserverController}\r\n */\r\n ResizeObserverController.getInstance = function () {\r\n if (!this.instance_) {\r\n this.instance_ = new ResizeObserverController();\r\n }\r\n return this.instance_;\r\n };\r\n /**\r\n * Holds reference to the controller's instance.\r\n *\r\n * @private {ResizeObserverController}\r\n */\r\n ResizeObserverController.instance_ = null;\r\n return ResizeObserverController;\r\n}());\n\n/**\r\n * Defines non-writable/enumerable properties of the provided target object.\r\n *\r\n * @param {Object} target - Object for which to define properties.\r\n * @param {Object} props - Properties to be defined.\r\n * @returns {Object} Target object.\r\n */\r\nvar defineConfigurable = (function (target, props) {\r\n for (var _i = 0, _a = Object.keys(props); _i < _a.length; _i++) {\r\n var key = _a[_i];\r\n Object.defineProperty(target, key, {\r\n value: props[key],\r\n enumerable: false,\r\n writable: false,\r\n configurable: true\r\n });\r\n }\r\n return target;\r\n});\n\n/**\r\n * Returns the global object associated with provided element.\r\n *\r\n * @param {Object} target\r\n * @returns {Object}\r\n */\r\nvar getWindowOf = (function (target) {\r\n // Assume that the element is an instance of Node, which means that it\r\n // has the \"ownerDocument\" property from which we can retrieve a\r\n // corresponding global object.\r\n var ownerGlobal = target && target.ownerDocument && target.ownerDocument.defaultView;\r\n // Return the local global object if it's not possible extract one from\r\n // provided element.\r\n return ownerGlobal || global$1;\r\n});\n\n// Placeholder of an empty content rectangle.\r\nvar emptyRect = createRectInit(0, 0, 0, 0);\r\n/**\r\n * Converts provided string to a number.\r\n *\r\n * @param {number|string} value\r\n * @returns {number}\r\n */\r\nfunction toFloat(value) {\r\n return parseFloat(value) || 0;\r\n}\r\n/**\r\n * Extracts borders size from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @param {...string} positions - Borders positions (top, right, ...)\r\n * @returns {number}\r\n */\r\nfunction getBordersSize(styles) {\r\n var positions = [];\r\n for (var _i = 1; _i < arguments.length; _i++) {\r\n positions[_i - 1] = arguments[_i];\r\n }\r\n return positions.reduce(function (size, position) {\r\n var value = styles['border-' + position + '-width'];\r\n return size + toFloat(value);\r\n }, 0);\r\n}\r\n/**\r\n * Extracts paddings sizes from provided styles.\r\n *\r\n * @param {CSSStyleDeclaration} styles\r\n * @returns {Object} Paddings box.\r\n */\r\nfunction getPaddings(styles) {\r\n var positions = ['top', 'right', 'bottom', 'left'];\r\n var paddings = {};\r\n for (var _i = 0, positions_1 = positions; _i < positions_1.length; _i++) {\r\n var position = positions_1[_i];\r\n var value = styles['padding-' + position];\r\n paddings[position] = toFloat(value);\r\n }\r\n return paddings;\r\n}\r\n/**\r\n * Calculates content rectangle of provided SVG element.\r\n *\r\n * @param {SVGGraphicsElement} target - Element content rectangle of which needs\r\n * to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getSVGContentRect(target) {\r\n var bbox = target.getBBox();\r\n return createRectInit(0, 0, bbox.width, bbox.height);\r\n}\r\n/**\r\n * Calculates content rectangle of provided HTMLElement.\r\n *\r\n * @param {HTMLElement} target - Element for which to calculate the content rectangle.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getHTMLElementContentRect(target) {\r\n // Client width & height properties can't be\r\n // used exclusively as they provide rounded values.\r\n var clientWidth = target.clientWidth, clientHeight = target.clientHeight;\r\n // By this condition we can catch all non-replaced inline, hidden and\r\n // detached elements. Though elements with width & height properties less\r\n // than 0.5 will be discarded as well.\r\n //\r\n // Without it we would need to implement separate methods for each of\r\n // those cases and it's not possible to perform a precise and performance\r\n // effective test for hidden elements. E.g. even jQuery's ':visible' filter\r\n // gives wrong results for elements with width & height less than 0.5.\r\n if (!clientWidth && !clientHeight) {\r\n return emptyRect;\r\n }\r\n var styles = getWindowOf(target).getComputedStyle(target);\r\n var paddings = getPaddings(styles);\r\n var horizPad = paddings.left + paddings.right;\r\n var vertPad = paddings.top + paddings.bottom;\r\n // Computed styles of width & height are being used because they are the\r\n // only dimensions available to JS that contain non-rounded values. It could\r\n // be possible to utilize the getBoundingClientRect if only it's data wasn't\r\n // affected by CSS transformations let alone paddings, borders and scroll bars.\r\n var width = toFloat(styles.width), height = toFloat(styles.height);\r\n // Width & height include paddings and borders when the 'border-box' box\r\n // model is applied (except for IE).\r\n if (styles.boxSizing === 'border-box') {\r\n // Following conditions are required to handle Internet Explorer which\r\n // doesn't include paddings and borders to computed CSS dimensions.\r\n //\r\n // We can say that if CSS dimensions + paddings are equal to the \"client\"\r\n // properties then it's either IE, and thus we don't need to subtract\r\n // anything, or an element merely doesn't have paddings/borders styles.\r\n if (Math.round(width + horizPad) !== clientWidth) {\r\n width -= getBordersSize(styles, 'left', 'right') + horizPad;\r\n }\r\n if (Math.round(height + vertPad) !== clientHeight) {\r\n height -= getBordersSize(styles, 'top', 'bottom') + vertPad;\r\n }\r\n }\r\n // Following steps can't be applied to the document's root element as its\r\n // client[Width/Height] properties represent viewport area of the window.\r\n // Besides, it's as well not necessary as the itself neither has\r\n // rendered scroll bars nor it can be clipped.\r\n if (!isDocumentElement(target)) {\r\n // In some browsers (only in Firefox, actually) CSS width & height\r\n // include scroll bars size which can be removed at this step as scroll\r\n // bars are the only difference between rounded dimensions + paddings\r\n // and \"client\" properties, though that is not always true in Chrome.\r\n var vertScrollbar = Math.round(width + horizPad) - clientWidth;\r\n var horizScrollbar = Math.round(height + vertPad) - clientHeight;\r\n // Chrome has a rather weird rounding of \"client\" properties.\r\n // E.g. for an element with content width of 314.2px it sometimes gives\r\n // the client width of 315px and for the width of 314.7px it may give\r\n // 314px. And it doesn't happen all the time. So just ignore this delta\r\n // as a non-relevant.\r\n if (Math.abs(vertScrollbar) !== 1) {\r\n width -= vertScrollbar;\r\n }\r\n if (Math.abs(horizScrollbar) !== 1) {\r\n height -= horizScrollbar;\r\n }\r\n }\r\n return createRectInit(paddings.left, paddings.top, width, height);\r\n}\r\n/**\r\n * Checks whether provided element is an instance of the SVGGraphicsElement.\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nvar isSVGGraphicsElement = (function () {\r\n // Some browsers, namely IE and Edge, don't have the SVGGraphicsElement\r\n // interface.\r\n if (typeof SVGGraphicsElement !== 'undefined') {\r\n return function (target) { return target instanceof getWindowOf(target).SVGGraphicsElement; };\r\n }\r\n // If it's so, then check that element is at least an instance of the\r\n // SVGElement and that it has the \"getBBox\" method.\r\n // eslint-disable-next-line no-extra-parens\r\n return function (target) { return (target instanceof getWindowOf(target).SVGElement &&\r\n typeof target.getBBox === 'function'); };\r\n})();\r\n/**\r\n * Checks whether provided element is a document element ().\r\n *\r\n * @param {Element} target - Element to be checked.\r\n * @returns {boolean}\r\n */\r\nfunction isDocumentElement(target) {\r\n return target === getWindowOf(target).document.documentElement;\r\n}\r\n/**\r\n * Calculates an appropriate content rectangle for provided html or svg element.\r\n *\r\n * @param {Element} target - Element content rectangle of which needs to be calculated.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction getContentRect(target) {\r\n if (!isBrowser) {\r\n return emptyRect;\r\n }\r\n if (isSVGGraphicsElement(target)) {\r\n return getSVGContentRect(target);\r\n }\r\n return getHTMLElementContentRect(target);\r\n}\r\n/**\r\n * Creates rectangle with an interface of the DOMRectReadOnly.\r\n * Spec: https://drafts.fxtf.org/geometry/#domrectreadonly\r\n *\r\n * @param {DOMRectInit} rectInit - Object with rectangle's x/y coordinates and dimensions.\r\n * @returns {DOMRectReadOnly}\r\n */\r\nfunction createReadOnlyRect(_a) {\r\n var x = _a.x, y = _a.y, width = _a.width, height = _a.height;\r\n // If DOMRectReadOnly is available use it as a prototype for the rectangle.\r\n var Constr = typeof DOMRectReadOnly !== 'undefined' ? DOMRectReadOnly : Object;\r\n var rect = Object.create(Constr.prototype);\r\n // Rectangle's properties are not writable and non-enumerable.\r\n defineConfigurable(rect, {\r\n x: x, y: y, width: width, height: height,\r\n top: y,\r\n right: x + width,\r\n bottom: height + y,\r\n left: x\r\n });\r\n return rect;\r\n}\r\n/**\r\n * Creates DOMRectInit object based on the provided dimensions and the x/y coordinates.\r\n * Spec: https://drafts.fxtf.org/geometry/#dictdef-domrectinit\r\n *\r\n * @param {number} x - X coordinate.\r\n * @param {number} y - Y coordinate.\r\n * @param {number} width - Rectangle's width.\r\n * @param {number} height - Rectangle's height.\r\n * @returns {DOMRectInit}\r\n */\r\nfunction createRectInit(x, y, width, height) {\r\n return { x: x, y: y, width: width, height: height };\r\n}\n\n/**\r\n * Class that is responsible for computations of the content rectangle of\r\n * provided DOM element and for keeping track of it's changes.\r\n */\r\nvar ResizeObservation = /** @class */ (function () {\r\n /**\r\n * Creates an instance of ResizeObservation.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n */\r\n function ResizeObservation(target) {\r\n /**\r\n * Broadcasted width of content rectangle.\r\n *\r\n * @type {number}\r\n */\r\n this.broadcastWidth = 0;\r\n /**\r\n * Broadcasted height of content rectangle.\r\n *\r\n * @type {number}\r\n */\r\n this.broadcastHeight = 0;\r\n /**\r\n * Reference to the last observed content rectangle.\r\n *\r\n * @private {DOMRectInit}\r\n */\r\n this.contentRect_ = createRectInit(0, 0, 0, 0);\r\n this.target = target;\r\n }\r\n /**\r\n * Updates content rectangle and tells whether it's width or height properties\r\n * have changed since the last broadcast.\r\n *\r\n * @returns {boolean}\r\n */\r\n ResizeObservation.prototype.isActive = function () {\r\n var rect = getContentRect(this.target);\r\n this.contentRect_ = rect;\r\n return (rect.width !== this.broadcastWidth ||\r\n rect.height !== this.broadcastHeight);\r\n };\r\n /**\r\n * Updates 'broadcastWidth' and 'broadcastHeight' properties with a data\r\n * from the corresponding properties of the last observed content rectangle.\r\n *\r\n * @returns {DOMRectInit} Last observed content rectangle.\r\n */\r\n ResizeObservation.prototype.broadcastRect = function () {\r\n var rect = this.contentRect_;\r\n this.broadcastWidth = rect.width;\r\n this.broadcastHeight = rect.height;\r\n return rect;\r\n };\r\n return ResizeObservation;\r\n}());\n\nvar ResizeObserverEntry = /** @class */ (function () {\r\n /**\r\n * Creates an instance of ResizeObserverEntry.\r\n *\r\n * @param {Element} target - Element that is being observed.\r\n * @param {DOMRectInit} rectInit - Data of the element's content rectangle.\r\n */\r\n function ResizeObserverEntry(target, rectInit) {\r\n var contentRect = createReadOnlyRect(rectInit);\r\n // According to the specification following properties are not writable\r\n // and are also not enumerable in the native implementation.\r\n //\r\n // Property accessors are not being used as they'd require to define a\r\n // private WeakMap storage which may cause memory leaks in browsers that\r\n // don't support this type of collections.\r\n defineConfigurable(this, { target: target, contentRect: contentRect });\r\n }\r\n return ResizeObserverEntry;\r\n}());\n\nvar ResizeObserverSPI = /** @class */ (function () {\r\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {ResizeObserverCallback} callback - Callback function that is invoked\r\n * when one of the observed elements changes it's content dimensions.\r\n * @param {ResizeObserverController} controller - Controller instance which\r\n * is responsible for the updates of observer.\r\n * @param {ResizeObserver} callbackCtx - Reference to the public\r\n * ResizeObserver instance which will be passed to callback function.\r\n */\r\n function ResizeObserverSPI(callback, controller, callbackCtx) {\r\n /**\r\n * Collection of resize observations that have detected changes in dimensions\r\n * of elements.\r\n *\r\n * @private {Array}\r\n */\r\n this.activeObservations_ = [];\r\n /**\r\n * Registry of the ResizeObservation instances.\r\n *\r\n * @private {Map}\r\n */\r\n this.observations_ = new MapShim();\r\n if (typeof callback !== 'function') {\r\n throw new TypeError('The callback provided as parameter 1 is not a function.');\r\n }\r\n this.callback_ = callback;\r\n this.controller_ = controller;\r\n this.callbackCtx_ = callbackCtx;\r\n }\r\n /**\r\n * Starts observing provided element.\r\n *\r\n * @param {Element} target - Element to be observed.\r\n * @returns {void}\r\n */\r\n ResizeObserverSPI.prototype.observe = function (target) {\r\n if (!arguments.length) {\r\n throw new TypeError('1 argument required, but only 0 present.');\r\n }\r\n // Do nothing if current environment doesn't have the Element interface.\r\n if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n return;\r\n }\r\n if (!(target instanceof getWindowOf(target).Element)) {\r\n throw new TypeError('parameter 1 is not of type \"Element\".');\r\n }\r\n var observations = this.observations_;\r\n // Do nothing if element is already being observed.\r\n if (observations.has(target)) {\r\n return;\r\n }\r\n observations.set(target, new ResizeObservation(target));\r\n this.controller_.addObserver(this);\r\n // Force the update of observations.\r\n this.controller_.refresh();\r\n };\r\n /**\r\n * Stops observing provided element.\r\n *\r\n * @param {Element} target - Element to stop observing.\r\n * @returns {void}\r\n */\r\n ResizeObserverSPI.prototype.unobserve = function (target) {\r\n if (!arguments.length) {\r\n throw new TypeError('1 argument required, but only 0 present.');\r\n }\r\n // Do nothing if current environment doesn't have the Element interface.\r\n if (typeof Element === 'undefined' || !(Element instanceof Object)) {\r\n return;\r\n }\r\n if (!(target instanceof getWindowOf(target).Element)) {\r\n throw new TypeError('parameter 1 is not of type \"Element\".');\r\n }\r\n var observations = this.observations_;\r\n // Do nothing if element is not being observed.\r\n if (!observations.has(target)) {\r\n return;\r\n }\r\n observations.delete(target);\r\n if (!observations.size) {\r\n this.controller_.removeObserver(this);\r\n }\r\n };\r\n /**\r\n * Stops observing all elements.\r\n *\r\n * @returns {void}\r\n */\r\n ResizeObserverSPI.prototype.disconnect = function () {\r\n this.clearActive();\r\n this.observations_.clear();\r\n this.controller_.removeObserver(this);\r\n };\r\n /**\r\n * Collects observation instances the associated element of which has changed\r\n * it's content rectangle.\r\n *\r\n * @returns {void}\r\n */\r\n ResizeObserverSPI.prototype.gatherActive = function () {\r\n var _this = this;\r\n this.clearActive();\r\n this.observations_.forEach(function (observation) {\r\n if (observation.isActive()) {\r\n _this.activeObservations_.push(observation);\r\n }\r\n });\r\n };\r\n /**\r\n * Invokes initial callback function with a list of ResizeObserverEntry\r\n * instances collected from active resize observations.\r\n *\r\n * @returns {void}\r\n */\r\n ResizeObserverSPI.prototype.broadcastActive = function () {\r\n // Do nothing if observer doesn't have active observations.\r\n if (!this.hasActive()) {\r\n return;\r\n }\r\n var ctx = this.callbackCtx_;\r\n // Create ResizeObserverEntry instance for every active observation.\r\n var entries = this.activeObservations_.map(function (observation) {\r\n return new ResizeObserverEntry(observation.target, observation.broadcastRect());\r\n });\r\n this.callback_.call(ctx, entries, ctx);\r\n this.clearActive();\r\n };\r\n /**\r\n * Clears the collection of active observations.\r\n *\r\n * @returns {void}\r\n */\r\n ResizeObserverSPI.prototype.clearActive = function () {\r\n this.activeObservations_.splice(0);\r\n };\r\n /**\r\n * Tells whether observer has active observations.\r\n *\r\n * @returns {boolean}\r\n */\r\n ResizeObserverSPI.prototype.hasActive = function () {\r\n return this.activeObservations_.length > 0;\r\n };\r\n return ResizeObserverSPI;\r\n}());\n\n// Registry of internal observers. If WeakMap is not available use current shim\r\n// for the Map collection as it has all required methods and because WeakMap\r\n// can't be fully polyfilled anyway.\r\nvar observers = typeof WeakMap !== 'undefined' ? new WeakMap() : new MapShim();\r\n/**\r\n * ResizeObserver API. Encapsulates the ResizeObserver SPI implementation\r\n * exposing only those methods and properties that are defined in the spec.\r\n */\r\nvar ResizeObserver = /** @class */ (function () {\r\n /**\r\n * Creates a new instance of ResizeObserver.\r\n *\r\n * @param {ResizeObserverCallback} callback - Callback that is invoked when\r\n * dimensions of the observed elements change.\r\n */\r\n function ResizeObserver(callback) {\r\n if (!(this instanceof ResizeObserver)) {\r\n throw new TypeError('Cannot call a class as a function.');\r\n }\r\n if (!arguments.length) {\r\n throw new TypeError('1 argument required, but only 0 present.');\r\n }\r\n var controller = ResizeObserverController.getInstance();\r\n var observer = new ResizeObserverSPI(callback, controller, this);\r\n observers.set(this, observer);\r\n }\r\n return ResizeObserver;\r\n}());\r\n// Expose public methods of ResizeObserver.\r\n[\r\n 'observe',\r\n 'unobserve',\r\n 'disconnect'\r\n].forEach(function (method) {\r\n ResizeObserver.prototype[method] = function () {\r\n var _a;\r\n return (_a = observers.get(this))[method].apply(_a, arguments);\r\n };\r\n});\n\nvar index = (function () {\r\n // Export existing implementation if available.\r\n if (typeof global$1.ResizeObserver !== 'undefined') {\r\n return global$1.ResizeObserver;\r\n }\r\n return ResizeObserver;\r\n})();\n\nexport default index;\n","/* eslint no-debugger: \"warn\" */\nimport cx from 'classnames'\nimport React, { Component } from 'react'\nimport PropTypes from 'prop-types'\nimport ResizeObserver from 'resize-observer-polyfill'\n\n/**\n * Capitalize first letter of string\n * @private\n * @param {string} - String\n * @return {string} - String with first letter capitalized\n */\nexport function capitalize (str) {\n return str.charAt(0).toUpperCase() + str.substr(1)\n }\n \n /**\n * Clamp position between a range\n * @param {number} - Value to be clamped\n * @param {number} - Minimum value in range\n * @param {number} - Maximum value in range\n * @return {number} - Clamped value\n */\n export function clamp (value, min, max) {\n return Math.min(Math.max(value, min), max)\n }\n\n/**\n * Predefined constants\n * @type {Object}\n */\nconst constants = {\n orientation: {\n horizontal: {\n dimension: 'width',\n direction: 'left',\n reverseDirection: 'right',\n coordinate: 'x'\n },\n vertical: {\n dimension: 'height',\n direction: 'top',\n reverseDirection: 'bottom',\n coordinate: 'y'\n }\n }\n}\n\nclass Slider extends Component {\n static propTypes = {\n min: PropTypes.number,\n max: PropTypes.number,\n step: PropTypes.number,\n value: PropTypes.number,\n orientation: PropTypes.string,\n tooltip: PropTypes.bool,\n reverse: PropTypes.bool,\n labels: PropTypes.object,\n handleLabel: PropTypes.string,\n format: PropTypes.func,\n onChangeStart: PropTypes.func,\n onChange: PropTypes.func,\n onChangeComplete: PropTypes.func\n };\n\n static defaultProps = {\n min: 0,\n max: 100,\n step: 1,\n value: 0,\n orientation: 'horizontal',\n tooltip: true,\n reverse: false,\n labels: {},\n handleLabel: ''\n };\n\n constructor (props, context) {\n super(props, context)\n\n this.state = {\n active: false,\n limit: 0,\n grab: 0\n }\n }\n\n componentDidMount () {\n this.handleUpdate()\n const resizeObserver = new ResizeObserver(this.handleUpdate)\n resizeObserver.observe(this.slider)\n }\n\n /**\n * Format label/tooltip value\n * @param {Number} - value\n * @return {Formatted Number}\n */\n handleFormat = value => {\n const { format } = this.props\n return format ? format(value) : value\n };\n\n /**\n * Update slider state on change\n * @return {void}\n */\n handleUpdate = () => {\n if (!this.slider) {\n // for shallow rendering\n return\n }\n const { orientation } = this.props\n const dimension = capitalize(constants.orientation[orientation].dimension)\n const sliderPos = this.slider[`offset${dimension}`]\n const handlePos = this.handle[`offset${dimension}`]\n\n this.setState({\n limit: sliderPos - handlePos,\n grab: handlePos / 2\n })\n };\n\n /**\n * Attach event listeners to mousemove/mouseup events\n * @return {void}\n */\n handleStart = e => {\n const { onChangeStart } = this.props\n document.addEventListener('mousemove', this.handleDrag)\n document.addEventListener('mouseup', this.handleEnd)\n this.setState(\n {\n active: true\n },\n () => {\n onChangeStart && onChangeStart(e)\n }\n )\n };\n\n /**\n * Handle drag/mousemove event\n * @param {Object} e - Event object\n * @return {void}\n */\n handleDrag = e => {\n e.stopPropagation()\n const { onChange } = this.props\n const { target: { className, classList, dataset } } = e\n if (!onChange || className === 'rangeslider__labels') return\n\n let value = this.position(e)\n\n if (\n classList &&\n classList.contains('rangeslider__label-item') &&\n dataset.value\n ) {\n value = parseFloat(dataset.value)\n }\n\n onChange && onChange(value, e)\n };\n\n /**\n * Detach event listeners to mousemove/mouseup events\n * @return {void}\n */\n handleEnd = e => {\n const { onChangeComplete } = this.props\n this.setState(\n {\n active: false\n },\n () => {\n onChangeComplete && onChangeComplete(e)\n }\n )\n document.removeEventListener('mousemove', this.handleDrag)\n document.removeEventListener('mouseup', this.handleEnd)\n };\n\n /**\n * Support for key events on the slider handle\n * @param {Object} e - Event object\n * @return {void}\n */\n handleKeyDown = e => {\n e.preventDefault()\n const { keyCode } = e\n const { value, min, max, step, onChange } = this.props\n let sliderValue\n\n switch (keyCode) {\n case 38:\n case 39:\n sliderValue = value + step > max ? max : value + step\n onChange && onChange(sliderValue, e)\n break\n case 37:\n case 40:\n sliderValue = value - step < min ? min : value - step\n onChange && onChange(sliderValue, e)\n break\n }\n };\n\n /**\n * Calculate position of slider based on its value\n * @param {number} value - Current value of slider\n * @return {position} pos - Calculated position of slider based on value\n */\n getPositionFromValue = value => {\n const { limit } = this.state\n const { min, max } = this.props\n const diffMaxMin = max - min\n const diffValMin = value - min\n const percentage = diffValMin / diffMaxMin\n const pos = Math.round(percentage * limit)\n\n return pos\n };\n\n /**\n * Translate position of slider to slider value\n * @param {number} pos - Current position/coordinates of slider\n * @return {number} value - Slider value\n */\n getValueFromPosition = pos => {\n const { limit } = this.state\n const { orientation, min, max, step } = this.props\n const percentage = clamp(pos, 0, limit) / (limit || 1)\n const baseVal = step * Math.round(percentage * (max - min) / step)\n const value = orientation === 'horizontal' ? baseVal + min : max - baseVal\n\n return clamp(value, min, max)\n };\n\n /**\n * Calculate position of slider based on value\n * @param {Object} e - Event object\n * @return {number} value - Slider value\n */\n position = e => {\n const { grab } = this.state\n const { orientation, reverse } = this.props\n\n const node = this.slider\n const coordinateStyle = constants.orientation[orientation].coordinate\n const directionStyle = reverse\n ? constants.orientation[orientation].reverseDirection\n : constants.orientation[orientation].direction\n const clientCoordinateStyle = `client${capitalize(coordinateStyle)}`\n const coordinate = !e.touches\n ? e[clientCoordinateStyle]\n : e.touches[0][clientCoordinateStyle]\n const direction = node.getBoundingClientRect()[directionStyle]\n const pos = reverse\n ? direction - coordinate - grab\n : coordinate - direction - grab\n const value = this.getValueFromPosition(pos)\n\n return value\n };\n\n /**\n * Grab coordinates of slider\n * @param {Object} pos - Position object\n * @return {Object} - Slider fill/handle coordinates\n */\n coordinates = pos => {\n const { limit, grab } = this.state\n const { orientation } = this.props\n const value = this.getValueFromPosition(pos)\n const position = this.getPositionFromValue(value)\n const handlePos = orientation === 'horizontal' ? position + grab : position\n const fillPos = orientation === 'horizontal'\n ? handlePos\n : limit - handlePos\n\n return {\n fill: fillPos,\n handle: handlePos,\n label: handlePos\n }\n };\n\n renderLabels = labels => (\n {\n this.labels = sl\n }}\n className={cx('rangeslider__labels')}\n >\n {labels}\n \n );\n\n render () {\n const {\n value,\n orientation,\n className,\n tooltip,\n reverse,\n labels,\n min,\n max,\n handleLabel\n } = this.props\n const { active } = this.state\n const dimension = constants.orientation[orientation].dimension\n const direction = reverse\n ? constants.orientation[orientation].reverseDirection\n : constants.orientation[orientation].direction\n const position = this.getPositionFromValue(value)\n const coords = this.coordinates(position)\n const fillStyle = { [dimension]: `${coords.fill}px` }\n const handleStyle = { [direction]: `${coords.handle}px` }\n let showTooltip = tooltip && active\n\n let labelItems = []\n let labelKeys = Object.keys(labels)\n\n if (labelKeys.length > 0) {\n labelKeys = labelKeys.sort((a, b) => (reverse ? a - b : b - a))\n\n for (let key of labelKeys) {\n const labelPosition = this.getPositionFromValue(key)\n const labelCoords = this.coordinates(labelPosition)\n const labelStyle = { [direction]: `${labelCoords.label}px` }\n\n labelItems.push(\n \n {this.props.labels[key]}\n \n )\n }\n }\n\n return (\n {\n this.slider = s\n }}\n className={cx(\n 'rangeslider',\n `rangeslider-${orientation}`,\n { 'rangeslider-reverse': reverse },\n className\n )}\n onMouseDown={this.handleDrag}\n onMouseUp={this.handleEnd}\n onTouchStart={this.handleStart}\n onTouchEnd={this.handleEnd}\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={value}\n aria-orientation={orientation}\n >\n \n {\n this.handle = sh\n }}\n className='rangeslider__handle'\n onMouseDown={this.handleStart}\n onTouchMove={this.handleDrag}\n onTouchEnd={this.handleEnd}\n onKeyDown={this.handleKeyDown}\n style={handleStyle}\n tabIndex={0}\n >\n {showTooltip\n ? {\n this.tooltip = st\n }}\n className='rangeslider__handle-tooltip'\n >\n {this.handleFormat(value)}\n \n : null}\n
{handleLabel}
\n \n {labels ? this.renderLabels(labelItems) : null}\n \n )\n }\n}\n\nexport default Slider","import React from 'react';\nimport { connectWithStore, Spinner } from '../../utils'\nimport { store } from '../../store'\n\nimport {SvgPlus, SvgCheckFill, SvgSongbooklistAddList, SvgExitFill, SvgSongbooklistPlay} from '../svg'\nimport { openModal } from '../../api/modals/actions';\nimport { fetchSongbooks } from '../../api/songbooks/actions'\nimport { addChosenSongToSongbook, removeChosenSongFromSongbook } from '../../api/collection-relation/actions'\n\nimport SongbookCreate from '../songbook-create'\n\nlet trans = [\n gettext(\"Add to songbook\"),\n]\n\nclass AddSongToSongbooks extends React.Component {\n\n constructor(props, context) {\n super(props, context)\n this.state = {\n songbookListOpen: false,\n newSongBookOpen: false,\n songbooks: [],\n songbookClicked: {}\n }\n this.addSongtoSongbook = this.addSongtoSongbook.bind(this)\n }\n\n\n componentDidMount(){\n // Close menu on outside click\n $(document).click((e) => {\n if(this.state.songbookListOpen && !($.contains($('.add-song-to-songbook')[0], e.target))) {\n this.setState({\n songbookListOpen: false,\n newSongBookOpen: false,\n })\n }\n })\n\n this.props.dispatch(fetchSongbooks(false))\n }\n\n componentDidUpdate(prevProps){\n // Was fetching but not anymore\n let prevId = prevProps.collectionRelation.data.songbook\n if(prevId in this.state.songbookClicked){\n if (prevProps.songbooks.isFetching && this.props.songbooks.isFetching === false){\n this.setState({ songbookClicked: {...this.state.songbookClicked, [prevId]: false } }) //simple value\n }\n }\n }\n\n toggleSongbookList(){\n var currentState = this.state.songbookListOpen;\n if (currentState && this.props.multipleSongs) {\n this.props.clearCheckedSongs();\n }\n this.setState({songbookListOpen: !currentState} , () => {\n actionItemOpen();\n });\n }\n\n hideSearchResults(){\n var container = $(\".search-results\");\n container.hide();\n }\n\n addSongtoSongbook(songbook, songIds) {\n // Songbook either not in object or has value false\n if(!(songbook.id in this.state.songbookClicked) || !this.state.songbookClicked[songbook.id]){\n this.setState({ songbookClicked: {...this.state.songbookClicked, [songbook.id]: true } }) //simple value\n let songbookDetail = false;\n if (this.isSongInSongbook(songbook.id, songIds, this.props.currentKey)) {\n songIds.map((songId) => {\n this.props.dispatch(removeChosenSongFromSongbook(songId, songbook.id, songbookDetail, this.props.currentKey))\n })\n } else {\n if (this.props.currentKey !== undefined) {\n songIds.map((songId) => {\n this.props.dispatch(addChosenSongToSongbook(songbook.id, songId, this.props.currentKey))\n })\n } else {\n songIds.map((songId) => {\n this.props.dispatch(addChosenSongToSongbook(songbook.id, songId))\n })\n }\n }\n }\n }\n\n isSongInSongbook(songbookId, songIds, key) {\n\n let songbook = this.props.songbooks.privateSongbooks.results.find( (el) => {return el.id === songbookId})\n\n return songIds.every((item) => {\n if (key === undefined) {\n return songbook.song_ids.includes(item)\n }\n return songbook.song_ids.includes(item) && (songbook.song_ids_keys && songbook.song_ids_keys[item] && songbook.song_ids_keys[item].includes(key))\n })\n }\n\n renderSongbooks(songbooks) {\n let songIds = this.props.ids;\n let allUserSongbooks = \n
{this.props.listType == 'toplist' ? gettext('The toplist is filtered by your language preference. You can change your preferences') : gettext('The search result is filtered by your language preference. You can change your preferences')} {gettext('here')}
\n \n )\n }\n}\n\nTranspose.defaultProps = {\n currentKey: null,\n originalKey: null,\n heading: null,\n}\n\n\nexport default Transpose;","var _jsxFileName = \"/Users/krise/GitHub/react-slider/src/components/ReactSlider/ReactSlider.jsx\";\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nimport React from 'react';\nimport PropTypes from 'prop-types';\n/**\n * To prevent text selection while dragging.\n * http://stackoverflow.com/questions/5429827/how-can-i-prevent-text-element-selection-with-cursor-drag\n */\n\nfunction pauseEvent(e) {\n if (e && e.stopPropagation) {\n e.stopPropagation();\n }\n\n if (e && e.preventDefault) {\n e.preventDefault();\n }\n\n return false;\n}\n\nfunction stopPropagation(e) {\n if (e.stopPropagation) {\n e.stopPropagation();\n }\n}\n\nfunction sanitizeInValue(x) {\n if (x == null) {\n return [];\n }\n\n return Array.isArray(x) ? x.slice() : [x];\n}\n\nfunction prepareOutValue(x) {\n return x !== null && x.length === 1 ? x[0] : x.slice();\n}\n\nfunction trimSucceeding(length, nextValue, minDistance, max) {\n for (var i = 0; i < length; i += 1) {\n var padding = max - i * minDistance;\n\n if (nextValue[length - 1 - i] > padding) {\n // eslint-disable-next-line no-param-reassign\n nextValue[length - 1 - i] = padding;\n }\n }\n}\n\nfunction trimPreceding(length, nextValue, minDistance, min) {\n for (var i = 0; i < length; i += 1) {\n var padding = min + i * minDistance;\n\n if (nextValue[i] < padding) {\n // eslint-disable-next-line no-param-reassign\n nextValue[i] = padding;\n }\n }\n}\n\nfunction addHandlers(eventMap) {\n Object.keys(eventMap).forEach(function (key) {\n if (typeof document !== 'undefined') {\n document.addEventListener(key, eventMap[key], false);\n }\n });\n}\n\nfunction removeHandlers(eventMap) {\n Object.keys(eventMap).forEach(function (key) {\n if (typeof document !== 'undefined') {\n document.removeEventListener(key, eventMap[key], false);\n }\n });\n}\n\nfunction trimAlignValue(val, props) {\n return alignValue(trimValue(val, props), props);\n}\n\nfunction alignValue(val, props) {\n var valModStep = (val - props.min) % props.step;\n var alignedValue = val - valModStep;\n\n if (Math.abs(valModStep) * 2 >= props.step) {\n alignedValue += valModStep > 0 ? props.step : -props.step;\n }\n\n return parseFloat(alignedValue.toFixed(5));\n}\n\nfunction trimValue(val, props) {\n var trimmed = val;\n\n if (trimmed <= props.min) {\n trimmed = props.min;\n }\n\n if (trimmed >= props.max) {\n trimmed = props.max;\n }\n\n return trimmed;\n}\n\nvar ReactSlider = /*#__PURE__*/function (_React$Component) {\n _inheritsLoose(ReactSlider, _React$Component);\n\n function ReactSlider(_props) {\n var _this;\n\n _this = _React$Component.call(this, _props) || this;\n\n _this.onKeyUp = function () {\n _this.onEnd();\n };\n\n _this.onMouseUp = function () {\n _this.onEnd(_this.getMouseEventMap());\n };\n\n _this.onTouchEnd = function () {\n _this.onEnd(_this.getTouchEventMap());\n };\n\n _this.onBlur = function () {\n _this.setState({\n index: -1\n }, _this.onEnd(_this.getKeyDownEventMap()));\n };\n\n _this.onMouseMove = function (e) {\n // Prevent controlled updates from happening while mouse is moving\n _this.setState({\n pending: true\n });\n\n var position = _this.getMousePosition(e);\n\n var diffPosition = _this.getDiffPosition(position[0]);\n\n var newValue = _this.getValueFromPosition(diffPosition);\n\n _this.move(newValue);\n };\n\n _this.onTouchMove = function (e) {\n if (e.touches.length > 1) {\n return;\n } // Prevent controlled updates from happending while touch is moving\n\n\n _this.setState({\n pending: true\n });\n\n var position = _this.getTouchPosition(e);\n\n if (typeof _this.isScrolling === 'undefined') {\n var diffMainDir = position[0] - _this.startPosition[0];\n var diffScrollDir = position[1] - _this.startPosition[1];\n _this.isScrolling = Math.abs(diffScrollDir) > Math.abs(diffMainDir);\n }\n\n if (_this.isScrolling) {\n _this.setState({\n index: -1\n });\n\n return;\n }\n\n var diffPosition = _this.getDiffPosition(position[0]);\n\n var newValue = _this.getValueFromPosition(diffPosition);\n\n _this.move(newValue);\n };\n\n _this.onKeyDown = function (e) {\n if (e.ctrlKey || e.shiftKey || e.altKey || e.metaKey) {\n return;\n } // Prevent controlled updates from happening while a key is pressed\n\n\n _this.setState({\n pending: true\n });\n\n switch (e.key) {\n case 'ArrowLeft':\n case 'ArrowDown':\n case 'Left':\n case 'Down':\n e.preventDefault();\n\n _this.moveDownByStep();\n\n break;\n\n case 'ArrowRight':\n case 'ArrowUp':\n case 'Right':\n case 'Up':\n e.preventDefault();\n\n _this.moveUpByStep();\n\n break;\n\n case 'Home':\n e.preventDefault();\n\n _this.move(_this.props.min);\n\n break;\n\n case 'End':\n e.preventDefault();\n\n _this.move(_this.props.max);\n\n break;\n\n case 'PageDown':\n e.preventDefault();\n\n _this.moveDownByStep(_this.props.pageFn(_this.props.step));\n\n break;\n\n case 'PageUp':\n e.preventDefault();\n\n _this.moveUpByStep(_this.props.pageFn(_this.props.step));\n\n break;\n\n default:\n }\n };\n\n _this.onSliderMouseDown = function (e) {\n // do nothing if disabled or right click\n if (_this.props.disabled || e.button === 2) {\n return;\n } // Prevent controlled updates from happening while mouse is moving\n\n\n _this.setState({\n pending: true\n });\n\n if (!_this.props.snapDragDisabled) {\n var position = _this.getMousePosition(e);\n\n _this.forceValueFromPosition(position[0], function (i) {\n _this.start(i, position[0]);\n\n addHandlers(_this.getMouseEventMap());\n });\n }\n\n pauseEvent(e);\n };\n\n _this.onSliderClick = function (e) {\n if (_this.props.disabled) {\n return;\n }\n\n if (_this.props.onSliderClick && !_this.hasMoved) {\n var position = _this.getMousePosition(e);\n\n var valueAtPos = trimAlignValue(_this.calcValue(_this.calcOffsetFromPosition(position[0])), _this.props);\n\n _this.props.onSliderClick(valueAtPos);\n }\n };\n\n _this.createOnKeyDown = function (i) {\n return function (e) {\n if (_this.props.disabled) {\n return;\n }\n\n _this.start(i);\n\n addHandlers(_this.getKeyDownEventMap());\n pauseEvent(e);\n };\n };\n\n _this.createOnMouseDown = function (i) {\n return function (e) {\n // do nothing if disabled or right click\n if (_this.props.disabled || e.button === 2) {\n return;\n } // Prevent controlled updates from happending while mouse is moving\n\n\n _this.setState({\n pending: true\n });\n\n var position = _this.getMousePosition(e);\n\n _this.start(i, position[0]);\n\n addHandlers(_this.getMouseEventMap());\n pauseEvent(e);\n };\n };\n\n _this.createOnTouchStart = function (i) {\n return function (e) {\n if (_this.props.disabled || e.touches.length > 1) {\n return;\n } // Prevent controlled updates from happending while touch is moving\n\n\n _this.setState({\n pending: true\n });\n\n var position = _this.getTouchPosition(e);\n\n _this.startPosition = position; // don't know yet if the user is trying to scroll\n\n _this.isScrolling = undefined;\n\n _this.start(i, position[0]);\n\n addHandlers(_this.getTouchEventMap());\n stopPropagation(e);\n };\n };\n\n _this.handleResize = function () {\n // setTimeout of 0 gives element enough time to have assumed its new size if\n // it is being resized\n var resizeTimeout = window.setTimeout(function () {\n // drop this timeout from pendingResizeTimeouts to reduce memory usage\n _this.pendingResizeTimeouts.shift();\n\n _this.resize();\n }, 0);\n\n _this.pendingResizeTimeouts.push(resizeTimeout);\n };\n\n _this.renderThumb = function (style, i) {\n var className = _this.props.thumbClassName + \" \" + _this.props.thumbClassName + \"-\" + i + \" \" + (_this.state.index === i ? _this.props.thumbActiveClassName : '');\n var props = {\n 'ref': function ref(r) {\n _this[\"thumb\" + i] = r;\n },\n 'key': _this.props.thumbClassName + \"-\" + i,\n className: className,\n style: style,\n 'onMouseDown': _this.createOnMouseDown(i),\n 'onTouchStart': _this.createOnTouchStart(i),\n 'onFocus': _this.createOnKeyDown(i),\n 'tabIndex': 0,\n 'role': 'slider',\n 'aria-orientation': _this.props.orientation,\n 'aria-valuenow': _this.state.value[i],\n 'aria-valuemin': _this.props.min,\n 'aria-valuemax': _this.props.max,\n 'aria-label': Array.isArray(_this.props.ariaLabel) ? _this.props.ariaLabel[i] : _this.props.ariaLabel,\n 'aria-labelledby': Array.isArray(_this.props.ariaLabelledby) ? _this.props.ariaLabelledby[i] : _this.props.ariaLabelledby\n };\n var state = {\n index: i,\n value: prepareOutValue(_this.state.value),\n valueNow: _this.state.value[i]\n };\n\n if (_this.props.ariaValuetext) {\n props['aria-valuetext'] = typeof _this.props.ariaValuetext === 'string' ? _this.props.ariaValuetext : _this.props.ariaValuetext(state);\n }\n\n return _this.props.renderThumb(props, state);\n };\n\n _this.renderTrack = function (i, offsetFrom, offsetTo) {\n var props = {\n key: _this.props.trackClassName + \"-\" + i,\n className: _this.props.trackClassName + \" \" + _this.props.trackClassName + \"-\" + i,\n style: _this.buildTrackStyle(offsetFrom, _this.state.upperBound - offsetTo)\n };\n var state = {\n index: i,\n value: prepareOutValue(_this.state.value)\n };\n return _this.props.renderTrack(props, state);\n };\n\n var value = sanitizeInValue(_props.value);\n\n if (!value.length) {\n value = sanitizeInValue(_props.defaultValue);\n } // array for storing resize timeouts ids\n\n\n _this.pendingResizeTimeouts = [];\n var zIndices = [];\n\n for (var i = 0; i < value.length; i += 1) {\n value[i] = trimAlignValue(value[i], _props);\n zIndices.push(i);\n }\n\n _this.state = {\n index: -1,\n upperBound: 0,\n sliderLength: 0,\n value: value,\n zIndices: zIndices\n };\n return _this;\n }\n\n var _proto = ReactSlider.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n if (typeof window !== 'undefined') {\n window.addEventListener('resize', this.handleResize);\n this.resize();\n }\n } // Keep the internal `value` consistent with an outside `value` if present.\n // This basically allows the slider to be a controlled component.\n ;\n\n ReactSlider.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {\n var value = sanitizeInValue(props.value);\n\n if (!value.length) {\n return null;\n } // Do not allow controlled upates to happen while we have pending updates\n\n\n if (state.pending) {\n return null;\n }\n\n return {\n value: value.map(function (item) {\n return trimAlignValue(item, props);\n })\n };\n };\n\n _proto.componentDidUpdate = function componentDidUpdate() {\n // If an upperBound has not yet been determined (due to the component being hidden\n // during the mount event, or during the last resize), then calculate it now\n if (this.state.upperBound === 0 || this.state.thumbSize === 0 || this.state.sliderLength) {\n this.resize();\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n this.clearPendingResizeTimeouts();\n\n if (typeof window !== 'undefined') {\n window.removeEventListener('resize', this.handleResize);\n }\n };\n\n _proto.onEnd = function onEnd(eventMap) {\n if (eventMap) {\n removeHandlers(eventMap);\n }\n\n if (this.hasMoved) {\n this.fireChangeEvent('onAfterChange');\n } // Allow controlled updates to continue\n\n\n this.setState({\n pending: false\n });\n this.hasMoved = false;\n };\n\n _proto.getValue = function getValue() {\n return prepareOutValue(this.state.value);\n };\n\n _proto.getClosestIndex = function getClosestIndex(pixelOffset) {\n var minDist = Number.MAX_VALUE;\n var closestIndex = -1;\n var value = this.state.value;\n var l = value.length;\n\n for (var i = 0; i < l; i += 1) {\n var offset = this.calcOffset(value[i]);\n var dist = Math.abs(pixelOffset - offset);\n\n if (dist < minDist) {\n minDist = dist;\n closestIndex = i;\n }\n }\n\n return closestIndex;\n };\n\n _proto.getMousePosition = function getMousePosition(e) {\n return [e[\"page\" + this.axisKey()], e[\"page\" + this.orthogonalAxisKey()]];\n };\n\n _proto.getTouchPosition = function getTouchPosition(e) {\n var touch = e.touches[0];\n return [touch[\"page\" + this.axisKey()], touch[\"page\" + this.orthogonalAxisKey()]];\n };\n\n _proto.getKeyDownEventMap = function getKeyDownEventMap() {\n return {\n keydown: this.onKeyDown,\n keyup: this.onKeyUp,\n focusout: this.onBlur\n };\n };\n\n _proto.getMouseEventMap = function getMouseEventMap() {\n return {\n mousemove: this.onMouseMove,\n mouseup: this.onMouseUp\n };\n };\n\n _proto.getTouchEventMap = function getTouchEventMap() {\n return {\n touchmove: this.onTouchMove,\n touchend: this.onTouchEnd\n };\n };\n\n _proto.getValueFromPosition = function getValueFromPosition(position) {\n var diffValue = position / (this.state.sliderLength - this.state.thumbSize) * (this.props.max - this.props.min);\n return trimAlignValue(this.state.startValue + diffValue, this.props);\n };\n\n _proto.getDiffPosition = function getDiffPosition(position) {\n var diffPosition = position - this.state.startPosition;\n\n if (this.props.invert) {\n diffPosition *= -1;\n }\n\n return diffPosition;\n } // create the `keydown` handler for the i-th thumb\n ;\n\n _proto.resize = function resize() {\n var slider = this.slider,\n thumb = this.thumb0;\n\n if (!slider || !thumb) {\n return;\n }\n\n var sizeKey = this.sizeKey(); // For the slider size, we want to use the client width/height, excluding any borders\n\n var sliderRect = slider.getBoundingClientRect();\n var sliderSize = slider[sizeKey];\n var sliderMax = sliderRect[this.posMaxKey()];\n var sliderMin = sliderRect[this.posMinKey()]; // For the thumb size, we want to use the outer width/height, including any borders\n\n var thumbRect = thumb.getBoundingClientRect();\n var thumbSize = thumbRect[sizeKey.replace('client', '').toLowerCase()];\n var upperBound = sliderSize - thumbSize;\n var sliderLength = Math.abs(sliderMax - sliderMin);\n\n if (this.state.upperBound !== upperBound || this.state.sliderLength !== sliderLength || this.state.thumbSize !== thumbSize) {\n this.setState({\n upperBound: upperBound,\n sliderLength: sliderLength,\n thumbSize: thumbSize\n });\n }\n } // calculates the offset of a thumb in pixels based on its value.\n ;\n\n _proto.calcOffset = function calcOffset(value) {\n var range = this.props.max - this.props.min;\n\n if (range === 0) {\n return 0;\n }\n\n var ratio = (value - this.props.min) / range;\n return ratio * this.state.upperBound;\n } // calculates the value corresponding to a given pixel offset, i.e. the inverse of `calcOffset`.\n ;\n\n _proto.calcValue = function calcValue(offset) {\n var ratio = offset / this.state.upperBound;\n return ratio * (this.props.max - this.props.min) + this.props.min;\n };\n\n _proto.calcOffsetFromPosition = function calcOffsetFromPosition(position) {\n var slider = this.slider;\n var sliderRect = slider.getBoundingClientRect();\n var sliderMax = sliderRect[this.posMaxKey()];\n var sliderMin = sliderRect[this.posMinKey()]; // The `position` value passed in is the mouse position based on the window height.\n // The slider bounding rect is based on the viewport, so we must add the window scroll\n // offset to normalize the values.\n\n var windowOffset = window[\"page\" + this.axisKey() + \"Offset\"];\n var sliderStart = windowOffset + (this.props.invert ? sliderMax : sliderMin);\n var pixelOffset = position - sliderStart;\n\n if (this.props.invert) {\n pixelOffset = this.state.sliderLength - pixelOffset;\n }\n\n pixelOffset -= this.state.thumbSize / 2;\n return pixelOffset;\n } // Snaps the nearest thumb to the value corresponding to `position`\n // and calls `callback` with that thumb's index.\n ;\n\n _proto.forceValueFromPosition = function forceValueFromPosition(position, callback) {\n var _this2 = this;\n\n var pixelOffset = this.calcOffsetFromPosition(position);\n var closestIndex = this.getClosestIndex(pixelOffset);\n var nextValue = trimAlignValue(this.calcValue(pixelOffset), this.props); // Clone this.state.value since we'll modify it temporarily\n // eslint-disable-next-line zillow/react/no-access-state-in-setstate\n\n var value = this.state.value.slice();\n value[closestIndex] = nextValue; // Prevents the slider from shrinking below `props.minDistance`\n\n for (var i = 0; i < value.length - 1; i += 1) {\n if (value[i + 1] - value[i] < this.props.minDistance) {\n return;\n }\n }\n\n this.fireChangeEvent('onBeforeChange');\n this.hasMoved = true;\n this.setState({\n value: value\n }, function () {\n callback(closestIndex);\n\n _this2.fireChangeEvent('onChange');\n });\n } // clear all pending timeouts to avoid error messages after unmounting\n ;\n\n _proto.clearPendingResizeTimeouts = function clearPendingResizeTimeouts() {\n do {\n var nextTimeout = this.pendingResizeTimeouts.shift();\n clearTimeout(nextTimeout);\n } while (this.pendingResizeTimeouts.length);\n };\n\n _proto.start = function start(i, position) {\n var thumbRef = this[\"thumb\" + i];\n\n if (thumbRef) {\n thumbRef.focus();\n }\n\n var zIndices = this.state.zIndices; // remove wherever the element is\n\n zIndices.splice(zIndices.indexOf(i), 1); // add to end\n\n zIndices.push(i);\n this.setState(function (prevState) {\n return {\n startValue: prevState.value[i],\n startPosition: position !== undefined ? position : prevState.startPosition,\n index: i,\n zIndices: zIndices\n };\n });\n };\n\n _proto.moveUpByStep = function moveUpByStep(step) {\n if (step === void 0) {\n step = this.props.step;\n }\n\n var oldValue = this.state.value[this.state.index];\n var newValue = trimAlignValue(oldValue + step, this.props);\n this.move(Math.min(newValue, this.props.max));\n };\n\n _proto.moveDownByStep = function moveDownByStep(step) {\n if (step === void 0) {\n step = this.props.step;\n }\n\n var oldValue = this.state.value[this.state.index];\n var newValue = trimAlignValue(oldValue - step, this.props);\n this.move(Math.max(newValue, this.props.min));\n };\n\n _proto.move = function move(newValue) {\n var _this$state = this.state,\n index = _this$state.index,\n value = _this$state.value;\n var length = value.length; // Short circuit if the value is not changing\n\n var oldValue = value[index];\n\n if (newValue === oldValue) {\n return;\n } // Trigger only before the first movement\n\n\n if (!this.hasMoved) {\n this.fireChangeEvent('onBeforeChange');\n }\n\n this.hasMoved = true; // if \"pearling\" (= thumbs pushing each other) is disabled,\n // prevent the thumb from getting closer than `minDistance` to the previous or next thumb.\n\n var _this$props = this.props,\n pearling = _this$props.pearling,\n max = _this$props.max,\n min = _this$props.min,\n minDistance = _this$props.minDistance;\n\n if (!pearling) {\n if (index > 0) {\n var valueBefore = value[index - 1];\n\n if (newValue < valueBefore + minDistance) {\n // eslint-disable-next-line no-param-reassign\n newValue = valueBefore + minDistance;\n }\n }\n\n if (index < length - 1) {\n var valueAfter = value[index + 1];\n\n if (newValue > valueAfter - minDistance) {\n // eslint-disable-next-line no-param-reassign\n newValue = valueAfter - minDistance;\n }\n }\n }\n\n value[index] = newValue; // if \"pearling\" is enabled, let the current thumb push the pre- and succeeding thumbs.\n\n if (pearling && length > 1) {\n if (newValue > oldValue) {\n this.pushSucceeding(value, minDistance, index);\n trimSucceeding(length, value, minDistance, max);\n } else if (newValue < oldValue) {\n this.pushPreceding(value, minDistance, index);\n trimPreceding(length, value, minDistance, min);\n }\n } // Normally you would use `shouldComponentUpdate`,\n // but since the slider is a low-level component,\n // the extra complexity might be worth the extra performance.\n\n\n this.setState({\n value: value\n }, this.fireChangeEvent.bind(this, 'onChange'));\n };\n\n _proto.pushSucceeding = function pushSucceeding(value, minDistance, index) {\n var i;\n var padding;\n\n for (i = index, padding = value[i] + minDistance; value[i + 1] !== null && padding > value[i + 1]; i += 1, padding = value[i] + minDistance) {\n // eslint-disable-next-line no-param-reassign\n value[i + 1] = alignValue(padding, this.props);\n }\n };\n\n _proto.pushPreceding = function pushPreceding(value, minDistance, index) {\n for (var i = index, padding = value[i] - minDistance; value[i - 1] !== null && padding < value[i - 1]; i -= 1, padding = value[i] - minDistance) {\n // eslint-disable-next-line no-param-reassign\n value[i - 1] = alignValue(padding, this.props);\n }\n };\n\n _proto.axisKey = function axisKey() {\n if (this.props.orientation === 'vertical') {\n return 'Y';\n } // Defaults to 'horizontal';\n\n\n return 'X';\n };\n\n _proto.orthogonalAxisKey = function orthogonalAxisKey() {\n if (this.props.orientation === 'vertical') {\n return 'X';\n } // Defaults to 'horizontal'\n\n\n return 'Y';\n };\n\n _proto.posMinKey = function posMinKey() {\n if (this.props.orientation === 'vertical') {\n return this.props.invert ? 'bottom' : 'top';\n } // Defaults to 'horizontal'\n\n\n return this.props.invert ? 'right' : 'left';\n };\n\n _proto.posMaxKey = function posMaxKey() {\n if (this.props.orientation === 'vertical') {\n return this.props.invert ? 'top' : 'bottom';\n } // Defaults to 'horizontal'\n\n\n return this.props.invert ? 'left' : 'right';\n };\n\n _proto.sizeKey = function sizeKey() {\n if (this.props.orientation === 'vertical') {\n return 'clientHeight';\n } // Defaults to 'horizontal'\n\n\n return 'clientWidth';\n };\n\n _proto.fireChangeEvent = function fireChangeEvent(event) {\n if (this.props[event]) {\n this.props[event](prepareOutValue(this.state.value), this.state.index);\n }\n };\n\n _proto.buildThumbStyle = function buildThumbStyle(offset, i) {\n var style = {\n position: 'absolute',\n touchAction: 'none',\n willChange: this.state.index >= 0 ? this.posMinKey() : '',\n zIndex: this.state.zIndices.indexOf(i) + 1\n };\n style[this.posMinKey()] = offset + \"px\";\n return style;\n };\n\n _proto.buildTrackStyle = function buildTrackStyle(min, max) {\n var obj = {\n position: 'absolute',\n willChange: this.state.index >= 0 ? this.posMinKey() + \",\" + this.posMaxKey() : ''\n };\n obj[this.posMinKey()] = min;\n obj[this.posMaxKey()] = max;\n return obj;\n };\n\n _proto.buildMarkStyle = function buildMarkStyle(offset) {\n var _ref;\n\n return _ref = {\n position: 'absolute'\n }, _ref[this.posMinKey()] = offset, _ref;\n };\n\n _proto.renderThumbs = function renderThumbs(offset) {\n var length = offset.length;\n var styles = [];\n\n for (var i = 0; i < length; i += 1) {\n styles[i] = this.buildThumbStyle(offset[i], i);\n }\n\n var res = [];\n\n for (var _i = 0; _i < length; _i += 1) {\n res[_i] = this.renderThumb(styles[_i], _i);\n }\n\n return res;\n };\n\n _proto.renderTracks = function renderTracks(offset) {\n var tracks = [];\n var lastIndex = offset.length - 1;\n tracks.push(this.renderTrack(0, 0, offset[0]));\n\n for (var i = 0; i < lastIndex; i += 1) {\n tracks.push(this.renderTrack(i + 1, offset[i], offset[i + 1]));\n }\n\n tracks.push(this.renderTrack(lastIndex + 1, offset[lastIndex], this.state.upperBound));\n return tracks;\n };\n\n _proto.renderMarks = function renderMarks() {\n var _this3 = this;\n\n var marks = this.props.marks;\n var range = this.props.max - this.props.min + 1;\n\n if (typeof marks === 'boolean') {\n marks = Array.from({\n length: range\n }).map(function (_, key) {\n return key;\n });\n } else if (typeof marks === 'number') {\n marks = Array.from({\n length: range\n }).map(function (_, key) {\n return key;\n }).filter(function (key) {\n return key % marks === 0;\n });\n }\n\n return marks.map(parseFloat).sort(function (a, b) {\n return a - b;\n }).map(function (mark) {\n var offset = _this3.calcOffset(mark);\n\n var props = {\n key: mark,\n className: _this3.props.markClassName,\n style: _this3.buildMarkStyle(offset)\n };\n return _this3.props.renderMark(props);\n });\n };\n\n _proto.render = function render() {\n var _this4 = this;\n\n var offset = [];\n var value = this.state.value;\n var l = value.length;\n\n for (var i = 0; i < l; i += 1) {\n offset[i] = this.calcOffset(value[i], i);\n }\n\n var tracks = this.props.withTracks ? this.renderTracks(offset) : null;\n var thumbs = this.renderThumbs(offset);\n var marks = this.props.marks ? this.renderMarks() : null;\n return /*#__PURE__*/React.createElement('div', {\n ref: function ref(r) {\n _this4.slider = r;\n },\n style: {\n position: 'relative'\n },\n className: this.props.className + (this.props.disabled ? ' disabled' : ''),\n onMouseDown: this.onSliderMouseDown,\n onClick: this.onSliderClick\n }, tracks, thumbs, marks);\n };\n\n return ReactSlider;\n}(React.Component);\n\nReactSlider.displayName = 'ReactSlider';\nReactSlider.defaultProps = {\n min: 0,\n max: 100,\n step: 1,\n pageFn: function pageFn(step) {\n return step * 10;\n },\n minDistance: 0,\n defaultValue: 0,\n orientation: 'horizontal',\n className: 'slider',\n thumbClassName: 'thumb',\n thumbActiveClassName: 'active',\n trackClassName: 'track',\n markClassName: 'mark',\n withTracks: true,\n pearling: false,\n disabled: false,\n snapDragDisabled: false,\n invert: false,\n marks: [],\n renderThumb: function renderThumb(props) {\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, props, {\n __self: ReactSlider,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 353,\n columnNumber: 31\n }\n }));\n },\n renderTrack: function renderTrack(props) {\n return /*#__PURE__*/React.createElement(\"div\", _extends({}, props, {\n __self: ReactSlider,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 354,\n columnNumber: 31\n }\n }));\n },\n renderMark: function renderMark(props) {\n return /*#__PURE__*/React.createElement(\"span\", _extends({}, props, {\n __self: ReactSlider,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 355,\n columnNumber: 30\n }\n }));\n }\n};\nReactSlider.propTypes = process.env.NODE_ENV !== \"production\" ? {\n /**\n * The minimum value of the slider.\n */\n min: PropTypes.number,\n\n /**\n * The maximum value of the slider.\n */\n max: PropTypes.number,\n\n /**\n * Value to be added or subtracted on each step the slider makes.\n * Must be greater than zero.\n * `max - min` should be evenly divisible by the step value.\n */\n step: PropTypes.number,\n\n /**\n * The result of the function is the value to be added or subtracted\n * when the `Page Up` or `Page Down` keys are pressed.\n *\n * The current `step` value will be passed as the only argument.\n * By default, paging will modify `step` by a factor of 10.\n */\n pageFn: PropTypes.func,\n\n /**\n * The minimal distance between any pair of thumbs.\n * Must be positive, but zero means they can sit on top of each other.\n */\n minDistance: PropTypes.number,\n\n /**\n * Determines the initial positions of the thumbs and the number of thumbs.\n *\n * If a number is passed a slider with one thumb will be rendered.\n * If an array is passed each value will determine the position of one thumb.\n * The values in the array must be sorted.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n\n /**\n * Like `defaultValue` but for\n * [controlled components](http://facebook.github.io/react/docs/forms.html#controlled-components).\n */\n // eslint-disable-next-line zillow/react/require-default-props\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.arrayOf(PropTypes.number)]),\n\n /**\n * Determines whether the slider moves horizontally (from left to right)\n * or vertically (from top to bottom).\n */\n orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n\n /**\n * The css class set on the slider node.\n */\n className: PropTypes.string,\n\n /**\n * The css class set on each thumb node.\n *\n * In addition each thumb will receive a numbered css class of the form\n * `${thumbClassName}-${i}`, e.g. `thumb-0`, `thumb-1`, ...\n */\n thumbClassName: PropTypes.string,\n\n /**\n * The css class set on the thumb that is currently being moved.\n */\n thumbActiveClassName: PropTypes.string,\n\n /**\n * If `true` tracks between the thumbs will be rendered.\n */\n withTracks: PropTypes.bool,\n\n /**\n * The css class set on the tracks between the thumbs.\n * In addition track fragment will receive a numbered css class of the form\n * `${trackClassName}-${i}`, e.g. `track-0`, `track-1`, ...\n */\n trackClassName: PropTypes.string,\n\n /**\n * If `true` the active thumb will push other thumbs\n * within the constraints of `min`, `max`, `step` and `minDistance`.\n */\n pearling: PropTypes.bool,\n\n /**\n * If `true` the thumbs can't be moved.\n */\n disabled: PropTypes.bool,\n\n /**\n * Disables thumb move when clicking the slider track\n */\n snapDragDisabled: PropTypes.bool,\n\n /**\n * Inverts the slider.\n */\n invert: PropTypes.bool,\n\n /**\n * Shows passed marks on the track, if true it shows all the marks,\n * if an array of numbers it shows just the passed marks, if a number is passed\n * it shows just the marks in that steps: like passing 3 shows the marks 3, 6, 9\n */\n marks: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.number), PropTypes.bool, PropTypes.number]),\n\n /**\n * The css class set on the marks.\n */\n markClassName: PropTypes.string,\n\n /**\n * Callback called before starting to move a thumb. The callback will only be called if the\n * action will result in a change. The function will be called with two arguments, the first\n * being the initial value(s) the second being thumb index.\n */\n // eslint-disable-next-line max-len\n // eslint-disable-next-line zillow/react/require-default-props, zillow/react/no-unused-prop-types\n onBeforeChange: PropTypes.func,\n\n /**\n * Callback called on every value change.\n * The function will be called with two arguments, the first being the new value(s)\n * the second being thumb index.\n */\n // eslint-disable-next-line max-len\n // eslint-disable-next-line zillow/react/require-default-props, zillow/react/no-unused-prop-types\n onChange: PropTypes.func,\n\n /**\n * Callback called only after moving a thumb has ended. The callback will only be called if\n * the action resulted in a change. The function will be called with two arguments, the\n * first being the result value(s) the second being thumb index.\n */\n // eslint-disable-next-line max-len\n // eslint-disable-next-line zillow/react/require-default-props, zillow/react/no-unused-prop-types\n onAfterChange: PropTypes.func,\n\n /**\n * Callback called when the the slider is clicked (thumb or tracks).\n * Receives the value at the clicked position as argument.\n */\n // eslint-disable-next-line zillow/react/require-default-props\n onSliderClick: PropTypes.func,\n\n /**\n * aria-label for screen-readers to apply to the thumbs.\n * Use an array for more than one thumb.\n * The length of the array must match the number of thumbs in the value array.\n */\n // eslint-disable-next-line zillow/react/require-default-props\n ariaLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n\n /**\n * aria-labelledby for screen-readers to apply to the thumbs.\n * Used when slider rendered with separate label.\n * Use an array for more than one thumb.\n * The length of the array must match the number of thumbs in the value array.\n */\n // eslint-disable-next-line zillow/react/require-default-props\n ariaLabelledby: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n\n /**\n * aria-valuetext for screen-readers.\n * Can be a static string, or a function that returns a string.\n * The function will be passed a single argument,\n * an object with the following properties:\n *\n * state => `Value: ${state.value}`\n *\n * - `state.index` {`number`} the index of the thumb\n * - `state.value` {`number` | `array`} the current value state\n * - `state.valueNow` {`number`} the value of the thumb (i.e. aria-valuenow)\n */\n // eslint-disable-next-line zillow/react/require-default-props\n ariaValuetext: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n\n /**\n * Provide a custom render function for the track node.\n * The render function will be passed two arguments,\n * an object with props that should be added to your handle node,\n * and an object with track and slider state:\n *\n * (props, state) => \n *\n * - `props` {`object`} props to be spread into your track node\n * - `state.index` {`number`} the index of the track\n * - `state.value` {`number` | `array`} the current value state\n */\n renderTrack: PropTypes.func,\n\n /**\n * Provide a custom render function for dynamic thumb content.\n * The render function will be passed two arguments,\n * an object with props that should be added to your thumb node,\n * and an object with thumb and slider state:\n *\n * (props, state) => \n *\n * - `props` {`object`} props to be spread into your thumb node\n * - `state.index` {`number`} the index of the thumb\n * - `state.value` {`number` | `array`} the current value state\n * - `state.valueNow` {`number`} the value of the thumb (i.e. aria-valuenow)\n */\n // eslint-disable-next-line zillow/react/require-default-props\n renderThumb: PropTypes.func,\n\n /**\n * Provide a custom render function for the mark node.\n * The render function will be passed one argument,\n * an object with props that should be added to your handle node\n *\n * (props) => \n *\n * - `props` {`object`} props to be spread into your track node\n */\n renderMark: PropTypes.func\n} : {};\nexport default ReactSlider;","import { SvgArrowDownGray, SvgMinusBlue, SvgPlusBlue, SvgStopBlue } from '../svg'\n\nimport React from 'react';\nimport ReactSlider from 'react-slider'\nimport { SvgArrowFillDown } from '../svg'\nimport {openModal} from '../../api/modals/actions'\n\nclass Autoscroll extends React.Component {\n\n constructor(props) {\n super(props)\n this.state = {\n speed: 0,\n subMenuOpen: false,\n scrolling: false\n }\n this.scroll_timer = null;\n this.wrapperRef = React.createRef();\n this.btnRef = React.createRef();\n this.handleClickOutsideAutoscroll = this.handleClickOutsideAutoscroll.bind(this);\n }\n\n componentDidMount() {\n document.addEventListener('mousedown', this.handleClickOutsideAutoscroll);\n if(this.props.defaultScroll){\n this.setState({\n speed: this.props.defaultScroll\n })\n }\n }\n\n componentDidUpdate(prevProps, prevState) {\n if(this.props.defaultScroll !== prevProps.defaultScroll){\n if(!this.props.defaultScroll){\n if(this.state.scrolling){\n this.toggleStop()\n }\n this.setState({\n speed: 0,\n scrolling: false\n })\n } else {\n this.setState({\n speed: this.props.defaultScroll\n })\n }\n }\n }\n\n componentWillUnmount() {\n document.removeEventListener('mousedown', this.handleClickOutsideAutoscroll);\n }\n\n handleClickOutsideAutoscroll(event) {\n if (this.wrapperRef && !this.wrapperRef.current.contains(event.target) && !this.btnRef.current.contains(event.target)) {\n this.setState({\n subMenuOpen: false,\n })\n }\n }\n \n update_scroller(newSpeed){\n $(window).scrollTop($(window).scrollTop()+1);\n this.scroll_timer = setTimeout(() => {\n this.update_scroller(newSpeed);\n }, newSpeed);\n }\n\n calculate_and_start_scroll(number){\n var newSpeed = 300 - 3*number + 20;\n this.update_scroller(newSpeed)\n }\n\n scroll(number){\n if (!this.props.user.hasSubscription) {\n this.props.dispatch(openModal(\"modal-paywall\", \"scroll\"))\n }\n else {\n if(number == 0){\n clearTimeout(this.scroll_timer);\n this.setState({\n scrolling: false,\n speed: 0 \n })\n }else{\n clearTimeout(this.scroll_timer);\n this.calculate_and_start_scroll(number)\n this.setState({\n scrolling: true,\n speed: number\n })\n }\n this.props.setScroll(number)\n }\n }\n\n toggleStop(){\n if(this.state.scrolling){\n clearTimeout(this.scroll_timer);\n this.setState({\n scrolling: false,\n })\n }else{\n this.calculate_and_start_scroll(this.state.speed)\n this.setState({\n scrolling: true, \n })\n }\n }\n\n toggleSubmenu(){\n if (!this.props.user.hasSubscription) {\n this.props.dispatch(openModal(\"modal-paywall\", \"scroll\"))\n }\n else {\n this.setState({subMenuOpen:!this.state.subMenuOpen})\n }\n }\n\n render() {\n return (\n <>\n \n
\n {interpolate(ngettext('Hint: To play in the original key with these chords, put your capo on fret %s', 'Hint: To play in the original key with these chords, put your capo on fret %s', calculateCapoPositionForOriginalKey(song.key, this.state.currentKey, capoFret)), [calculateCapoPositionForOriginalKey(song.key, this.state.currentKey, capoFret)])}\n
\n }\n \n :\n <>\n {capoFret > 0 &&\n
{interpolate(ngettext('Capo on fret %s for original key', 'Capo on fret %s for original key', capoFret), [capoFret])} {capoExtraMessage}
\n )\n }\n}\n\nSongbookCreate.defaultProps = {\n\n}\n\n\nfunction mapStateToProps(state) {\n var f = {\n user: {},\n }\n f.user = (state.user === undefined) ? [] : state.user\n return f;\n}\n\n// export default connect(mapStateToProps)(Song);\nexport default connectWithStore(store, SongbookCreate, mapStateToProps);\n\n","import React from \"react\";\nimport { connect } from 'react-redux'\nimport { SONGBOOK_PDF_STEPS } from '../../constants'\nimport { getStepComponent } from '../../utils'\n\n\nclass StepRenderer extends React.Component {\n constructor(props) {\n super(props)\n }\n\n render() {\n let { stepper, index, context } = this.props\n let StepComponent = getStepComponent(stepper[index], context)\n return \n }\n}\n\nStepRenderer.defaultProps = {\n context: 'pdf-generator'\n}\n\nexport default StepRenderer;\n","import moment from 'moment'\nimport { formatISK, formatUSD } from '../../utils'\n\n// Shared display helpers for Áskell V2 subscription contracts\n// (user.contract from /api/v3/core/user/current/).\n\nexport const formatAmount = (amount, currency) => {\n if (amount === null || amount === undefined || amount === '') {\n return ''\n }\n let value = parseFloat(amount)\n if (currency === 'ISK') {\n return `${formatISK(value)} kr.`\n }\n if (currency === 'USD') {\n return `$${formatUSD(value)}`\n }\n return `${value} ${currency || ''}`.trim()\n}\n\nexport const intervalLabel = (interval, intervalCount) => {\n let count = parseInt(intervalCount || 1, 10)\n if (interval === 'year') {\n return count > 1 ? interpolate(gettext('every %s years'), [count]) : gettext('per year')\n }\n if (interval === 'week') {\n return count > 1 ? interpolate(gettext('every %s weeks'), [count]) : gettext('per week')\n }\n return count > 1 ? interpolate(gettext('every %s months'), [count]) : gettext('per month')\n}\n\n// \"monthly\" / \"yearly\": how often the subscriber is billed\nexport const intervalAdverb = (interval, intervalCount) => {\n let count = parseInt(intervalCount || 1, 10)\n if (count > 1) {\n return intervalLabel(interval, count)\n }\n if (interval === 'year') {\n return gettext('yearly')\n }\n if (interval === 'week') {\n return gettext('weekly')\n }\n return gettext('monthly')\n}\n\nexport const formatDate = (value) => {\n if (!value) {\n return ''\n }\n return moment(value).format('D. M. YYYY')\n}\n\nexport const contractStateLabel = (contract) => {\n if (!contract) {\n return ''\n }\n if (contract.is_active && contract.is_cancelled) {\n return gettext('Cancelled')\n }\n if (contract.is_active && contract.is_on_trial) {\n return gettext('Trial subscription')\n }\n if (contract.is_active) {\n return gettext('Active')\n }\n switch (contract.service_state || contract.state) {\n case 'past_due':\n return gettext('Payment overdue')\n case 'paused':\n return gettext('Paused')\n case 'ended':\n case 'canceled':\n return gettext('Ended')\n default:\n return gettext('Inactive')\n }\n}\n\nexport const billingRunStateLabel = (state) => {\n switch (state) {\n case 'succeeded':\n return gettext('Paid')\n case 'failed':\n return gettext('Failed')\n case 'scheduled':\n case 'pending':\n case 'pending_external':\n case 'processing':\n case 'retrying':\n case 'retry_scheduled':\n return gettext('Pending')\n default:\n return state || ''\n }\n}\n\n// The date that matters most for the subscriber: when the next charge\n// happens, or when access ends for cancelled / lapsed contracts.\nexport const contractExpiry = (contract) => {\n if (!contract) {\n return null\n }\n if (contract.is_cancelled) {\n return contract.cancel_at || contract.entitled_until || contract.next_billing_at\n }\n return contract.entitled_until || contract.next_billing_at\n}\n","import React from 'react'\n\n//basic svg\nexport const SvgSearchRed = () => {\n return (\n \n )\n}\n\nexport const SvgCloseSearch = () => {\n return (\n \n )\n}\n\nexport const SvgCloseIcon = () => {\n return (\n \n )\n}\n\nexport const SvgPdf = () => {\n return (\n \n )\n}\n\nexport const SvgCopy = () => {\n return (\n \n )\n}\n\nexport const SvgDownload = () => {\n return (\n \n )\n}\n\nexport const SvgMinusBlue = () => {\n return (\n \n )\n}\n\nexport const SvgMinusBlack = () => {\n return (\n \n )\n}\n\nexport const SvgPlusBlue = () => {\n return (\n \n )\n}\n\nexport const SvgPlusBlack = () => {\n return (\n \n )\n}\n\nexport const SvgStopBlue = () => {\n return (\n \n )\n}\n\nexport const SvgArrowDownBlue = () => {\n return (\n \n )\n}\n\nexport const SvgArrowDownGray = () => {\n return (\n \n )\n}\n\nexport const SvgArrowLeftGray = () => {\n return (\n \n )\n}\n\nexport const SvgMySubscription = () => {\n return (\n \n )\n}\n\nexport const SvgArrowRightGray = () => {\n return (\n \n )\n}\n\nexport const SvgDragHandle = () => {\n return (\n \n )\n}\n\nexport const SvgHeart = () => {\n return (\n \n )\n}\n\nexport const SvgControlsBlue = () => {\n return (\n \n )\n}\n\nexport const SvgExitFill = () => {\n return (\n \n )\n}\n\nexport const SvgPlay = () => {\n return (\n \n )\n}\n\nexport const SvgEdit = () => {\n return (\n \n )\n}\n\n//\n\n\nexport const SvgPlusCircular = () => {\n return (\n \n )\n}\n\nexport const SvgCountdownCircle = () => (\n \n)\n\n\nexport const SvgPlus = () => {\n return (\n \n )\n}\n\nexport const SvgPlusLargeRed = () => {\n return (\n \n )\n}\n\nexport const SvgLogOut = () => {\n return (\n \n )\n}\n\nexport const SvgCheckFill = () => {\n return (\n \n )\n}\n\nexport const SvgPlayCircular = () => {\n return (\n \n )\n}\n\nexport const SvgTrash = () => {\n return (\n \n )\n}\n\nexport const SvgDropdownToggle = () => {\n return (\n \n )\n}\n\nexport const SvgCheckIcon = () => {\n return (\n \n )\n}\n\nexport const SvgOnAndOf = () => {\n return (\n \n )\n}\n\nexport const SvgSettings = () => {\n return (\n \n )\n}\n\nexport const SvgGuitarLessons = () => {\n return (\n \n )\n}\n\nexport const SvgSongbookIcon = () => {\n return (\n \n )\n}\n\nexport const SvgSendSong = () => {\n return (\n \n )\n}\n\nexport const SvgStarFlag = () => {\n return (\n \n )\n}\n\nexport const SvgGuitarIcon = () => {\n return (\n \n )\n}\n\nexport const SvgFbLogo = () => {\n return (\n \n )\n}\n\nexport const SvgGuitarPartyLogo = () => {\n return (\n \n )\n}\n\nexport const SvgGripIcon = () => {\n return (\n \n )\n}\n\nexport const SvgGripIconKeysOnly = () => {\n return (\n \n )\n}\n\nexport const SvgGripIconOff = () => {\n return (\n \n )\n}\n\nexport const Svg1ColIcon = () => {\n return (\n \n )\n}\nexport const Svg2ColIcon = () => {\n return (\n \n )\n}\n\nexport const SvgArrowFillDown = () => {\n return (\n \n )\n}\n\n\n\n//Svg for the \"Add to songbook\" list\nexport const SvgSongbooklistAddList = () => {\n return (\n \n )\n}\n\nexport const SvgSongbooklistPlay = () => {\n return (\n \n )\n}\n\nexport const SvgCheckMark = () => {\n return (\n \n )\n}\n\n\n\nexport const SvgSongbookPdfTextOnly = () => {\n return (\n \n )\n}\n\nexport const SvgSongbookPdfChordsOnly = () => {\n return (\n \n )\n}\n\nexport const SvgSongbookPdfChordsAndGrips = () => {\n return (\n \n )\n}\n\nexport const SvgSoongbookPdfA4Portrait = () => {\n return (\n \n )\n}\n\nexport const SvgSoongbookPdfA4Landscape = () => {\n return (\n \n )\n}\n\nexport const SvgSoongbookPdfA5Portrait = () => {\n return (\n \n )\n}\n\nexport const SvgWishlist = () => {\n return (\n \n )\n}\n\nexport const SvgPrev = () => {\n return (\n \n )\n}\n\nexport const SvgRewind = () => {\n return (\n \n )\n}\n\nexport const SvgPause = () => {\n return (\n \n )\n}\n\nexport const SvgStop = () => {\n return (\n \n )\n}\n\nexport const SvgFastFwd = () => {\n return (\n \n )\n}\n\nexport const SvgNext = () => {\n return (\n \n )\n}\n\nexport const SvgQR = () => {\n return (\n \n )\n}","export const FONT_SIZES = ['smaller', 'small', 'normal', 'big', 'bigger']\nexport const LINE_HEIGHT = ['smaller', 'small', 'normal', 'big', 'bigger']\nexport const DEFAULT_INSTRUMENT = 1\n\n// export const SONGBOOK_PDF_STEPS_TEXT = ['pdf_type', 'page_setup', 'finish_pdf']\n// export const SONGBOOK_PDF_STEPS_CHORD = ['pdf_type', 'chord_config', 'page_setup', 'finish_pdf']\nexport const SONGBOOK_PDF_STEPS = {\n 'TEXT' : ['pdf_type', 'page_setup', 'finish_pdf'],\n 'CHORD' : ['pdf_type', 'chord_config', 'page_setup', 'finish_pdf']\n}\n\nexport const SUBSCRIPTION_PDF_STEPS = ['payment_info', 'payment_done']\n\n// export const SONGBOOK_PDF_STEPS_CHORD = ['pdf_type', 'chord_config', 'page_setup', 'finish_pdf']\n\nexport const SESSION_STORAGE_NAME = 'guitarparty'\n\nexport const ANALYTICS_ID = 'UA-4038942-1';\n\nexport const RECAPTCHA_KEY = '6LdGjtcSAAAAALaEI21Y0t762FEUyNu2s7wylqVO'\n\nexport const AVAILABLE_LANGUAGES = {\n af: gettext('Afrikaans'),\n sq: gettext('Albanian'),\n ar: gettext('Arabic'),\n be: gettext('Belarusian'),\n bg: gettext('Bulgarian'),\n ca: gettext('Catalan'),\n zh: gettext('Chinese'),\n 'zh-CN': gettext('Chinese Simplified'),\n 'zn-TW': gettext('Chinese Traditional'),\n hr: gettext('Croatian'),\n cs: gettext('Czech'),\n da: gettext('Danish'),\n nl: gettext('Dutch'),\n en: gettext('English'),\n et: gettext('Estonian'),\n fi: gettext('Finnish'),\n fr: gettext('French'),\n gl: gettext('Galician'),\n de: gettext('German'),\n el: gettext('Greek'),\n ht: gettext('Haitian Creole'),\n iw: gettext('Hebrew'),\n hi: gettext('Hindi'),\n hu: gettext('Hungarian'),\n is: gettext('Icelandic'),\n id: gettext('Indonesian'),\n ga: gettext('Irish'),\n it: gettext('Italian'),\n ja: gettext('Japanese'),\n ko: gettext('Korean'),\n lv: gettext('Latvian'),\n lt: gettext('Lithuanian'),\n mk: gettext('Macedonian'),\n ms: gettext('Malay'),\n mt: gettext('Maltese'),\n no: gettext('Norwegian'),\n fa: gettext('Persian'),\n po: gettext('Polish'),\n pt: gettext('Portuguese'),\n 'pt-PT': gettext('Portuguese Portugal'),\n ro: gettext('Romanian'),\n ru: gettext('Russian'),\n sr: gettext('Serbian'),\n sk: gettext('Slovak'),\n sl: gettext('Slovenian'),\n es: gettext('Spanish'),\n sw: gettext('Swahili'),\n sv: gettext('Swedish'),\n tl: gettext('Tagalog'),\n th: gettext('Thai'),\n tr: gettext('Turkish'),\n uk: gettext('Ukrainian'),\n vi: gettext('Vietnamese'),\n cy: gettext('Welsh'),\n yi: gettext('Yiddish'),\n}","export default class TokenStorage {\n static getItem(key) {\n let value = localStorage.getItem(key)\n if (value === null) {\n value = sessionStorage.getItem(key)\n }\n return value\n }\n\n static setItem(key, value) {\n return localStorage.setItem(key, value)\n }\n\n static removeItem(key) {\n sessionStorage.removeItem(key)\n return localStorage.removeItem(key)\n }\n}","// src/utils/formatProdErrorMessage.ts\nfunction formatProdErrorMessage(code) {\n return `Minified Redux error #${code}; visit https://redux.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;\n}\n\n// src/utils/symbol-observable.ts\nvar $$observable = /* @__PURE__ */ (() => typeof Symbol === \"function\" && Symbol.observable || \"@@observable\")();\nvar symbol_observable_default = $$observable;\n\n// src/utils/actionTypes.ts\nvar randomString = () => Math.random().toString(36).substring(7).split(\"\").join(\".\");\nvar ActionTypes = {\n INIT: `@@redux/INIT${/* @__PURE__ */ randomString()}`,\n REPLACE: `@@redux/REPLACE${/* @__PURE__ */ randomString()}`,\n PROBE_UNKNOWN_ACTION: () => `@@redux/PROBE_UNKNOWN_ACTION${randomString()}`\n};\nvar actionTypes_default = ActionTypes;\n\n// src/utils/isPlainObject.ts\nfunction isPlainObject(obj) {\n if (typeof obj !== \"object\" || obj === null)\n return false;\n let proto = obj;\n while (Object.getPrototypeOf(proto) !== null) {\n proto = Object.getPrototypeOf(proto);\n }\n return Object.getPrototypeOf(obj) === proto || Object.getPrototypeOf(obj) === null;\n}\n\n// src/utils/kindOf.ts\nfunction miniKindOf(val) {\n if (val === void 0)\n return \"undefined\";\n if (val === null)\n return \"null\";\n const type = typeof val;\n switch (type) {\n case \"boolean\":\n case \"string\":\n case \"number\":\n case \"symbol\":\n case \"function\": {\n return type;\n }\n }\n if (Array.isArray(val))\n return \"array\";\n if (isDate(val))\n return \"date\";\n if (isError(val))\n return \"error\";\n const constructorName = ctorName(val);\n switch (constructorName) {\n case \"Symbol\":\n case \"Promise\":\n case \"WeakMap\":\n case \"WeakSet\":\n case \"Map\":\n case \"Set\":\n return constructorName;\n }\n return Object.prototype.toString.call(val).slice(8, -1).toLowerCase().replace(/\\s/g, \"\");\n}\nfunction ctorName(val) {\n return typeof val.constructor === \"function\" ? val.constructor.name : null;\n}\nfunction isError(val) {\n return val instanceof Error || typeof val.message === \"string\" && val.constructor && typeof val.constructor.stackTraceLimit === \"number\";\n}\nfunction isDate(val) {\n if (val instanceof Date)\n return true;\n return typeof val.toDateString === \"function\" && typeof val.getDate === \"function\" && typeof val.setDate === \"function\";\n}\nfunction kindOf(val) {\n let typeOfVal = typeof val;\n if (process.env.NODE_ENV !== \"production\") {\n typeOfVal = miniKindOf(val);\n }\n return typeOfVal;\n}\n\n// src/createStore.ts\nfunction createStore(reducer, preloadedState, enhancer) {\n if (typeof reducer !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(2) : `Expected the root reducer to be a function. Instead, received: '${kindOf(reducer)}'`);\n }\n if (typeof preloadedState === \"function\" && typeof enhancer === \"function\" || typeof enhancer === \"function\" && typeof arguments[3] === \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(0) : \"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.\");\n }\n if (typeof preloadedState === \"function\" && typeof enhancer === \"undefined\") {\n enhancer = preloadedState;\n preloadedState = void 0;\n }\n if (typeof enhancer !== \"undefined\") {\n if (typeof enhancer !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(1) : `Expected the enhancer to be a function. Instead, received: '${kindOf(enhancer)}'`);\n }\n return enhancer(createStore)(reducer, preloadedState);\n }\n let currentReducer = reducer;\n let currentState = preloadedState;\n let currentListeners = /* @__PURE__ */ new Map();\n let nextListeners = currentListeners;\n let listenerIdCounter = 0;\n let isDispatching = false;\n function ensureCanMutateNextListeners() {\n if (nextListeners === currentListeners) {\n nextListeners = /* @__PURE__ */ new Map();\n currentListeners.forEach((listener, key) => {\n nextListeners.set(key, listener);\n });\n }\n }\n function getState() {\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(3) : \"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.\");\n }\n return currentState;\n }\n function subscribe(listener) {\n if (typeof listener !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(4) : `Expected the listener to be a function. Instead, received: '${kindOf(listener)}'`);\n }\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(5) : \"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.\");\n }\n let isSubscribed = true;\n ensureCanMutateNextListeners();\n const listenerId = listenerIdCounter++;\n nextListeners.set(listenerId, listener);\n return function unsubscribe() {\n if (!isSubscribed) {\n return;\n }\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(6) : \"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.\");\n }\n isSubscribed = false;\n ensureCanMutateNextListeners();\n nextListeners.delete(listenerId);\n currentListeners = null;\n };\n }\n function dispatch(action) {\n if (!isPlainObject(action)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(7) : `Actions must be plain objects. Instead, the actual type was: '${kindOf(action)}'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.`);\n }\n if (typeof action.type === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(8) : 'Actions may not have an undefined \"type\" property. You may have misspelled an action type string constant.');\n }\n if (typeof action.type !== \"string\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(17) : `Action \"type\" property must be a string. Instead, the actual type was: '${kindOf(action.type)}'. Value was: '${action.type}' (stringified)`);\n }\n if (isDispatching) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(9) : \"Reducers may not dispatch actions.\");\n }\n try {\n isDispatching = true;\n currentState = currentReducer(currentState, action);\n } finally {\n isDispatching = false;\n }\n const listeners = currentListeners = nextListeners;\n listeners.forEach((listener) => {\n listener();\n });\n return action;\n }\n function replaceReducer(nextReducer) {\n if (typeof nextReducer !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(10) : `Expected the nextReducer to be a function. Instead, received: '${kindOf(nextReducer)}`);\n }\n currentReducer = nextReducer;\n dispatch({\n type: actionTypes_default.REPLACE\n });\n }\n function observable() {\n const outerSubscribe = subscribe;\n return {\n /**\n * The minimal observable subscription method.\n * @param observer Any object that can be used as an observer.\n * The observer object should have a `next` method.\n * @returns An object with an `unsubscribe` method that can\n * be used to unsubscribe the observable from the store, and prevent further\n * emission of values from the observable.\n */\n subscribe(observer) {\n if (typeof observer !== \"object\" || observer === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(11) : `Expected the observer to be an object. Instead, received: '${kindOf(observer)}'`);\n }\n function observeState() {\n const observerAsObserver = observer;\n if (observerAsObserver.next) {\n observerAsObserver.next(getState());\n }\n }\n observeState();\n const unsubscribe = outerSubscribe(observeState);\n return {\n unsubscribe\n };\n },\n [symbol_observable_default]() {\n return this;\n }\n };\n }\n dispatch({\n type: actionTypes_default.INIT\n });\n const store = {\n dispatch,\n subscribe,\n getState,\n replaceReducer,\n [symbol_observable_default]: observable\n };\n return store;\n}\nfunction legacy_createStore(reducer, preloadedState, enhancer) {\n return createStore(reducer, preloadedState, enhancer);\n}\n\n// src/utils/warning.ts\nfunction warning(message) {\n if (typeof console !== \"undefined\" && typeof console.error === \"function\") {\n console.error(message);\n }\n try {\n throw new Error(message);\n } catch (e) {\n }\n}\n\n// src/combineReducers.ts\nfunction getUnexpectedStateShapeWarningMessage(inputState, reducers, action, unexpectedKeyCache) {\n const reducerKeys = Object.keys(reducers);\n const argumentName = action && action.type === actionTypes_default.INIT ? \"preloadedState argument passed to createStore\" : \"previous state received by the reducer\";\n if (reducerKeys.length === 0) {\n return \"Store does not have a valid reducer. Make sure the argument passed to combineReducers is an object whose values are reducers.\";\n }\n if (!isPlainObject(inputState)) {\n return `The ${argumentName} has unexpected type of \"${kindOf(inputState)}\". Expected argument to be an object with the following keys: \"${reducerKeys.join('\", \"')}\"`;\n }\n const unexpectedKeys = Object.keys(inputState).filter((key) => !reducers.hasOwnProperty(key) && !unexpectedKeyCache[key]);\n unexpectedKeys.forEach((key) => {\n unexpectedKeyCache[key] = true;\n });\n if (action && action.type === actionTypes_default.REPLACE)\n return;\n if (unexpectedKeys.length > 0) {\n return `Unexpected ${unexpectedKeys.length > 1 ? \"keys\" : \"key\"} \"${unexpectedKeys.join('\", \"')}\" found in ${argumentName}. Expected to find one of the known reducer keys instead: \"${reducerKeys.join('\", \"')}\". Unexpected keys will be ignored.`;\n }\n}\nfunction assertReducerShape(reducers) {\n Object.keys(reducers).forEach((key) => {\n const reducer = reducers[key];\n const initialState = reducer(void 0, {\n type: actionTypes_default.INIT\n });\n if (typeof initialState === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(12) : `The slice reducer for key \"${key}\" returned undefined during initialization. If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);\n }\n if (typeof reducer(void 0, {\n type: actionTypes_default.PROBE_UNKNOWN_ACTION()\n }) === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(13) : `The slice reducer for key \"${key}\" returned undefined when probed with a random type. Don't try to handle '${actionTypes_default.INIT}' or other actions in \"redux/*\" namespace. They are considered private. Instead, you must return the current state for any unknown actions, unless it is undefined, in which case you must return the initial state, regardless of the action type. The initial state may not be undefined, but can be null.`);\n }\n });\n}\nfunction combineReducers(reducers) {\n const reducerKeys = Object.keys(reducers);\n const finalReducers = {};\n for (let i = 0; i < reducerKeys.length; i++) {\n const key = reducerKeys[i];\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof reducers[key] === \"undefined\") {\n warning(`No reducer provided for key \"${key}\"`);\n }\n }\n if (typeof reducers[key] === \"function\") {\n finalReducers[key] = reducers[key];\n }\n }\n const finalReducerKeys = Object.keys(finalReducers);\n let unexpectedKeyCache;\n if (process.env.NODE_ENV !== \"production\") {\n unexpectedKeyCache = {};\n }\n let shapeAssertionError;\n try {\n assertReducerShape(finalReducers);\n } catch (e) {\n shapeAssertionError = e;\n }\n return function combination(state = {}, action) {\n if (shapeAssertionError) {\n throw shapeAssertionError;\n }\n if (process.env.NODE_ENV !== \"production\") {\n const warningMessage = getUnexpectedStateShapeWarningMessage(state, finalReducers, action, unexpectedKeyCache);\n if (warningMessage) {\n warning(warningMessage);\n }\n }\n let hasChanged = false;\n const nextState = {};\n for (let i = 0; i < finalReducerKeys.length; i++) {\n const key = finalReducerKeys[i];\n const reducer = finalReducers[key];\n const previousStateForKey = state[key];\n const nextStateForKey = reducer(previousStateForKey, action);\n if (typeof nextStateForKey === \"undefined\") {\n const actionType = action && action.type;\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(14) : `When called with an action of type ${actionType ? `\"${String(actionType)}\"` : \"(unknown type)\"}, the slice reducer for key \"${key}\" returned undefined. To ignore an action, you must explicitly return the previous state. If you want this reducer to hold no value, you can return null instead of undefined.`);\n }\n nextState[key] = nextStateForKey;\n hasChanged = hasChanged || nextStateForKey !== previousStateForKey;\n }\n hasChanged = hasChanged || finalReducerKeys.length !== Object.keys(state).length;\n return hasChanged ? nextState : state;\n };\n}\n\n// src/bindActionCreators.ts\nfunction bindActionCreator(actionCreator, dispatch) {\n return function(...args) {\n return dispatch(actionCreator.apply(this, args));\n };\n}\nfunction bindActionCreators(actionCreators, dispatch) {\n if (typeof actionCreators === \"function\") {\n return bindActionCreator(actionCreators, dispatch);\n }\n if (typeof actionCreators !== \"object\" || actionCreators === null) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(16) : `bindActionCreators expected an object or a function, but instead received: '${kindOf(actionCreators)}'. Did you write \"import ActionCreators from\" instead of \"import * as ActionCreators from\"?`);\n }\n const boundActionCreators = {};\n for (const key in actionCreators) {\n const actionCreator = actionCreators[key];\n if (typeof actionCreator === \"function\") {\n boundActionCreators[key] = bindActionCreator(actionCreator, dispatch);\n }\n }\n return boundActionCreators;\n}\n\n// src/compose.ts\nfunction compose(...funcs) {\n if (funcs.length === 0) {\n return (arg) => arg;\n }\n if (funcs.length === 1) {\n return funcs[0];\n }\n return funcs.reduce((a, b) => (...args) => a(b(...args)));\n}\n\n// src/applyMiddleware.ts\nfunction applyMiddleware(...middlewares) {\n return (createStore2) => (reducer, preloadedState) => {\n const store = createStore2(reducer, preloadedState);\n let dispatch = () => {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(15) : \"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.\");\n };\n const middlewareAPI = {\n getState: store.getState,\n dispatch: (action, ...args) => dispatch(action, ...args)\n };\n const chain = middlewares.map((middleware) => middleware(middlewareAPI));\n dispatch = compose(...chain)(store.dispatch);\n return {\n ...store,\n dispatch\n };\n };\n}\n\n// src/utils/isAction.ts\nfunction isAction(action) {\n return isPlainObject(action) && \"type\" in action && typeof action.type === \"string\";\n}\nexport {\n actionTypes_default as __DO_NOT_USE__ActionTypes,\n applyMiddleware,\n bindActionCreators,\n combineReducers,\n compose,\n createStore,\n isAction,\n isPlainObject,\n legacy_createStore\n};\n//# sourceMappingURL=redux.mjs.map","// src/index.ts\nfunction createThunkMiddleware(extraArgument) {\n const middleware = ({ dispatch, getState }) => (next) => (action) => {\n if (typeof action === \"function\") {\n return action(dispatch, getState, extraArgument);\n }\n return next(action);\n };\n return middleware;\n}\nvar thunk = createThunkMiddleware();\nvar withExtraArgument = createThunkMiddleware;\nexport {\n thunk,\n withExtraArgument\n};\n","// src/index.ts\nexport * from \"redux\";\nimport { freeze, original as original2 } from \"immer\";\n\n// src/immerImports.ts\nimport { current, isDraft, produce, isDraftable, setUseStrictIteration } from \"immer\";\n\n// src/index.ts\nimport { createSelector, lruMemoize } from \"reselect\";\n\n// src/reselectImports.ts\nimport { createSelectorCreator, weakMapMemoize } from \"reselect\";\n\n// src/createDraftSafeSelector.ts\nvar createDraftSafeSelectorCreator = (...args) => {\n const createSelector2 = createSelectorCreator(...args);\n const createDraftSafeSelector2 = Object.assign((...args2) => {\n const selector = createSelector2(...args2);\n const wrappedSelector = (value, ...rest) => selector(isDraft(value) ? current(value) : value, ...rest);\n Object.assign(wrappedSelector, selector);\n return wrappedSelector;\n }, {\n withTypes: () => createDraftSafeSelector2\n });\n return createDraftSafeSelector2;\n};\nvar createDraftSafeSelector = /* @__PURE__ */ createDraftSafeSelectorCreator(weakMapMemoize);\n\n// src/reduxImports.ts\nimport { createStore, combineReducers, applyMiddleware, compose, isPlainObject, isAction } from \"redux\";\n\n// src/devtoolsExtension.ts\nvar composeWithDevTools = typeof window !== \"undefined\" && window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ : function() {\n if (arguments.length === 0) return void 0;\n if (typeof arguments[0] === \"object\") return compose;\n return compose.apply(null, arguments);\n};\nvar devToolsEnhancer = typeof window !== \"undefined\" && window.__REDUX_DEVTOOLS_EXTENSION__ ? window.__REDUX_DEVTOOLS_EXTENSION__ : function() {\n return function(noop3) {\n return noop3;\n };\n};\n\n// src/getDefaultMiddleware.ts\nimport { thunk as thunkMiddleware, withExtraArgument } from \"redux-thunk\";\n\n// src/tsHelpers.ts\nvar hasMatchFunction = (v) => {\n return v && typeof v.match === \"function\";\n};\n\n// src/createAction.ts\nfunction createAction(type, prepareAction) {\n function actionCreator(...args) {\n if (prepareAction) {\n let prepared = prepareAction(...args);\n if (!prepared) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(0) : \"prepareAction did not return an object\");\n }\n return {\n type,\n payload: prepared.payload,\n ...\"meta\" in prepared && {\n meta: prepared.meta\n },\n ...\"error\" in prepared && {\n error: prepared.error\n }\n };\n }\n return {\n type,\n payload: args[0]\n };\n }\n actionCreator.toString = () => `${type}`;\n actionCreator.type = type;\n actionCreator.match = (action) => isAction(action) && action.type === type;\n return actionCreator;\n}\nfunction isActionCreator(action) {\n return typeof action === \"function\" && \"type\" in action && // hasMatchFunction only wants Matchers but I don't see the point in rewriting it\n hasMatchFunction(action);\n}\nfunction isFSA(action) {\n return isAction(action) && Object.keys(action).every(isValidKey);\n}\nfunction isValidKey(key) {\n return [\"type\", \"payload\", \"error\", \"meta\"].indexOf(key) > -1;\n}\n\n// src/actionCreatorInvariantMiddleware.ts\nfunction getMessage(type) {\n const splitType = type ? `${type}`.split(\"/\") : [];\n const actionName = splitType[splitType.length - 1] || \"actionCreator\";\n return `Detected an action creator with type \"${type || \"unknown\"}\" being dispatched.\nMake sure you're calling the action creator before dispatching, i.e. \\`dispatch(${actionName}())\\` instead of \\`dispatch(${actionName})\\`. This is necessary even if the action has no payload.`;\n}\nfunction createActionCreatorInvariantMiddleware(options = {}) {\n if (process.env.NODE_ENV === \"production\") {\n return () => (next) => (action) => next(action);\n }\n const {\n isActionCreator: isActionCreator2 = isActionCreator\n } = options;\n return () => (next) => (action) => {\n if (isActionCreator2(action)) {\n console.warn(getMessage(action.type));\n }\n return next(action);\n };\n}\n\n// src/utils.ts\nfunction getTimeMeasureUtils(maxDelay, fnName) {\n let elapsed = 0;\n return {\n measureTime(fn) {\n const started = Date.now();\n try {\n return fn();\n } finally {\n const finished = Date.now();\n elapsed += finished - started;\n }\n },\n warnIfExceeded() {\n if (elapsed > maxDelay) {\n console.warn(`${fnName} took ${elapsed}ms, which is more than the warning threshold of ${maxDelay}ms. \nIf your state or actions are very large, you may want to disable the middleware as it might cause too much of a slowdown in development mode. See https://redux-toolkit.js.org/api/getDefaultMiddleware for instructions.\nIt is disabled in production builds, so you don't need to worry about that.`);\n }\n }\n };\n}\nvar Tuple = class _Tuple extends Array {\n constructor(...items) {\n super(...items);\n Object.setPrototypeOf(this, _Tuple.prototype);\n }\n static get [Symbol.species]() {\n return _Tuple;\n }\n concat(...arr) {\n return super.concat.apply(this, arr);\n }\n prepend(...arr) {\n if (arr.length === 1 && Array.isArray(arr[0])) {\n return new _Tuple(...arr[0].concat(this));\n }\n return new _Tuple(...arr.concat(this));\n }\n};\nfunction freezeDraftable(val) {\n return isDraftable(val) ? produce(val, () => {\n }) : val;\n}\nfunction getOrInsertComputed(map, key, compute) {\n if (map.has(key)) return map.get(key);\n return map.set(key, compute(key)).get(key);\n}\n\n// src/immutableStateInvariantMiddleware.ts\nfunction isImmutableDefault(value) {\n return typeof value !== \"object\" || value == null || Object.isFrozen(value);\n}\nfunction trackForMutations(isImmutable, ignoredPaths, obj) {\n const trackedProperties = trackProperties(isImmutable, ignoredPaths, obj);\n return {\n detectMutations() {\n return detectMutations(isImmutable, ignoredPaths, trackedProperties, obj);\n }\n };\n}\nfunction trackProperties(isImmutable, ignoredPaths = [], obj, path = \"\", checkedObjects = /* @__PURE__ */ new Set()) {\n const tracked = {\n value: obj\n };\n if (!isImmutable(obj) && !checkedObjects.has(obj)) {\n checkedObjects.add(obj);\n tracked.children = {};\n const hasIgnoredPaths = ignoredPaths.length > 0;\n for (const key in obj) {\n const nestedPath = path ? path + \".\" + key : key;\n if (hasIgnoredPaths) {\n const hasMatches = ignoredPaths.some((ignored) => {\n if (ignored instanceof RegExp) {\n return ignored.test(nestedPath);\n }\n return nestedPath === ignored;\n });\n if (hasMatches) {\n continue;\n }\n }\n tracked.children[key] = trackProperties(isImmutable, ignoredPaths, obj[key], nestedPath);\n }\n }\n return tracked;\n}\nfunction detectMutations(isImmutable, ignoredPaths = [], trackedProperty, obj, sameParentRef = false, path = \"\") {\n const prevObj = trackedProperty ? trackedProperty.value : void 0;\n const sameRef = prevObj === obj;\n if (sameParentRef && !sameRef && !Number.isNaN(obj)) {\n return {\n wasMutated: true,\n path\n };\n }\n if (isImmutable(prevObj) || isImmutable(obj)) {\n return {\n wasMutated: false\n };\n }\n const keysToDetect = {};\n for (let key in trackedProperty.children) {\n keysToDetect[key] = true;\n }\n for (let key in obj) {\n keysToDetect[key] = true;\n }\n const hasIgnoredPaths = ignoredPaths.length > 0;\n for (let key in keysToDetect) {\n const nestedPath = path ? path + \".\" + key : key;\n if (hasIgnoredPaths) {\n const hasMatches = ignoredPaths.some((ignored) => {\n if (ignored instanceof RegExp) {\n return ignored.test(nestedPath);\n }\n return nestedPath === ignored;\n });\n if (hasMatches) {\n continue;\n }\n }\n const result = detectMutations(isImmutable, ignoredPaths, trackedProperty.children[key], obj[key], sameRef, nestedPath);\n if (result.wasMutated) {\n return result;\n }\n }\n return {\n wasMutated: false\n };\n}\nfunction createImmutableStateInvariantMiddleware(options = {}) {\n if (process.env.NODE_ENV === \"production\") {\n return () => (next) => (action) => next(action);\n } else {\n let stringify2 = function(obj, serializer, indent, decycler) {\n return JSON.stringify(obj, getSerialize2(serializer, decycler), indent);\n }, getSerialize2 = function(serializer, decycler) {\n let stack = [], keys = [];\n if (!decycler) decycler = function(_, value) {\n if (stack[0] === value) return \"[Circular ~]\";\n return \"[Circular ~.\" + keys.slice(0, stack.indexOf(value)).join(\".\") + \"]\";\n };\n return function(key, value) {\n if (stack.length > 0) {\n var thisPos = stack.indexOf(this);\n ~thisPos ? stack.splice(thisPos + 1) : stack.push(this);\n ~thisPos ? keys.splice(thisPos, Infinity, key) : keys.push(key);\n if (~stack.indexOf(value)) value = decycler.call(this, key, value);\n } else stack.push(value);\n return serializer == null ? value : serializer.call(this, key, value);\n };\n };\n var stringify = stringify2, getSerialize = getSerialize2;\n let {\n isImmutable = isImmutableDefault,\n ignoredPaths,\n warnAfter = 32\n } = options;\n const track = trackForMutations.bind(null, isImmutable, ignoredPaths);\n return ({\n getState\n }) => {\n let state = getState();\n let tracker = track(state);\n let result;\n return (next) => (action) => {\n const measureUtils = getTimeMeasureUtils(warnAfter, \"ImmutableStateInvariantMiddleware\");\n measureUtils.measureTime(() => {\n state = getState();\n result = tracker.detectMutations();\n tracker = track(state);\n if (result.wasMutated) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(19) : `A state mutation was detected between dispatches, in the path '${result.path || \"\"}'. This may cause incorrect behavior. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)`);\n }\n });\n const dispatchedAction = next(action);\n measureUtils.measureTime(() => {\n state = getState();\n result = tracker.detectMutations();\n tracker = track(state);\n if (result.wasMutated) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(20) : `A state mutation was detected inside a dispatch, in the path: ${result.path || \"\"}. Take a look at the reducer(s) handling the action ${stringify2(action)}. (https://redux.js.org/style-guide/style-guide#do-not-mutate-state)`);\n }\n });\n measureUtils.warnIfExceeded();\n return dispatchedAction;\n };\n };\n }\n}\n\n// src/serializableStateInvariantMiddleware.ts\nfunction isPlain(val) {\n const type = typeof val;\n return val == null || type === \"string\" || type === \"boolean\" || type === \"number\" || Array.isArray(val) || isPlainObject(val);\n}\nfunction findNonSerializableValue(value, path = \"\", isSerializable = isPlain, getEntries, ignoredPaths = [], cache) {\n let foundNestedSerializable;\n if (!isSerializable(value)) {\n return {\n keyPath: path || \"\",\n value\n };\n }\n if (typeof value !== \"object\" || value === null) {\n return false;\n }\n if (cache?.has(value)) return false;\n const entries = getEntries != null ? getEntries(value) : Object.entries(value);\n const hasIgnoredPaths = ignoredPaths.length > 0;\n for (const [key, nestedValue] of entries) {\n const nestedPath = path ? path + \".\" + key : key;\n if (hasIgnoredPaths) {\n const hasMatches = ignoredPaths.some((ignored) => {\n if (ignored instanceof RegExp) {\n return ignored.test(nestedPath);\n }\n return nestedPath === ignored;\n });\n if (hasMatches) {\n continue;\n }\n }\n if (!isSerializable(nestedValue)) {\n return {\n keyPath: nestedPath,\n value: nestedValue\n };\n }\n if (typeof nestedValue === \"object\") {\n foundNestedSerializable = findNonSerializableValue(nestedValue, nestedPath, isSerializable, getEntries, ignoredPaths, cache);\n if (foundNestedSerializable) {\n return foundNestedSerializable;\n }\n }\n }\n if (cache && isNestedFrozen(value)) cache.add(value);\n return false;\n}\nfunction isNestedFrozen(value) {\n if (!Object.isFrozen(value)) return false;\n for (const nestedValue of Object.values(value)) {\n if (typeof nestedValue !== \"object\" || nestedValue === null) continue;\n if (!isNestedFrozen(nestedValue)) return false;\n }\n return true;\n}\nfunction createSerializableStateInvariantMiddleware(options = {}) {\n if (process.env.NODE_ENV === \"production\") {\n return () => (next) => (action) => next(action);\n } else {\n const {\n isSerializable = isPlain,\n getEntries,\n ignoredActions = [],\n ignoredActionPaths = [\"meta.arg\", \"meta.baseQueryMeta\"],\n ignoredPaths = [],\n warnAfter = 32,\n ignoreState = false,\n ignoreActions = false,\n disableCache = false\n } = options;\n const cache = !disableCache && WeakSet ? /* @__PURE__ */ new WeakSet() : void 0;\n return (storeAPI) => (next) => (action) => {\n if (!isAction(action)) {\n return next(action);\n }\n const result = next(action);\n const measureUtils = getTimeMeasureUtils(warnAfter, \"SerializableStateInvariantMiddleware\");\n if (!ignoreActions && !(ignoredActions.length && ignoredActions.indexOf(action.type) !== -1)) {\n measureUtils.measureTime(() => {\n const foundActionNonSerializableValue = findNonSerializableValue(action, \"\", isSerializable, getEntries, ignoredActionPaths, cache);\n if (foundActionNonSerializableValue) {\n const {\n keyPath,\n value\n } = foundActionNonSerializableValue;\n console.error(`A non-serializable value was detected in an action, in the path: \\`${keyPath}\\`. Value:`, value, \"\\nTake a look at the logic that dispatched this action: \", action, \"\\n(See https://redux.js.org/faq/actions#why-should-type-be-a-string-or-at-least-serializable-why-should-my-action-types-be-constants)\", \"\\n(To allow non-serializable values see: https://redux-toolkit.js.org/usage/usage-guide#working-with-non-serializable-data)\");\n }\n });\n }\n if (!ignoreState) {\n measureUtils.measureTime(() => {\n const state = storeAPI.getState();\n const foundStateNonSerializableValue = findNonSerializableValue(state, \"\", isSerializable, getEntries, ignoredPaths, cache);\n if (foundStateNonSerializableValue) {\n const {\n keyPath,\n value\n } = foundStateNonSerializableValue;\n console.error(`A non-serializable value was detected in the state, in the path: \\`${keyPath}\\`. Value:`, value, `\nTake a look at the reducer(s) handling this action type: ${action.type}.\n(See https://redux.js.org/faq/organizing-state#can-i-put-functions-promises-or-other-non-serializable-items-in-my-store-state)`);\n }\n });\n measureUtils.warnIfExceeded();\n }\n return result;\n };\n }\n}\n\n// src/getDefaultMiddleware.ts\nfunction isBoolean(x) {\n return typeof x === \"boolean\";\n}\nvar buildGetDefaultMiddleware = () => function getDefaultMiddleware(options) {\n const {\n thunk = true,\n immutableCheck = true,\n serializableCheck = true,\n actionCreatorCheck = true\n } = options ?? {};\n let middlewareArray = new Tuple();\n if (thunk) {\n if (isBoolean(thunk)) {\n middlewareArray.push(thunkMiddleware);\n } else {\n middlewareArray.push(withExtraArgument(thunk.extraArgument));\n }\n }\n if (process.env.NODE_ENV !== \"production\") {\n if (immutableCheck) {\n let immutableOptions = {};\n if (!isBoolean(immutableCheck)) {\n immutableOptions = immutableCheck;\n }\n middlewareArray.unshift(createImmutableStateInvariantMiddleware(immutableOptions));\n }\n if (serializableCheck) {\n let serializableOptions = {};\n if (!isBoolean(serializableCheck)) {\n serializableOptions = serializableCheck;\n }\n middlewareArray.push(createSerializableStateInvariantMiddleware(serializableOptions));\n }\n if (actionCreatorCheck) {\n let actionCreatorOptions = {};\n if (!isBoolean(actionCreatorCheck)) {\n actionCreatorOptions = actionCreatorCheck;\n }\n middlewareArray.unshift(createActionCreatorInvariantMiddleware(actionCreatorOptions));\n }\n }\n return middlewareArray;\n};\n\n// src/autoBatchEnhancer.ts\nvar SHOULD_AUTOBATCH = \"RTK_autoBatch\";\nvar prepareAutoBatched = () => (payload) => ({\n payload,\n meta: {\n [SHOULD_AUTOBATCH]: true\n }\n});\nvar createQueueWithTimer = (timeout) => {\n return (notify) => {\n setTimeout(notify, timeout);\n };\n};\nvar createRafWithFallbackTimer = (raf, timeout) => {\n return (notify) => {\n let called = false;\n const callback = () => {\n if (called) return;\n called = true;\n cancelAnimationFrame(rafId);\n clearTimeout(timerId);\n notify();\n };\n const rafId = raf(callback);\n const timerId = setTimeout(callback, timeout);\n };\n};\nvar autoBatchEnhancer = (options = {\n type: \"raf\"\n}) => (next) => (...args) => {\n const store = next(...args);\n let notifying = true;\n let shouldNotifyAtEndOfTick = false;\n let notificationQueued = false;\n const listeners = /* @__PURE__ */ new Set();\n const queueCallback = options.type === \"tick\" ? queueMicrotask : options.type === \"raf\" ? (\n // requestAnimationFrame won't exist in SSR environments. Fall back to a vague approximation just to keep from erroring.\n typeof window !== \"undefined\" && window.requestAnimationFrame ? createRafWithFallbackTimer(window.requestAnimationFrame, 100) : createQueueWithTimer(10)\n ) : options.type === \"callback\" ? options.queueNotification : createQueueWithTimer(options.timeout);\n const notifyListeners = () => {\n notificationQueued = false;\n if (shouldNotifyAtEndOfTick) {\n shouldNotifyAtEndOfTick = false;\n listeners.forEach((l) => l());\n }\n };\n return Object.assign({}, store, {\n // Override the base `store.subscribe` method to keep original listeners\n // from running if we're delaying notifications\n subscribe(listener2) {\n const wrappedListener = () => notifying && listener2();\n const unsubscribe = store.subscribe(wrappedListener);\n listeners.add(listener2);\n return () => {\n unsubscribe();\n listeners.delete(listener2);\n };\n },\n // Override the base `store.dispatch` method so that we can check actions\n // for the `shouldAutoBatch` flag and determine if batching is active\n dispatch(action) {\n try {\n notifying = !action?.meta?.[SHOULD_AUTOBATCH];\n shouldNotifyAtEndOfTick = !notifying;\n if (shouldNotifyAtEndOfTick) {\n if (!notificationQueued) {\n notificationQueued = true;\n queueCallback(notifyListeners);\n }\n }\n return store.dispatch(action);\n } finally {\n notifying = true;\n }\n }\n });\n};\n\n// src/getDefaultEnhancers.ts\nvar buildGetDefaultEnhancers = (middlewareEnhancer) => function getDefaultEnhancers(options) {\n const {\n autoBatch = true\n } = options ?? {};\n let enhancerArray = new Tuple(middlewareEnhancer);\n if (autoBatch) {\n enhancerArray.push(autoBatchEnhancer(typeof autoBatch === \"object\" ? autoBatch : void 0));\n }\n return enhancerArray;\n};\n\n// src/configureStore.ts\nfunction configureStore(options) {\n const getDefaultMiddleware = buildGetDefaultMiddleware();\n const {\n reducer = void 0,\n middleware,\n devTools = true,\n duplicateMiddlewareCheck = true,\n preloadedState = void 0,\n enhancers = void 0\n } = options || {};\n let rootReducer;\n if (typeof reducer === \"function\") {\n rootReducer = reducer;\n } else if (isPlainObject(reducer)) {\n rootReducer = combineReducers(reducer);\n } else {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(1) : \"`reducer` is a required argument, and must be a function or an object of functions that can be passed to combineReducers\");\n }\n if (process.env.NODE_ENV !== \"production\" && middleware && typeof middleware !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(2) : \"`middleware` field must be a callback\");\n }\n let finalMiddleware;\n if (typeof middleware === \"function\") {\n finalMiddleware = middleware(getDefaultMiddleware);\n if (process.env.NODE_ENV !== \"production\" && !Array.isArray(finalMiddleware)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(3) : \"when using a middleware builder function, an array of middleware must be returned\");\n }\n } else {\n finalMiddleware = getDefaultMiddleware();\n }\n if (process.env.NODE_ENV !== \"production\" && finalMiddleware.some((item) => typeof item !== \"function\")) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(4) : \"each middleware provided to configureStore must be a function\");\n }\n if (process.env.NODE_ENV !== \"production\" && duplicateMiddlewareCheck) {\n let middlewareReferences = /* @__PURE__ */ new Set();\n finalMiddleware.forEach((middleware2) => {\n if (middlewareReferences.has(middleware2)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(42) : \"Duplicate middleware references found when creating the store. Ensure that each middleware is only included once.\");\n }\n middlewareReferences.add(middleware2);\n });\n }\n let finalCompose = compose;\n if (devTools) {\n finalCompose = composeWithDevTools({\n // Enable capture of stack traces for dispatched Redux actions\n trace: process.env.NODE_ENV !== \"production\",\n ...typeof devTools === \"object\" && devTools\n });\n }\n const middlewareEnhancer = applyMiddleware(...finalMiddleware);\n const getDefaultEnhancers = buildGetDefaultEnhancers(middlewareEnhancer);\n if (process.env.NODE_ENV !== \"production\" && enhancers && typeof enhancers !== \"function\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(5) : \"`enhancers` field must be a callback\");\n }\n let storeEnhancers = typeof enhancers === \"function\" ? enhancers(getDefaultEnhancers) : getDefaultEnhancers();\n if (process.env.NODE_ENV !== \"production\" && !Array.isArray(storeEnhancers)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(6) : \"`enhancers` callback must return an array\");\n }\n if (process.env.NODE_ENV !== \"production\" && storeEnhancers.some((item) => typeof item !== \"function\")) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(7) : \"each enhancer provided to configureStore must be a function\");\n }\n if (process.env.NODE_ENV !== \"production\" && finalMiddleware.length && !storeEnhancers.includes(middlewareEnhancer)) {\n console.error(\"middlewares were provided, but middleware enhancer was not included in final enhancers - make sure to call `getDefaultEnhancers`\");\n }\n const composedEnhancer = finalCompose(...storeEnhancers);\n return createStore(rootReducer, preloadedState, composedEnhancer);\n}\n\n// src/mapBuilders.ts\nfunction executeReducerBuilderCallback(builderCallback) {\n const actionsMap = {};\n const actionMatchers = [];\n let defaultCaseReducer;\n const builder = {\n addCase(typeOrActionCreator, reducer) {\n if (process.env.NODE_ENV !== \"production\") {\n if (actionMatchers.length > 0) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(26) : \"`builder.addCase` should only be called before calling `builder.addMatcher`\");\n }\n if (defaultCaseReducer) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(27) : \"`builder.addCase` should only be called before calling `builder.addDefaultCase`\");\n }\n }\n const type = typeof typeOrActionCreator === \"string\" ? typeOrActionCreator : typeOrActionCreator.type;\n if (!type) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(28) : \"`builder.addCase` cannot be called with an empty action type\");\n }\n if (type in actionsMap) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(29) : `\\`builder.addCase\\` cannot be called with two reducers for the same action type '${type}'`);\n }\n actionsMap[type] = reducer;\n return builder;\n },\n addAsyncThunk(asyncThunk, reducers) {\n if (process.env.NODE_ENV !== \"production\") {\n if (defaultCaseReducer) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(43) : \"`builder.addAsyncThunk` should only be called before calling `builder.addDefaultCase`\");\n }\n }\n if (reducers.pending) actionsMap[asyncThunk.pending.type] = reducers.pending;\n if (reducers.rejected) actionsMap[asyncThunk.rejected.type] = reducers.rejected;\n if (reducers.fulfilled) actionsMap[asyncThunk.fulfilled.type] = reducers.fulfilled;\n if (reducers.settled) actionMatchers.push({\n matcher: asyncThunk.settled,\n reducer: reducers.settled\n });\n return builder;\n },\n addMatcher(matcher, reducer) {\n if (process.env.NODE_ENV !== \"production\") {\n if (defaultCaseReducer) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(30) : \"`builder.addMatcher` should only be called before calling `builder.addDefaultCase`\");\n }\n }\n actionMatchers.push({\n matcher,\n reducer\n });\n return builder;\n },\n addDefaultCase(reducer) {\n if (process.env.NODE_ENV !== \"production\") {\n if (defaultCaseReducer) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(31) : \"`builder.addDefaultCase` can only be called once\");\n }\n }\n defaultCaseReducer = reducer;\n return builder;\n }\n };\n builderCallback(builder);\n return [actionsMap, actionMatchers, defaultCaseReducer];\n}\n\n// src/createReducer.ts\nfunction isStateFunction(x) {\n return typeof x === \"function\";\n}\nfunction createReducer(initialState, mapOrBuilderCallback) {\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof mapOrBuilderCallback === \"object\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(8) : \"The object notation for `createReducer` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createReducer\");\n }\n }\n let [actionsMap, finalActionMatchers, finalDefaultCaseReducer] = executeReducerBuilderCallback(mapOrBuilderCallback);\n let getInitialState;\n if (isStateFunction(initialState)) {\n getInitialState = () => freezeDraftable(initialState());\n } else {\n const frozenInitialState = freezeDraftable(initialState);\n getInitialState = () => frozenInitialState;\n }\n function reducer(state = getInitialState(), action) {\n let caseReducers = [actionsMap[action.type], ...finalActionMatchers.filter(({\n matcher\n }) => matcher(action)).map(({\n reducer: reducer2\n }) => reducer2)];\n if (caseReducers.filter((cr) => !!cr).length === 0) {\n caseReducers = [finalDefaultCaseReducer];\n }\n return caseReducers.reduce((previousState, caseReducer) => {\n if (caseReducer) {\n if (isDraft(previousState)) {\n const draft = previousState;\n const result = caseReducer(draft, action);\n if (result === void 0) {\n return previousState;\n }\n return result;\n } else if (!isDraftable(previousState)) {\n const result = caseReducer(previousState, action);\n if (result === void 0) {\n if (previousState === null) {\n return previousState;\n }\n throw Error(\"A case reducer on a non-draftable value must not return undefined\");\n }\n return result;\n } else {\n return produce(previousState, (draft) => {\n return caseReducer(draft, action);\n });\n }\n }\n return previousState;\n }, state);\n }\n reducer.getInitialState = getInitialState;\n return reducer;\n}\n\n// src/matchers.ts\nvar matches = (matcher, action) => {\n if (hasMatchFunction(matcher)) {\n return matcher.match(action);\n } else {\n return matcher(action);\n }\n};\nfunction isAnyOf(...matchers) {\n return (action) => {\n return matchers.some((matcher) => matches(matcher, action));\n };\n}\nfunction isAllOf(...matchers) {\n return (action) => {\n return matchers.every((matcher) => matches(matcher, action));\n };\n}\nfunction hasExpectedRequestMetadata(action, validStatus) {\n if (!action || !action.meta) return false;\n const hasValidRequestId = typeof action.meta.requestId === \"string\";\n const hasValidRequestStatus = validStatus.indexOf(action.meta.requestStatus) > -1;\n return hasValidRequestId && hasValidRequestStatus;\n}\nfunction isAsyncThunkArray(a) {\n return typeof a[0] === \"function\" && \"pending\" in a[0] && \"fulfilled\" in a[0] && \"rejected\" in a[0];\n}\nfunction isPending(...asyncThunks) {\n if (asyncThunks.length === 0) {\n return (action) => hasExpectedRequestMetadata(action, [\"pending\"]);\n }\n if (!isAsyncThunkArray(asyncThunks)) {\n return isPending()(asyncThunks[0]);\n }\n return isAnyOf(...asyncThunks.map((asyncThunk) => asyncThunk.pending));\n}\nfunction isRejected(...asyncThunks) {\n if (asyncThunks.length === 0) {\n return (action) => hasExpectedRequestMetadata(action, [\"rejected\"]);\n }\n if (!isAsyncThunkArray(asyncThunks)) {\n return isRejected()(asyncThunks[0]);\n }\n return isAnyOf(...asyncThunks.map((asyncThunk) => asyncThunk.rejected));\n}\nfunction isRejectedWithValue(...asyncThunks) {\n const hasFlag = (action) => {\n return action && action.meta && action.meta.rejectedWithValue;\n };\n if (asyncThunks.length === 0) {\n return isAllOf(isRejected(...asyncThunks), hasFlag);\n }\n if (!isAsyncThunkArray(asyncThunks)) {\n return isRejectedWithValue()(asyncThunks[0]);\n }\n return isAllOf(isRejected(...asyncThunks), hasFlag);\n}\nfunction isFulfilled(...asyncThunks) {\n if (asyncThunks.length === 0) {\n return (action) => hasExpectedRequestMetadata(action, [\"fulfilled\"]);\n }\n if (!isAsyncThunkArray(asyncThunks)) {\n return isFulfilled()(asyncThunks[0]);\n }\n return isAnyOf(...asyncThunks.map((asyncThunk) => asyncThunk.fulfilled));\n}\nfunction isAsyncThunkAction(...asyncThunks) {\n if (asyncThunks.length === 0) {\n return (action) => hasExpectedRequestMetadata(action, [\"pending\", \"fulfilled\", \"rejected\"]);\n }\n if (!isAsyncThunkArray(asyncThunks)) {\n return isAsyncThunkAction()(asyncThunks[0]);\n }\n return isAnyOf(...asyncThunks.flatMap((asyncThunk) => [asyncThunk.pending, asyncThunk.rejected, asyncThunk.fulfilled]));\n}\n\n// src/nanoid.ts\nvar urlAlphabet = \"ModuleSymbhasOwnPr-0123456789ABCDEFGHNRVfgctiUvz_KqYTJkLxpZXIjQW\";\nvar nanoid = (size = 21) => {\n let id = \"\";\n let i = size;\n while (i--) {\n id += urlAlphabet[Math.random() * 64 | 0];\n }\n return id;\n};\n\n// src/createAsyncThunk.ts\nvar commonProperties = [\"name\", \"message\", \"stack\", \"code\"];\nvar RejectWithValue = class {\n constructor(payload, meta) {\n this.payload = payload;\n this.meta = meta;\n }\n payload;\n meta;\n /*\n type-only property to distinguish between RejectWithValue and FulfillWithMeta\n does not exist at runtime\n */\n _type;\n};\nvar FulfillWithMeta = class {\n constructor(payload, meta) {\n this.payload = payload;\n this.meta = meta;\n }\n payload;\n meta;\n /*\n type-only property to distinguish between RejectWithValue and FulfillWithMeta\n does not exist at runtime\n */\n _type;\n};\nvar miniSerializeError = (value) => {\n if (typeof value === \"object\" && value !== null) {\n const simpleError = {};\n for (const property of commonProperties) {\n if (typeof value[property] === \"string\") {\n simpleError[property] = value[property];\n }\n }\n return simpleError;\n }\n return {\n message: String(value)\n };\n};\nvar externalAbortMessage = \"External signal was aborted\";\nvar createAsyncThunk = /* @__PURE__ */ (() => {\n function createAsyncThunk2(typePrefix, payloadCreator, options) {\n const fulfilled = createAction(typePrefix + \"/fulfilled\", (payload, requestId, arg, meta) => ({\n payload,\n meta: {\n ...meta || {},\n arg,\n requestId,\n requestStatus: \"fulfilled\"\n }\n }));\n const pending = createAction(typePrefix + \"/pending\", (requestId, arg, meta) => ({\n payload: void 0,\n meta: {\n ...meta || {},\n arg,\n requestId,\n requestStatus: \"pending\"\n }\n }));\n const rejected = createAction(typePrefix + \"/rejected\", (error, requestId, arg, payload, meta) => ({\n payload,\n error: (options && options.serializeError || miniSerializeError)(error || \"Rejected\"),\n meta: {\n ...meta || {},\n arg,\n requestId,\n rejectedWithValue: !!payload,\n requestStatus: \"rejected\",\n aborted: error?.name === \"AbortError\",\n condition: error?.name === \"ConditionError\"\n }\n }));\n function actionCreator(arg, {\n signal\n } = {}) {\n return (dispatch, getState, extra) => {\n const requestId = options?.idGenerator ? options.idGenerator(arg) : nanoid();\n const abortController = new AbortController();\n let abortHandler;\n let abortReason;\n function abort(reason) {\n abortReason = reason;\n abortController.abort();\n }\n if (signal) {\n if (signal.aborted) {\n abort(externalAbortMessage);\n } else {\n signal.addEventListener(\"abort\", () => abort(externalAbortMessage), {\n once: true\n });\n }\n }\n const promise = (async function() {\n let finalAction;\n try {\n let conditionResult = options?.condition?.(arg, {\n getState,\n extra\n });\n if (isThenable(conditionResult)) {\n conditionResult = await conditionResult;\n }\n if (conditionResult === false || abortController.signal.aborted) {\n throw {\n name: \"ConditionError\",\n message: \"Aborted due to condition callback returning false.\"\n };\n }\n const abortedPromise = new Promise((_, reject) => {\n abortHandler = () => {\n reject({\n name: \"AbortError\",\n message: abortReason || \"Aborted\"\n });\n };\n abortController.signal.addEventListener(\"abort\", abortHandler, {\n once: true\n });\n });\n dispatch(pending(requestId, arg, options?.getPendingMeta?.({\n requestId,\n arg\n }, {\n getState,\n extra\n })));\n finalAction = await Promise.race([abortedPromise, Promise.resolve(payloadCreator(arg, {\n dispatch,\n getState,\n extra,\n requestId,\n signal: abortController.signal,\n abort,\n rejectWithValue: ((value, meta) => {\n return new RejectWithValue(value, meta);\n }),\n fulfillWithValue: ((value, meta) => {\n return new FulfillWithMeta(value, meta);\n })\n })).then((result) => {\n if (result instanceof RejectWithValue) {\n throw result;\n }\n if (result instanceof FulfillWithMeta) {\n return fulfilled(result.payload, requestId, arg, result.meta);\n }\n return fulfilled(result, requestId, arg);\n })]);\n } catch (err) {\n finalAction = err instanceof RejectWithValue ? rejected(null, requestId, arg, err.payload, err.meta) : rejected(err, requestId, arg);\n } finally {\n if (abortHandler) {\n abortController.signal.removeEventListener(\"abort\", abortHandler);\n }\n }\n const skipDispatch = options && !options.dispatchConditionRejection && rejected.match(finalAction) && finalAction.meta.condition;\n if (!skipDispatch) {\n dispatch(finalAction);\n }\n return finalAction;\n })();\n return Object.assign(promise, {\n abort,\n requestId,\n arg,\n unwrap() {\n return promise.then(unwrapResult);\n }\n });\n };\n }\n return Object.assign(actionCreator, {\n pending,\n rejected,\n fulfilled,\n settled: isAnyOf(rejected, fulfilled),\n typePrefix\n });\n }\n createAsyncThunk2.withTypes = () => createAsyncThunk2;\n return createAsyncThunk2;\n})();\nfunction unwrapResult(action) {\n if (action.meta && action.meta.rejectedWithValue) {\n throw action.payload;\n }\n if (action.error) {\n throw action.error;\n }\n return action.payload;\n}\nfunction isThenable(value) {\n return value !== null && typeof value === \"object\" && typeof value.then === \"function\";\n}\n\n// src/createSlice.ts\nvar asyncThunkSymbol = /* @__PURE__ */ Symbol.for(\"rtk-slice-createasyncthunk\");\nvar asyncThunkCreator = {\n [asyncThunkSymbol]: createAsyncThunk\n};\nvar ReducerType = /* @__PURE__ */ ((ReducerType2) => {\n ReducerType2[\"reducer\"] = \"reducer\";\n ReducerType2[\"reducerWithPrepare\"] = \"reducerWithPrepare\";\n ReducerType2[\"asyncThunk\"] = \"asyncThunk\";\n return ReducerType2;\n})(ReducerType || {});\nfunction getType(slice, actionKey) {\n return `${slice}/${actionKey}`;\n}\nfunction buildCreateSlice({\n creators\n} = {}) {\n const cAT = creators?.asyncThunk?.[asyncThunkSymbol];\n return function createSlice2(options) {\n const {\n name,\n reducerPath = name\n } = options;\n if (!name) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(11) : \"`name` is a required option for createSlice\");\n }\n if (typeof process !== \"undefined\" && process.env.NODE_ENV === \"development\") {\n if (options.initialState === void 0) {\n console.error(\"You must provide an `initialState` value that is not `undefined`. You may have misspelled `initialState`\");\n }\n }\n const reducers = (typeof options.reducers === \"function\" ? options.reducers(buildReducerCreators()) : options.reducers) || {};\n const reducerNames = Object.keys(reducers);\n const context = {\n sliceCaseReducersByName: {},\n sliceCaseReducersByType: {},\n actionCreators: {},\n sliceMatchers: []\n };\n const contextMethods = {\n addCase(typeOrActionCreator, reducer2) {\n const type = typeof typeOrActionCreator === \"string\" ? typeOrActionCreator : typeOrActionCreator.type;\n if (!type) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(12) : \"`context.addCase` cannot be called with an empty action type\");\n }\n if (type in context.sliceCaseReducersByType) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(13) : \"`context.addCase` cannot be called with two reducers for the same action type: \" + type);\n }\n context.sliceCaseReducersByType[type] = reducer2;\n return contextMethods;\n },\n addMatcher(matcher, reducer2) {\n context.sliceMatchers.push({\n matcher,\n reducer: reducer2\n });\n return contextMethods;\n },\n exposeAction(name2, actionCreator) {\n context.actionCreators[name2] = actionCreator;\n return contextMethods;\n },\n exposeCaseReducer(name2, reducer2) {\n context.sliceCaseReducersByName[name2] = reducer2;\n return contextMethods;\n }\n };\n reducerNames.forEach((reducerName) => {\n const reducerDefinition = reducers[reducerName];\n const reducerDetails = {\n reducerName,\n type: getType(name, reducerName),\n createNotation: typeof options.reducers === \"function\"\n };\n if (isAsyncThunkSliceReducerDefinition(reducerDefinition)) {\n handleThunkCaseReducerDefinition(reducerDetails, reducerDefinition, contextMethods, cAT);\n } else {\n handleNormalReducerDefinition(reducerDetails, reducerDefinition, contextMethods);\n }\n });\n function buildReducer() {\n if (process.env.NODE_ENV !== \"production\") {\n if (typeof options.extraReducers === \"object\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(14) : \"The object notation for `createSlice.extraReducers` has been removed. Please use the 'builder callback' notation instead: https://redux-toolkit.js.org/api/createSlice\");\n }\n }\n const [extraReducers = {}, actionMatchers = [], defaultCaseReducer = void 0] = typeof options.extraReducers === \"function\" ? executeReducerBuilderCallback(options.extraReducers) : [options.extraReducers];\n const finalCaseReducers = {\n ...extraReducers,\n ...context.sliceCaseReducersByType\n };\n return createReducer(options.initialState, (builder) => {\n for (let key in finalCaseReducers) {\n builder.addCase(key, finalCaseReducers[key]);\n }\n for (let sM of context.sliceMatchers) {\n builder.addMatcher(sM.matcher, sM.reducer);\n }\n for (let m of actionMatchers) {\n builder.addMatcher(m.matcher, m.reducer);\n }\n if (defaultCaseReducer) {\n builder.addDefaultCase(defaultCaseReducer);\n }\n });\n }\n const selectSelf = (state) => state;\n const injectedSelectorCache = /* @__PURE__ */ new Map();\n const injectedStateCache = /* @__PURE__ */ new WeakMap();\n let _reducer;\n function reducer(state, action) {\n if (!_reducer) _reducer = buildReducer();\n return _reducer(state, action);\n }\n function getInitialState() {\n if (!_reducer) _reducer = buildReducer();\n return _reducer.getInitialState();\n }\n function makeSelectorProps(reducerPath2, injected = false) {\n function selectSlice(state) {\n let sliceState = state[reducerPath2];\n if (typeof sliceState === \"undefined\") {\n if (injected) {\n sliceState = getOrInsertComputed(injectedStateCache, selectSlice, getInitialState);\n } else if (process.env.NODE_ENV !== \"production\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(15) : \"selectSlice returned undefined for an uninjected slice reducer\");\n }\n }\n return sliceState;\n }\n function getSelectors(selectState = selectSelf) {\n const selectorCache = getOrInsertComputed(injectedSelectorCache, injected, () => /* @__PURE__ */ new WeakMap());\n return getOrInsertComputed(selectorCache, selectState, () => {\n const map = {};\n for (const [name2, selector] of Object.entries(options.selectors ?? {})) {\n map[name2] = wrapSelector(selector, selectState, () => getOrInsertComputed(injectedStateCache, selectState, getInitialState), injected);\n }\n return map;\n });\n }\n return {\n reducerPath: reducerPath2,\n getSelectors,\n get selectors() {\n return getSelectors(selectSlice);\n },\n selectSlice\n };\n }\n const slice = {\n name,\n reducer,\n actions: context.actionCreators,\n caseReducers: context.sliceCaseReducersByName,\n getInitialState,\n ...makeSelectorProps(reducerPath),\n injectInto(injectable, {\n reducerPath: pathOpt,\n ...config\n } = {}) {\n const newReducerPath = pathOpt ?? reducerPath;\n injectable.inject({\n reducerPath: newReducerPath,\n reducer\n }, config);\n return {\n ...slice,\n ...makeSelectorProps(newReducerPath, true)\n };\n }\n };\n return slice;\n };\n}\nfunction wrapSelector(selector, selectState, getInitialState, injected) {\n function wrapper(rootState, ...args) {\n let sliceState = selectState(rootState);\n if (typeof sliceState === \"undefined\") {\n if (injected) {\n sliceState = getInitialState();\n } else if (process.env.NODE_ENV !== \"production\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(16) : \"selectState returned undefined for an uninjected slice reducer\");\n }\n }\n return selector(sliceState, ...args);\n }\n wrapper.unwrapped = selector;\n return wrapper;\n}\nvar createSlice = /* @__PURE__ */ buildCreateSlice();\nfunction buildReducerCreators() {\n function asyncThunk(payloadCreator, config) {\n return {\n _reducerDefinitionType: \"asyncThunk\" /* asyncThunk */,\n payloadCreator,\n ...config\n };\n }\n asyncThunk.withTypes = () => asyncThunk;\n return {\n reducer(caseReducer) {\n return Object.assign({\n // hack so the wrapping function has the same name as the original\n // we need to create a wrapper so the `reducerDefinitionType` is not assigned to the original\n [caseReducer.name](...args) {\n return caseReducer(...args);\n }\n }[caseReducer.name], {\n _reducerDefinitionType: \"reducer\" /* reducer */\n });\n },\n preparedReducer(prepare, reducer) {\n return {\n _reducerDefinitionType: \"reducerWithPrepare\" /* reducerWithPrepare */,\n prepare,\n reducer\n };\n },\n asyncThunk\n };\n}\nfunction handleNormalReducerDefinition({\n type,\n reducerName,\n createNotation\n}, maybeReducerWithPrepare, context) {\n let caseReducer;\n let prepareCallback;\n if (\"reducer\" in maybeReducerWithPrepare) {\n if (createNotation && !isCaseReducerWithPrepareDefinition(maybeReducerWithPrepare)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(17) : \"Please use the `create.preparedReducer` notation for prepared action creators with the `create` notation.\");\n }\n caseReducer = maybeReducerWithPrepare.reducer;\n prepareCallback = maybeReducerWithPrepare.prepare;\n } else {\n caseReducer = maybeReducerWithPrepare;\n }\n context.addCase(type, caseReducer).exposeCaseReducer(reducerName, caseReducer).exposeAction(reducerName, prepareCallback ? createAction(type, prepareCallback) : createAction(type));\n}\nfunction isAsyncThunkSliceReducerDefinition(reducerDefinition) {\n return reducerDefinition._reducerDefinitionType === \"asyncThunk\" /* asyncThunk */;\n}\nfunction isCaseReducerWithPrepareDefinition(reducerDefinition) {\n return reducerDefinition._reducerDefinitionType === \"reducerWithPrepare\" /* reducerWithPrepare */;\n}\nfunction handleThunkCaseReducerDefinition({\n type,\n reducerName\n}, reducerDefinition, context, cAT) {\n if (!cAT) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(18) : \"Cannot use `create.asyncThunk` in the built-in `createSlice`. Use `buildCreateSlice({ creators: { asyncThunk: asyncThunkCreator } })` to create a customised version of `createSlice`.\");\n }\n const {\n payloadCreator,\n fulfilled,\n pending,\n rejected,\n settled,\n options\n } = reducerDefinition;\n const thunk = cAT(type, payloadCreator, options);\n context.exposeAction(reducerName, thunk);\n if (fulfilled) {\n context.addCase(thunk.fulfilled, fulfilled);\n }\n if (pending) {\n context.addCase(thunk.pending, pending);\n }\n if (rejected) {\n context.addCase(thunk.rejected, rejected);\n }\n if (settled) {\n context.addMatcher(thunk.settled, settled);\n }\n context.exposeCaseReducer(reducerName, {\n fulfilled: fulfilled || noop,\n pending: pending || noop,\n rejected: rejected || noop,\n settled: settled || noop\n });\n}\nfunction noop() {\n}\n\n// src/entities/entity_state.ts\nfunction getInitialEntityState() {\n return {\n ids: [],\n entities: {}\n };\n}\nfunction createInitialStateFactory(stateAdapter) {\n function getInitialState(additionalState = {}, entities) {\n const state = Object.assign(getInitialEntityState(), additionalState);\n return entities ? stateAdapter.setAll(state, entities) : state;\n }\n return {\n getInitialState\n };\n}\n\n// src/entities/state_selectors.ts\nfunction createSelectorsFactory() {\n function getSelectors(selectState, options = {}) {\n const {\n createSelector: createSelector2 = createDraftSafeSelector\n } = options;\n const selectIds = (state) => state.ids;\n const selectEntities = (state) => state.entities;\n const selectAll = createSelector2(selectIds, selectEntities, (ids, entities) => ids.map((id) => entities[id]));\n const selectId = (_, id) => id;\n const selectById = (entities, id) => entities[id];\n const selectTotal = createSelector2(selectIds, (ids) => ids.length);\n if (!selectState) {\n return {\n selectIds,\n selectEntities,\n selectAll,\n selectTotal,\n selectById: createSelector2(selectEntities, selectId, selectById)\n };\n }\n const selectGlobalizedEntities = createSelector2(selectState, selectEntities);\n return {\n selectIds: createSelector2(selectState, selectIds),\n selectEntities: selectGlobalizedEntities,\n selectAll: createSelector2(selectState, selectAll),\n selectTotal: createSelector2(selectState, selectTotal),\n selectById: createSelector2(selectGlobalizedEntities, selectId, selectById)\n };\n }\n return {\n getSelectors\n };\n}\n\n// src/entities/state_adapter.ts\nvar isDraftTyped = isDraft;\nfunction createSingleArgumentStateOperator(mutator) {\n const operator = createStateOperator((_, state) => mutator(state));\n return function operation(state) {\n return operator(state, void 0);\n };\n}\nfunction createStateOperator(mutator) {\n return function operation(state, arg) {\n function isPayloadActionArgument(arg2) {\n return isFSA(arg2);\n }\n const runMutator = (draft) => {\n if (isPayloadActionArgument(arg)) {\n mutator(arg.payload, draft);\n } else {\n mutator(arg, draft);\n }\n };\n if (isDraftTyped(state)) {\n runMutator(state);\n return state;\n }\n return produce(state, runMutator);\n };\n}\n\n// src/entities/utils.ts\nfunction selectIdValue(entity, selectId) {\n const key = selectId(entity);\n if (process.env.NODE_ENV !== \"production\" && key === void 0) {\n console.warn(\"The entity passed to the `selectId` implementation returned undefined.\", \"You should probably provide your own `selectId` implementation.\", \"The entity that was passed:\", entity, \"The `selectId` implementation:\", selectId.toString());\n }\n return key;\n}\nfunction ensureEntitiesArray(entities) {\n if (!Array.isArray(entities)) {\n entities = Object.values(entities);\n }\n return entities;\n}\nfunction getCurrent(value) {\n return isDraft(value) ? current(value) : value;\n}\nfunction splitAddedUpdatedEntities(newEntities, selectId, state) {\n newEntities = ensureEntitiesArray(newEntities);\n const existingIdsArray = getCurrent(state.ids);\n const existingIds = new Set(existingIdsArray);\n const added = [];\n const addedIds = /* @__PURE__ */ new Set([]);\n const updated = [];\n for (const entity of newEntities) {\n const id = selectIdValue(entity, selectId);\n if (existingIds.has(id) || addedIds.has(id)) {\n updated.push({\n id,\n changes: entity\n });\n } else {\n addedIds.add(id);\n added.push(entity);\n }\n }\n return [added, updated, existingIdsArray];\n}\n\n// src/entities/unsorted_state_adapter.ts\nfunction createUnsortedStateAdapter(selectId) {\n function addOneMutably(entity, state) {\n const key = selectIdValue(entity, selectId);\n if (key in state.entities) {\n return;\n }\n state.ids.push(key);\n state.entities[key] = entity;\n }\n function addManyMutably(newEntities, state) {\n newEntities = ensureEntitiesArray(newEntities);\n for (const entity of newEntities) {\n addOneMutably(entity, state);\n }\n }\n function setOneMutably(entity, state) {\n const key = selectIdValue(entity, selectId);\n if (!(key in state.entities)) {\n state.ids.push(key);\n }\n ;\n state.entities[key] = entity;\n }\n function setManyMutably(newEntities, state) {\n newEntities = ensureEntitiesArray(newEntities);\n for (const entity of newEntities) {\n setOneMutably(entity, state);\n }\n }\n function setAllMutably(newEntities, state) {\n newEntities = ensureEntitiesArray(newEntities);\n state.ids = [];\n state.entities = {};\n addManyMutably(newEntities, state);\n }\n function removeOneMutably(key, state) {\n return removeManyMutably([key], state);\n }\n function removeManyMutably(keys, state) {\n let didMutate = false;\n keys.forEach((key) => {\n if (key in state.entities) {\n delete state.entities[key];\n didMutate = true;\n }\n });\n if (didMutate) {\n state.ids = state.ids.filter((id) => id in state.entities);\n }\n }\n function removeAllMutably(state) {\n Object.assign(state, {\n ids: [],\n entities: {}\n });\n }\n function takeNewKey(keys, update, state) {\n const original3 = state.entities[update.id];\n if (original3 === void 0) {\n return false;\n }\n const updated = Object.assign({}, original3, update.changes);\n const newKey = selectIdValue(updated, selectId);\n const hasNewKey = newKey !== update.id;\n if (hasNewKey) {\n keys[update.id] = newKey;\n delete state.entities[update.id];\n }\n ;\n state.entities[newKey] = updated;\n return hasNewKey;\n }\n function updateOneMutably(update, state) {\n return updateManyMutably([update], state);\n }\n function updateManyMutably(updates, state) {\n const newKeys = {};\n const updatesPerEntity = {};\n updates.forEach((update) => {\n if (update.id in state.entities) {\n updatesPerEntity[update.id] = {\n id: update.id,\n // Spreads ignore falsy values, so this works even if there isn't\n // an existing update already at this key\n changes: {\n ...updatesPerEntity[update.id]?.changes,\n ...update.changes\n }\n };\n }\n });\n updates = Object.values(updatesPerEntity);\n const didMutateEntities = updates.length > 0;\n if (didMutateEntities) {\n const didMutateIds = updates.filter((update) => takeNewKey(newKeys, update, state)).length > 0;\n if (didMutateIds) {\n state.ids = Object.values(state.entities).map((e) => selectIdValue(e, selectId));\n }\n }\n }\n function upsertOneMutably(entity, state) {\n return upsertManyMutably([entity], state);\n }\n function upsertManyMutably(newEntities, state) {\n const [added, updated] = splitAddedUpdatedEntities(newEntities, selectId, state);\n addManyMutably(added, state);\n updateManyMutably(updated, state);\n }\n return {\n removeAll: createSingleArgumentStateOperator(removeAllMutably),\n addOne: createStateOperator(addOneMutably),\n addMany: createStateOperator(addManyMutably),\n setOne: createStateOperator(setOneMutably),\n setMany: createStateOperator(setManyMutably),\n setAll: createStateOperator(setAllMutably),\n updateOne: createStateOperator(updateOneMutably),\n updateMany: createStateOperator(updateManyMutably),\n upsertOne: createStateOperator(upsertOneMutably),\n upsertMany: createStateOperator(upsertManyMutably),\n removeOne: createStateOperator(removeOneMutably),\n removeMany: createStateOperator(removeManyMutably)\n };\n}\n\n// src/entities/sorted_state_adapter.ts\nfunction findInsertIndex(sortedItems, item, comparisonFunction) {\n let lowIndex = 0;\n let highIndex = sortedItems.length;\n while (lowIndex < highIndex) {\n let middleIndex = lowIndex + highIndex >>> 1;\n const currentItem = sortedItems[middleIndex];\n const res = comparisonFunction(item, currentItem);\n if (res >= 0) {\n lowIndex = middleIndex + 1;\n } else {\n highIndex = middleIndex;\n }\n }\n return lowIndex;\n}\nfunction insert(sortedItems, item, comparisonFunction) {\n const insertAtIndex = findInsertIndex(sortedItems, item, comparisonFunction);\n sortedItems.splice(insertAtIndex, 0, item);\n return sortedItems;\n}\nfunction createSortedStateAdapter(selectId, comparer) {\n const {\n removeOne,\n removeMany,\n removeAll\n } = createUnsortedStateAdapter(selectId);\n function addOneMutably(entity, state) {\n return addManyMutably([entity], state);\n }\n function addManyMutably(newEntities, state, existingIds) {\n newEntities = ensureEntitiesArray(newEntities);\n const existingKeys = new Set(existingIds ?? getCurrent(state.ids));\n const addedKeys = /* @__PURE__ */ new Set();\n const models = newEntities.filter((model) => {\n const modelId = selectIdValue(model, selectId);\n const notAdded = !addedKeys.has(modelId);\n if (notAdded) addedKeys.add(modelId);\n return !existingKeys.has(modelId) && notAdded;\n });\n if (models.length !== 0) {\n mergeFunction(state, models);\n }\n }\n function setOneMutably(entity, state) {\n return setManyMutably([entity], state);\n }\n function setManyMutably(newEntities, state) {\n let deduplicatedEntities = {};\n newEntities = ensureEntitiesArray(newEntities);\n if (newEntities.length !== 0) {\n for (const item of newEntities) {\n const entityId = selectId(item);\n deduplicatedEntities[entityId] = item;\n delete state.entities[entityId];\n }\n newEntities = ensureEntitiesArray(deduplicatedEntities);\n mergeFunction(state, newEntities);\n }\n }\n function setAllMutably(newEntities, state) {\n newEntities = ensureEntitiesArray(newEntities);\n state.entities = {};\n state.ids = [];\n addManyMutably(newEntities, state, []);\n }\n function updateOneMutably(update, state) {\n return updateManyMutably([update], state);\n }\n function updateManyMutably(updates, state) {\n let appliedUpdates = false;\n let replacedIds = false;\n for (let update of updates) {\n const entity = state.entities[update.id];\n if (!entity) {\n continue;\n }\n appliedUpdates = true;\n Object.assign(entity, update.changes);\n const newId = selectId(entity);\n if (update.id !== newId) {\n replacedIds = true;\n delete state.entities[update.id];\n const oldIndex = state.ids.indexOf(update.id);\n state.ids[oldIndex] = newId;\n state.entities[newId] = entity;\n }\n }\n if (appliedUpdates) {\n mergeFunction(state, [], appliedUpdates, replacedIds);\n }\n }\n function upsertOneMutably(entity, state) {\n return upsertManyMutably([entity], state);\n }\n function upsertManyMutably(newEntities, state) {\n const [added, updated, existingIdsArray] = splitAddedUpdatedEntities(newEntities, selectId, state);\n if (added.length) {\n addManyMutably(added, state, existingIdsArray);\n }\n if (updated.length) {\n updateManyMutably(updated, state);\n }\n }\n function areArraysEqual(a, b) {\n if (a.length !== b.length) {\n return false;\n }\n for (let i = 0; i < a.length; i++) {\n if (a[i] === b[i]) {\n continue;\n }\n return false;\n }\n return true;\n }\n const mergeFunction = (state, addedItems, appliedUpdates, replacedIds) => {\n const currentEntities = getCurrent(state.entities);\n const currentIds = getCurrent(state.ids);\n const stateEntities = state.entities;\n let ids = currentIds;\n if (replacedIds) {\n ids = new Set(currentIds);\n }\n let sortedEntities = [];\n for (const id of ids) {\n const entity = currentEntities[id];\n if (entity) {\n sortedEntities.push(entity);\n }\n }\n const wasPreviouslyEmpty = sortedEntities.length === 0;\n for (const item of addedItems) {\n stateEntities[selectId(item)] = item;\n if (!wasPreviouslyEmpty) {\n insert(sortedEntities, item, comparer);\n }\n }\n if (wasPreviouslyEmpty) {\n sortedEntities = addedItems.slice().sort(comparer);\n } else if (appliedUpdates) {\n sortedEntities.sort(comparer);\n }\n const newSortedIds = sortedEntities.map(selectId);\n if (!areArraysEqual(currentIds, newSortedIds)) {\n state.ids = newSortedIds;\n }\n };\n return {\n removeOne,\n removeMany,\n removeAll,\n addOne: createStateOperator(addOneMutably),\n updateOne: createStateOperator(updateOneMutably),\n upsertOne: createStateOperator(upsertOneMutably),\n setOne: createStateOperator(setOneMutably),\n setMany: createStateOperator(setManyMutably),\n setAll: createStateOperator(setAllMutably),\n addMany: createStateOperator(addManyMutably),\n updateMany: createStateOperator(updateManyMutably),\n upsertMany: createStateOperator(upsertManyMutably)\n };\n}\n\n// src/entities/create_adapter.ts\nfunction createEntityAdapter(options = {}) {\n const {\n selectId,\n sortComparer\n } = {\n sortComparer: false,\n selectId: (instance) => instance.id,\n ...options\n };\n const stateAdapter = sortComparer ? createSortedStateAdapter(selectId, sortComparer) : createUnsortedStateAdapter(selectId);\n const stateFactory = createInitialStateFactory(stateAdapter);\n const selectorsFactory = createSelectorsFactory();\n return {\n selectId,\n sortComparer,\n ...stateFactory,\n ...selectorsFactory,\n ...stateAdapter\n };\n}\n\n// src/listenerMiddleware/exceptions.ts\nvar task = \"task\";\nvar listener = \"listener\";\nvar completed = \"completed\";\nvar cancelled = \"cancelled\";\nvar taskCancelled = `task-${cancelled}`;\nvar taskCompleted = `task-${completed}`;\nvar listenerCancelled = `${listener}-${cancelled}`;\nvar listenerCompleted = `${listener}-${completed}`;\nvar TaskAbortError = class {\n constructor(code) {\n this.code = code;\n this.message = `${task} ${cancelled} (reason: ${code})`;\n }\n code;\n name = \"TaskAbortError\";\n message;\n};\n\n// src/listenerMiddleware/utils.ts\nvar assertFunction = (func, expected) => {\n if (typeof func !== \"function\") {\n throw new TypeError(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(32) : `${expected} is not a function`);\n }\n};\nvar noop2 = () => {\n};\nvar catchRejection = (promise, onError = noop2) => {\n promise.catch(onError);\n return promise;\n};\nvar addAbortSignalListener = (abortSignal, callback) => {\n abortSignal.addEventListener(\"abort\", callback, {\n once: true\n });\n return () => abortSignal.removeEventListener(\"abort\", callback);\n};\n\n// src/listenerMiddleware/task.ts\nvar validateActive = (signal) => {\n if (signal.aborted) {\n throw new TaskAbortError(signal.reason);\n }\n};\nfunction raceWithSignal(signal, promise) {\n let cleanup = noop2;\n return new Promise((resolve, reject) => {\n const notifyRejection = () => reject(new TaskAbortError(signal.reason));\n if (signal.aborted) {\n notifyRejection();\n return;\n }\n cleanup = addAbortSignalListener(signal, notifyRejection);\n promise.finally(() => cleanup()).then(resolve, reject);\n }).finally(() => {\n cleanup = noop2;\n });\n}\nvar runTask = async (task2, cleanUp) => {\n try {\n await Promise.resolve();\n const value = await task2();\n return {\n status: \"ok\",\n value\n };\n } catch (error) {\n return {\n status: error instanceof TaskAbortError ? \"cancelled\" : \"rejected\",\n error\n };\n } finally {\n cleanUp?.();\n }\n};\nvar createPause = (signal) => {\n return (promise) => {\n return catchRejection(raceWithSignal(signal, promise).then((output) => {\n validateActive(signal);\n return output;\n }));\n };\n};\nvar createDelay = (signal) => {\n const pause = createPause(signal);\n return (timeoutMs) => {\n return pause(new Promise((resolve) => setTimeout(resolve, timeoutMs)));\n };\n};\n\n// src/listenerMiddleware/index.ts\nvar {\n assign\n} = Object;\nvar INTERNAL_NIL_TOKEN = {};\nvar alm = \"listenerMiddleware\";\nvar createFork = (parentAbortSignal, parentBlockingPromises) => {\n const linkControllers = (controller) => addAbortSignalListener(parentAbortSignal, () => controller.abort(parentAbortSignal.reason));\n return (taskExecutor, opts) => {\n assertFunction(taskExecutor, \"taskExecutor\");\n const childAbortController = new AbortController();\n linkControllers(childAbortController);\n const result = runTask(async () => {\n validateActive(parentAbortSignal);\n validateActive(childAbortController.signal);\n const result2 = await taskExecutor({\n pause: createPause(childAbortController.signal),\n delay: createDelay(childAbortController.signal),\n signal: childAbortController.signal\n });\n validateActive(childAbortController.signal);\n return result2;\n }, () => childAbortController.abort(taskCompleted));\n if (opts?.autoJoin) {\n parentBlockingPromises.push(result.catch(noop2));\n }\n return {\n result: createPause(parentAbortSignal)(result),\n cancel() {\n childAbortController.abort(taskCancelled);\n }\n };\n };\n};\nvar createTakePattern = (startListening, signal) => {\n const take = async (predicate, timeout) => {\n validateActive(signal);\n let unsubscribe = () => {\n };\n const tuplePromise = new Promise((resolve, reject) => {\n let stopListening = startListening({\n predicate,\n effect: (action, listenerApi) => {\n listenerApi.unsubscribe();\n resolve([action, listenerApi.getState(), listenerApi.getOriginalState()]);\n }\n });\n unsubscribe = () => {\n stopListening();\n reject();\n };\n });\n const promises = [tuplePromise];\n if (timeout != null) {\n promises.push(new Promise((resolve) => setTimeout(resolve, timeout, null)));\n }\n try {\n const output = await raceWithSignal(signal, Promise.race(promises));\n validateActive(signal);\n return output;\n } finally {\n unsubscribe();\n }\n };\n return ((predicate, timeout) => catchRejection(take(predicate, timeout)));\n};\nvar getListenerEntryPropsFrom = (options) => {\n let {\n type,\n actionCreator,\n matcher,\n predicate,\n effect\n } = options;\n if (type) {\n predicate = createAction(type).match;\n } else if (actionCreator) {\n type = actionCreator.type;\n predicate = actionCreator.match;\n } else if (matcher) {\n predicate = matcher;\n } else if (predicate) {\n } else {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(21) : \"Creating or removing a listener requires one of the known fields for matching an action\");\n }\n assertFunction(effect, \"options.listener\");\n return {\n predicate,\n type,\n effect\n };\n};\nvar createListenerEntry = /* @__PURE__ */ assign((options) => {\n const {\n type,\n predicate,\n effect\n } = getListenerEntryPropsFrom(options);\n const entry = {\n id: nanoid(),\n effect,\n type,\n predicate,\n pending: /* @__PURE__ */ new Set(),\n unsubscribe: () => {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(22) : \"Unsubscribe not initialized\");\n }\n };\n return entry;\n}, {\n withTypes: () => createListenerEntry\n});\nvar findListenerEntry = (listenerMap, options) => {\n const {\n type,\n effect,\n predicate\n } = getListenerEntryPropsFrom(options);\n return Array.from(listenerMap.values()).find((entry) => {\n const matchPredicateOrType = typeof type === \"string\" ? entry.type === type : entry.predicate === predicate;\n return matchPredicateOrType && entry.effect === effect;\n });\n};\nvar cancelActiveListeners = (entry) => {\n entry.pending.forEach((controller) => {\n controller.abort(listenerCancelled);\n });\n};\nvar createClearListenerMiddleware = (listenerMap, executingListeners) => {\n return () => {\n for (const listener2 of executingListeners.keys()) {\n cancelActiveListeners(listener2);\n }\n listenerMap.clear();\n };\n};\nvar safelyNotifyError = (errorHandler, errorToNotify, errorInfo) => {\n try {\n errorHandler(errorToNotify, errorInfo);\n } catch (errorHandlerError) {\n setTimeout(() => {\n throw errorHandlerError;\n }, 0);\n }\n};\nvar addListener = /* @__PURE__ */ assign(/* @__PURE__ */ createAction(`${alm}/add`), {\n withTypes: () => addListener\n});\nvar clearAllListeners = /* @__PURE__ */ createAction(`${alm}/removeAll`);\nvar removeListener = /* @__PURE__ */ assign(/* @__PURE__ */ createAction(`${alm}/remove`), {\n withTypes: () => removeListener\n});\nvar defaultErrorHandler = (...args) => {\n console.error(`${alm}/error`, ...args);\n};\nvar createListenerMiddleware = (middlewareOptions = {}) => {\n const listenerMap = /* @__PURE__ */ new Map();\n const executingListeners = /* @__PURE__ */ new Map();\n const trackExecutingListener = (entry) => {\n const count = executingListeners.get(entry) ?? 0;\n executingListeners.set(entry, count + 1);\n };\n const untrackExecutingListener = (entry) => {\n const count = executingListeners.get(entry) ?? 1;\n if (count === 1) {\n executingListeners.delete(entry);\n } else {\n executingListeners.set(entry, count - 1);\n }\n };\n const {\n extra,\n onError = defaultErrorHandler\n } = middlewareOptions;\n assertFunction(onError, \"onError\");\n const insertEntry = (entry) => {\n entry.unsubscribe = () => listenerMap.delete(entry.id);\n listenerMap.set(entry.id, entry);\n return (cancelOptions) => {\n entry.unsubscribe();\n if (cancelOptions?.cancelActive) {\n cancelActiveListeners(entry);\n }\n };\n };\n const startListening = ((options) => {\n const entry = findListenerEntry(listenerMap, options) ?? createListenerEntry(options);\n return insertEntry(entry);\n });\n assign(startListening, {\n withTypes: () => startListening\n });\n const stopListening = (options) => {\n const entry = findListenerEntry(listenerMap, options);\n if (entry) {\n entry.unsubscribe();\n if (options.cancelActive) {\n cancelActiveListeners(entry);\n }\n }\n return !!entry;\n };\n assign(stopListening, {\n withTypes: () => stopListening\n });\n const notifyListener = async (entry, action, api, getOriginalState) => {\n const internalTaskController = new AbortController();\n const take = createTakePattern(startListening, internalTaskController.signal);\n const autoJoinPromises = [];\n try {\n entry.pending.add(internalTaskController);\n trackExecutingListener(entry);\n await Promise.resolve(entry.effect(\n action,\n // Use assign() rather than ... to avoid extra helper functions added to bundle\n assign({}, api, {\n getOriginalState,\n condition: (predicate, timeout) => take(predicate, timeout).then(Boolean),\n take,\n delay: createDelay(internalTaskController.signal),\n pause: createPause(internalTaskController.signal),\n extra,\n signal: internalTaskController.signal,\n fork: createFork(internalTaskController.signal, autoJoinPromises),\n unsubscribe: entry.unsubscribe,\n subscribe: () => {\n listenerMap.set(entry.id, entry);\n },\n cancelActiveListeners: () => {\n entry.pending.forEach((controller, _, set) => {\n if (controller !== internalTaskController) {\n controller.abort(listenerCancelled);\n set.delete(controller);\n }\n });\n },\n cancel: () => {\n internalTaskController.abort(listenerCancelled);\n entry.pending.delete(internalTaskController);\n },\n throwIfCancelled: () => {\n validateActive(internalTaskController.signal);\n }\n })\n ));\n } catch (listenerError) {\n if (!(listenerError instanceof TaskAbortError)) {\n safelyNotifyError(onError, listenerError, {\n raisedBy: \"effect\"\n });\n }\n } finally {\n await Promise.all(autoJoinPromises);\n internalTaskController.abort(listenerCompleted);\n untrackExecutingListener(entry);\n entry.pending.delete(internalTaskController);\n }\n };\n const clearListenerMiddleware = createClearListenerMiddleware(listenerMap, executingListeners);\n const middleware = (api) => (next) => (action) => {\n if (!isAction(action)) {\n return next(action);\n }\n if (addListener.match(action)) {\n return startListening(action.payload);\n }\n if (clearAllListeners.match(action)) {\n clearListenerMiddleware();\n return;\n }\n if (removeListener.match(action)) {\n return stopListening(action.payload);\n }\n let originalState = api.getState();\n const getOriginalState = () => {\n if (originalState === INTERNAL_NIL_TOKEN) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(23) : `${alm}: getOriginalState can only be called synchronously`);\n }\n return originalState;\n };\n let result;\n try {\n result = next(action);\n if (listenerMap.size > 0) {\n const currentState = api.getState();\n const listenerEntries = Array.from(listenerMap.values());\n for (const entry of listenerEntries) {\n let runListener = false;\n try {\n runListener = entry.predicate(action, currentState, originalState);\n } catch (predicateError) {\n runListener = false;\n safelyNotifyError(onError, predicateError, {\n raisedBy: \"predicate\"\n });\n }\n if (!runListener) {\n continue;\n }\n notifyListener(entry, action, api, getOriginalState);\n }\n }\n } finally {\n originalState = INTERNAL_NIL_TOKEN;\n }\n return result;\n };\n return {\n middleware,\n startListening,\n stopListening,\n clearListeners: clearListenerMiddleware\n };\n};\n\n// src/dynamicMiddleware/index.ts\nvar createMiddlewareEntry = (middleware) => ({\n middleware,\n applied: /* @__PURE__ */ new Map()\n});\nvar matchInstance = (instanceId) => (action) => action?.meta?.instanceId === instanceId;\nvar createDynamicMiddleware = () => {\n const instanceId = nanoid();\n const middlewareMap = /* @__PURE__ */ new Map();\n const withMiddleware = Object.assign(createAction(\"dynamicMiddleware/add\", (...middlewares) => ({\n payload: middlewares,\n meta: {\n instanceId\n }\n })), {\n withTypes: () => withMiddleware\n });\n const addMiddleware = Object.assign(function addMiddleware2(...middlewares) {\n middlewares.forEach((middleware2) => {\n getOrInsertComputed(middlewareMap, middleware2, createMiddlewareEntry);\n });\n }, {\n withTypes: () => addMiddleware\n });\n const getFinalMiddleware = (api) => {\n const appliedMiddleware = Array.from(middlewareMap.values()).map((entry) => getOrInsertComputed(entry.applied, api, entry.middleware));\n return compose(...appliedMiddleware);\n };\n const isWithMiddleware = isAllOf(withMiddleware, matchInstance(instanceId));\n const middleware = (api) => (next) => (action) => {\n if (isWithMiddleware(action)) {\n addMiddleware(...action.payload);\n return api.dispatch;\n }\n return getFinalMiddleware(api)(next)(action);\n };\n return {\n middleware,\n addMiddleware,\n withMiddleware,\n instanceId\n };\n};\n\n// src/combineSlices.ts\nimport { combineReducers as combineReducers2 } from \"redux\";\nvar isSliceLike = (maybeSliceLike) => \"reducerPath\" in maybeSliceLike && typeof maybeSliceLike.reducerPath === \"string\";\nvar getReducers = (slices) => slices.flatMap((sliceOrMap) => isSliceLike(sliceOrMap) ? [[sliceOrMap.reducerPath, sliceOrMap.reducer]] : Object.entries(sliceOrMap));\nvar ORIGINAL_STATE = /* @__PURE__ */ Symbol.for(\"rtk-state-proxy-original\");\nvar isStateProxy = (value) => !!value && !!value[ORIGINAL_STATE];\nvar stateProxyMap = /* @__PURE__ */ new WeakMap();\nvar createStateProxy = (state, reducerMap, initialStateCache) => getOrInsertComputed(stateProxyMap, state, () => new Proxy(state, {\n get: (target, prop, receiver) => {\n if (prop === ORIGINAL_STATE) return target;\n const result = Reflect.get(target, prop, receiver);\n if (typeof result === \"undefined\") {\n const cached = initialStateCache[prop];\n if (typeof cached !== \"undefined\") return cached;\n const reducer = reducerMap[prop];\n if (reducer) {\n const reducerResult = reducer(void 0, {\n type: nanoid()\n });\n if (typeof reducerResult === \"undefined\") {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(24) : `The slice reducer for key \"${prop.toString()}\" returned undefined when called for selector(). If the state passed to the reducer is undefined, you must explicitly return the initial state. The initial state may not be undefined. If you don't want to set a value for this reducer, you can use null instead of undefined.`);\n }\n initialStateCache[prop] = reducerResult;\n return reducerResult;\n }\n }\n return result;\n }\n}));\nvar original = (state) => {\n if (!isStateProxy(state)) {\n throw new Error(process.env.NODE_ENV === \"production\" ? formatProdErrorMessage(25) : \"original must be used on state Proxy\");\n }\n return state[ORIGINAL_STATE];\n};\nvar emptyObject = {};\nvar noopReducer = (state = emptyObject) => state;\nfunction combineSlices(...slices) {\n const reducerMap = Object.fromEntries(getReducers(slices));\n const getReducer = () => Object.keys(reducerMap).length ? combineReducers2(reducerMap) : noopReducer;\n let reducer = getReducer();\n function combinedReducer(state, action) {\n return reducer(state, action);\n }\n combinedReducer.withLazyLoadedSlices = () => combinedReducer;\n const initialStateCache = {};\n const inject = (slice, config = {}) => {\n const {\n reducerPath,\n reducer: reducerToInject\n } = slice;\n const currentReducer = reducerMap[reducerPath];\n if (!config.overrideExisting && currentReducer && currentReducer !== reducerToInject) {\n if (typeof process !== \"undefined\" && process.env.NODE_ENV === \"development\") {\n console.error(`called \\`inject\\` to override already-existing reducer ${reducerPath} without specifying \\`overrideExisting: true\\``);\n }\n return combinedReducer;\n }\n if (config.overrideExisting && currentReducer !== reducerToInject) {\n delete initialStateCache[reducerPath];\n }\n reducerMap[reducerPath] = reducerToInject;\n reducer = getReducer();\n return combinedReducer;\n };\n const selector = Object.assign(function makeSelector(selectorFn, selectState) {\n return function selector2(state, ...args) {\n return selectorFn(createStateProxy(selectState ? selectState(state, ...args) : state, reducerMap, initialStateCache), ...args);\n };\n }, {\n original\n });\n return Object.assign(combinedReducer, {\n inject,\n selector\n });\n}\n\n// src/formatProdErrorMessage.ts\nfunction formatProdErrorMessage(code) {\n return `Minified Redux Toolkit error #${code}; visit https://redux-toolkit.js.org/Errors?code=${code} for the full message or use the non-minified dev environment for full errors. `;\n}\nexport {\n ReducerType,\n SHOULD_AUTOBATCH,\n TaskAbortError,\n Tuple,\n addListener,\n asyncThunkCreator,\n autoBatchEnhancer,\n buildCreateSlice,\n clearAllListeners,\n combineSlices,\n configureStore,\n createAction,\n createActionCreatorInvariantMiddleware,\n createAsyncThunk,\n createDraftSafeSelector,\n createDraftSafeSelectorCreator,\n createDynamicMiddleware,\n createEntityAdapter,\n createImmutableStateInvariantMiddleware,\n createListenerMiddleware,\n produce as createNextState,\n createReducer,\n createSelector,\n createSelectorCreator,\n createSerializableStateInvariantMiddleware,\n createSlice,\n current,\n findNonSerializableValue,\n formatProdErrorMessage,\n freeze,\n isActionCreator,\n isAllOf,\n isAnyOf,\n isAsyncThunkAction,\n isDraft,\n isFSA as isFluxStandardAction,\n isFulfilled,\n isImmutableDefault,\n isPending,\n isPlain,\n isRejected,\n isRejectedWithValue,\n lruMemoize,\n miniSerializeError,\n nanoid,\n original2 as original,\n prepareAutoBatched,\n removeListener,\n unwrapResult,\n weakMapMemoize\n};\n//# sourceMappingURL=redux-toolkit.modern.mjs.map","import React from 'react';\n\nimport { profileActionTypes } from './actions'\n\n\nlet defaultProfile = {\n chordColor: 'blue',\n fontSize: 2,\n showChords: true,\n showChordCradle: true,\n songLayout: '1col',\n darkMode: false,\n instrument_preference: 1,\n language_preference: \"is,en\",\n songbookActionsTooltipDismissed: false,\n screenWakeLock: true,\n privateSongbookOrderType: 'created',\n publicSongbookOrderType: 'created',\n sharedSongbookOrderType: 'created',\n surveyModalStatus: null,\n surveyModalLastPromptAt: null\n}\n\nexport function profile(state = {\n isFetching: false,\n hasFetched: false,\n ui_preferences: defaultProfile,\n}, action) {\n\n switch (action.type) {\n case profileActionTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case profileActionTypes.SET_KEY:\n\n var preferences = { ...state.ui_preferences }\n var val = action.value\n if (action.key === 'instrument_preference') {\n val = +action.value\n }\n preferences[action.key] = val\n\n return {\n ...state,\n ui_preferences: preferences,\n }\n\n case profileActionTypes.RECEIVE:\n var prefs = Object.assign({}, defaultProfile, action.data.ui_preferences)\n prefs.instrument_preference = action.data.instrument_preference\n prefs.language_preference = action.data.language_preference\n var newState = {\n ...state,\n ui_preferences: prefs,\n isFetching: false,\n hasFetched: true\n }\n\n return newState\n \n case profileActionTypes.ERROR:\n return {\n ...state,\n isFetching: false\n }\n\n default:\n return state\n }\n\n}\n","import jwtDecode from 'jwt-decode';\nimport TokenStorage from '../../storages/token-storage'\n\nimport { passwordActionTypes } from './actions'\nimport { userRefreshLogin } from '../user/actions'\n\n\nconst _initalState = {\n isFetching: false,\n status: {},\n}\n\nexport function passwordUpdate(state=_initalState, action) {\n switch (action.type) { \n case passwordActionTypes.REQUEST:\n state = {...state, isFetching: true}\n return state\n\n case passwordActionTypes.RECEIVE:\n state = {...state, isFetching: false}\n state.status = action.data.status;\n if (action.data.status === \"Password updated\") {\n userRefreshLogin();\n }\n\n return state\n\n default:\n return state\n }\n}","import jwtDecode from 'jwt-decode';\nimport TokenStorage from '../../storages/token-storage'\n\nimport { subscriptionTypes, subscribe } from './actions'\n\n\nconst _initalState = {\n isFetching: false,\n error: null,\n data: {\n customer: null,\n subscription: null,\n },\n tempToken: null,\n tokenStatus: 'initial',\n // Subscription Contracts V2 / embedded checkout\n checkoutSession: {\n isFetching: false,\n token: null,\n currency: null,\n colorScheme: null,\n expiresAt: null,\n error: null,\n },\n checkoutCompleted: false,\n contract: {\n isFetching: false,\n data: null,\n live: null,\n paymentMethods: [],\n billingRuns: [],\n // Other billing intervals the contract can be switched to\n planOptions: [],\n error: null,\n },\n}\n\nexport function subscription(state=_initalState, action) {\n switch (action.type) {\n\n\n case subscriptionTypes.REQUEST:\n state = {\n ...state,\n isFetching: true,\n error: null\n }\n return state\n\n case subscriptionTypes.ERROR_TOKEN_STATUS:\n case subscriptionTypes.ERROR_TEMP_TOKEN:\n case subscriptionTypes.ERROR:\n state = {\n ...state,\n isFetching: false,\n error: action.data.message\n }\n return state\n case subscriptionTypes.RECEIVE:\n state = {\n ...state,\n error: null,\n isFetching: false, \n data: action.data.response\n }\n return state\n\n case subscriptionTypes.RECEIVE_TEMP_TOKEN:\n state = {\n ...state,\n error: null,\n isFetching: false, \n tempToken: action.data.token,\n cardVerificationUrl: action.data.card_verification_url\n }\n return state\n\n case subscriptionTypes.RECEIVE_TOKEN_STATUS:\n state = {\n ...state,\n tokenStatus: action.data.status\n }\n return state\n\n case subscriptionTypes.REQUEST_CHECKOUT_SESSION:\n return {\n ...state,\n checkoutCompleted: false,\n checkoutSession: { ...state.checkoutSession, isFetching: true, token: null, error: null },\n }\n\n case subscriptionTypes.RECEIVE_CHECKOUT_SESSION:\n return {\n ...state,\n checkoutSession: {\n isFetching: false,\n token: action.data.token,\n currency: action.data.currency,\n colorScheme: action.data.color_scheme,\n expiresAt: action.data.expires_at,\n error: null,\n },\n }\n\n case subscriptionTypes.ERROR_CHECKOUT_SESSION:\n return {\n ...state,\n checkoutSession: { ...state.checkoutSession, isFetching: false, token: null, error: action.data.message },\n }\n\n case subscriptionTypes.CHECKOUT_COMPLETED:\n return {\n ...state,\n checkoutCompleted: true,\n checkoutSession: { ...state.checkoutSession, token: null },\n }\n\n case subscriptionTypes.REQUEST_CONTRACT:\n return {\n ...state,\n contract: { ...state.contract, isFetching: true, error: null },\n }\n\n case subscriptionTypes.RECEIVE_CONTRACT:\n return {\n ...state,\n contract: {\n isFetching: false,\n data: action.data.contract || null,\n // Responses that did not look these up send null; keep what we have then\n live: action.data.live || state.contract.live,\n paymentMethods: action.data.payment_methods || state.contract.paymentMethods,\n billingRuns: action.data.billing_runs || state.contract.billingRuns,\n planOptions: action.data.plan_options || state.contract.planOptions,\n error: null,\n },\n }\n\n case subscriptionTypes.ERROR_CONTRACT:\n return {\n ...state,\n contract: { ...state.contract, isFetching: false, error: action.data.message },\n }\n \n default:\n return state\n }\n}","import React from 'react';\n\nimport { toplistTypes, allToplistTypes } from './actions'\nimport moment from 'moment'\n\nconst _initalState = {\n isFetching: false,\n toplist: []\n}\n\nexport function toplist(state = _initalState, action) {\n switch (action.type) {\n case toplistTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case toplistTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.toplist = action.data\n\n return state\n\n case allToplistTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case allToplistTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.toplists = action.data \n\n return state\n\n default:\n return state\n }\n\n}","import { artistActionTypes } from './actions'\n\nlet _initialState = {\n isFetching: false,\n key: null,\n data: {},\n}\n\n\nexport function artist(state = _initialState, action) {\n\n switch (action.type) {\n case artistActionTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n\n return state\n\n case artistActionTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n\n return state\n\n default:\n return state\n }\n\n}","import { configureStore } from '@reduxjs/toolkit';\nimport { thunk } from 'redux-thunk';\nimport loggerMiddleware from 'redux-logger';\nimport { userLoginSuccess, userActionTypes } from './api/user/actions';\nimport TokenStorage from './storages/token-storage'; \n\nimport { song } from './api/song/reducers'\nimport { search } from './api/search/reducers'\nimport { instruments } from './api/instrument/reducers'\nimport { profile } from './api/profile/reducers'\nimport { songbooks, songbook } from './api/songbooks/reducers'\nimport { favourites } from './api/favourite/reducers'\nimport { user } from './api/user/reducers'\nimport { collectionRelation } from './api/collection-relation/reducers'\nimport { songSubmition } from './api/submit-song/reducers'\nimport { songLang } from './api/song-languages/reducers'\nimport { passwordUpdate } from './api/password/reducers'\nimport { songbookPDF } from './api/songbook-pdf/reducers'\nimport { stepRenderer } from './api/step-renderer/reducers'\nimport { subscription } from './api/subscription/reducers'\nimport { modals } from './api/modals/reducers'\nimport { plans } from './api/plans/reducers'\nimport { wishlist } from './api/wishlist/reducers'\nimport { toplist } from './api/toplist/reducers'\nimport { artist } from './api/artist/reducers'\nimport { chords } from './api/chords/reducers'\nimport { relatedSongs } from './api/related-songs/reducers'\nimport { lessons } from './api/lessons/reducers'\n\n\nconst reducers = {\n song,\n songbooks,\n songbook,\n songbookPDF,\n favourites,\n instruments,\n profile,\n user,\n search,\n collectionRelation,\n songSubmition,\n songLang,\n passwordUpdate,\n stepRenderer,\n subscription,\n modals,\n plans,\n wishlist,\n toplist,\n artist,\n chords,\n relatedSongs,\n lessons,\n};\n\nfunction redirectMiddleware({ getState, dispatch }) {\n return (next) => (action) => {\n if (typeof action === 'object' && action.hasOwnProperty('type')) {\n let url = action.type === userActionTypes.AUTH_LOGOUT ? '/' : window.location.pathname;\n if (action.type === userActionTypes.AUTH_LOGOUT || (action.type === userActionTypes.AUTH_LOGIN_SUCCESS && action.initiatedByUser)) {\n url = \"/\";\n next(action);\n window.location = url;\n }\n }\n return next(action);\n };\n}\n\nconst middleware = (getDefaultMiddleware) => {\n const baseMiddleware = [redirectMiddleware,thunk];\n if (process.env.NODE_ENV !== 'production') {\n baseMiddleware.push(loggerMiddleware);\n }\n return baseMiddleware;\n};\n\nexport const store = configureStore({\n reducer: reducers,\n middleware,\n devTools: process.env.NODE_ENV !== 'production', // Enable devtools in non-production environments\n});\n\nconst token = TokenStorage.getItem('token');\nif (token !== null) {\n store.dispatch(userLoginSuccess(token));\n}","import { songbookPdfStepTypes } from './actions'\n\nimport React from 'react';\n\nexport function songbookPDF(state = {\n isFetching: false,\n selectedInstrument: 'nochords',\n selectedColor: 'red',\n songsPerPage: 1,\n selectedLayout: 'a4Port',\n}, action) {\n switch (action.type) {\n case songbookPdfStepTypes.SET_PDF_OPTION: \n state = { ...state }\n state[action.key] = action.value\n return state\n\n case songbookPdfStepTypes.SET_CHORDS:\n state = { ...state }\n state.stepIndex = action.data\n return state\n \n default:\n return state\n }\n\n}\n\n","import React from 'react';\n\nimport { favouriteActionTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function favourites(state = {\n isFetching: false,\n fetched: false,\n data: {},\n}, action) {\n\n switch (action.type) {\n case favouriteActionTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.fetched = true\n state.data = action.data\n\n return state\n\n case favouriteActionTypes.CHECK:\n\n state = { ...state }\n state.isFetching = true\n state.fetched = false\n return state\n\n case favouriteActionTypes.CHECKED:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n state.fetched = true\n\n return state\n\n case favouriteActionTypes.CREATED:\n \n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n state.fetched = true \n\n return state\n\n case favouriteActionTypes.DELETED:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n state.fetched = true\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { instrumentActionTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function instruments(state = {\n isFetching: false,\n key: null,\n data: [],\n}, action) {\n\n switch (action.type) {\n case instrumentActionTypes.REQUEST:\n \n state = { ...state }\n state.isFetching = true\n return state\n\n case instrumentActionTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data.results\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { collectionRelationTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function collectionRelation(state = {\n isFetching: false,\n key: null,\n data: {},\n}, action) {\n\n switch (action.type) {\n case collectionRelationTypes.CREATED:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n\n return state\n\n case collectionRelationTypes.DELETED:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n state.status = action.status\n\n return state\n\n case collectionRelationTypes.RELATIONS:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n state.status = action.status\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { submitSongTypes, parseSongTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function songSubmition(state = {\n isFetching: false,\n key: null,\n data: {},\n song_chordified: ''\n}, action) {\n\n switch (action.type) {\n case submitSongTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case submitSongTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n\n return state\n\n case parseSongTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case parseSongTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.song_chordified = action.data\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { songLangTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function songLang(state = {\n isFetching: false,\n songLang: {},\n}, action) {\n\n switch (action.type) {\n case songLangTypes.REQUEST:\n \n state = { ...state }\n state.isFetching = true\n return state\n\n case songLangTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.songLang = action.data\n\n return state\n\n default:\n return state\n }\n\n}","import { stepRenderTypes } from './actions'\n\nimport React from 'react';\n\nexport function stepRenderer(state = {\n isFetching: false,\n // stepRenderer: {},\n}, action) {\n switch (action.type) {\n case stepRenderTypes.INIT_STEPPER: \n state = { ...state }\n state.stepper = action.stepper,\n state.index = action.index\n return state\n\n case stepRenderTypes.SET_STEP:\n state = { ...state }\n state.index = action.data\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\nimport { modalActionTypes } from './actions'\nimport moment from 'moment'\nimport { userInfoTypes } from '../user/actions'\n\nexport function modals(state = {\n \"modal-login-screen\": \"login\"\n}, action) {\n\n switch (action.type) {\n case modalActionTypes.OPEN:\n \n state = {\n ...state,\n [action.name]: true,\n }\n if (action.message) {\n state[`${action.name}-message`] = action.message\n }\n if (action.data){\n state.data = action.data\n }\n return state\n\n case modalActionTypes.CLOSE:\n\n state = {\n ...state,\n [action.name]: false,\n [`${action.name}-message`]: null,\n \"modal-login-screen\": \"login\"\n }\n return state\n\n case modalActionTypes.SET_SCREEN:\n\n state = {\n ...state,\n \"modal-login-screen\": action.screen\n }\n return state\n case userInfoTypes.RECEIVE_USER_REGISTER:\n\n state = {\n ...state,\n \"modal-login-screen\": \"signup-complete\"\n }\n return state\n\n case userInfoTypes.RECEIVE:\n if (action.data.authenticated) {\n return {\n ...state,\n 'modal-login': false,\n 'modal-login-message': null,\n 'modal-login-screen': 'login',\n }\n }\n return state\n\n case userInfoTypes.RECEIVE_USER_SET_NEW_PASSWORD:\n\n state = {\n ...state,\n \"modal-login-screen\": \"reset-password-complete\"\n }\n return state\n \n\n default:\n return state\n }\n\n}\n","import React from 'react';\n\nimport { planActionTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function plans(state = {\n isFetching: false,\n key: null,\n data: [],\n}, action) {\n\n switch (action.type) {\n case planActionTypes.REQUEST:\n \n state = { ...state }\n state.isFetching = true\n return state\n\n case planActionTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data.results\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { submitWishItemTypes, wishlistTypes, userWishlistTypes, upvoteItemTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function wishlist(state = {\n isFetching: false,\n}, action) {\n\n switch (action.type) {\n case submitWishItemTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case submitWishItemTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state['status'] = action.data\n\n return state\n\n case wishlistTypes.REQUEST:\n\n state = { ...state }\n state.isFetchingWishlist = true\n return state\n\n case wishlistTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetchingWishlist = false\n state['wishlist'] = action.data.results\n\n return state\n\n case userWishlistTypes.REQUEST:\n\n state = { ...state }\n state.isFetchingWishlist = true\n return state\n\n case userWishlistTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetchingWishlist = false\n state['userWishlist'] = action.data\n\n return state\n\n case upvoteItemTypes.REQUEST:\n\n state = { ...state }\n state.isFetchingWishlist = true\n return state\n\n case upvoteItemTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetchingWishlist = false\n state['status'] = action.data\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { chordTypes, chordPreferenceTypes } from './actions'\nimport moment from 'moment'\n\n\nexport function chords(state = {\n isFetching: false,\n}, action) {\n\n switch (action.type) {\n case chordTypes.REQUEST:\n\n state = { ...state }\n state.isFetching = true\n return state\n\n case chordTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state['data'] = action.data\n\n return state\n\n case chordPreferenceTypes.REQUEST:\n\n state = { ...state }\n state.isChordPrefFetching = true\n return state\n\n case chordPreferenceTypes.RECEIVE:\n\n state = { ...state }\n\n state.isChordPrefFetching = false\n state['chordPref'] = action.data\n\n return state\n\n default:\n return state\n }\n\n}","import React from 'react';\n\nimport { relatedSongsActionTypes } from './actions'\nimport moment from 'moment'\n\nexport function relatedSongs(state = {\n isFetching: false,\n data: {},\n}, action) {\n\n switch (action.type) {\n case relatedSongsActionTypes.REQUEST:\n \n state = { ...state }\n state.isFetching = true\n return state\n\n case relatedSongsActionTypes.RECEIVE:\n\n state = { ...state }\n\n state.isFetching = false\n state.data = action.data\n\n return state\n\n default:\n return state\n }\n\n}","import React from \"react\";\n\nimport { SvgGuitarPartyLogo } from '../svg';\nimport { closeModal } from \"../../api/modals/actions\";\nimport { formatAmount, intervalLabel, formatDate } from \"../subscription/helpers\";\n\n\n/*\n * Last step of the subscription modal: confirmation after an embedded\n * checkout (V2 contract) or after a card update.\n */\nclass PaymentDone extends React.Component {\n\n renderContractSummary(contract) {\n let charge = `${formatAmount(contract.amount, contract.currency)} ${intervalLabel(contract.interval, contract.interval_count)}`\n if (contract.is_on_trial) {\n return (\n
\n {interpolate(gettext('Your trial ends on %s. After that we will charge your card %s.'), [formatDate(contract.trial_end_at), charge])}\n {' '}{gettext('To stop the subscription, check out the settings page.')}\n
\n )\n }\n if (contract.next_billing_at) {\n return (\n
\n {interpolate(gettext('We will charge your card %s. Next payment: %s.'), [charge, formatDate(contract.next_billing_at)])}\n {' '}{gettext('To stop the subscription, check out the settings page.')}\n
\n )\n }\n return (\n
\n {contract.interval === 'year' ? gettext('We will charge your card yearly from now on.') : gettext('We will charge your card monthly from now on.')}\n {' '}{gettext('To stop the subscription, check out the settings page.')}\n
\n )\n }\n\n render() {\n let { user, subscription } = this.props\n let contract = user.contract\n let justSubscribed = subscription.checkoutCompleted\n\n return (\n <>\n
{gettext('Thank you! Your subscription is being activated and will be ready in a moment.')} {gettext('To stop the subscription, check out the settings page.')}
\n }\n \n :\n
{gettext('Your credit card has been updated.')}
\n }\n
\n
\n
\n
\n \n
\n \n )\n }\n}\n\nexport default PaymentDone;\n","function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n}\n\nfunction _extends() {\n _extends = Object.assign || function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n\n return target;\n };\n\n return _extends.apply(this, arguments);\n}\n\nfunction _objectSpread(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i] != null ? arguments[i] : {};\n var ownKeys = Object.keys(source);\n\n if (typeof Object.getOwnPropertySymbols === 'function') {\n ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) {\n return Object.getOwnPropertyDescriptor(source, sym).enumerable;\n }));\n }\n\n ownKeys.forEach(function (key) {\n _defineProperty(target, key, source[key]);\n });\n }\n\n return target;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n if (source == null) return {};\n var target = {};\n var sourceKeys = Object.keys(source);\n var key, i;\n\n for (i = 0; i < sourceKeys.length; i++) {\n key = sourceKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n target[key] = source[key];\n }\n\n return target;\n}\n\nfunction _objectWithoutProperties(source, excluded) {\n if (source == null) return {};\n\n var target = _objectWithoutPropertiesLoose(source, excluded);\n\n var key, i;\n\n if (Object.getOwnPropertySymbols) {\n var sourceSymbolKeys = Object.getOwnPropertySymbols(source);\n\n for (i = 0; i < sourceSymbolKeys.length; i++) {\n key = sourceSymbolKeys[i];\n if (excluded.indexOf(key) >= 0) continue;\n if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;\n target[key] = source[key];\n }\n }\n\n return target;\n}\n\nfunction _taggedTemplateLiteral(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n return Object.freeze(Object.defineProperties(strings, {\n raw: {\n value: Object.freeze(raw)\n }\n }));\n}\n\nfunction _slicedToArray(arr, i) {\n return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();\n}\n\nfunction _toArray(arr) {\n return _arrayWithHoles(arr) || _iterableToArray(arr) || _nonIterableRest();\n}\n\nfunction _arrayWithHoles(arr) {\n if (Array.isArray(arr)) return arr;\n}\n\nfunction _iterableToArray(iter) {\n if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === \"[object Arguments]\") return Array.from(iter);\n}\n\nfunction _iterableToArrayLimit(arr, i) {\n var _arr = [];\n var _n = true;\n var _d = false;\n var _e = undefined;\n\n try {\n for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {\n _arr.push(_s.value);\n\n if (i && _arr.length === i) break;\n }\n } catch (err) {\n _d = true;\n _e = err;\n } finally {\n try {\n if (!_n && _i[\"return\"] != null) _i[\"return\"]();\n } finally {\n if (_d) throw _e;\n }\n }\n\n return _arr;\n}\n\nfunction _nonIterableRest() {\n throw new TypeError(\"Invalid attempt to destructure non-iterable instance\");\n}\n\nexport { _toArray as a, _slicedToArray as b, _objectSpread as c, _defineProperty as d, _objectWithoutProperties as e, _extends as f, _taggedTemplateLiteral as g };\n","var DEFAULT_CVC_LENGTH = 3;\nvar DEFAULT_ZIP_LENGTH = 5;\nvar DEFAULT_CARD_FORMAT = /(\\d{1,4})/g;\nvar CARD_TYPES = [{\n displayName: 'Visa',\n type: 'visa',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^4/,\n gaps: [4, 8, 12],\n lengths: [16, 18, 19],\n code: {\n name: 'CVV',\n length: 3\n }\n}, {\n displayName: 'Mastercard',\n type: 'mastercard',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^(5[1-5]|677189)|^(222[1-9]|2[3-6]\\d{2}|27[0-1]\\d|2720)/,\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: 'CVC',\n length: 3\n }\n}, {\n displayName: 'American Express',\n type: 'amex',\n format: /(\\d{1,4})(\\d{1,6})?(\\d{1,5})?/,\n startPattern: /^3[47]/,\n gaps: [4, 10],\n lengths: [15],\n code: {\n name: 'CID',\n length: 4\n }\n}, {\n displayName: 'Diners Club',\n type: 'dinersclub',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^(36|38|30[0-5])/,\n gaps: [4, 10],\n lengths: [14, 16, 19],\n code: {\n name: 'CVV',\n length: 3\n }\n}, {\n displayName: 'Discover',\n type: 'discover',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^(6011|65|64[4-9]|622)/,\n gaps: [4, 8, 12],\n lengths: [16, 19],\n code: {\n name: 'CID',\n length: 3\n }\n}, {\n displayName: 'JCB',\n type: 'jcb',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^35/,\n gaps: [4, 8, 12],\n lengths: [16, 17, 18, 19],\n code: {\n name: 'CVV',\n length: 3\n }\n}, {\n displayName: 'UnionPay',\n type: 'unionpay',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^62/,\n gaps: [4, 8, 12],\n lengths: [14, 15, 16, 17, 18, 19],\n code: {\n name: 'CVN',\n length: 3\n }\n}, {\n displayName: 'Maestro',\n type: 'maestro',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^(5018|5020|5038|6304|6703|6708|6759|676[1-3])/,\n gaps: [4, 8, 12],\n lengths: [12, 13, 14, 15, 16, 17, 18, 19],\n code: {\n name: 'CVC',\n length: 3\n }\n}, {\n displayName: 'Elo',\n type: 'elo',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^(4011(78|79)|43(1274|8935)|45(1416|7393|763(1|2))|50(4175|6699|67[0-7][0-9]|9000)|627780|63(6297|6368)|650(03([^4])|04([0-9])|05(0|1)|4(0[5-9]|3[0-9]|8[5-9]|9[0-9])|5([0-2][0-9]|3[0-8])|9([2-6][0-9]|7[0-8])|541|700|720|901)|651652|655000|655021)/,\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: 'CVE',\n length: 3\n }\n}, {\n displayName: 'Hipercard',\n type: 'hipercard',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^(384100|384140|384160|606282|637095|637568|60(?!11))/,\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: 'CVC',\n length: 3\n }\n}, {\n displayName: 'Troy',\n type: 'troy',\n format: DEFAULT_CARD_FORMAT,\n startPattern: /^9792/,\n gaps: [4, 8, 12],\n lengths: [16],\n code: {\n name: 'CVV',\n length: 3\n }\n}];\nvar getCardTypeByValue = function getCardTypeByValue(value) {\n return CARD_TYPES.filter(function (cardType) {\n return cardType.startPattern.test(value);\n })[0];\n};\nvar getCardTypeByType = function getCardTypeByType(type) {\n return CARD_TYPES.filter(function (cardType) {\n return cardType.type === type;\n })[0];\n};\n\nvar cardTypes = /*#__PURE__*/Object.freeze({\n DEFAULT_CVC_LENGTH: DEFAULT_CVC_LENGTH,\n DEFAULT_ZIP_LENGTH: DEFAULT_ZIP_LENGTH,\n DEFAULT_CARD_FORMAT: DEFAULT_CARD_FORMAT,\n CARD_TYPES: CARD_TYPES,\n getCardTypeByValue: getCardTypeByValue,\n getCardTypeByType: getCardTypeByType\n});\n\nexport { getCardTypeByValue as a, cardTypes as b, DEFAULT_CVC_LENGTH as c, DEFAULT_ZIP_LENGTH as d, DEFAULT_CARD_FORMAT as e, CARD_TYPES as f, getCardTypeByType as g };\n","import { a as getCardTypeByValue } from './cardTypes-cd1fb9a4.js';\n\nvar MONTH_REGEX = /(0[1-9]|1[0-2])/;\nvar EMPTY_CARD_NUMBER = 'Enter a card number';\nvar EMPTY_EXPIRY_DATE = 'Enter an expiry date';\nvar EMPTY_CVC = 'Enter a CVC';\nvar EMPTY_ZIP = 'Enter a ZIP code';\nvar INVALID_CARD_NUMBER = 'Card number is invalid';\nvar INVALID_EXPIRY_DATE = 'Expiry date is invalid';\nvar INVALID_CVC = 'CVC is invalid';\nvar MONTH_OUT_OF_RANGE = 'Expiry month must be between 01 and 12';\nvar YEAR_OUT_OF_RANGE = 'Expiry year cannot be in the past';\nvar DATE_OUT_OF_RANGE = 'Expiry date cannot be in the past';\nvar hasCardNumberReachedMaxLength = function hasCardNumberReachedMaxLength(currentValue) {\n var cardType = getCardTypeByValue(currentValue);\n return cardType && currentValue.length >= cardType.lengths[cardType.lengths.length - 1];\n};\nvar isNumeric = function isNumeric(e) {\n return /^\\d*$/.test(e.key);\n};\nvar validateLuhn = function validateLuhn(cardNumber) {\n return cardNumber.split('').reverse().map(function (digit) {\n return parseInt(digit, 10);\n }).map(function (digit, idx) {\n return idx % 2 ? digit * 2 : digit;\n }).map(function (digit) {\n return digit > 9 ? digit % 10 + 1 : digit;\n }).reduce(function (accum, digit) {\n return accum += digit;\n }) % 10 === 0;\n};\nvar getCardNumberError = function getCardNumberError(cardNumber, cardNumberValidator) {\n var _ref = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n _ref$errorMessages = _ref.errorMessages,\n errorMessages = _ref$errorMessages === void 0 ? {} : _ref$errorMessages;\n\n if (!cardNumber) {\n return errorMessages.emptyCardNumber || EMPTY_CARD_NUMBER;\n }\n\n var rawCardNumber = cardNumber.replace(/\\s/g, '');\n var cardType = getCardTypeByValue(rawCardNumber);\n\n if (cardType && cardType.lengths) {\n var doesCardNumberMatchLength = cardType.lengths.includes(rawCardNumber.length);\n\n if (doesCardNumberMatchLength) {\n var isLuhnValid = validateLuhn(rawCardNumber);\n\n if (isLuhnValid) {\n if (cardNumberValidator) {\n return cardNumberValidator({\n cardNumber: rawCardNumber,\n cardType: cardType,\n errorMessages: errorMessages\n });\n }\n\n return;\n }\n }\n }\n\n return errorMessages.invalidCardNumber || INVALID_CARD_NUMBER;\n};\nvar getExpiryDateError = function getExpiryDateError(expiryDate, expiryValidator) {\n var _ref2 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n _ref2$errorMessages = _ref2.errorMessages,\n errorMessages = _ref2$errorMessages === void 0 ? {} : _ref2$errorMessages;\n\n if (!expiryDate) {\n return errorMessages.emptyExpiryDate || EMPTY_EXPIRY_DATE;\n }\n\n var rawExpiryDate = expiryDate.replace(' / ', '').replace('/', '');\n\n if (rawExpiryDate.length === 4) {\n var month = rawExpiryDate.slice(0, 2);\n var year = \"20\".concat(rawExpiryDate.slice(2, 4));\n\n if (!MONTH_REGEX.test(month)) {\n return errorMessages.monthOutOfRange || MONTH_OUT_OF_RANGE;\n }\n\n if (parseInt(year) < new Date().getFullYear()) {\n return errorMessages.yearOutOfRange || YEAR_OUT_OF_RANGE;\n }\n\n if (parseInt(year) === new Date().getFullYear() && parseInt(month) < new Date().getMonth() + 1) {\n return errorMessages.dateOutOfRange || DATE_OUT_OF_RANGE;\n }\n\n if (expiryValidator) {\n return expiryValidator({\n expiryDate: {\n month: month,\n year: year\n },\n errorMessages: errorMessages\n });\n }\n\n return;\n }\n\n return errorMessages.invalidExpiryDate || INVALID_EXPIRY_DATE;\n};\nvar getCVCError = function getCVCError(cvc, cvcValidator) {\n var _ref3 = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {},\n cardType = _ref3.cardType,\n _ref3$errorMessages = _ref3.errorMessages,\n errorMessages = _ref3$errorMessages === void 0 ? {} : _ref3$errorMessages;\n\n if (!cvc) {\n return errorMessages.emptyCVC || EMPTY_CVC;\n }\n\n if (cvc.length < 3) {\n return errorMessages.invalidCVC || INVALID_CVC;\n }\n\n if (cardType && cvc.length !== cardType.code.length) {\n return errorMessages.invalidCVC || INVALID_CVC;\n }\n\n if (cvcValidator) {\n return cvcValidator({\n cvc: cvc,\n cardType: cardType,\n errorMessages: errorMessages\n });\n }\n\n return;\n};\nvar getZIPError = function getZIPError(zip) {\n var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n _ref4$errorMessages = _ref4.errorMessages,\n errorMessages = _ref4$errorMessages === void 0 ? {} : _ref4$errorMessages;\n\n if (!zip) {\n return errorMessages.emptyZIP || EMPTY_ZIP;\n }\n\n return;\n};\n\nvar validator = /*#__PURE__*/Object.freeze({\n EMPTY_CARD_NUMBER: EMPTY_CARD_NUMBER,\n EMPTY_EXPIRY_DATE: EMPTY_EXPIRY_DATE,\n EMPTY_CVC: EMPTY_CVC,\n EMPTY_ZIP: EMPTY_ZIP,\n INVALID_CARD_NUMBER: INVALID_CARD_NUMBER,\n INVALID_EXPIRY_DATE: INVALID_EXPIRY_DATE,\n INVALID_CVC: INVALID_CVC,\n MONTH_OUT_OF_RANGE: MONTH_OUT_OF_RANGE,\n YEAR_OUT_OF_RANGE: YEAR_OUT_OF_RANGE,\n DATE_OUT_OF_RANGE: DATE_OUT_OF_RANGE,\n hasCardNumberReachedMaxLength: hasCardNumberReachedMaxLength,\n isNumeric: isNumeric,\n validateLuhn: validateLuhn,\n getCardNumberError: getCardNumberError,\n getExpiryDateError: getExpiryDateError,\n getCVCError: getCVCError,\n getZIPError: getZIPError\n});\n\nexport { validator as a, EMPTY_CARD_NUMBER as b, EMPTY_EXPIRY_DATE as c, EMPTY_CVC as d, EMPTY_ZIP as e, INVALID_CARD_NUMBER as f, INVALID_EXPIRY_DATE as g, INVALID_CVC as h, MONTH_OUT_OF_RANGE as i, YEAR_OUT_OF_RANGE as j, DATE_OUT_OF_RANGE as k, hasCardNumberReachedMaxLength as l, isNumeric as m, validateLuhn as n, getCardNumberError as o, getExpiryDateError as p, getCVCError as q, getZIPError as r };\n","import { a as getCardTypeByValue } from './cardTypes-cd1fb9a4.js';\nimport { a as _toArray, b as _slicedToArray } from '../chunk-7eee66c0.js';\n\nvar formatCardNumber = function formatCardNumber(cardNumber) {\n var cardType = getCardTypeByValue(cardNumber);\n if (!cardType) return (cardNumber.match(/\\d+/g) || []).join('');\n var format = cardType.format;\n\n if (format && format.global) {\n return (cardNumber.match(format) || []).join(' ');\n }\n\n if (format) {\n var execResult = format.exec(cardNumber.split(' ').join(''));\n\n if (execResult) {\n return execResult.splice(1, 3).filter(function (x) {\n return x;\n }).join(' ');\n }\n }\n\n return cardNumber;\n};\nvar formatExpiry = function formatExpiry(event) {\n var eventData = event.nativeEvent && event.nativeEvent.data;\n var prevExpiry = event.target.value.split(' / ').join('/');\n if (!prevExpiry) return null;\n var expiry = prevExpiry;\n\n if (/^[2-9]$/.test(expiry)) {\n expiry = \"0\".concat(expiry);\n }\n\n if (prevExpiry.length === 2 && +prevExpiry > 12) {\n var _prevExpiry$split = prevExpiry.split(''),\n _prevExpiry$split2 = _toArray(_prevExpiry$split),\n head = _prevExpiry$split2[0],\n tail = _prevExpiry$split2.slice(1);\n\n expiry = \"0\".concat(head, \"/\").concat(tail.join(''));\n }\n\n if (/^1[/-]$/.test(expiry)) {\n return \"01 / \";\n }\n\n expiry = expiry.match(/(\\d{1,2})/g) || [];\n\n if (expiry.length === 1) {\n if (!eventData && prevExpiry.includes('/')) {\n return expiry[0];\n }\n\n if (/\\d{2}/.test(expiry)) {\n return \"\".concat(expiry[0], \" / \");\n }\n }\n\n if (expiry.length > 2) {\n var _ref = expiry.join('').match(/^(\\d{2}).*(\\d{2})$/) || [],\n _ref2 = _slicedToArray(_ref, 3),\n _ref2$ = _ref2[1],\n month = _ref2$ === void 0 ? null : _ref2$,\n _ref2$2 = _ref2[2],\n year = _ref2$2 === void 0 ? null : _ref2$2;\n\n return [month, year].join(' / ');\n }\n\n return expiry.join(' / ');\n};\n\nvar formatter = /*#__PURE__*/Object.freeze({\n formatCardNumber: formatCardNumber,\n formatExpiry: formatExpiry\n});\n\nexport { formatter as a, formatCardNumber as b, formatExpiry as c };\n","import { b as cardTypes } from './cardTypes-cd1fb9a4.js';\nimport { a as validator } from './validator-2883cf27.js';\nimport '../chunk-7eee66c0.js';\nimport { a as formatter } from './formatter-aea0ee50.js';\n\nvar BACKSPACE_KEY_CODE = 'Backspace';\nvar ENTER_KEY_CODE = 'Enter';\nvar isHighlighted = function isHighlighted() {\n return (window.getSelection() || {\n type: undefined\n }).type === 'Range';\n};\nvar utils = {\n cardTypes: cardTypes,\n formatter: formatter,\n validator: validator,\n BACKSPACE_KEY_CODE: BACKSPACE_KEY_CODE,\n ENTER_KEY_CODE: ENTER_KEY_CODE,\n isHighlighted: isHighlighted\n};\n\nexport default utils;\nexport { BACKSPACE_KEY_CODE, ENTER_KEY_CODE, isHighlighted };\n","import './utils/cardTypes-cd1fb9a4.js';\nimport './utils/validator-2883cf27.js';\nimport { b as _slicedToArray, c as _objectSpread, d as _defineProperty, e as _objectWithoutProperties } from './chunk-7eee66c0.js';\nimport './utils/formatter-aea0ee50.js';\nimport utils from './utils/index.js';\nimport React from 'react';\n\nfunction usePaymentCard() {\n var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},\n _ref$autoFocus = _ref.autoFocus,\n autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,\n errorMessages = _ref.errorMessages,\n onBlur = _ref.onBlur,\n onChange = _ref.onChange,\n onError = _ref.onError,\n onTouch = _ref.onTouch,\n cardNumberValidator = _ref.cardNumberValidator,\n cvcValidator = _ref.cvcValidator,\n expiryValidator = _ref.expiryValidator;\n\n var cardNumberField = React.useRef();\n var expiryDateField = React.useRef();\n var cvcField = React.useRef();\n var zipField = React.useRef();\n /** ====== START: META STUFF ====== */\n\n var _React$useState = React.useState({\n cardNumber: false,\n expiryDate: false,\n cvc: false,\n zip: false\n }),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n touchedInputs = _React$useState2[0],\n setTouchedInputs = _React$useState2[1];\n\n var _React$useState3 = React.useState(false),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n isTouched = _React$useState4[0],\n setIsTouched = _React$useState4[1];\n\n var _React$useState5 = React.useState({\n cardNumber: undefined,\n expiryDate: undefined,\n cvc: undefined,\n zip: undefined\n }),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n erroredInputs = _React$useState6[0],\n setErroredInputs = _React$useState6[1];\n\n var _React$useState7 = React.useState(),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n error = _React$useState8[0],\n setError = _React$useState8[1];\n\n var _React$useState9 = React.useState(),\n _React$useState10 = _slicedToArray(_React$useState9, 2),\n cardType = _React$useState10[0],\n setCardType = _React$useState10[1];\n\n var _React$useState11 = React.useState(),\n _React$useState12 = _slicedToArray(_React$useState11, 2),\n focused = _React$useState12[0],\n setFocused = _React$useState12[1];\n\n var setInputError = React.useCallback(function (input, error) {\n setErroredInputs(function (erroredInputs) {\n if (erroredInputs[input] === error) return erroredInputs;\n var newError = error;\n\n var newErroredInputs = _objectSpread({}, erroredInputs, _defineProperty({}, input, error));\n\n if (error) {\n setError(error);\n } else {\n newError = Object.values(newErroredInputs).find(Boolean);\n setError(newError);\n }\n\n onError && onError(newError, newErroredInputs);\n return newErroredInputs;\n });\n }, []); // eslint-disable-line\n\n var setInputTouched = React.useCallback(function (input, value) {\n requestAnimationFrame(function () {\n if (document.activeElement.tagName !== 'INPUT') {\n setIsTouched(true);\n } else if (value === false) {\n setIsTouched(false);\n }\n });\n setTouchedInputs(function (touchedInputs) {\n if (touchedInputs[input] === value) return touchedInputs;\n\n var newTouchedInputs = _objectSpread({}, touchedInputs, _defineProperty({}, input, value));\n\n onTouch && onTouch(_defineProperty({}, input, value), newTouchedInputs);\n return newTouchedInputs;\n });\n }, []); // eslint-disable-line\n\n /** ====== END: META STUFF ====== */\n\n /** ====== START: CARD NUMBER STUFF ====== */\n\n var handleBlurCardNumber = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onBlur && props.onBlur(e);\n onBlur && onBlur(e);\n setFocused(undefined);\n setInputTouched('cardNumber', true);\n };\n }, [onBlur, setInputTouched]);\n var handleChangeCardNumber = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n var formattedCardNumber = e.target.value || '';\n var cardNumber = formattedCardNumber.replace(/\\s/g, '');\n var cursorPosition = cardNumberField.current.selectionStart;\n var cardType = utils.cardTypes.getCardTypeByValue(cardNumber);\n setCardType(cardType);\n setInputTouched('cardNumber', false); // @ts-ignore\n\n cardNumberField.current.value = utils.formatter.formatCardNumber(cardNumber);\n props.onChange && props.onChange(e);\n onChange && onChange(e); // Due to the card number formatting, the selection cursor will fall to the end of\n // the input field. Here, we want to reposition the cursor to the correct place.\n\n requestAnimationFrame(function () {\n if (document.activeElement !== cardNumberField.current) return;\n\n if (cardNumberField.current.value[cursorPosition - 1] === ' ') {\n cursorPosition = cursorPosition + 1;\n }\n\n cardNumberField.current.setSelectionRange(cursorPosition, cursorPosition);\n });\n var cardNumberError = utils.validator.getCardNumberError(cardNumber, cardNumberValidator, {\n errorMessages: errorMessages\n });\n\n if (!cardNumberError && autoFocus) {\n expiryDateField.current && expiryDateField.current.focus();\n }\n\n setInputError('cardNumber', cardNumberError);\n props.onError && props.onError(cardNumberError);\n };\n }, [autoFocus, cardNumberValidator, errorMessages, onChange, setInputError, setInputTouched]);\n var handleFocusCardNumber = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onFocus && props.onFocus(e);\n setFocused('cardNumber');\n };\n }, []);\n var handleKeyPressCardNumber = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n var formattedCardNumber = e.target.value || '';\n var cardNumber = formattedCardNumber.replace(/\\s/g, '');\n props.onKeyPress && props.onKeyPress(e);\n\n if (e.key !== utils.ENTER_KEY_CODE) {\n if (!utils.validator.isNumeric(e)) {\n e.preventDefault();\n }\n\n if (utils.validator.hasCardNumberReachedMaxLength(cardNumber)) {\n e.preventDefault();\n }\n }\n };\n }, []);\n var getCardNumberProps = React.useCallback(function () {\n var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var refKey = _ref2.refKey,\n props = _objectWithoutProperties(_ref2, [\"refKey\"]);\n\n return _objectSpread(_defineProperty({\n 'aria-label': 'Card number',\n autoComplete: 'cc-number',\n id: 'cardNumber',\n name: 'cardNumber',\n placeholder: 'Card number',\n type: 'tel'\n }, refKey || 'ref', cardNumberField), props, {\n onBlur: handleBlurCardNumber(props),\n onChange: handleChangeCardNumber(props),\n onFocus: handleFocusCardNumber(props),\n onKeyPress: handleKeyPressCardNumber(props)\n });\n }, [handleBlurCardNumber, handleChangeCardNumber, handleFocusCardNumber, handleKeyPressCardNumber]);\n /** ====== END: CARD NUMBER STUFF ====== */\n\n /** ====== START: EXPIRY DATE STUFF ====== */\n\n var handleBlurExpiryDate = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onBlur && props.onBlur(e);\n onBlur && onBlur(e);\n setFocused(undefined);\n setInputTouched('expiryDate', true);\n };\n }, [onBlur, setInputTouched]);\n var handleChangeExpiryDate = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n setInputTouched('expiryDate', false);\n expiryDateField.current.value = utils.formatter.formatExpiry(e);\n props.onChange && props.onChange(e);\n onChange && onChange(e);\n var expiryDateError = utils.validator.getExpiryDateError(expiryDateField.current.value, expiryValidator, {\n errorMessages: errorMessages\n });\n\n if (!expiryDateError && autoFocus) {\n cvcField.current && cvcField.current.focus();\n }\n\n setInputError('expiryDate', expiryDateError);\n props.onError && props.onError(expiryDateError);\n };\n }, [autoFocus, errorMessages, expiryValidator, onChange, setInputError, setInputTouched]);\n var handleFocusExpiryDate = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onFocus && props.onFocus(e);\n setFocused('expiryDate');\n };\n }, []);\n var handleKeyDownExpiryDate = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onKeyDown && props.onKeyDown(e);\n\n if (e.key === utils.BACKSPACE_KEY_CODE && !e.target.value && autoFocus) {\n cardNumberField.current && cardNumberField.current.focus();\n }\n };\n }, [autoFocus]);\n var handleKeyPressExpiryDate = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n var formattedExpiryDate = e.target.value || '';\n var expiryDate = formattedExpiryDate.replace(' / ', '');\n props.onKeyPress && props.onKeyPress(e);\n\n if (e.key !== utils.ENTER_KEY_CODE) {\n if (!utils.validator.isNumeric(e)) {\n e.preventDefault();\n }\n\n if (expiryDate.length >= 4) {\n e.preventDefault();\n }\n }\n };\n }, []);\n var getExpiryDateProps = React.useCallback(function () {\n var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var refKey = _ref3.refKey,\n props = _objectWithoutProperties(_ref3, [\"refKey\"]);\n\n return _objectSpread(_defineProperty({\n 'aria-label': 'Expiry date in format MM YY',\n autoComplete: 'cc-exp',\n id: 'expiryDate',\n name: 'expiryDate',\n placeholder: 'MM/YY',\n type: 'tel'\n }, refKey || 'ref', expiryDateField), props, {\n onBlur: handleBlurExpiryDate(props),\n onChange: handleChangeExpiryDate(props),\n onFocus: handleFocusExpiryDate(props),\n onKeyDown: handleKeyDownExpiryDate(props),\n onKeyPress: handleKeyPressExpiryDate(props)\n });\n }, [handleBlurExpiryDate, handleChangeExpiryDate, handleFocusExpiryDate, handleKeyDownExpiryDate, handleKeyPressExpiryDate]);\n /** ====== END: EXPIRY DATE STUFF ====== */\n\n /** ====== START: CVC STUFF ====== */\n\n var handleBlurCVC = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onBlur && props.onBlur(e);\n onBlur && onBlur(e);\n setFocused(undefined);\n setInputTouched('cvc', true);\n };\n }, [onBlur, setInputTouched]);\n var handleChangeCVC = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _ref4 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n cardType = _ref4.cardType;\n\n return function (e) {\n var cvc = e.target.value;\n setInputTouched('cvc', false);\n props.onChange && props.onChange(e);\n onChange && onChange(e);\n var cvcError = utils.validator.getCVCError(cvc, cvcValidator, {\n cardType: cardType,\n errorMessages: errorMessages\n });\n\n if (!cvcError && autoFocus) {\n zipField.current && zipField.current.focus();\n }\n\n setInputError('cvc', cvcError);\n props.onError && props.onError(cvcError);\n };\n }, [autoFocus, cvcValidator, errorMessages, onChange, setInputError, setInputTouched]);\n var handleFocusCVC = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onFocus && props.onFocus(e);\n setFocused('cvc');\n };\n }, []);\n var handleKeyDownCVC = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onKeyDown && props.onKeyDown(e);\n\n if (e.key === utils.BACKSPACE_KEY_CODE && !e.target.value && autoFocus) {\n expiryDateField.current && expiryDateField.current.focus();\n }\n };\n }, [autoFocus]);\n var handleKeyPressCVC = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var _ref5 = arguments.length > 1 ? arguments[1] : undefined,\n cardType = _ref5.cardType;\n\n return function (e) {\n var formattedCVC = e.target.value || '';\n var cvc = formattedCVC.replace(' / ', '');\n props.onKeyPress && props.onKeyPress(e);\n\n if (e.key !== utils.ENTER_KEY_CODE) {\n if (!utils.validator.isNumeric(e)) {\n e.preventDefault();\n }\n\n if (cardType && cvc.length >= cardType.code.length) {\n e.preventDefault();\n }\n\n if (cvc.length >= 4) {\n e.preventDefault();\n }\n }\n };\n }, []);\n var getCVCProps = React.useCallback(function () {\n var _ref6 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var refKey = _ref6.refKey,\n props = _objectWithoutProperties(_ref6, [\"refKey\"]);\n\n return _objectSpread(_defineProperty({\n 'aria-label': 'CVC',\n autoComplete: 'cc-csc',\n id: 'cvc',\n name: 'cvc',\n placeholder: cardType ? cardType.code.name : 'CVC',\n type: 'tel'\n }, refKey || 'ref', cvcField), props, {\n onBlur: handleBlurCVC(props),\n onChange: handleChangeCVC(props, {\n cardType: cardType\n }),\n onFocus: handleFocusCVC(props),\n onKeyDown: handleKeyDownCVC(props),\n onKeyPress: handleKeyPressCVC(props, {\n cardType: cardType\n })\n });\n }, [cardType, handleBlurCVC, handleChangeCVC, handleFocusCVC, handleKeyDownCVC, handleKeyPressCVC]);\n /** ====== END: CVC STUFF ====== */\n\n /** ====== START: ZIP STUFF ====== */\n\n var handleBlurZIP = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onBlur && props.onBlur(e);\n onBlur && onBlur(e);\n setFocused(undefined);\n setInputTouched('zip', true);\n };\n }, [onBlur, setInputTouched]);\n var handleChangeZIP = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n var zip = e.target.value;\n setInputTouched('zip', false);\n props.onChange && props.onChange(e);\n onChange && onChange(e);\n var zipError = utils.validator.getZIPError(zip, {\n errorMessages: errorMessages\n });\n setInputError('zip', zipError);\n props.onError && props.onError(zipError);\n };\n }, [errorMessages, onChange, setInputError, setInputTouched]);\n var handleFocusZIP = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onFocus && props.onFocus(e);\n setFocused('zip');\n };\n }, []);\n var handleKeyDownZIP = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onKeyDown && props.onKeyDown(e);\n\n if (e.key === utils.BACKSPACE_KEY_CODE && !e.target.value && autoFocus) {\n cvcField.current && cvcField.current.focus();\n }\n };\n }, [autoFocus]);\n var handleKeyPressZIP = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n return function (e) {\n props.onKeyPress && props.onKeyPress(e);\n\n if (e.key !== utils.ENTER_KEY_CODE) {\n if (!utils.validator.isNumeric(e)) {\n e.preventDefault();\n }\n }\n };\n }, []);\n var getZIPProps = React.useCallback(function () {\n var _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n\n var refKey = _ref7.refKey,\n props = _objectWithoutProperties(_ref7, [\"refKey\"]);\n\n return _objectSpread(_defineProperty({\n autoComplete: 'off',\n id: 'zip',\n maxLength: '6',\n name: 'zip',\n placeholder: 'ZIP',\n type: 'tel'\n }, refKey || 'ref', zipField), props, {\n onBlur: handleBlurZIP(props),\n onChange: handleChangeZIP(props),\n onFocus: handleFocusZIP(props),\n onKeyDown: handleKeyDownZIP(props),\n onKeyPress: handleKeyPressZIP(props)\n });\n }, [handleBlurZIP, handleChangeZIP, handleFocusZIP, handleKeyDownZIP, handleKeyPressZIP]);\n /** ====== END: ZIP STUFF ====== */\n\n /** ====== START: CARD IMAGE STUFF ====== */\n\n var getCardImageProps = React.useCallback(function () {\n var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n var images = props.images || {};\n return _objectSpread({\n 'aria-label': cardType ? cardType.displayName : 'Placeholder card',\n children: images[cardType ? cardType.type : 'placeholder'] || images.placeholder,\n width: '1.5em',\n height: '1em',\n viewBox: '0 0 24 16'\n }, props);\n }, [cardType]);\n /** ====== END: CARD IMAGE STUFF ====== */\n // Set default field errors\n\n React.useLayoutEffect(function () {\n if (zipField.current) {\n var zipError = utils.validator.getZIPError(zipField.current.value, {\n errorMessages: errorMessages\n });\n setInputError('zip', zipError);\n }\n\n if (cvcField.current) {\n var cvcError = utils.validator.getCVCError(cvcField.current.value, cvcValidator, {\n errorMessages: errorMessages\n });\n setInputError('cvc', cvcError);\n }\n\n if (expiryDateField.current) {\n var expiryDateError = utils.validator.getExpiryDateError(expiryDateField.current.value, expiryValidator, {\n errorMessages: errorMessages\n });\n setInputError('expiryDate', expiryDateError);\n }\n\n if (cardNumberField.current) {\n var cardNumberError = utils.validator.getCardNumberError(cardNumberField.current.value, cardNumberValidator, {\n errorMessages: errorMessages\n });\n setInputError('cardNumber', cardNumberError);\n }\n }, [cardNumberValidator, cvcValidator, errorMessages, expiryValidator, setInputError]); // Format default values\n\n React.useLayoutEffect(function () {\n if (cardNumberField.current) {\n cardNumberField.current.value = utils.formatter.formatCardNumber(cardNumberField.current.value);\n }\n\n if (expiryDateField.current) {\n expiryDateField.current.value = utils.formatter.formatExpiry({\n target: expiryDateField.current\n });\n }\n }, []); // Set default card type\n\n React.useLayoutEffect(function () {\n if (cardNumberField.current) {\n var _cardType = utils.cardTypes.getCardTypeByValue(cardNumberField.current.value);\n\n setCardType(_cardType);\n }\n }, []);\n return {\n getCardImageProps: getCardImageProps,\n getCardNumberProps: getCardNumberProps,\n getExpiryDateProps: getExpiryDateProps,\n getCVCProps: getCVCProps,\n getZIPProps: getZIPProps,\n wrapperProps: {\n error: error,\n focused: focused,\n isTouched: isTouched\n },\n meta: {\n cardType: cardType,\n erroredInputs: erroredInputs,\n error: error,\n focused: focused,\n isTouched: isTouched,\n touchedInputs: touchedInputs\n }\n };\n}\n\nexport default usePaymentCard;\n","import './utils/cardTypes-cd1fb9a4.js';\nimport './utils/validator-2883cf27.js';\nimport './chunk-7eee66c0.js';\nimport './utils/formatter-aea0ee50.js';\nimport './utils/index.js';\nimport 'react';\nimport usePaymentCard from './usePaymentInputs.js';\n\nfunction PaymentInputsContainer(props) {\n var paymentInputs = usePaymentCard(props);\n return props.children(paymentInputs);\n}\n\nexport default PaymentInputsContainer;\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\nexport var LAYER = '@layer'\nexport var SCOPE = '@scope'\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @param {number} position\n * @return {number}\n */\nexport function indexof (value, search, position) {\n\treturn value.indexOf(search, position)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n\n/**\n * @param {string[]} array\n * @param {RegExp} pattern\n * @return {string[]}\n */\nexport function filter (array, pattern) {\n\treturn array.filter(function (value) { return !match(value, pattern) })\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {object[]} siblings\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length, siblings) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props)\n}\n\n/**\n * @param {object} root\n */\nexport function lift (root) {\n\twhile (root.root)\n\t\troot = copy(root.root, {children: [root]})\n\n\tappend(root, root.siblings)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","import e from\"@emotion/is-prop-valid\";import t,{createElement as n}from\"react\";import*as o from\"stylis\";import{RULESET as s}from\"stylis\";var r,i;const c=\"undefined\"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||\"data-styled\",a=\"active\",l=\"data-styled-version\",u=\"6.4.2\",h=\"/*!sc*/\\n\",d=\"undefined\"!=typeof window&&\"undefined\"!=typeof document;function p(e){if(\"undefined\"!=typeof process&&void 0!==process.env){const t=process.env[e];if(void 0!==t&&\"\"!==t)return\"false\"!==t}}const f=Boolean(\"boolean\"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:null!==(i=null!==(r=p(\"REACT_APP_SC_DISABLE_SPEEDY\"))&&void 0!==r?r:p(\"SC_DISABLE_SPEEDY\"))&&void 0!==i?i:\"undefined\"!=typeof process&&void 0!==process.env&&\"production\"!==process.env.NODE_ENV),m=\"sc-keyframes-\",y={},g=\"production\"!==process.env.NODE_ENV?{1:\"Cannot create styled-component for component: %s.\\n\\n\",2:\"Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\\n\\n- Are you trying to reuse it across renders?\\n- Are you accidentally calling collectStyles twice?\\n\\n\",3:\"Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\\n\\n\",4:\"The `StyleSheetManager` expects a valid target or sheet prop!\\n\\n- Does this error occur on the client and is your target falsy?\\n- Does this error occur on the server and is the sheet falsy?\\n\\n\",5:\"The clone method cannot be used on the client!\\n\\n- Are you running in a client-like environment on the server?\\n- Are you trying to run SSR on the client?\\n\\n\",6:\"Trying to insert a new style tag, but the given Node is unmounted!\\n\\n- Are you using a custom target that isn't mounted?\\n- Does your document not have a valid head element?\\n- Have you accidentally removed a style tag manually?\\n\\n\",7:'ThemeProvider: Please return an object from your \"theme\" prop function, e.g.\\n\\n```js\\ntheme={() => ({})}\\n```\\n\\n',8:'ThemeProvider: Please make your \"theme\" prop an object.\\n\\n',9:\"Missing document ``\\n\\n\",10:\"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\\n\\n\",11:\"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\\n\\n\",12:\"It seems you are interpolating a keyframe declaration (%s) into an untagged string. Please wrap your string in the css\\\\`\\\\` helper which ensures the styles are injected correctly. See https://styled-components.com/docs/api#css\\n\\n\",13:\"%s is not a styled component and cannot be referred to via component selector. See https://styled-components.com/docs/advanced#referring-to-other-components for more details.\\n\\n\",14:'ThemeProvider: \"theme\" prop is required.\\n\\n',15:\"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to ``, please make sure each plugin is uniquely-named, e.g.\\n\\n```js\\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\\n```\\n\\n\",16:\"Reached the limit of how many styled components may be created at group %s.\\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\\nas for instance in your render method then you may be running into this limitation.\\n\\n\",17:\"CSSStyleSheet could not be found on HTMLStyleElement.\\nHas styled-components' style tag been unmounted or altered by another script?\\n\\n\",18:\"Accessing `useTheme` hook outside of a `` element.\\n\\n```jsx\\nimport { useTheme } from 'styled-components';\\nexport function StyledCompoent({ children }) {\\n const theme = useTheme();\\n return
{children}
;\\n}\\n\\nimport { StyledComponent } from './StyledComponent';\\nimport { theme } from './theme';\\nexport function App() {\\n return (\\n \\n \\n \\n );\\n}\\n```\\n\\nIf you need access to the theme in an uncertain composition scenario, `React.useContext(ThemeContext)` will not emit an error if there is no `ThemeProvider` ancestor.\\n\"}:{};function v(e,...t){return\"production\"===process.env.NODE_ENV?new Error(`An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#${e} for more information.${t.length>0?` Args: ${t.join(\", \")}`:\"\"}`):new Error(function(...e){let t=e[0];const n=[];for(let t=1,o=e.length;t{t=t.replace(/%[a-z]/,e)}),t}(g[e],...t).trim())}const S=1<<30;let b=new Map,w=new Map,N=1;const C=e=>{if(b.has(e))return b.get(e);for(;w.has(N);)N++;const t=N++;if(\"production\"!==process.env.NODE_ENV&&((0|t)<0||t>S))throw v(16,`${t}`);return b.set(e,t),w.set(t,e),t},O=e=>w.get(e),E=(e,t)=>{N=t+1,b.set(e,t),w.set(t,e)},A=/invalid hook call/i,P=new Set,_=(e,n)=>{if(\"production\"!==process.env.NODE_ENV){const o=`The component ${e}${n?` with the id of \"${n}\"`:\"\"} has been created dynamically.\\nYou may see this warning because you've called styled inside another component.\\nTo resolve this only create new StyledComponents outside of any render method and function component.\\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\\n`,s=console.error;try{let e=!0;console.error=(t,...n)=>{A.test(t)?(e=!1,P.delete(o)):s(t,...n)},\"function\"==typeof t.useState&&t.useState(null),e&&!P.has(o)&&(console.warn(o),P.add(o))}catch(e){A.test(e.message)&&P.delete(o)}finally{console.error=s}}},I=Object.freeze([]),$=Object.freeze({});function R(e,t,n=$){return e.theme!==n.theme&&e.theme||t||n.theme}const j=/[!\"#$%&'()*+,./:;<=>?@[\\\\\\]^`{|}~-]+/g,x=/(^-|-$)/g;function T(e){return e.replace(j,\"-\").replace(x,\"\")}const k=/(a)(d)/gi,D=e=>String.fromCharCode(e+(e>25?39:97));function V(e){let t,n=\"\";for(t=Math.abs(e);t>52;t=t/52|0)n=D(t%52)+n;return(D(t%52)+n).replace(k,\"$1-$2\")}const M=5381,G=(e,t)=>{let n=t.length;for(;n;)e=33*e^t.charCodeAt(--n);return e},F=e=>G(M,e);function z(e){return V(F(e)>>>0)}function W(e){return\"production\"!==process.env.NODE_ENV&&\"string\"==typeof e&&e||e.displayName||e.name||\"Component\"}function L(e){return\"string\"==typeof e&&(\"production\"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}function B(e){return L(e)?`styled.${e}`:`Styled(${W(e)})`}const q=Symbol.for(\"react.memo\"),H=Symbol.for(\"react.forward_ref\"),Y={contextType:!0,defaultProps:!0,displayName:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,propTypes:!0,type:!0},U={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},J={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},X={[H]:{$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},[q]:J};function K(e){return(\"type\"in(t=e)&&t.type.$$typeof)===q?J:\"$$typeof\"in e?X[e.$$typeof]:Y;var t}const Q=Object.defineProperty,Z=Object.getOwnPropertyNames,ee=Object.getOwnPropertySymbols,te=Object.getOwnPropertyDescriptor,ne=Object.getPrototypeOf,oe=Object.prototype;function se(e,t,n){if(\"string\"!=typeof t){const o=ne(t);o&&o!==oe&&se(e,o,n);const s=Z(t).concat(ee(t)),r=K(e),i=K(t);for(let o=0;othis._cGroup)for(let n=this._cGroup;n=e;n--)t-=this.groupSizes[n];return this._cGroup=e,this._cIndex=t,t}insertRules(e,t){if(e>=this.groupSizes.length){const t=this.groupSizes,n=t.length;let o=n;for(;e>=o;)if(o<<=1,o<0)throw v(16,`${e}`);this.groupSizes=new Uint32Array(o),this.groupSizes.set(t),this.length=o;for(let e=n;e0&&this._cGroup>e&&(this._cIndex+=o)}clearGroup(e){if(e0&&this._cGroup>e&&(this._cIndex-=t)}}getGroup(e){let t=\"\";if(e>=this.length||0===this.groupSizes[e])return t;const n=this.groupSizes[e],o=this.indexOfGroup(e),s=o+n;for(let e=o;e\"undefined\"!=typeof ShadowRoot&&e instanceof ShadowRoot||\"host\"in e&&11===e.nodeType,ge=e=>{if(!e)return document;if(ye(e))return e;if(\"getRootNode\"in e){const t=e.getRootNode();if(ye(t))return t}return document},ve=(e,t,n)=>{const o=n.split(\",\");let s;for(let n=0,r=o.length;n{var n;const o=(null!==(n=t.textContent)&&void 0!==n?n:\"\").split(h),s=[];for(let t=0,n=o.length;t{const t=ge(e.options.target).querySelectorAll(fe);for(let n=0,o=t.length;n{const n=document.head,o=e||n,s=document.createElement(\"style\"),r=(e=>{const t=Array.from(e.querySelectorAll(`style[${c}]`));return t[t.length-1]})(o),i=void 0!==r?r.nextSibling:null;s.setAttribute(c,a),s.setAttribute(l,u);const h=t||Ne();return h&&s.setAttribute(\"nonce\",h),o.insertBefore(s,i),s},Oe=class{constructor(e,t){this.element=Ce(e,t),this.element.appendChild(document.createTextNode(\"\")),this.sheet=(e=>{var t;if(e.sheet)return e.sheet;const n=null!==(t=e.getRootNode().styleSheets)&&void 0!==t?t:document.styleSheets;for(let t=0,o=n.length;t=0){const n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1}deleteRule(e){this.element.removeChild(this.nodes[e]),this.length--}getRule(e){return e(e=>{const t=e.getTag(),{length:n}=t;let o=\"\";for(let s=0;s0&&(l+=e+\",\");o+=i+a+'{content:\"'+l+'\"}'+h}return o})(this))}rehydrate(){!this.server&&d&&be(this)}reconstructWithOptions(e,t=!0){const n=new _e(Object.assign(Object.assign({},this.options),e),this.gs,t&&this.names||void 0);return n.keyframeIds=new Set(this.keyframeIds),!this.server&&d&&e.target!==this.options.target&&ge(this.options.target)!==ge(e.target)&&be(n),n}allocateGSInstance(e){return this.gs[e]=(this.gs[e]||0)+1}getTag(){return this.tag||(this.tag=(e=(({useCSSOMInjection:e,target:t,nonce:n})=>e?new Oe(t,n):new Ee(t,n))(this.options),new pe(e)));var e}hasNameForId(e,t){var n,o;return null!==(o=null===(n=this.names.get(e))||void 0===n?void 0:n.has(t))&&void 0!==o&&o}registerName(e,t){C(e),e.startsWith(m)&&this.keyframeIds.add(e);const n=this.names.get(e);n?n.add(t):this.names.set(e,new Set([t]))}insertRules(e,t,n){this.registerName(e,t),this.getTag().insertRules(C(e),n)}clearNames(e){this.names.has(e)&&this.names.get(e).clear()}clearRules(e){this.getTag().clearGroup(C(e)),this.clearNames(e)}clearTag(){this.tag=void 0}}const Ie=new WeakSet,$e={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexShrink:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1};function Re(e,t){return null==t||\"boolean\"==typeof t||\"\"===t?\"\":\"number\"!=typeof t||0===t||e in $e||e.startsWith(\"--\")?String(t).trim():t+\"px\"}const je=47;function xe(e){if(45===e.charCodeAt(0)&&45===e.charCodeAt(1))return e;let t=\"\";for(let n=0;n=65&&o<=90?\"-\"+String.fromCharCode(o+32):e[n]}return t.startsWith(\"ms-\")?\"-\"+t:t}const Te=Symbol.for(\"sc-keyframes\");function ke(e){return\"object\"==typeof e&&null!==e&&Te in e}function De(e){return re(e)&&!(e.prototype&&e.prototype.isReactComponent)}const Ve=e=>null==e||!1===e||\"\"===e,Me=Symbol.for(\"react.client.reference\");function Ge(e){return e.$$typeof===Me}function Fe(e){const t=e.$$id,n=(t&&t.includes(\"#\")?t.split(\"#\").pop():t)||e.name||\"unknown\";console.warn(`Interpolating a client component (${n}) as a selector is not supported in server components. The component selector pattern requires access to the component's internal class name, which is not available across the server/client boundary. Use a plain CSS class selector instead.`)}function ze(e,t){for(const n in e){const o=e[n];e.hasOwnProperty(n)&&!Ve(o)&&(Array.isArray(o)&&Ie.has(o)||re(o)?t.push(xe(n)+\":\",o,\";\"):ue(o)?(t.push(n+\" {\"),ze(o,t),t.push(\"}\")):t.push(xe(n)+\": \"+Re(n,o)+\";\"))}}function We(e,t,n,o,s=[]){if(Ve(e))return s;const r=typeof e;if(\"string\"===r)return s.push(e),s;if(\"function\"===r){if(Ge(e))return\"production\"!==process.env.NODE_ENV&&Fe(e),s;if(De(e)&&t){const r=e(t);return\"production\"===process.env.NODE_ENV||\"object\"!=typeof r||Array.isArray(r)||ke(r)||ue(r)||null===r||console.error(`${W(e)} is not a styled component and cannot be referred to via component selector. See https://styled-components.com/docs/advanced#referring-to-other-components for more details.`),We(r,t,n,o,s)}return s.push(e),s}if(Array.isArray(e)){for(let r=0;r>>0),this.dynamicNameCache.size>=200){const e=this.dynamicNameCache.keys().next().value;void 0!==e&&this.dynamicNameCache.delete(e)}this.dynamicNameCache.set(e,r)}if(!t.hasNameForId(this.componentId,r)){const e=n(s,\".\"+r,void 0,this.componentId);t.insertRules(this.componentId,r,e)}o=ae(o,r)}}return o}}const qe=/&/g;function He(e,t){let n=0;for(;--t>=0&&92===e.charCodeAt(t);)n++;return!(1&~n)}function Ye(e){const t=e.length;let n=\"\",o=0,s=0,r=0,i=!1,c=!1;for(let a=0;ao.startsWith(s)&&o.endsWith(s)&&o.replaceAll(s,\"\").length>0?`.${n}`:e,c=t.slice();c.push(e=>{e.type===o.RULESET&&e.value.includes(\"&\")&&(r||(r=new RegExp(`\\\\${s}\\\\b`,\"g\")),e.props[0]=e.props[0].replace(qe,s).replace(r,i))}),e.prefix&&c.push(o.prefixer),c.push(o.stringify);let a=[];const l=o.middleware(c.concat(o.rulesheet(e=>a.push(e)))),u=(t,i=\"\",c=\"\",u=\"&\")=>{n=u,s=i,r=void 0;const h=function(e){const t=-1!==e.indexOf(\"//\"),n=-1!==e.indexOf(\"}\");if(!t&&!n)return e;if(!t)return Ye(e);const o=e.length;let s=\"\",r=0,i=0,c=0,a=0,l=0,u=!1;for(;i0)i++;else if(42===t&&i+10&&a--,i++;else a++,i++;else i++;else 0===c?c=t:c===t&&(c=0),i++}return u?(r{let t=s;return e.sheet?t=e.sheet:e.target?t=t.reconstructWithOptions(void 0!==e.nonce?{target:e.target,nonce:e.nonce}:{target:e.target},!1):void 0!==e.nonce&&(t=t.reconstructWithOptions({nonce:e.nonce})),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.nonce,e.sheet,e.target,s]),i=t.useMemo(()=>{var t;return void 0===e.stylisPlugins&&void 0===e.namespace&&void 0===e.enableVendorPrefixes?o.stylis:Je({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:null!==(t=e.stylisPlugins)&&void 0!==t?t:o.stylisPlugins})},[e.enableVendorPrefixes,e.namespace,e.stylisPlugins,o.stylis,o.stylisPlugins]),c=\"shouldForwardProp\"in e?e.shouldForwardProp:o.shouldForwardProp,a=null!==(n=e.stylisPlugins)&&void 0!==n?n:o.stylisPlugins,l=t.useMemo(()=>({shouldForwardProp:c,styleSheet:r,stylis:i,stylisPlugins:a}),[c,r,i,a]);return t.createElement(Qe.Provider,{value:l},e.children)}const nt=t.createContext(void 0),ot=nt.Consumer;function st(){const e=t.useContext(nt);if(!e)throw v(18);return e}function rt(e){const n=t.useContext(nt),o=t.useMemo(()=>function(e,t){if(!e)throw v(14);if(re(e)){const n=e(t);if(\"production\"!==process.env.NODE_ENV&&(null===n||Array.isArray(n)||\"object\"!=typeof n))throw v(7);return n}if(Array.isArray(e)||\"object\"!=typeof e)throw v(8);return t?Object.assign(Object.assign({},t),e):e}(e.theme,n),[e.theme,n]);return e.children?t.createElement(nt.Provider,{value:o},e.children):null}const it=Object.prototype.hasOwnProperty,ct={};function at(e,t){const n=\"string\"!=typeof e?\"sc\":T(e);ct[n]=(ct[n]||0)+1;const o=n+\"-\"+z(u+n+ct[n]);return t?t+\"-\"+o:o}let lt;function ut(o,s,r){const i=ce(o),c=o,a=!L(o),{attrs:l=I,componentId:u=at(s.displayName,s.parentComponentId),displayName:h=B(o)}=s,d=s.displayName&&s.componentId?T(s.displayName)+\"-\"+s.componentId:s.componentId||u,p=i&&c.attrs?c.attrs.concat(l).filter(Boolean):l;let{shouldForwardProp:f}=s;if(i&&c.shouldForwardProp){const e=c.shouldForwardProp;if(s.shouldForwardProp){const t=s.shouldForwardProp;f=(n,o)=>e(n,o)&&t(n,o)}else f=e}const m=new Be(r,d,i?c.componentStyle:void 0);function y(o,s){return function(o,s,r){const{attrs:i,componentStyle:c,defaultProps:a,foldedComponentIds:l,styledComponentId:u,target:h}=o,d=t.useContext(nt),p=et(),f=o.shouldForwardProp||p.shouldForwardProp;\"production\"!==process.env.NODE_ENV&&t.useDebugValue&&t.useDebugValue(u);const m=R(s,d,a)||$;let y,g;{const e=t.useRef(null),n=e.current;if(null!==n&&n[1]===m&&n[2]===p.styleSheet&&n[3]===p.stylis&&n[7]===c&&function(e,t,n){const o=e,s=t;let r=0;for(const e in s)if(it.call(s,e)&&(r++,o[e]!==s[e]))return!1;return r===n}(n[0],s,n[4]))y=n[5],g=n[6];else{y=function(e,t,n){const o=Object.assign(Object.assign({},t),{className:void 0,theme:n}),s=e.length>1;for(let n=0;n\\` (connect an API like \\`@emotion/is-prop-valid\\`) or consider using transient props (\\`$\\` prefix for automatic filtering.)`))));return r}(y,v,m,f);let b=ae(l,u);return g&&(b+=\" \"+g),y.className&&(b+=\" \"+y.className),S[L(v)&&v.includes(\"-\")?\"class\":\"className\"]=b,r&&(S.ref=r),n(v,S)}(g,o,s)}y.displayName=h;let g=t.forwardRef(y);return g.attrs=p,g.componentStyle=m,g.displayName=h,g.shouldForwardProp=f,g.foldedComponentIds=i?ae(c.foldedComponentIds,c.styledComponentId):\"\",g.styledComponentId=d,g.target=i?c.target:o,Object.defineProperty(g,\"defaultProps\",{get(){return this._foldedDefaultProps},set(e){this._foldedDefaultProps=i?function(e,...t){for(const n of t)he(e,n,!0);return e}({},c.defaultProps,e):e}}),\"production\"!==process.env.NODE_ENV&&(_(h,d),g.warnTooManyClasses=((e,t)=>{let n={},o=!1;return s=>{!o&&(n[s]=!0,Object.keys(n).length>=200)&&(console.warn(`Over 200 classes were generated for component ${e}${t?` with the id of \"${t}\"`:\"\"}.\\nConsider using the attrs method, together with a style object for frequently changed styles.\\nExample:\\n const Component = styled.div.attrs(props => ({\\n style: {\\n background: props.background,\\n },\\n }))\\`width: 100%;\\`\\n\\n `),o=!0,n={})}})(h,d)),de(g,()=>`.${g.styledComponentId}`),a&&se(g,o,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),g}var ht=new Set([\"a\",\"abbr\",\"address\",\"area\",\"article\",\"aside\",\"audio\",\"b\",\"bdi\",\"bdo\",\"blockquote\",\"body\",\"button\",\"br\",\"canvas\",\"caption\",\"cite\",\"code\",\"col\",\"colgroup\",\"data\",\"datalist\",\"dd\",\"del\",\"details\",\"dfn\",\"dialog\",\"div\",\"dl\",\"dt\",\"em\",\"embed\",\"fieldset\",\"figcaption\",\"figure\",\"footer\",\"form\",\"h1\",\"h2\",\"h3\",\"h4\",\"h5\",\"h6\",\"header\",\"hgroup\",\"hr\",\"html\",\"i\",\"iframe\",\"img\",\"input\",\"ins\",\"kbd\",\"label\",\"legend\",\"li\",\"main\",\"map\",\"mark\",\"menu\",\"meter\",\"nav\",\"object\",\"ol\",\"optgroup\",\"option\",\"output\",\"p\",\"picture\",\"pre\",\"progress\",\"q\",\"rp\",\"rt\",\"ruby\",\"s\",\"samp\",\"search\",\"section\",\"select\",\"slot\",\"small\",\"span\",\"strong\",\"sub\",\"summary\",\"sup\",\"table\",\"tbody\",\"td\",\"template\",\"textarea\",\"tfoot\",\"th\",\"thead\",\"time\",\"tr\",\"u\",\"ul\",\"var\",\"video\",\"wbr\",\"circle\",\"clipPath\",\"defs\",\"ellipse\",\"feBlend\",\"feColorMatrix\",\"feComponentTransfer\",\"feComposite\",\"feConvolveMatrix\",\"feDiffuseLighting\",\"feDisplacementMap\",\"feDistantLight\",\"feDropShadow\",\"feFlood\",\"feFuncA\",\"feFuncB\",\"feFuncG\",\"feFuncR\",\"feGaussianBlur\",\"feImage\",\"feMerge\",\"feMergeNode\",\"feMorphology\",\"feOffset\",\"fePointLight\",\"feSpecularLighting\",\"feSpotLight\",\"feTile\",\"feTurbulence\",\"filter\",\"foreignObject\",\"g\",\"image\",\"line\",\"linearGradient\",\"marker\",\"mask\",\"path\",\"pattern\",\"polygon\",\"polyline\",\"radialGradient\",\"rect\",\"stop\",\"svg\",\"switch\",\"symbol\",\"text\",\"textPath\",\"tspan\",\"use\"]);function dt(e,t){const n=[e[0]];for(let o=0,s=t.length;o(Ie.add(e),e);function ft(e,...t){if(re(e)||ue(e))return pt(We(dt(I,[e,...t])));const n=e;return 0===t.length&&1===n.length&&\"string\"==typeof n[0]?We(n):pt(We(dt(n,t)))}function mt(e,t,n=$){if(!t)throw v(1,t);const o=(o,...s)=>e(t,n,ft(o,...s));return o.attrs=o=>mt(e,t,Object.assign(Object.assign({},n),{attrs:Array.prototype.concat(n.attrs,o).filter(Boolean)})),o.withConfig=o=>mt(e,t,Object.assign(Object.assign({},n),o)),o}const yt=e=>mt(ut,e),gt=yt;ht.forEach(e=>{gt[e]=yt(e)});class vt{constructor(e,t){this.instanceRules=new Map,this.rules=e,this.componentId=t,this.isStatic=function(e){for(let t=0;t{const n=et(),i=t.useContext(nt);let a;{const e=t.useRef(null);null===e.current&&(e.current=n.styleSheet.allocateGSInstance(s)),a=e.current}\"production\"!==process.env.NODE_ENV&&t.Children.count(e.children)&&console.warn(`The global style component ${s} was given child JSX. createGlobalStyle does not render children.`),\"production\"!==process.env.NODE_ENV&&o.some(e=>\"string\"==typeof e&&-1!==e.indexOf(\"@import\"))&&console.warn(\"Please do not use @import CSS syntax in createGlobalStyle at this time, as the CSSOM APIs we use in production do not handle it well. Instead, we recommend using a library such as react-helmet to inject a typical meta tag to the stylesheet, or simply embedding it manually in your index.html section for a simpler app.\"),n.styleSheet.server&&c(a,e,n.styleSheet,i,n.stylis);{const o=r.isStatic?[a,n.styleSheet,r]:[a,e,n.styleSheet,i,n.stylis,r],l=t.useRef(r);t.useLayoutEffect(()=>{n.styleSheet.server||(l.current!==r&&(n.styleSheet.clearRules(s),l.current=r),c(a,e,n.styleSheet,i,n.stylis))},o),t.useLayoutEffect(()=>()=>{n.styleSheet.server||r.removeStyles(a,n.styleSheet)},[a,n.styleSheet,r])}return n.styleSheet.server&&r.instanceRules.delete(a),null};function c(e,t,n,o,s){if(r.isStatic)r.renderStyles(e,y,n,s);else{const c=Object.assign(Object.assign({},t),{theme:R(t,o,i.defaultProps)});r.renderStyles(e,c,n,s)}}return t.memo(i)}function bt(e,t,n,o,s){for(const r in e){const i=e[r],c=s?s+\"-\"+r:r;if(\"object\"==typeof i&&null!==i){const e={};bt(i,t,e,o,c),n[r]=e}else n[r]=o(c,i,r)}}function wt(e,t,n,o){let s=\"\";for(const r in e){const i=e[r],c=t[r],a=o?o+\"-\"+r:r;\"object\"==typeof i&&null!==i?\"object\"==typeof c&&null!==c&&(s+=wt(i,c,n,a)):void 0!==c&&\"function\"!=typeof c&&(s+=\"--\"+n+a+\":\"+c+\";\")}return s}function Nt(e,t){var n,o;const s=(null!==(n=null==t?void 0:t.prefix)&&void 0!==n?n:\"sc\")+\"-\",r=null!==(o=null==t?void 0:t.selector)&&void 0!==o?o:\":root\",i=function(e,t){const n={};return bt(e,t,n,e=>\"--\"+t+e),n}(e,s),c=function(e,t){const n={};return bt(e,t,n,(e,n)=>{if(\"production\"!==process.env.NODE_ENV){const t=String(n);let o=0;for(let e=0;ewt(e,t.theme,s)}\n }\n `;return Object.assign(c,{GlobalStyle:a,raw:e,vars:i,resolve(t){if(!d)throw new Error(\"createTheme.resolve() is client-only\");const n=null!=t?t:document.documentElement;return function(e,t,n){const o={};return bt(e,t,o,(e,o)=>n.getPropertyValue(\"--\"+t+e).trim()||o),o}(e,s,getComputedStyle(n))}})}var Ct;class Ot{constructor(e,t){this[Ct]=!0,this.inject=(e,t=Ke)=>{const n=this.getName(t);if(!e.hasNameForId(this.id,n)){const o=t(this.rules,n,\"@keyframes\");e.insertRules(this.id,n,o)}},this.name=e,this.id=m+e,this.rules=t,C(this.id),de(this,()=>{throw v(12,String(this.name))})}getName(e=Ke){return e.hash?this.name+V(+e.hash>>>0):this.name}}function Et(e,...t){\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.\");const n=le(ft(e,...t)),o=z(n);return new Ot(o,n)}function At(e){const n=t.forwardRef((n,o)=>{const s=R(n,t.useContext(nt),e.defaultProps);return\"production\"!==process.env.NODE_ENV&&void 0===s&&console.warn(`[withTheme] You are not using a ThemeProvider nor passing a theme prop or a theme in defaultProps in component class \"${W(e)}\"`),t.createElement(e,Object.assign(Object.assign({},n),{theme:s,ref:o}))});return n.displayName=`WithTheme(${W(e)})`,se(n,e)}Ct=Te;class Pt{constructor({nonce:e}={}){this._emitSheetCSS=()=>{const e=this.instance.toString();if(!e)return\"\";const t=this.instance.options.nonce||Ne();return``},this.getStyleTags=()=>{if(this.sealed)throw v(2);return this._emitSheetCSS()},this.getStyleElement=()=>{if(this.sealed)throw v(2);const e=this.instance.toString();if(!e)return[];const n={[c]:\"\",[l]:u,dangerouslySetInnerHTML:{__html:e}},o=this.instance.options.nonce||Ne();return o&&(n.nonce=o),[t.createElement(\"style\",Object.assign({},n,{key:\"sc-0-0\"}))]},this.seal=()=>{this.sealed=!0},this.instance=new _e({isServer:!0,nonce:e}),this.sealed=!1}collectStyles(e){if(this.sealed)throw v(2);return t.createElement(tt,{sheet:this.instance},e)}interleaveWithNodeStream(e){throw v(3)}}const _t={StyleSheet:_e,mainSheet:Xe};\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"It looks like you've imported 'styled-components' on React Native.\\nPerhaps you're looking to import 'styled-components/native'?\\nRead more about this at https://styled-components.com/docs/basics#react-native\");const It=`__sc-${c}__`;\"production\"!==process.env.NODE_ENV&&\"test\"!==process.env.NODE_ENV&&\"undefined\"!=typeof window&&(window[It]||(window[It]=0),1===window[It]&&console.warn(\"It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\\n\\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info.\"),window[It]+=1);const $t=/:(?:(first)-child|(last)-child|(only)-child|(nth-child)\\(([^()]+)\\)|(nth-last-child)\\(([^()]+)\\))/g,Rt=`:not(style[${c}])`,jt=`style[${c}]`;function xt(e){return-1===e.indexOf(\"-child\")?e:($t.lastIndex=0,e.replace($t,(e,t,n,o,s,r,i,c)=>t?`:nth-child(1 of ${Rt})`:n?`:nth-last-child(1 of ${Rt})`:o?`:nth-child(1 of ${Rt}):nth-last-child(1 of ${Rt})`:s?-1!==r.indexOf(\" of \")?e:`:nth-child(${r} of ${Rt})`:-1!==c.indexOf(\" of \")?e:`:nth-last-child(${c} of ${Rt})`))}function Tt(e,t){if(-1===e.indexOf(\"+\"))return;let n=0,o=0;for(let s=0;s 6)\n\t\t\t\tswitch (charat(value, length + 1)) {\n\t\t\t\t\t// (m)ax-content, (m)in-content\n\t\t\t\t\tcase 109:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (charat(value, length + 4) !== 45)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t// (f)ill-available, (f)it-content\n\t\t\t\t\tcase 102:\n\t\t\t\t\t\treturn replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value\n\t\t\t\t\t// (s)tretch\n\t\t\t\t\tcase 115:\n\t\t\t\t\t\treturn ~indexof(value, 'stretch', 0) ? prefix(replace(value, 'stretch', 'fill-available'), length, children) + value : value\n\t\t\t\t}\n\t\t\tbreak\n\t\t// grid-(column|row)\n\t\tcase 5152: case 5920:\n\t\t\treturn replace(value, /(.+?):(\\d+)(\\s*\\/\\s*(span)?\\s*(\\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':' + b + f) + (c ? (MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })\n\t\t// position: sticky\n\t\tcase 4949:\n\t\t\t// stick(y)?\n\t\t\tif (charat(value, length + 6) === 121)\n\t\t\t\treturn replace(value, ':', ':' + WEBKIT) + value\n\t\t\tbreak\n\t\t// display: (flex|inline-flex|grid|inline-grid)\n\t\tcase 6444:\n\t\t\tswitch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {\n\t\t\t\t// (inline-)?fle(x)\n\t\t\t\tcase 120:\n\t\t\t\t\treturn replace(value, /(.+:)([^;\\s!]+)(;|(\\s+)?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value\n\t\t\t\t// (inline-)?gri(d)\n\t\t\t\tcase 100:\n\t\t\t\t\treturn replace(value, ':', ':' + MS) + value\n\t\t\t}\n\t\t\tbreak\n\t\t// scroll-margin, scroll-margin-(top|right|bottom|left)\n\t\tcase 5719: case 2647: case 2135: case 3927: case 2391:\n\t\t\treturn replace(value, 'scroll-', 'scroll-snap-') + value\n\t}\n\n\treturn value\n}\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine, filter, assign} from './Utility.js'\nimport {copy, lift, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (element.length > -1)\n\t\tif (!element.return)\n\t\t\tswitch (element.type) {\n\t\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length, children)\n\t\t\t\t\treturn\n\t\t\t\tcase KEYFRAMES:\n\t\t\t\t\treturn serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)\n\t\t\t\tcase RULESET:\n\t\t\t\t\tif (element.length)\n\t\t\t\t\t\treturn combine(children = element.props, function (value) {\n\t\t\t\t\t\t\tswitch (match(value, callback = /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [value]}))\n\t\t\t\t\t\t\t\t\tassign(element, {props: filter(children, callback)})\n\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [value]}))\n\t\t\t\t\t\t\t\t\tassign(element, {props: filter(children, callback)})\n\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn ''\n\t\t\t\t\t\t})\n\t\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, token, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && charat(characters, length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f', abs(index ? points[index - 1] : 0)) != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent, declarations), declarations)\n\t\t\t\t\t\tif ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters) && substr(characters, -1, void 0) !== ' ') characters += ' '\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset: if (ampersand == -1) characters = replace(characters, /\\f/g, '')\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length || (variable === 0 && previous === 47)))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\tswitch (atrule) {\n\t\t\t\t\t\t\t\t\t// c(ontainer)\n\t\t\t\t\t\t\t\t\tcase 99:\n\t\t\t\t\t\t\t\t\t\tif (charat(characters, 3) === 110) break\n\t\t\t\t\t\t\t\t\t// l(ayer)\n\t\t\t\t\t\t\t\t\tcase 108:\n\t\t\t\t\t\t\t\t\t\tif (charat(characters, 2) === 97) break\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\toffset = 0\n\t\t\t\t\t\t\t\t\t// d(ocument) m(edia) s(upports)\n\t\t\t\t\t\t\t\t\tcase 100: case 109: case 115:\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (offset) parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\telse parse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @param {object[]} siblings\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @param {object[]} siblings\n * @return {object}\n */\nexport function comment (value, root, parent, siblings) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @param {object[]} siblings\n * @return {object}\n */\nexport function declaration (value, root, parent, length, siblings) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings)\n}\n","import { e as _objectWithoutProperties, f as _extends, g as _taggedTemplateLiteral } from './chunk-7eee66c0.js';\nimport React from 'react';\nimport styled, { css } from 'styled-components';\n\nfunction _templateObject5() {\n var data = _taggedTemplateLiteral([\"\\n color: #c9444d;\\n font-size: 0.75rem;\\n margin-top: 0.25rem;\\n\\n & {\\n \", \";\\n }\\n\"]);\n\n _templateObject5 = function _templateObject5() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject4() {\n var data = _taggedTemplateLiteral([\"\\n border-color: #444bc9;\\n box-shadow: #444bc9 0px 0px 0px 1px;\\n \", \";\\n \"]);\n\n _templateObject4 = function _templateObject4() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject3() {\n var data = _taggedTemplateLiteral([\"\\n border-color: #c9444d;\\n box-shadow: #c9444d 0px 0px 0px 1px;\\n \", \";\\n \"]);\n\n _templateObject3 = function _templateObject3() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject2() {\n var data = _taggedTemplateLiteral([\"\\n align-items: center;\\n background-color: white;\\n border: 1px solid #bdbdbd;\\n box-shadow: inset 0px 1px 2px #e5e5e5;\\n border-radius: 0.2em;\\n display: flex;\\n height: 2.5em;\\n padding: 0.4em 0.6em;\\n\\n & {\\n \", \";\\n }\\n\\n & {\\n \", \";\\n }\\n\\n & input {\\n border: unset;\\n margin: unset;\\n padding: unset;\\n outline: unset;\\n font-size: inherit;\\n\\n & {\\n \", \";\\n }\\n\\n \", \";\\n }\\n\\n & svg {\\n margin-right: 0.6em;\\n & {\\n \", \";\\n }\\n }\\n\\n & input#cardNumber {\\n width: 11em;\\n & {\\n \", \";\\n }\\n }\\n\\n & input#expiryDate {\\n width: 4em;\\n & {\\n \", \";\\n }\\n }\\n\\n & input#cvc {\\n width: 2.5em;\\n & {\\n \", \";\\n }\\n }\\n\\n & input#zip {\\n width: 4em;\\n & {\\n \", \";\\n }\\n }\\n\\n \", \";\\n\"]);\n\n _templateObject2 = function _templateObject2() {\n return data;\n };\n\n return data;\n}\n\nfunction _templateObject() {\n var data = _taggedTemplateLiteral([\"\\n display: inline-flex;\\n flex-direction: column;\\n\\n & {\\n \", \";\\n }\\n\\n \", \";\\n\"]);\n\n _templateObject = function _templateObject() {\n return data;\n };\n\n return data;\n}\nvar FieldWrapper = styled.div(_templateObject(), function (props) {\n return props.hasErrored && props.styles.fieldWrapper ? props.styles.fieldWrapper.errored : undefined;\n}, function (props) {\n return props.styles.fieldWrapper ? props.styles.fieldWrapper.base : undefined;\n});\nvar InputWrapper = styled.div(_templateObject2(), function (props) {\n return props.hasErrored && css(_templateObject3(), function (props) {\n return props.styles.inputWrapper && props.styles.inputWrapper.errored;\n });\n}, function (props) {\n return props.focused && css(_templateObject4(), function (props) {\n return props.styles.inputWrapper && props.styles.inputWrapper.focused;\n });\n}, function (props) {\n return props.hasErrored && props.styles.input ? props.styles.input.errored : undefined;\n}, function (props) {\n return props.styles.input && props.styles.input.base;\n}, function (props) {\n return props.styles.cardImage;\n}, function (props) {\n return props.styles.input && props.styles.input.cardNumber;\n}, function (props) {\n return props.styles.input && props.styles.input.expiryDate;\n}, function (props) {\n return props.styles.input && props.styles.input.cvc;\n}, function (props) {\n return props.styles.input && props.styles.input.zip;\n}, function (props) {\n return props.styles.inputWrapper ? props.styles.inputWrapper.base : undefined;\n});\nvar ErrorText = styled.div(_templateObject5(), function (props) {\n return props.styles.errorText ? props.styles.errorText.base : undefined;\n});\n\nfunction PaymentInputsWrapper(props) {\n var children = props.children,\n error = props.error,\n errorTextProps = props.errorTextProps,\n focused = props.focused,\n inputWrapperProps = props.inputWrapperProps,\n isTouched = props.isTouched,\n styles = props.styles,\n restProps = _objectWithoutProperties(props, [\"children\", \"error\", \"errorTextProps\", \"focused\", \"inputWrapperProps\", \"isTouched\", \"styles\"]);\n\n var hasErrored = error && isTouched;\n return React.createElement(FieldWrapper, _extends({\n hasErrored: hasErrored,\n styles: styles\n }, restProps), React.createElement(InputWrapper, _extends({\n focused: focused,\n hasErrored: hasErrored,\n styles: styles\n }, inputWrapperProps), children), hasErrored && React.createElement(ErrorText, _extends({\n styles: styles\n }, errorTextProps), error));\n}\n\nPaymentInputsWrapper.defaultProps = {\n styles: {}\n};\n\nexport default PaymentInputsWrapper;\n","// Lazy loader for Áskell's embedded checkout SDK (askell.js). The script is\n// ~750 KB, so it is only fetched when the subscription modal opens. askell.js\n// picks up its companion askell.css from the same directory by itself.\n\nconst DEFAULT_ASKELL_JS_URL = 'https://cdn.askell.is/js/dist/askell.js'\n\nlet askellPromise = null\n\nexport const loadAskell = () => {\n if (window.Askell) {\n return Promise.resolve(window.Askell)\n }\n if (askellPromise) {\n return askellPromise\n }\n askellPromise = new Promise((resolve, reject) => {\n const src = window.ASKELL_JS_URL || DEFAULT_ASKELL_JS_URL\n const script = document.createElement('script')\n script.src = src\n script.async = true\n script.onload = () => {\n if (window.Askell) {\n resolve(window.Askell)\n } else {\n askellPromise = null\n reject(new Error('askell.js loaded but window.Askell is missing'))\n }\n }\n script.onerror = () => {\n askellPromise = null\n script.remove()\n reject(new Error(`Could not load ${src}`))\n }\n document.head.appendChild(script)\n })\n return askellPromise\n}\n\nexport const currentColorScheme = () => {\n return document.body.classList.contains('dark-mode') ? 'dark' : 'light'\n}\n\nexport const defaultCurrency = () => {\n if (window.LANGUAGE_CODE === 'is' || window.COUNTRY_CODE === 'IS') {\n return 'ISK'\n }\n return 'USD'\n}\n\nexport const widgetLanguage = () => {\n return window.LANGUAGE_CODE === 'is' ? 'is' : 'en'\n}\n","import React from 'react'\n\nimport { createCheckoutSession, syncContract, checkoutCompleted } from '../../api/subscription/actions'\nimport { loadAskell, currentColorScheme, defaultCurrency, widgetLanguage } from '../../api/subscription/askell'\nimport { fetchUser } from '../../api/user/actions'\nimport { setStep } from '../../api/step-renderer/actions'\n\nconst CURRENCIES = [\n { code: 'ISK', label: 'ISK (kr.)' },\n { code: 'USD', label: 'USD ($)' },\n]\n\n/*\n * Áskell embedded checkout (Subscription Contracts V2).\n *\n * 1. Ask the Guitarparty backend for a checkout session on the sales\n * channel for the chosen currency (guitarparty-isk / guitarparty-usd).\n * The backend also snapshots a Guitarparty theme on the session, light\n * or dark depending on the user's dark mode setting.\n * 2. Mount askell.js in this component with the session token.\n * 3. When the widget reports success, have the backend verify the contract\n * with Áskell, refresh the user and move to the \"done\" step.\n */\nclass AskellCheckout extends React.Component {\n constructor(props) {\n super(props)\n\n this.state = {\n currency: props.currency || defaultCurrency(),\n colorScheme: currentColorScheme(),\n status: 'loading', // loading | ready | error | blocked | success\n error: null,\n }\n\n this.container = React.createRef()\n this.widget = null\n this.mountId = 0\n\n this.mountWidget = this.mountWidget.bind(this)\n this.destroyWidget = this.destroyWidget.bind(this)\n this.setCurrency = this.setCurrency.bind(this)\n this.onSuccess = this.onSuccess.bind(this)\n this.onError = this.onError.bind(this)\n }\n\n componentDidMount() {\n this.mountWidget()\n }\n\n componentWillUnmount() {\n this.mountId += 1\n this.destroyWidget()\n }\n\n destroyWidget() {\n if (this.widget) {\n try {\n this.widget.destroy()\n } catch (e) {\n void(e)\n }\n this.widget = null\n }\n }\n\n mountWidget() {\n const mountId = ++this.mountId\n const currency = this.state.currency\n const colorScheme = currentColorScheme()\n\n this.destroyWidget()\n this.setState({ status: 'loading', error: null, colorScheme: colorScheme })\n\n Promise.all([\n this.props.dispatch(createCheckoutSession(currency, colorScheme, this.props.source)),\n loadAskell(),\n ])\n .then(([session, Askell]) => {\n if (mountId !== this.mountId || !this.container.current) {\n return\n }\n let options = {\n sessionToken: session.token,\n language: widgetLanguage(),\n colorScheme: session.color_scheme || colorScheme,\n title: gettext('Choose your subscription'),\n description: gettext('Pick a plan and enter your card details. You can stop the renewal at any time on the subscription page.'),\n onSuccess: this.onSuccess,\n onError: this.onError,\n }\n if (window.ASKELL_WIDGET_BASE_URL && window.ASKELL_WIDGET_BASE_URL.indexOf('askell.is') === -1) {\n // Development against a local Áskell instance\n options.baseUrl = window.ASKELL_WIDGET_BASE_URL\n }\n this.widget = Askell.mountCheckout(this.container.current, options)\n this.setState({ status: 'ready' })\n })\n .catch(error => {\n if (mountId !== this.mountId) {\n return\n }\n if (error && error.status === 409) {\n // Already a subscriber (one subscription per user), e.g. a checkout\n // that finished in another tab. Refresh the user so the modal\n // shows the subscription instead of the checkout.\n this.setState({ status: 'blocked', error: error.message })\n this.props.dispatch(fetchUser())\n return\n }\n this.setState({\n status: 'error',\n error: (error && error.message) || gettext('Could not start checkout. Please try again.'),\n })\n })\n }\n\n setCurrency(currency) {\n if (currency === this.state.currency || this.state.status === 'success') {\n return\n }\n this.setState({ currency: currency }, this.mountWidget)\n }\n\n onSuccess(result) {\n let contractId = null\n if (result) {\n contractId = result.contract_id || (result.contract && result.contract.id) || null\n }\n this.setState({ status: 'success' })\n this.props.dispatch(checkoutCompleted(result))\n\n if (window.Intercom) {\n window.Intercom('trackEvent', 'bought-subscription', { currency: this.state.currency })\n }\n\n // Access is only granted once our backend has verified the contract\n // with Áskell. If that call fails the webhook will catch up shortly.\n Promise.resolve(this.props.dispatch(syncContract(contractId)))\n .catch(() => null)\n .then(() => this.props.dispatch(fetchUser()))\n .then(() => this.props.dispatch(setStep(1)))\n }\n\n onError(error) {\n // The widget shows the error itself; keep a trace for support.\n if (window.console) {\n console.error('Askell checkout error', error)\n }\n }\n\n render() {\n const { currency, colorScheme, status, error } = this.state\n\n return (\n
\n {status !== 'success' && status !== 'blocked' &&\n
\n )\n }\n}\n\nAskellCheckout.defaultProps = {\n source: 'web',\n}\n\nexport default AskellCheckout\n","import React from \"react\";\n\nimport { PaymentInputsContainer } from 'react-payment-inputs';\n\nimport { SvgGuitarPartyLogo } from '../svg';\nimport { createTemporaryToken, updateCreditcard, fetchTokenStatus } from \"../../api/subscription/actions\";\nimport { formatAmount, intervalLabel } from \"../subscription/helpers\";\nimport AskellCheckout from \"./askell_checkout\";\n\nconst errorMessages = {\n 'Enter a card number': 'Sláið inn kortanúmer',\n 'Card number is invalid': 'Kortanúmerið er ógilt',\n 'Card must be Visa or Mastercard': 'Kort verður að vera Visa eða Mastercard',\n 'Enter an expiry date': 'Sláið inn gildistíma',\n 'Expiry month must be between 01 and 12': 'Mánuður í gilditíma skal vera á milli 0-12',\n 'Expiry year cannot be in the past': 'Ártal gildistíma má ekki vera liðið',\n 'Expiry date cannot be in the past': 'Dagsetning gildistíma má ekki vera liðin',\n 'Expiry date is invalid': 'Gildistími er ógildur',\n 'Enter a CVC': 'Sláið inn öryggisnúmer',\n 'CVC is invalid': 'Öryggisnúmer er ógilt',\n}\n\n\n/*\n * First step of the subscription modal.\n *\n * - New subscribers get Áskell's embedded checkout (Subscription Contracts\n * V2), see askell_checkout.js.\n * - Existing subscribers use this form to register a new card. The card is\n * verified through Áskell's 3D Secure flow and attached to the customer,\n * which is shared by legacy subscriptions and V2 contracts.\n */\nclass PaymentInformation extends React.Component {\n constructor(props) {\n super(props)\n\n this.timer = null\n\n this.state = {\n cardObj: {},\n display: 'cardform'\n }\n\n this.handleChange = this.handleChange.bind(this)\n this.authorizeCard = this.authorizeCard.bind(this)\n this.onSubmit = this.onSubmit.bind(this)\n this.formDisabled = this.formDisabled.bind(this)\n\n this.cardNumberValidator = this.cardNumberValidator.bind(this)\n }\n\n\n handleChange(e) {\n this.setState({\n cardObj: { ...this.state.cardObj, [e.target.name]: e.target.value }\n })\n }\n\n onSubmit(e) {\n if (e && e.preventDefault) {\n e.preventDefault()\n }\n }\n\n componentDidUpdate(prevProps, prevState, snapshot) {\n if (this.props.subscription.tokenStatus === 'tokencreated' && (this.props.subscription.tokenStatus !== prevProps.subscription.tokenStatus)) {\n Promise.resolve(this.props.dispatch(updateCreditcard(this.props.user.id, this.props.subscription.tempToken, this.state.cardObj)))\n .then(response => {\n clearInterval(this.timer)\n this.setState({display: 'done'})\n })\n }\n if (this.props.subscription.tokenStatus === 'failed' && (this.props.subscription.tokenStatus !== prevProps.subscription.tokenStatus)) {\n this.setState({display: 'error'})\n clearInterval(this.timer)\n }\n }\n\n componentWillUnmount() {\n clearInterval(this.timer)\n }\n\n cardNumberValidator({cardNumber, cardType, errorMessages}){\n if(cardType.displayName === 'Visa' || cardType.displayName === 'Mastercard'){\n return;\n }\n return 'Card must be Visa or Mastercard';\n }\n\n authorizeCard() {\n // Legacy subscriptions carry their plan id along for the card check;\n // V2 contract holders have no plan, the customer is enough.\n let planId = undefined\n let data = this.props.subscription.data\n if (data && data.plan && data.plan.id) {\n planId = data.plan.id\n }\n Promise.resolve(this.props.dispatch(createTemporaryToken(this.state.cardObj, planId))).then(response => {\n this.setState({display: 'iframe'})\n if ( this.timer === null) {\n this.timer = setInterval(() => this.props.dispatch(fetchTokenStatus(this.props.subscription.tempToken)), 1000)\n }\n })\n }\n\n formDisabled(meta) {\n return (meta.erroredInputs.cardNumber !== undefined || meta.erroredInputs.cvc !== undefined || meta.erroredInputs.expiryDate !== undefined || !this.state.cardObj.cardholderName || this.props.subscription.isFetching)\n }\n\n renderCurrentSubscription() {\n let { user } = this.props\n let contract = user.contract && user.contract.is_active ? user.contract : null\n // The legacy plan only when no V2 contract grants access (it may be long expired)\n let legacy = !contract && user.subscription && user.subscription.plan\n if (!contract && !legacy) {\n contract = user.contract\n }\n\n return (\n
\n \n )\n }\n}\n\nfunction mapStateToProps(state) {\n var f = {\n dispatch: {},\n songbookPDF: {},\n\n }\n f.dispatch = (state.dispatch === undefined) ? [] : state.dispatch\n f.songbookPDF = (state.songbookPDF === undefined) ? [] : state.songbookPDF\n return f;\n}\n\nexport default connect(mapStateToProps)(PageSetup);\n","import React from \"react\";\nimport { connect } from 'react-redux'\n// import { store } from '../../store'\nimport { setStep, initStepper } from '../../api/step-renderer/actions'\nimport { setPdfoption } from '../../api/songbook-pdf/actions'\nimport { SONGBOOK_PDF_STEPS } from '../../constants'\nimport { SvgSongbookPdfTextOnly, SvgSongbookPdfChordsOnly, SvgDownload } from '../svg'\n\nclass PdfType extends React.Component {\n constructor(props) {\n super(props)\n }\n\n componentDidMount(){\n if (this.props.sourceType === 'song') {\n this.props.dispatch(setPdfoption('sId', this.props.song.id))\n } else {\n this.props.dispatch(setPdfoption('sbId', this.props.songbook.id))\n }\n this.props.dispatch(setPdfoption('sourceType', this.props.sourceType))\n this.props.dispatch(setPdfoption('uId', this.props.user.id))\n }\n\n selectType(type) {\n // Set to props \n this.props.dispatch(setPdfoption('pdfType', type))\n // Switch stepper type\n this.props.dispatch(initStepper(SONGBOOK_PDF_STEPS[type.toUpperCase()]))\n }\n\n render() {\n let type = this.props.songbookPDF.pdfType\n return (\n <>\n {this.props.sourceType === 'songbook' && this.props.songbook.pdf_file &&\n <>\n \n
{gettext(\"Hey there! You already have a PDF copy of this songbook available.\")} \n {gettext(\"Click the PDF icon\")} {gettext(\"to download it, or create a new one below\")}
\n \n }\n
\n
{gettext('Choose a type')}
\n
\n
\n
\n
{gettext('Lyrics PDF')}
\n
{gettext('For those who sing a long')}
\n
\n \n
\n
\n
eða
\n
\n
{gettext('Lyrics and chords PDF')}
\n
{gettext('For those who want to play and sing')}
\n
\n \n
\n
\n
\n
\n
\n \n )\n }\n}\n\nfunction mapStateToProps(state) {\n var f = {\n dispatch: {},\n songbookPDF: {},\n\n }\n f.dispatch = (state.dispatch === undefined) ? [] : state.dispatch\n f.songbookPDF = (state.songbookPDF === undefined) ? [] : state.songbookPDF\n return f;\n}\n\nexport default connect(mapStateToProps)(PdfType);\n","import React from 'react';\nimport { connect } from 'react-redux';\nimport PaymentDone from '../components/modal-subscription/payment_done';\nimport PaymentInformation from '../components/modal-subscription/payment_information';\nimport ChordConfig from '../components/songbook-pdf-modal/chord_config';\nimport FinishPDF from '../components/songbook-pdf-modal/finish_pdf';\nimport PageSetup from '../components/songbook-pdf-modal/page_setup';\nimport PdfType from '../components/songbook-pdf-modal/pdf_type';\nimport TokenStorage from '../storages/token-storage';\n\n\n\nexport const Spinner = (props) => {\n /* props.size can be\n lg\n 2x\n 3x\n 4x\n 5x\n */\n let size = ''\n if (props.size) {\n size =`fa-${props.size}` \n }\n if (props.inline) {\n return \n }\n return
\n};\n\nexport const parseJSON = response => {\n //console.log(response)\n try {\n return response.json();\n } catch (error) {\n return response\n }\n}\n\nexport const handleNetworkError = (error) => {\n if (window.Raven !== undefined) {\n Raven.captureException(error)\n } else {\n throw (error)\n }\n }\n\nexport const renderKennitala = (value) => {\n return `${value.substr(0,6)}-${value.substr(6,10)}`\n}\n\nexport const renderFloat = (value) => {\n if (value === null || value === undefined) {\n value = 0\n }\n return Number.parseFloat(value).toFixed(2)\n}\n\nexport const renderPercentage = (value) => {\n if (value === null || value === undefined) {\n value = 0\n }\n let color = \"\";\n if (value < 0) {\n color = \"percentage-red\";\n }\n if (value > 0) {\n color = \"percentage-green\";\n }\n let formatted_value = `${renderFloat(value)}%`\n return {formatted_value}\n}\n\nexport const renderFinancialShort = (value) => {\n const sufixes = ['', 'þ', 'm', 'ma'];\n const i = Math.floor(Math.log(value) / Math.log(1000));\n return !value && '0' || (value / Math.pow(1000, i)).toFixed(0) + \"\" + sufixes[i];\n}\n\nexport const renderNumber = (value) => {\n if (value === null || value === undefined) {\n return \"-\"\n }\n return value\n}\n\nexport const groupBy = (list, keyGetter) => {\n const map = new Map();\n list.forEach((item) => {\n const key = keyGetter(item);\n const collection = map.get(key);\n if (!collection) {\n map.set(key, [item]);\n } else {\n collection.push(item);\n }\n });\n return map;\n}\n\nexport const customStringify = (str) => {\n const cache = new Map();\n return JSON.stringify(str, function (key, value) {\n if (typeof value === 'object' && value !== null) {\n if (cache.has(value)) {\n // Circular reference found, discard key\n return;\n }\n // Store value in our map\n cache.set(value, true);\n }\n return value;\n });\n};\n\n\n\nexport const buildPdfUrl = (companyId, year) => {\n return `/api/v1/pdf_report/?company_id=${companyId}&year=${year}`\n}\n\nexport const buildDocumentPdfUrl = (documentId) => {\n return `/api/v1/pdf_document/?document_id=${documentId}`\n}\n\n\nexport const base64ToArrayBuffer = (data) => {\n var binaryString = window.atob(data);\n var binaryLen = binaryString.length;\n var bytes = new Uint8Array(binaryLen);\n for (var i = 0; i < binaryLen; i++) {\n var ascii = binaryString.charCodeAt(i);\n bytes[i] = ascii;\n }\n return bytes;\n};\n\n\nexport const getAnnualReportPDF = (companyId, year, authToken) => {\n let ajaxOptions = {\n url: buildPdfUrl(companyId, year), \n headers: {\n Authorization: `jwt ${authToken}`\n },\n success: function (data) {\n var arrBuffer = base64ToArrayBuffer(data);\n var a = document.createElement('a');\n var blob=new Blob([arrBuffer], { type: \"application/pdf\" });\n var url = window.URL.createObjectURL(blob);\n a.href = url;\n a.download = `${companyId}-${year}.pdf`;\n a.click();\n window.URL.revokeObjectURL(url);\n }\n }\n $.ajax(ajaxOptions)\n}\n\nexport const getDocumentPDF = (documentId, authToken) => {\n let ajaxOptions = {\n url: buildDocumentPdfUrl(documentId), \n headers: {\n Authorization: `jwt ${authToken}`\n },\n success: function (data) {\n var arrBuffer = base64ToArrayBuffer(data);\n var a = document.createElement('a');\n var blob=new Blob([arrBuffer], { type: \"application/pdf\" });\n var url = window.URL.createObjectURL(blob);\n a.href = url;\n a.download = `${documentId}.pdf`;\n a.click();\n window.URL.revokeObjectURL(url);\n }\n }\n $.ajax(ajaxOptions)\n}\n\n\nexport const toMoney = (n, decimals, decimal_sep, thousands_sep) => {\n let c = isNaN(decimals) ? 2 : Math.abs(decimals); //if decimal is zero we must take it, it means user does not want to show any decimal\n let d = decimal_sep || '.'; //if no decimal separator is passed we use the dot as default decimal separator (we MUST use a decimal separator)\n\n /*\n according to [http://stackoverflow.com/questions/411352/how-best-to-determine-if-an-argument-is-not-sent-to-the-javascript-function]\n the fastest way to check for not defined parameter is to use typeof value === 'undefined'\n rather than doing value === undefined.\n */\n let t = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep; //if you don't want to use a thousands separator you can pass empty string as thousands_sep value\n\n let sign = (n < 0) ? '-' : '';\n\n //extracting the absolute value of the integer part of the number and converting to string\n let i = parseInt(n = Math.abs(n).toFixed(c), 10) + '';\n\n let j = ((j = i.length) > 3) ? j % 3 : 0;\n return sign + (j ? i.substr(0, j) + t : '') + i.substr(j).replace(/(\\d{3})(?=\\d)/g, \"$1\" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : '');\n}\n\nexport const formatISK = (d, decimals=0) => {\n return toMoney(d, decimals, ',', '.');\n}\n\nexport const formatUSD = (d, decimals=2) => {\n return toMoney(d, decimals, '.', ',')\n}\n\nexport const connectWithStore = (store, WrappedComponent, ...args) => {\n var ConnectedWrappedComponent = connect(...args)(WrappedComponent)\n return function (props) {\n return \n }\n }\n\nexport const addAuthorizeHeader = (headers) => {\n let token = TokenStorage.getItem(\"token\")\n if (token !== null && token !== undefined) {\n // headers[\"Authorization\"] = `JWT ${token}`\n }\n return headers\n}\n\n// Stepper for making PDF from songbook\nexport const getStepComponent = (step, context) => {\n switch(context) {\n case 'pdf-generator':\n switch(step) {\n case 'pdf_type':\n return PdfType\n case 'chord_config':\n return ChordConfig\n case 'page_setup':\n return PageSetup\n case 'finish_pdf':\n return FinishPDF\n\n default:\n return ChordConfig\n }\n case 'buy-subscription':\n switch(step) {\n case 'payment_info':\n return PaymentInformation\n case 'payment_done':\n return PaymentDone\n default:\n return PaymentInformation\n }\n }\n}\n\nexport const setLang = (lang) => {\n window.location.href = `${window.location.origin}${window.location.pathname}?lang=${lang}`\n}\n\n\nexport const stepIndicator = (stepRenderer) => {\n\n let { stepper, index } = stepRenderer\n if (stepper) {\n let extraClass = \"\"\n switch(stepper.length) {\n case 2:\n extraClass = \"two\"\n break\n case 4:\n extraClass = \"four\"\n break\n }\n return (\n
\n {stepper.map((item, idx) =>\n
\n = idx ? \"highlight\" : \"\"}>\n
\n )}\n
\n )\n }\n return null\n}\n\n\nexport const getCookie = (name) => {\n var cookieValue = null;\n if (document.cookie && document.cookie != '') {\n var cookies = document.cookie.split(';');\n for (var i = 0; i < cookies.length; i++) {\n var cookie = cookies[i].trim();\n // Does this cookie string begin with the name we want?\n\n if (cookie.substring(0, name.length + 1) == (name + '=')) {\n cookieValue = decodeURIComponent(cookie.substring(name.length + 1));\n break;\n }\n }\n }\n return cookieValue;\n}\n\n\nexport const copyToClipboard = str => {\n const el = document.createElement('textarea'); // Create a \n {this.state.errors.song.length > 0 ?\n ({this.state.errors.song}) : ''\n }\n \n
\n \n \n }\n \n )\n }\n}\n\nSubmitASongContainer.defaultProps = {\n}\n\nfunction mapStateToProps(state) {\n\n var f = {\n songSubmition: {},\n music: '',\n lyrics: '',\n cover: '',\n title: '',\n capo: 0\n }\n\n f.songSubmition = (state.songSubmition === undefined) ? [] : state.songSubmition\n return f;\n}\n\nexport default connect(mapStateToProps)(SubmitASongContainer);","import React from 'react'\nimport ReactDOM from 'react-dom/client'\nimport SubmitASongContainer from './submit-a-song'\nimport { store } from '../../store'\nimport { Provider } from 'react-redux'\n\nfunction Wrapper(props) {\n return (\n \n \n \n )\n}\n\nfunction initSubmitASongContainer(element) {\nvar options = element.dataset;\nvar root = ReactDOM.createRoot(element);\nroot.render(React.createElement(Wrapper, options));\n}\n\ndocument.addEventListener(\"DOMContentLoaded\", function() {\nvar elements = document.querySelectorAll('[data-submit-song-container]');\nelements.forEach(initSubmitASongContainer);\n});\n\n","import React from 'react';\n\nimport moment from 'moment';\n\nimport { openModal } from '../../api/modals/actions';\nimport { cancel, cancelContract, switchContractInterval, previewContractSwitch, restartContract, fetchContract } from '../../api/subscription/actions'\nimport { fetchUser } from '../../api/user/actions'\nimport { formatAmount, intervalLabel, intervalAdverb, formatDate, contractStateLabel, billingRunStateLabel, contractExpiry } from './helpers'\n\nlet trans = [\n gettext(\"Billing type\"),\n gettext(\"Total\"),\n gettext(\"Date\"),\n gettext(\"Receipt\"),\n gettext(\"Transactions\"),\n gettext(\"Card holder name\"),\n gettext(\"Card\"),\n gettext(\"Valid until\"),\n gettext(\"trial\"),\n gettext(\"renewal\"),\n gettext(\"Stop renewal\"),\n gettext(\"Subscription is cancelled and expires\"),\n]\n\n\nclass Subscription extends React.Component {\n\n constructor(props){\n super(props)\n this.state = {}\n\n this.cancelSubscription = this.cancelSubscription.bind(this)\n this.cancelContract = this.cancelContract.bind(this)\n this.switchInterval = this.switchInterval.bind(this)\n this.restartContract = this.restartContract.bind(this)\n this.renderBillingLogsTable = this.renderBillingLogsTable.bind(this)\n this.renderBillingRunsTable = this.renderBillingRunsTable.bind(this)\n this.openReceipt = this.openReceipt.bind(this)\n this.getPaymentMethod = this.getPaymentMethod.bind(this)\n this.getContractPaymentMethod = this.getContractPaymentMethod.bind(this)\n }\n\n cancelSubscription() {\n if (window.confirm(gettext(\"Are you sure you want to cancel your subscription?\"))) {\n Promise.resolve(this.props.dispatch(cancel()))\n .then(() => {\n this.props.dispatch(fetchUser())\n })\n }\n }\n\n cancelContract() {\n if (window.confirm(gettext(\"Are you sure you want to cancel your subscription?\"))) {\n this.setState({ notice: null })\n this.props.dispatch(cancelContract())\n }\n }\n\n // Monthly <-> yearly, prorated and effective today. The confirm dialog\n // shows what the backend estimates; the notice afterwards what happened.\n switchInterval(option) {\n let adverb = intervalAdverb(option.interval, option.interval_count)\n let charge = `${formatAmount(option.amount, option.currency)} ${intervalLabel(option.interval, option.interval_count)}`\n this.setState({ notice: null, noticeType: 'success', switching: true })\n previewContractSwitch(option.interval)\n .then(preview => {\n let est = preview.estimate || {}\n let currency = est.currency || option.currency\n let message\n if (est.preview_ok && parseFloat(est.due_now) > 0) {\n message = interpolate(\n gettext(\"Switch to %s billing? We will charge your card about %s now: %s for the coming period, minus %s for the unused part of your current period. After that you pay %s, next renewal %s.\"),\n [adverb, formatAmount(est.due_now, currency), formatAmount(est.charge_amount, currency), formatAmount(est.credit_amount, currency), charge, formatDate(est.next_billing_at)])\n } else if (est.preview_ok) {\n message = interpolate(\n gettext(\"Switch to %s billing? Nothing is charged now: the unused part of your current period, %s, is credited to your account and used for your coming payments. After that you pay %s, next renewal %s.\"),\n [adverb, formatAmount(est.balance_credit, currency), charge, formatDate(est.next_billing_at)])\n } else {\n message = interpolate(\n gettext(\"Switch to %s billing? The unused part of your current period is credited and the new price is charged from today. After that you pay %s, next renewal %s.\"),\n [adverb, charge, formatDate(est.next_billing_at)])\n }\n if (!window.confirm(message)) {\n return null\n }\n return this.props.dispatch(switchContractInterval(option.interval))\n })\n .then(data => {\n if (!data || !data.contract) {\n return\n }\n let result = data.switch || {}\n let currency = (result.option && result.option.currency) || option.currency\n let renewal = formatDate(data.contract.next_billing_at)\n if (result.warning) {\n this.setState({ notice: result.warning, noticeType: 'warning' })\n } else if (result.charge && parseFloat(result.charge.amount) > 0 && result.charge.state === 'succeeded') {\n this.setState({ notice: interpolate(gettext(\"Done! Your card was charged %s. From now on you pay %s, next renewal %s.\"),\n [formatAmount(result.charge.amount, result.charge.currency || currency), charge, renewal]) })\n } else if (result.charge && parseFloat(result.charge.amount) > 0) {\n // Áskell processes the run in the background; the receipt follows\n this.setState({ notice: interpolate(gettext(\"Done! %s will be charged to your card shortly. From now on you pay %s, next renewal %s.\"),\n [formatAmount(result.charge.amount, result.charge.currency || currency), charge, renewal]) })\n } else if (result.estimate && parseFloat(result.estimate.balance_credit) > 0) {\n this.setState({ notice: interpolate(gettext(\"Done! %s has been credited to your account and will be used for your coming payments. From now on you pay %s, next renewal %s.\"),\n [formatAmount(result.estimate.balance_credit, currency), charge, renewal]) })\n } else {\n this.setState({ notice: interpolate(gettext(\"Done! From now on you pay %s, next renewal %s.\"), [charge, renewal]) })\n }\n // Show the new charge in the transactions table\n this.props.dispatch(fetchContract())\n })\n .catch(error => {\n this.setState({ notice: (error && error.message) || gettext(\"Could not change the billing interval. Please try again.\"), noticeType: 'danger' })\n })\n .then(() => this.setState({ switching: false }))\n }\n\n restartContract() {\n if (window.confirm(gettext(\"Resume the renewal of your subscription?\"))) {\n this.setState({ notice: null, noticeType: 'success' })\n Promise.resolve(this.props.dispatch(restartContract()))\n .then(data => {\n if (data && data.contract) {\n this.setState({ notice: gettext(\"Your subscription will renew as before.\") })\n }\n })\n }\n }\n\n openReceipt(transaction){\n this.props.dispatch(openModal(\"modal-receipt\", \"scroll\", transaction.data))\n }\n\n renderBillingLogsTable(logs){\n return (\n
\n 
\n