index.js

var Enhancify = (() => {
  var __create = Object.create;
  var __defProp = Object.defineProperty;
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
  var __getOwnPropNames = Object.getOwnPropertyNames;
  var __getOwnPropSymbols = Object.getOwnPropertySymbols;
  var __getProtoOf = Object.getPrototypeOf;
  var __hasOwnProp = Object.prototype.hasOwnProperty;
  var __propIsEnum = Object.prototype.propertyIsEnumerable;
  var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
  var __spreadValues = (a, b) => {
    for (var prop in b || (b = {}))
      if (__hasOwnProp.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    if (__getOwnPropSymbols)
      for (var prop of __getOwnPropSymbols(b)) {
        if (__propIsEnum.call(b, prop))
          __defNormalProp(a, prop, b[prop]);
      }
    return a;
  };
  var __commonJS = (cb, mod) => function __require() {
    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
  };
  var __export = (target, all) => {
    for (var name in all)
      __defProp(target, name, { get: all[name], enumerable: true });
  };
  var __copyProps = (to, from, except, desc) => {
    if (from && typeof from === "object" || typeof from === "function") {
      for (let key of __getOwnPropNames(from))
        if (!__hasOwnProp.call(to, key) && key !== except)
          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
    }
    return to;
  };
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
    mod
  ));
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);

  // external-global-plugin:react
  var require_react = __commonJS({
    "external-global-plugin:react"(exports, module) {
      module.exports = Spicetify.React;
    }
  });

  // external-global-plugin:react-dom
  var require_react_dom = __commonJS({
    "external-global-plugin:react-dom"(exports, module) {
      module.exports = Spicetify.ReactDOM;
    }
  });

  // node_modules/react-is/cjs/react-is.development.js
  var require_react_is_development = __commonJS({
    "node_modules/react-is/cjs/react-is.development.js"(exports) {
      "use strict";
      if (true) {
        (function() {
          "use strict";
          var hasSymbol = typeof Symbol === "function" && Symbol.for;
          var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
          var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
          var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
          var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
          var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
          var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
          var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
          var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
          var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
          var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
          var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
          var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
          var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
          var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
          var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
          var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
          var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
          var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
          function isValidElementType(type) {
            return typeof type === "string" || typeof type === "function" || type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
          }
          function typeOf(object) {
            if (typeof object === "object" && object !== null) {
              var $$typeof = object.$$typeof;
              switch ($$typeof) {
                case REACT_ELEMENT_TYPE:
                  var type = object.type;
                  switch (type) {
                    case REACT_ASYNC_MODE_TYPE:
                    case REACT_CONCURRENT_MODE_TYPE:
                    case REACT_FRAGMENT_TYPE:
                    case REACT_PROFILER_TYPE:
                    case REACT_STRICT_MODE_TYPE:
                    case REACT_SUSPENSE_TYPE:
                      return type;
                    default:
                      var $$typeofType = type && type.$$typeof;
                      switch ($$typeofType) {
                        case REACT_CONTEXT_TYPE:
                        case REACT_FORWARD_REF_TYPE:
                        case REACT_LAZY_TYPE:
                        case REACT_MEMO_TYPE:
                        case REACT_PROVIDER_TYPE:
                          return $$typeofType;
                        default:
                          return $$typeof;
                      }
                  }
                case REACT_PORTAL_TYPE:
                  return $$typeof;
              }
            }
            return void 0;
          }
          var AsyncMode = REACT_ASYNC_MODE_TYPE;
          var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
          var ContextConsumer = REACT_CONTEXT_TYPE;
          var ContextProvider = REACT_PROVIDER_TYPE;
          var Element = REACT_ELEMENT_TYPE;
          var ForwardRef = REACT_FORWARD_REF_TYPE;
          var Fragment = REACT_FRAGMENT_TYPE;
          var Lazy = REACT_LAZY_TYPE;
          var Memo = REACT_MEMO_TYPE;
          var Portal = REACT_PORTAL_TYPE;
          var Profiler = REACT_PROFILER_TYPE;
          var StrictMode = REACT_STRICT_MODE_TYPE;
          var Suspense = REACT_SUSPENSE_TYPE;
          var hasWarnedAboutDeprecatedIsAsyncMode = false;
          function isAsyncMode(object) {
            {
              if (!hasWarnedAboutDeprecatedIsAsyncMode) {
                hasWarnedAboutDeprecatedIsAsyncMode = true;
                console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
              }
            }
            return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
          }
          function isConcurrentMode(object) {
            return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
          }
          function isContextConsumer(object) {
            return typeOf(object) === REACT_CONTEXT_TYPE;
          }
          function isContextProvider(object) {
            return typeOf(object) === REACT_PROVIDER_TYPE;
          }
          function isElement(object) {
            return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
          }
          function isForwardRef(object) {
            return typeOf(object) === REACT_FORWARD_REF_TYPE;
          }
          function isFragment(object) {
            return typeOf(object) === REACT_FRAGMENT_TYPE;
          }
          function isLazy(object) {
            return typeOf(object) === REACT_LAZY_TYPE;
          }
          function isMemo(object) {
            return typeOf(object) === REACT_MEMO_TYPE;
          }
          function isPortal(object) {
            return typeOf(object) === REACT_PORTAL_TYPE;
          }
          function isProfiler(object) {
            return typeOf(object) === REACT_PROFILER_TYPE;
          }
          function isStrictMode(object) {
            return typeOf(object) === REACT_STRICT_MODE_TYPE;
          }
          function isSuspense(object) {
            return typeOf(object) === REACT_SUSPENSE_TYPE;
          }
          exports.AsyncMode = AsyncMode;
          exports.ConcurrentMode = ConcurrentMode;
          exports.ContextConsumer = ContextConsumer;
          exports.ContextProvider = ContextProvider;
          exports.Element = Element;
          exports.ForwardRef = ForwardRef;
          exports.Fragment = Fragment;
          exports.Lazy = Lazy;
          exports.Memo = Memo;
          exports.Portal = Portal;
          exports.Profiler = Profiler;
          exports.StrictMode = StrictMode;
          exports.Suspense = Suspense;
          exports.isAsyncMode = isAsyncMode;
          exports.isConcurrentMode = isConcurrentMode;
          exports.isContextConsumer = isContextConsumer;
          exports.isContextProvider = isContextProvider;
          exports.isElement = isElement;
          exports.isForwardRef = isForwardRef;
          exports.isFragment = isFragment;
          exports.isLazy = isLazy;
          exports.isMemo = isMemo;
          exports.isPortal = isPortal;
          exports.isProfiler = isProfiler;
          exports.isStrictMode = isStrictMode;
          exports.isSuspense = isSuspense;
          exports.isValidElementType = isValidElementType;
          exports.typeOf = typeOf;
        })();
      }
    }
  });

  // node_modules/react-is/index.js
  var require_react_is = __commonJS({
    "node_modules/react-is/index.js"(exports, module) {
      "use strict";
      if (false) {
        module.exports = null;
      } else {
        module.exports = require_react_is_development();
      }
    }
  });

  // node_modules/object-assign/index.js
  var require_object_assign = __commonJS({
    "node_modules/object-assign/index.js"(exports, module) {
      "use strict";
      var getOwnPropertySymbols = Object.getOwnPropertySymbols;
      var hasOwnProperty = Object.prototype.hasOwnProperty;
      var propIsEnumerable = Object.prototype.propertyIsEnumerable;
      function toObject(val) {
        if (val === null || val === void 0) {
          throw new TypeError("Object.assign cannot be called with null or undefined");
        }
        return Object(val);
      }
      function shouldUseNative() {
        try {
          if (!Object.assign) {
            return false;
          }
          var test1 = new String("abc");
          test1[5] = "de";
          if (Object.getOwnPropertyNames(test1)[0] === "5") {
            return false;
          }
          var test2 = {};
          for (var i = 0; i < 10; i++) {
            test2["_" + String.fromCharCode(i)] = i;
          }
          var order2 = Object.getOwnPropertyNames(test2).map(function(n) {
            return test2[n];
          });
          if (order2.join("") !== "0123456789") {
            return false;
          }
          var test3 = {};
          "abcdefghijklmnopqrst".split("").forEach(function(letter) {
            test3[letter] = letter;
          });
          if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
            return false;
          }
          return true;
        } catch (err) {
          return false;
        }
      }
      module.exports = shouldUseNative() ? Object.assign : function(target, source) {
        var from;
        var to = toObject(target);
        var symbols;
        for (var s = 1; s < arguments.length; s++) {
          from = Object(arguments[s]);
          for (var key in from) {
            if (hasOwnProperty.call(from, key)) {
              to[key] = from[key];
            }
          }
          if (getOwnPropertySymbols) {
            symbols = getOwnPropertySymbols(from);
            for (var i = 0; i < symbols.length; i++) {
              if (propIsEnumerable.call(from, symbols[i])) {
                to[symbols[i]] = from[symbols[i]];
              }
            }
          }
        }
        return to;
      };
    }
  });

  // node_modules/prop-types/lib/ReactPropTypesSecret.js
  var require_ReactPropTypesSecret = __commonJS({
    "node_modules/prop-types/lib/ReactPropTypesSecret.js"(exports, module) {
      "use strict";
      var ReactPropTypesSecret = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
      module.exports = ReactPropTypesSecret;
    }
  });

  // node_modules/prop-types/lib/has.js
  var require_has = __commonJS({
    "node_modules/prop-types/lib/has.js"(exports, module) {
      module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
    }
  });

  // node_modules/prop-types/checkPropTypes.js
  var require_checkPropTypes = __commonJS({
    "node_modules/prop-types/checkPropTypes.js"(exports, module) {
      "use strict";
      var printWarning = function() {
      };
      if (true) {
        ReactPropTypesSecret = require_ReactPropTypesSecret();
        loggedTypeFailures = {};
        has = require_has();
        printWarning = function(text) {
          var message = "Warning: " + text;
          if (typeof console !== "undefined") {
            console.error(message);
          }
          try {
            throw new Error(message);
          } catch (x) {
          }
        };
      }
      var ReactPropTypesSecret;
      var loggedTypeFailures;
      var has;
      function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
        if (true) {
          for (var typeSpecName in typeSpecs) {
            if (has(typeSpecs, typeSpecName)) {
              var error;
              try {
                if (typeof typeSpecs[typeSpecName] !== "function") {
                  var err = Error(
                    (componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
                  );
                  err.name = "Invariant Violation";
                  throw err;
                }
                error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
              } catch (ex) {
                error = ex;
              }
              if (error && !(error instanceof Error)) {
                printWarning(
                  (componentName || "React class") + ": type specification of " + location + " `" + typeSpecName + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof error + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
                );
              }
              if (error instanceof Error && !(error.message in loggedTypeFailures)) {
                loggedTypeFailures[error.message] = true;
                var stack = getStack ? getStack() : "";
                printWarning(
                  "Failed " + location + " type: " + error.message + (stack != null ? stack : "")
                );
              }
            }
          }
        }
      }
      checkPropTypes.resetWarningCache = function() {
        if (true) {
          loggedTypeFailures = {};
        }
      };
      module.exports = checkPropTypes;
    }
  });

  // node_modules/prop-types/factoryWithTypeCheckers.js
  var require_factoryWithTypeCheckers = __commonJS({
    "node_modules/prop-types/factoryWithTypeCheckers.js"(exports, module) {
      "use strict";
      var ReactIs = require_react_is();
      var assign = require_object_assign();
      var ReactPropTypesSecret = require_ReactPropTypesSecret();
      var has = require_has();
      var checkPropTypes = require_checkPropTypes();
      var printWarning = function() {
      };
      if (true) {
        printWarning = function(text) {
          var message = "Warning: " + text;
          if (typeof console !== "undefined") {
            console.error(message);
          }
          try {
            throw new Error(message);
          } catch (x) {
          }
        };
      }
      function emptyFunctionThatReturnsNull() {
        return null;
      }
      module.exports = function(isValidElement, throwOnDirectAccess) {
        var ITERATOR_SYMBOL = typeof Symbol === "function" && Symbol.iterator;
        var FAUX_ITERATOR_SYMBOL = "@@iterator";
        function getIteratorFn(maybeIterable) {
          var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
          if (typeof iteratorFn === "function") {
            return iteratorFn;
          }
        }
        var ANONYMOUS = "<<anonymous>>";
        var ReactPropTypes = {
          array: createPrimitiveTypeChecker("array"),
          bigint: createPrimitiveTypeChecker("bigint"),
          bool: createPrimitiveTypeChecker("boolean"),
          func: createPrimitiveTypeChecker("function"),
          number: createPrimitiveTypeChecker("number"),
          object: createPrimitiveTypeChecker("object"),
          string: createPrimitiveTypeChecker("string"),
          symbol: createPrimitiveTypeChecker("symbol"),
          any: createAnyTypeChecker(),
          arrayOf: createArrayOfTypeChecker,
          element: createElementTypeChecker(),
          elementType: createElementTypeTypeChecker(),
          instanceOf: createInstanceTypeChecker,
          node: createNodeChecker(),
          objectOf: createObjectOfTypeChecker,
          oneOf: createEnumTypeChecker,
          oneOfType: createUnionTypeChecker,
          shape: createShapeTypeChecker,
          exact: createStrictShapeTypeChecker
        };
        function is(x, y) {
          if (x === y) {
            return x !== 0 || 1 / x === 1 / y;
          } else {
            return x !== x && y !== y;
          }
        }
        function PropTypeError(message, data) {
          this.message = message;
          this.data = data && typeof data === "object" ? data : {};
          this.stack = "";
        }
        PropTypeError.prototype = Error.prototype;
        function createChainableTypeChecker(validate) {
          if (true) {
            var manualPropTypeCallCache = {};
            var manualPropTypeWarningCount = 0;
          }
          function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
            componentName = componentName || ANONYMOUS;
            propFullName = propFullName || propName;
            if (secret !== ReactPropTypesSecret) {
              if (throwOnDirectAccess) {
                var err = new Error(
                  "Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
                );
                err.name = "Invariant Violation";
                throw err;
              } else if (typeof console !== "undefined") {
                var cacheKey = componentName + ":" + propName;
                if (!manualPropTypeCallCache[cacheKey] && manualPropTypeWarningCount < 3) {
                  printWarning(
                    "You are manually calling a React.PropTypes validation function for the `" + propFullName + "` prop on `" + componentName + "`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."
                  );
                  manualPropTypeCallCache[cacheKey] = true;
                  manualPropTypeWarningCount++;
                }
              }
            }
            if (props[propName] == null) {
              if (isRequired) {
                if (props[propName] === null) {
                  return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required " + ("in `" + componentName + "`, but its value is `null`."));
                }
                return new PropTypeError("The " + location + " `" + propFullName + "` is marked as required in " + ("`" + componentName + "`, but its value is `undefined`."));
              }
              return null;
            } else {
              return validate(props, propName, componentName, location, propFullName);
            }
          }
          var chainedCheckType = checkType.bind(null, false);
          chainedCheckType.isRequired = checkType.bind(null, true);
          return chainedCheckType;
        }
        function createPrimitiveTypeChecker(expectedType) {
          function validate(props, propName, componentName, location, propFullName, secret) {
            var propValue = props[propName];
            var propType = getPropType(propValue);
            if (propType !== expectedType) {
              var preciseType = getPreciseType(propValue);
              return new PropTypeError(
                "Invalid " + location + " `" + propFullName + "` of type " + ("`" + preciseType + "` supplied to `" + componentName + "`, expected ") + ("`" + expectedType + "`."),
                { expectedType }
              );
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createAnyTypeChecker() {
          return createChainableTypeChecker(emptyFunctionThatReturnsNull);
        }
        function createArrayOfTypeChecker(typeChecker) {
          function validate(props, propName, componentName, location, propFullName) {
            if (typeof typeChecker !== "function") {
              return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside arrayOf.");
            }
            var propValue = props[propName];
            if (!Array.isArray(propValue)) {
              var propType = getPropType(propValue);
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an array."));
            }
            for (var i = 0; i < propValue.length; i++) {
              var error = typeChecker(propValue, i, componentName, location, propFullName + "[" + i + "]", ReactPropTypesSecret);
              if (error instanceof Error) {
                return error;
              }
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createElementTypeChecker() {
          function validate(props, propName, componentName, location, propFullName) {
            var propValue = props[propName];
            if (!isValidElement(propValue)) {
              var propType = getPropType(propValue);
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement."));
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createElementTypeTypeChecker() {
          function validate(props, propName, componentName, location, propFullName) {
            var propValue = props[propName];
            if (!ReactIs.isValidElementType(propValue)) {
              var propType = getPropType(propValue);
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected a single ReactElement type."));
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createInstanceTypeChecker(expectedClass) {
          function validate(props, propName, componentName, location, propFullName) {
            if (!(props[propName] instanceof expectedClass)) {
              var expectedClassName = expectedClass.name || ANONYMOUS;
              var actualClassName = getClassName(props[propName]);
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + actualClassName + "` supplied to `" + componentName + "`, expected ") + ("instance of `" + expectedClassName + "`."));
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createEnumTypeChecker(expectedValues) {
          if (!Array.isArray(expectedValues)) {
            if (true) {
              if (arguments.length > 1) {
                printWarning(
                  "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
                );
              } else {
                printWarning("Invalid argument supplied to oneOf, expected an array.");
              }
            }
            return emptyFunctionThatReturnsNull;
          }
          function validate(props, propName, componentName, location, propFullName) {
            var propValue = props[propName];
            for (var i = 0; i < expectedValues.length; i++) {
              if (is(propValue, expectedValues[i])) {
                return null;
              }
            }
            var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
              var type = getPreciseType(value);
              if (type === "symbol") {
                return String(value);
              }
              return value;
            });
            return new PropTypeError("Invalid " + location + " `" + propFullName + "` of value `" + String(propValue) + "` " + ("supplied to `" + componentName + "`, expected one of " + valuesString + "."));
          }
          return createChainableTypeChecker(validate);
        }
        function createObjectOfTypeChecker(typeChecker) {
          function validate(props, propName, componentName, location, propFullName) {
            if (typeof typeChecker !== "function") {
              return new PropTypeError("Property `" + propFullName + "` of component `" + componentName + "` has invalid PropType notation inside objectOf.");
            }
            var propValue = props[propName];
            var propType = getPropType(propValue);
            if (propType !== "object") {
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type " + ("`" + propType + "` supplied to `" + componentName + "`, expected an object."));
            }
            for (var key in propValue) {
              if (has(propValue, key)) {
                var error = typeChecker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
                if (error instanceof Error) {
                  return error;
                }
              }
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createUnionTypeChecker(arrayOfTypeCheckers) {
          if (!Array.isArray(arrayOfTypeCheckers)) {
            true ? printWarning("Invalid argument supplied to oneOfType, expected an instance of array.") : void 0;
            return emptyFunctionThatReturnsNull;
          }
          for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
            var checker = arrayOfTypeCheckers[i];
            if (typeof checker !== "function") {
              printWarning(
                "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + getPostfixForTypeWarning(checker) + " at index " + i + "."
              );
              return emptyFunctionThatReturnsNull;
            }
          }
          function validate(props, propName, componentName, location, propFullName) {
            var expectedTypes = [];
            for (var i2 = 0; i2 < arrayOfTypeCheckers.length; i2++) {
              var checker2 = arrayOfTypeCheckers[i2];
              var checkerResult = checker2(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
              if (checkerResult == null) {
                return null;
              }
              if (checkerResult.data && has(checkerResult.data, "expectedType")) {
                expectedTypes.push(checkerResult.data.expectedType);
              }
            }
            var expectedTypesMessage = expectedTypes.length > 0 ? ", expected one of type [" + expectedTypes.join(", ") + "]" : "";
            return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`" + expectedTypesMessage + "."));
          }
          return createChainableTypeChecker(validate);
        }
        function createNodeChecker() {
          function validate(props, propName, componentName, location, propFullName) {
            if (!isNode(props[propName])) {
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` supplied to " + ("`" + componentName + "`, expected a ReactNode."));
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function invalidValidatorError(componentName, location, propFullName, key, type) {
          return new PropTypeError(
            (componentName || "React class") + ": " + location + " type `" + propFullName + "." + key + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + type + "`."
          );
        }
        function createShapeTypeChecker(shapeTypes) {
          function validate(props, propName, componentName, location, propFullName) {
            var propValue = props[propName];
            var propType = getPropType(propValue);
            if (propType !== "object") {
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
            }
            for (var key in shapeTypes) {
              var checker = shapeTypes[key];
              if (typeof checker !== "function") {
                return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
              }
              var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
              if (error) {
                return error;
              }
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function createStrictShapeTypeChecker(shapeTypes) {
          function validate(props, propName, componentName, location, propFullName) {
            var propValue = props[propName];
            var propType = getPropType(propValue);
            if (propType !== "object") {
              return new PropTypeError("Invalid " + location + " `" + propFullName + "` of type `" + propType + "` " + ("supplied to `" + componentName + "`, expected `object`."));
            }
            var allKeys = assign({}, props[propName], shapeTypes);
            for (var key in allKeys) {
              var checker = shapeTypes[key];
              if (has(shapeTypes, key) && typeof checker !== "function") {
                return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
              }
              if (!checker) {
                return new PropTypeError(
                  "Invalid " + location + " `" + propFullName + "` key `" + key + "` supplied to `" + componentName + "`.\nBad object: " + JSON.stringify(props[propName], null, "  ") + "\nValid keys: " + JSON.stringify(Object.keys(shapeTypes), null, "  ")
                );
              }
              var error = checker(propValue, key, componentName, location, propFullName + "." + key, ReactPropTypesSecret);
              if (error) {
                return error;
              }
            }
            return null;
          }
          return createChainableTypeChecker(validate);
        }
        function isNode(propValue) {
          switch (typeof propValue) {
            case "number":
            case "string":
            case "undefined":
              return true;
            case "boolean":
              return !propValue;
            case "object":
              if (Array.isArray(propValue)) {
                return propValue.every(isNode);
              }
              if (propValue === null || isValidElement(propValue)) {
                return true;
              }
              var iteratorFn = getIteratorFn(propValue);
              if (iteratorFn) {
                var iterator = iteratorFn.call(propValue);
                var step;
                if (iteratorFn !== propValue.entries) {
                  while (!(step = iterator.next()).done) {
                    if (!isNode(step.value)) {
                      return false;
                    }
                  }
                } else {
                  while (!(step = iterator.next()).done) {
                    var entry = step.value;
                    if (entry) {
                      if (!isNode(entry[1])) {
                        return false;
                      }
                    }
                  }
                }
              } else {
                return false;
              }
              return true;
            default:
              return false;
          }
        }
        function isSymbol(propType, propValue) {
          if (propType === "symbol") {
            return true;
          }
          if (!propValue) {
            return false;
          }
          if (propValue["@@toStringTag"] === "Symbol") {
            return true;
          }
          if (typeof Symbol === "function" && propValue instanceof Symbol) {
            return true;
          }
          return false;
        }
        function getPropType(propValue) {
          var propType = typeof propValue;
          if (Array.isArray(propValue)) {
            return "array";
          }
          if (propValue instanceof RegExp) {
            return "object";
          }
          if (isSymbol(propType, propValue)) {
            return "symbol";
          }
          return propType;
        }
        function getPreciseType(propValue) {
          if (typeof propValue === "undefined" || propValue === null) {
            return "" + propValue;
          }
          var propType = getPropType(propValue);
          if (propType === "object") {
            if (propValue instanceof Date) {
              return "date";
            } else if (propValue instanceof RegExp) {
              return "regexp";
            }
          }
          return propType;
        }
        function getPostfixForTypeWarning(value) {
          var type = getPreciseType(value);
          switch (type) {
            case "array":
            case "object":
              return "an " + type;
            case "boolean":
            case "date":
            case "regexp":
              return "a " + type;
            default:
              return type;
          }
        }
        function getClassName(propValue) {
          if (!propValue.constructor || !propValue.constructor.name) {
            return ANONYMOUS;
          }
          return propValue.constructor.name;
        }
        ReactPropTypes.checkPropTypes = checkPropTypes;
        ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
        ReactPropTypes.PropTypes = ReactPropTypes;
        return ReactPropTypes;
      };
    }
  });

  // node_modules/prop-types/index.js
  var require_prop_types = __commonJS({
    "node_modules/prop-types/index.js"(exports, module) {
      if (true) {
        ReactIs = require_react_is();
        throwOnDirectAccess = true;
        module.exports = require_factoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
      } else {
        module.exports = null();
      }
      var ReactIs;
      var throwOnDirectAccess;
    }
  });

  // node_modules/react-modal/lib/helpers/tabbable.js
  var require_tabbable = __commonJS({
    "node_modules/react-modal/lib/helpers/tabbable.js"(exports, module) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.default = findTabbableDescendants;
      var DISPLAY_NONE = "none";
      var DISPLAY_CONTENTS = "contents";
      var tabbableNode = /input|select|textarea|button|object|iframe/;
      function isNotOverflowing(element, style) {
        return style.getPropertyValue("overflow") !== "visible" || element.scrollWidth <= 0 && element.scrollHeight <= 0;
      }
      function hidesContents(element) {
        var zeroSize = element.offsetWidth <= 0 && element.offsetHeight <= 0;
        if (zeroSize && !element.innerHTML)
          return true;
        try {
          var style = window.getComputedStyle(element);
          var displayValue = style.getPropertyValue("display");
          return zeroSize ? displayValue !== DISPLAY_CONTENTS && isNotOverflowing(element, style) : displayValue === DISPLAY_NONE;
        } catch (exception) {
          console.warn("Failed to inspect element style");
          return false;
        }
      }
      function visible(element) {
        var parentElement = element;
        var rootNode = element.getRootNode && element.getRootNode();
        while (parentElement) {
          if (parentElement === document.body)
            break;
          if (rootNode && parentElement === rootNode)
            parentElement = rootNode.host.parentNode;
          if (hidesContents(parentElement))
            return false;
          parentElement = parentElement.parentNode;
        }
        return true;
      }
      function focusable(element, isTabIndexNotNaN) {
        var nodeName = element.nodeName.toLowerCase();
        var res = tabbableNode.test(nodeName) && !element.disabled || (nodeName === "a" ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
        return res && visible(element);
      }
      function tabbable(element) {
        var tabIndex = element.getAttribute("tabindex");
        if (tabIndex === null)
          tabIndex = void 0;
        var isTabIndexNaN = isNaN(tabIndex);
        return (isTabIndexNaN || tabIndex >= 0) && focusable(element, !isTabIndexNaN);
      }
      function findTabbableDescendants(element) {
        var descendants = [].slice.call(element.querySelectorAll("*"), 0).reduce(function(finished, el) {
          return finished.concat(!el.shadowRoot ? [el] : findTabbableDescendants(el.shadowRoot));
        }, []);
        return descendants.filter(tabbable);
      }
      module.exports = exports["default"];
    }
  });

  // node_modules/react-modal/lib/helpers/focusManager.js
  var require_focusManager = __commonJS({
    "node_modules/react-modal/lib/helpers/focusManager.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.resetState = resetState;
      exports.log = log;
      exports.handleBlur = handleBlur;
      exports.handleFocus = handleFocus;
      exports.markForFocusLater = markForFocusLater;
      exports.returnFocus = returnFocus;
      exports.popWithoutFocus = popWithoutFocus;
      exports.setupScopedFocus = setupScopedFocus;
      exports.teardownScopedFocus = teardownScopedFocus;
      var _tabbable = require_tabbable();
      var _tabbable2 = _interopRequireDefault(_tabbable);
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      var focusLaterElements = [];
      var modalElement = null;
      var needToFocus = false;
      function resetState() {
        focusLaterElements = [];
      }
      function log() {
        if (true) {
          console.log("focusManager ----------");
          focusLaterElements.forEach(function(f) {
            var check = f || {};
            console.log(check.nodeName, check.className, check.id);
          });
          console.log("end focusManager ----------");
        }
      }
      function handleBlur() {
        needToFocus = true;
      }
      function handleFocus() {
        if (needToFocus) {
          needToFocus = false;
          if (!modalElement) {
            return;
          }
          setTimeout(function() {
            if (modalElement.contains(document.activeElement)) {
              return;
            }
            var el = (0, _tabbable2.default)(modalElement)[0] || modalElement;
            el.focus();
          }, 0);
        }
      }
      function markForFocusLater() {
        focusLaterElements.push(document.activeElement);
      }
      function returnFocus() {
        var preventScroll = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
        var toFocus = null;
        try {
          if (focusLaterElements.length !== 0) {
            toFocus = focusLaterElements.pop();
            toFocus.focus({ preventScroll });
          }
          return;
        } catch (e) {
          console.warn(["You tried to return focus to", toFocus, "but it is not in the DOM anymore"].join(" "));
        }
      }
      function popWithoutFocus() {
        focusLaterElements.length > 0 && focusLaterElements.pop();
      }
      function setupScopedFocus(element) {
        modalElement = element;
        if (window.addEventListener) {
          window.addEventListener("blur", handleBlur, false);
          document.addEventListener("focus", handleFocus, true);
        } else {
          window.attachEvent("onBlur", handleBlur);
          document.attachEvent("onFocus", handleFocus);
        }
      }
      function teardownScopedFocus() {
        modalElement = null;
        if (window.addEventListener) {
          window.removeEventListener("blur", handleBlur);
          document.removeEventListener("focus", handleFocus);
        } else {
          window.detachEvent("onBlur", handleBlur);
          document.detachEvent("onFocus", handleFocus);
        }
      }
    }
  });

  // node_modules/react-modal/lib/helpers/scopeTab.js
  var require_scopeTab = __commonJS({
    "node_modules/react-modal/lib/helpers/scopeTab.js"(exports, module) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.default = scopeTab;
      var _tabbable = require_tabbable();
      var _tabbable2 = _interopRequireDefault(_tabbable);
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      function getActiveElement() {
        var el = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : document;
        return el.activeElement.shadowRoot ? getActiveElement(el.activeElement.shadowRoot) : el.activeElement;
      }
      function scopeTab(node, event) {
        var tabbable = (0, _tabbable2.default)(node);
        if (!tabbable.length) {
          event.preventDefault();
          return;
        }
        var target = void 0;
        var shiftKey = event.shiftKey;
        var head = tabbable[0];
        var tail = tabbable[tabbable.length - 1];
        var activeElement = getActiveElement();
        if (node === activeElement) {
          if (!shiftKey)
            return;
          target = tail;
        }
        if (tail === activeElement && !shiftKey) {
          target = head;
        }
        if (head === activeElement && shiftKey) {
          target = tail;
        }
        if (target) {
          event.preventDefault();
          target.focus();
          return;
        }
        var checkSafari = /(\bChrome\b|\bSafari\b)\//.exec(navigator.userAgent);
        var isSafariDesktop = checkSafari != null && checkSafari[1] != "Chrome" && /\biPod\b|\biPad\b/g.exec(navigator.userAgent) == null;
        if (!isSafariDesktop)
          return;
        var x = tabbable.indexOf(activeElement);
        if (x > -1) {
          x += shiftKey ? -1 : 1;
        }
        target = tabbable[x];
        if (typeof target === "undefined") {
          event.preventDefault();
          target = shiftKey ? tail : head;
          target.focus();
          return;
        }
        event.preventDefault();
        target.focus();
      }
      module.exports = exports["default"];
    }
  });

  // node_modules/warning/warning.js
  var require_warning = __commonJS({
    "node_modules/warning/warning.js"(exports, module) {
      "use strict";
      var __DEV__ = true;
      var warning = function() {
      };
      if (__DEV__) {
        printWarning = function printWarning2(format, args) {
          var len = arguments.length;
          args = new Array(len > 1 ? len - 1 : 0);
          for (var key = 1; key < len; key++) {
            args[key - 1] = arguments[key];
          }
          var argIndex = 0;
          var message = "Warning: " + format.replace(/%s/g, function() {
            return args[argIndex++];
          });
          if (typeof console !== "undefined") {
            console.error(message);
          }
          try {
            throw new Error(message);
          } catch (x) {
          }
        };
        warning = function(condition, format, args) {
          var len = arguments.length;
          args = new Array(len > 2 ? len - 2 : 0);
          for (var key = 2; key < len; key++) {
            args[key - 2] = arguments[key];
          }
          if (format === void 0) {
            throw new Error(
              "`warning(condition, format, ...args)` requires a warning message argument"
            );
          }
          if (!condition) {
            printWarning.apply(null, [format].concat(args));
          }
        };
      }
      var printWarning;
      module.exports = warning;
    }
  });

  // node_modules/exenv/index.js
  var require_exenv = __commonJS({
    "node_modules/exenv/index.js"(exports, module) {
      (function() {
        "use strict";
        var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
        var ExecutionEnvironment = {
          canUseDOM,
          canUseWorkers: typeof Worker !== "undefined",
          canUseEventListeners: canUseDOM && !!(window.addEventListener || window.attachEvent),
          canUseViewport: canUseDOM && !!window.screen
        };
        if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
          define(function() {
            return ExecutionEnvironment;
          });
        } else if (typeof module !== "undefined" && module.exports) {
          module.exports = ExecutionEnvironment;
        } else {
          window.ExecutionEnvironment = ExecutionEnvironment;
        }
      })();
    }
  });

  // node_modules/react-modal/lib/helpers/safeHTMLElement.js
  var require_safeHTMLElement = __commonJS({
    "node_modules/react-modal/lib/helpers/safeHTMLElement.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.canUseDOM = exports.SafeNodeList = exports.SafeHTMLCollection = void 0;
      var _exenv = require_exenv();
      var _exenv2 = _interopRequireDefault(_exenv);
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      var EE = _exenv2.default;
      var SafeHTMLElement = EE.canUseDOM ? window.HTMLElement : {};
      var SafeHTMLCollection = exports.SafeHTMLCollection = EE.canUseDOM ? window.HTMLCollection : {};
      var SafeNodeList = exports.SafeNodeList = EE.canUseDOM ? window.NodeList : {};
      var canUseDOM = exports.canUseDOM = EE.canUseDOM;
      exports.default = SafeHTMLElement;
    }
  });

  // node_modules/react-modal/lib/helpers/ariaAppHider.js
  var require_ariaAppHider = __commonJS({
    "node_modules/react-modal/lib/helpers/ariaAppHider.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.resetState = resetState;
      exports.log = log;
      exports.assertNodeList = assertNodeList;
      exports.setElement = setElement;
      exports.validateElement = validateElement;
      exports.hide = hide;
      exports.show = show;
      exports.documentNotReadyOrSSRTesting = documentNotReadyOrSSRTesting;
      var _warning = require_warning();
      var _warning2 = _interopRequireDefault(_warning);
      var _safeHTMLElement = require_safeHTMLElement();
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      var globalElement = null;
      function resetState() {
        if (globalElement) {
          if (globalElement.removeAttribute) {
            globalElement.removeAttribute("aria-hidden");
          } else if (globalElement.length != null) {
            globalElement.forEach(function(element) {
              return element.removeAttribute("aria-hidden");
            });
          } else {
            document.querySelectorAll(globalElement).forEach(function(element) {
              return element.removeAttribute("aria-hidden");
            });
          }
        }
        globalElement = null;
      }
      function log() {
        if (true) {
          var check = globalElement || {};
          console.log("ariaAppHider ----------");
          console.log(check.nodeName, check.className, check.id);
          console.log("end ariaAppHider ----------");
        }
      }
      function assertNodeList(nodeList, selector) {
        if (!nodeList || !nodeList.length) {
          throw new Error("react-modal: No elements were found for selector " + selector + ".");
        }
      }
      function setElement(element) {
        var useElement = element;
        if (typeof useElement === "string" && _safeHTMLElement.canUseDOM) {
          var el = document.querySelectorAll(useElement);
          assertNodeList(el, useElement);
          useElement = el;
        }
        globalElement = useElement || globalElement;
        return globalElement;
      }
      function validateElement(appElement) {
        var el = appElement || globalElement;
        if (el) {
          return Array.isArray(el) || el instanceof HTMLCollection || el instanceof NodeList ? el : [el];
        } else {
          (0, _warning2.default)(false, ["react-modal: App element is not defined.", "Please use `Modal.setAppElement(el)` or set `appElement={el}`.", "This is needed so screen readers don't see main content", "when modal is opened. It is not recommended, but you can opt-out", "by setting `ariaHideApp={false}`."].join(" "));
          return [];
        }
      }
      function hide(appElement) {
        var _iteratorNormalCompletion = true;
        var _didIteratorError = false;
        var _iteratorError = void 0;
        try {
          for (var _iterator = validateElement(appElement)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
            var el = _step.value;
            el.setAttribute("aria-hidden", "true");
          }
        } catch (err) {
          _didIteratorError = true;
          _iteratorError = err;
        } finally {
          try {
            if (!_iteratorNormalCompletion && _iterator.return) {
              _iterator.return();
            }
          } finally {
            if (_didIteratorError) {
              throw _iteratorError;
            }
          }
        }
      }
      function show(appElement) {
        var _iteratorNormalCompletion2 = true;
        var _didIteratorError2 = false;
        var _iteratorError2 = void 0;
        try {
          for (var _iterator2 = validateElement(appElement)[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
            var el = _step2.value;
            el.removeAttribute("aria-hidden");
          }
        } catch (err) {
          _didIteratorError2 = true;
          _iteratorError2 = err;
        } finally {
          try {
            if (!_iteratorNormalCompletion2 && _iterator2.return) {
              _iterator2.return();
            }
          } finally {
            if (_didIteratorError2) {
              throw _iteratorError2;
            }
          }
        }
      }
      function documentNotReadyOrSSRTesting() {
        globalElement = null;
      }
    }
  });

  // node_modules/react-modal/lib/helpers/classList.js
  var require_classList = __commonJS({
    "node_modules/react-modal/lib/helpers/classList.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.resetState = resetState;
      exports.log = log;
      var htmlClassList = {};
      var docBodyClassList = {};
      function removeClass(at, cls) {
        at.classList.remove(cls);
      }
      function resetState() {
        var htmlElement = document.getElementsByTagName("html")[0];
        for (var cls in htmlClassList) {
          removeClass(htmlElement, htmlClassList[cls]);
        }
        var body = document.body;
        for (var _cls in docBodyClassList) {
          removeClass(body, docBodyClassList[_cls]);
        }
        htmlClassList = {};
        docBodyClassList = {};
      }
      function log() {
        if (true) {
          var classes = document.getElementsByTagName("html")[0].className;
          var buffer = "Show tracked classes:\n\n";
          buffer += "<html /> (" + classes + "):\n  ";
          for (var x in htmlClassList) {
            buffer += "  " + x + " " + htmlClassList[x] + "\n  ";
          }
          classes = document.body.className;
          buffer += "\n\ndoc.body (" + classes + "):\n  ";
          for (var _x in docBodyClassList) {
            buffer += "  " + _x + " " + docBodyClassList[_x] + "\n  ";
          }
          buffer += "\n";
          console.log(buffer);
        }
      }
      var incrementReference = function incrementReference2(poll, className) {
        if (!poll[className]) {
          poll[className] = 0;
        }
        poll[className] += 1;
        return className;
      };
      var decrementReference = function decrementReference2(poll, className) {
        if (poll[className]) {
          poll[className] -= 1;
        }
        return className;
      };
      var trackClass = function trackClass2(classListRef, poll, classes) {
        classes.forEach(function(className) {
          incrementReference(poll, className);
          classListRef.add(className);
        });
      };
      var untrackClass = function untrackClass2(classListRef, poll, classes) {
        classes.forEach(function(className) {
          decrementReference(poll, className);
          poll[className] === 0 && classListRef.remove(className);
        });
      };
      var add = exports.add = function add2(element, classString) {
        return trackClass(element.classList, element.nodeName.toLowerCase() == "html" ? htmlClassList : docBodyClassList, classString.split(" "));
      };
      var remove = exports.remove = function remove2(element, classString) {
        return untrackClass(element.classList, element.nodeName.toLowerCase() == "html" ? htmlClassList : docBodyClassList, classString.split(" "));
      };
    }
  });

  // node_modules/react-modal/lib/helpers/portalOpenInstances.js
  var require_portalOpenInstances = __commonJS({
    "node_modules/react-modal/lib/helpers/portalOpenInstances.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.log = log;
      exports.resetState = resetState;
      function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
          throw new TypeError("Cannot call a class as a function");
        }
      }
      var PortalOpenInstances = function PortalOpenInstances2() {
        var _this = this;
        _classCallCheck(this, PortalOpenInstances2);
        this.register = function(openInstance) {
          if (_this.openInstances.indexOf(openInstance) !== -1) {
            if (true) {
              console.warn("React-Modal: Cannot register modal instance that's already open");
            }
            return;
          }
          _this.openInstances.push(openInstance);
          _this.emit("register");
        };
        this.deregister = function(openInstance) {
          var index = _this.openInstances.indexOf(openInstance);
          if (index === -1) {
            if (true) {
              console.warn("React-Modal: Unable to deregister " + openInstance + " as it was never registered");
            }
            return;
          }
          _this.openInstances.splice(index, 1);
          _this.emit("deregister");
        };
        this.subscribe = function(callback) {
          _this.subscribers.push(callback);
        };
        this.emit = function(eventType) {
          _this.subscribers.forEach(function(subscriber) {
            return subscriber(
              eventType,
              _this.openInstances.slice()
            );
          });
        };
        this.openInstances = [];
        this.subscribers = [];
      };
      var portalOpenInstances = new PortalOpenInstances();
      function log() {
        console.log("portalOpenInstances ----------");
        console.log(portalOpenInstances.openInstances.length);
        portalOpenInstances.openInstances.forEach(function(p) {
          return console.log(p);
        });
        console.log("end portalOpenInstances ----------");
      }
      function resetState() {
        portalOpenInstances = new PortalOpenInstances();
      }
      exports.default = portalOpenInstances;
    }
  });

  // node_modules/react-modal/lib/helpers/bodyTrap.js
  var require_bodyTrap = __commonJS({
    "node_modules/react-modal/lib/helpers/bodyTrap.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.resetState = resetState;
      exports.log = log;
      var _portalOpenInstances = require_portalOpenInstances();
      var _portalOpenInstances2 = _interopRequireDefault(_portalOpenInstances);
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      var before = void 0;
      var after = void 0;
      var instances = [];
      function resetState() {
        var _arr = [before, after];
        for (var _i = 0; _i < _arr.length; _i++) {
          var item = _arr[_i];
          if (!item)
            continue;
          item.parentNode && item.parentNode.removeChild(item);
        }
        before = after = null;
        instances = [];
      }
      function log() {
        console.log("bodyTrap ----------");
        console.log(instances.length);
        var _arr2 = [before, after];
        for (var _i2 = 0; _i2 < _arr2.length; _i2++) {
          var item = _arr2[_i2];
          var check = item || {};
          console.log(check.nodeName, check.className, check.id);
        }
        console.log("edn bodyTrap ----------");
      }
      function focusContent() {
        if (instances.length === 0) {
          if (true) {
            console.warn("React-Modal: Open instances > 0 expected");
          }
          return;
        }
        instances[instances.length - 1].focusContent();
      }
      function bodyTrap(eventType, openInstances) {
        if (!before && !after) {
          before = document.createElement("div");
          before.setAttribute("data-react-modal-body-trap", "");
          before.style.position = "absolute";
          before.style.opacity = "0";
          before.setAttribute("tabindex", "0");
          before.addEventListener("focus", focusContent);
          after = before.cloneNode();
          after.addEventListener("focus", focusContent);
        }
        instances = openInstances;
        if (instances.length > 0) {
          if (document.body.firstChild !== before) {
            document.body.insertBefore(before, document.body.firstChild);
          }
          if (document.body.lastChild !== after) {
            document.body.appendChild(after);
          }
        } else {
          if (before.parentElement) {
            before.parentElement.removeChild(before);
          }
          if (after.parentElement) {
            after.parentElement.removeChild(after);
          }
        }
      }
      _portalOpenInstances2.default.subscribe(bodyTrap);
    }
  });

  // node_modules/react-modal/lib/components/ModalPortal.js
  var require_ModalPortal = __commonJS({
    "node_modules/react-modal/lib/components/ModalPortal.js"(exports, module) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      var _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;
      };
      var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function(obj) {
        return typeof obj;
      } : function(obj) {
        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
      };
      var _createClass = function() {
        function defineProperties(target, props) {
          for (var i = 0; i < props.length; i++) {
            var descriptor = props[i];
            descriptor.enumerable = descriptor.enumerable || false;
            descriptor.configurable = true;
            if ("value" in descriptor)
              descriptor.writable = true;
            Object.defineProperty(target, descriptor.key, descriptor);
          }
        }
        return function(Constructor, protoProps, staticProps) {
          if (protoProps)
            defineProperties(Constructor.prototype, protoProps);
          if (staticProps)
            defineProperties(Constructor, staticProps);
          return Constructor;
        };
      }();
      var _react = require_react();
      var _propTypes = require_prop_types();
      var _propTypes2 = _interopRequireDefault(_propTypes);
      var _focusManager = require_focusManager();
      var focusManager = _interopRequireWildcard(_focusManager);
      var _scopeTab = require_scopeTab();
      var _scopeTab2 = _interopRequireDefault(_scopeTab);
      var _ariaAppHider = require_ariaAppHider();
      var ariaAppHider = _interopRequireWildcard(_ariaAppHider);
      var _classList = require_classList();
      var classList = _interopRequireWildcard(_classList);
      var _safeHTMLElement = require_safeHTMLElement();
      var _safeHTMLElement2 = _interopRequireDefault(_safeHTMLElement);
      var _portalOpenInstances = require_portalOpenInstances();
      var _portalOpenInstances2 = _interopRequireDefault(_portalOpenInstances);
      require_bodyTrap();
      function _interopRequireWildcard(obj) {
        if (obj && obj.__esModule) {
          return obj;
        } else {
          var newObj = {};
          if (obj != null) {
            for (var key in obj) {
              if (Object.prototype.hasOwnProperty.call(obj, key))
                newObj[key] = obj[key];
            }
          }
          newObj.default = obj;
          return newObj;
        }
      }
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
          throw new TypeError("Cannot call a class as a function");
        }
      }
      function _possibleConstructorReturn(self, call) {
        if (!self) {
          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
        }
        return call && (typeof call === "object" || typeof call === "function") ? call : self;
      }
      function _inherits(subClass, superClass) {
        if (typeof superClass !== "function" && superClass !== null) {
          throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
        }
        subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
        if (superClass)
          Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
      }
      var CLASS_NAMES = {
        overlay: "ReactModal__Overlay",
        content: "ReactModal__Content"
      };
      var isTabKey = function isTabKey2(event) {
        return event.code === "Tab" || event.keyCode === 9;
      };
      var isEscKey = function isEscKey2(event) {
        return event.code === "Escape" || event.keyCode === 27;
      };
      var ariaHiddenInstances = 0;
      var ModalPortal = function(_Component) {
        _inherits(ModalPortal2, _Component);
        function ModalPortal2(props) {
          _classCallCheck(this, ModalPortal2);
          var _this = _possibleConstructorReturn(this, (ModalPortal2.__proto__ || Object.getPrototypeOf(ModalPortal2)).call(this, props));
          _this.setOverlayRef = function(overlay) {
            _this.overlay = overlay;
            _this.props.overlayRef && _this.props.overlayRef(overlay);
          };
          _this.setContentRef = function(content) {
            _this.content = content;
            _this.props.contentRef && _this.props.contentRef(content);
          };
          _this.afterClose = function() {
            var _this$props = _this.props, appElement = _this$props.appElement, ariaHideApp = _this$props.ariaHideApp, htmlOpenClassName = _this$props.htmlOpenClassName, bodyOpenClassName = _this$props.bodyOpenClassName, parentSelector = _this$props.parentSelector;
            var parentDocument = parentSelector && parentSelector().ownerDocument || document;
            bodyOpenClassName && classList.remove(parentDocument.body, bodyOpenClassName);
            htmlOpenClassName && classList.remove(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
            if (ariaHideApp && ariaHiddenInstances > 0) {
              ariaHiddenInstances -= 1;
              if (ariaHiddenInstances === 0) {
                ariaAppHider.show(appElement);
              }
            }
            if (_this.props.shouldFocusAfterRender) {
              if (_this.props.shouldReturnFocusAfterClose) {
                focusManager.returnFocus(_this.props.preventScroll);
                focusManager.teardownScopedFocus();
              } else {
                focusManager.popWithoutFocus();
              }
            }
            if (_this.props.onAfterClose) {
              _this.props.onAfterClose();
            }
            _portalOpenInstances2.default.deregister(_this);
          };
          _this.open = function() {
            _this.beforeOpen();
            if (_this.state.afterOpen && _this.state.beforeClose) {
              clearTimeout(_this.closeTimer);
              _this.setState({ beforeClose: false });
            } else {
              if (_this.props.shouldFocusAfterRender) {
                focusManager.setupScopedFocus(_this.node);
                focusManager.markForFocusLater();
              }
              _this.setState({ isOpen: true }, function() {
                _this.openAnimationFrame = requestAnimationFrame(function() {
                  _this.setState({ afterOpen: true });
                  if (_this.props.isOpen && _this.props.onAfterOpen) {
                    _this.props.onAfterOpen({
                      overlayEl: _this.overlay,
                      contentEl: _this.content
                    });
                  }
                });
              });
            }
          };
          _this.close = function() {
            if (_this.props.closeTimeoutMS > 0) {
              _this.closeWithTimeout();
            } else {
              _this.closeWithoutTimeout();
            }
          };
          _this.focusContent = function() {
            return _this.content && !_this.contentHasFocus() && _this.content.focus({ preventScroll: true });
          };
          _this.closeWithTimeout = function() {
            var closesAt = Date.now() + _this.props.closeTimeoutMS;
            _this.setState({ beforeClose: true, closesAt }, function() {
              _this.closeTimer = setTimeout(_this.closeWithoutTimeout, _this.state.closesAt - Date.now());
            });
          };
          _this.closeWithoutTimeout = function() {
            _this.setState({
              beforeClose: false,
              isOpen: false,
              afterOpen: false,
              closesAt: null
            }, _this.afterClose);
          };
          _this.handleKeyDown = function(event) {
            if (isTabKey(event)) {
              (0, _scopeTab2.default)(_this.content, event);
            }
            if (_this.props.shouldCloseOnEsc && isEscKey(event)) {
              event.stopPropagation();
              _this.requestClose(event);
            }
          };
          _this.handleOverlayOnClick = function(event) {
            if (_this.shouldClose === null) {
              _this.shouldClose = true;
            }
            if (_this.shouldClose && _this.props.shouldCloseOnOverlayClick) {
              if (_this.ownerHandlesClose()) {
                _this.requestClose(event);
              } else {
                _this.focusContent();
              }
            }
            _this.shouldClose = null;
          };
          _this.handleContentOnMouseUp = function() {
            _this.shouldClose = false;
          };
          _this.handleOverlayOnMouseDown = function(event) {
            if (!_this.props.shouldCloseOnOverlayClick && event.target == _this.overlay) {
              event.preventDefault();
            }
          };
          _this.handleContentOnClick = function() {
            _this.shouldClose = false;
          };
          _this.handleContentOnMouseDown = function() {
            _this.shouldClose = false;
          };
          _this.requestClose = function(event) {
            return _this.ownerHandlesClose() && _this.props.onRequestClose(event);
          };
          _this.ownerHandlesClose = function() {
            return _this.props.onRequestClose;
          };
          _this.shouldBeClosed = function() {
            return !_this.state.isOpen && !_this.state.beforeClose;
          };
          _this.contentHasFocus = function() {
            return document.activeElement === _this.content || _this.content.contains(document.activeElement);
          };
          _this.buildClassName = function(which, additional) {
            var classNames = (typeof additional === "undefined" ? "undefined" : _typeof(additional)) === "object" ? additional : {
              base: CLASS_NAMES[which],
              afterOpen: CLASS_NAMES[which] + "--after-open",
              beforeClose: CLASS_NAMES[which] + "--before-close"
            };
            var className = classNames.base;
            if (_this.state.afterOpen) {
              className = className + " " + classNames.afterOpen;
            }
            if (_this.state.beforeClose) {
              className = className + " " + classNames.beforeClose;
            }
            return typeof additional === "string" && additional ? className + " " + additional : className;
          };
          _this.attributesFromObject = function(prefix, items) {
            return Object.keys(items).reduce(function(acc, name) {
              acc[prefix + "-" + name] = items[name];
              return acc;
            }, {});
          };
          _this.state = {
            afterOpen: false,
            beforeClose: false
          };
          _this.shouldClose = null;
          _this.moveFromContentToOverlay = null;
          return _this;
        }
        _createClass(ModalPortal2, [{
          key: "componentDidMount",
          value: function componentDidMount() {
            if (this.props.isOpen) {
              this.open();
            }
          }
        }, {
          key: "componentDidUpdate",
          value: function componentDidUpdate(prevProps, prevState) {
            if (true) {
              if (prevProps.bodyOpenClassName !== this.props.bodyOpenClassName) {
                console.warn('React-Modal: "bodyOpenClassName" prop has been modified. This may cause unexpected behavior when multiple modals are open.');
              }
              if (prevProps.htmlOpenClassName !== this.props.htmlOpenClassName) {
                console.warn('React-Modal: "htmlOpenClassName" prop has been modified. This may cause unexpected behavior when multiple modals are open.');
              }
            }
            if (this.props.isOpen && !prevProps.isOpen) {
              this.open();
            } else if (!this.props.isOpen && prevProps.isOpen) {
              this.close();
            }
            if (this.props.shouldFocusAfterRender && this.state.isOpen && !prevState.isOpen) {
              this.focusContent();
            }
          }
        }, {
          key: "componentWillUnmount",
          value: function componentWillUnmount() {
            if (this.state.isOpen) {
              this.afterClose();
            }
            clearTimeout(this.closeTimer);
            cancelAnimationFrame(this.openAnimationFrame);
          }
        }, {
          key: "beforeOpen",
          value: function beforeOpen() {
            var _props = this.props, appElement = _props.appElement, ariaHideApp = _props.ariaHideApp, htmlOpenClassName = _props.htmlOpenClassName, bodyOpenClassName = _props.bodyOpenClassName, parentSelector = _props.parentSelector;
            var parentDocument = parentSelector && parentSelector().ownerDocument || document;
            bodyOpenClassName && classList.add(parentDocument.body, bodyOpenClassName);
            htmlOpenClassName && classList.add(parentDocument.getElementsByTagName("html")[0], htmlOpenClassName);
            if (ariaHideApp) {
              ariaHiddenInstances += 1;
              ariaAppHider.hide(appElement);
            }
            _portalOpenInstances2.default.register(this);
          }
        }, {
          key: "render",
          value: function render2() {
            var _props2 = this.props, id = _props2.id, className = _props2.className, overlayClassName = _props2.overlayClassName, defaultStyles = _props2.defaultStyles, children = _props2.children;
            var contentStyles = className ? {} : defaultStyles.content;
            var overlayStyles = overlayClassName ? {} : defaultStyles.overlay;
            if (this.shouldBeClosed()) {
              return null;
            }
            var overlayProps = {
              ref: this.setOverlayRef,
              className: this.buildClassName("overlay", overlayClassName),
              style: _extends({}, overlayStyles, this.props.style.overlay),
              onClick: this.handleOverlayOnClick,
              onMouseDown: this.handleOverlayOnMouseDown
            };
            var contentProps = _extends({
              id,
              ref: this.setContentRef,
              style: _extends({}, contentStyles, this.props.style.content),
              className: this.buildClassName("content", className),
              tabIndex: "-1",
              onKeyDown: this.handleKeyDown,
              onMouseDown: this.handleContentOnMouseDown,
              onMouseUp: this.handleContentOnMouseUp,
              onClick: this.handleContentOnClick,
              role: this.props.role,
              "aria-label": this.props.contentLabel
            }, this.attributesFromObject("aria", _extends({ modal: true }, this.props.aria)), this.attributesFromObject("data", this.props.data || {}), {
              "data-testid": this.props.testId
            });
            var contentElement = this.props.contentElement(contentProps, children);
            return this.props.overlayElement(overlayProps, contentElement);
          }
        }]);
        return ModalPortal2;
      }(_react.Component);
      ModalPortal.defaultProps = {
        style: {
          overlay: {},
          content: {}
        },
        defaultStyles: {}
      };
      ModalPortal.propTypes = {
        isOpen: _propTypes2.default.bool.isRequired,
        defaultStyles: _propTypes2.default.shape({
          content: _propTypes2.default.object,
          overlay: _propTypes2.default.object
        }),
        style: _propTypes2.default.shape({
          content: _propTypes2.default.object,
          overlay: _propTypes2.default.object
        }),
        className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
        overlayClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.object]),
        parentSelector: _propTypes2.default.func,
        bodyOpenClassName: _propTypes2.default.string,
        htmlOpenClassName: _propTypes2.default.string,
        ariaHideApp: _propTypes2.default.bool,
        appElement: _propTypes2.default.oneOfType([_propTypes2.default.instanceOf(_safeHTMLElement2.default), _propTypes2.default.instanceOf(_safeHTMLElement.SafeHTMLCollection), _propTypes2.default.instanceOf(_safeHTMLElement.SafeNodeList), _propTypes2.default.arrayOf(_propTypes2.default.instanceOf(_safeHTMLElement2.default))]),
        onAfterOpen: _propTypes2.default.func,
        onAfterClose: _propTypes2.default.func,
        onRequestClose: _propTypes2.default.func,
        closeTimeoutMS: _propTypes2.default.number,
        shouldFocusAfterRender: _propTypes2.default.bool,
        shouldCloseOnOverlayClick: _propTypes2.default.bool,
        shouldReturnFocusAfterClose: _propTypes2.default.bool,
        preventScroll: _propTypes2.default.bool,
        role: _propTypes2.default.string,
        contentLabel: _propTypes2.default.string,
        aria: _propTypes2.default.object,
        data: _propTypes2.default.object,
        children: _propTypes2.default.node,
        shouldCloseOnEsc: _propTypes2.default.bool,
        overlayRef: _propTypes2.default.func,
        contentRef: _propTypes2.default.func,
        id: _propTypes2.default.string,
        overlayElement: _propTypes2.default.func,
        contentElement: _propTypes2.default.func,
        testId: _propTypes2.default.string
      };
      exports.default = ModalPortal;
      module.exports = exports["default"];
    }
  });

  // node_modules/react-lifecycles-compat/react-lifecycles-compat.cjs.js
  var require_react_lifecycles_compat_cjs = __commonJS({
    "node_modules/react-lifecycles-compat/react-lifecycles-compat.cjs.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", { value: true });
      function componentWillMount() {
        var state = this.constructor.getDerivedStateFromProps(this.props, this.state);
        if (state !== null && state !== void 0) {
          this.setState(state);
        }
      }
      function componentWillReceiveProps(nextProps) {
        function updater(prevState) {
          var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);
          return state !== null && state !== void 0 ? state : null;
        }
        this.setState(updater.bind(this));
      }
      function componentWillUpdate(nextProps, nextState) {
        try {
          var prevProps = this.props;
          var prevState = this.state;
          this.props = nextProps;
          this.state = nextState;
          this.__reactInternalSnapshotFlag = true;
          this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
            prevProps,
            prevState
          );
        } finally {
          this.props = prevProps;
          this.state = prevState;
        }
      }
      componentWillMount.__suppressDeprecationWarning = true;
      componentWillReceiveProps.__suppressDeprecationWarning = true;
      componentWillUpdate.__suppressDeprecationWarning = true;
      function polyfill(Component2) {
        var prototype = Component2.prototype;
        if (!prototype || !prototype.isReactComponent) {
          throw new Error("Can only polyfill class components");
        }
        if (typeof Component2.getDerivedStateFromProps !== "function" && typeof prototype.getSnapshotBeforeUpdate !== "function") {
          return Component2;
        }
        var foundWillMountName = null;
        var foundWillReceivePropsName = null;
        var foundWillUpdateName = null;
        if (typeof prototype.componentWillMount === "function") {
          foundWillMountName = "componentWillMount";
        } else if (typeof prototype.UNSAFE_componentWillMount === "function") {
          foundWillMountName = "UNSAFE_componentWillMount";
        }
        if (typeof prototype.componentWillReceiveProps === "function") {
          foundWillReceivePropsName = "componentWillReceiveProps";
        } else if (typeof prototype.UNSAFE_componentWillReceiveProps === "function") {
          foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
        }
        if (typeof prototype.componentWillUpdate === "function") {
          foundWillUpdateName = "componentWillUpdate";
        } else if (typeof prototype.UNSAFE_componentWillUpdate === "function") {
          foundWillUpdateName = "UNSAFE_componentWillUpdate";
        }
        if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
          var componentName = Component2.displayName || Component2.name;
          var newApiName = typeof Component2.getDerivedStateFromProps === "function" ? "getDerivedStateFromProps()" : "getSnapshotBeforeUpdate()";
          throw Error(
            "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" + componentName + " uses " + newApiName + " but also contains the following legacy lifecycles:" + (foundWillMountName !== null ? "\n  " + foundWillMountName : "") + (foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : "") + (foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : "") + "\n\nThe above lifecycles should be removed. Learn more about this warning here:\nhttps://fb.me/react-async-component-lifecycle-hooks"
          );
        }
        if (typeof Component2.getDerivedStateFromProps === "function") {
          prototype.componentWillMount = componentWillMount;
          prototype.componentWillReceiveProps = componentWillReceiveProps;
        }
        if (typeof prototype.getSnapshotBeforeUpdate === "function") {
          if (typeof prototype.componentDidUpdate !== "function") {
            throw new Error(
              "Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype"
            );
          }
          prototype.componentWillUpdate = componentWillUpdate;
          var componentDidUpdate = prototype.componentDidUpdate;
          prototype.componentDidUpdate = function componentDidUpdatePolyfill(prevProps, prevState, maybeSnapshot) {
            var snapshot = this.__reactInternalSnapshotFlag ? this.__reactInternalSnapshot : maybeSnapshot;
            componentDidUpdate.call(this, prevProps, prevState, snapshot);
          };
        }
        return Component2;
      }
      exports.polyfill = polyfill;
    }
  });

  // node_modules/react-modal/lib/components/Modal.js
  var require_Modal = __commonJS({
    "node_modules/react-modal/lib/components/Modal.js"(exports) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      exports.bodyOpenClassName = exports.portalClassName = void 0;
      var _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;
      };
      var _createClass = function() {
        function defineProperties(target, props) {
          for (var i = 0; i < props.length; i++) {
            var descriptor = props[i];
            descriptor.enumerable = descriptor.enumerable || false;
            descriptor.configurable = true;
            if ("value" in descriptor)
              descriptor.writable = true;
            Object.defineProperty(target, descriptor.key, descriptor);
          }
        }
        return function(Constructor, protoProps, staticProps) {
          if (protoProps)
            defineProperties(Constructor.prototype, protoProps);
          if (staticProps)
            defineProperties(Constructor, staticProps);
          return Constructor;
        };
      }();
      var _react = require_react();
      var _react2 = _interopRequireDefault(_react);
      var _reactDom = require_react_dom();
      var _reactDom2 = _interopRequireDefault(_reactDom);
      var _propTypes = require_prop_types();
      var _propTypes2 = _interopRequireDefault(_propTypes);
      var _ModalPortal = require_ModalPortal();
      var _ModalPortal2 = _interopRequireDefault(_ModalPortal);
      var _ariaAppHider = require_ariaAppHider();
      var ariaAppHider = _interopRequireWildcard(_ariaAppHider);
      var _safeHTMLElement = require_safeHTMLElement();
      var _safeHTMLElement2 = _interopRequireDefault(_safeHTMLElement);
      var _reactLifecyclesCompat = require_react_lifecycles_compat_cjs();
      function _interopRequireWildcard(obj) {
        if (obj && obj.__esModule) {
          return obj;
        } else {
          var newObj = {};
          if (obj != null) {
            for (var key in obj) {
              if (Object.prototype.hasOwnProperty.call(obj, key))
                newObj[key] = obj[key];
            }
          }
          newObj.default = obj;
          return newObj;
        }
      }
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      function _classCallCheck(instance, Constructor) {
        if (!(instance instanceof Constructor)) {
          throw new TypeError("Cannot call a class as a function");
        }
      }
      function _possibleConstructorReturn(self, call) {
        if (!self) {
          throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
        }
        return call && (typeof call === "object" || typeof call === "function") ? call : self;
      }
      function _inherits(subClass, superClass) {
        if (typeof superClass !== "function" && superClass !== null) {
          throw new TypeError("Super expression must either be null or a function, not " + typeof superClass);
        }
        subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } });
        if (superClass)
          Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
      }
      var portalClassName = exports.portalClassName = "ReactModalPortal";
      var bodyOpenClassName = exports.bodyOpenClassName = "ReactModal__Body--open";
      var isReact16 = _safeHTMLElement.canUseDOM && _reactDom2.default.createPortal !== void 0;
      var createHTMLElement = function createHTMLElement2(name) {
        return document.createElement(name);
      };
      var getCreatePortal = function getCreatePortal2() {
        return isReact16 ? _reactDom2.default.createPortal : _reactDom2.default.unstable_renderSubtreeIntoContainer;
      };
      function getParentElement(parentSelector) {
        return parentSelector();
      }
      var Modal2 = function(_Component) {
        _inherits(Modal3, _Component);
        function Modal3() {
          var _ref;
          var _temp, _this, _ret;
          _classCallCheck(this, Modal3);
          for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
            args[_key] = arguments[_key];
          }
          return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Modal3.__proto__ || Object.getPrototypeOf(Modal3)).call.apply(_ref, [this].concat(args))), _this), _this.removePortal = function() {
            !isReact16 && _reactDom2.default.unmountComponentAtNode(_this.node);
            var parent = getParentElement(_this.props.parentSelector);
            if (parent && parent.contains(_this.node)) {
              parent.removeChild(_this.node);
            } else {
              console.warn('React-Modal: "parentSelector" prop did not returned any DOM element. Make sure that the parent element is unmounted to avoid any memory leaks.');
            }
          }, _this.portalRef = function(ref) {
            _this.portal = ref;
          }, _this.renderPortal = function(props) {
            var createPortal = getCreatePortal();
            var portal = createPortal(_this, _react2.default.createElement(_ModalPortal2.default, _extends({ defaultStyles: Modal3.defaultStyles }, props)), _this.node);
            _this.portalRef(portal);
          }, _temp), _possibleConstructorReturn(_this, _ret);
        }
        _createClass(Modal3, [{
          key: "componentDidMount",
          value: function componentDidMount() {
            if (!_safeHTMLElement.canUseDOM)
              return;
            if (!isReact16) {
              this.node = createHTMLElement("div");
            }
            this.node.className = this.props.portalClassName;
            var parent = getParentElement(this.props.parentSelector);
            parent.appendChild(this.node);
            !isReact16 && this.renderPortal(this.props);
          }
        }, {
          key: "getSnapshotBeforeUpdate",
          value: function getSnapshotBeforeUpdate(prevProps) {
            var prevParent = getParentElement(prevProps.parentSelector);
            var nextParent = getParentElement(this.props.parentSelector);
            return { prevParent, nextParent };
          }
        }, {
          key: "componentDidUpdate",
          value: function componentDidUpdate(prevProps, _, snapshot) {
            if (!_safeHTMLElement.canUseDOM)
              return;
            var _props = this.props, isOpen = _props.isOpen, portalClassName2 = _props.portalClassName;
            if (prevProps.portalClassName !== portalClassName2) {
              this.node.className = portalClassName2;
            }
            var prevParent = snapshot.prevParent, nextParent = snapshot.nextParent;
            if (nextParent !== prevParent) {
              prevParent.removeChild(this.node);
              nextParent.appendChild(this.node);
            }
            if (!prevProps.isOpen && !isOpen)
              return;
            !isReact16 && this.renderPortal(this.props);
          }
        }, {
          key: "componentWillUnmount",
          value: function componentWillUnmount() {
            if (!_safeHTMLElement.canUseDOM || !this.node || !this.portal)
              return;
            var state = this.portal.state;
            var now = Date.now();
            var closesAt = state.isOpen && this.props.closeTimeoutMS && (state.closesAt || now + this.props.closeTimeoutMS);
            if (closesAt) {
              if (!state.beforeClose) {
                this.portal.closeWithTimeout();
              }
              setTimeout(this.removePortal, closesAt - now);
            } else {
              this.removePortal();
            }
          }
        }, {
          key: "render",
          value: function render2() {
            if (!_safeHTMLElement.canUseDOM || !isReact16) {
              return null;
            }
            if (!this.node && isReact16) {
              this.node = createHTMLElement("div");
            }
            var createPortal = getCreatePortal();
            return createPortal(_react2.default.createElement(_ModalPortal2.default, _extends({
              ref: this.portalRef,
              defaultStyles: Modal3.defaultStyles
            }, this.props)), this.node);
          }
        }], [{
          key: "setAppElement",
          value: function setAppElement(element) {
            ariaAppHider.setElement(element);
          }
        }]);
        return Modal3;
      }(_react.Component);
      Modal2.propTypes = {
        isOpen: _propTypes2.default.bool.isRequired,
        style: _propTypes2.default.shape({
          content: _propTypes2.default.object,
          overlay: _propTypes2.default.object
        }),
        portalClassName: _propTypes2.default.string,
        bodyOpenClassName: _propTypes2.default.string,
        htmlOpenClassName: _propTypes2.default.string,
        className: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.shape({
          base: _propTypes2.default.string.isRequired,
          afterOpen: _propTypes2.default.string.isRequired,
          beforeClose: _propTypes2.default.string.isRequired
        })]),
        overlayClassName: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.shape({
          base: _propTypes2.default.string.isRequired,
          afterOpen: _propTypes2.default.string.isRequired,
          beforeClose: _propTypes2.default.string.isRequired
        })]),
        appElement: _propTypes2.default.oneOfType([_propTypes2.default.instanceOf(_safeHTMLElement2.default), _propTypes2.default.instanceOf(_safeHTMLElement.SafeHTMLCollection), _propTypes2.default.instanceOf(_safeHTMLElement.SafeNodeList), _propTypes2.default.arrayOf(_propTypes2.default.instanceOf(_safeHTMLElement2.default))]),
        onAfterOpen: _propTypes2.default.func,
        onRequestClose: _propTypes2.default.func,
        closeTimeoutMS: _propTypes2.default.number,
        ariaHideApp: _propTypes2.default.bool,
        shouldFocusAfterRender: _propTypes2.default.bool,
        shouldCloseOnOverlayClick: _propTypes2.default.bool,
        shouldReturnFocusAfterClose: _propTypes2.default.bool,
        preventScroll: _propTypes2.default.bool,
        parentSelector: _propTypes2.default.func,
        aria: _propTypes2.default.object,
        data: _propTypes2.default.object,
        role: _propTypes2.default.string,
        contentLabel: _propTypes2.default.string,
        shouldCloseOnEsc: _propTypes2.default.bool,
        overlayRef: _propTypes2.default.func,
        contentRef: _propTypes2.default.func,
        id: _propTypes2.default.string,
        overlayElement: _propTypes2.default.func,
        contentElement: _propTypes2.default.func
      };
      Modal2.defaultProps = {
        isOpen: false,
        portalClassName,
        bodyOpenClassName,
        role: "dialog",
        ariaHideApp: true,
        closeTimeoutMS: 0,
        shouldFocusAfterRender: true,
        shouldCloseOnEsc: true,
        shouldCloseOnOverlayClick: true,
        shouldReturnFocusAfterClose: true,
        preventScroll: false,
        parentSelector: function parentSelector() {
          return document.body;
        },
        overlayElement: function overlayElement(props, contentEl) {
          return _react2.default.createElement(
            "div",
            props,
            contentEl
          );
        },
        contentElement: function contentElement(props, children) {
          return _react2.default.createElement(
            "div",
            props,
            children
          );
        }
      };
      Modal2.defaultStyles = {
        overlay: {
          position: "fixed",
          top: 0,
          left: 0,
          right: 0,
          bottom: 0,
          backgroundColor: "rgba(255, 255, 255, 0.75)"
        },
        content: {
          position: "absolute",
          top: "40px",
          left: "40px",
          right: "40px",
          bottom: "40px",
          border: "1px solid #ccc",
          background: "#fff",
          overflow: "auto",
          WebkitOverflowScrolling: "touch",
          borderRadius: "4px",
          outline: "none",
          padding: "20px"
        }
      };
      (0, _reactLifecyclesCompat.polyfill)(Modal2);
      if (true) {
        Modal2.setCreateHTMLElement = function(fn) {
          return createHTMLElement = fn;
        };
      }
      exports.default = Modal2;
    }
  });

  // node_modules/react-modal/lib/index.js
  var require_lib = __commonJS({
    "node_modules/react-modal/lib/index.js"(exports, module) {
      "use strict";
      Object.defineProperty(exports, "__esModule", {
        value: true
      });
      var _Modal = require_Modal();
      var _Modal2 = _interopRequireDefault(_Modal);
      function _interopRequireDefault(obj) {
        return obj && obj.__esModule ? obj : { default: obj };
      }
      exports.default = _Modal2.default;
      module.exports = exports["default"];
    }
  });

  // ../../../Temp/spicetify-creator/index.jsx
  var spicetify_creator_exports = {};
  __export(spicetify_creator_exports, {
    default: () => render
  });

  // src/app.tsx
  var import_react9 = __toESM(require_react());

  // postcss-module:C:\Users\parim\AppData\Local\Temp\tmp-18840-qliCjg8dm132\192d98cf5dd0\app.module.css
  var app_module_default = { "text": "app-module__text___q6CF6_Enhancify", "topBar": "app-module__topBar___gbq6k_Enhancify", "nowPlayingSidebar": "app-module__nowPlayingSidebar___F4UGj_Enhancify", "trackInfoPrimary": "app-module__trackInfoPrimary___PLXQO_Enhancify", "trackCover": "app-module__trackCover___UFVka_Enhancify", "statsBlock": "app-module__statsBlock___F0E-V_Enhancify", "statContainer": "app-module__statContainer___aQ1Fr_Enhancify", "statTitle": "app-module__statTitle___HP8oz_Enhancify", "statLabel": "app-module__statLabel___9pxah_Enhancify", "statValue": "app-module__statValue___JfE7d_Enhancify", "graphicContainer": "app-module__graphicContainer___P76QX_Enhancify", "recommendationsSection": "app-module__recommendationsSection___Emxwk_Enhancify", "recommendationsBlock": "app-module__recommendationsBlock___NYV5h_Enhancify", "trackContainer": "app-module__trackContainer___zmxIn_Enhancify", "recommendationsCover": "app-module__recommendationsCover___7Cufk_Enhancify", "trackName": "app-module__trackName___90Kd4_Enhancify", "playIcon": "app-module__playIcon___eaD-6_Enhancify", "changeRecTragetBtn": "app-module__changeRecTragetBtn___cS88j_Enhancify", "trackNameText": "app-module__trackNameText___J3m-Y_Enhancify", "leftSideBar": "app-module__leftSideBar___-boqF_Enhancify", "scrollTitle": "app-module__scrollTitle___vNLvZ_Enhancify", "scrollText": "app-module__scrollText___25P7l_Enhancify", "recommendationsLabel": "app-module__recommendationsLabel___UHF7q_Enhancify", "recommendationHeader": "app-module__recommendationHeader___EK4Rr_Enhancify", "recommendationTarget": "app-module__recommendationTarget___RC552_Enhancify", "recommendationsHeaderSpacer": "app-module__recommendationsHeaderSpacer___M5jYa_Enhancify", "settingContainer": "app-module__settingContainer___7DWOV_Enhancify", "settingLabel": "app-module__settingLabel___jD7Lv_Enhancify", "modal": "app-module__modal___YLXrG_Enhancify", "settingsModalContainer": "app-module__settingsModalContainer___Uryaq_Enhancify", "recommendationsModalContainer": "app-module__recommendationsModalContainer___eL3j6_Enhancify", "modalHeaderContainer": "app-module__modalHeaderContainer___2jP9z_Enhancify", "sectionHeaderContainer": "app-module__sectionHeaderContainer___oa7pd_Enhancify", "settingsIconContainer": "app-module__settingsIconContainer___TDp-k_Enhancify", "metricsRecommendationContainer": "app-module__metricsRecommendationContainer___TXr7b_Enhancify", "run": "app-module__run___9fxLL_Enhancify" };

  // src/components/NowPlaying.tsx
  var import_react8 = __toESM(require_react());

  // src/services/common.tsx
  function getID(uri) {
    return uri.split(":")[2];
  }
  var common_default = getID;

  // src/services/nowPlayingService.tsx
  async function getAudioFeatures(songURI) {
    if (!songURI) {
      return {};
    }
    var accessToken = Spicetify.Platform.Session.accessToken;
    var songID = common_default(songURI);
    let response = await fetch(
      "https://api.spotify.com/v1/audio-features/" + songID,
      {
        headers: {
          Authorization: "Bearer " + accessToken
        }
      }
    );
    return response.status == 200 ? await response.json() : {};
  }
  var nowPlayingService_default = getAudioFeatures;

  // postcss-module:C:\Users\parim\AppData\Local\Temp\tmp-18840-qliCjg8dm132\192d98cf7463\app.module.css
  var app_module_default2 = { "text": "app-module__text___q6CF6_Enhancify", "topBar": "app-module__topBar___gbq6k_Enhancify", "nowPlayingSidebar": "app-module__nowPlayingSidebar___F4UGj_Enhancify", "trackInfoPrimary": "app-module__trackInfoPrimary___PLXQO_Enhancify", "trackCover": "app-module__trackCover___UFVka_Enhancify", "statsBlock": "app-module__statsBlock___F0E-V_Enhancify", "statContainer": "app-module__statContainer___aQ1Fr_Enhancify", "statTitle": "app-module__statTitle___HP8oz_Enhancify", "statLabel": "app-module__statLabel___9pxah_Enhancify", "statValue": "app-module__statValue___JfE7d_Enhancify", "graphicContainer": "app-module__graphicContainer___P76QX_Enhancify", "recommendationsSection": "app-module__recommendationsSection___Emxwk_Enhancify", "recommendationsBlock": "app-module__recommendationsBlock___NYV5h_Enhancify", "trackContainer": "app-module__trackContainer___zmxIn_Enhancify", "recommendationsCover": "app-module__recommendationsCover___7Cufk_Enhancify", "trackName": "app-module__trackName___90Kd4_Enhancify", "playIcon": "app-module__playIcon___eaD-6_Enhancify", "changeRecTragetBtn": "app-module__changeRecTragetBtn___cS88j_Enhancify", "trackNameText": "app-module__trackNameText___J3m-Y_Enhancify", "leftSideBar": "app-module__leftSideBar___-boqF_Enhancify", "scrollTitle": "app-module__scrollTitle___vNLvZ_Enhancify", "scrollText": "app-module__scrollText___25P7l_Enhancify", "recommendationsLabel": "app-module__recommendationsLabel___UHF7q_Enhancify", "recommendationHeader": "app-module__recommendationHeader___EK4Rr_Enhancify", "recommendationTarget": "app-module__recommendationTarget___RC552_Enhancify", "recommendationsHeaderSpacer": "app-module__recommendationsHeaderSpacer___M5jYa_Enhancify", "settingContainer": "app-module__settingContainer___7DWOV_Enhancify", "settingLabel": "app-module__settingLabel___jD7Lv_Enhancify", "modal": "app-module__modal___YLXrG_Enhancify", "settingsModalContainer": "app-module__settingsModalContainer___Uryaq_Enhancify", "recommendationsModalContainer": "app-module__recommendationsModalContainer___eL3j6_Enhancify", "modalHeaderContainer": "app-module__modalHeaderContainer___2jP9z_Enhancify", "sectionHeaderContainer": "app-module__sectionHeaderContainer___oa7pd_Enhancify", "settingsIconContainer": "app-module__settingsIconContainer___TDp-k_Enhancify", "metricsRecommendationContainer": "app-module__metricsRecommendationContainer___TXr7b_Enhancify", "run": "app-module__run___9fxLL_Enhancify" };

  // src/components/DynamicRecommendations.tsx
  var import_react3 = __toESM(require_react());

  // src/services/dynamicRecommendationsService.tsx
  async function getRecommendations(apiOptions) {
    let url = "https://api.spotify.com/v1/recommendations?";
    let queryParams = [];
    for (const [key, value] of Object.entries(apiOptions.data)) {
      if (!value) {
        continue;
      }
      queryParams.push(key + "=" + value);
    }
    url += queryParams.join("&");
    var accessToken = Spicetify.Platform.Session.accessToken;
    let response = await fetch(
      url,
      {
        headers: {
          Authorization: "Bearer " + accessToken
        }
      }
    );
    return response.status == 200 ? await response.json() : {};
  }
  var dynamicRecommendationsService_default = getRecommendations;

  // src/types/spotify-web-api.d.ts
  var GetRecommendationsInput = class {
    constructor() {
      this.data = new RecommendationsInput();
    }
  };
  var RecommendationsInput = class {
    constructor() {
      this.limit = "6";
      this.market = "";
      this.seed_artists = "";
      this.seed_genres = "";
      this.seed_tracks = "";
      this.min_acousticness = "";
      this.max_acousticness = "";
      this.target_acousticness = "";
      this.min_danceability = "";
      this.max_danceability = "";
      this.target_danceability = "";
      this.min_duration_ms = "";
      this.max_duration_ms = "";
      this.target_duration_ms = "";
      this.min_energy = "";
      this.max_energy = "";
      this.target_energy = "";
      this.min_instrumentalness = "";
      this.max_instrumentalness = "";
      this.target_instrumentalness = "";
      this.min_key = "";
      this.max_key = "";
      this.target_key = "";
      this.min_liveness = "";
      this.max_liveness = "";
      this.target_liveness = "";
      this.min_loudness = "";
      this.max_loudness = "";
      this.target_loudness = "";
      this.min_mode = "";
      this.max_mode = "";
      this.target_mode = "";
      this.min_popularity = "";
      this.max_popularity = "";
      this.target_popularity = "";
      this.min_speechiness = "";
      this.max_speechiness = "";
      this.target_speechiness = "";
      this.min_tempo = "";
      this.max_tempo = "";
      this.target_tempo = "";
      this.min_time_signature = "";
      this.max_time_signature = "";
      this.target_time_signature = "";
      this.min_valence = "";
      this.max_valence = "";
      this.target_valence = "";
    }
  };

  // src/services/enhancifyInternalService.tsx
  var import_react2 = __toESM(require_react());

  // postcss-module:C:\Users\parim\AppData\Local\Temp\tmp-18840-qliCjg8dm132\192d98cf7474\app.module.css
  var app_module_default3 = { "text": "app-module__text___q6CF6_Enhancify", "topBar": "app-module__topBar___gbq6k_Enhancify", "nowPlayingSidebar": "app-module__nowPlayingSidebar___F4UGj_Enhancify", "trackInfoPrimary": "app-module__trackInfoPrimary___PLXQO_Enhancify", "trackCover": "app-module__trackCover___UFVka_Enhancify", "statsBlock": "app-module__statsBlock___F0E-V_Enhancify", "statContainer": "app-module__statContainer___aQ1Fr_Enhancify", "statTitle": "app-module__statTitle___HP8oz_Enhancify", "statLabel": "app-module__statLabel___9pxah_Enhancify", "statValue": "app-module__statValue___JfE7d_Enhancify", "graphicContainer": "app-module__graphicContainer___P76QX_Enhancify", "recommendationsSection": "app-module__recommendationsSection___Emxwk_Enhancify", "recommendationsBlock": "app-module__recommendationsBlock___NYV5h_Enhancify", "trackContainer": "app-module__trackContainer___zmxIn_Enhancify", "recommendationsCover": "app-module__recommendationsCover___7Cufk_Enhancify", "trackName": "app-module__trackName___90Kd4_Enhancify", "playIcon": "app-module__playIcon___eaD-6_Enhancify", "changeRecTragetBtn": "app-module__changeRecTragetBtn___cS88j_Enhancify", "trackNameText": "app-module__trackNameText___J3m-Y_Enhancify", "leftSideBar": "app-module__leftSideBar___-boqF_Enhancify", "scrollTitle": "app-module__scrollTitle___vNLvZ_Enhancify", "scrollText": "app-module__scrollText___25P7l_Enhancify", "recommendationsLabel": "app-module__recommendationsLabel___UHF7q_Enhancify", "recommendationHeader": "app-module__recommendationHeader___EK4Rr_Enhancify", "recommendationTarget": "app-module__recommendationTarget___RC552_Enhancify", "recommendationsHeaderSpacer": "app-module__recommendationsHeaderSpacer___M5jYa_Enhancify", "settingContainer": "app-module__settingContainer___7DWOV_Enhancify", "settingLabel": "app-module__settingLabel___jD7Lv_Enhancify", "modal": "app-module__modal___YLXrG_Enhancify", "settingsModalContainer": "app-module__settingsModalContainer___Uryaq_Enhancify", "recommendationsModalContainer": "app-module__recommendationsModalContainer___eL3j6_Enhancify", "modalHeaderContainer": "app-module__modalHeaderContainer___2jP9z_Enhancify", "sectionHeaderContainer": "app-module__sectionHeaderContainer___oa7pd_Enhancify", "settingsIconContainer": "app-module__settingsIconContainer___TDp-k_Enhancify", "metricsRecommendationContainer": "app-module__metricsRecommendationContainer___TXr7b_Enhancify", "run": "app-module__run___9fxLL_Enhancify" };

  // src/components/RecommendedTrack.tsx
  var import_react = __toESM(require_react());
  var RecommendedTrack = class extends import_react.default.Component {
    constructor() {
      super(...arguments);
      this.playSong = () => {
        Spicetify.Player.playUri(this.props.songURI);
      };
      this.playIcon = /* @__PURE__ */ import_react.default.createElement("img", {
        className: app_module_default3.playIcon,
        src: "https://img.icons8.com/?size=100&id=36067&format=png&color=FFFFFF",
        onClick: this.playSong
      });
    }
    render() {
      return /* @__PURE__ */ import_react.default.createElement("div", {
        className: app_module_default3.trackContainer
      }, /* @__PURE__ */ import_react.default.createElement("img", {
        className: app_module_default3.recommendationsCover,
        src: this.props.songCover
      }), /* @__PURE__ */ import_react.default.createElement("div", {
        className: app_module_default3.trackDetils
      }, /* @__PURE__ */ import_react.default.createElement("div", {
        className: app_module_default3.trackName
      }, this.props.songName.length > 12 ? /* @__PURE__ */ import_react.default.createElement("p", {
        className: app_module_default3.trackNameText + " " + app_module_default3.scrollTitle
      }, this.props.songName, "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0", this.props.songName, "\xA0\xA0\xA0\xA0\xA0\xA0\xA0\xA0") : /* @__PURE__ */ import_react.default.createElement("p", {
        className: app_module_default3.trackNameText
      }, " ", this.props.songName)), /* @__PURE__ */ import_react.default.createElement("div", null, Object.keys(this.props.songArtists).length > 0 ? (() => {
        const trackArtists = this.props.songArtists;
        let trackAritistsInnnerHTML = "";
        if (trackArtists) {
          for (const artist of trackArtists) {
            trackAritistsInnnerHTML += artist + ", ";
          }
          if (trackAritistsInnnerHTML.length > 0) {
            trackAritistsInnnerHTML = trackAritistsInnnerHTML.substring(0, trackAritistsInnnerHTML.length - 2);
          }
          return /* @__PURE__ */ import_react.default.createElement("div", {
            className: app_module_default3.text,
            style: { width: "150px", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }
          }, trackAritistsInnnerHTML);
        } else {
          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null);
        }
      })() : /* @__PURE__ */ import_react.default.createElement("div", null)), /* @__PURE__ */ import_react.default.createElement("div", {
        style: { width: "150px", overflow: "hidden", whiteSpace: "nowrap", textOverflow: "ellipsis" }
      }, this.props.songAlbum)), this.playIcon);
    }
  };
  var RecommendedTrack_default = RecommendedTrack;

  // src/services/enhancifyInternalService.tsx
  function RecommendationsRender(recommendations) {
    if (Object.keys(recommendations).length == 0) {
      return;
    }
    let recs = recommendations["tracks"];
    let recommendedTracksHTML = [];
    for (let i = 0; i < recs.length; i++) {
      let recommendedSong = /* @__PURE__ */ import_react2.default.createElement(RecommendedTrack_default, {
        songCover: recs[i].album.images[0].url,
        songAlbum: recs[i].album.name,
        songName: recs[i].name,
        songArtists: recs[i].artists.map((artist) => artist.name),
        songURI: recs[i].uri,
        key: i
      });
      recommendedTracksHTML.push(recommendedSong);
    }
    return recommendedTracksHTML;
  }
  function getSongMetrics(audioFeatures, metricsToDisplay) {
    let res = [];
    for (const metric of metricsToDisplay) {
      res.push({
        title: metric,
        floatValue: audioFeatures[metric.toLowerCase()],
        label: metric in metricFeatures.label ? metricFeatures.label[metric] : "",
        progressBar: metricFeatures.progressbar.has(metric)
      });
    }
    return res;
  }
  var metricFeatures = {
    progressbar: /* @__PURE__ */ new Set(["Danceability", "Energy", "Acousticness", "Instrumentalness", "Speechiness", "Valence", "Liveness"]),
    label: {
      Loudness: "dB",
      Tempo: "bpm",
      Time_Signature: "/4",
      Key: "in Pitch Class",
      Mode: "(0: Minor, 1: Major)"
    }
  };
  var allMetrics = ["Danceability", "Energy", "Acousticness", "Loudness", "Key", "Tempo", "Instrumentalness", "Liveness", "Mode", "Speechiness", "Time_Signature", "Valence"];

  // src/components/DynamicRecommendations.tsx
  var _a, _b;
  var DynamicRecommendations = class extends import_react3.default.Component {
    constructor() {
      super(...arguments);
      this.state = {
        songQueue: ((_a = Spicetify.LocalStorage.get("songQueue")) == null ? void 0 : _a.split(",")) || new Array(),
        artistQueue: ((_b = Spicetify.LocalStorage.get("artistQueue")) == null ? void 0 : _b.split(",")) || new Array(),
        recTarget: this.props.recTargetProp,
        recommendations: {}
      };
      this.componentDidMount = () => {
        this.generateRecommendations();
      };
      this.generateRecommendations = async () => {
        let apiOptions = new GetRecommendationsInput();
        if (this.state.recTarget == "songs") {
          apiOptions.data.seed_tracks = this.state.songQueue.toString();
        } else if (this.state.recTarget == "artists") {
          apiOptions.data.seed_artists = this.state.artistQueue.toString();
        }
        var recommendations = await dynamicRecommendationsService_default(apiOptions);
        this.setState({
          recommendations
        });
      };
      this.addToQueue = (event) => {
        if (!event || !Spicetify.Player.data) {
          return;
        }
        let progressPercentage = event.data / Spicetify.Player.data.item.duration.milliseconds * 100;
        if (progressPercentage < 50) {
          return;
        }
        this.setSongQueue();
        this.setArtistQueue();
      };
      this.setSongQueue = () => {
        let curSongID = common_default(Spicetify.Player.data.item.uri);
        if (this.state.songQueue && this.state.songQueue[this.state.songQueue.length - 1] == curSongID) {
          return;
        }
        let newQueue = this.state.songQueue.slice();
        if (newQueue.includes(curSongID)) {
          newQueue = newQueue.filter((val, ind) => val != curSongID);
        }
        newQueue.push(curSongID);
        if (newQueue.length > 5) {
          newQueue.shift();
        }
        this.setState({
          songQueue: newQueue
        }, () => {
          if (Spicetify.LocalStorage.get("songQueue") == this.state.songQueue.toString()) {
            return;
          }
          Spicetify.LocalStorage.set("songQueue", this.state.songQueue.toString());
          if (this.state.recTarget == "songs") {
            this.generateRecommendations();
          }
        });
      };
      this.shouldArtistQueueBeUpdated = () => {
        if (!Spicetify.Player.data.item.artists) {
          return false;
        }
        if (!this.state.artistQueue) {
          return true;
        }
        for (const artist of Spicetify.Player.data.item.artists) {
          let fromIndex = Math.max(0, this.state.artistQueue.length - Spicetify.Player.data.item.artists.length);
          if (!this.state.artistQueue.includes(common_default(artist.uri), fromIndex)) {
            return true;
          }
          ;
        }
        return false;
      };
      this.setArtistQueue = () => {
        if (!Spicetify.Player.data.item.artists || !this.shouldArtistQueueBeUpdated()) {
          return;
        }
        let newArtistQueue = this.state.artistQueue.slice();
        for (const artist of Spicetify.Player.data.item.artists) {
          let artistID = common_default(artist.uri);
          if (newArtistQueue.includes(artistID)) {
            newArtistQueue = newArtistQueue.filter((val, ind) => val != artistID);
          }
          newArtistQueue.push(artistID);
        }
        while (newArtistQueue.length > 5) {
          newArtistQueue.shift();
        }
        this.setState({
          artistQueue: newArtistQueue
        }, () => {
          if (Spicetify.LocalStorage.get("artistQueue") == this.state.artistQueue.toString()) {
            return;
          }
          Spicetify.LocalStorage.set("artistQueue", this.state.artistQueue.toString());
          if (this.state.recTarget == "artists") {
            this.generateRecommendations();
          }
        });
      };
    }
    componentDidUpdate(prevProps, prevState, snapshot) {
      if (prevProps.recTargetProp != this.props.recTargetProp) {
        this.generateRecommendations();
      }
    }
    render() {
      Spicetify.Player.addEventListener("onprogress", this.addToQueue);
      return /* @__PURE__ */ import_react3.default.createElement("div", {
        className: app_module_default2.recommendationsSection,
        style: { width: "100%" }
      }, /* @__PURE__ */ import_react3.default.createElement("div", {
        className: app_module_default2.recommendationHeader
      }, /* @__PURE__ */ import_react3.default.createElement("div", {
        className: app_module_default2.recommendationsLabel,
        style: { marginTop: "10px" }
      }, "Song Recommendations"), /* @__PURE__ */ import_react3.default.createElement("div", {
        className: app_module_default2.recommendationsHeaderSpacer
      }), /* @__PURE__ */ import_react3.default.createElement("div", {
        className: app_module_default2.recommendationTarget
      }, this.props.recTargetProp)), /* @__PURE__ */ import_react3.default.createElement("div", {
        className: app_module_default2.recommendationsBlock
      }, RecommendationsRender(this.state.recommendations)));
    }
  };
  var DynamicRecommendations_default = DynamicRecommendations;

  // postcss-module:C:\Users\parim\AppData\Local\Temp\tmp-18840-qliCjg8dm132\192d98cf7441\app.module.css
  var app_module_default4 = { "text": "app-module__text___q6CF6_Enhancify", "topBar": "app-module__topBar___gbq6k_Enhancify", "nowPlayingSidebar": "app-module__nowPlayingSidebar___F4UGj_Enhancify", "trackInfoPrimary": "app-module__trackInfoPrimary___PLXQO_Enhancify", "trackCover": "app-module__trackCover___UFVka_Enhancify", "statsBlock": "app-module__statsBlock___F0E-V_Enhancify", "statContainer": "app-module__statContainer___aQ1Fr_Enhancify", "statTitle": "app-module__statTitle___HP8oz_Enhancify", "statLabel": "app-module__statLabel___9pxah_Enhancify", "statValue": "app-module__statValue___JfE7d_Enhancify", "graphicContainer": "app-module__graphicContainer___P76QX_Enhancify", "recommendationsSection": "app-module__recommendationsSection___Emxwk_Enhancify", "recommendationsBlock": "app-module__recommendationsBlock___NYV5h_Enhancify", "trackContainer": "app-module__trackContainer___zmxIn_Enhancify", "recommendationsCover": "app-module__recommendationsCover___7Cufk_Enhancify", "trackName": "app-module__trackName___90Kd4_Enhancify", "playIcon": "app-module__playIcon___eaD-6_Enhancify", "changeRecTragetBtn": "app-module__changeRecTragetBtn___cS88j_Enhancify", "trackNameText": "app-module__trackNameText___J3m-Y_Enhancify", "leftSideBar": "app-module__leftSideBar___-boqF_Enhancify", "scrollTitle": "app-module__scrollTitle___vNLvZ_Enhancify", "scrollText": "app-module__scrollText___25P7l_Enhancify", "recommendationsLabel": "app-module__recommendationsLabel___UHF7q_Enhancify", "recommendationHeader": "app-module__recommendationHeader___EK4Rr_Enhancify", "recommendationTarget": "app-module__recommendationTarget___RC552_Enhancify", "recommendationsHeaderSpacer": "app-module__recommendationsHeaderSpacer___M5jYa_Enhancify", "settingContainer": "app-module__settingContainer___7DWOV_Enhancify", "settingLabel": "app-module__settingLabel___jD7Lv_Enhancify", "modal": "app-module__modal___YLXrG_Enhancify", "settingsModalContainer": "app-module__settingsModalContainer___Uryaq_Enhancify", "recommendationsModalContainer": "app-module__recommendationsModalContainer___eL3j6_Enhancify", "modalHeaderContainer": "app-module__modalHeaderContainer___2jP9z_Enhancify", "sectionHeaderContainer": "app-module__sectionHeaderContainer___oa7pd_Enhancify", "settingsIconContainer": "app-module__settingsIconContainer___TDp-k_Enhancify", "metricsRecommendationContainer": "app-module__metricsRecommendationContainer___TXr7b_Enhancify", "run": "app-module__run___9fxLL_Enhancify" };

  // src/components/SongMetric.tsx
  var import_react5 = __toESM(require_react());

  // node_modules/react-circular-progressbar/dist/index.esm.js
  var import_react4 = __toESM(require_react());
  var extendStatics = function(d, b) {
    extendStatics = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(d2, b2) {
      d2.__proto__ = b2;
    } || function(d2, b2) {
      for (var p in b2)
        if (b2.hasOwnProperty(p))
          d2[p] = b2[p];
    };
    return extendStatics(d, b);
  };
  function __extends(d, b) {
    extendStatics(d, b);
    function __() {
      this.constructor = d;
    }
    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  }
  var VIEWBOX_WIDTH = 100;
  var VIEWBOX_HEIGHT = 100;
  var VIEWBOX_HEIGHT_HALF = 50;
  var VIEWBOX_CENTER_X = 50;
  var VIEWBOX_CENTER_Y = 50;
  function Path(_a3) {
    var className = _a3.className, counterClockwise = _a3.counterClockwise, dashRatio = _a3.dashRatio, pathRadius = _a3.pathRadius, strokeWidth = _a3.strokeWidth, style = _a3.style;
    return (0, import_react4.createElement)("path", { className, style: Object.assign({}, style, getDashStyle({ pathRadius, dashRatio, counterClockwise })), d: getPathDescription({
      pathRadius,
      counterClockwise
    }), strokeWidth, fillOpacity: 0 });
  }
  function getPathDescription(_a3) {
    var pathRadius = _a3.pathRadius, counterClockwise = _a3.counterClockwise;
    var radius = pathRadius;
    var rotation = counterClockwise ? 1 : 0;
    return "\n      M " + VIEWBOX_CENTER_X + "," + VIEWBOX_CENTER_Y + "\n      m 0,-" + radius + "\n      a " + radius + "," + radius + " " + rotation + " 1 1 0," + 2 * radius + "\n      a " + radius + "," + radius + " " + rotation + " 1 1 0,-" + 2 * radius + "\n    ";
  }
  function getDashStyle(_a3) {
    var counterClockwise = _a3.counterClockwise, dashRatio = _a3.dashRatio, pathRadius = _a3.pathRadius;
    var diameter = Math.PI * 2 * pathRadius;
    var gapLength = (1 - dashRatio) * diameter;
    return {
      strokeDasharray: diameter + "px " + diameter + "px",
      strokeDashoffset: (counterClockwise ? -gapLength : gapLength) + "px"
    };
  }
  var CircularProgressbar = function(_super) {
    __extends(CircularProgressbar2, _super);
    function CircularProgressbar2() {
      return _super !== null && _super.apply(this, arguments) || this;
    }
    CircularProgressbar2.prototype.getBackgroundPadding = function() {
      if (!this.props.background) {
        return 0;
      }
      return this.props.backgroundPadding;
    };
    CircularProgressbar2.prototype.getPathRadius = function() {
      return VIEWBOX_HEIGHT_HALF - this.props.strokeWidth / 2 - this.getBackgroundPadding();
    };
    CircularProgressbar2.prototype.getPathRatio = function() {
      var _a3 = this.props, value = _a3.value, minValue = _a3.minValue, maxValue = _a3.maxValue;
      var boundedValue = Math.min(Math.max(value, minValue), maxValue);
      return (boundedValue - minValue) / (maxValue - minValue);
    };
    CircularProgressbar2.prototype.render = function() {
      var _a3 = this.props, circleRatio = _a3.circleRatio, className = _a3.className, classes = _a3.classes, counterClockwise = _a3.counterClockwise, styles = _a3.styles, strokeWidth = _a3.strokeWidth, text = _a3.text;
      var pathRadius = this.getPathRadius();
      var pathRatio = this.getPathRatio();
      return (0, import_react4.createElement)(
        "svg",
        { className: classes.root + " " + className, style: styles.root, viewBox: "0 0 " + VIEWBOX_WIDTH + " " + VIEWBOX_HEIGHT, "data-test-id": "CircularProgressbar" },
        this.props.background ? (0, import_react4.createElement)("circle", { className: classes.background, style: styles.background, cx: VIEWBOX_CENTER_X, cy: VIEWBOX_CENTER_Y, r: VIEWBOX_HEIGHT_HALF }) : null,
        (0, import_react4.createElement)(Path, { className: classes.trail, counterClockwise, dashRatio: circleRatio, pathRadius, strokeWidth, style: styles.trail }),
        (0, import_react4.createElement)(Path, { className: classes.path, counterClockwise, dashRatio: pathRatio * circleRatio, pathRadius, strokeWidth, style: styles.path }),
        text ? (0, import_react4.createElement)("text", { className: classes.text, style: styles.text, x: VIEWBOX_CENTER_X, y: VIEWBOX_CENTER_Y }, text) : null
      );
    };
    CircularProgressbar2.defaultProps = {
      background: false,
      backgroundPadding: 0,
      circleRatio: 1,
      classes: {
        root: "CircularProgressbar",
        trail: "CircularProgressbar-trail",
        path: "CircularProgressbar-path",
        text: "CircularProgressbar-text",
        background: "CircularProgressbar-background"
      },
      counterClockwise: false,
      className: "",
      maxValue: 100,
      minValue: 0,
      strokeWidth: 8,
      styles: {
        root: {},
        trail: {},
        path: {},
        text: {},
        background: {}
      },
      text: ""
    };
    return CircularProgressbar2;
  }(import_react4.Component);

  // src/components/SongMetric.tsx
  var SongMetric = class extends import_react5.default.Component {
    render() {
      return /* @__PURE__ */ import_react5.default.createElement("div", {
        className: app_module_default4.statContainer,
        onClick: () => this.props.selectMetric(this.props.title, this.props.floatValue),
        style: this.props.isMetricSelected ? {
          backgroundColor: "rgb(99, 155, 119",
          border: "2px solid white"
        } : {}
      }, /* @__PURE__ */ import_react5.default.createElement("div", {
        className: app_module_default4.statTextContainer
      }, /* @__PURE__ */ import_react5.default.createElement("div", {
        className: app_module_default4.text,
        style: {
          fontSize: "23px",
          color: "rgb(200,200,200)",
          fontWeight: "600"
        }
      }, this.props.title), /* @__PURE__ */ import_react5.default.createElement("div", {
        className: app_module_default4.text,
        style: {
          fontSize: "48px",
          color: "white",
          fontWeight: "500"
        }
      }, Math.round(parseFloat(this.props.floatValue) * (this.props.progressBar ? 100 : 1)), this.props.label != "" ? /* @__PURE__ */ import_react5.default.createElement("span", {
        className: app_module_default4.text,
        style: {
          fontSize: "25px",
          color: "white",
          fontWeight: "550",
          marginLeft: "5px",
          width: "10px",
          height: "10px",
          textOverflow: "ellipsis"
        }
      }, this.props.label) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null))), this.props.progressBar ? /* @__PURE__ */ import_react5.default.createElement("div", {
        className: app_module_default4.graphicContainer
      }, /* @__PURE__ */ import_react5.default.createElement(CircularProgressbar, {
        styles: { path: { stroke: "white" }, trail: { stroke: "rgb(80,80,80)" } },
        value: parseFloat(this.props.floatValue),
        maxValue: 1
      })) : /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null));
    }
  };
  var SongMetric_default = SongMetric;

  // src/components/RecommendationsModal.tsx
  var import_react6 = __toESM(require_react());

  // postcss-module:C:\Users\parim\AppData\Local\Temp\tmp-18840-qliCjg8dm132\192d98cf7475\app.module.css
  var app_module_default5 = { "text": "app-module__text___q6CF6_Enhancify", "topBar": "app-module__topBar___gbq6k_Enhancify", "nowPlayingSidebar": "app-module__nowPlayingSidebar___F4UGj_Enhancify", "trackInfoPrimary": "app-module__trackInfoPrimary___PLXQO_Enhancify", "trackCover": "app-module__trackCover___UFVka_Enhancify", "statsBlock": "app-module__statsBlock___F0E-V_Enhancify", "statContainer": "app-module__statContainer___aQ1Fr_Enhancify", "statTitle": "app-module__statTitle___HP8oz_Enhancify", "statLabel": "app-module__statLabel___9pxah_Enhancify", "statValue": "app-module__statValue___JfE7d_Enhancify", "graphicContainer": "app-module__graphicContainer___P76QX_Enhancify", "recommendationsSection": "app-module__recommendationsSection___Emxwk_Enhancify", "recommendationsBlock": "app-module__recommendationsBlock___NYV5h_Enhancify", "trackContainer": "app-module__trackContainer___zmxIn_Enhancify", "recommendationsCover": "app-module__recommendationsCover___7Cufk_Enhancify", "trackName": "app-module__trackName___90Kd4_Enhancify", "playIcon": "app-module__playIcon___eaD-6_Enhancify", "changeRecTragetBtn": "app-module__changeRecTragetBtn___cS88j_Enhancify", "trackNameText": "app-module__trackNameText___J3m-Y_Enhancify", "leftSideBar": "app-module__leftSideBar___-boqF_Enhancify", "scrollTitle": "app-module__scrollTitle___vNLvZ_Enhancify", "scrollText": "app-module__scrollText___25P7l_Enhancify", "recommendationsLabel": "app-module__recommendationsLabel___UHF7q_Enhancify", "recommendationHeader": "app-module__recommendationHeader___EK4Rr_Enhancify", "recommendationTarget": "app-module__recommendationTarget___RC552_Enhancify", "recommendationsHeaderSpacer": "app-module__recommendationsHeaderSpacer___M5jYa_Enhancify", "settingContainer": "app-module__settingContainer___7DWOV_Enhancify", "settingLabel": "app-module__settingLabel___jD7Lv_Enhancify", "modal": "app-module__modal___YLXrG_Enhancify", "settingsModalContainer": "app-module__settingsModalContainer___Uryaq_Enhancify", "recommendationsModalContainer": "app-module__recommendationsModalContainer___eL3j6_Enhancify", "modalHeaderContainer": "app-module__modalHeaderContainer___2jP9z_Enhancify", "sectionHeaderContainer": "app-module__sectionHeaderContainer___oa7pd_Enhancify", "settingsIconContainer": "app-module__settingsIconContainer___TDp-k_Enhancify", "metricsRecommendationContainer": "app-module__metricsRecommendationContainer___TXr7b_Enhancify", "run": "app-module__run___9fxLL_Enhancify" };

  // src/components/RecommendationsModal.tsx
  var RecommendationsModal = class extends import_react6.default.Component {
    constructor() {
      super(...arguments);
      this.state = {
        recommendations: {}
      };
      this.componentDidMount = () => {
        this.generateRecommendations();
      };
      this.generateRecommendations = async () => {
        let apiOptions = new GetRecommendationsInput();
        apiOptions.data.seed_tracks = common_default(this.props.songURI);
        apiOptions.data.limit = "8";
        for (let key in this.props.selectedMetrics) {
          let apiDataKey = "target_" + key.toLowerCase();
          apiOptions.data[apiDataKey] = this.props.selectedMetrics[key];
        }
        var recommendations = await dynamicRecommendationsService_default(apiOptions);
        this.setState({
          recommendations
        });
      };
    }
    render() {
      return /* @__PURE__ */ import_react6.default.createElement("div", {
        className: app_module_default5.recommendationsModalContainer,
        style: { overflowY: "scroll", height: "550px" }
      }, /* @__PURE__ */ import_react6.default.createElement("div", {
        className: app_module_default5.modalHeaderContainer,
        style: { marginBottom: "10px" }
      }, /* @__PURE__ */ import_react6.default.createElement("div", {
        className: app_module_default5.recommendationsLabel,
        style: { marginBottom: "0px" }
      }, "More Recommendations"), /* @__PURE__ */ import_react6.default.createElement("img", {
        className: app_module_default5.playIcon,
        style: { marginLeft: "auto" },
        src: "https://img.icons8.com/?size=100&id=6483&format=png&color=FFFFFF",
        onClick: () => this.props.setModalIsOpen(false)
      })), /* @__PURE__ */ import_react6.default.createElement("div", {
        className: app_module_default5.settingContainer,
        style: { paddingLeft: "0", marginBottom: "30px" }
      }, Object.keys(this.props.selectedMetrics).map((metric_name) => /* @__PURE__ */ import_react6.default.createElement("div", {
        className: app_module_default5.recommendationTarget,
        style: {
          marginRight: "10px"
        }
      }, metric_name))), /* @__PURE__ */ import_react6.default.createElement("div", {
        className: app_module_default5.metricsRecommendationContainer
      }, RecommendationsRender(this.state.recommendations)));
    }
  };
  var RecommendationsModal_default = RecommendationsModal;

  // postcss-module:C:\Users\parim\AppData\Local\Temp\tmp-18840-qliCjg8dm132\192d98cf7452\app.module.css
  var app_module_default6 = { "text": "app-module__text___q6CF6_Enhancify", "topBar": "app-module__topBar___gbq6k_Enhancify", "nowPlayingSidebar": "app-module__nowPlayingSidebar___F4UGj_Enhancify", "trackInfoPrimary": "app-module__trackInfoPrimary___PLXQO_Enhancify", "trackCover": "app-module__trackCover___UFVka_Enhancify", "statsBlock": "app-module__statsBlock___F0E-V_Enhancify", "statContainer": "app-module__statContainer___aQ1Fr_Enhancify", "statTitle": "app-module__statTitle___HP8oz_Enhancify", "statLabel": "app-module__statLabel___9pxah_Enhancify", "statValue": "app-module__statValue___JfE7d_Enhancify", "graphicContainer": "app-module__graphicContainer___P76QX_Enhancify", "recommendationsSection": "app-module__recommendationsSection___Emxwk_Enhancify", "recommendationsBlock": "app-module__recommendationsBlock___NYV5h_Enhancify", "trackContainer": "app-module__trackContainer___zmxIn_Enhancify", "recommendationsCover": "app-module__recommendationsCover___7Cufk_Enhancify", "trackName": "app-module__trackName___90Kd4_Enhancify", "playIcon": "app-module__playIcon___eaD-6_Enhancify", "changeRecTragetBtn": "app-module__changeRecTragetBtn___cS88j_Enhancify", "trackNameText": "app-module__trackNameText___J3m-Y_Enhancify", "leftSideBar": "app-module__leftSideBar___-boqF_Enhancify", "scrollTitle": "app-module__scrollTitle___vNLvZ_Enhancify", "scrollText": "app-module__scrollText___25P7l_Enhancify", "recommendationsLabel": "app-module__recommendationsLabel___UHF7q_Enhancify", "recommendationHeader": "app-module__recommendationHeader___EK4Rr_Enhancify", "recommendationTarget": "app-module__recommendationTarget___RC552_Enhancify", "recommendationsHeaderSpacer": "app-module__recommendationsHeaderSpacer___M5jYa_Enhancify", "settingContainer": "app-module__settingContainer___7DWOV_Enhancify", "settingLabel": "app-module__settingLabel___jD7Lv_Enhancify", "modal": "app-module__modal___YLXrG_Enhancify", "settingsModalContainer": "app-module__settingsModalContainer___Uryaq_Enhancify", "recommendationsModalContainer": "app-module__recommendationsModalContainer___eL3j6_Enhancify", "modalHeaderContainer": "app-module__modalHeaderContainer___2jP9z_Enhancify", "sectionHeaderContainer": "app-module__sectionHeaderContainer___oa7pd_Enhancify", "settingsIconContainer": "app-module__settingsIconContainer___TDp-k_Enhancify", "metricsRecommendationContainer": "app-module__metricsRecommendationContainer___TXr7b_Enhancify", "run": "app-module__run___9fxLL_Enhancify" };

  // src/components/SettingsModal.tsx
  var import_react7 = __toESM(require_react());
  var SettingsModal = class extends import_react7.default.Component {
    render() {
      return /* @__PURE__ */ import_react7.default.createElement("div", {
        className: app_module_default6.settingsModalContainer
      }, /* @__PURE__ */ import_react7.default.createElement("div", {
        className: app_module_default6.modalHeaderContainer
      }, /* @__PURE__ */ import_react7.default.createElement("div", {
        className: app_module_default6.recommendationsLabel,
        style: {
          marginLeft: "20px",
          marginBottom: "0px",
          marginTop: "10px"
        }
      }, "Settings"), /* @__PURE__ */ import_react7.default.createElement("img", {
        className: app_module_default6.playIcon,
        style: { marginLeft: "auto" },
        src: "https://img.icons8.com/?size=100&id=6483&format=png&color=FFFFFF",
        onClick: () => this.props.setModalIsOpen(false)
      })), /* @__PURE__ */ import_react7.default.createElement("div", {
        className: app_module_default6.settingContainer
      }, /* @__PURE__ */ import_react7.default.createElement("span", {
        className: app_module_default6.settingLabel
      }, "Show recommendations by: "), /* @__PURE__ */ import_react7.default.createElement("button", {
        onClick: this.props.changeRecTarget,
        className: app_module_default6.recommendationTarget,
        disabled: false,
        style: { marginLeft: "auto", marginTop: "0px" }
      }, this.props.recTarget)), /* @__PURE__ */ import_react7.default.createElement("div", {
        className: app_module_default6.settingContainer
      }, /* @__PURE__ */ import_react7.default.createElement("span", {
        className: app_module_default6.settingLabel
      }, "Displayed statistics: ")), /* @__PURE__ */ import_react7.default.createElement("div", {
        style: { padding: "20px", paddingLeft: "10px", paddingTop: "0px" }
      }, allMetrics.map((metric, i) => {
        return /* @__PURE__ */ import_react7.default.createElement("button", {
          className: app_module_default6.recommendationTarget,
          style: {
            marginLeft: "5px",
            fontSize: "15px",
            backgroundColor: this.props.metricsToDisplay.includes(metric) ? "rgb(81, 126, 97)" : "rgb(105,105,105)"
          },
          onClick: () => this.props.toggleMetric(metric)
        }, metric);
      })), /* @__PURE__ */ import_react7.default.createElement("div", {
        className: app_module_default6.settingContainer,
        style: { position: "absolute", bottom: "0", paddingLeft: "0", marginLeft: "-13px", marginBottom: "5px" }
      }, /* @__PURE__ */ import_react7.default.createElement("span", {
        className: app_module_default6.settingLabel,
        style: { fontSize: "smaller" }
      }, "Enhancify Version 0.1.0")));
    }
  };
  var SettingsModal_default = SettingsModal;

  // src/components/NowPlaying.tsx
  var import_react_modal = __toESM(require_lib());
  var _a2;
  var NowPlaying = class extends import_react8.default.Component {
    constructor() {
      super(...arguments);
      this.state = {
        audioFeatures: {},
        songURI: "",
        recTarget: "songs",
        songMetrics: [],
        metricsToDisplay: Spicetify.LocalStorage.get("metricsToDisplay") != "" ? ((_a2 = Spicetify.LocalStorage.get("metricsToDisplay")) == null ? void 0 : _a2.split(",")) || ["Danceability", "Energy", "Acousticness", "Loudness", "Key", "Tempo"] : [],
        modalIsOpen: false,
        settingsModalIsOpen: false,
        selectedMetrics: JSON.parse(Spicetify.LocalStorage.get("selectedMetrics") || "{}")
      };
      this.componentDidMount = () => {
        this.setAudioFeatures();
      };
      this.setAudioFeatures = () => {
        if (!Spicetify.Player.data || this.state.songURI == Spicetify.Player.data.item.uri) {
          return;
        }
        this.state.songURI = Spicetify.Player.data.item.uri;
        const apiCall = async () => {
          const currentAudioFeatures = await nowPlayingService_default(this.state.songURI || "");
          this.setState({
            audioFeatures: currentAudioFeatures
          }, this.setSongMetrics);
        };
        apiCall();
      };
      this.setSongMetrics = () => {
        this.setState({
          songMetrics: getSongMetrics(this.state.audioFeatures, this.state.metricsToDisplay)
        });
      };
      this.changeRecTarget = () => {
        if (this.state.recTarget == "songs") {
          this.setState({
            recTarget: "artists"
          });
        } else if (this.state.recTarget == "artists") {
          this.setState({
            recTarget: "songs"
          });
        }
      };
      this.toggleMetric = (metric) => {
        let newArray = this.state.metricsToDisplay.slice();
        if (newArray.includes(metric)) {
          newArray = newArray.filter((val) => val != metric);
          if (metric in this.state.selectedMetrics) {
            let copy = __spreadValues({}, this.state.selectedMetrics);
            delete copy[metric];
            Spicetify.LocalStorage.set("selectedMetrics", JSON.stringify(copy));
            this.setState({
              selectedMetrics: copy
            });
          }
        } else {
          newArray.push(metric);
        }
        Spicetify.LocalStorage.set("metricsToDisplay", newArray.toString());
        this.setState({
          metricsToDisplay: newArray
        }, this.setSongMetrics);
      };
      this.setModalIsOpen = (value) => {
        this.setState({
          modalIsOpen: value
        });
      };
      this.setSettingsModalIsOpen = (value) => {
        this.setState({
          settingsModalIsOpen: value
        });
      };
      this.selectMetric = (metric, value) => {
        let copy = __spreadValues({}, this.state.selectedMetrics);
        if (metric in copy) {
          delete copy[metric];
        } else {
          copy[metric] = value;
        }
        Spicetify.LocalStorage.set("selectedMetrics", JSON.stringify(copy));
        this.setState({
          selectedMetrics: copy
        });
      };
      this.modalStyles = {
        overlay: {
          backgroundColor: "rgba(0, 0, 0, 0.70)"
        },
        content: {
          position: "relative",
          top: "60px",
          left: "27.5%",
          width: "550px",
          height: "610px"
        }
      };
      this.recommendationsModalStyles = {
        overlay: {
          backgroundColor: "rgba(0, 0, 0, 0.70)"
        },
        content: {
          position: "relative",
          top: "55px",
          left: "21.5%",
          width: "800px",
          height: "600px"
        }
      };
    }
    render() {
      Spicetify.Player.addEventListener("songchange", this.setAudioFeatures);
      return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null, /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.topBar
      }, /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.nowPlayingSidebar
      }, Spicetify.Player.data ? /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.trackInfoPrimary
      }, Spicetify.Player.data.item.images ? Spicetify.Player.data.item.images.length > 0 ? /* @__PURE__ */ import_react8.default.createElement("img", {
        src: Spicetify.Player.data.item.images[0].url,
        className: app_module_default.trackCover
      }) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null), /* @__PURE__ */ import_react8.default.createElement("text", {
        className: app_module_default.text,
        style: {
          marginTop: "5px",
          fontSize: "30px",
          fontWeight: "530",
          textOverflow: "ellipsis",
          overflow: "hidden",
          whiteSpace: "nowrap",
          textAlign: "center",
          alignContent: "center",
          width: "250px",
          color: "white"
        }
      }, Spicetify.Player.data.item.name), function() {
        const trackArtists = Spicetify.Player.data.item.artists;
        let trackAritistsInnnerHTML = "";
        if (trackArtists) {
          for (const artist of trackArtists) {
            trackAritistsInnnerHTML += artist.name + ", ";
          }
          if (trackAritistsInnnerHTML.length > 0) {
            trackAritistsInnnerHTML = trackAritistsInnnerHTML.substring(0, trackAritistsInnnerHTML.length - 2);
          }
          return /* @__PURE__ */ import_react8.default.createElement("text", {
            className: app_module_default.text,
            style: {
              fontSize: "15px",
              marginBottom: "2px",
              textOverflow: "ellipsis",
              width: "250px",
              textAlign: "center"
            }
          }, trackAritistsInnnerHTML);
        } else {
          return /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null);
        }
      }(), /* @__PURE__ */ import_react8.default.createElement("text", {
        className: app_module_default.text,
        style: {
          fontSize: "15px",
          textOverflow: "ellipsis",
          width: "250px",
          textAlign: "center"
        }
      }, Spicetify.Player.data.item.album.name)) : /* @__PURE__ */ import_react8.default.createElement(import_react8.default.Fragment, null)), /* @__PURE__ */ import_react8.default.createElement(DynamicRecommendations_default, {
        recTargetProp: this.state.recTarget
      })), /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.sectionHeaderContainer
      }, /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.recommendationsLabel,
        style: { marginLeft: "20px", marginBottom: "0px" }
      }, "Song Statistics"), /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.settingsIconContainer,
        style: { marginLeft: "auto", marginRight: "0px" },
        onClick: () => this.setState({ modalIsOpen: true })
      }, /* @__PURE__ */ import_react8.default.createElement("img", {
        src: "https://img.icons8.com/?size=100&id=9403&format=png&color=FFFFFF",
        style: {
          width: "25px",
          height: "25px",
          marginTop: "auto",
          marginBottom: "auto"
        }
      })), /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.settingsIconContainer,
        onClick: () => this.setSettingsModalIsOpen(true)
      }, /* @__PURE__ */ import_react8.default.createElement("img", {
        src: "https://img.icons8.com/?size=100&id=2969&format=png&color=FFFFFF",
        style: {
          width: "25px",
          height: "25px",
          marginTop: "auto",
          marginBottom: "auto"
        }
      }))), /* @__PURE__ */ import_react8.default.createElement("div", {
        className: app_module_default.statsBlock
      }, this.state.songMetrics.map((songMetric, i) => {
        return /* @__PURE__ */ import_react8.default.createElement(SongMetric_default, {
          title: songMetric.title,
          floatValue: songMetric.floatValue,
          label: songMetric.label,
          progressBar: songMetric.progressBar,
          selectMetric: this.selectMetric,
          isMetricSelected: songMetric.title in this.state.selectedMetrics
        });
      })), /* @__PURE__ */ import_react8.default.createElement("div", null), /* @__PURE__ */ import_react8.default.createElement(import_react_modal.default, {
        className: app_module_default.modal,
        isOpen: this.state.modalIsOpen,
        onRequestClose: () => this.setModalIsOpen(false),
        style: this.recommendationsModalStyles
      }, /* @__PURE__ */ import_react8.default.createElement(RecommendationsModal_default, {
        setModalIsOpen: this.setModalIsOpen,
        songURI: this.state.songURI,
        selectedMetrics: this.state.selectedMetrics
      })), /* @__PURE__ */ import_react8.default.createElement(import_react_modal.default, {
        className: app_module_default.modal,
        isOpen: this.state.settingsModalIsOpen,
        onRequestClose: () => this.setSettingsModalIsOpen(false),
        style: this.modalStyles
      }, /* @__PURE__ */ import_react8.default.createElement(SettingsModal_default, {
        changeRecTarget: this.changeRecTarget,
        toggleMetric: this.toggleMetric,
        recTarget: this.state.recTarget,
        metricsToDisplay: this.state.metricsToDisplay,
        setModalIsOpen: this.setSettingsModalIsOpen
      })));
    }
  };
  var NowPlaying_default = NowPlaying;

  // src/app.tsx
  var App = class extends import_react9.default.Component {
    render() {
      return /* @__PURE__ */ import_react9.default.createElement(import_react9.default.Fragment, null, /* @__PURE__ */ import_react9.default.createElement(NowPlaying_default, null));
    }
  };
  var app_default = App;

  // ../../../Temp/spicetify-creator/index.jsx
  var import_react10 = __toESM(require_react());
  function render() {
    return /* @__PURE__ */ import_react10.default.createElement(app_default, null);
  }
  return __toCommonJS(spicetify_creator_exports);
})();
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/
/*!
  Copyright (c) 2015 Jed Watson.
  Based on code that is Copyright 2013-2015, Facebook, Inc.
  All rights reserved.
*/
/*!
 * Adapted from jQuery UI core
 *
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/ui-core/
 */
/*! *****************************************************************************
Copyright (c) Microsoft Corporation. All rights reserved.
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
this file except in compliance with the License. You may obtain a copy of the
License at http://www.apache.org/licenses/LICENSE-2.0

THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
MERCHANTABLITY OR NON-INFRINGEMENT.

See the Apache Version 2.0 License for specific language governing permissions
and limitations under the License.
***************************************************************************** */
/** @license React v16.13.1
 * react-is.development.js
 *
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */
const render=()=>Enhancify.default();